/*
Theme Name: NetStar
Theme URI: http://netstar.gr
Description: This is a theme developed from NETSTAR-GR Ltd. Variable footer coloumns and sidebar places. 
Author: Konstantinos Efeoglou
Author URI: https://www.google.com/+KonstantinosEfe
Version: 1.2
Tags: responsive-layout, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, microformats, theme-options, translation-ready, custom-menu, custom-header
Text Domain: NetStar

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Skeleton Standart Fonts */
body {
    font-size: 14px;
    line-height: 21px;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    font-family: 'Open Sans', sans-serif;
}

/* Skeleton base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background: #fff;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: #181818;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

h1 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 14px
}

h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px
}

h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px
}

h4 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 4px
}

h5 {
    font-size: 18px;
    line-height: 24px
}

h6 {
    font-size: 14px;
    line-height: 21px
}

.subheader {
    color: #777
}

p {
    margin: 0 0 20px 0
}

p img {
    margin: 0
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777
}

em {
    font-style: italic
}

strong {
    font-weight: bold;
    color: #333
}

small {
    font-size: 80%
}

blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0
}

a, a:visited {
    color: #333;
    text-decoration: underline;
    outline: 0
}

a:hover, a:focus {
    color: #000
}

p a, p a:visited {
    line-height: inherit
}

ul, ol {
    margin-bottom: 20px
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

ol, ul.square, ul.circle, ul.disc, ul {
    margin-left: 30px
}

ul.square {
    list-style: square outside
}

ul.circle {
    list-style: circle outside
}

ul.disc {
    list-style: disc outside
}

article ul li:before {
    content: '';
    position: relative;
    left: -20px;
    top: 4px;
}

ul ul, ul ol, ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%
}

ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 6px
}

li {
    line-height: 18px;
    margin-bottom: 12px
}

ul.large li {
    line-height: 21px
}

li p {
    line-height: 21px
}

img.scale-with-grid {
    max-width: 100%;
    height: auto
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #eee;
    background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: #eee linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-radius: inherit;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 8px 10px;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #222;
    background: #ddd;
    background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%);
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .3)), color-stop(100%, rgba(0, 0, 0, .3)));
    background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%);
    background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%);
    background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%);
    background: #ddd linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(0, 0, 0, .3) 100%);
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    border: 1px solid #666;
    background: #ccc;
    background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%);
    background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .35)), color-stop(100%, rgba(10, 10, 10, .4)));
    background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%);
    background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%);
    background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%);
    background: #ccc linear-gradient(top, rgba(255, 255, 255, .35) 0, rgba(10, 10, 10, .4) 100%)
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

form {
    margin-bottom: 20px
}

fieldset {
    margin-bottom: 20px
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff
}

select {
    padding: 0
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

textarea {
    min-height: 60px
}

label, legend {
    display: block;
    font-weight: bold;
    font-size: 13px
}

select {
    width: 220px
}

input[type="checkbox"] {
    display: inline
}

label span, legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444
}

.remove-bottom {
    margin-bottom: 0 !important
}

.half-bottom {
    margin-bottom: 10px !important
}

.add-bottom {
    margin-bottom: 20px !important
}

/* Skeleton base */

/* Skeleton Skeleton */
.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px
}

.row {
    margin-bottom: 20px !important
}

.container .column, .container .columns {
    margin-left: 10px;
    margin-right: 10px
}

.column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px
}

.column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px
}

.alpha.omega {
    margin-left: 0;
    margin-right: 0
}

.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0
}

.container .one.column, .container .one.columns {
    width: 55px
}

.container .two.columns {
    width: 130px
}

.container .three.columns {
    width: 205px
}

.container .four.columns {
    width: 280px
}

.container .five.columns {
    width: 355px
}

.container .six.columns {
    width: 430px
}

.container .seven.columns {
    width: 505px
}

.container .eight.columns {
    width: 580px
}

.container .nine.columns {
    width: 655px
}

.container .ten.columns {
    width: 730px
}

.container .eleven.columns {
    width: 805px
}

.container .twelve.columns {
    width: 880px
}

.container .thirteen.columns {
    width: 955px
}

.container .fourteen.columns {
    width: 1030px
}

.container .fifteen.columns {
    width: 1105px
}

.container .sixteen.columns {
    width: 1180px
}

.container .one-third.column {
    width: 380px
}

.container .two-thirds.column {
    width: 780px
}

.container .offset-by-one {
    padding-left: 75px
}

.container .offset-by-two {
    padding-left: 150px
}

.container .offset-by-three {
    padding-left: 225px
}

.container .offset-by-four {
    padding-left: 300px
}

.container .offset-by-five {
    padding-left: 375px
}

.container .offset-by-six {
    padding-left: 450px
}

.container .offset-by-seven {
    padding-left: 525px
}

.container .offset-by-eight {
    padding-left: 600px
}

.container .offset-by-nine {
    padding-left: 675px
}

.container .offset-by-ten {
    padding-left: 750px
}

.container .offset-by-eleven {
    padding-left: 825px
}

.container .offset-by-twelve {
    padding-left: 900px
}

.container .offset-by-thirteen {
    padding-left: 975px
}

.container .offset-by-fourteen {
    padding-left: 1050px
}

.container .offset-by-fifteen {
    padding-left: 1125px
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container {
        width: 960px;
    }

    .column.alpha, .columns.alpha {
        margin-left: 0
    }

    .column.omega, .columns.omega {
        margin-right: 0
    }

    .container .one.column, .container .one.columns {
        width: 40px
    }

    .container .two.columns {
        width: 100px
    }

    .container .three.columns {
        width: 160px
    }

    .container .four.columns {
        width: 220px
    }

    .container .five.columns {
        width: 280px
    }

    .container .six.columns {
        width: 340px
    }

    .container .seven.columns {
        width: 400px
    }

    .container .eight.columns {
        width: 460px
    }

    .container .nine.columns {
        width: 520px
    }

    .container .ten.columns {
        width: 580px
    }

    .container .eleven.columns {
        width: 640px
    }

    .container .twelve.columns {
        width: 700px
    }

    .container .thirteen.columns {
        width: 760px
    }

    .container .fourteen.columns {
        width: 820px
    }

    .container .fifteen.columns {
        width: 880px
    }

    .container .sixteen.columns {
        width: 940px
    }

    .container .one-third.column {
        width: 300px
    }

    .container .two-thirds.column {
        width: 620px
    }

    .container .offset-by-one {
        padding-left: 60px
    }

    .container .offset-by-two {
        padding-left: 120px
    }

    .container .offset-by-three {
        padding-left: 180px
    }

    .container .offset-by-four {
        padding-left: 240px
    }

    .container .offset-by-five {
        padding-left: 300px
    }

    .container .offset-by-six {
        padding-left: 360px
    }

    .container .offset-by-seven {
        padding-left: 420px
    }

    .container .offset-by-eight {
        padding-left: 480px
    }

    .container .offset-by-nine {
        padding-left: 540px
    }

    .container .offset-by-ten {
        padding-left: 600px
    }

    .container .offset-by-eleven {
        padding-left: 660px
    }

    .container .offset-by-twelve {
        padding-left: 720px
    }

    .container .offset-by-thirteen {
        padding-left: 780px
    }

    .container .offset-by-fourteen {
        padding-left: 840px
    }

    .container .offset-by-fifteen {
        padding-left: 900px
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px
    }

    .container .column, .container .columns {
        margin-left: 10px;
        margin-right: 10px
    }

    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 10px
    }

    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 10px
    }

    .alpha.omega {
        margin-left: 0;
        margin-right: 0
    }

    .container .one.column, .container .one.columns {
        width: 28px
    }

    .container .two.columns {
        width: 76px
    }

    .container .three.columns {
        width: 124px
    }

    .container .four.columns {
        width: 172px
    }

    .container .five.columns {
        width: 220px
    }

    .container .six.columns {
        width: 268px
    }

    .container .seven.columns {
        width: 316px
    }

    .container .eight.columns {
        width: 364px
    }

    .container .nine.columns {
        width: 412px
    }

    .container .ten.columns {
        width: 460px
    }

    .container .eleven.columns {
        width: 508px
    }

    .container .twelve.columns {
        width: 556px
    }

    .container .thirteen.columns {
        width: 604px
    }

    .container .fourteen.columns {
        width: 652px
    }

    .container .fifteen.columns {
        width: 700px
    }

    .container .sixteen.columns {
        width: 748px
    }

    .container .one-third.column {
        width: 236px
    }

    .container .two-thirds.column {
        width: 492px
    }

    .container .offset-by-one {
        padding-left: 48px
    }

    .container .offset-by-two {
        padding-left: 96px
    }

    .container .offset-by-three {
        padding-left: 144px
    }

    .container .offset-by-four {
        padding-left: 192px
    }

    .container .offset-by-five {
        padding-left: 240px
    }

    .container .offset-by-six {
        padding-left: 288px
    }

    .container .offset-by-seven {
        padding-left: 336px
    }

    .container .offset-by-eight {
        padding-left: 384px
    }

    .container .offset-by-nine {
        padding-left: 432px
    }

    .container .offset-by-ten {
        padding-left: 480px
    }

    .container .offset-by-eleven {
        padding-left: 528px
    }

    .container .offset-by-twelve {
        padding-left: 576px
    }

    .container .offset-by-thirteen {
        padding-left: 624px
    }

    .container .offset-by-fourteen {
        padding-left: 672px
    }

    .container .offset-by-fifteen {
        padding-left: 720px
    }
}

