@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Images
11. Footer
12. Lists
13. Blog
14. Prices
-------------------------------------------------------------------*/

html, body {
    font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 767px) {
    #main-nav img.imagest {
        display: none !important;
    }
}

.graybox {
    background-color: #444847;
    opacity: .8;
    padding: 15px;
    margin-bottom: 15px;
}
.graybox h4 {
    margin: 0;
}

.greenbox {
    background: #c4d82e;
    color: #fff;
    position:absolute;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    padding:0;
    display:table
}
.greenbox > div {
    vertical-align:middle;
    display:table-cell
}
.greenbox img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.greenbox h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 140%;
    margin: 0;
    display: block;
}
.greenbox p {
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
    margin: 0;
}



/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:9999; }
#status { z-index:28; position:absolute; color:#fff !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.box-parent { position:relative; height:100%; width:100%; display:table; z-index:11 }
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
#preloader .child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.box-parent .child { padding-top:30px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body {  font-size: 14px; color:#555; background:#fff; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing: antialiased; }

strong { font-weight:600; color:#555; }
a, a * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a, a:hover, a:focus { color:#555; text-decoration:none; outline: 0; }
a:hover { color:#2b2b2b }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; text-rendering: optimizeLegibility; outline: 0; }
*:focus, *:after:focus, *:before:focus { outline: 0; }

p { line-height:1.5; padding:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position:relative;}
a { text-decoration:none; }
p a { color:#888; text-decoration:underline; }
p a:hover { color:#2b2b2b; text-decoration:underline; }
a p { color:#555; text-decoration:none; }
em { font-style:italic; }

.teaser a p { color:#888; text-decoration:underline; }
a:hover p { color:#2b2b2b; }
p.small a { color:#888; text-decoration:none; position:relative }
p.small { font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888 !important; letter-spacing:2px; padding-left:2px; text-decoration:none !important; }

.twitter-feed-inner .user { display: block; margin-bottom: 10px; font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888 !important; letter-spacing:2px; padding-left:2px; text-decoration:none !important; }

#preloader p.small { color:#fff !important; padding:0 !important }
.stats p { font-size:120%; text-align:center; text-decoration:none !important; color:#555 !important; padding-bottom:0; margin-bottom:0; font-style:italic; }
.larger-text p { padding-bottom:9px; }
.larger-text p.small { padding-top:2px; }
p.date { font-size:13px; }
span.line-through { text-decoration:line-through; }

blockquote { border:0; color:#888; font-style:italic; position:relative; margin:50px 0 10px; text-align:center !important; }
.larger-text blockquote { float:left; width:35%; padding:10px 30px; }
blockquote p { line-height:1.25; font-size:19px !important; padding:0 !important }
blockquote::before { content:"“”" !important; position:absolute; display:block; font-size:40px; left:50%; top:-35px; font-weight:600; width:70px; margin-left:-35px; color:#555; letter-spacing:0.1em; }
blockquote p.name { font-style:normal; color:#555; letter-spacing:0; font-weight:600; font-size:13px !important; margin-top:5px; position:relative; }

.button {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px; line-height:1; font-size:14px; display:inline-block; margin-bottom:10px; }
.button:hover { background:rgba(0,0,0,0.1);}

.labjegyzet {font-size:15px; color:white !important; letter-spacing:2px; text-decoration:none !important;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; margin:0; margin-top:40px; margin-bottom:0px; text-align:center; font-size:0; }
h1#logo a { display:inline-block; background:url(../images/HarmasPont.png) center no-repeat; background-size:293px 148px; width:293px; height:148px; text-indent:-9999px; }
.tagline { text-align:center; margin-bottom:20px; margin-top:-5px; position:relative;  }
.tagline p.small { font-size:12px !important; padding:0 15px; display:inline-block; text-transform:none; }
.tagline p.small span { background:#fff; z-index:1; position:relative; padding:0 5px 0 7px; }
.tagline p.small::before { border-bottom:1px solid #888; height:1px; content:""; width:100%; position:absolute; top:50%; left:0; }

.year, h1, h2, h3, h4, h5, h6, h4 span.small, h5 span.small { line-height:1.3; color:#2b2b2b; position:relative; display:inline-block; font-weight:400; color: white;}
span.small { padding-left:2px; }
h1, .year, .tweet-icon { font-size:60px; line-height:1.2; letter-spacing:-3px; }
.year { margin-top:-10px; }
h2 { font-size:44px; line-height:1.2; letter-spacing:-2px; }
h2 strong { letter-spacing:-1px; }
h3 { font-size:24px; line-height:31px; }
h4 { font-size:20px; line-height:27px; }
h5 { font-size:17px; padding:0 15px;}
h6 { font-size:14px; color:#888; padding:0 15px; letter-spacing:1px; }
h6::before { border-bottom:1px solid #888; height:1px; content:""; width:100%; position:absolute; top:50%; left:0; }
h6 span { background:#000; z-index:1; position:relative; padding:0 5px 0 6px; }

.header { margin-top:-2px !important; }
.lone-header { margin-top:-10px; }
.grey-bg-large h2 { max-width:60%; display:inline-block }
/* End Headings
--------------------------------------------------------------------------------------------------------*/
.szoveg { padding:15px; background-color: #444847; opacity: .8;}
.szoveg2 { color: #fff;}
/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { float:left; font-size:14px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor:pointer; margin-top:16px; margin-bottom:16px; display:none; z-index:145; }
#nav-button { display:inline-block; width:16px; margin:0; margin-left:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle; }
.nav-bar { background-color:#FFFACD; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#main-nav ul#options { float:left; margin:0; margin-left:9px; }
#main-nav ul#options li { display:inline-block; padding-right:22px; }
/* Nav menu szoveg*/
#main-nav a { text-decoration: none; font-size:11px; text-transform:uppercase; font-weight:400; color:#C0C0C0; letter-spacing:2px; padding:18px 0 21px 0; display:block}
/*1-- menu--*/
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #A2C628; }
#main-nav ul#options li .sub-nav { position:absolute; background:#00753b; margin-left:-15px; }
#main-nav ul#options li .sub-nav > li { display:block; border-top:1px solid #d8d8d8; padding-right:0 }
#main-nav ul#options li .sub-nav > li > a { font-size:10px; padding: 13px 15px 14px 15px; display:block; line-height:1;  }
#main-nav ul#options li .sub-nav > li > a:hover { background:#f5f5f5; }

.menu-open #nav-button span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.menu-open #nav-button span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu-open #nav-button span:nth-child(3) { display: none; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:fixed; z-index:155; width:100%; -webkit-transform: translateZ(0); background:#444847; opacity: .9;     box-shadow: 0px 3px 8px #000;}
#content { position:relative; width: 100%;padding-top:60px; top: 0px; background:#607070;background-image: url("../images/backimage1.jpg");background-repeat: no-repeat;background-position: center top; background-size:100%;}
.container { padding:0px; position:relative; padding-top:10px; padding-bottom:10px; margin:0 auto; }
header .container, footer .container { padding:0; margin:0 auto; }
/* #container { margin-left:10px; padding-top:30px; }*/
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.rectangle {  text-align:center; float:left; }
.col1-1.rectangle, .col1-2.rectangle, .col-half.rectangle { width:290px; }
.col2-2.rectangle, .col2-1.rectangle { width:580px; }
.col-full.rectangle { width:290px; }
.col3.rectangle { width:870px; height:auto; margin-bottom:10px; }
.col4.rectangle { width:1160px; height:auto; margin-bottom:10px; }
.auto { height:auto !important; margin-bottom:10px; }

.padding-wrapper { position:relative; height:calc(100% - 10px); width:calc(100% - 10px); overflow:hidden; }
/*-- hatter - */
.grey-bg { background:#c4d82e; position:absolute; left:0; bottom:0; height:auto; min-height:55%; width:100%; padding:11%; }
.teaser .grey-bg { padding-bottom:calc(11% + 35px); }
.grey-bg.no-padding { padding:0 }
.grey-bg2 { background:#fff; padding:12%; }
.full-height { height:100%; }

.grey-bg-large { background:#fff; position:relative; width:100%; padding:8%; }
.larger-text { text-align:left; padding-top:20px; }

.contains-rectangles { padding:10px 0; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:20px; width:100%; }
.borderline { background:#d8d8d8; height:1px; width:100%; display:block; margin:15px 0 10px; position:relative }
.stats { border-top:1px solid #d8d8d8; background:#f5f5f5; width:100%; display:block; margin:10px 0 0px; position:absolute; padding:1px 11% 2px; bottom:0; left:0; }

.grey-bg-large .stats { border-top:1px dotted #eee; position:relative; left:auto; bottom:auto; padding:12px 0 0; margin-top:25px; }
.grey-bg-large .stats .alignleft { padding-top:2px; }
.left-to-avatar { text-align:left !important; padding-left:140px; }
.centralizer { display: table-cell; vertical-align: middle; }

table { table-layout:fixed; border-bottom:1px solid #ddd; margin-top:20px; }
thead, th.heading { color:#2b2b2b; font-weight:400; font-size:16px; }
.final-price { font-weight:600; }
table th, table td { vertical-align:middle !important; }
table a, table a:hover { text-decoration:underline; }
table i.fa { color:#555 !important; }
table i.fa:hover { color:#2b2b2b !important; }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.social-list { padding-bottom:10px; padding-top:10px; margin:0; cursor:default; font-size:0; }
header .social-list { padding:0; position:relative; top:18px; margin-right:2px; z-index:145; }
.stats .social-list { padding:0; }
.left-to-avatar .social-list { padding-bottom:0; }
.social-list li { display:inline-block; padding:0 5px; }
.stats .social-list li { padding:1px 0 0 10px; }

.social-list.alignleft li, .left-to-avatar .social-list li { padding:0 10px 0 0 }
.left-to-avatar .social-list li { padding:0 10px 0 0 }
.sidebar .social-list li { padding:0 5px; }

.social-list li a i { color:#fff; font-size:16px; margin:0; }
.social-list.big li a i { color:#fff; font-size:22px; }
.social-list li a:hover i { color:#fff; }


.social-list li.shopping-cart { border-left:1px solid #d8d8d8; margin-left:10px; padding-left:10px; }
.social-list li span { font-size:10px; position:relative; top:-5px; margin-left:3px;}

h5 i.fa { position:relative; top:-1px; }
i.fa { margin-right:3px; color:#2b2b2b }
p i.fa, .button i.fa { color:#555; font-size:11px !important; }
a:hover i.fa { color:#2b2b2b; }
a:hover .stats i.fa { color:#555; }

.circled { border:1px solid #d8d8d8; border-radius:51%; width:42px; height:42px; display:table; margin:0 auto; text-align:center; margin-bottom:5px }
.circled:hover { background:#f5f5f5; }
.circled i.fa { vertical-align:middle; display:table-cell; font-size:18px; }

.icons { height:30px; width:30px; margin:0 auto; margin-bottom:15px; float:none; opacity:0.85; }
.icons.winner { background:url(../images/icons/trophy.png) no-repeat center; background-size:30px 30px; }
.icons.like { background:url(../images/icons/thumbs-up-2.png) center no-repeat; background-size:30px 30px; }
.icons.register { background:url(../images/icons/register-machine.png) center no-repeat; background-size:30px 30px; }
.icons.tripod { background:url(../images/icons/ikea_logo.png) center no-repeat; background-size:30px 30px; }
.icons.camera { background:url(../images/icons/camera-4.png) center no-repeat; background-size:30px 30px; }
.icons.user { background:url(../images/icons/camera-user.png) center no-repeat; background-size:30px 30px; }
.icons.pencil { background:url(../images/icons/pencil-ruler.png) center no-repeat; background-size:30px 30px; }
.icons.vector { background:url(../images/icons/vector-line-curve.png) center no-repeat; background-size:30px 30px; }
.icons.home { background:url(../images/icons/home-4.png) center no-repeat; background-size:30px 30px; }
.icons.television { background:url(../images/icons/television.png) center no-repeat; background-size:30px 30px; }
.icons.building { background:url(../images/icons/building-7.png) center no-repeat; background-size:30px 30px; }

.icons.big { height:36px; width:36px; }
.icons.design { background:url(../images/icons/design-mug.png) center no-repeat; background-size:36px 36px; }
.icons.diamond { background:url(../images/icons/diamond-ring.png) center no-repeat; background-size:36px 36px; }
.icons.movie { background:url(../images/icons/movie-clapboard.png) center no-repeat; background-size:36px 36px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Images
--------------------------------------------------------------------------------------------------------*/
img { width:100%; display: block; max-width: 100%; z-index:9; -webkit-box-shadow:#fff 0 0 0; box-shadow: #fff 0 0 0;  }
.imagest {width:30px; height: 30px; top: 10px; left:10px; padding:0px; margin:0px; position:fixed;};
.round img, .avatar img { border:0 none; border-radius:50%; }
.col1-1 .avatar img { width:80px; height:80px; display:inline-block; margin-bottom:20px; }
.sidebar .avatar { margin-top:10px; }
.col1-2 .avatar img, .col2-2 .avatar img, .col3 .avatar img { width:110px; height:110px; }
.col3 .avatar { float:left; margin-right:30px; }

.images { display:block; position:relative; opacity:1; }
a:hover .images { opacity:0.6; }

.background-imageTamas { background:url(../images/Tamas.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image1	{ background:url(../images/konyha1.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image2	{ background:url(../images/konyha2.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image3	{ background:url(../images/konyha3.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image4	{ background:url(../images/konyha4.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image5	{ background:url(../images/konyha5.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image6	{ background:url(../images/konyha6.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image7	{ background:url(../images/szimi_8.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image8	{ background:url(../images/konyha8.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image9	{ background:url(../images/konyha9.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image10	{ background:url(../images/konyha10.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image11	{ background:url(../images/konyha11.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image12	{ background:url(../images/konyha12.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image13	{ background:url(../images/konyha13.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image14	{ background:url(../images/konyha14.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image15	{ background:url(../images/konyha15.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image16	{ background:url(../images/konyha16.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image17	{ background:url(../images/konyha17.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image18	{ background:url(../images/konyha18.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image19	{ background:url(../images/konyha19.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image20	{ background:url(../images/konyha20.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image21	{ background:url(../images/konyha21.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image22	{ background:url(../images/konyha22.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image23	{ background:url(../images/konyha23.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image24	{ background:url(../images/konyha24.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image25	{ background:url(../images/konyha25.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image26	{ background:url(../images/konyha26.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image27	{ background:url(../images/konyha27.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image28	{ background:url(../images/konyha28.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image1	{ background:url(../images/szimi_1.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image2	{ background:url(../images/szimi_2.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image3	{ background:url(../images/szimi_3.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image4	{ background:url(../images/szimi_4.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image5	{ background:url(../images/szimi_5.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image6	{ background:url(../images/szimi_6.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image7	{ background:url(../images/szimi_7.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.szimi-image8	{ background:url(../images/szimi_8.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }

.images.alignleft { width:40%; margin:7px 30px 17px 0; z-index:1; position:relative }

.videos { width:1140px; height:650px; border:0;}
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.musicWrapper { position:relative; height:auto; margin-bottom:-6px; }
.musicWrapper iframe { width:100%; height:auto; }

.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; z-index:19; display:block; padding:11%; }

.info-box-content { height:100%; width:100%; }
.info-box-content .parent { height:100%; width:100%; }
.info-box-content .child { vertical-align:middle;}

.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4  { color:#fff !important; border-bottom:0px solid rgba(255,255,255,1); margin:4px; opacity:0; }
/*.covering-image h4::after { content:""; border-bottom:1px solid rgba(255,255,255,1); position:absolute; left:0; bottom:1px; height:1px; width:100%; }*/

.covering-image h4 .underline { background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
 -webkit-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
  -o-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
   -ms-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
background-size:.05em 1px,.05em 1px,1px 1px;background-repeat:no-repeat,no-repeat,repeat-x;background-position:0 90%,90% 90%,0 90% }

.covering-image p.small { border:0; }
a:hover .covering-image h4 { opacity:1; }
a:hover .covering-image p { opacity:0.7 !important; }

.left-corner { width:13px; height:13px; position:absolute; left:35px; top:35px; border-left:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.right-corner { width:13px; height:13px; position:absolute; right:35px; top:35px; border-right:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.left-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
.right-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
a:hover .left-corner, a:hover .right-corner, a:hover .left-corner.bottom, a:hover .right-corner.bottom { opacity:1; }

.hidden-content { opacity:0; }
a:hover .hidden-content { opacity:1; }
span.child  { font-size: 18px;}


.child h1 { line-height:1; margin-top:0; }

.image-caption { position:absolute; right:35px; top:35px; background:#fff; z-index:99; padding:7px 10px; color:#2b2b2b; font-size:12px; }
.image-caption i.fa {position:relative; top:-1px }
/* End Images
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { min-height:105px; margin:0px; padding:21px 0px 19px; border-top:1px solid rgba(0,0,0,0.05); width:100%; position:relative; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); text-align:center;background-color:#a2c528; }
footer .container { padding:0 9px; }
footer p { color:#fff; font-size:12px; padding:0; border:0; text-decoration:none }
footer p a { color:#888; }
footer p a:hover { color:#fff; }
span.padding { padding:0 3px 0 3px; }
footer .social-list { margin-left:20px; padding:0; padding-top:2px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul, ol { list-style:outside none disc; line-height:1.5; padding:0px 0px 10px 30px; font-size: 14px; }
ol { list-style:outside none decimal; }
.child ul.unordered-list, .child .hentry ul, .child ol { list-style:inside none disc; padding:0px 0px 10px 0px; }
.child ol { list-style:inside none decimal; padding:0px 0px 10px 0px; }

ul.unordered-list li, ol li { padding-bottom:7px; }
ul.unordered-list li:last-child, ol li:last-child { padding-bottom:0px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:underline; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; text-decoration:underline; }

ul.tag-list { list-style: none; line-height:1.5; padding:0px 0px 0px 0px; text-align:center; font-size:0; }
ul.tag-list li { display:inline-block }
ul.tag-list li a { background:none; width:auto; height:auto; border:1px solid #d8d8d8; padding: 8px 12px 10px; margin: 10px 5px 0px 5px; font-size:12px; line-height:1; display: inline-block; color:#555; border-radius:3px; }
ul.tag-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.tag-list li a:hover { color:#2b2b2b; background:#f5f5f5;  }

ul.category-list { list-style: none; line-height:1.5; padding:10px 0px 0px 0px; text-align:center; font-size:0; margin-bottom:0; }
ul.category-list li { display:block }
ul.category-list li a { background:none; width:100%; height:auto; border-top:1px dotted rgba(0,0,0,0.1); padding: 12px 12px 15px; margin:0; font-size:14px; line-height:1; display: block; color:#555; }
ul.category-list li:last-child a { border-bottom:1px dotted rgba(0,0,0,0.1); }
ul.category-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.category-list li a:hover { color:#2b2b2b;}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =13. Blog
--------------------------------------------------------------------------------------------------------*/
.comment { padding: 40px 0 35px 0; border-top: 1px dotted #eee; position:relative; text-align:left }
.comment.reply.level-1 { padding-left: 6.6%; }
.commenter-avatar { float: left; padding: 0 30px 30px 0; width:auto; }
.commenter-avatar > img { width: 55px; height:55px; border-radius:51%; }
.comment-content { float: left; width:calc(100% - 85px); }
.comment-content h5 { margin-top:-5px; }
p.time { font-size:12px; font-style:italic; color:#888; }
.comment-reply-button-column { position:absolute; right:0; top:40px; width: auto; }
.comment-reply-button-column a { margin:5px 0px 0px 0px; font-size:9px; border-radius:30px; background:rgba(0,0,0,0.05); padding:9px 23px 11px; line-height:1; display:inline-block; text-transform:uppercase; font-weight:400; letter-spacing:2px; }
.comment-reply-button-column a:hover { background:rgba(0,0,0,0.1); }
.comment-form-wrapper { padding: 39px 0 0px 0; position: relative; border-top: 1px dotted #eee; }
.comment-form-icon-wrapper { position: relative; display: block; height: 55px; width: 55px; border:0 none; border:1px solid #d8d8d8; cursor:pointer; border-radius:51%; float:left; margin-right:30px; background:url(../images/icons/upload-4.png) center no-repeat; background-size:24px 24px; }
.comment-form { text-align:left; padding-left:85px; width:100%; }
.comment-form.contact-form input { float:left; margin-right:10px; }
input.last { margin-right:0 !important }
.comment-form > textarea { width: 100%; height: 174px; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/



/* =14. Prices
--------------------------------------------------------------------------------------------------------*/
p.price { font-size:48px; color:#2b2b2b; letter-spacing:-1px; font-weight:400; margin:20px 0px; padding:0; line-height:1; }
p.price span { font-size:16px; color:#555; display:inline-block; padding-top:10px; padding-right:5px; font-weight:400; vertical-align:top }
p.price span.recurrance { vertical-align:bottom; position:relative; top:-10px; letter-spacing:0; padding:0; padding-left:5px; }
/* =End Prices
--------------------------------------------------------------------------------------------------------*/