/* Global rules */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.display-inline {
	display: inline-block !important;
}

.align-top {
	vertical-align: top;
}

.margin-right-5 {
	margin-right: 5px
}

.padding-top-15 {
	padding-top: 15px;
}

table>tbody+tbody {
  border-top: 1px solid #ddd !important;
}

.col-min {
    min-width:320px;
}

.modal-header {
	background-color: #F5F5F5;
}

.hr-separator {
	margin:8px 0; border-top: 1px dotted #e4e9f0;
}

 .fadein {
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

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

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pagination {
    margin: 0 !important;
}

/* Main navigation */
.windyweek-logo-lg {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyOS42MjkiIHdpZHRoPSIxOTUiIHZlcnNpb249IjEuMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMzEwNyI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48ZGM6dGl0bGUvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc0LjAyIC0zMS44MDcpIj48ZyBpZD0iZzMwNjUiIHRyYW5zZm9ybT0ibWF0cml4KC44Mjk5NiAwIDAgLjgyOTk2IDE3LjI4MyAtMjgyLjU4KSI+PGcgaWQ9ImczMDY3Ij48cGF0aCBpZD0icGF0aDMwNjkiIGQ9Im0yNzEuNiAzODcuM2MtMC4yIDEuNi0wLjYgMi40LTEgMy4zbC01LjEgOS43LTEuNS03LjcgMC43LTEuNmMwLjUtMS4yIDAuNy0yLjQgMC4zLTMuN2gtMy4zYy0wLjIgMS42LTAuNiAyLjQtMSAzLjNsLTUgOS44LTIuNC0xMy4yaC00bDMuNyAxNy43aDQuNWwzLjktNy43IDEuNSA3LjdoNC4ybDcuMy0xMy4zYzAuNy0xLjIgMS0yLjggMC43LTQuNGgtMy41em00LjUgMTcuOGgzLjlsMi44LTE3LjdoLTMuOWwtMi44IDE3Ljd6bTcuMS0yMy44aC0yLjhjLTAuNSAwLTAuOSAwLjMtMC45IDAuOGwtMC40IDIuNWMtMC4xIDAuNSAwLjIgMC44IDAuNyAwLjhoMi44YzAuNSAwIDAuOC0wLjMgMC45LTAuOGwwLjQtMi41YzAtMC41LTAuMi0wLjgtMC43LTAuOHptMTMuNiA1LjdjLTIuNyAwLTQuNCAxLjEtNi4zIDIuM2wtMC41LTJoLTNsLTIuOCAxNy43aDMuOWwxLjktMTNjMi0xLjEgMy4yLTEuNyA1LjQtMS43IDEuNCAwIDIuMiAwLjggMS45IDIuN2wtMS45IDEyaDMuOWwxLjktMTJjMC41LTMuMi0wLjUtNi00LjQtNnptMjAuMyAxLjNjLTEuNy0wLjgtNC4xLTEuMi01LjYtMS4yLTUgMC02LjUgMy45LTcuMyA4LjctMC44IDQuNyAwLjIgOS40IDQuNiA5LjQgMi4yIDAgNC43LTEuMyA1LjktMi4xbDAuNSAxLjloMy4xbDQuMi0yNi4yaC0zLjhsLTEuNiA5LjV6bS0yIDEyLjNjLTEuNCAwLjctMy4xIDEuMy01LjIgMS4zLTEuOCAwLTIuNS0xLjctMS45LTUuNyAwLjgtNC45IDItNS45IDMuNi01LjkgMiAwIDMuNCAwLjIgNC45IDAuN2wtMS40IDkuNnptMjEuOS0xMy4zYy0wLjIgMS42LTAuNCAyLjQtMC44IDMuM2wtNS4yIDEwLjljLTAuMiAwLTEuNyAwLjEtMS45LTEuM2wtMS41LTEyLjloLTRsMS42IDEzLjVjMC40IDMuMiAyLjMgNC4yIDQuMyA0LjItMS4yIDIuNC0yLjggNS01LjcgNi42djIuN2MzLjEtMC42IDYuNi0yLjYgOS44LTkuNGw2LjMtMTMuMmMwLjYtMS4zIDEtMi45IDAuNi00LjVoLTMuNXptMjguMyAwYy0wLjIgMS42LTAuNiAyLjQtMSAzLjNsLTUuMSA5LjctMS41LTcuNyAwLjctMS42YzAuNS0xLjIgMC43LTIuNCAwLjMtMy43aC0zLjNjLTAuMiAxLjYtMC42IDIuNC0xIDMuM2wtNSA5LjgtMi40LTEzLjJoLTRsMy43IDE3LjdoNC41bDMuOS03LjcgMS41IDcuN2g0LjJsNy4zLTEzLjNjMC43LTEuMiAxLTIuOCAwLjctNC40aC0zLjV6bTE0LjYtMC4zYy02LjUgMC03LjkgMi45LTguOSA4LjMtMS4yIDYuNSAwLjEgOS44IDQuMyAxMCAzLjQgMC4xIDYuMi0wLjIgOC45LTFsMC41LTIuOGMtMi4zIDAuNC01LjQgMC43LTcuNiAwLjUtMi40IDAtMy0wLjktMi41LTQuMiAxLjIgMC41IDExLjQgMiAxMi4xLTUuOCAwLjMtMy45LTIuOC01LTYuOC01em0yLjggNS41Yy0wLjYgMy43LTcuOCAyLjgtNy44IDIuOCAwLjUtMi41IDAuOC01IDQuNy01IDIuMyAwIDMuNCAwLjMgMy4xIDIuMnptMTUuNi01LjVjLTYuNSAwLTcuOSAyLjktOC45IDguMy0xLjIgNi41IDAuMSA5LjggNC4zIDEwIDMuNCAwLjEgNi4yLTAuMiA4LjktMWwwLjUtMi44Yy0yLjMgMC40LTUuNCAwLjctNy42IDAuNS0yLjQgMC0zLTAuOS0yLjUtNC4yIDEuMiAwLjUgMTEuNCAyIDEyLjEtNS44IDAuMy0zLjktMi45LTUtNi44LTV6bTIuOCA1LjVjLTAuNiAzLjctNy44IDIuOC03LjggMi44IDAuNS0yLjUgMC44LTUgNC43LTUgMi4zIDAgMy40IDAuMyAzLjEgMi4yem0yMi43LTUuMmgtNC4yYy0wLjcgMi43LTQuNiA1LjgtNy4zIDYuN2wyLjQtMTUuMWgtMy45bC00LjEgMjYuMWgzLjlsMS40LTguNGgxLjNsNS4xIDguNGg0LjRsLTUuOS05LjZjMi0xIDUuNy00IDYuOS04LjF6bS0xODQuNSAxYzAuNC01LjItMy42LTkuNC04LjctOS40LTUuMiAwLTkuOSA0LjktMTAgOS40IDAgMi41IDMuMiAyLjMgMy4yIDAgMC0zLjMgMy4yLTYuMiA2LjYtNi4yczYgMi44IDUuNyA2LjJjLTAuMiAzLjItMi44IDUuNy01LjkgNi4xaC0zOC4zYy0zLjkgMC0zLjUgMy4yLTEuOSAzLjJoNDBjNC44LTAuNCA4LjktNC40IDkuMy05LjN6bS0yLjkgMTEuMmgtMjYuOGMtMSAwLTIuMSAzLjMgMi41IDMuM2gyNC41YzIuMSAwLjIgMy45IDIgNC4xIDQuMiAwLjIgMi40LTEuNiA0LjMtNCA0LjMtMS43IDAtMy40LTEuMS00LjEtMi41IDAtMS45LTMuNi0yLjQtMy4zIDAuMyAxIDMuMSA0LjIgNS40IDcuNiA1LjQgNC4xIDAgNy4yLTMuMyA3LTcuNS0wLjMtNC0zLjYtNy4yLTcuNS03LjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
	width: 195px;
	height: 30px;
	display: block;
	background-size: 195px 30px;
}

.windyweek-logo-md {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMCIgd2lkdGg9IjQ2LjQiIHZlcnNpb249IjEuMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMzEwNyI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48ZGM6dGl0bGUvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE1Ljc3IC0zMi4xNSkiPjxnIGlkPSJnMzA2NSIgdHJhbnNmb3JtPSJtYXRyaXgoLjg0MjcwIDAgMCAuODQyNzAgMjAuODcyIC0yODcuOTQpIj48ZyBpZD0iZzMwNjciPjxwYXRoIGlkPSJwYXRoMzA2OSIgZD0ibTI4MS43MyAzODkuMjRjMC40LTUuMi0zLjYtOS40LTguNy05LjQtNS4yIDAtOS45IDQuOS0xMCA5LjQgMCAyLjUgMy4yIDIuMyAzLjIgMCAwLTMuMyAzLjItNi4yIDYuNi02LjJzNiAyLjggNS43IDYuMmMtMC4yIDMuMi0yLjggNS43LTUuOSA2LjFoLTM4LjNjLTMuOSAwLTMuNSAzLjItMS45IDMuMmg0MGM0LjgtMC40IDguOS00LjQgOS4zLTkuM3ptLTIuOSAxMS4yaC0yNi44Yy0xIDAtMi4xIDMuMyAyLjUgMy4zaDI0LjVjMi4xIDAuMiAzLjkgMiA0LjEgNC4yIDAuMiAyLjQtMS42IDQuMy00IDQuMy0xLjcgMC0zLjQtMS4xLTQuMS0yLjUgMC0xLjktMy42LTIuNC0zLjMgMC4zIDEgMy4xIDQuMiA1LjQgNy42IDUuNCA0LjEgMCA3LjItMy4zIDctNy41LTAuMy00LTMuNi03LjItNy41LTcuNXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L2c+PC9zdmc+');
	width: 47px;
	height: 30px;
	display: block;
	background-size: 47px 30px;
}

.windyweek-logo-sm {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxOSIgd2lkdGg9IjEyNSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQxMDIzNDIsMCwwLDAuNjQxMDE1LC0xMTEuNTUwNDksLTIwLjM4Mjk0OSkiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuODI5OTYsMCwwLDAuODI5OTYsMTcuMjgzLC0yODIuNTgpIj48cGF0aCBkPSJtMjcxLjYsMzg3LjNjLTAuMiwxLjYtMC42LDIuNC0xLDMuM2wtNS4xLDkuNy0xLjUtNy43LDAuNy0xLjZjMC41LTEuMiwwLjctMi40LDAuMy0zLjdoLTMuM2MtMC4yLDEuNi0wLjYsMi40LTEsMy4zbC01LDkuOC0yLjQtMTMuMmgtNGwzLjcsMTcuN2g0LjVsMy45LTcuNywxLjUsNy43aDQuMmw3LjMtMTMuM2MwLjctMS4yLDEtMi44LDAuNy00LjRoLTMuNXptNC41LDE3LjhoMy45bDIuOC0xNy43aC0zLjlsLTIuOCwxNy43em03LjEtMjMuOGgtMi44Yy0wLjUsMC0wLjksMC4zLTAuOSwwLjhsLTAuNCwyLjVjLTAuMSwwLjUsMC4yLDAuOCwwLjcsMC44aDIuOGMwLjUsMCwwLjgtMC4zLDAuOS0wLjhsMC40LTIuNWMwLTAuNS0wLjItMC44LTAuNy0wLjh6bTEzLjYsNS43Yy0yLjcsMC00LjQsMS4xLTYuMywyLjNsLTAuNS0yaC0zbC0yLjgsMTcuN2gzLjlsMS45LTEzYzItMS4xLDMuMi0xLjcsNS40LTEuNywxLjQsMCwyLjIsMC44LDEuOSwyLjdsLTEuOSwxMmgzLjlsMS45LTEyYzAuNS0zLjItMC41LTYtNC40LTZ6bTIwLjMsMS4zYy0xLjctMC44LTQuMS0xLjItNS42LTEuMi01LDAtNi41LDMuOS03LjMsOC43LTAuOCw0LjcsMC4yLDkuNCw0LjYsOS40LDIuMiwwLDQuNy0xLjMsNS45LTIuMWwwLjUsMS45aDMuMWw0LjItMjYuMmgtMy44bC0xLjYsOS41em0tMiwxMi4zYy0xLjQsMC43LTMuMSwxLjMtNS4yLDEuMy0xLjgsMC0yLjUtMS43LTEuOS01LjcsMC44LTQuOSwyLTUuOSwzLjYtNS45LDIsMCwzLjQsMC4yLDQuOSwwLjdsLTEuNCw5LjZ6bTIxLjktMTMuM2MtMC4yLDEuNi0wLjQsMi40LTAuOCwzLjNsLTUuMiwxMC45Yy0wLjIsMC0xLjcsMC4xLTEuOS0xLjNsLTEuNS0xMi45aC00bDEuNiwxMy41YzAuNCwzLjIsMi4zLDQuMiw0LjMsNC4yLTEuMiwyLjQtMi44LDUtNS43LDYuNnYyLjdjMy4xLTAuNiw2LjYtMi42LDkuOC05LjRsNi4zLTEzLjJjMC42LTEuMywxLTIuOSwwLjYtNC41aC0zLjV6bTI4LjMsMGMtMC4yLDEuNi0wLjYsMi40LTEsMy4zbC01LjEsOS43LTEuNS03LjcsMC43LTEuNmMwLjUtMS4yLDAuNy0yLjQsMC4zLTMuN2gtMy4zYy0wLjIsMS42LTAuNiwyLjQtMSwzLjNsLTUsOS44LTIuNC0xMy4yaC00bDMuNywxNy43aDQuNWwzLjktNy43LDEuNSw3LjdoNC4ybDcuMy0xMy4zYzAuNy0xLjIsMS0yLjgsMC43LTQuNGgtMy41em0xNC42LTAuM2MtNi41LDAtNy45LDIuOS04LjksOC4zLTEuMiw2LjUsMC4xLDkuOCw0LjMsMTAsMy40LDAuMSw2LjItMC4yLDguOS0xbDAuNS0yLjhjLTIuMywwLjQtNS40LDAuNy03LjYsMC41LTIuNCwwLTMtMC45LTIuNS00LjIsMS4yLDAuNSwxMS40LDIsMTIuMS01LjgsMC4zLTMuOS0yLjgtNS02LjgtNXptMi44LDUuNWMtMC42LDMuNy03LjgsMi44LTcuOCwyLjgsMC41LTIuNSwwLjgtNSw0LjctNSwyLjMsMCwzLjQsMC4zLDMuMSwyLjJ6bTE1LjYtNS41Yy02LjUsMC03LjksMi45LTguOSw4LjMtMS4yLDYuNSwwLjEsOS44LDQuMywxMCwzLjQsMC4xLDYuMi0wLjIsOC45LTFsMC41LTIuOGMtMi4zLDAuNC01LjQsMC43LTcuNiwwLjUtMi40LDAtMy0wLjktMi41LTQuMiwxLjIsMC41LDExLjQsMiwxMi4xLTUuOCwwLjMtMy45LTIuOS01LTYuOC01em0yLjgsNS41Yy0wLjYsMy43LTcuOCwyLjgtNy44LDIuOCwwLjUtMi41LDAuOC01LDQuNy01LDIuMywwLDMuNCwwLjMsMy4xLDIuMnptMjIuNy01LjJoLTQuMmMtMC43LDIuNy00LjYsNS44LTcuMyw2LjdsMi40LTE1LjFoLTMuOWwtNC4xLDI2LjFoMy45bDEuNC04LjRoMS4zbDUuMSw4LjRoNC40bC01LjktOS42YzItMSw1LjctNCw2LjktOC4xem0tMTg0LjUsMWMwLjQtNS4yLTMuNi05LjQtOC43LTkuNC01LjIsMC05LjksNC45LTEwLDkuNCwwLDIuNSwzLjIsMi4zLDMuMiwwLDAtMy4zLDMuMi02LjIsNi42LTYuMnM2LDIuOCw1LjcsNi4yYy0wLjIsMy4yLTIuOCw1LjctNS45LDYuMWgtMzguM2MtMy45LDAtMy41LDMuMi0xLjksMy4yaDQwYzQuOC0wLjQsOC45LTQuNCw5LjMtOS4zem0tMi45LDExLjJoLTI2LjhjLTEsMC0yLjEsMy4zLDIuNSwzLjNoMjQuNWMyLjEsMC4yLDMuOSwyLDQuMSw0LjIsMC4yLDIuNC0xLjYsNC4zLTQsNC4zLTEuNywwLTMuNC0xLjEtNC4xLTIuNSwwLTEuOS0zLjYtMi40LTMuMywwLjMsMSwzLjEsNC4yLDUuNCw3LjYsNS40LDQuMSwwLDcuMi0zLjMsNy03LjUtMC4zLTQtMy42LTcuMi03LjUtNy41eiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiLz48L2c+PC9nPjwvc3ZnPg==');
	width: 125px;
	height: 19px;
	display: block;
	background-size: 125px 19px;
}

.nav-pipeline {
	padding: 7px;
	display: block;
	font-family: Arial, Helvetica, sans-serif !important;
 	font-weight: normal !important;
}

/* Registration and Login Page */
.reg-page {
	color: #555;
	padding: 20px 40px;
	background: #fefefe;
	box-shadow: 0 0 3px #eee;
}

.reg-header {
	text-align: center;
	margin-bottom: 35px;
	border-bottom: solid 1px #eee;
}

.reg-page hr {
	margin: 20px 0 15px 0 !important;
}

/* Login form */
.reg-page .fa-lock, .reg-page .fa-envelope {
	min-width: 14px;
}

/* Sign up form */
.reg-page.sky-form .icon-append {
	width: 35px !important;
}

.reg-page .password-block {
	margin-bottom: 20px !important;
}

@media ( max-width : 767px) {
	.reg-button {
		width: 100%;
		margin-top: 20px;
	}
}

.reg-page label {
	color: #777;
}

.reg-page .note-error {
	color: #fa2e4f;
}

form.sky-form header {
	padding: 15px 15px;
}

.or {
	overflow: hidden;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 -25px !important;
}

.or .or-left, .or .or-right {
	width: 40%;
	border-bottom: solid 1px #EEEEEE;
	display: inline-block;
	position: relative;
	left: 0px;
	top: -4px;
}

.or span {
	width: 8%;
	display: inline-block;
}

.social-signin {
	text-align: center;
	margin: 20px;
}

.social-signin a:link, .social-signin a:visited {
	color: #ffffff;
}

.social-signin a:link, .social-signin a:visited {
	color: #ffffff;
}

.social-signin a.fb {
	background-color: #3B5998;
}

.social-signin a.gp {
	background-color: #E44B39;
}

.social-signin .google-signin-button {
	display: block;
	margin: 12px auto 8px;
	width: 300px;
	max-width: 100%;
	min-height: 40px;
}

.social-signin a.social-login-button {
	position: relative;
	display: block;
	margin: 12px auto 8px;
	width: 300px;
	max-width: 100%;
	height: 40px;
	padding: 0 16px 0 56px;
	border: 1px solid #dadce0;
	border-radius: 4px !important;
	background-color: #ffffff;
	box-sizing: border-box;
	color: #3c4043;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	white-space: nowrap;
}

.social-signin a.social-login-button:link,
.social-signin a.social-login-button:visited {
	color: #3c4043;
}

.social-signin a.social-login-button i {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #1877f2;
	font-size: 24px;
	line-height: 1;
}

.social-signin a.social-login-button span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-signin a.social-login-button:hover,
.social-signin a.social-login-button:active {
	background-color: #f8fafd;
	border-color: #d2e3fc;
	color: #202124;
	text-decoration: none;
}

.social-signin a {
	color: #ffffff;
	text-align: center;
	display: inline-block;
	margin: 8px;
	border-radius: 50% !important;
	font-size: 25px;
	width: 45px;
	height: 45px;
	line-height: 28px;
	padding: 10px;
	-webkit-transition: all 50ms linear;
	transition: all 50ms linear;
	border-radius: 50% !important;
	width: 45px;
	height: 45px;
	line-height: 28px;
	padding: 10px;
}

.social-signin a:hover, .social-signin a:active {
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px)
		skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px)
		translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px)
		skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px)
		skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px)
		skewX(0deg) skewY(0deg);
}