@media only screen and (max-width: 767px) {
    .container {
        max-width: 345px;
        padding: 0 15px;
    }

    .container .columns, .container .column {
        margin: 0
    }

    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
        width: 100%;
    }

    .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
        padding-left: 0
    }
    .WebTv iframe {
    	height: 250px;
	}
	.WebTv .seven.columns.row.alpha {
    	margin-bottom: 0px!important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px
    }

    .container .columns, .container .column {
        margin: 0
    }

    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
        width: 420px
    }
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.row:after, .clearfix:after {
    clear: both
}

.row, .clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

/* Skeleton Skeleton */

/* Table of Content
==================================================
	#WordPress Core
	#Sprite Styles
	#Header Styles
	#Menu Styles
	#Single Styles
	#Page Styles
	#Archive Styles
	#Footer Styles
	#Media Queries
	#Font-Face */

/* #WordPress Core
================================================== */
.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.pagination {
    text-align: center;
    margin: 20px 0px;
}

.commentlist .bypostauthor {
}

.commentlist li ul.children li.bypostauthor {
}

.gallery-caption {
}

.sticky {
}

.size-auto,
.size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
}

#top img {
    width: 57px;
    height: 57px;
}

#top {
    bottom: 25px !important;
    right: 35px !important;
}

.Left {
    float: left;
}

.Right {
    float: right;
}

/* #Sprite Styles
================================================== */
.sprite {
    background: url('images/sprite.png') no-repeat top left;
}

.social-big {
    display: inline-block;
    margin: -1px 0px 10px;
}

.social-big-google {
    background-position: -51px 0px;
    width: 32px;
    height: 28px;
}

.social-big-youtube {
    background-position: -85px 0px;
    width: 25px;
    height: 30px;
}

.social-big-facebook {
    background-position: 0px 0px;
    width: 15px;
    height: 32px;
}

.social-big-twitter {
    background-position: -17px 0px;
    width: 32px;
    height: 26px;
}

.social-big-flickr {
    background-position: 0px -230px;
    width: 32px;
    height: 32px;
}

.social-big-mail {
    background-position: -150px 0px;
    width: 31px;
    height: 24px;
}

.social-big-flickr:hover, .social-big-mail:hover, .social-big-google:hover, .social-big-google:hover, .social-big-youtube:hover, .social-big-facebook:hover, .social-big-twitter:hover {
    opacity: 0.6;
}

