/*
Theme Name: Falur.sk
Theme URI: http://www.falur.sk
Author: ANDA s.r.o. - Roman Debnár
Author URI: http://www.falur.sk/
Description: Responzívna téma od ANDA s.r.o.
Version: 1.0
License: Len pre jedno použitie
License URI: http://www.falur.sk
*/


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	outline: none
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	text-decoration: none
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

a:focus {color: #fff}



/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Roboto', sans-serif; font-weight: 300;
	font-size: 16px;
	font-size: 1.5rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

p {
	margin-bottom: 1.6em;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: 'Roboto', sans-serif; font-weight: 300;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

::-webkit-input-placeholder {color: rgba(101, 101, 101, 0.5); font-family: 'Roboto', sans-serif; font-weight: 300; }
:-moz-placeholder {color: rgba(101, 101, 101, 0.5); font-family: 'Roboto', sans-serif; font-weight: 300; }
::-moz-placeholder {color: rgba(101, 101, 101, 0.5); font-family: 'Roboto', sans-serif; font-weight: 300;  opacity: 1;}
:-ms-input-placeholder {color: rgba(101, 101, 101, 0.5); font-family: 'Roboto', sans-serif; font-weight: 300; }

.typed-cursor {opacity: 1; -webkit-animation: blink 1.1s infinite; -moz-animation: blink 1.1s infinite; animation: blink 1.1s infinite;}
@keyframes blink {0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes blink {0% { opacity:1;} 50% { opacity:0; } 100% { opacity:1; }}
@-moz-keyframes blink {0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}

hr {width: 100px; margin: 3em auto; color: #000; border-color: #eee; border-width: 3px;}

.clear {clear: both}
.container {position: relative}
.shaddow {-webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);}
.pattern {background: rgba(0,0,0,.2); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0}

.fullwidth {width: 100%}
.cursor {cursor: not-allowed}

html,body {height: 100%; -webkit-font-smoothing: antialiased}
body {background: #fff; color: #333; font-size: 15px}

body a {color: #fff; text-decoration: none;}
body a:hover {color: #fff; text-decoration: underline;}
body a, body a.mainButton span {-webkit-transition-duration: .5s; transition-duration: .5s;}

.ajaxContent {width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; background: rgba(53,40,25,.93); z-index: 110; display: none; padding: 5% 0}
.ajaxContent .display {background: #fff; margin: 0 auto; float: none; height: 100%; max-height: 1000px !important; max-width: 1000px !important}

.ajaxContent .bx-controls {position: absolute; top: 0; z-index: 100; width: 100%; height: 100%}
.ajaxContent .bx-controls .bx-pager {position: absolute; bottom: 10px; width: 100%}
.ajaxContent .ajaxText {color: #999; font-size: 15px; line-height: 18px;}
.ajaxContent .ajaxText h2, .ajaxContent .ajaxText h3 {color: #403022; font-weight: bold; font-size: 15px; margin: 20px 0 10px}
.ajaxContent .ajaxText li {list-style-type: disc;}
.ajaxContent .ajaxText ul {margin-left: 22px}
.ajaxContent .closing {position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; line-height: 27px; border-radius: 20px; background: #0caea4; text-align: center; font-weight: bold; color: #fff; z-index: 100}
.ajaxContent .closing:hover {text-decoration: none; background: #000}

.ajaxContent .buttons a {margin-top: 10px;}
.ajaxContent .bx-pager {display: none}
.ajaxContent .ajaxInputText {width: 100%; padding: 10px; border: 1px #a39284 solid; color: #a39284; margin-bottom: 20px}
.ajaxContent .ajaxInputTextarea {width: 100%; padding: 10px; border: 1px #a39284 solid; color: #a39284; margin-bottom: 20px; height: 200px;}
.ajaxContent .formContent {margin-top: 30px}

.fullImg {width: 100%; height: 100%; background-size: cover !important}
.fullImg img {width: 100%; height: auto}
.border-radius-15 {border-radius: 15px}

.marginTop0 {margin-top: 0px !important}
.marginTop2 {margin-top: 2px !important}
.marginTop3 {margin-top: 3px !important}
.marginTop10 {margin-top: 10px !important}
.marginTop20 {margin-top: 20px !important}
.marginTop30 {margin-top: 30px !important}

.marginBottom20 {margin-top: 20px !important}

.hideResponziveMax {display: none;}
.noUnderline {text-decoration: none !important}

.bx-wrapper {margin: 0 !important}

/* LIGHTBOX */
.lightbox {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000000; background: rgba(255,255,255,0.8); display: none;}
.lightbox .lWrapper {width: 400px; height: 460px; position: absolute; top: 50%; left: 50%; margin-top: -230px; margin-left: -200px; background: #fff; padding: 25px; text-align: center; position: relative; box-shadow: 0 0 50px #f27380; border-radius: 5px}
.lightbox .lWrapper input {border-radius: 5px; border: 1px #f27380 solid; font-weight: 300; background: #fff; box-shadow: inherit; color: #000}
.lightbox .lWrapper .lBox h2 {font-size: 18px; text-align: left; color: #000; font-weight: 300; padding: 65px 25px 25px 25px; margin: -25px -25px 0; text-transform: uppercase; text-align: center}
.lightbox .lWrapper .lBox .lBoxBody {margin-left: -25px; margin-right: -25px; padding: 10px 25px}
.lightbox .lWrapper .lBox .rowLogin {padding: 10px 0;}
.lightbox .lWrapper .lBox img {padding-left: 70px; padding-right: 70px; width: auto; height: 60px; margin-top: 20px}
.lightbox .button.buttonLogin {background: #f27380; border: 0; padding: 15px; font-size: 18px; font-weight: 300; position: relative; color: #fff; text-transform: uppercase; text-shadow: inherit; border-radius: 5px; width: 100%}
.lightbox .button.buttonLogin:hover {background: #000}
.lightbox .closeIt {background: #fff; color: #f27380; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px #f27380 solid;}
.lightbox .closeIt:hover {color: #fff; background: #f27380}
.lightbox .lLogin {display: none; height: 440px}

/* CUSTOM DESIGN FALUR.SK */
.button {color: #fff; font-family: 'Roboto', serif; font-weight: 300; background: #6c5b7b; border: 1px #6c5b7b solid; padding: 5px 30px; display: inline-block; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; z-index: 2}
.buttonNo {background: transparent; border: 0; padding: inherit;}
.button:hover {color: #fff; background: #000; border-color: #000; text-decoration: none}

.mainButton {font-size: 30px; margin-top: 50px; opacity: 0; margin-right: 2px; position: relative; display: inline-block; font-size: 28px;}
.mainButton span {color: #fff; font-family: 'Roboto', serif; font-weight: 300; background: #f67280; border: 1px #f67280 solid; padding: 10px 30px; text-align: center; border-radius: 5px; cursor: pointer; z-index: 2; display: block; -webkit-box-shadow: -11px 17px 69px 1px rgba(0,0,0,0.32); -moz-box-shadow: -11px 17px 69px 1px rgba(0,0,0,0.32); box-shadow: -11px 17px 69px 1px rgba(0,0,0,0.32);}
.mainButton:hover {text-decoration: none}
.mainButton:hover span {color: #fff; background: #000; border-color: #000;}

.button.buttonMenu {background: #592a14; border-color: #592a14; color: #fff}
.button.active {background: #241b13; border-color: #241b13; color: #fff}
.button.active:hover {color: #fff}

.buttonWhite {background: #fff; color: #2b3d83; border: #fff}
.buttonFull {width: 100%}

.button.buttonRes {text-decoration: none !important}

.back:before {content: ''; border-left: 1px #666 dotted; display: inline-block; height: 11px; position: relative; top: 1px; margin-left: 10px; margin-right: 10px}

h2 {color: #000; font-size: 40px; margin-bottom: 20px; font-family: 'Roboto', serif; font-weight: 200}
h3 {color: #000; font-size: 30px; margin-bottom: 10px; font-family: 'Roboto', serif; font-weight: 200}
h4 {color: #000; font-size: 20px; margin-bottom: 10px; font-family: 'Roboto', serif; font-weight: 200}

/* HEADER */
.mainMenu {position: fixed; top: 0; z-index: 201; margin-top: 0; width: 100%; height: 100px; background: #fff;} /**/
.mainMenu.loggedMenu {top: 32px;}
.mainMenu .menuWrapper {width: 100%; z-index: 2; height: 100%; position: relative;}
.mainMenu .menuWrapper .container {padding: 0}
.mainMenu.scrolled {background-color: #000; -webkit-box-shadow: 0px 5px 21px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 21px -12px rgba(0,0,0,0.75); box-shadow: 0px 5px 21px -12px rgba(0,0,0,0.75);}

.logoContainer {position: absolute; text-align: left; width: 100%; margin: 20px 0}
	.logoContainer .logoWrapper {margin-top: 0px; overflow: hidden; display: inline-block; z-index: 3; position: relative}
	.logoContainer .logoWrapper img {width: auto; height: 60px}

/* MENU */
.navbarWrapper {width: 100%; height: 100%; margin: 30px 0}
	.navbarWrapper .menu-item a {height: 100%; color: #000; padding: 9px 5px; font-size: 18px; border-bottom: 1px #fff solid; font-weight: 300; margin-left: 0px; display: inline-block;}
	.scrolled .navbarWrapper .menu-item a {color: #fff; border-color: #000}
	.navbarWrapper .menu-item a span {padding: 0px 10px; display: block; border-radius: 3px}
	.navbarWrapper .menu-item a.clicked {font-weight: 500}
	.navbarWrapper .menu-item a:hover, .navbarWrapper .menu-item a:focus {background: none; border-bottom: 1px #000 solid; cursor: pointer}
	.scrolled .navbarWrapper .menu-item a:hover, .scrolled .navbarWrapper .menu-item a:focus {border-color: #fff}
	.navbarWrapper .menu-hlavne-menu-container {float: none}
	.navbarWrapper .navbar-nav {float: right}
	.navbarWrapper .navbar-nav>li {float: none; display: inline-block}

	.navbarWrapper .navbar-header {margin-top: 0;}
	.navbarWrapper .navbar-toggle {border-color: #000; background: #000; margin-top: 1px; padding: 14px 10px; border-radius: 3px; top: -20px}
	.navbarWrapper .navbar-toggle .icon-bar {background-color: #fff}
	.navbarWrapper .navbar-toggle.collapsed {border-color: #000; background: #fff}
	.navbarWrapper .navbar-toggle.collapsed .icon-bar {background-color: #000}

/* BODY */
.page_container {margin-top: 100px; padding: 0;}
.page_container ul, .page_container ol {margin-bottom: 1.5em; margin-left: 25px}
.page_container ul {list-style: circle;}
.page_container ol {list-style: decimal-leading-zero;}
.page_container p.float-left img {float: left; margin: 0 10px 10px 0}
.page_container p.float-right img {float: left; margin: 0 0 10px 10px}
.page_container p.float-left:after, .page_container p.float-right:after {content: ' '; display: block; width: 100%; clear: both;}

.page_container .wp-block-image, .page_container .wp-block-image img {height: auto;}

.page_container .wp-block-quote {border-left: 3px #000 solid; padding: 0 20px}
.page_container .wp-block-quote p {margin-bottom: .3em}

.page_container .wp-block-table {margin-bottom: 1.5em}
.page_container .wp-block-table tr td {border-bottom: 1px #eee solid; font-size: 14px}
.page_container .wp-block-table tr:first-child td {border-bottom: 2px #ddd solid; font-size: 18px;}

.page_container .wp-block-column i {width: 70px; height: 70px; border-radius: 100%; display: inline-block; border: 1px #eee solid; text-align: center; font-size: 30px; line-height: 70px}

.page_container .wp-block-column {padding-left: 15px; padding-right: 15px}
.page_container .has-2-columns .wp-block-column:first-child,
.page_container .has-3-columns .wp-block-column:first-child,
.page_container .has-4-columns .wp-block-column:first-child,
.page_container .has-5-columns .wp-block-column:first-child,
.page_container .has-6-columns .wp-block-column:first-child
	{padding-left: 0}
.page_container .has-2-columns .wp-block-column:last-child,
.page_container .has-3-columns .wp-block-column:last-child,
.page_container .has-4-columns .wp-block-column:last-child,
.page_container .has-5-columns .wp-block-column:last-child,
.page_container .has-6-columns .wp-block-column:last-child
	{padding-right: 0}


.page_container .full_container {padding: 0 15px}
.page_container .full_container .wp-block-columns,
.page_container .full_container .wp-block-cover-image,
.page_container .full_container h1,
.page_container .full_container h2,
.page_container .full_container h3,
.page_container .full_container h4,
.page_container .full_container blockquote,
.page_container .full_container p,
.page_container .full_container .wp-block-table
{width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto;}

.page_container .full_container .full-width {max-width: inherit !important;}
.page_container .full_container h1.full-width,
.page_container .full_container h2.full-width,
.page_container .full_container h3.full-width,
.page_container .full_container h4.full-width
 {padding-left: 30px; padding-right: 30px}

.page_container input {width: 100%}
.page_container textarea {width: 100%; height: 100px; resize: none; border: 1px #ddd solid;}
.wpcf7-form p {margin-bottom: 5px}

/* FOOTER */
.footerWrapper {width: 100%; min-height: 90%; position: relative; z-index: 2; background: #f27380; overflow: hidden;}
	.footerWrapper .container {height: 100%; color: #fff; font-weight: 300; font-size: 36px; line-height: 48px; padding: 110px 15px; background-position: 0 290px; background-repeat: no-repeat;}
	.footerWrapper .container h2 {color: #fff; font-weight: 100; font-size: 48px;}
	.footerWrapper .container h3 {color: #fff; font-weight: 100; font-size: 24px; margin-top: -10px; margin-bottom: 30px; padding-left: 40%; line-height: 30px}
	.footerWrapper .container .item {float: right; margin-top: 70px}
	.footerWrapper .container .item h2 {font-size: 30px; margin-bottom: 17px}
	.footerWrapper .container .item p {font-size: 20px; line-height: 30px}
	.footerWrapper .container .item p i {margin-left: 5px}

	.footerWrapper .autor {height: 70px; position: absolute; bottom: 0; width: 100%}
		.footerWrapper .autor .container {height: auto; padding: 0 15px; font-size: 16px; line-height: 70px; position: relative}
		.footerWrapper .autor .container a { cursor: pointer}
		.footerWrapper .autor .container a img {position: relative; top: -4px; margin-left: 5px}
		.footerWrapper .autor .container a:hover {text-decoration: none}


/* RESPONZIVE */
@media (max-width: 1200px) {
	.page-template-home-page-fullsize .mainMenu .container {width: 100%; padding: 0 30px}
	.page_container .full_container {padding: 0 30px}

	.page_container .full_container h1.full-width,
	.page_container .full_container h2.full-width,
	.page_container .full_container h3.full-width,
	.page_container .full_container h4.full-width
	 {padding-left: 0px; padding-right: 0px}


	.navbarWrapper {width: 100%; margin: 40px 0;}
	.navbarWrapper .navbar-collapse {position: absolute; top: 230px; width: 30%; left: 50%; margin-left: -15%;}
	.navbarWrapper .navbar-collapse .navbar-nav>li {display: block; width: 100%; text-align: center}
	.navbarWrapper .navbar-collapse .menu-item:after, .navbarWrapper .navbar-collapse .menu-item:before {display: none}
	.navbarWrapper .navbar-collapse {background: #f67280; border: 0; margin-top: 30px; z-index: 2; position: absolute}
	.navbarWrapper .navbar-collapse {overflow: inherit}
	.navbarWrapper .navbar-collapse .menu-item {margin-left: 0}
	.navbarWrapper .navbar-collapse .menu-item a {height: auto; color: #fff !important; line-height: normal; padding: 0 45px; -webkit-transition-duration: 0s; transition-duration: 0s; border: 0 !important}
	.navbarWrapper .navbar-collapse .menu-item a:hover {color: #0d3709; background: none; font-weight: 300; border: 0}
	.navbarWrapper .menu-item a:hover, .navbarWrapper .menu-item a:focus {border-width: 0}
	.navbarWrapper .menu-item a.loginButton:hover, .navbarWrapper .menu-item a.loginButton:focus {border: 1px #fff solid;}
	.navbarWrapper .navbar-nav {float: none; margin-top: 10px !important; margin-bottom: 10px}

	.navbarWrapper .navbar-nav:after {margin-bottom: 20px; margin-top: 10px}
	.navbarWrapper .navbar-header {float: inherit; margin-right: 15px; margin-top: 5px}
	.navbarWrapper .menu-hlavne-menu-container {float: none; width: 100%}
	.navbarWrapper .menu-hlavne-menu-container .menu-item a span {padding: 0}
	.navbarWrapper .lang {display: none}
	.navbarWrapper .basket {position: fixed; float: none; right: 80px; top: 0;}

	.navbar-toggle {display: block; margin-right: 0}
	.navbar-nav, .navbar-nav>li {float: none}
	.navbar-nav li:first-child {border-top: 0}
	.nav>li {border-top: 0px rgba(255,255,255,.3) solid;}
	.nav>li>a {padding: 13px 0px !important; color: #000 !important; font-size: 20px !important; font-weight: 300 !important; text-transform: uppercase !important; margin-left: 0 !important; display: block !important}
	.nav>li>a:focus, .nav>li>a:hover {background: inherit}

	.navbarWrapper .navbar-nav .sub-menu {position: relative; display: block;}
	.navbarWrapper .navbar-nav .sub-menu li {float: none}
	.navbarWrapper .navbar-nav .sub-menu:before {display: none}
	.navbarWrapper .navbar-collapse.in .sub-menu .menu-item a {padding: 0; padding-left: 10px}
}

@media (max-width: 991px) {
	.footerWrapper .container {background-size: 50%}
	.navbarWrapper .navbar-collapse {width: 60%; margin-left: -30%}
}

@media (max-width: 1200px) and (min-width: 768px) {
	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.collapse.in {display: block !important;}
}

@media (max-width: 768px) {
	.navbarWrapper {bottom: 0}
	.footerWrapper .container h3 {padding-left: 10%}

	.navbarWrapper .navbar-nav {padding: 0 15px}
}

@media (max-width: 600px) {
	.footerWrapper .container {background-size: 0}
	.mainMenu .menuWrapper {z-index: 100}
	.navbarWrapper .navbar-collapse {width: 90%; margin-left: -45%}

	.mainMenu {height: 90px !important;}
	.logoContainer {margin: 15px 0}


	.navbarWrapper .navbar-header {margin-right: 15px !important;}
	.navbarWrapper .navbar-toggle {top: -25px}
	.navbarWrapper .navbar-collapse {top: 80px}

	.footerWrapper .autor .container {text-align: left}

	.navbarWrapper .navbar-nav {padding: 0 15px}

	@media (min-height: 700px) {
		.mainButton {margin-top: 210px}
	}
}