.social-signin a.social-login-button:hover,
.social-signin a.social-login-button:active {
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

#social-terms {
	margin: -10px 20px 20px 20px;
}

@media (max-width: 767px) {
	.responsive-recaptcha {
		transform: scale(0.85);
		transform-origin: left top;
	}
}

/* Quick settings - temperature, wind, language */
@media ( min-width : 768px) {
	.header .navbar-nav>li.dropdown.quick-settings-wrap.open>.dropdown-menu {
		left: -162px !important;
	}
	#settings-menu-label {
		display: none;
	}
}

.quick-settings-wrap a.dropdown-toggle {
	padding: 7px 10px 7px 10px !important;
	min-width: 34px;
}

.quick-settings-wrap a.dropdown-toggle:after {
	display: none;
}

#quick-settings.popover.bottom>.arrow {
	left: 180px !important;
}

/* Quick settings - small (phone) devices (hide the arrow) */
@media (max-width: 767px) {
	#quick-settings.popover.bottom>.arrow {
		display: none;
	}
}

#quick-settings .sky-form .radio, #quick-settings .checkbox,
	#quick-settings .sky-form .select select {
	font-size: 12px;
	white-space: nowrap;
}

#quick-settings .sky-form .radio {
	padding-left: 24px !important;
}

#quick-settings .sky-form section {
	margin-bottom: 5px;
}