.social-small {
    display: inline-block;
    margin: 15px 5px 5px;
    width: 26px;
    height: 26px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-small-google {
    background-position: -61px -88px;
}

.social-small-google:hover {
    background-position: -61px -116px;
}

.social-small-youtube {
    background-position: -92px -88px;
}

.social-small-youtube:hover {
    background-position: -92px -116px;
}

.social-small-facebook {
    background-position: 0px -88px;
}

.social-small-facebook:hover {
    background-position: 0px -116px;
}

.social-small-twitter {
    background-position: -30px -88px;
}

.social-small-twitter:hover {
    background-position: -30px -116px;
}

.social-small-instagram {
    background-position: -65px -234px;
}

.social-small-instagram:hover {
    background-position: -65px -262px;
}

.social-small-mail {
    background-position: -123px -88px;
}

.social-small-mail:hover {
    background-position: -123px -116px;
}

.social-small-rss {
    background-position: -153px -88px;
}

.social-small-rss:hover {
    background-position: -153px -116px;
}

.hotel-phone {
    background-position: -38px -232px;
    width: 19px;
    height: 19px;
    display: inline-block;
}

.hotel-mail {
    background-position: 0px -267px;
    width: 19px;
    height: 17px;
    display: inline-block;
}

.hotel-pin {
    background-position: -45px -255px;
    width: 14px;
    height: 22px;
    display: inline-block;
}

.hotel-world {
    background-position: -22px -266px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

span.hotelIcon {
    position: relative;
    top: 5px;
    margin-right: 8px;
}

header .searchIcon {
    background-position: 0px -144px;
    width: 22px;
    height: 18px;
    display: block;
    float: right;
    position: relative;
    top: -26px;
    right: 16px;
    z-index: -1;
}

header ul.menu li.menu-item-has-children .menuSubArrow {
    display: inline-block;
    background-position: -173px -58px;
    width: 12px;
    height: 7px;
    position: relative;
    top: -17px;
    right: -35px;
}

footer.MainFooter .widget_wysija h5.widget-title:before {
    content: '';
    display: inline-block;
    background: url('images/sprite.png') no-repeat top left;
    background-position: -114px -17px;
    width: 34px;
    height: 27px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

footer.MainFooter .categoryMenu h5.widget-title:before {
    content: '';
    display: inline-block;
    background: url('images/sprite.png') no-repeat top left;
    background-position: -145px -56px;
    width: 27px;
    height: 27px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

footer.MainFooter .pressMenu h5.widget-title:before {
    content: '';
    display: inline-block;
    background: url('images/sprite.png') no-repeat top left;
    background-position: -150px -26px;
    width: 29px;
    height: 29px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

footer.MainFooter .theme_widget_recent_entries h5.widget-title:before {
    content: '';
    display: inline-block;
    background: url('images/sprite.png') no-repeat top left;
    background-position: -115px -45px;
    width: 26px;
    height: 26px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

footer.MainFooter .menu {
    margin-left: 3px;
}

footer.MainFooter .menu ul li {
    font-size: 13px;
}

footer.MainFooter .footerLogo {
    background-position: 0px -33px;
    width: 113px;
    height: 50px;
    display: block;
    margin: 40px auto 10px;
}

footer.MainFooter .newsletterBubble {
    display: inline-block;
    background-position: -113px -72px;
    width: 14px;
    height: 14px;
    float: right;
    position: relative;
    right: -103px;
    top: 11px;
    cursor: pointer;
}

footer.MainFooter .blogBubble, .blogBubble {
    display: inline-block;
    background-position: -129px -73px;
    width: 13px;
    height: 13px;
    position: relative;
    top: 3px;
}

.blogBubbleWhite {
    display: inline-block;
    background-position: -111px -213px;
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
}

.newsText .blogBubble {
    position: relative;
    top: 3px;
}

.SkiInfoPage .blogBubble, .home .Cams .blogBubble {
    background-position: -133px -195px;
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
}

.editButtons .print {
    background-position: -49px -145px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.editButtons .print:hover {
    background-position: -25px -145px;
}

.editButtons .line {
    background-position: -101px -145px;
    width: 26px;
    height: 22px;
    cursor: pointer;
}

.editButtons .line:hover {
    background-position: -73px -145px;
}

.editButtons .email {
    background-position: -27px -168px;
    width: 26px;
    height: 17px;
    cursor: pointer;
    display: inline-block;
}

.editButtons .email:hover {
    background-position: 0px -168px;
}

.editButtons .grid {
    background-position: -156px -145px;
    width: 26px;
    height: 22px;
    cursor: pointer;
}

.editButtons .grid:hover {
    background-position: -129px -145px;
}

.news-big {
    background-position: 0px -186px;
    width: 43px;
    height: 43px;
    display: block;
    float: right;
    position: relative;
    top: -66px;
}

.news-big:hover {
    opacity: 0.9;
}

.news-small {
    background-position: -54px -169px;
    width: 22px;
    height: 21px;
    display: block;
    float: right;
    position: relative;
    top: -34px;
}

.more-small {
    background-position: -61px -171px;
    width: 11px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.news-small:hover {
    opacity: 0.9;
}

h3 span.snowIcon {
    background-position: -45px -194px;
    width: 37px;
    height: 35px;
    display: inline-block;
    position: relative;
    left: -10px;
    top: 6px;
}

.smallAnabat {
    background-position: -78px -168px;
    width: 20px;
    height: 22px;
    display: inline-block;
    position: relative;
    float: left;
    top: 6px;
    margin-right: 5px;
}

.Anabat {
    display: inline;
    float: right;
}

.OpenMarker {
    background-position: -100px -169px;
    width: 20px;
    height: 21px;
    display: block;
}

.UpdateTime .sprite {
    margin-right: 5px;
}

.CloseMarker {
    background-position: -122px -169px;
    width: 21px;
    height: 21px;
    display: block;
}

.StandByMarker {
    background-position: -85px -192px;
    width: 21px;
    height: 21px;
    display: block;
}

.DefaultMarker {
    background-position: -85px -213px;
    width: 21px;
    height: 21px;
    display: block;
}

.flexislider .flex-direction-nav {
    position: relative;
    top: -155px;
}

.flexislider .flex-direction-nav .flex-prev {
    background-position: -154px -225px;
    width: 31px;
    height: 53px;
    display: block;
    opacity: 1;
}

.flexislider .flex-direction-nav .flex-next {
    background-position: -154px -170px;
    width: 31px;
    height: 53px;
    display: block;
    opacity: 1;
}

.MobileTab {
    background-position: -94px -235px;
    width: 58px;
    height: 48px;
    display: block;
    cursor: pointer;
    z-index: 99999;
    position: relative;
}

.weathersprite {
    background: url('images/weathersprite.png') no-repeat top left;
    display: inline-block;
    margin-right: 2px;
    position: relative;
}

/* White */
.IconW01d, .MapWeather ul.MapWeatherLinks li:hover .IconR01d {
    background-position: -34px -2px;
    width: 23px;
    height: 22px;
    top: 6px;
}

.IconW01n, .MapWeather ul.MapWeatherLinks li:hover .IconR01n {
    background-position: -71px -6px;
    width: 14px;
    height: 14px;
    top: 2px;
}

.IconW02d, .MapWeather ul.MapWeatherLinks li:hover .IconR02d {
    background-position: -227px 0px;
    width: 27px;
    height: 26px;
    top: 4px;
}

.IconW02n, .MapWeather ul.MapWeatherLinks li:hover .IconR02n {
    background-position: -260px -1px;
    width: 26px;
    height: 24px;
    top: 4px;
}

.IconW03d, .IconW03n, .MapWeather ul.MapWeatherLinks li:hover .IconR03d, .MapWeather ul.MapWeatherLinks li:hover .IconR03n {
    background-position: -130px -37px;
    width: 26px;
    height: 16px;
    top: 3px;
}

.IconW04d, .IconW04n, .MapWeather ul.MapWeatherLinks li:hover .IconR04d, .MapWeather ul.MapWeatherLinks li:hover .IconR04n {
    background-position: -195px -66px;
    width: 26px;
    height: 22px;
    top: 4px;
}

.IconW09d, .IconW09n, .IconW10d, .IconW10n, .MapWeather ul.MapWeatherLinks li:hover .IconR09d, .MapWeather ul.MapWeatherLinks li:hover .IconR09n, .MapWeather ul.MapWeatherLinks li:hover .IconR10d, .MapWeather ul.MapWeatherLinks li:hover .IconR10n {
    background-position: -260px -32px;
    width: 26px;
    height: 26px;
    top: 6px;
}

.IconW11d, .IconW11n, .MapWeather ul.MapWeatherLinks li:hover .IconR11d, .MapWeather ul.MapWeatherLinks li:hover .IconR11n {
    background-position: -227px -64px;
    width: 27px;
    height: 26px;
    top: 4px;
}

.IconW13d, .IconW13n, .MapWeather ul.MapWeatherLinks li:hover .IconR13d, .MapWeather ul.MapWeatherLinks li:hover .IconR13n {
    background-position: -130px -64px;
    width: 26px;
    height: 26px;
    top: 4px;
}

.IconW50d, .IconW50n, .MapWeather ul.MapWeatherLinks li:hover .IconR50d, .MapWeather ul.MapWeatherLinks li:hover .IconR50n {
    background-position: -65px -35px;
    width: 26px;
    height: 20px;
    top: 4px;
}

/* Red */
.IconR01d {
    background-position: -34px -97px;
    width: 23px;
    height: 22px;
    top: 6px;
}

.IconR01n {
    background-position: -71px -101px;
    width: 14px;
    height: 14px;
    top: 2px;
}

.IconR02d {
    background-position: -227px -95px;
    width: 27px;
    height: 26px;
    top: 4px;
}

.IconR02n {
    background-position: -260px -96px;
    width: 26px;
    height: 24px;
    top: 4px;
}

.IconR03d, .IconR03n {
    background-position: -130px -132px;
    width: 26px;
    height: 16px;
    top: 3px;
}

.IconR04d, .IconR04n {
    background-position: -195px -161px;
    width: 26px;
    height: 22px;
    top: 4px;
}

.IconR09d, .IconR09n, .IconR10d, .IconR10n {
    background-position: -260px -127px;
    width: 26px;
    height: 26px;
    top: 6px;
}

.IconR11d, .IconR11n {
    background-position: -227px -159px;
    width: 27px;
    height: 26px;
    top: 4px;
}

.IconR13d, .IconR13n {
    background-position: -130px -159px;
    width: 26px;
    height: 26px;
    top: 4px;
}

.IconR50d, .IconR50n {
    background-position: -65px -130px;
    width: 26px;
    height: 20px;
    top: 4px;
}

/* Big */
.IconB01d {
    background-position: 0px -210px;
    width: 53px;
    height: 52px;
    top: -13px;
    float: right;
}

.IconB01n {
    background-position: -6px -265px;
    width: 38px;
    height: 40px;
    top: -8px;
    float: right;
}

.IconB02d {
    background-position: -53px -210px;
    width: 73px;
    height: 52px;
    top: -13px;
    float: right;
}

.IconB02n {
    background-position: -45px -265px;
    width: 72px;
    height: 40px;
    top: -8px;
    float: right;
}

.IconB03d {
    background-position: -126px -210px;
    width: 75px;
    height: 51px;
    top: -13px;
    float: right;
}

.IconB03n {
    background-position: -120px -265px;
    width: 75px;
    height: 45px;
    top: -8px;
    float: right;
}

.IconB04d, .IconB04n {
    background-position: -199px -265px;
    width: 75px;
    height: 45px;
    top: -13px;
    float: right;
}

.IconB09d, .IconB09n, .IconB10d, .IconB10n {
    background-position: -209px -210px;
    width: 73px;
    height: 50px;
    top: -13px;
    float: right;
}

.IconB11d, .IconB11n {
    background-position: 0px -310px;
    width: 74px;
    height: 50px;
    top: -13px;
    float: right;
}

.IconB13d, .IconB13n {
    background-position: -78px -310px;
    width: 72px;
    height: 46px;
    top: -13px;
    float: right;
}

.IconB50d, .IconB50n {
    background-position: -153px -310px;
    width: 74px;
    height: 28px;
    top: -5px;
    float: right;
}

/* Wind */
.WindN {
    background-position: -0px -190px;
    width: 9px;
    height: 16px;
    top: 2px;
}

.WindNE, .WindNNE, .WindENE {
    background-position: -44px -190px;
    width: 19px;
    height: 14px;
    top: 2px;
}

.WindE {
    background-position: -23px -190px;
    width: 16px;
    height: 9px;
}

.WindSE, .WindESE, .WindSSE {
    background-position: -67px -190px;
    width: 19px;
    height: 14px;
    top: 2px;
}

.WindS {
    background-position: -10px -190px;
    width: 9px;
    height: 16px;
    top: 2px;
}

.WindSW, .WindSSW, .WindWSW {
    background-position: -90px -190px;
    width: 19px;
    height: 14px;
    top: 2px;
}

.WindW {
    background-position: -23px -200px;
    width: 16px;
    height: 9px;
}

.WindNW, .WindNNW, .WindWNW {
    background-position: -112px -190px;
    width: 19px;
    height: 14px;
    top: 2px;
}

.camara {
    background-position: -130px -214px;
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

/* #Header Styles
================================================== */
header .headerMenuBg {
    background-color: #af1f8e;
    min-height: 50px;
}

header .logo {
    position: absolute;
    top: -90px;
}

header .headerBanner {
    min-height: 90px;
}

header.themeHeader {
    box-shadow: 0px -14px 20px 10px #000;
    z-index: 99999;
    position: relative;
}

header .headerSocials {
    display: inline-block;
    float: right;
}

header .search-field {
    height: 35px;
    width: 195px;
    padding-left: 15px;
    border: 1px solid #B8B8B8;
    margin: 10px 0px 0px 20px;
    background: transparent;
}

header form.search-form {
    margin: 0px;
}

#breadcrumbs a {
    font-size: 12px;
    color: #0093d8;
    text-decoration: none;
    margin: 0px 5px;
}

#breadcrumbs a:hover {
    color: #000;
}

#breadcrumbs {
    font-size: 12px;
}

span.breadcrumb_last {
    margin-left: 5px;
}

.WebTv iframe:hover {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -moz-transition-duration: 390ms;
    -ms-transition-duration: 390ms;
    -webkit-transition-duration: 390ms;
    box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -ms-box-shadow: 0 0 20px #000;
    top: 0;
    position: relative;
    z-index: 9999999
}

/* #Menu Styles
================================================== */
header ul#menu-top-menu,
header ul#menu-top-navigation-en {
    text-align: right;
    margin: 0px;
}

header ul#menu-top-menu li,
header ul#menu-top-navigation-en li {
    display: inline-block;
    margin: 0px;
    line-height: 50px;
}

header ul#menu-top-menu li a,
header ul#menu-top-navigation-en li a {
    font-size: 13px;
    color: #ffd3f5;
    padding: 15px 10px 15px 15px;
    margin: 0px 5px 0px 10px;
    text-decoration: none;
}

header ul#menu-top-menu li a:hover,
header ul#menu-top-navigation-en li a:hover {
    color: #fff;
}

header ul.menu {
    margin: 0px;
}

header ul.menu li {
    margin: 0px 30px 0px 0px;
    display: inline-block;
    vertical-align: top;
    height: 57px;
}

header ul.menu li span.sub {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: 8px;
}

header ul.menu li ul.sub-menu, header ul#menu-main-menu-en li ul.sub-menu, header ul#menu-top-menu li ul.sub-menu, header ul#menu-top-navigation-en li ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #095baf;
    border-radius: 0px 0px 12px 12px;
    padding: 20px;
    margin: 0px;
}

header ul.menu li a, header ul#menu-main-menu-en li a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    padding-right: 40px;
    display: block;
}

