/* RESET CSS */
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, 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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
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 }

@font-face {
	font-family: 'Conv_octin sports rg';
	src: url('../fonts/octin sports rg.eot');
	src: local('☺'), url('../fonts/octin sports rg.woff') format('woff'), url('../fonts/octin sports rg.ttf') format('truetype'), url('../fonts/octin sports rg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { font: 14px/1.3 "Arial", Helvetica, sans-serif }

/*********************************   HEADER  ***********************************/

.header { height:426px; background: url("../images/header-bck.png") no-repeat scroll 50% 50% transparent; }
.page-inner{ width: 980px; margin: 0 auto; padding-bottom:25px; font-family: 'PT Sans', sans-serif; }
.logo { display: block; text-decoration: none; width: 187px; height: 174px; background: url('../images/logo.png') no-repeat;position:relative; z-index: 20;float:left; }
.header-menu{float:right;margin-top:20px;}
.header-menu li{float:left;color:#fff;}
.header-menu li a{text-transform:uppercase;font-size:23px;text-decoration: none;font-family: 'Conv_octin sports rg';text-shadow: 2px 2px #000;color:#fff;}
.shadow{text-shadow: 2px 2px #000;}
.starr{margin: 8px 15px 0 15px;}
.mediabox{width:980px;height:306px;margin-top:-100px;position:relative;}
.mediabox-img{position:absolute;top:0px;left:0px;}


/* MENU ----------------------------------------------------------------------------------- */
.menu {  }

.menu-top { width: 740px;font-size: 23px; font-family: 'Conv_octin sports rg';margin-top: 7px;float:left; }
.menu-top li { float: left; position: relative; margin-right:38px;}
.menu-top li a { display: block; height: 29px; line-height: 29px; text-align: center; color: #fff; text-decoration: none;text-shadow: 2px 2px #000;text-transform:uppercase;font-family: 'Conv_octin sports rg'; }
/*.menu-top a:hover { color: #822e3a }*/


.menu-top li.last{margin:0 0 0 0;}

.menu-top li.first a:hover,
.menu-top li.first a.active { }
#nav li:hover > a { }

.phone-line{width: 231px; height: 48px; background: url('../images/tel-bck.png') no-repeat;float:right;margin-top: -2px;}
.phone-inner{font-family: 'Conv_octin sports rg';font-size: 23px;color: #fff;text-shadow: 2px 2px #000;padding-top:8px;margin-left:9px;}


.page-headline{font-family: 'PT Sans', sans-serif;font-size:22px;text-transform:uppercase;font-weight:bold;color:#542c64;width:630px;padding-bottom:10px;padding-top:25px;float:left;}

.notice{background:#fff;padding:20px 15px;border:4px solid #dbdbdb;margin:20px 0;text-align:justify;color:#83191a;font-family: 'PT Sans', sans-serif;font-size:16px;font-weight:bold;}

.content-area{font-family: 'PT Sans', sans-serif;font-size:16px;color:#464646}

.content-area iframe{
    width: 100%;
}

.image-space{margin-top:25px;}

.mrgrght{margin-right:13px;}

.ramik{width: 318px; height: 194px; background: url('../images/ramik.png') no-repeat;float:left;margin-bottom:13px;position:relative;z-index:10;}
.view img{ margin: 6px 0 0 6px;}

.headline{margin: 20px 0 0 20px !important;}

.view {
   width: 318px;
   height: 194px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   z-index:1;
}
.view .mask,.view .content {
   width: 318px;
   height: 194px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:1;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 80px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #fff;
   color: #000;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(83,30,78, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover > img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask, .headline:hover + .view-first .mask{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info,
.headline:hover + .view-first h2,
.headline:hover + .view-first p,
.headline:hover + .view-first a.info
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p, .headline:hover + .view-first p{
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info, .headline:hover + a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.headline:hover + .view-first > img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

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


.header .header-page .header-text-left { float: left; color: #fff; margin-top: 30px }
.header-text-left .text-call-us { width: 198px; height: 19px; background: url('../images/texts/call-us.png') no-repeat; float: left; margin-right: 10px }
.header-text-left .text-phone-number { width: 166px; height: 13px; background: url('../images/texts/phone-number.png') no-repeat; float: left; margin-top: 2px }
.header .header-page .header-text-right { float: right; color: #fff; margin-top: 30px }
.header-text-right .text-write-us { width: 146px; height: 19px; background: url('../images/texts/write-us.png') no-repeat; float: left; margin-right: 10px }
.header-text-right .text-mail { display: block; width: 197px; height: 19px; background: url('../images/texts/mail.png') no-repeat; float: left; text-decoration: none }

.header .header-page ul.header-menu { margin-top: 35px; margin-bottom: 15px }
.header .header-page ul.header-menu a { color: #000; font-size: 24px; text-transform: uppercase; text-decoration: none }
.header-page ul.header-menu.float-left li { float: left; margin-left: 10px; line-height: 25px }
.header-page ul.header-menu li.header-menu-first { margin-left: 0px }
.header-page ul.header-menu.float-right li { float: left; margin-right: 15px; line-height: 25px }
.header-page ul.header-menu li.header-menu-last { margin-right: 0px }
.text-aerobic { display: block; width: 87px; height: 23px; background: url('../images/texts/aerobic.png') bottom center no-repeat }
.text-fitness { display: block; width: 86px; height: 23px; background: url('../images/texts/fitness.png') bottom center no-repeat }
.text-telocvicna { display: block; width: 129px; height: 23px; background: url('../images/texts/telocvicna.png') bottom center no-repeat }
.text-masaze { display: block; width: 82px; height: 23px; background: url('../images/texts/masaze.png') bottom center no-repeat }
.text-solarium { display: block; width: 105px; height: 23px; background: url('../images/texts/solarium.png') bottom center no-repeat }
.text-sauna { display: block; width: 69px; height: 23px; background: url('../images/texts/sauna.png') bottom center no-repeat }

.header .header-page .mediabox { text-align: center; margin-bottom: 10px }
.header .nivo-controlNav { display: none }

.block-share { margin-top: 30px }
.block-share a { display: block; height: 23px; line-height: 23px; float: left; padding-left: 27px; text-decoration: none; margin-right: 10px; color: #000; cursor: pointer }
.block-share a:hover { text-decoration: underline }
.fb-share {  background: url('../images/fb-bck.png') no-repeat;width:168px;height:30px;display:table-cell;float:right;margin-top:25px;position: relative;right: -2px;color:#fff;text-decoration:none;font-family: 'Conv_octin sports rg';font-size:19px;text-indent:10px;padding-top: 6px; }
.print { background: url('../images/print.png') no-repeat }
.send { background: url('../images/send.png') no-repeat}

.how-to-find-us { margin-top: 30px}
.how-to-find-us .path { position: relative; color: #000; width: 79px; height: 79px; float: left; background: url('../images/how-to-find-us.png') no-repeat }
.how-to-find-us .path .path-auto { position: absolute; display: block; width: 44px; height: 21px; top: 12px; left: 18px; background: url('../images/auto.png') no-repeat }
.how-to-find-us .path .path-auto:hover { background: url('../images/auto-hover.png') no-repeat }
.how-to-find-us .path .path-bus { position: absolute; display: block; width: 53px; height: 20px;  top: 45px; left: 13px; background: url('../images/bus.png') no-repeat }
.how-to-find-us .path .path-bus:hover { background: url('../images/bus-hover.png') no-repeat }
.how-to-find-us .how-to-find-us-text { float: left; width: 580px; margin-left: 10px }
.how-to-find-us .how-to-find-us-text p { font-size: 26px; font-weight: bold; margin-left: 19px }
.how-to-find-us .choose-vehicle { font-size: 15px; background: url('../images/arrow-small.png') left center no-repeat; padding-left: 20px; margin-top: 15px; font-weight: bold }

.check { width: 28px; height: 28px; background: url('../images/check.png') no-repeat }
.check:hover { background: url('../images/check-hover.png') no-repeat }
.star { width: 9px; height: 9px; background: url('../images/star.png') no-repeat }


.footer { height:454px; background: url("../images/footer-bck.png") no-repeat scroll 50% 50% transparent; }
.social{height: 102px;}
.left{float:left;}
.right{float:right;text-transform:uppercase;font-family: 'Conv_octin sports rg';font-size:28px;color:#fff;padding-top: 35px;}
.fb_iframe_widget {background:#fff;margin-top:17px;}
.foot-line{margin-top:12px;}
.foot-left{font-family: 'PT Sans', sans-serif;font-size:12px;color:#828282;float:left;}
.foot-right{font-family: 'PT Sans', sans-serif;font-size:12px;color:#828282;float:right;}
.foot-right a{font-family: 'PT Sans', sans-serif;font-size:12px;color:#828282;text-decoration:none;}


.footer-page { position: relative; width: 980px; margin: 0 auto; padding-top: 15px; font-size: 11px }
.footer-page a.to-top { display: block; position: absolute; top: 5px; left: 473px; width: 60px; height: 21px; background: url('../images/to-top2.png') no-repeat; margin: 0 auto }
.footer-link { color: #818181; text-decoration: none }
.footer-link:hover { text-decoration: underline }


.content { background: #f3f3f3 url('../images/background.png') }
.content-page { width: 980px; margin: 0 auto; padding: 20px 0px }
.content-page .content-left { float: left; width: 680px }
.content-page .content-right { float: right; width: 280px }
.content-page .content-right .block-wanna { width: 276px; height: 95px; margin-top: -50px; background: url('../images/wanna.png') no-repeat; padding-top: 74px }
.block-wanna a { display: block; width: 232px; height: 30px; line-height: 30px; font-weight: bold; margin-left: 40px; font-size: 16px; color: #5c121b; text-decoration: none; text-transform: uppercase; margin-bottom: 2px; background: url('../images/check.png') right center no-repeat }
.block-wanna a:hover { background: url('../images/check-hover.png') right center no-repeat }
.content-page .content-right .block-facebook { width: 276px; height: 330px; background: #bfbfbf; margin-top: 15px; padding-top: 1px }
.content-right .block-facebook .block-facebook-inner { background: #f3f3f3; margin: 5px; padding: 5px 2px; width: 263px; height: 310px }



div.menu-line {  }
div.menu-line .menu-line-top { height: 2px; width: 100%; background: #822e3a }
div.menu-line .menu-line-bottom { height: 2px; width: 100%; background: #ae4200 }

.relative{
    position: relative;
}



/* GALLERY */
.image-envelope {
    width: 115px;
    height: 115px;
    border: 6px solid #881f14;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.image-envelope:hover { border-color: #461c57; }
.image-envelope img { vertical-align: central }


/* COMMENTS TO ARTICLE -------------------------------------------------------------------- */
.comments form { margin-top: 15px }
.input-text-small { width: 153px; height: 26px; background: url('http://fitness-astra.sk/gfx/images/text-small.png') no-repeat; border: 0; padding: 5px }
.input-text-small input { width: 150px; height: 22px; background: transparent; border: 0 }
.input-text { width: 445px; height: 34px; background: url('http://fitness-astra.sk/gfx/images/text.png') no-repeat; border: 0; padding: 5px 10px }
.input-text input { width: 440px; height: 25px; background: transparent; border: 0 }
.input-textarea { width: 604px; height: 49px; background: url('http://fitness-astra.sk/gfx/images/textarea.png') no-repeat; border: 0; padding: 10px }
.input-textarea textarea { width: 600px; height: 45px; background: transparent; border: 0; font: 12px/1.3 "Arial", Helvetica, sans-serif; resize: none }

.comment-header { color: #178fcb; font-weight: bold }
.comment-date { font-size: 10px; color: gray }
.comments .comment { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7 }


.image-envelope img{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.image-envelope img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}


/* ARTICLE BADGES ------------------------------------------------------------------------- */
.article-container { padding: 3px 5px; margin-right: 5px; margin-top: 5px; float: left; font-size: 12px }

.corners10 { -webkit-border-radius: 10px; border-radius: 10px }  
.corners5 { -webkit-border-radius: 5px; border-radius: 5px }  
.text-shadow-black { text-shadow: 1px 1px 1px #000000 }    









/*  FLASHES -------------------------------------------------------------------------------- */
.flash { height: 35px; line-height: 35px; padding-left: 20px; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; padding-left: 45px }
.flash.ok { color: #6da827; background: #e0f2cb url(../images/ok.png) 15px center no-repeat; border: 1px solid #ccebac }
.flash.info { color: #e79300; background: #fff4cc url(../images/info.png) 15px center no-repeat; border: 1px solid #f8e3ac }
.flash.error { color: #ce2700; background: #fbd3b1 url(../images/error.png) 15px center no-repeat; border: 1px solid #f5c69a }
.flash.info2 { color: #2e74b2; background: #e4edf5; border: 1px solid #d8e1e9 }





/* ESSENTIALS ------------------------------------------------------------------------------ */
a { outline: none }

h1 { font-size: 22px; color: #53285f; font-weight: bold; text-decoration: none }
h2 { font-size: 19px; color: #53285f; font-weight: bold; text-decoration: none }
h3 { font-size: 17px; color: #822e3a; font-weight: bold; text-decoration: none }
h4 { font-size: 14px; font-weight: bold }

.float-left { float: left }
.float-right { float: right }
.clear { clear: both }
.clear-e { clear: both }

.w430 { width: 430px }
.w500 { width: 500px }

.bold { font-weight: bold }

.font12 { font-size: 12px }
.font13 { font-size: 13px }
.font16 { font-size: 16px }
.font18 { font-size: 18px }
.font24 { font-size: 24px }
.font25 { font-size: 25px }
.font26 { font-size: 26px }
.font32 { font-size: 32px }
.font40 { font-size: 40px }

.c-black { color: #272828 }
.c-white { color: #fff }
.c-cyan { color: #0ea2b8 }
.c-violet { color: #552d66 } 

.no-margin { margin-right: 0px !important }
.margin-center { margin: 0 auto }

.padding-right10 { padding-right: 10px }
.padding-top10 { padding-top: 10px }
.padding-left10 { padding-left: 10px }
.padding-bottom10 { padding-bottom: 10px }

.margin10 { margin: 10px }
.margin-right10 { margin-right: 10px }
.margin-top10 { margin-top: 10px }
.margin-left10 { margin-left: 10px }
.margin-bottom10 { margin-bottom: 10px }

.hidden { visibility: hidden }

ul.error { margin-bottom: 10px; color: red }

.http-error { width: 500px; text-align: center; margin: 0 auto }
.http-error p { margin: 15px 0 }

/* CONTENT - same at ckEditor */

.mobile-menu-header{display: none;}
.menu-mobile{display: none;}
.header-menu-mini{display: none;}
.clear-e{clear:both;}

.addon-pricelist-line-dotted { height: 20px; background: url('../images/line-dotted.png') center bottom repeat-x; margin: 0 0 5px 0;width: 100%;position:relative; }
.addon-pricelist-name{position: absolute;left:0px;top:0px;}
.addon-pricelist-price{position: absolute;right:0px;top:0px; color: #32415a; font-weight: bold;}

.hide{
   display: none;
}

.mb-30{
   margin-bottom: 30px;
}

.border-bottom{
   border-bottom: 1px solid #bdbdbd;
}

.phone-line-mobile{
    display: none;
}

.clearfix:after{
    content: '';
    display: block;
    clear: both;
}

.headline{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.fancybox-inner{
    font-family: 'PT Sans', sans-serif;
}

/* =============================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

/*				1020 px  -  601 px
 -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) and (min-width: 621px){
    
	.header{width:100%;margin:0 auto;}
	.page-inner{width:600px;position: relative;}
	.header-menu{width:413px;margin:0;padding-top: 6px;}
	.mediabox{width:600px;}
	.mediabox-img{width:600px;top:71px;}
	.menu-top{width:600px;}
	.menu-top li{margin-right:18px;}
	.phone-line{position:absolute;right:0px;top:333px;}
    .content{width:100%;}
	.page-headline{width:600px;padding-top:65px;}
	.fb-share{position:absolute;margin-top:15px;}
	.ramik{float:none;margin:0 auto;margin-bottom:10px;}
	.mediabox-bottom{width:600px;margin-top: 55px;}
	.mediabox-bottom-img{width:600px;}
	.foot-line{margin-top: 72px;}
	
	.clear-e{clear:none;}
	.addon-ourteam-member{float:none!important;margin-right:0px!important;margin-bottom:30px;width:400px!important;}
	.addon-ourteam-name{position:absolute;top:81px;	left:180px;}
	.addon-ourteam-last{margin-bottom:30px!important;}
	.no-margin{margin-bottom:15px!important;margin-right:25px!important;}
	.addon-pricelist{width:600px!important;}
	.content-area iframe{width:594px!important;}
	.addon_schedule_right {width: 560px!important;}

    .lightgallery{
        margin-left: 12px;
    }

    .lightgallery .image-envelope{
        margin-right: 20px!important;
        margin-bottom: 20px!important;
    }

    .lightgallery .image-envelope:nth-child(4n){
        margin-right: 0px!important;
    }
	
}



/*				620 px - 421 px   MOBILE 1
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 620px) and (min-width: 421px){

    .header{width:100%;margin:0 auto;}
	.page-inner{width:400px;position: relative;}
	.header-menu{width:400px;margin:0;padding-top: 55px;}
	.mediabox{display:none;}
	.menu-top{display:none;}
	.phone-line{display: none;}
    .content{width:100%;}
	.page-headline{width:400px;padding-top:25px;}
	.fb-share{position:absolute;margin-top:-25px;}
	.ramik{float:none;margin:0 auto;margin-bottom:10px;}
	.mediabox-bottom{display:none;}
	.mediabox-bottom-img{width:400px;}
	.foot-line{margin-top: 321px;}
	.social .right{padding-top: 155px;float: none; text-align: center;}
	.social .left{margin: 0 auto;float: none;width: 300px;}
	
    .mobile-menu-header{ width:379px;height: 41px; margin:0 auto;clear:both; text-align:left;font-size:21px; border:2px solid #822e3a;
        line-height:40px; display:block;background: #fff; color: #542c64;cursor:pointer;padding: 0 0 0 20px;font-weight: bold;
        background: #fff url(../images/mobile_menu_button.png) right center no-repeat;position: relative;top: -47px;font-family: 'PT Sans', sans-serif;
    }
    .menu-mobile{ list-style: none;border-left:2px solid #822e3a;border-right:2px solid #822e3a;border-bottom:2px solid #822e3a;position: relative;top: -45px;width: 399px; background: #fff;}
    .menu-mobile li a{ display: block; height: 41px; width:370px;padding-left: 20px; line-height: 40px;text-decoration: none; color: #542c64;font-weight: bold;font-family: 'PT Sans', sans-serif;
        font-size: 21px;text-transform:uppercase; }
	.menu-mobile li a:hover { color: #822e3a }	
  
    .clear-e{clear: none;}
    .no-margin{margin-right: 12px!important;margin-bottom: 15px!important;}
	
	.addon-ourteam-member{float:none!important;margin-right:0px!important;margin-bottom:30px;width:400px!important;}
	.addon-ourteam-name{position:absolute;top:81px;	left:180px;}
	.addon-ourteam-last{margin-bottom:30px!important;}
	.image-envelope{margin-right:25px!important;}x§
	.addon-pricelist{width:400px!important;}
	.content-area iframe{width:594px!important;}
	.addon_schedule_right {width: 360px!important;}
	.kontakt-iframe iframe{width:395px!important;}

    .logo{
        float: none;
        margin: 0 auto;
    }

    .header{
        position: relative;
    }
    .phone-line-mobile{
        width: 100%;
        background-color: #861e12;
        display: block;
        height: 48px;
        /*position: absolute;*/
        /*bottom: 46px;*/
    }
    .phone-inner{
        width: 220px;
        margin: 0 auto;
        padding-top: 10px;
    }

    .fb-share{
        float: none;
        left: calc(50% - 84px);
        left: -o-calc(50% - 84px); /* opera */
        left: -webkit-calc(50% - 84px); /* google, safari */
        left: -moz-calc(50% - 84px); /* firefox */
    }

    .page-headline{
        text-align: center;
    }

    .lightgallery .image-envelope{
        margin-right: 9px!important;
        margin-bottom: 9px!important;
    }

    .lightgallery .image-envelope:nth-child(3n){
        margin-right: 0px!important;
    }

    .xs-full{
        width: 100%!important;
        margin-top: 20px;
    }

}

/*				420 px - 0 px    MOBILE 2
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 420px){


    .header{width:100%;margin:0 auto;}
	.page-inner{width:300px;position: relative;}
	.header-menu{width:300px;margin:0;padding-top: 35px;}
	.mediabox{display:none;}
	.menu-top{display:none;}
	.phone-line{display: none;}
    .content{width:100%;}
	.page-headline{width:300px;padding-top:25px;}
	.fb-share{position:absolute;margin-top:-25px;}
	.ramik{float:none;margin:0 auto;margin-bottom:10px;}
	.mediabox-bottom{display:none;}
	.mediabox-bottom-img{width:300px;}
	.foot-line{margin-top: 315px;}
	.social .right{padding-top: 155px; float: none; text-align: center;}
	.social .left{margin: 0 auto;float: none;width: 250px;background: #fff;top: 15px;position: relative;}
	
    .mobile-menu-header{ width:276px;height: 41px; margin:0 auto;clear:both; text-align:left;font-size:21px; border:2px solid #822e3a;
        line-height:40px; display:block;background: #fff; color: #542c64;cursor:pointer;padding: 0 0 0 20px;font-weight: bold;
        background: #fff url(../images/mobile_menu_button.png) right center no-repeat;position: relative;top: -47px;font-family: 'PT Sans', sans-serif;
    }
    .menu-mobile{ list-style: none;border-left:2px solid #822e3a;border-right:2px solid #822e3a;border-bottom:2px solid #822e3a;position: relative;top: -47px;width: 293px;}
    .menu-mobile li a{ display: block; height: 41px; width:293px;padding-left: 20px; line-height: 40px;text-decoration: none; color: #542c64;font-weight: bold;font-family: 'PT Sans', sans-serif;
        font-size: 21px;text-transform:uppercase; }
	.menu-mobile li a:hover { color: #822e3a }	
    .addon-pricelist{ width: 300px!important;}
    .clear-e{clear: none;}
    .no-margin{margin-right: 12px!important;margin-bottom: 15px!important;}
    .addon_schedule_right {width: 260px!important;}
	.addon-pricelist-name{width: 245px;font-size: 13px;}
	.addon-ourteam-member,.addon-ourteam-last{margin-left:65px!important;margin-top: 10px!important;}
    .mrgn-btn{margin-bottom:10px!important;}
    .cntct-left{width:300px!important;float: none!important;margin: 0 auto;margin-top: 15px;}
    .cntct-right{width:300px!important;float: none!important;margin: 0 auto;margin-top: 15px;}
    .clear-e{clear: none;}
    .no-margin{margin-right: 12px!important;margin-bottom: 15px!important;}
	.kontakt-iframe iframe{width:295px!important;}

    .logo{
        float: none;
        margin: 0 auto;
    }

    .header{
        position: relative;
    }
    .phone-line-mobile{
        width: 100%;
        background-color: #861e12;
        display: block;
        height: 48px;
        /*position: absolute;*/
        /*bottom: 46px;*/
    }
    .phone-inner{
        width: 220px;
        margin: 0 auto;
        padding-top: 10px;
    }

    .fb-share{
        float: none;
        left: calc(50% - 84px);
        left: -o-calc(50% - 84px); /* opera */
        left: -webkit-calc(50% - 84px); /* google, safari */
        left: -moz-calc(50% - 84px); /* firefox */
    }

    .page-headline{
        text-align: center;
    }

    .lightgallery{
        margin-left: 15px;
    }

    .lightgallery .image-envelope:nth-child(2n){
        margin-right: 0px!important;
    }

    .xs-full{
        width: 100%!important;
        margin-top: 20px;
    }

}