#quick-settings .headline {
	margin: 0 0 10px 0 !important;
}

#quick-settings .sky-form {
	border: none !important;
}

#quick-settings .btn-group .btn {
  padding: 4px 8px;
}

#quick-settings .wind-chill {
  margin-left: 2px;
  color: #c2c2c2;
}

/* Spot page */
.spot-location-icon {
	margin-left: 2px;
	margin-right: 10px !important;
}

.spot-altitude-icon {
	margin-left: 2px;
	margin-right: 11px !important;
}

.spot-watertemp-icon {
	margin-right: 6px !important;
	margin-left: 2px;
}

.best-winds-icon {
	margin-right: 7px !important;
	margin-left: -2px !important;
}

.wi-sunrise, .wi-sunset {
	margin-right: 6px !important;
	margin-left: -3px !important;
}

@media (max-width: 992px) {
	ul.who {
	    margin-bottom: 0px !important;
	}
}

.relative {
	position: relative;
}

.spot-settings {
	position: absolute;
	right: 0;
	font-size: 16px;
	top: 7px;
}

.spot-settings .dropdown-menu {
	position: relative;
    top: -1px;
    left: 8px;
}

#spot-page #spot-chervron-down {
    font-size: 16px;
    color: #CACACA;
}

#spot-page #spot-chervron-down:hover {
	 color: #B4B4B4;
	 cursor: pointer;
}