header ul.menu li ul.sub-menu, header ul#menu-main-menu-en li ul.sub-menu {
    margin: 19px 0px;
}

header ul.menu li ul.sub-menu li, header ul#menu-main-menu-en li ul.sub-menu li {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
}

/*#bf4ca5*/
header ul.menu li ul.sub-menu li.noBorder, header ul#menu-main-menu-en li ul.sub-menu li.noBorder {
    border: none;
}

header ul.menu li ul.sub-menu li .menuSubArrow, header ul#menu-main-menu-en li ul.sub-menu li .menuSubArrow {
    display: none;
}

header ul.menu li ul.sub-menu li a, header ul#menu-main-menu-en li ul.sub-menu li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

header.themeHeader nav {
    margin: 0px !important;
}

header ul.sub-menu ul.sub-menu {
    display: none;
}

header ul.menu li.MegaMenu ul.sub-menu, header ul#menu-main-menu-en li.MegaMenu ul.sub-menu {
    width: 500px;
}

header ul.menu li.MegaMenu ul.sub-menu li, header ul#menu-main-menu-en li.MegaMenu ul.sub-menu li {
    display: inline-block;
    width: 40%;
}

.Mobile {
    display: none;
    position: absolute;
    bottom: 19px;
}

ul#menu-mobile-menu {
    display: none;
    position: absolute;
    top: 67px;
    background: #095baf;
    z-index: 9999999;
    width: 92%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 10px;
    margin: 0;
}

ul#menu-mobile-menu li.current-menu-item {
    background-color: #f9c0ec;
}

ul#menu-mobile-menu li {
    text-align: center;
}

ul#menu-mobile-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
}

/* #Single Styles
================================================== */
.single-post img.aligncenter.attachment-full, .category-events .single img.aligncenter.attachment-full {
    width: 100%;
    height: auto;
}

.single-post .postImageBorder, .category-events .single .postImageBorder {
    background: url('images/postImageBorder.png') repeat-x top left;
    height: 35px;
    padding: 16px 17px 25px;
    position: relative;
    top: -80px;
    font-size: 12px;
    font-weight: 600;
    color: #d1d1d1;
}

.single-post article footer, .category-events article.single footer {
    position: relative;
    top: -70px;
}

.single-post .postImageBorder h1, .category-events .single .postImageBorder h1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
}

.don-share {
    float: right;
}

.single-post article, .category-events .single article {
    font-size: 14px;
}

.editButtons a {
    margin-left: 25px;
}

.single-ski-centers aside h4.specialTitle {
    width: 60%;
    text-align: center;
}

.single-ski-centers h4.specialTitle {
    background-color: #fff;
    display: table;
    margin: 0 auto;
    width: auto;
    padding: 0px 5px;
}

.single-ski-centers .seven.columns h4.specialTitle {
    width: 25%;
}

.single-ski-centers .TheMap img {
    width: 100%;
    height: 435px;
}

.single-ski-centers img.zoom, .page-template-template-hotel img.zoom {
    width: 60px;
    height: 60px !important;
    position: absolute;
    margin-top: 25px;
}

.single-ski-centers .TheMap .BgBorder, .single-ski-centers .TheMap h4 {
    border-color: #0bbebc;
    color: #0bbebc;
}

.single-ski-centers .Slopes .BgBorder, .single-ski-centers .Slopes h4 {
    border-color: #ab50c5;
    color: #ab50c5;
}

.single-ski-centers .Lifts .BgBorder, .single-ski-centers .Lifts h4 {
    border-color: #0074bb;
    color: #0074bb;
}

.single-ski-centers ul li .TheName {
    float: left;
    font-size: 13px;
    font-weight: 700;
    max-width: 80%;
}

.single-ski-centers ul li .OpenMarker, .single-ski-centers ul li .CloseMarker, .single-ski-centers ul li .StandByMarker {
    float: right;
}

.single-ski-centers ul li .desc {
    display: none;
    clear: both;
    padding-top: 10px;
    font-size: 13px;
}

.single-ski-centers ul#OpenSlopes li, .single-ski-centers ul#OpenLifts li {
    clear: both;
    padding-bottom: 15px;
    min-height: 20px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.single-ski-centers ul#OpenSlopes, .single-ski-centers ul#OpenLifts {
    margin: 0px;
    height: 445px;
    overflow: hidden;
}

.single-ski-centers ul#OpenSlopes .mCSB_scrollTools .mCSB_draggerRail, .single-ski-centers ul#OpenLifts .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e2e2e2 !important;
    border-radius: 0px;
}

.single-ski-centers ul#OpenSlopes .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ab50c5 !important;
    width: 10px;
    border-radius: 0px;
}

.single-ski-centers ul#OpenLifts .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0074bb !important;
    width: 10px;
    border-radius: 0px;
}

.single-ski-centers .Status {
    float: left;
}

.wraper {
    margin-bottom: 40px !important;
}

.SkiWeatherHeader {
    background: url('images/cloudBg.png') top center repeat-x;
    background-color: #0280c1;
    min-height: 120px;
}

.SkiWeatherMain {
    background-color: #17709f;
    min-height: 85px;
    padding: 5px 10px;
    border-top: 1px solid #2d95cc;
    border-bottom: 1px solid #2d95cc;
    color: #fff;
    font-size: 14px;
}

aside .SkiWeatherMain {
    min-height: 85px;
}

.SkiWeatherMain .WindSpeed {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    margin-top: -30px;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    margin-top: -30px;
}

.SkiWeatherMain span {
    color: #c0e9ff;
}

.SkiWeatherFooter {
    background-color: #14618a;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    border-top: 1px solid #2d95cc;
}

aside .SkiWeatherFooter {
    padding: 0px 5px;
}

.SkiWeatherHeader .temp {
    font-size: 22px;
    font-weight: 600;
    color: #02345f;
    float: right;
    margin: 0px 10px;
}

.SkiWeatherHeader .Today {
    font-size: 22px;
    font-weight: 600;
    color: #02345f;
    float: left;
    margin-left: 10px;
}

aside .SkiWeatherFooter {
    margin-bottom: 20px;
}

.SkiWeatherMain .Right {
    margin-top: 12px;
}

ul.PostCatNews a {
    text-decoration: none;
}

.cams .BgBorder {
    border-color: #0bbebc;
}

.cams h4.specialTitle {
    color: #0bbebc;
}

.gallery .BgBorder {
    border-color: #fa8221;
}

.gallery h4.specialTitle {
    color: #fa8221;
}

ul.GallerySlider {
    margin: 0px;
}

ul.GallerySlider li img {
    width: 100%;
    height: 280px;
}

.page-template-template-hotel ul.GallerySlider li img {
    height: 320px;
}

.cams iframe {
    height: 280px !important;
}

.single-ski-centers ul.GallerySlider li img.zoom {
    right: inherit;
    margin-left: 390px;
}

.page-template-template-hotel ul.GallerySlider li img.zoom {
    right: inherit;
    margin-left: 500px;
}

.single-ski-centers .flexislider {
    width: 80%;
    margin: 0 10%;
}

.UpdateTime {
    font-size: 11px;
    color: #af1f8e;
    font-weight: 600;
    margin-bottom: 5px;
}

ul.PostCatNews, ul.SkiSubMenu {
    margin: 0px;
}

li.firstPost .TheTime {
    font-size: 11px;
    color: #af1f8e;
}