.spot-settings #dropdown-ellipsis-spot {
	font-size: 20px;
}

.spot-settings ul .fa {
	color: #555;
}

.spot-settings ul span {
	padding-left: 5px;
}

.btn-group.spot-settings.open .dropdown-toggle {
	box-shadow: none;
}

.spot-settings>a:hover, .spot-settings>a:active, .spot-settings>a:focus
	{
	color: #bbb;
}

.spot-settings small {
	padding: 3px 5px 3px 13px;
	color: #BABABA;
	display: block;
}

.sst, time {
	border-bottom: 1px dotted #777;
}

.lst-upsell {
  font-size: small !important;
  padding: 2px 4px !important;
  display: inline !important;
}

#spot-page.content {
	padding-top: 20px !important;
}

#spot-page-search .search-icon {
	top: 9px !important;
}

#spot-page-search .btn-u-lg {
	padding: 6px 10px !important;
	min-width: 36px;
}

#spot-page #position-map-canvas {
	margin-top: 5px;
 	border: 2px solid rgba(213, 213, 213, 0.40);
}

/* Forecast table preloader */
@-webkit-keyframes placeHolderShimmer{
    0%{
        background-position:-810px 0
    }
    100%{
        background-position:810px 0
    }
}

@keyframes placeHolderShimmer{
    0%{
        background-position:-810px 0
    }
    100%{
        background-position:810px 0
    }
}
.preloader-wrapper {
	padding: 3px 0;
	margin: 0 auto 1em;
	margin-top: 20px;
	min-height: 534px;
}

.preloader-item {
	background: #fff;
	padding: 5px 0;
}

.animated-background {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee),
		color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
	background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	-webkit-background-size: 800px 190px;
	background-size: 800px 190px;
	height: 190px;
	position: relative;
}

.background-masker {
	background: #fff;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.background-masker.content-head, .background-masker.content-1-line,
	.background-masker.content-2-line, .background-masker.content-3-line,
	.background-masker.content-4-line, .background-masker.content-5-line,
	.background-masker.content-6-line, .background-masker.content-7-line {
	left: 0;
	right: 0;
	height: 26px;
}

.background-masker.content-head {
	top: 28px;
}

.background-masker.content-1-line {
	top: 55px;
}

.background-masker.content-2-line {
	top: 82px;
}

.background-masker.content-3-line {
	top: 109px;
}

.background-masker.content-4-line {
	top: 136px;
}

.background-masker.content-5-line {
	top: 163px;
}

.background-masker.content-6-line {
	top: 190px;
}

.background-masker.content-7-line {
	top: 217px;
}

/* Forecast table */
#forecast-btn-group {
	margin-left: -10px !important;
}

.resolution-btn-group  {
	margin-right: -10px !important;
}

.btn-group.forecast-toggle>.btn {
	border: 1px solid #2E9CC1 !important;
	color: #0081AD;
	background-color: #C5EBFE;
	font-size: small;
	padding: 5px 10px;
}

.btn-group.forecast-toggle>.btn.active, .btn-group.forecast-toggle>.btn:hover
	{
	color: #0081AD;
	background-color: #FFD800;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn-group>.btn:first-child {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.btn-group>.btn:last-child {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

table.forecast-table>tbody>tr>td, table.forecast-table>tbody>tr>th {
	padding: 1px 1px 0 0 !important;
	font-size: 11px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	line-height: 18pt;
	min-width: 25px;
}

@media only screen and (max-width:600px) {
	.btn-group.forecast-toggle>.btn {
			font-size: x-small;
	}
}

/**
 * Ensure there's some space between the input and the map dropdown.
 * Otherwise Lighthouse will complain about tap targets being too close.
 */
.twitter-typeahead {
	padding-right: 1px;
}

th.grey {
	background-color: #ececec;
}

.fa-down-long {
	font-size: 14px;
	color: #777777;
}

.wi-cloudy, .wi-day-cloudy, .wi-night-cloudy, .wi-day-sunny,
	.wi-day-sunny-overcast, .wi-night-clear, .wi-rain, .wi-day-rain,
	.wi-day-showers, .wi-night-partly-cloudy, .wi-night-rain,
	.wi-night-showers, .wi-snow, .wi-night-snow,
	.wi-storm-showers, .wi-day-thunderstorm, .wi-night-thunderstorm, .wi-thunderstorm {
	font-size: 16px;
	color: #575757;
	padding-top: 5px;
}

.wi-rain, .wi-day-rain, .wi-snow, .wi-night-snow {
	font-size: 15px !important;
}

.wi-storm-showers, .wi-day-thunderstorm, .wi-night-thunderstorm, .wi-thunderstorm {
	padding-top: 1px !important;
}

.wi-day-sunny, .wi-day-sunny-overcast, .wi-night-clear {
	font-size: 14px !important;
}

.forecast-table th.date-caption {
	background-color: #E0E0E0;
}

.forecast-table th.no-border {
	border: none !important;
}

.forecast-table .column-divider {
	border-left: 1px solid #999 !important;
}

.forecast-table .border-bottom {
  	border-bottom: 1px solid #ccc;
}

table.forecast-table>tbody>tr>td>span {
	float: left;
	min-width: 100%;
}

#forecast div.panel-body {
	padding-bottom: 0;
	padding-top: 2px;
}

#forecast .btn-group .btn-u {
	top: 4px;
	padding: 0 4px;
	position: relative;
	border-radius: 3px !important;
}

/* Nexus 5 and larger screens */
@media only screen and (max-width: 360px) and (orientation: portrait) {
	#forecast .panel-title {
		font-size: 13px !important;
	}
}

/* iPhones */
@media only screen and (max-width: 320px) and (orientation: portrait) {
	#forecast .panel-title {
		font-size: 13px !important;
		width: 220px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.forecastInfo {
	color: #8f8f8f;
	line-height: 22pt;
	font-size: smaller;
}

#forecastTableContainer .fa-info-circle {
	padding-left: 4px;
	font-size: 13px;
	color: #8f8f8f;
}

#customSpotDetails #spotName {
	min-height: 28px;
}

.custom-spots {
	min-height: 300px;
}

#regionDetails {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 600px) {
	.forecastInfo {
		float: right !important;
	}
	.forecastSocialShare {
		float: left !important;
	}
}

.forecastSocialShare {
	color: #8f8f8f;
	line-height: 22pt;
}

.forecastSocialShare>a {
  text-decoration: none;
}

.forecastSocialShare>a>i {
  font-size: 18px;
  color: #8f8f8f;
  text-decoration: none;
}

.forecastSocialShare>a>i:hover {
	color: #2E9CC1;
	text-decoration: none;
}

.forecastTdWidth {
	width: 117px;
}

.forecastHeader {
  text-align: center;
  font-size: 14px;
  padding: 4px;
  background-color: #2E9CC1;
  color: #FFFFFF;
}

.current-hour-top {
	border-top: 1px solid #BAB9B9 !important;
	border-right: 1px solid #BAB9B9 !important;
	border-left: 1px solid #BAB9B9 !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04),
		rgba(0, 0, 0, 0.04));
	background-repeat: repeat-x;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.20), inset 0 0 8px #ffffff;
}

.current-hour-middle {
	border-right: 1px solid #BAB9B9 !important;
	border-left: 1px solid #BAB9B9 !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04),
		rgba(0, 0, 0, 0.04));
	background-repeat: repeat-x;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.10), inset 0 0 8px #ffffff;
}

.current-hour-bottom {
	border-right: 1px solid #BAB9B9 !important;
	border-left: 1px solid #BAB9B9 !important;
	border-bottom: 1px solid #BAB9B9 !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04),
		rgba(0, 0, 0, 0.04));
	background-repeat: repeat-x;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.10), inset 0 0 8px #ffffff;
}

.fade-out-past {
	opacity: 0.40;
}

/* Wind speed colors */
.noWind {
	background-color: #FFFFFF !important;
	border-left: 1px solid #F5F5F5;
}

.lightWind {
	background-color: #B2ED9A !important;
	border-left: 1px solid #F5F5F5;
}

.moderateWind {
	background-color: #45c22f !important;
	border-left: 1px solid #F5F5F5;
}

.strongWind {
	background-color: #ECC800 !important;
	border-left: 1px solid #F5F5F5;
}

.highWind {
	background-color: #ECAA00 !important;
	border-left: 1px solid #F5F5F5;
}

.superHighWind {
	background-color: #c2362f !important;
	border-left: 1px solid #F5F5F5;
	color: #F5F5F5;
}

.ultraHighWind {
	background-color: #BB0041 !important;
	border-left: 1px solid #F5F5F5;
	color: #F5F5F5;
}

.stormWind {
	background-color: #90133E !important;
	border-left: 1px solid #F5F5F5;
	color: #F5F5F5;
}

.violentStormWind {
	background-color: #8e2fc2 !important;
	color: #F5F5F5 !important;
	border-left: 1px solid #F5F5F5;
}

.tornadoWind {
	background-color: #2f45c2 !important;
	color: #F5F5F5 !important;
	border-left: 1px solid #F5F5F5;
}

/* Temperature colors */
.superFreezing {
	background-color: #47c9f4 !important;
}

.freezing {
	background-color: #aae1f9 !important;
}

.belowZero {
	background-color: #e2f5ff !important;
}

.aroundZero {
	background-color: #ffffff !important;
}

.cool {
	background-color: #ffffd9 !important;
}

.chill {
	background-color: #ffffbd !important;
}

.mid15 {
	background-color: #f7e94d !important;
}

.warm {
	background-color: #fbcd00 !important;
}

.veryWarm {
	background-color: #f7ac09 !important;
}

.hot {
	background-color: #f1792a !important;
}

.veryHot {
	background-color: #E72929 !important;
	color: #F5F5F5;
}

/* Rain colors */
.r01below {
	background-color: #ffffff;
}

.r01 {
	background-color: #DEF0ED;
}

.r05 {
	background-color: #AFE7DC;
}

.r1 {
	background-color: #2dc4b0;
}

.r2 {
	background-color: #2d9cc4;
}

.r3 {
	background-color: #2d60c4;
}

.r4 {
	background-color: #2d41c4;
	color: #F5F5F5;
}

.r5 {
	background-color: #372dc4;
	color: #F5F5F5;
}

.r6 {
	background-color: #552dc4;
	color: #F5F5F5;
}

.r10 {
	background-color: #742dc4;
	color: #F5F5F5;
}

.r10above {
	background-color: #922dc4;
	color: #F5F5F5;
}

.noWave {
	background-color: #FFFFFF !important;
}

.wave05 {
	background-color: rgba(46, 156, 193, 0.15);
}

.wave10 {
	background-color: rgba(46, 156, 193, 0.25);
}

.wave15 {
	background-color: rgba(46, 156, 193, 0.35);
}

.wave25 {
	background-color: rgba(46, 156, 193, 0.45);
}

.wave30 {
	background-color: rgba(46, 156, 193, 0.65);
}

.additionalData {
	display: none;
}

a.showMoreData {
	color: #555;
}

a.showMoreData:hover {
	color: #2E9CC1;
}

a.showMoreData:after {
	font-family: FontAwesome, serif;
	display: inline-block;
	content: "\f107";
	margin-left: 3px;
}

a.showMoreData:hover:after {
	text-decoration: none;
}

a.showLessData:after {
	content: "\f106" !important;
}

#spotmap {
	height: 350px;
	border: 1px dotted #e4e9f0;
}

/* Spot Management - Private spots, add/edit spots */
div.private-sign-in {
    color: #777;
    text-align: center;
    padding: 15px 15px;
    background: rgba(241, 241, 241, 0.7);
    font-size: 20px;
}

#private-spots .table-bordered>tbody>tr>td, #private-spots .table-bordered>thead>tr>th {
    border-right: none;
    border-left: none;
}

#private-spots .table-bordered td {
	vertical-align: middle !important;
}

#private-spots .table-bordered .list-inline>li {
	padding: 0 !important;
}

#private-spots .table-bordered ul {
	margin-left:0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

div.googleMapsLink {
	font-size: x-small;
	float: right;
}

div.spotEditMap {
	height: 300px;
	border: 1px dotted #e4e9f0;
}

.sky-form .button-reset {
	background-color: #95a5a6;
	margin: 0 !important;
}

/*chosen.js plugin*/
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 30px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    color: #ABABAB !important;
    font: 15px/19px 'Open Sans', sans-serif !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

.chosen-container-multi .chosen-choices {
	border: 1px solid #BBB !important;
	background-image: none !important;
}

.color-grey {
	color: #666;
}

.color-medium-grey {
	color: #999;
}

.color-moderate-grey {
	color: #CACACA;
}

.signUp {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #ECECEC;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D3D3D3;
  padding: 8px;
  text-align: center;
}

/* Top Windiest Spots */
.margin-top-5 {
	margin-top: 5px;
}

.topSpots-spot-name {
	width: 30%;
}

.lightGray {
	background-color: #e5e5e5;
	border-right: 1px solid #ffffff;
	margin-right: 2px;
	padding-right: 1px;
	padding-left: 1px;
	min-width: 30px;
	display: inline-block !important;
	text-align: center;
}