li.firstPost {
    font-size: 15px;
    font-weight: 600;
}

a.catNews {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}

a.catNews .blogBubble, .Videos a .blogBubble {
    position: relative;
    top: 2px;
    left: 2px;
}

.PostCatNews li.firstPost .blogBubble {
    display: inline-block;
    background-position: -111px -195px;
    width: 14px;
    height: 14px;
}

ul.SkiSubMenu {
    background-color: #af1f8e;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    z-index: 10;
    margin-top: -20px;
}

ul.SkiSubMenu li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 12px 0px;
}

ul.SkiSubMenu li a {
    color: #fff;
    padding: 16px 20px;
    text-decoration: none;
}

ul.SkiSubMenu li a:hover {
    color: #f9c0ec;
}

li.SubBorder {
    border-right: 1px solid #bf4ca5;
}

li.active:after {
    content: '';
    display: block;
    width: 65%;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
}

.SkiInfoPage img {
    width: 100%;
    height: 200px;
}

.SkiInfoPage h4 {
    font-size: 15px;
    font-weight: 700;
}

.SkiInfoPage p {
    font-size: 13px;
}

.SkiInfoPage .button {
    float: right;
    background-color: #929292;
}

.SkiInfoPage .blogBubble {
    position: relative;
    top: 3px;
    left: 3px;
}

.single-ski-centers .info h4.specialTitle {
    width: 60%;
}

div#dialog {
    display: none;
}

.ui-dialog {
    z-index: 9999999999 !important;
}

/* #Affili Styles
================================================== */
.page-template-template-affili footer.MainFooter, .page-template-template-affili header.themeHeader {
    display: none;
}

/* #Page Styles
================================================== */
.wpcf7-form input, .wpcf7-form textarea {
    width: 100%;
}

.wpcf7-quiz {
    width: 10% !important;
}

span.wpcf7-quiz-label {
    float: left;
    margin-right: 3px;
    line-height: 30px;
}

.home ul.TheFrontNews {
    margin: 0px;
}

.home ul.TheFrontNews a,
.home .custom-news-content a {
    text-decoration: none;
}

.home ul.TheFrontNews a:hover,
.home .custom-news-content a:hover {
    text-decoration: underline;
}

.home .NewsTitle {
    text-align: center;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #af1f8e !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3d0e3 !important;
    width: 10px !important;
}

.woocommerce aside ul li a {
    text-decoration: none;
    color: #af1f8e;
    display: block;
    padding: 10px 5px;
}

.woocommerce aside ul li {
    margin: 0px
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #af1f8e !important;
}

/* Front News Area */
.BgBorder {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    height: 3px;
    position: relative;
    top: 19px;
    z-index: 0;
}

section.Events .BgBorder {
    border-bottom: 1px solid #e9a4d9;
    border-top: 1px solid #e9a4d9;
}

h4.specialTitle {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    text-transform: UPPERCASE;
    background-color: #fff;
    z-index: 1;
    display: table;
    margin: 0 auto;
    padding: 0px 10px;
}

section.Events h4.specialTitle {
    background-color: #af1f8e;
    color: #e9a4d9;
    z-index: 1;
}

section.Events {
    background-color: #af1f8e;
}

.Events .NewsTitle {
    margin: 20px 10px 40px;
}

.Image img {
    width: 100%;
    height: auto;
}

.Events .Image img {
    width: auto;
    height: 300px;
}

.PostCatNews .three.columns .Image img {
    height: 100px;
}

.TheTime {
    font-size: 12px;
}

li.BigNews h3 {
    font-size: 24px;
    font-weight: 700;
}

.subTitle {
    font-size: 18px;
}

.SmallNews .subTitle {
    font-size: 12px;
}

.newsText {
    font-size: 13px;
    font-weight: initial;
}

.SmallNews .Image {
    margin-bottom: 10px;
    max-height: 125px;
    overflow: hidden;
}

/*.SmallNews .Image img{height:100px;}*/
.WebTv iframe {
    width: 100%;
}

.WebTv a.button.blue {
    float: right;
}

/* Front News Area */

ul.Ads {
    margin: 0px;
    padding: 0px;
}

ul.Ads li.Image.aside {
    position: relative;
    top: 17px;
}

.headerAds {
    height: auto;
}

.headerAds li {
    margin: -3px !important;
}

.headerAds .Image img {
    height: inherit;
    width: initial;
    max-width: none;
}

.single-ski-centers a.catNews {
    float: none;
}

.location {
    float: right;
}

.name.hotel a {
    float: left;
}

.woocommerce .quantity .qty {
    height: 32px;
}

.home .woocommerce ul.products li.product {
    margin: 5px;
}

.home .woocommerce ul.products li.product a img, .woocommerce ul.products li.product a img {
    max-height: 285px;
    border: 1px solid #d6d6d6
}

span.price {
    color: #af1f8e !important;
}

span.price del {
    display: inline-block !important;
}

.home .woocommerce span.onsale, .archive.woocommerce span.onsale {
    background: #fff600 !important;
    color: #000 !important;
    padding: 5px 20px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 35px !important;
    right: 5px !important;
    top: 8px !important;
}

.woocommerce span.onsale {
    background: #fff600 !important;
    color: #000 !important;
    padding: 5px 20px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 35px !important;
    border-bottom-left-radius: 0px !important;
}

li.reviews_tab {
    display: none !important;
}

.pink, form#commentform #submit {
    background: #af1f8e;
    color: #fff !important;
    border: none;
    text-transform: uppercase;
    width: 90%;
    margin: 0 auto;
    display: table;
    text-align: center;
}

.pink:hover, form#commentform #submit:hover {
    background: #000;
    border: none;
}

form#commentform textarea#comment {
    width: 100%;
}

.blue, input[type="submit"].wpcf7-submit {
    background: #095baf;
    color: #fff !important;
    border: none;
}

.blue:hover, input[type="submit"].wpcf7-submit:hover {
    background: #3c7dc0;
    border: none;
}

.green {
    background: #0bbebc;
    color: #fff !important;
    border: none;
}

.green:hover {
    background: #000;
    border: none;
}

.gray {
    background: #dbdbdb;
    color: #000 !important;
    border: none;
    float: right;
}

.gray:hover {
    background: #e4d3e4;
    border: none;
}

.cams .green {
    float: right;
}

.cams .three.columns.row.omega iframe {
    height: 230px !important;
}

.home ul.TableLike {
    width: 28%;
    float: right;
}

.home ul.TableLike li {
    width: 100%;
}

.home ul.TableLike li a {
    font-size: 13px;
    text-decoration: none;
}

.home ul.TableLike li a:hover {
    text-decoration: underline;
}

/* Google Map Frontpage */
div#map {
    top: -20px;
    z-index: 0;
}

.MapSnow {
    background: url('images/map-snowBg.png') repeat-x top left;
    height: 39px;
    width: 100%;
    position: relative;
    top: -45px;
}

.MapWeather {
    position: absolute;
    background: url('images/reportBg.png');
    height: 660px;
    width: 370px;
    right: 6%;
    top: 208px;
    padding: 65px 20px 0px;
}

.MapWeather h4 {
    color: #af1f8e;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.MapWeather .prolog {
    font-size: 13px;
}

.MapWeather ul.MapWeatherLinks {
    margin: 0px;
    overflow: hidden;
    height: 400px;
}

.MapWeather ul.MapWeatherLinks span.name {
    margin-left: 0px;
}

.MapWeather ul.MapWeatherLinks .temp {
    display: inline-block;
    min-width: 40px;
}

.MapWeather ul.MapWeatherLinks a {
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 7px 0px;
    border-bottom: 1px solid #dcdad7;
}

.MapWeather ul.MapWeatherLinks li {
    margin: 0px;
}

.MapWeather ul.MapWeatherLinks li:hover a, .MapWeather ul.MapWeatherLinks li:hover a span {
    background-color: #af1f8e;
    color: #fff;
}

.MapWeather ul.MapWeatherLinks span.close {
    color: #f51111;
}

.MapWeather ul.MapWeatherLinks span.open {
    color: #288d00;
}

.MapWeather ul.MapWeatherLinks span.standby {
    color: #ff9c00;
}

.wupdate {
    float: right;
    font-size: 11px;
    color: #af1f8e;
}

.gm-style-iw a {
    color: #fff;
    text-decoration: none;
}

.MapReport {
    position: absolute;
    background: url('images/reportBg.png');
    border-radius: 1em;
    top: 400px;
    left: 10%;
    height: 200px;
    width: 280px;
    padding: 20px;
    color: #af1f8e;
    font-size: 18px;
    font-weight: 600;
}

.ReportData {
    padding: 30px 40px 10px 20px;
}

.ReportData .left {
    float: left;
    width: 60%;
    line-height: 45px;
    height: 60px;
}

.ReportData .right {
    float: right;
    text-align: center;
    background-color: #af1f8e;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 2em;
}

.MapReport h3 {
    color: #af1f8e;
    border-bottom: 2px dotted #af1f8e;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 15px;
}

.gm-style-iw {
    font-size: 12px !important;
    background-color: #af1f8e !important;
    color: #fff;
}

.gm-style-iw .gm-style-iw-d {
    overflow: hidden !important;
    padding: 0px 10px 10px 0px !important;
}

.gm-style .gm-style-iw-t::after {
    border-top-color: #af1f8e !important;
}

.gm-style-iw h4 {
    font-size: 14px;
    color: #fff;
}

.gm-style-iw h4 a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.gm-style-iw h4 a:hover {
    color: #f9c0ec;
}

.gm-style-iw span {
    color: #f9c0ec;
}

.WeatherData {
    position: relative;
    top: -6px;
    font-size: 14px;
}

.TheTemp {
    margin-right: 20px;
    display: inline-block;
}

.WindSpeed {
    display: inline-block;
}

/* Google Map Frontpage */

ul.wp_rss_retriever_list {
    margin: 0px;
}

.Proorizmi h4.specialTitle {
    color: #af1f8e;
}

.Proorizmi .BgBorder {
    border-color: #af1f8e;
}

li.wp_rss_retriever_item img {
    width: 100%;
    height: 144px;
}

.wp_rss_retriever_image {
    width: 95% !important;
    height: 220px !important;
    margin: 0px;
}

li.wp_rss_retriever_item {
    margin: 0px 2px;
    padding: 0px 5px;
}

a.wp_rss_retriever_title {
    position: absolute;
    top: 155px;
    width: 275px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.flex-control-nav {
    position: relative !important;
    bottom: -10px !important;
}

.wp_rss_retriever_container {
    font-size: 13px;
}

.flex-control-paging li a {
    background: transparent !important;
    border-color: #8c8c8c;
    border: 1px solid #8c8c8c;
}

.flex-control-paging li a.flex-active {
    background: #666 !important;
}

.name ul.TableLike {
    margin-top: 20px;
    margin-bottom: 40px;
}

ul.TableLike {
    margin: 0px;
}

ul.TableLike li:before {
    content: none;
}

ul.TableLike li {
    border-bottom: 1px solid #bfbfbf;
    display: inline-table;
    height: 30px;
    font-size: 14px;
}

ul.TableLike .type {
    text-align: center;
}

ul.TableLike .location {
    text-align: right;
}

.name a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: #af1f8e;
    display: block;
}

.page-template-template-hotel .NewsTitle {
    margin-top: 50px;
}

img.hotelImage {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

h2.hotelTitle {
    font-size: 18px;
    font-weight: 600;
}

.page-template-template-hotel footer {
    font-size: 13px;
}

.HotelMap iframe {
    width: 100%;
    height: 320px !important
}

ul.HotelMetaBox {
    border: 1px solid #e4e5e6;
    padding: 20px 10px;
    text-align: center;
    margin: 0px;
    font-size: 13px;
}

ul.HotelMetaBox li {
    display: inline;
}

span.MetaBorder {
    display: inline-block;
    height: 25px;
    width: 1px;
    border-left: 1px solid #e4e5e6;
    margin: 0px 35px;
    position: relative;
    top: 7px;
}

li.MetaUrl a {
    color: #96248A;
    text-decoration: none;
}

li.MetaAddress {
    color: #5282F3;
}

li.MetaPhone {
    color: #666666;
}

li.MetaMail a {
    color: #0E35DF;
    text-decoration: none;
}

.single-ski-centers .Videos iframe {
    width: 100%;
    height: 407px;
}

.single-ski-centers .Videos a.button.blue {
    float: right;
}

.TheEventPost .TheTime {
    font-size: 12px;
    color: #e9a4d9;
}

.TheEventPost h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 22px;
}

.TheEventPost .eventSubTitle {
    font-size: 18px;
    color: #fff;
}

.TheEventPost .eventText {
    font-size: 13px;
    color: #fff;
}

ul.TheEventPost {
    margin: 0px;
}

.TheEventPost .eventText a {
    color: #fff;
}

#eventShow .page-numbers {
    background-color: #e9a4d9;
    font-size: 15px;
    padding: 8px 14px;
    border-radius: 2em;
    margin: 5px 0px;
    display: inline-block;
    color: #af1f8e;
    text-decoration: none;
}

a.prev.page-numbers, a.next.page-numbers {
    display: none !important;
}

#eventShow .page-numbers.current {
    background-color: #fff;
}

ul.TheEventPost .blogBubble {
    width: 0px;
}

.page-numbers.date {
    font-size: 18px !important;
    padding: 10px 16px !important;
    background-color: #fff !important;
    position: relative;
    left: -5px;
    top: -20px;
}

#calendar {
    background-color: #b8389a;
    min-height: 345px;
    border-radius: 12px;
    padding: 10px 0px 5px 20px;
}

#calendar .header {
    text-align: center;
    margin: 20px 60px 40px 15px;
}

#calendar a.prev, #calendar a.next {
    text-decoration: none;
    color: #f292dc;
    font-size: 45px;
    margin: 0px 20px;
    position: relative;
    top: 6px;
}

#calendar span.title {
    font-size: 18px;
    color: #fff;
}

div#calendar ul {
    margin: 0px;
}

div#calendar ul.label li {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    float: left;
    list-style-type: none;
    width: 12%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: transparent;
}

div#calendar ul.dates {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}

div#calendar ul.dates li {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    margin-top: 5px;
    line-height: 45px;
    vertical-align: middle;
    float: left;
    list-style-type: none;
    width: 12%;
    height: 45px;
    font-size: 15px;
    color: #f292dc;
    text-align: center;
}

div#calendar ul.dates li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    font-weight: 700;
}

div#calendar .box-content {
    padding-bottom: 20px;
}

div#calendar ul.dates li a.active {
    background-color: #fff;
    border-radius: 10px;
    color: #af1f8e;
}

.Events .Image {
    text-align: center;
    overflow: hidden;
}

/* #Archive Styles
================================================== */
.theArchive article img {
    width: 100%;
    height: auto;
    border: 1px solid #cecece;
    padding: 1px;
}

.editButtons {
    float: right;
    position: relative;
    top: -20px;
}

.editButtons div {
    display: inline-block;
    margin-left: 30px;
}

.theArchive h1 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.theArchive h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.theArchive a {
    text-decoration: none;
}

.theArchive {
    font-size: 14px;
}

.theArchive p {
    margin: 0 0 8px 0;
}

.theArchive article {
    margin-bottom: 50px !important;
}