#searchTopSpots.sky-form {
	border: none !important;
}

#searchTopSpots.sky-form fieldset {
	padding: 15px 0 0 0 !important;
	border-top: 1px solid rgba(230, 230, 230, 1) !important;
}

#searchTopSpots.sky-form footer {
	padding: 10px 0px !important;
}

#searchTopSpots .or {
	color: rgb(174, 171, 171) !important;
	padding: 0 !important;
	margin: 0 !important;
}

#searchTopSpots .or .or-left, #searchTopSpots .or .or-right {
	width: 8% !important;
}

#searchTopSpots #locationOk {
	display: none;
}

/* FAQ */
.faq.tab-v3 .tab-content {
	background: none !important;
}

#submit-request {
	padding: 0 20px 0 45px;
}

/* Contact Form */
#contact-form {
	border: none !important;
}

#contact-form-clarification {
	font-size: x-small;
	color: #A3A3A3;
	margin-top: 7px;
  	margin-left: 2px;
}

#contact-form-system-message {
  font-size: small;
  margin-top: 7px;
  margin-left: 2px;
}

/* Pricing */
#monthly-price-slider {
	display: none;
}

.monthly-plan {
	display: none;
}

#monthly-price-slider.sky-form {
	border: none !important;
	margin: 0 5px;
}

#price-description {
	margin: 8px 0 0 8px;
}

#pricing-rounded {
	width: 400px;
	margin-bottom: 13px !important;
}

.buy-me-a-coffee-link {
	font-size: 12px;
	color: #777;
}

/* Hide the "Buy me a coffee" banner on mobile devices */
@media (max-width: 992px) {
	#buy-me-a-coffee-headline {
		display: none;
	}
}

.table-layout-price-slider {
	display: table;
	width: 100%;
}

.table-layout-price-slider .table-cell {
	display: table-cell;
}

.pricing-value-whole, .pricing-value-decimal, .pricing-period,
	.pricing-label {
	font-style: normal;
}

.tick-label {
	font-style: normal;
	position: absolute;
	left: -15px;
	top: 12px;
	white-space: nowrap;
}

.btn-group>.btn {
	color: #AAB1B9;
	border: 1px solid #AAB1B9;
	text-transform: uppercase;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.btn-group>.btn.active, .btn-group>.btn:hover {
	color: #F6F6F6;
	border-color: #2E9CC1;
	background-color: #2E9CC1;
}

.btn-group>.btn.first {
	border-top-left-radius: 15px !important;
	-o-border-top-left-radius: 15px !important;
	-moz-border-top-left-radius: 15px !important;
	-webkit-border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	-o-border-bottom-left-radius: 15px !important;
	-moz-border-bottom-left-radius: 15px !important;
	-webkit-border-bottom-left-radius: 15px !important;
}

.btn-group>.btn.last {
	border-top-right-radius: 15px !important;
	-o-border-top-right-radius: 15px !important;
	-moz-border-top-right-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	-o-border-bottom-right-radius: 15px !important;
	-moz-border-bottom-right-radius: 15px !important;
	-webkit-border-bottom-right-radius: 15px !important;
}

.ui-slider-tick-mark {
	display: inline-block;
	width: 2px;
	background: #e5e5e5;
	height: 14px;
	position: absolute;
	top: -2px;
}

.pricing-popover {
	color: #c2c2c2;
	text-decoration: none !important;
}

.tag-box.pricing-ask {
	padding: 10px !important;
}

.tag-box.pricing-ask span {
	font-size: 21px !important;
}

/*Profile Page - Settings/Payment
------------------------------------*/
#payment {
	position: relative;
	font-family: 'Open Sans', sans-serif;
}

#payment .card-container {
  margin-left: -40px;
  margin-bottom: 10px;
  float: right;
}

#payment .cards>li {
  float: left;
  margin: 0;
  list-style-type: none;
}

#payment .cards>li.text {
  line-height: 29px;
  padding-right: 5px;
}

#payment .card.visa {
  background-position: 0 0 !important;
}

#payment .card.mastercard {
  background-position: -80px 0 !important;
}

#payment .card.maestro {
  background-position: -383px 0 !important;
}

#payment .card.discover {
  background-position: -119px 0 !important;
}

#payment .card.paypal {
  background-position: -239px 0 !important;
  width: 77px;
}

#payment .card.epaybg {
  background-position: -340px 0 !important;
  width: 84px;
}

#payment .card {
  float: left;
  width: 40px;
  height: 25px;
  text-indent: -9999px;
  background-image: url(/assets/img/credit-cards-small.png);
  background-position: 0 0;
  opacity: 0.5;
}

#payment .monthly-plan {
	display: block !important;
}

#payment .pricing-period, #payment .pricing-label, #payment .monthly-plan span em {
	font-size: small;
	font-style: normal;
}

#payment .monthly-plan i {
	font-style: normal;
}

#payment .pricing-value-whole {
	font-size: 28px;
	margin-right: -3px;
}

#payment #addOptions label.select, #payment #addOptions label.input {
	max-width: 75%;
}

#payment textarea {
  width: 400px;
  height: 80px;
  padding: 5px;
}

#payment .card-icon {
	position: absolute;
    top: 12px;
    left: 195px;
    color: #898989;
    font-size: 14px;
}

#payment .cvv-icon {
	position: absolute;
    top: 12px;
    left: 75px;
    color: #898989;
    font-size: 14px;
}

#payment h2, #payment h3, #payment h4 {
	font-weight: 200;
}

#payment h2 {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 5px;
}

#payment #countryCode {
	min-height: 40px;
}

.sky-form .billing-info-inputs .select i {
    top: 18px;
}

#payment #business-options-label {
	color: #585f69;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    font-size: 18px;
}

#payment #validate-vat-btn {
	min-height: 40px;
	min-width: 87px;
}

#payment .panel-group .panel+.panel {
	margin-top: 0;
}

#payment .panel-default {
  	border-color: #eee;
}

#payment .panel-heading {
	padding: 0;
	background-color: #F8F8F8;
}

#payment .panel-heading span {
	color: #555;
	display: inline-block;
 	font-size: 16px;
	padding: 10px 15px;
}

#payment .panel-heading i {
	font-size: 20px;
	margin-left: 5px;
}

#payment .panel-body {
   border-top: 1px solid #eee;
   padding: 20px 15px 15px 15px;
}

#paypal-panel {
	display: none;
}

.coupon-code {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.coupon-code input {
    width: 60%;
    margin-right: 5px;
    display: inline-block;
}

#coupon-error, #coupon-info, #coupon-ok, #vat-ok {
	display: none;
}

#coupon-ok, #vat-ok {
	font-size: 22px;
	margin-left: 5px;
}

#old-price-block {
	margin: 5px 0 10px 0;
	font-size: 16px;
	display: none;
}

#discount {
	margin-left: 10px;
}

#old-price {
    text-decoration: line-through;
}

#vat-block, #subtotal-block {
	margin: 5px 0 10px 0;
	font-size: 14px;
}

.hr-payment-disclaimer {
	margin: 15px 20px 10px 20px
}

.payment-disclaimer {
    padding: 0 20px 0 20px;
    font-family: 'Open Sans', sans-serif;
}