.theArchive article, .theArchive article header, .theArchive article footer {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.theArchive .archiveMore a {
    color: #af1f8e;
    text-decoration: none;
}

.theArchive .archiveMore a:hover {
    color: #000;
}

.theArchive .postTime {
    font-size: 12px;
    color: #af1f8e;
    font-weight: 600;
    margin-bottom: 8px;
}

.theArchive .pagination a {
    text-decoration: none;
    color: #cecece;
}

.theArchive .pagination .page-numbers {
    padding: 8px 12px;
    border: 1px solid #cecece;
    margin: 0px 7px;
}

.theArchive .page-numbers.current, .theArchive .pagination a:hover {
    border-color: #000;
    color: #000;
}

.theArchive article img.zoom {
    width: 50px;
    height: 50px !important;
    border: none;
    position: absolute;
    margin: 5px;
}

/* #Footer Styles
================================================== */
footer.MainFooter {
    background: rgba(9, 64, 124, 1);
    background: -moz-radial-gradient(bottom, ellipse cover, rgba(9, 64, 124, 1) 0%, rgba(10, 43, 77, 1) 54%, rgba(10, 43, 77, 1) 100%);
    background: -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(9, 64, 124, 1)), color-stop(54%, rgba(10, 43, 77, 1)), color-stop(100%, rgba(10, 43, 77, 1)));
    background: -webkit-radial-gradient(bottom, ellipse cover, rgba(9, 64, 124, 1) 0%, rgba(10, 43, 77, 1) 54%, rgba(10, 43, 77, 1) 100%);
    background: -o-radial-gradient(bottom, ellipse cover, rgba(9, 64, 124, 1) 0%, rgba(10, 43, 77, 1) 54%, rgba(10, 43, 77, 1) 100%);
    background: -ms-radial-gradient(bottom, ellipse cover, rgba(9, 64, 124, 1) 0%, rgba(10, 43, 77, 1) 54%, rgba(10, 43, 77, 1) 100%);
    background: radial-gradient(ellipse at bottom, rgba(9, 64, 124, 1) 0%, rgba(10, 43, 77, 1) 54%, rgba(10, 43, 77, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09407c', endColorstr='#0a2b4d', GradientType=1);
    color: #6296ca;
    padding-top: 70px;
}

footer.MainFooter .snow {
    background: url('images/snowBg.png') top repeat-x;
    height: 39px;
    position: relative;
    top: -70px;
}

footer.MainFooter .ThemeBorder {
    border-top: 1px solid #0c58a6;
    border-bottom: 1px solid #0c58a6;
    padding: 2px 0 0;
}

footer.MainFooter .BgBottomFooter {
    text-align: center;
    font-size: 12px;
}

footer.MainFooter .widget_recent_entries h2.widget-title:before {
    content: '';
}

footer.MainFooter h5.widget-title {
    color: #0d60b4;
    margin-bottom: 20px;
}

footer.MainFooter a {
    color: #6296ca;
    text-decoration: none;
}

footer.MainFooter a:hover {
    color: #af1f8e;
}

footer.MainFooter .socialTitle {
    position: relative;
    top: -33px;
    width: 260px;
    text-align: center;
    margin: 0 auto;
    background-color: #0A2B4D;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

footer.MainFooter ul.overFooter {
    text-align: center;
}

footer.MainFooter ul.overFooter li {
    display: inline-block;
    margin: 0px 2%;
}

footer.MainFooter .wysija-input {
    background-color: #0a4683;
    height: 30px;
    padding-left: 5%;
    border: none;
    width: 93%;
}

footer.MainFooter .wysija-submit {
    float: right;
    margin: 0px;
    background: #052b51;
    border: none;
    color: #6296ca;
    border-radius: 0.8em;
    padding: 8px 30px 8px 16px;
    font-size: 13px;
}

footer.MainFooter .wysija-submit:hover {
    color: #af1f8e;
}

footer.MainFooter span.post-date {
    font-size: 12px;
    color: #3c76b1;
}

footer.MainFooter .theme_widget_recent_entries p {
    font-size: 13px;
}

footer.MainFooter .toBlogLink {
    text-align: right;
    font-size: 13px;
    text-decoration: underline;
}

footer.MainFooter .toBlogLink .blogBubble {
    position: relative;
    top: 3px;
    margin-left: 5px;
}

footer.MainFooter ul {
    margin: 0px;
}
.mobile-weather-icon {
    display: none;
}
.custom-row-menu {
    display: inline-block;
    width: 100%;
    margin-bottom: 35px;
}

/* new slopes markers */
.sprite.StandByMarker,
.sprite.OpenMarker,
.sprite.CloseMarker,
.customMarkerSprite {
    position: relative;
    background: none;
    border: 2px solid #0b2b4d;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.sprite.StandByMarker:after,
.sprite.OpenMarker:after,
.sprite.CloseMarker:after,
.customMarkerSprite:after {
    content: '';
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    display: block;
    background: #ffa734;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    position: absolute;
}
.sprite.OpenMarker:after {
    background: #00a000;
}
.sprite.CloseMarker:after {
    background: #ff0000;
}
.WaitingUpdateMarker:after {
    background: #8a8a8a;
}
.OutOfOrderMarker:after {
    background: #000;
}
.NotInMapMarker:after {
    background: #fff;
}
.sprite.CloseMarker:before,
.WaitingUpdateMarker:before {
    content: '';
    width: 20px;
    height: 2px;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.WaitingUpdateMarker:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.col-memo {
    background: #f7f7f7;
    margin: 0 10px 30px 10px;
    padding: 30px 5px 10px 5px;
    border-radius: 5px;
}
.col-memo h4.specialTitle {
    background: #f7f7f7;
    color: #5d97cc;
}
.col-memo .BgBorder {
    border-color: #5d97cc;
}
.col-memo ul {
    display: table;
    margin: 0 auto;
    width: 100%;
}
.col-memo ul li.memo-item {
    display: inline-block;
    float: left;
    text-align: center;
    width: 16%;
}
.col-memo ul li.memo-item span {
    display: block;
    float: none;
    margin: 0 auto;
}
.col-memo ul li.memo-item span.memo-item-text {
    font-size: 13px;
    padding: 0 5px;
}
header ul.menu li {
    margin: 0px 25px 0px 0px;
}
header ul.menu li.lang-item {
    margin: 0;
    float: right;
}
header ul.menu li.lang-item>a {
    padding-right: 0!important;
}
header ul.menu li a, 
header ul#menu-main-menu-en li a {
    padding-right: 30px;
}
header ul.menu li.lang-item + li.lang-item {
    margin-right: 5px;
}
.Events .Image img {
    width: 100%;
    height: auto;
}
.menu li.lang-item img {
    max-width: 30px;
}
.menu li.lang-item.current-lang img {
    opacity: 0.6;
}
.open-trigger span img {
    max-width: 34px;
    position: relative;
    margin-bottom: -9px;
}
.custom_row {
    display: inline-block;
    width: 100%;
}
.custom-news-content,
.custom-top-ads {
    display: inline-block;
    width: 100%;
}
.custom-news-content>.left-col {
    display: inline-block;
    float: left;
    width: calc(70% - 15px);
    padding-right: 15px;
}
.custom-news-content>.right-col {
    display: inline-block;
    float: left;
    width: calc(30% - 15px);
    padding-left: 15px;
}
.custom-news-section {
    padding: 0 10px;
    margin: 15px 0 50px 0;
}
.custom-ads-row ul.Ads li.Image {
    display: inline-block;
    float: left;
    width: 33.333%;
}
.custom-ads-row ul.Ads li.Image a {
    display: block;
    text-align: center;
}
.custom-ads-row ul.Ads li.Image a img {
    height: 250px;
    max-width: 300px;
}
.custom-button-more {
    text-align: center;
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 15px auto 50px auto;
    border: 2px solid #b8389a;
    background: #b8389a;
    color: #fff!important;
    text-decoration: none;
    padding: 20px 10px;
    border-radius: 5px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.custom-button-more:hover {
    background: #fff;
    color: #b8389a!important;
}
.custom-related-articles {
    display: inline-block;
}
.custom-related-articles .custom-post-item {
    display: inline-block;
    float: left;
    width: calc(33.33% - 20px);
    padding: 0 10px;
}
.custom-related-articles a {
    text-decoration: none;
}
.custom-related-heading {
    margin-top: 35px;
}
.custom-related-articles .subTitle.row {
    font-size: 16px;
}
body.single.single-post p img {
    max-width: 100%;
    height: auto;
}
/* Navigation Bar: vertical position */
#swipebox-bottom-bar {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  background:transparent!important;
  transition: none!important;
}
/* Navigation Bar: override position when is active */
#swipebox-bottom-bar.visible-bars {
   -webkit-transform: translate3d(0px, -25px, 0px)!important;
  transform: translate3d(0px, -25px, 0px)!important;
}
/* Navigation arrows: horizontal position */
#swipebox-arrows {
  max-width: 100%!important;
  width: 99%!important;
}

.social-big.social-big-tiktok {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: no-repeat;
    position: relative;
    top: 4px;
    max-width: 34px;
}
.social-big.social-big-tiktok svg {
    display: block;
    width: 100%;
    background: no-repeat;
}
.social-big.social-big-tiktok svg path {
    fill: #1e5aa5;
}
/* #Media Queries
================================================== */

/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .MapReport {
        left: 1%;
    }

    .MapWeather {
        right: 1%;
    }

    h4.specialTitle {
        width: 40%;
    }

    .Lifts h4.specialTitle {
        width: 58%;
    }

    .single-ski-centers ul#OpenSlopes, .single-ski-centers ul#OpenLifts {
        height: 335px;
    }

    .single-ski-centers ul.GallerySlider li img.zoom {
        margin-left: 285px;
    }

    .page-numbers.date {
        left: -10px;
    }

    .single-ski-centers .info h4.specialTitle {
        width: 65%;
    }

    .Proorizmi h4.specialTitle {
        width: 60%;
    }

    .WebTv h4.specialTitle {
        width: 22%;
    }

    header ul.menu li {
        margin: 0px 10px 0px 0px;
    }

    header ul.menu li a {
        font-size: 14px;
    }

    header ul.menu li span.sub {
        font-size: 10px;
    }

    header ul.menu li.MegaMenu ul.sub-menu li {
        margin-right: 45px;
    }

    header ul.menu li.menu-item-has-children .menuSubArrow {
        right: -18px;
    }

    footer.MainFooter .newsletterBubble {
        display: none;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    footer.MainFooter h5.widget-title {
        font-size: 16px;
    }

    .MapReport {
        display: none;
    }

    .MapWeather {
        right: 1%;
        width: 320px;
    }

    .single-ski-centers ul#OpenSlopes, .single-ski-centers ul#OpenLifts {
        height: 265px;
    }

    .single-ski-centers ul.GallerySlider li img.zoom {
        margin-left: 220px;
    }

    ul.SkiSubMenu li a {
        font-size: 14px;
        padding: 16px;
    }

    .page-numbers.date {
        left: -9px;
        padding: 7px 13px !important;
    }

    .single-ski-centers .TheMap img {
        height: auto;
    }

    .cams img {
        width: 100%;
    }

    .weathersprite {
        top: 3px;
    }

    .SkiWeatherMain {
        font-size: 12px;
    }

    header ul.menu li {
        margin: 0px;
    }

    header ul.menu li a {
        font-size: 12px;
        padding-right: 10px;
    }

    header ul.menu li span.sub {
        font-size: 10px;
    }

    header ul.menu li.menu-item-has-children .menuSubArrow {
        right: 8px;
    }

    header ul.menu li.MegaMenu ul.sub-menu li {
        margin-right: 45px;
    }

    footer.MainFooter .newsletterBubble {
        display: none;
    }
}
.hidden-dt {
    display: none;
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .notShow767, .BgBorder, .flexislider .flex-direction-nav {
        display: none;
    }

    .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft {
        width: 100%;
        height: auto;
    }

    footer.MainFooter ul.overFooter li {
        width: 25%;
    }

    .MapReport, .wupdate, .MapWeather ul.MapWeatherLinks {
        display: none;
    }

    h4.specialTitle {
        font-size: 22px;
        width: 100% !important;
    }

    .pink, .blue {
        width: 90%;
        text-align: center;
    }

    .headerAds img {
        height: auto;
        width: 100%;
    }

    .headerAds li.Image {
        width: 100% !important;
    }

    header .headerSocials {
        float: none !important;
        width: 100%;
        position: relative;
        top: -20px;
        z-index: 999;
    }

    .headerSocials .textwidget {
        text-align: center;
        width: 100%;
    }

    header .search-field {
        margin: 30px 0px 0px !important;
    }

    ul.SkiSubMenu li {
        width: 48%;
        text-align: center;
        margin: 8px 0px;
    }

    li.SubBorder {
        border: none;
    }

    .UpdateTime {
        text-align: center;
        margin-top: 25px !important;
    }

    ul.TableLike li div {
        text-align: center !important;
    }

    .SmallNews .Image img {
        height: auto;
    }

    .page-numbers.date {
        left: -15px;
        top: 0px;
        padding: 25px 10px !important;
    }

    .theArchive article img {
        height: auto !important;
    }

    .Mobile {
        display: block;
    }

    .editButtons .line {
        display: none;
    }

    .Proorizmi h4.specialTitle, .WebTv h4.specialTitle {
        width: 100%;
    }

    form.search-form {
        position: relative;
        top: 20px;
    }

    header .searchIcon {
        top: -7px;
    }

    #calendar .header {
        margin: 20px 0px 40px -20px;
    }

    div#map {
        top: -20px;
        z-index: 0;
        height: 500px !important;
    }

    .wraper {
        margin-bottom: 60px !important;
    }

    ul.SkiSubMenu {
        width: 100%;
    }

    a.catNews {
        width: auto;
    }

    .single-post .postImageBorder, .category-events .single .postImageBorder {
        height: 45px;
        padding: 3px 17px 25px;
        left: 2px;
    }

    .headerAds img {
        height: 55px;
        z-index: 9999;
        position: relative;
    }

    .categoryMenu, .pressMenu {
        text-align: center;
    }

    .single-ski-centers .TheMap img {
        height: auto;
    }

    .MapWeather .prolog {
        display: none;
    }

    .MapWeather {
        width: 1px;
        right: 12%;
    }

    .woocommerce ul.products li.product a {
        font-size: 12px;
        padding: 10px 2px;
    }

    body {
        overflow-x: hidden;
    }

    .headerAds .Image img {
        width: 100%;
    }

    /* weather homepage */
    .MapWeather .prolog,
    .MapWeather ul.MapWeatherLinks {
        display: block;
    }
    .MapWeather .prolog {
        padding: 10px 15px;
    }
    .MapWeather ul.MapWeatherLinks {
        padding: 0 15px;
        height: calc(100vh - 200px);
    }
    .MapWeather {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        z-index: 999999;
        padding: 0;
        opacity: 0;
        visibility: hidden; 
        -webkit-transition: opacity 0.4s ease, visibility 0.1s ease;
        -moz-transition: opacity 0.4s ease, visibility 0.1s ease;
        -o-transition: opacity 0.4s ease, visibility 0.1s ease;
        transition: opacity 0.4s ease, visibility 0.1s ease;
    }
    .MapWeather.active {
        opacity: 1;
        visibility: visible;
    }
    .mobile-weather-icon {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 9999991;
        font-size: 18px;
        display: block;
        padding: 10px 0;
        width: 100%;
        text-align: center;
        box-shadow: 0px 2px 9px #af1f8e;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.1s ease;
    }
    .mobile-weather-icon.show {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.4s ease, visibility 0.1s ease;
    }
    .mobile-weather-icon a {
        text-decoration: none;
    }
    .mobile-weather p {
        margin: 0;
    }
    .mobile-weather .close-trigger,
    .mobile-weather.active .open-trigger {
        display: none;
    }
    .mobile-weather.active .close-trigger {
        display: block;
    }
    .active_weather {
        overflow: hidden;
    }
    .col-memo {
        margin: 0 0 30px 0;
    }
    /*redesign mobile*/
    .hidden-sm {
        display: none!important;
    }
    header .headerMenuBg {
        display: none;
    }
    header .logo {
        position: relative;
        top: 0;
        padding-left: 15px;
    }
    .container.mobile-custom-paddings {
        width: 100%;
    }
    .container.mobile-custom-paddings:before {
        content: '';
        width: 100%;
        height: 50px;
        display: block;
        background: #af1f8e;
        position: absolute;
        top: 40px;
        left: 0;
    }
    header.themeHeader {
        box-shadow: none;
    }
    .logo-mobile-custom {
        margin-bottom: -28px!important;
        display: inline-block!important;
        width: 80%!important;
        float: left!important;
    }
    .hidden-dt {
        display: block;
    }
    .custom-mobile-menu.hidden-dt {
        width: 20%;
        padding-top: 55px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .burger-menu {
        width: 30px;
        height: 2px;
        display: block;
        background: #fff;
        position: relative;
    }
    .burger-menu:after {
        top: 10px;
    }
    .burger-menu:before {
        top: 20px;
    }
    .burger-menu:after,
    .burger-menu:before {
        content: '';
        width: 30px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
    }
    .menu-toggle {
        display: block;
        margin: 0 auto;
        width: 30px;
        height: 24px;
    }
    .mobile-show-full.active {
        opacity: 1;
        visibility: visible;
    }
    .mobile-show-full {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 999999;
        padding: 30px;
        opacity: 0;
        visibility: hidden;
        display: block;
    }
    .mobile-show-full.active nav.sixteen.columns.row {
        width: 100%;
    }
    .mobile-show-full.active nav.sixteen.columns.row .menu li {
        display: block;
        width: 100%;
        padding: 0;
        height: 100%;
    }
    .mobile-show-full.active nav.sixteen.columns.row .menu>li {
        margin-bottom: 25px;
    }
    .mobile-show-full.active nav.sixteen.columns.row {
        width: 100%;
        height: calc(100vh - 50px);
        overflow-y: scroll;
    }
    header ul.menu li ul.sub-menu {
        background: transparent!important;
        position: relative!important;
    }
    header ul.menu li ul.sub-menu li {
        width: 100%!important;
    }
    header ul.menu li ul.sub-menu li a {
        color: #000!important;
    }

    .menu-toggle.close-menu {
        top: -25px;
        position: relative;
        right: 45px;
    }
    .close-menu .burger-menu:after, 
    .close-menu .burger-menu:before {
        background: #000;
    }
    .close-menu .burger-menu:after {
        top: 5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .close-menu .burger-menu:before {
        top: 5px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .col-memo ul li.memo-item {
        width: 33%;
    }
    ul.menu li.lang-item {
        float: left;
        margin: 15px 0 0 20px!important;
    }
    .custom-news-content>.left-col,
    .custom-news-content>.right-col {
        width: 100%;
        padding: 0;
    }
    .custom-button-more {
        padding: 20px 0;
    }
    .custom-ads-row ul.Ads li.Image {
        width: 100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-ski-centers ul.GallerySlider li img.zoom {
        margin-left: 160px;
    }

    header .searchIcon {
        right: 120px;
    }

    h1 {
        font-size: 36px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .single-ski-centers ul.GallerySlider li img.zoom {
        margin-left: 160px;
    }

    ul.SkiSubMenu li a {
        font-size: 14px;
        padding: 16px 0px;
    }

    header .headerSocials a {
        position: relative;
        left: 30px;
    }

    header .searchIcon {
        right: 60px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
        width: 285px !important;
    }

    h1 {
        font-size: 32px;
    }
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/