#payment #purchase-btn {
    padding: 10px 36px !important;
    font-size: 18px !important;
}

#price-tag {
	font-weight: 600;
}

#price-tag .pricing-value-whole, #price-tag #euro-sign {
	font-size: 32px;
}

#price-tag #euro-sign {
	margin-right: 0 !important;
}

#invoice-option .checkbox {
    font-weight: 200;
    font-size: 18px;
}

.trial-btn {
	font-size: 18px;
	padding: 8px 15px !important;
}

#pricing-overlay {
    position: absolute;
 	width: 92%;
  	height: 88%;
  	background-color: rgba(184,184,184,0.6);
  	z-index: 9999;
  	color: white;
  	display: none;
}

.paying-info {
  color: #FFFFFF;
  background-color: #2E9CC1;
}

#premium-features-title {
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
}

#premium-features {
    font-size: 14px;
    line-height: 23px;
}

.transaction-popover {
    color: #D1D1D1;
}

#congrats-payment {
	display: none;
}

#congrats-payment .fa-check {
	font-size: 22px;
}

#subscription-change-start {
    font-size: small;
    text-decoration: underline;
}

#subscription-change-description {
    font-size: small;
}

#expiry-date-separator {
	display: inline-block;
    padding: 0 5px 0 5px;
    font-size: 24px;
    vertical-align: top;
    font-weight: 300;
}

.cvv-info {
	color: #bbb;
}

.checkout-error {
    display: block;
    margin-top: 5px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #ee9393;
}

.payment-hide {
	display: none;
}

.billing-info-inputs .col-sm-6, .billing-info-inputs .col-sm-12 {
	margin-bottom: 10px;
}

#payment .state-error {
	background: #fff0f0;
}

/* Payment settings - mobile size */
@media (max-width: 767px) {
	#pricing-rounded {
		width: 240px !important;
	}
}

@media (max-width: 767px) {
	#payment dt {
		margin-bottom: 10px;
	}

	#payment dd {
		margin-bottom: 20px;
		border-bottom: 1px dotted #e6e6fa;
	}
}

/* Invoices */
#invoices .fa-download:hover {
	color: inherit;
}

#invoices .table-bordered>tbody>tr>td,
#invoices .table-bordered>thead>tr>th {
	border-right: none;
	border-left: none;
}

/*Sign-up Result Page
------------------------------------*/
.result-user {
	padding-top: 30px;
	padding-bottom: 10px;
}

.result-user p {
	font-size: 14px;
}

/*For Mobile Devices*/
@media ( max-width : 767px) {
	.result-user p {
		font-size: 12px;
	}
}


/*------------------- Home ------------------------*/
/*Search Block*/
.search-block {
	padding: 35px 0;
	position: relative;
	background: #ABD7F4 url(../img/home-backgrd-v1-1600x356.jpg) 100% 21%
		no-repeat;
	min-height: 300px;
	border-bottom: 1px solid #2E9CC1;
}

.search-block:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	background: rgba(0, 0, 0, 0.00);
}

.search-block h1 {
	color: #fff;
	font-size: 34px;
	font-weight: 200;
	text-align: center;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.search-block .input-group {
	max-width: 415px;
	margin-right: auto;
	margin-left: auto;
}

.search-banner {
	padding: 8px;
	background: rgba(255, 255, 255, 0.75);
}

.search-block .form-control {
	height: 42px;
	font-size: 16px;
	font-weight: 200;
	border: 1px solid #D9E8ED;
}

@media ( max-width : 767px) {
	.typeahead {
		font-size: small !important;
	}
}

.search-icon {
  position: relative;
  z-index: 1;
  left: -27px;
  top: 12px;
  color: #CCCCCC;
  width: 0;
  font-size: larger;
}

@media ( max-width : 767px) {
	.search-icon {
		left: -20px;
	}
}

#position-map-canvas {
  display: none;
  position: absolute;
  height: 450px;
  width: 100%;
  z-index: 5;
}

.btn-u-lg, a.btn-u-lg {
	font-size: 14px;
	padding: 10px 15px;
}

/*Features*/
.feature-container {
	margin-top: -150px;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}

.feature {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
	text-align: center;
	background: #d7f1fe; /* Old browsers */
	background: linear-gradient(to bottom, #d7f1fe 0%, #98dcf9 100%);
}

.feature:hover {
	box-shadow: 0 0 3px #2E9CC1;
	border-radius: 0px;
	background: #DAF2FE;
	transition: box-shadow 0.2s ease-in-out;
}

.feature .desc {
	padding: 0 15px;
	overflow: hidden;
}

.feature .desc h4 {
	font-size: 18px;
	font-weight: 600;
	color: #0081AD;
	min-height: 50px;
}

.feature .desc p {
	height: 80px;
}

.feature .feature-icon {
	padding: 10px 10px 5px 10px;
	color: #2E9CC1;
	font-size: 35px;
}

.feature .read-more a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	padding: 3px 20px 3px 20px;
	margin-bottom: 10px;
}

/*Sign-up Block*/
.sign-up {
	padding: 20px 0 20px;
	background: #EBEBEB;
}

.sign-up p {
	margin-bottom: 0;
}

.sign-up span {
	color: #666;
	display: block;
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 8px;
	font-family: 'Open Sans', sans-serif;
}

.btn-sign-up {
	text-align: center;
}

.btn-sign-up a.btn-u {
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	border-radius: 1px !important;
	margin-top: 8px;
	font-size: 28px;
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	background: #FFD800;
	color: #006B8A;
	-webkit-box-shadow: 0px 0px 4px 2px #BBB;
	-moz-box-shadow: 0px 0px 4px 2px #BBB;
	box-shadow: 0px 0px 4px 2px #BBB;
}

.btn-sign-up a.btn-u:hover, .btn-sign-up a.btn-u:active, .btn-sign-up a.btn-u:focus {
	box-shadow: 0px 0px 10px 2px #BBB;
}

.btn-sign-up a.btn-u i {
	margin-left: 5px;
	font-size: 22px;
}

.valid {
	background: #f0fff0 !important;
}

input.state-error {
	background: #fff0f0 !important;
}

@media ( max-width : 992px) {
	.sign-up {
		text-align: center;
	}
	.btn-sign-up a.btn-u {
		margin-top: 25px;
		font-size: 16px;
	}
	.btn-sign-up a.btn-u i {
		font-size: 18px;
		vertical-align: middle;
	}
}

/* Recent Spots */
#recent-spot-headline small {
	color: #8E8E8E;
	font-size: 14px;
	padding: 0 10px;
	font-family: 'Open Sans', sans-serif;
}

@media (max-width: 767px) {
	#recent-spot-headline small {
		display: none;
	}
}

#recent-spot-headline.headline {
	margin-bottom: 15px !important;
}

.recent-spot {
	background: #EBEBEB !important;
}

.recent-spot-inner .wi-strong-wind, .recent-spot-inner .fa-clock, .recent-spot .wi-strong-wind, .recent-spot .fa-clock {
	min-width: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.recent-spot .title {
	margin-left: 8px;
	font-size: 12px;
	font-weight: 600;
}

.recent-spot-inner .title {
	margin-left: 8px;
}

.recent-spot-container {
	padding-left: 0px !important;
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.recent-spot-container {
		overflow: hidden;
		height: 120px;
		display: block;
	}
}

.recent-spot.blog-twitter-inner:after {
	border-top: 15px solid #DADADA !important;
}

.recent-spot.blog-twitter-inner:hover:after {
	border-top: 15px solid #2E9CC1 !important;
}

#recentSpotsContainer.content {
	padding-bottom: 10px;
}

/* My Spots */
#mySpotsContainer.content {
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Home - small (phone) devices */
@media ( max-width : 767px) {
	.search-block {
		background: #C5EBFE !important;
		border-bottom: 0 !important;
		min-height: 0 !important;
	}
	.search-banner {
		background: #FFFFFF !important;
	}
	.feature-container {
		margin: 0px !important;
		width: auto !important;
	}
	.feature .desc p {
		height: auto !important;
	}
	.home-my-spots .col-xs-2 {
		width: 50%;
	}
}

/* Home - tablet like sizes */
@media ( min-width : 992px) and (max-width: 1199px) {
	.feature-container {
		width: 100% !important;
	}
}

/* Home - adjust the background image for large screens */
@media ( min-width : 768px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-1600x356.jpg) 30% 21%
			no-repeat !important;
	}
}

@media ( min-width : 992px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-1600x356.jpg) 40% 21%
			no-repeat !important;
	}
}

@media ( min-width : 1200px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-1600x356.jpg) 100% 21%
			no-repeat !important;
	}
}

@media ( min-width : 1600px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-1800x398.jpg) 100% 21%
			no-repeat !important;
	}
}

@media ( min-width : 1800px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-2200x487.jpg) 100% 5%
			no-repeat !important;
	}
}

@media ( min-width : 2200px) {
	.search-block {
		background: #ABD7F4 url(../img/home-backgrd-v1-3780x836.jpg) 70% 25%
			no-repeat !important;
	}
}

/* AngularJS specific style */
.ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}

/* Favorite spots widget with scroller */
#favoriteSpots {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Contacts */
.contacts-social {
  	font-size: 22px;
  	color: #e8e8e8;
  	margin-right: 15px;
}

.margin-right-10 {
	margin-right: 10px;
}

/* Weather Maps */
#weatherMapsSpinner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.8);
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
}

@media (max-width: 768px) {
	#iframeWeatherMapsWrapper {
		padding-bottom: 125% !important;
	}
}

.legend {
    line-height: 18px;
    color: #555;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.8;
}

.leaflet-popup-content-wrapper {
	border-radius: 12px !important;
}

.info {
  padding: 5px;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
  background: rgba(255,255,255,0.5);
  border-radius: 2px !important;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}

.legend > i {
	border-left: none !important;
}

/* Leaflet TimeDimension customization */
@media (max-width: 1280px) {
	.timecontrol-slider {
		display: none !important;
	}

	a.timecontrol-date {
  		display: inline-block !important;
  		min-width: 150px !important;
  		width: 150px !important;
	}
}

.leaflet-bar-timecontrol .leaflet-control-timecontrol:first-child  {
    border-radius: 2px 0 0 2px !important;
}

.leaflet-bar,.timecontrol-dateslider {
    border-radius: 2px !important;
}

.leaflet-bar {
    box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

.timecontrol-slider .knob {
    border-radius: 2px !important;
}

.leaflet-bar-timecontrol  {
	margin-bottom: 5px !important;
	background-color: rgba(255,255,255,0.5) !important;
}

.leaflet-bar-timecontrol .leaflet-control-timecontrol {
	background-color: transparent !important;
}

.leaflet-bar a, .leaflet-bar a:hover {
    background-color: rgba(255,255,255,0.5) !important;
}

.layer-switcher-container, .domain-switcher-container {
 	width: 115px;
}

.domain-switcher,.layer-switcher {
	cursor: pointer;
	padding: 0 5px;
	line-height: 20px;
	color: #555;
}

.layer-switcher {
	display: block;
	margin-bottom: 2px;
    font-weight: 700;
}

.domain-switcher.active,.domain-switcher:hover,.layer-switcher.active,.layer-switcher:hover {
	 background-color: #2E9CC1;
	 color: #FFF;
	 text-shadow: 0 0 2px rgba(46, 156, 193, 0.8);
}

.layer-switcher .wi-thermometer {
    font-size: 20px !important;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}

.layer-switcher .wi-rain, .layer-switcher .wi-snow {
    font-size: 14px !important;
    color: inherit !important;
    padding-top: 0 !important;
}

.leaflet-right .leaflet-control {
	margin-right: 5px;
}

.leaflet-left .leaflet-control {
	margin-left: 5px;
}

.leaflet-top .leaflet-control {
	margin-top: 5px;
}

.leaflet-bottom .leaflet-control {
	margin-bottom: 5px;
}

.leaflet-top {
	z-index: 998 !important;
}

.leaflet-bottom {
	z-index: 997 !important;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.leaflet-bar-part-bottom {
    border-bottom: medium none !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.leaflet-touch .leaflet-bar {
    border: none !important;
}

.weatherMapOverlay {
	left: 0;
	position: absolute;
	background-color: rgba(184, 184, 184, 0.6);
	z-index: 999;
	color: white;
	height: 100%;
	width: 100%;
	display: none;
}

.customSpotsMap.weatherMapOverlay {
	height: 350px;
	display: block;
}

.customSpotsMapMobile .map {
	height: 250px !important;
}

.weatherMapOverlay .caption {
	position: absolute;
  	top: 40%;
  	left: 0;
  	right: 0;
  	z-index: 10;
  	color: #777;
  	text-align: center;
  	padding: 7px 15px;
  	background: rgba(255, 255, 255, 0.7);
  	font-size: 20px;
}

.timecontrol-slider .tooltip-inner {
    white-space: nowrap;
    background-color: #7F7F7F;
}

.timecontrol-slider .tooltip.top .tooltip-arrow {
    border-top-color: #7F7F7F;
}

.truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tour */
.tour-next {
  background-image: url("/assets/img/arrow-down.svg");
  background-position: 50% 50%;
  background-size: 42px 42px;
  margin-top: 3em;
  display: inline-block;
  width: 42px;
  height: 42px;
}

@media (max-width: 992px) {
	.tour-next {
		display: none;
	}
}

.tour-wrapper p {
	font-size: 15px;
	color: #757575;
}

/* Observations can be refreshed by clicking the selected tab. */
#spot-page .nav-tabs > li > a[href="#metar"] {
	cursor: pointer;
}

/* Forecast Models */
.model-info {
	font-size: small !important;
}

#forecastModelsTable .icon-graph {
	font-style: normal;
}

#forecastModelsTable .highlight {
	background-color: rgba(221, 221, 221, 0.7);
}

/* Forecast model data credits stay readable outside the scrolling table. */
#forecastModelsTable .forecast-model-attribution {
  padding: 14px 16px;
  border-top: 1px solid #ddd;
  background: #fafafa;
  color: #555;
  font-size: 13px;
  line-height: 1.6;
}

#forecastModelsTable .forecast-model-attribution p {
  margin: 0 0 8px;
}

#forecastModelsTable .forecast-model-attribution p:last-child {
  margin-bottom: 0;
}

#forecastModelsTable .forecast-model-attribution-note {
  color: #666;
}

.signed-in-notice .logout-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2d9cbd;
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
}