/*
Theme Name: Perfect 2018
Theme URI: 
Description: 
Version: 1.0
Author: Michal Gajek
Author URI: http://www.perfect3dstudio.com

*/

@font-face {
    font-family: 'montserratblack';
    src: url('fonts/montserrat-black-webfont.eot');
    src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff'),
         url('fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.eot');
    src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextralight';
    src: url('fonts/montserrat-extralight-webfont.eot');
    src: url('fonts/montserrat-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extralight-webfont.woff') format('woff'),
         url('fonts/montserrat-extralight-webfont.ttf') format('truetype'),
         url('fonts/montserrat-extralight-webfont.svg#montserratextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.eot');
    src: url('fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff'),
         url('fonts/montserrat-medium-webfont.ttf') format('truetype'),
         url('fonts/montserrat-medium-webfont.svg#montserratmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratthin';
    src: url('fonts/montserrat-thin-webfont.eot');
    src: url('fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thin-webfont.woff') format('woff'),
         url('fonts/montserrat-thin-webfont.ttf') format('truetype'),
         url('fonts/montserrat-thin-webfont.svg#montserratthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 
{
	border: 0;
    font-family: 'montserratregular',sans-serif;
	font-weight: normal;
    font-size: 16px;
    line-height: 25px;
	color: #333f48;
	padding: 0;
	margin: 0;
	background: #f6f6f6;
	cursor: default;
	/*background: url(img/bg.png);*/
	/*-webkit-box-shadow: inset 0px 600px 245px -200px rgba(227,192,173,0.4);
	   -moz-box-shadow: inset 0px 600px 245px -200px rgba(227,192,173,0.4);
            box-shadow: inset 0px 600px 245px -200px rgba(227,192,173,0.4);*/
}

body, html 
{
	height: 100%;
}

::-moz-selection 
{
    color: #ffffff;
    background: #006ec7;
}

::selection 
{
    color: #ffffff; 
    background: #006ec7;
}

*
{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

img
{
	border: none;
}

/*=== top ===
#header
{
	position: fixed;
	z-index: 1000;
	left: 0px;
	width: 100%;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}
*/

#bg
{/*
	height: 100%;
    width: 100%;
	overflow: hidden;
	*/
}

#bg:after 
{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgb(0 0 0 / 28%);
    z-index: -100;
	opacity: 0;
}

#bg.search-active:after 
{
    z-index: 10000;
	opacity: 1;
}

#header
{
	z-index: 1000;
	position: fixed;
	float: left;
	left: 0px;
	width: 15%;
    height: 100%;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

#header.intro
{
	width: 50%;
}

#shop-header-top
{
    z-index: 10;
    position: fixed;
    left: 0px;
    width: 100%;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

#main
{
	z-index: 1;
    position: relative;
	cursor: default;
    /*height: 100%;*/
    /*overflow: hidden;*/
    float: right;
    /*width: 85%;*/
    width: 100%;
}

#main.intro
{
    width: 50%;
}

body.woocommerce-page #main
{
	padding-top: 70px;
}

.cleared
{
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

/*
.spinner 
{
    position: fixed;
    z-index: 1333f480;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0px 0px;
}

.spinner-inner
{
    width: 100%;
    height: 100%;
    background: url(img/logo_1.png) center center no-repeat #ffffff;
	background-size: 200px;
}

.spinner-inner .one
{
    background: url(img/bg_logo.png) center center no-repeat;
    width: 1200px;
    height: 1200px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -600px;
    animation: rotate 10s infinite;
    background-size: 100%;
    opacity: 0.05
}
*/

#spinner
{
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    background: url(img/logo_3.png) no-repeat center center #006ec7;
	transition: 0.8s 0.2s;
	background-size: 174px;
}

#spinner #progress
{
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	width: 0;
	top: 0px;
}

#spinner #progress:before
{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #ffffff;
    bottom: 10px;
}

#spinner #progstat
{
    font-family: 'montserratsemibold',sans-serif;
	font-size: 18px;
	position: absolute;
	bottom: 14px;
	width: 100%;
	text-align: right;
	color: #ffffff;
	z-index: 1;
	padding-right: 10px;
}

.wp-video 
{
    margin: 0 auto;
}

@keyframes rotate 
{
	from 
		{
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			 -o-transform: rotate(0deg);
				transform: rotate(0deg);
		}
	to 
		{
		-webkit-transform: rotate(360deg);
		   -moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			 -o-transform: rotate(360deg);
				transform: rotate(360deg);
		}
}

.art-top
{
    position: absolute;
    /* position: relative; */
    /* height: 440px; */
    width: 100%;
    height: 100%;
    /* top: 0px; */
    /* text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);*/
}

.art-top .art-margin
{
    height: 100%;
    -webkit-box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 55%);
       -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.55);
            box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 55%);
}

.art-top-rest
{
	position: relative;
    height: 200px;
    /*text-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
}

body.search.woocommerce .art-top-rest
{
	display: none;
}

.art-top-rest .art-margin
{
    -webkit-box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 55%);
       -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.55);
            box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 55%);
}

.art-top-rest.no-fixed-img
{
	height: auto;
}

.art-rest
{
    position: relative;
	/*overflow: hidden;*/
	/*padding: 150px 0px 0px 0px;*/
    /*width: 85%;*/
	/*margin-left: 15%;*/
	/*height: 100%;*/
}

body.home .art-rest
{/*
    position: absolute;
    top: 100%;
    width: 100%;
	*/
}


#down,
.down
{
	position: absolute;
	top: 0px;
}

.down-cell
{
	position: absolute;
    margin-top: -100px;
}

.art-content
{
	position: relative;
	overflow: hidden;
    /*height: 100%;*/
    /*overflow-x: scroll;*/
}

.art-content.width-50-left,
.art-content.width-50-right
{
	width: 50%;
}

.art-content.width-50-left
{
	float: left;
}

.art-content.width-50-right
{
	float: right;
}

.art-content-inner
{
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.art-polecane-woo .art-content-inner,
.art-promocje-woo .art-content-inner,
.woo-shop .art-content-inner
{
    display: block;
}

.art-margin
{
	padding: 0px 0px;
    margin: 0 auto;
	height: 100%;
	/*background: #ffffff;*/
}

.art-margin-in
{
	height: 100%;
}

.art-margin-header
{
    height: 100%;
    width: 100%;
}

#header .art-margin-header
{
	background: url('img/bg_intro.jpg') top center no-repeat #ffffff;
	background-size: cover;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 25%);
       -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
            box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 25%);
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

#shop-header-top .art-margin-header
{
	background: #ffffff;
    /*padding-left: 15%;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 25%);
       -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
            box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 25%);
}

#shop-header-top.intro .art-margin-header
{
    padding-left: 50%;
}

.art-inner-header
{
	padding: 0px 15px;

}

#header .art-inner-header
{
	/*overflow-y: scroll;*/
	height: 100%;
}

#shop-header-top .art-slogan
{
    float: left;
    margin: 24px 0px;
    font-family: 'montserratsemibold',sans-serif;
    font-size: 20px;
    line-height: 22px;
	color: #006ec7;
	padding-left: 18px;
}

#shop-header-top.rest .art-slogan 
{
    border-left: 1px solid #dfdfdf;
    padding-left: 25px;
}

#shop-header-top .art-inner-header
{
	padding: 25px 15px;
	float: right;
}

#shop-header-top .nav-top
{
    float: left;
    color: #333f48;
    font-size: 12px;
    line-height: 20px;
    padding: 0px 10px;
}

#shop-header-top .nav-top+.nav-top
{
    border-left: 1px solid #dfdfdf;
}

#shop-header-top .nav-top a
{
	color: #006ec7;
	text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0);
	font-family: 'montserratbold',sans-serif;
    font-size: 14px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

#shop-header-top .nav-top a:hover
{
    border-bottom: 1px solid #006ec7;
}

.art-main
{
	position: relative;
    width: 100%;
    display: table-cell;
}

.art-polecane-woo .art-main,
.art-promocje-woo .art-main,
.woo-shop .art-main
{
	display: block;
}

.no-fixed-img .art-main
{
    position: absolute;
    top: 0px;
    height: 100%;
    display: table;
}

.art-main.width-100
{
    position: inherit;
}

.art-top-rest .art-main
{
    /*padding-top: 100px;*/
}

.woocommerce-page .art-top-rest .art-main
{
    padding-top: 0px;
}

.art-main-img
{
    position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	text-align: center;
}

.no-fixed-img .art-main-img
{
    position: relative;
}

.no-fixed-img .art-main-img img
{
    display: block;
    margin: 0 auto;
	max-width: 100%
}

.art-main-inner
{
    position: relative;
    margin: 0 auto;
    /*width: 1180px;*/
	z-index: 10;
    /*max-width: 1400px;*/
    max-width: 99%;
}

.width-50-left .art-main-inner,
.width-50-right .art-main-inner
{
    width: 590px;
}

.width-50-left .art-main-inner
{
	margin-right: 0px;
}

.width-50-right .art-main-inner
{
	margin-left: 0px;
}

.no-fixed-img .art-main-inner
{
	display: table-cell;
}

.no-fixed-img .align-middle .art-main-inner
{
    vertical-align: middle;
}

.no-fixed-img .align-top .art-main-inner
{
    vertical-align: top;
}

.no-fixed-img .align-bottom .art-main-inner
{
    vertical-align: bottom;
}
/*
.art-top .art-main-inner,
.art-top-rest .art-main-inner
{
    width: 1020px;
}
*/
.width-100 .art-main-inner 
{
    width: 84%;
    position: initial;
}

.cell-100 .art-main-inner,
.cell-80 .art-main-inner,
.cell-75 .art-main-inner,
.cell-70 .art-main-inner,
.cell-67 .art-main-inner,
.cell-50 .art-main-inner,
.cell-33 .art-main-inner,
.cell-30 .art-main-inner,
.cell-25 .art-main-inner,
.cell-20 .art-main-inner
{
    width: auto;
}

.art-main-padding
{
    padding-top: 110px;
    padding-bottom: 110px;
}

body.woocommerce-page .woo .art-main-padding
{
    padding-top: 25px;
    padding-bottom: 25px;
}

.art-content.woo.disable .art-main-padding
{
	min-height: 400px;
}

.kontakt .art-main-padding
{
    padding-bottom: 0px;
}

.no-fixed-img .art-main-padding
{
    width: 1020px;
    margin: 0 auto;
}

.art-main-padding.padding-0
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.art-main-padding.padding-content
{
    padding-top: 0px;
    padding-bottom: 0px;
}

#header .art-main-padding
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.cell-100,
.cell-80,
.cell-75,
.cell-70,
.cell-67,
.cell-50,
.cell-33,
.cell-30,
.cell-25,
.cell-20
{
	float: left;
	padding: 0px 15px;
}

.cell-100
{
	width: 100%;
}

.cell-80
{
	width: 80%;
}

.cell-75
{
	width: 75%;
}

.cell-70
{
	width: 70%;
}

.cell-67
{
	width: 66.6667%;
}

.cell-50
{
	width: 50%;
}

.cell-33
{
	width: 33.3333%;
}

.cell-30
{
	width: 30%;
}

.cell-25
{
	width: 25%;
}

.cell-20
{
	width: 20%;
}

.padding-0 .cell-100,
.padding-0 .cell-80,
.padding-0 .cell-75,
.padding-0 .cell-70,
.padding-0 .cell-67,
.padding-0 .cell-50,
.padding-0 .cell-33,
.padding-0 .cell-30,
.padding-0 .cell-25,
.padding-0 .cell-20
{
	padding: 0px 0px;
}

.art-postcontent
{
	position: relative;
}

.align-top
{
    vertical-align: top;
    display: table-cell;
}

.align-middle 
{
    vertical-align: middle;
    display: table-cell;
}

.align-bottom
{
    vertical-align: bottom;
    display: table-cell;
}

.bg-color
{
	background: #12662b;
}

.bg-white
{
	background: #ffffff;
}

.bg-dark
{
	background: #f6f6f6;
}

.bg-dark-2
{
	background: #e1e1e1;
}

.bg-trans-1
{
	background: transparent;
}

.bg-trans-2
{
	background: rgb(0 0 0 / 45%);
}

.bg-trans-3
{
	background: rgba(255,255,255,0.3);
}

.bg-filtr
{
    background: url('img/bg_trans.png');
}

.art-content-img
{
	position: absolute;
	width: 100%;
	height: 100%;
    background-size: cover;
	padding: 0px;
	margin: 0px;
	display: block;
}

.art-content-img-fixed
{
	width: 100%;
	height: 100%;
    background-size: cover;
	padding: 0px;
	margin: 0px;
	display: block;
}

.art-content-img-single
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
	background-position: center center;
}

video 
{
    /*position: absolute;*/
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.to-down
{
	position: absolute;
	margin-top: -50px;
}

/* ========================= Logo ========================= */

.art-logo
{
	/*float: left;*/
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 55px 0px 55px 0px;
    width: 100%;
	max-width: 174px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

#shop-header-top .art-logo
{
	/*display: none;*/
    float: left;
    padding: 11px 25px;
	max-width: 195px;
}

#shop-header-top.intro .art-logo
{
	display: none;
}

/*
.fixed .art-logo
{
    width: 145px;
    padding: 11px 0px;
}
*/
.art-logo a
{
    display: inline-block;
	float: left;
    background: rgba(0,0,0,0);
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}
/*
.fixed .art-logo a
{
    background: url('img/logo_4.png') top left no-repeat;
    background-size: 100%;
}
*/
.art-logo h1
{
    display: none;
}

.art-logo img
{
    width: 100%;
    height: auto;
	float: left;
}
/*
.fixed .art-logo img
{
	opacity: 0;
}
*/

/* ======================= Menu top ======================= */

.art-menu
{
    /*float: right;*/
    /*margin-right: 0px;*/
    border-top: 1px solid #e4e4e4;
    padding-top: 25px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

ul.art-hmenu, 
ul.art-hmenu ul
{
	margin: 0px 0px;
	padding: 0;
	list-style-type: none;
	position: relative;
	min-height: 0;
}

ul.art-hmenu ul:before 
{
    position: absolute;
    content: '';
    width: 80px;
    height: 14px;
    background: url(img/button_menu_1.png) no-repeat center center;
    top: -14px;
    left: 50%;
    margin-left: -40px;
}

ul.art-hmenu:after,
ul.art-hmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

ul.art-hmenu li
{
	margin: 0px 0px;
	position: relative;
	z-index: 5;
	text-align: center;
	/*float: left;*/
	padding: 6px 0px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
	width: auto;
}

ul.art-hmenu li.hide
{
	display: none;
}

.fixed ul.art-hmenu li
{
	/*padding: 30px 30px;*/
}

ul.art-vmenu>li
{
    display: inline-block;
}

ul.art-hmenu li:hover>ul 
{
   visibility: visible;
   opacity: 1;
}

ul.art-hmenu li li:hover>ul 
{
   top: 0;
   left: 100%;
}

ul.art-hmenu>li>a
{
	font-family: 'montserratbold',sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	color: #333f48;
	padding: 0px;
	line-height: 20px;
	font-size: 16px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}
/*
.fixed ul.art-hmenu>li>a
{
	color: #333f48;
}
*/
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li>a.active:hover,
ul.art-hmenu>li>a.active,
ul.art-hmenu>li.current-menu-item>a
{
	color: #006ec7;
}

ul.art-hmenu>li.big
{
	padding: 10px 0px;
}
/*
.fixed ul.art-hmenu>li.big
{
	padding: 24px 20px;
}
*/
ul.art-hmenu>li.big>a,
ul.art-hmenu-2>li.big>a,
ul.art-hmenu-2>li.big.current-menu-item>a
{
	padding: 10px 40px 10px 40px;
	color: #ffffff!important;
	letter-spacing: 1px;
    display: inline-block;
    -webkit-box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
       -moz-box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
            box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
    background: rgba(18,102,43,1);
}

ul.art-hmenu>li.big>a:hover,
ul.art-hmenu-2>li.big>a:hover
{
    -webkit-box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
       -moz-box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
            box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
	background: rgba(0,0,0,1);
}

/* ------------------- begin MenuSubItem --------------------*/

ul.art-hmenu ul
{
	/*display: none;*/
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 10;
    left: -25px;
	padding: 0px;
	margin: 0px;
    margin-left: -150%;
	opacity: 0;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

ul.art-hmenu li li,
.fixed ul.art-hmenu li li
{
	float: none;
	width: auto;
	display: block;
	padding: 0px 0px;
	margin: 0px;
}

ul.art-hmenu ul a
{
	display: block;
	white-space: nowrap;
	height: 41px;
	line-height: 41px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	margin: 0;
	padding: 0px 40px 0px 40px;
	text-transform: uppercase;
    background: url('img/button_more_1.png') 20px center no-repeat #12662b;
	-webkit-transition: 0.1s ease-out;
	   -moz-transition: 0.1s ease-out;
	     -o-transition: 0.1s ease-out;
	    -ms-transition: 0.1s ease-out;
	        transition: 0.1s ease-out;
}

ul.art-hmenu ul li.active a,
ul.art-hmenu ul li a:hover,
ul.art-hmenu ul li.current-menu-item a
{
    background: url('img/button_more_1.png') 20px center no-repeat #333f48;
}


/* ======================== Language ======================= */

.art-language 
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: 20px;
    top: 6px;
	z-index: 10;
    -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out;
        -o-transition: 0.2s ease-out;
       -ms-transition: 0.2s ease-out;
           transition: 0.2s ease-out;
}

.fixed .art-language 
{
    top: -20px;
}

.art-language-mobile 
{
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.art-language li,
.art-language-mobile li
{
    position: relative;
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}

.art-language li:last-child,
.art-language-mobile li:last-child
{
    padding-right: 0px;
}

.art-language li:after,
.art-language-mobile li:after 
{
    position: absolute;
    content: '';
    top: 8px;
    right: 2px;
    background: #ffffff;
    width: 1px;
    height: 10px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
}

.art-language li:last-child:after,
.art-language-mobile li:last-child:after 
{
	display: none;
}

.art-language li a,
.art-language-mobile li a
{
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.fixed .art-language li a,
.art-language-mobile li a
{
    color: #333f48;
}

.fixed .art-language li:after,
.art-language-mobile li:after 
{
    background: #333f48;
}

.art-language li a:hover,
.art-language-mobile li a:hover,
.art-language li.current-lang a,
.art-language-mobile li.current-lang a
{
    color: #12662b;
}

/* ===================== Menu Mobile ======================= */

#header-mobile
{
	display: none;
}

#header-mobile:before
{
	position: fixed;
    content: '';
    background: rgb(0 0 0 / 80%);
    width: 100%;
    height: 100%;
    z-index: 100;
	visibility: hidden;
    opacity: 0;
	top: 0px;
    left: 0px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.open-menu #header-mobile:before 
{
	visibility: visible;
    opacity: 1;
}
	
.art-menu-mobile-button
{
    position: fixed;
	margin-top: 7px;
    right: 10px;
	z-index: 1000;
	cursor: pointer;
	height: 50px;
	width: 50px;
	/*border: 1px solid #333f48;*/
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}
/*
.fixed .art-menu-mobile-button
{
	margin-top: 23px;
	border: 1px solid #12662b;
}

.open-menu .art-menu-mobile-button
{
	border: 1px solid #ffffff;
}
*/
.art-menu-mobile-button:before
{
	position: absolute;
	content:'';
	height: 100%;
	width: 100%;
    background: url('img/menu_mobile_1.png') center center no-repeat;
	background-size: 55%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
}
/*
.fixed .art-menu-mobile-button:before
{
    background: url('img/menu_mobile_1.png') center center no-repeat;
	background-size: 50%;
}
*/
.open-menu .art-menu-mobile-button:before
{
	background: url('img/button_close_2.png') center center no-repeat;
	background-size: 45%;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
			transform: rotate(180deg);
}

.art-menu-mobile
{
	position: fixed;
	z-index: 100;
	background: #006ec7;
	-webkit-transition: left 0.2s ease-in-out;
	   -moz-transition: left 0.2s ease-in-out;
		-ms-transition: left 0.2s ease-in-out;
		 -o-transition: left 0.2s ease-in-out;
			transition: left 0.2s ease-in-out;
}
/*
.art-menu-mobile:before
{
    position: absolute;
    content: '';
    height: 100%;
    background: url(img/bg_logo.png) top center no-repeat;
    top: 50%;
    left: 0px;
    width: 100%;
    background-size: cover;
    opacity: 0.1;
}
*/
.open-menu .art-menu-mobile
{
	left: 0%;
}

.art-menu-mobile .inner
{
	position: relative;
    /*padding: 80px 20px 35px 20px;*/
    height: 100%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
    display: table;
    width: 100%;
}

.art-menu-mobile .inner-in
{
    /*overflow-y: scroll;
    height: 100%;
	*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/*
.fixed .art-menu-mobile .inner 
{
    padding: 100px 20px 50px 20px;
}
*/

.art-menu-mobile .inner-in .nav-top
{
	color: #fff;
    font-size: 15px;
}

.art-menu-mobile .inner-in .nav-top a
{
    color: #fff;
	text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0);
	font-family: 'montserratbold',sans-serif;
	font-size: 20px;
	line-height: 36px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.art-menu-mobile .inner-in .nav-top a:hover
{
    border-bottom: 1px solid #ffffff;
}

.menu-menu-top-en-container,
.menu-menu-top-pl-container,
.menu-menu-top-de-container,
.menu-menu-top-container
{
    padding: 60px 0px 25px 0px;
}

.art-menu-mobile .menu-menu-top-en-container,
.art-menu-mobile .menu-menu-top-pl-container,
.art-menu-mobile .menu-menu-top-de-container,
.art-menu-mobile .menu-menu-top-container
{
	float: none;
}

ul.art-hmenu-2
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.art-hmenu-2 li
{
    text-align: center;
	padding: 5px 0px
}

ul.art-hmenu-2 li.hide
{
	display: none;
}

ul.art-hmenu-2 li a
{
	font-family: 'montserratbold',sans-serif;
    color: #333f48;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
	line-height: 20px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

ul.art-hmenu-2 li.active a,
ul.art-hmenu-2 li a:hover,
ul.art-hmenu-2 li.current-menu-item a
{
    color: #006ec7;
}

ul.art-hmenu-2 ul
{
	margin: 0px;
    padding: 0px 10px;
    list-style: none;
}

ul.art-hmenu-2 ul li
{
	padding: 0px 0px;
    line-height: 22px
}

ul.art-hmenu-2 ul li a,
ul.art-hmenu-2 li.active ul li a,
ul.art-hmenu-2 li.current-menu-item ul li a
{
    color: #ffffff;
    font-size: 12px;
    border-bottom: 1px solid rgba(0,0,0,0);
	text-transform: initial;
    font-family: 'montserratregular',sans-serif;
    line-height: 20px;
}

ul.art-hmenu-2 li.active ul li.active a,
ul.art-hmenu-2 li ul li a:hover,
ul.art-hmenu-2 li ul li.current-menu-item a
{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

ul.art-hmenu-2 ul li:last-child a
{
    border-bottom: none;
}

/* ========================== Slideshow ======================= */

.swiper-container
{
    height: 100%;
}

.woocommerce .swiper-container
{
    padding-bottom: 40px;
}

.swiper-container .swiper-slide
{
    /*opacity: 0 !important;*/
    /*height: auto;*/
}

.swiper-container .swiper-slide.swiper-slide-active
{
    /*opacity: 1 !important;*/
}

.swiper-container.mySwiper1 .swiper-slide
{
    opacity: 0 !important;
    /*height: auto;*/
}

.swiper-container.mySwiper1 .swiper-slide.swiper-slide-active
{
    opacity: 1 !important;
}

.swiper-container .art-content-inner 
{
    height: 100% !important;
}

/* -------------- button -------------- */

.swiper-container .swiper-button 
{
	position: absolute;
    top: 50%;
    width: 100%;
    left: 0%;
	display: none;
}

.art-top .swiper-container .swiper-button 
{
	display: none;
}

.swiper-container .swiper-button-next, 
.swiper-container .swiper-button-prev 
{
    position: absolute;
    width: 70px;
    height: 70px;
	margin-top: -35px;
    z-index: 10;
    cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.swiper-container .swiper-button-prev 
{
    left: 50px;
}

.swiper-container.swiper-products-recomend .swiper-button-prev 
{
    left: -50px;
}

.swiper-container .swiper-button-next 
{
    right: 50px;
}

.swiper-container.swiper-products-recomend .swiper-button-next 
{
    right: -50px;
}


.swiper-container .swiper-button-prev:hover
{
	background-position: 20% 50%;
	opacity: 1;
}

.swiper-container .swiper-button-next:hover
{
	background-position: 80% 50%;
	opacity: 1;
}

.swiper-container .nav-white .swiper-button-prev 
{
	background-image: url('img/button_slide_1_prev.png');
}

.swiper-container .nav-white .swiper-button-next 
{
	background-image: url('img/button_slide_1_next.png');
}

.swiper-container .nav-dark .swiper-button-prev 
{
	background-image: url('img/button_slide_2_prev.png');
}

.swiper-container .nav-dark .swiper-button-next 
{
	background-image: url('img/button_slide_2_next.png');
}

.swiper-container .nav-color .swiper-button-prev 
{
	background-image: url('img/button_slide_3_prev.png');
}

.swiper-container .nav-color .swiper-button-next 
{
	background-image: url('img/button_slide_3_next.png');
}

/* -------------- pagination -------------- */

.swiper-container .swiper-pagination-bg
{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.art-top .swiper-container .swiper-pagination-bg
{
	display: none;
}

.swiper-container .swiper-pagination-bg .art-main-padding
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.swiper-container .swiper-pagination
{
	margin: 0px -10px;
    text-align: center;
}

.swiper-container .swiper-pagination-bg span.swiper-pagination-bullet
{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0px 10px;
    cursor: pointer;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;
}

.swiper-container .swiper-pagination-bg.nav-white span.swiper-pagination-bullet
{
	background: #ffffff;
}

.swiper-container .swiper-pagination-bg.nav-dark span.swiper-pagination-bullet
{
	background: #333f48;
}

.swiper-container .swiper-pagination-bg.nav-color span.swiper-pagination-bullet
{
	background: #12662b;
}

.swiper-container .swiper-pagination-bg span.swiper-pagination-bullet
{
	/*background: url('img/button_slide.png') left center no-repeat;*/
	opacity: 0.5;
}

.swiper-container .swiper-pagination-bg span.swiper-pagination-bullet.swiper-pagination-bullet-active
{
	/*background: url('img/button_slide.png') right center no-repeat;*/
	opacity: 1;
}

/* -------------- scroll down -------------- */

.swiper-container .swiper-down
{
	/*display: none;*/
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
}

.swiper-container .swiper-down .art-main-padding
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.swiper-container a.scroll-down 
{
    display: inline-block;
	width: 41px;
    height: 95px;
	background: url('img/button_down.png') center center no-repeat;
	background-size: 85%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}
/*
.swiper-container a.scroll-down:hover
{
	background: url('img/button_down.png') center center no-repeat;
}
*/
/*============================ Tabs =========================*/

.naglowek .art-main-padding
{
	padding-bottom: 30px;
}

.tab-top .tab
{
	display: table;
    margin: 0 auto;
	padding-top: 30px;
}

.tab-left .tab
{
	padding-top: 30px;
}

.tab-right .tab
{
	padding-top: 30px;
}

.tab button
{
	float: left;
	font-family: 'montserratsemibold',sans-serif;
	display: inline-block;
	font-weight: normal;
    position: relative;
    padding: 17px 22px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
	border: none;
	cursor: pointer;
    color: #333f48;
    background: rgba(0,0,0,0);
	font-size: 18px;
	line-height: 20px;
	outline: none;
	margin: 1px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
       -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
            box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.tab-left .tab button,
.tab-right .tab button
{
	float: none;
}

.tab button:hover,
.tab button.active
{
    color: #ffffff;
    background: #12662b;
}

.tabcontent
{
	display: none;
	animation: fadeEffect 1s;
}

.tabcontent .art-main-padding
{
    padding-top: 40px;
}

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

/*============================ Breadcrumb =========================*/

.breadcrumb,
.woocommerce-breadcrumb
{
	position: relative;
    text-decoration: none;
    font-size: 13px;
	margin-bottom: 10px;
    color: #006ec7;
}
/*
.text-white .breadcrumb,
.text-white .woocommerce-breadcrumb
{
    color: #12662b;
}

.text-dark .breadcrumb,
.text-dark .woocommerce-breadcrumb
{
    color: #12662b;
}
*/
.breadcrumb a,
.woocommerce-breadcrumb a
{
    color: #333f48;
	text-decoration: none;
 	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.breadcrumb a:hover,
.woocommerce-breadcrumb a:hover
{
	color: #006ec7 !important;
	text-decoration: none;
}

/*
.text-white .breadcrumb a,
.text-white .woocommerce-breadcrumb a
{
    color: #ffffff !important;
}

.text-dark .breadcrumb a,
.text-dark .woocommerce-breadcrumb a
{
    color: #333f48 !important;
}

.text-white .breadcrumb a:hover,
.text-white .woocommerce-breadcrumb a:hover
{
	color: #006ec7 !important;
	text-decoration: none;
}

.text-dark .breadcrumb a:hover,
.text-dark .woocommerce-breadcrumb a:hover
{
	color: #006ec7 !important;
	text-decoration: none;
}

.text-white .breadcrumb a:hover:before,
.text-white .woocommerce-breadcrumb a:hover:before 
{
    background: #12662b;
}

.text-dark .breadcrumb a:hover:before,
.text-dark .woocommerce-breadcrumb a:hover:before 
{
    background: #333f48;
}
*/
.breadcrumb-pad
{
    display: inline-block;
    text-align: center;
	width: 20px;
	color: #333f48;
}

.text-white .breadcrumb-pad
{
	color: #ffffff;
}

.text-dark .breadcrumb-pad
{
	color: #333f48;
}


/* =========================== Menu rest ========================== */

@media (min-width: 568px)
{
	.menu-top-bg
	{
		margin: 0 auto !important;
		position: relative;
		padding-top: 10px !important;
		margin-left: -10px !important;
	}
	.menu-top
	{
		margin: 0px !important;
		display: inline-block;
	}
	.menu-top li 
	{
		float: left;
		width: 145px;
		height: 145px;
		padding: 0px !important;
		margin: 10px !important;
		display: table;
		text-align: center;
		overflow: hidden;
		-webkit-border-radius: 20px;
		   -moz-border-radius: 20px;
				border-radius: 20px;
	}
	.menu-top li a 
	{
		font-family: 'montserratmedium',sans-serif;
		font-size: 16px;
		line-height: 20px;
		display: table-cell;
		vertical-align: middle;
		color: #ffffff !important;
		padding: 0px 10px;
		-webkit-box-shadow: inset 49px 49px 100px -25px #006ec7;
		   -moz-box-shadow: inset 49px 49px 100px -25px #006ec7;
		        box-shadow: inset 49px 49px 100px -25px #006ec7;
	}
	.menu-top li a:before
	{
		display: none;
	}
	.menu-top li a:hover
	{
		-webkit-box-shadow: inset -49px -49px 100px 25px #006ec7;
		   -moz-box-shadow: inset -49px -49px 100px 25px #006ec7;
				box-shadow: inset -49px -49px 100px 25px #006ec7;
	}
}

@media (max-width: 567px)
{
	.menu-top li 
	{
		display: block;
	}
	.menu-top li:last-child
	{
		padding-right: 0px !important;
		margin-right: 0px !important;
	}
	.menu-top li:after
	{
		display: none;
		position: absolute;
		content: '';
		top: 6px;
		right: -2px;
		background: #ffffff;
		width: 2px;
		height: 13px;
		-webkit-transform: rotate(20deg);
		   -moz-transform: rotate(20deg);
			-ms-transform: rotate(20deg);
			 -o-transform: rotate(20deg);
				transform: rotate(20deg);
	}
	.menu-top li:last-child:after 
	{
		display: none;
	}
	.menu-top li a {
		font-family: 'montserratmedium',sans-serif;
		font-size: 18px;
	}
}

/*
.menu-top li 
{
    display: block;
}

.menu-top li:last-child 
{
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.menu-top li:after 
{
	display: none;
    position: absolute;
    content: '';
    top: 6px;
    right: -2px;
    background: #ffffff;
    width: 2px;
    height: 13px;
    -webkit-transform: rotate(20deg);
       -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
         -o-transform: rotate(20deg);
            transform: rotate(20deg);
}

.menu-top li:last-child:after 
{
	display: none;
}

.menu-top li a 
{
	font-family: 'montserratmedium',sans-serif;
    font-size: 18px;
}
*/
/* ============================ Content =========================== */

.art-top-rest .art-main-padding
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.art-postcontent.text-small
{
	font-size: 14px;
    line-height: 20px;
}

.art-postcontent.text-normal
{
	font-size: 15px;
    line-height: 24px;
}

.art-postcontent.text-big
{
	font-size: 17px;
    line-height: 24px;
}

.art-postcontent.text-white
{
	color: #ffffff;
}

.art-postcontent.text-dark
{
	color: #333f48;
}

.art-postcontent.text-color
{
	color: #12662b;
}

.art-postcontent.align-right
{
	text-align: right;
}

.art-postcontent.align-left
{
	text-align: left;
}

.art-postcontent.align-center
{
	text-align: center;
}

.art-postcontent.align-justify
{
	text-align: justify;
}

.art-postcontent hr 
{
	border: none;
	height: 1px;
	background: #cccccc;
}

.art-postcontent p
{
	margin: 0px;
    margin-bottom: 15px;
}

.art-postcontent blockquote
{
	background: url(img/blockquote.png) top left no-repeat;
    background-size: 50px;
    padding: 40px;
    margin: 10px 0px;
    display: inline-block;
	font-style: italic;
}

.art-postcontent h1,
.art-top .art-postcontent h1,
.art-top-rest .art-postcontent span
{
	display: block;
    font-family: 'montserratbold',sans-serif;
	font-weight: normal;
    margin: 0px;
    padding: 0px;
	padding-bottom: 20px;
    margin-bottom: 20px;
	position: relative;
}

.art-top .art-postcontent h1,
.art-top-rest .art-postcontent h1,
.art-top-rest .art-postcontent span
{
    text-transform: uppercase;
}

.art-postcontent h1:after,
.art-top-rest .art-postcontent span:after
{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0px;
}

.art-postcontent.text-small h1,
.art-postcontent.text-normal h1,
.art-postcontent.text-big h1
{
    font-size: 28px;
    line-height: 36px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.art-top .art-postcontent.text-big h1,
.art-top-rest .art-postcontent.text-big h1,
.art-top-rest .art-postcontent.text-big span
{
    font-size: 65px;
	line-height: 75px;
}

.art-top-rest .art-postcontent.text-big .slogan h1
{
    font-family: 'montserratregular',sans-serif;
    font-size: 23px;
    line-height: 28px;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 0px;
	text-transform: initial;
}

.art-top-rest .art-postcontent.text-big .slogan h1:after
{
	display: none;
}

.art-postcontent.head-text-white h1,
.art-top-rest .art-postcontent.head-text-white span
{
	color: #ffffff;
}

.art-postcontent.head-text-white h1:after,
.art-top-rest .art-postcontent.head-text-white span:after
{
	background: #ffffff;
}

.art-postcontent.head-text-dark h1,
.art-top-rest .art-postcontent.head-text-dark span
{
	color: #333f48;
}

.art-postcontent.head-text-dark h1:after,
.art-top-rest .art-postcontent.head-text-dark span:after
{
	background: #dfdfdf;
}

.art-postcontent.head-text-color h1,
.art-top-rest .art-postcontent.head-text-color span
{
	color: #12662b;
}

.art-postcontent.head-text-color h1:after,
.art-top-rest .art-postcontent.head-text-color span:after
{
	background: #12662b;
}

.art-postcontent h1.align-right:after,
.art-postcontent.align-right h1:after,
.art-top-rest .art-postcontent.align-right span:after
{
    right: 0px;
}

.art-postcontent h1.align-left:after,
.art-postcontent.align-left h1:after,
.art-top-rest .art-postcontent.align-left span:after
{
    left: 0px;
}

.art-postcontent h1.align-center:after,
.art-postcontent.align-center h1:after,
.art-top-rest .art-postcontent.align-center span:after
{
    left: 50%;
	margin-left: -100px;
    width: 200px;
}

.art-postcontent h1.align-justify:after,
.art-postcontent.align-justify h1:after,
.art-top-rest .art-postcontent.align-justify span:after
{
    left: 50%;
	margin-left: -100px;
    width: 200px;
}

.woocommerce .art-postcontent h1.product_title
{/*
	padding-bottom: 30px;
    margin-bottom: 35px;
	*/
	display: none;
}

.art-postcontent h2
{
    font-family: 'montserratbold',sans-serif;
    margin: 0px;
	font-size: 36px;
    line-height: 42px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	position: relative;
}

.art-postcontent h2:after
{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0px;
}

.art-postcontent h2 em
{
    font-family: 'montserratsemibold',sans-serif;
    color: rgb(210 180 143 / 30%);
    font-size: 45px;
    line-height: 50px;
    font-style: normal;
    margin-bottom: -45px;
    display: block;
    margin-top: 0px;
}

.art-postcontent.text-small h2
{
    font-size: 24px;
    line-height: 32px;
}

.art-postcontent.text-normal h2
{
    font-size: 24px;
    line-height: 32px;
}

.art-postcontent.text-big h2
{
    font-family: 'montserratbold',sans-serif;
	font-size: 40px;
    line-height: 48px;
}

.art-top .art-postcontent.text-big h2
{
    font-family: 'montserratbold',sans-serif;
    font-size: 75px;
    line-height: 70px;
}

.art-top-rest .art-postcontent.text-big h2
{
    font-family: 'montserratbold',sans-serif;
	font-size: 65px;
    line-height: 75px;
}

.art-postcontent.text-white h2,
.art-postcontent.text-white h3
{
	color: #ffffff;
}

.art-postcontent.text-dark h2,
.art-postcontent.text-dark h3
{
	color: #333f48;
}

.art-postcontent.text-color h2,
.art-postcontent.text-color h3
{
	color: #12662b;
}

.art-postcontent.head-text-white h2
{
	color: #ffffff;
}

.art-postcontent.head-text-white h2:after
{
	background: #ffffff;
}

.art-postcontent.head-text-dark h2
{
	color: #333f48;
}

.art-postcontent.head-text-dark h2:after
{
	background: #dfdfdf;
}

.art-postcontent.head-text-color h2
{
	color: #12662b;
}

.art-postcontent.head-text-color h2:after
{
	background: #12662b;
}

.art-postcontent.align-right h2:after,
.art-postcontent h2.align-right:after
{
    right: 0px;
}

.art-postcontent.align-left h2:after,
.art-postcontent h2.align-left:after
{
    left: 0px;
}

.art-postcontent.align-center h2:after,
.art-postcontent h2.align-center:after
{
    left: 50%;
	margin-left: -100px;
    width: 200px;
}

.art-postcontent.align-justify h2:after,
.art-postcontent h2.align-justify:after
{
    left: 50%;
	margin-left: -100px;
    width: 200px;
}

.art-postcontent h3
{
    font-family: 'montserratbold',sans-serif;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 20px;
}

.art-postcontent.text-small h3
{
    font-family: 'montserratsemibold',sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.art-postcontent.text-normal h3
{
	font-family: 'montserratsemibold',sans-serif;
	font-size: 18px;
	line-height: 25px;
}

.art-postcontent.text-big h3
{
    font-family: 'montserratsemibold',sans-serif;
    font-size: 21px;
    line-height: 28px;
}

.art-top .art-postcontent h3
{
    font-size: 32px;
    line-height: 42px;
}

.art-postcontent h4
{
    font-family: 'montserratbold',sans-serif;
    font-weight: normal;
	margin: 0px;
    font-size: 21px;
    line-height: 28px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.art-top .art-postcontent h4,
.art-top-rest .art-postcontent h4
{
    font-family: 'montserratregular',sans-serif;
    font-size: 23px;
    line-height: 28px;
}

.art-postcontent h5,
.art-postcontent h6
{
    font-family: 'montserratbold',sans-serif;
    font-weight: normal;
	margin: 0px;
}

.art-postcontent b,
.art-postcontent strong
{
    font-family: 'montserratsemibold',sans-serif;
	font-weight: normal;
}

.art-postcontent img
{
	max-width: 100%;
	height: auto;
}

.art-postcontent img.img-home-right
{
    margin-right: -48%;
}

.art-postcontent img.img-home-left
{
    margin-left: -52%;
}

table
{
	border-spacing: 0px;
	width: 100%;
	max-width: 100% !important;
}

.art-postcontent table tr td
{
	vertical-align: top;
	padding: 0px;
}

.art-postcontent table.praca
{

}

.art-postcontent table.praca tr td
{
	padding: 20px 5px;
    border-bottom: 1px solid #e4e4e4;
}

.art-postcontent table.praca thead tr td
{
    display: none;
	font-family: 'montserratbold',sans-serif;
    font-size: 15px;
    background: #f6f6f6;
    border-bottom: none;
    vertical-align: middle;
	color: #006ec7;
}

.art-postcontent table.praca tr td strong
{
	/*display: none;*/
	color: #006ec7;
}

.art-postcontent table.praca thead tr td.col_1
{
	width: 20%;
}

.art-postcontent table.praca thead tr td.col_3
{
	width: 30%;
}

.art-postcontent table.praca thead tr td.col_4
{
	width: 30%;
}

.art-postcontent table.praca thead tr td.col_5
{
	width: 30%;
}

.art-postcontent table.praca tbody tr td
{
    font-size: 14px;
}

.art-postcontent table.praca tbody tr td h3
{
	padding-bottom: 0px;
}

.art-postcontent ul 
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.art-postcontent ul li
{
	list-style: none;
    margin: 0px;
	background-repeat: no-repeat;
    padding-bottom: 1px !important;
}

.art-postcontent.text-white ul li
{
    background-image: url('img/button_more_1.png');
}

.art-postcontent.text-dark ul li
{
    background-image: url('img/button_more_2.png');
}

.art-postcontent.text-color ul li
{
    background-image: url('img/button_more_3.png');
}

.art-postcontent.align-left ul li,
.art-postcontent ul li.align-left
{
    background-position: left 8px;
    padding-left: 20px;
}

.art-postcontent.align-right ul li,
.art-postcontent ul li.align-right
{
    background-position: right 8px;
    padding-right: 20px;
}

.art-postcontent.align-center ul li,
.art-postcontent ul li.align-center
{
    padding: 0px;
}

.art-postcontent.align-justify ul li,
.art-postcontent ul li.align-justify
{
    background-position: left 8px;
    padding-left: 20px;
}

.art-postcontent ol
{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

.art-postcontent ol li
{
	padding-bottom: 10px;
}

.art-postcontent a
{
	text-decoration: none;
	-webkit-transform: translateZ(0);
            transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}
/*
.art-postcontent a:before 
{
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1px;
    -webkit-transition-property: right;
            transition-property: right;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}

.art-postcontent a:hover, 
.art-postcontent a:hover:before, 
.art-postcontent a:focus:before, 
.art-postcontent a:active:before 
{
	right: 0;
}
*/

.art-postcontent.text-white a
{
	color: #ffffff;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.art-postcontent.text-white em a
{
    color: #006ec7;
    font-style: normal;
    font-size: 30px;
    margin-top: 20px;
    display: inline-block;
}

.art-postcontent.text-dark a
{
	color: #006ec7;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.art-postcontent.text-color a
{
	color: #006ec7;
	border-bottom: 1px solid rgba(0,0,0,0);
}
/*
.art-postcontent.text-white a:before 
{
	background: #ffffff;
}

.art-postcontent.text-white em a:before 
{
	background: #12662b;
}

.art-postcontent.text-dark a:before 
{
	background: #12662b;
}

.art-postcontent.text-color a:before 
{
	background: #12662b;
}
*/
.art-postcontent.text-white a:hover 
{
	color: #006ec7;
	border-bottom: 1px solid #006ec7;
}

.art-postcontent.text-white em a:hover 
{
	color: #006ec7;
}

.art-postcontent.text-dark a:hover 
{
	color: #006ec7;
	border-bottom: 1px solid #006ec7;
}

.art-postcontent.text-color a:hover 
{
	color: #006ec7;
	border-bottom: 1px solid #006ec7;
}

.art-postcontent strong a,
.art-contact input[type="submit"],
.navigation a,
.comments input[type="submit"],
.shop-filters-close
{
    font-family: 'montserratbold',sans-serif;
    background: rgba(0,0,0,0)!important;
    border: 2px solid #006ec7 !important;
    color: #006ec7 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 10px 15px;
    margin-top: 10px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: rgba(18,102,43,1);
}

.art-postcontent strong a:hover,
.art-contact input[type="submit"]:hover,
.navigation a:hover,
.comments input[type="submit"]:hover,
.shop-filters-close:hover
{
    background: #006ec7 !important;
    border: 2px solid #006ec7 !important;
    color: #ffffff !important;
}
/*
.art-postcontent strong a:before
{
	display:none;
}
*/

.shop-filters-close
{/*
	display: none;
    z-index: 10;
	opacity: 0;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;*/
}

.shop-filters-close.active
{
   /* margin-left: 105px;*/
}

.shop-filters-close.open
{
	opacity: 1;
}

.art-postcontent.button-white strong a,
.art-postcontent.button-white .art-contact input[type="submit"],
.art-postcontent.button-white .comments input[type="submit"]
{
	color: #ffffff;
	border-bottom: none;
}

.art-postcontent.button-dark strong a,
.art-postcontent.button-dark .art-contact input[type="submit"],
.art-postcontent.button-dark .comments input[type="submit"]
{
	color: #ffffff;
	border-bottom: none;
}

.art-postcontent.button-color strong a,
.art-postcontent.button-color .art-contact input[type="submit"],
.art-postcontent.button-color .comments input[type="submit"]
{
	color: #ffffff;
	border-bottom: none;
}

.art-postcontent.button-white strong a:hover,
.art-postcontent.button-white .art-contact input[type="submit"]:hover,
.art-postcontent.button-white .comments input[type="submit"]:hover
{
	color: #ffffff;
	border-bottom: none;
}

.art-postcontent.button-dark strong a:hover,
.art-postcontent.button-dark .art-contact input[type="submit"]:hover,
.art-postcontent.button-dark .comments input[type="submit"]:hover
{
	color: #ffffff;
	border-bottom: none;
}

.art-postcontent.button-color strong a:hover,
.art-postcontent.button-color .art-contact input[type="submit"]:hover,
.art-postcontent.button-color .comments input[type="submit"]:hover
{
	color: #ffffff;
	border-bottom: none;
}

/* ============================ Gallery =========================== */

.gallery 
{
   margin: 0 auto;
   clear: both;
   overflow: hidden;
}

.gallery br 
{
	display: none;
}

.gallery .gallery-item 
{
	float: left;
	margin-top: 0px !important;
	text-align: center;
	overflow: hidden;
	padding: 10px;
}

.gallery-columns-1 .gallery-item 
{
	width: 100% !important;
}

.gallery-columns-2 .gallery-item 
{
	width: 50% !important;
}

.gallery-columns-3 .gallery-item 
{
	width: 33.3333% !important;
}

.gallery-columns-4 .gallery-item 
{
	width: 25% !important;
}

.gallery-columns-5 .gallery-item 
{
	width: 20% !important;
}

.gallery-columns-6 .gallery-item 
{
	width: 16.6666667% !important;
}

.gallery-columns-7 .gallery-item 
{
	width: 14.2857143% !important;
}

.gallery-columns-8 .gallery-item 
{
	width: 12.5% !important;
}

.gallery-columns-9 .gallery-item 
{
	width: 11.1111111% !important;
}

.gallery .gallery-item a
{
	display: block;
}

.gallery .gallery-item a:before 
{
	content: "";
    position: absolute;
	z-index: 10;
    width: 100%;
    height: 100%;
	opacity: 0;
	top: 0px;
	left: 0px;
    background: url(img/icon_media.png) center center no-repeat rgb(141 185 26 / 85%);
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.gallery .gallery-item a:hover:before
{
	opacity: 1;
}

.gallery .gallery-item img 
{
	border: none !important;
	padding: 0px;
	float: left;
	width: 100%;
    height: auto;
}

.gallery dl 
{
	margin: 0;
}

.gallery br+br 
{
	display: none;
}

.aligncenter,
div.aligncenter,
.art-article .aligncenter img,
.aligncenter img.art-article,
.aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

table.aligncenter
{
	display: table;
}

p.aligncenter , p.center 
{
	text-align: center;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.alignright img,
img.alignright
{
	margin: 10px;
	margin-right: 0;
}

.alignleft img,
img.alignleft
{
	margin: 10px;
	margin-left: 0;
}

/* ========================== Lightbox - start ====================== */

/* Preload images */
body:after 
{
	content: url(img/button_close_2.png) url(img/ajax_loader.svg) url(img/button_prev.png) url(img/button_next.png);
	display: none;
}

.lightboxOverlay 
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.71);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: 0.9;
	display: none;
	width: 100% !important;
}

.lightbox 
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image 
{
	display: block;
	height: auto;
	max-width: inherit;
}

.lightbox a img 
{
	border: none;
}

.lb-outerContainer 
{
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

.lb-outerContainer:after 
{
	content: "";
	display: table;
	clear: both;
}

.lb-container 
{
	padding: 4px;
}

.lb-loader 
{
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel 
{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	background: url('img/ajax_loader.svg') center center no-repeat;
}

.lb-nav 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav 
{
	left: 0;
}

.lb-nav a 
{
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next 
{
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev 
{
	width: 34%;
	left: 0;
	float: left;
	background: url('img/button_prev.png') left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	   -moz-transition: opacity 0.6s;
	     -o-transition: opacity 0.6s;
	        transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover 
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next 
{
	width: 64%;
	right: 0;
	float: right;
	background: url('img/button_next.png') right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	   -moz-transition: opacity 0.6s;
	     -o-transition: opacity 0.6s;
	        transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover 
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer 
{
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	    -moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	        border-bottom-left-radius: 4px;
	   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
	       border-bottom-right-radius: 4px;
}

.lb-dataContainer:after 
{
	content: "";
	display: table;
	clear: both;
}

.lb-data 
{
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details 
{
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption 
{
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
}

.lb-data .lb-number 
{
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close 
{
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	background: url('img/button_close_2.png') center center no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
	     -o-transition: opacity 0.2s;
	        transition: opacity 0.2s;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}

.lb-data .lb-close:hover 
{
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* ========================== Search ====================== */

form.searchform.siedbar
{
	margin-bottom: 40px;
}

form.searchform.siedbar input[type="text"]
{
	font-size: 15px;
    font-family: 'montserratmedium',sans-serif;
	border: none;
    padding: 16px;
    width: 100%;
	outline: none;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 4%);
       -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.04);
            box-shadow: 0 0 12px 0 rgb(0 0 0 / 4%);
}

form.searchform.siedbar input[type="submit"]
{
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(img/button_search.png) center center no-repeat;
    border: none;
    text-indent: -9999px;
    background-size: 22px;
    opacity: 0.5;
    right: 0px;
	outline: none;
    cursor: pointer;
}

form.searchform.archive
{
	display: none;
    background: #12662b;
    padding: 50px 20px;
    margin-bottom: 80px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;	
}

form.searchform.archive h4
{
    width: 25%;
	float: left;
    color: #ffffff;
    padding-bottom: 5px;
    display: inline-block;
}

form.searchform.archive input[type="text"]
{
    width: 75%;
	float: left;
    font-family: 'montserratmedium',sans-serif;
    border: none;
    background: rgb(0 0 0 / 10%);
    font-size: 20px;
    color: #fff;
    padding: 15px 15px;
	outline: none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

form.searchform.archive input[type="submit"]
{
    width: 50px;
    height: 50px;
    background: url(img/button_search.png) center center no-repeat #006ec7;
	background-size: 60%;
    border: none;
    position: absolute;
	margin-left: -50px;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

form.searchform.archive input[type="submit"]:hover
{
	opacity: 0.5;
}


/* ======================= Navigation ===================== */

.navigation
{
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 25px;
}


/* ========================== Footer ====================== */

.art-footer
{
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(80,80,80,1) 100%);
}

.art-footer:before
{/*
    position: absolute;
    content: '';
    background: url(img/bg_logo.png) center bottom no-repeat;
    width: 650px;
    height: 800px;
    background-size: contain;
    opacity: 0.10;
    bottom: 0%;
    right: 6%;
	*/
}


.art-footer .art-main-padding
{
	padding-top: 60px;
    padding-bottom: 25px;
}
/*
.art-footer .art-postcontent
{
	width: 23%;
	float: left;
}

.art-footer .art-postcontent+.art-postcontent
{
    width: 65%;
    margin-left: 12%;
}
*/

.art-footer .art-postcontent+.art-postcontent
{
	margin-top: 60px;
}
/*
.art-footer .art-postcontent.text-white
{
	color: #ffffff;
}

.art-footer .art-postcontent.text-white a
{
	color: #ffffff;	
}

.art-footer .art-postcontent.text-white a:hover
{
	color: #333f48;
}

.art-footer .art-postcontent.text-white a:before
{
	background: #333f48;
}

.art-footer .art-postcontent.text-white strong a:hover
{
	color: #ffffff;
}
*/
.art-footer .art-postcontent h4
{
    font-family: 'montserratbold',sans-serif;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 5px;
    color: #ffffff;
    position: relative;
    margin-bottom: 10px
}

.art-footer .art-postcontent h4:after
{
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: #ffffff;
    left: 0%;
    bottom: 0px;
    margin-left: 0px;
}

.art-footer .art-postcontent ul li
{
    padding: 6px 0px 0px 15px;
    color: #ffffff;
    background-position: left 14px;
}

.art-footer .art-postcontent strong a
{
	padding: 10px 25px;
}

/* ========================= Copyright ==================== */

.art-copyright
{
    width: 100% !important;
    color: #ffffff !important;
    font-size: 10px !important;
    line-height: 14px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    height: 60px;
    left: 0px;
    padding: 0px 15px 15px 15px;
    font-family: 'montserratregular',sans-serif;
}

body.admin-bar .art-copyright
{
    /*bottom: 38px;*/
}

.art-copyright a
{
    color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0);
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
        	transition: 0.2s ease-out;
}

.art-copyright a:hover
{
    color: #006ec7;
	border-bottom: 1px solid #006ec7;
}

.art-copyright .hr
{
    background: rgb(255 255 255 / 100%);
    height: 1px;
    margin-bottom: 15px;
}

.art-copyright.mobile
{
    position: relative;
    text-align: left;
    height: auto;
    background: #f6f6f6;
    color: #a6a6a6 !important;
}

.art-copyright.mobile.intro
{
	display: none;
}

.art-copyright.mobile a
{
    color: #a6a6a6;
}

.art-copyright.mobile a:hover
{
    color: #006ec7;
}

.art-copyright.mobile .hr
{
    background: rgb(166 166 166 / 45%);
}

/*
.art-copyright .art-main-padding
{
	padding-top: 17px;
    padding-bottom: 17px;
}

.art-copyright .art-postcontent.text-small
{
	font-size: 14px;
}
*/

/* ======================== Contact - form ===================== */

.wpcf7
{
    margin: 0 auto;
}

.art-contact .cell-30
{
	width: 32%;
	margin-right: 2%;
}

.art-contact .cell-30+.cell-30+.cell-30
{
	margin-right: 0%;
}

.art-contact .cell-50
{
	width: 48%;
	margin-right: 4%;
}

.art-contact .cell-50+.cell-50
{
	margin-right: 0%;
}

.wpcf7-form-control-wrap 
{
    padding-bottom: 0px;
}

form.wpcf7-form .art-contact strong
{
	float: right;
	font-weight: normal;
    font-size: 12px;
}

form.wpcf7-form .art-contact p
{
	margin: 0px;
	position: relative;
	padding-bottom: 25px;
}

form.wpcf7-form .art-contact span
{
	display: block;
}

form.wpcf7-form .art-contact span.wpcf7-spinner
{
    display: inline-block;
    position: absolute;
    margin-top: 25px;
}

form.wpcf7-form .art-contact input[type="text"],
form.wpcf7-form .art-contact input[type="email"],
form.wpcf7-form .art-contact input[type="tel"],
form.wpcf7-form .art-contact textarea
{
    font-family: 'montserratregular',sans-serif;
	border: none;
	outline: 0;
	width: 100%;
	background: none;
	color: #333f48;
    padding: 9px 15px 9px 0px;
	font-size: 15px;
	line-height: 25px;
    border: none;
	border-bottom: 1px solid #dfdfdf;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
        	transition: 0.2s ease-out;
}

form.wpcf7-form .art-contact textarea
{
	height: 45px;
	max-width: 100%;
	margin-bottom: -9px;
}

form.wpcf7-form .art-contact input[type="text"]:hover,
form.wpcf7-form .art-contact input[type="email"]:hover,
form.wpcf7-form .art-contact input[type="tel"]:hover,
form.wpcf7-form .art-contact textarea:hover
{
	border-bottom: 1px solid #006ec7;
}

form.wpcf7-form .art-contact input[type="text"]::-webkit-input-placeholder,
form.wpcf7-form .art-contact input[type="text"]::-moz-placeholder,
form.wpcf7-form .art-contact input[type="text"]::-ms-input-placeholder,
form.wpcf7-form .art-contact input[type="email"]::-webkit-input-placeholder,
form.wpcf7-form .art-contact input[type="email"]::-moz-placeholder,
form.wpcf7-form .art-contact input[type="email"]::-ms-input-placeholder,
form.wpcf7-form .art-contact input[type="tel"]::-webkit-input-placeholder,
form.wpcf7-form .art-contact input[type="tel"]::-moz-placeholder,
form.wpcf7-form .art-contact input[type="tel"]::-ms-input-placeholder,
form.wpcf7-form .art-contact textarea::-webkit-input-placeholder,
form.wpcf7-form .art-contact textarea::-moz-placeholder,
form.wpcf7-form .art-contact textarea::-ms-input-placeholder
{
	color: #333f48;
	opacity: 1;
    font-family: 'montserratbold',sans-serif;
	text-transform: uppercase;
}

.art-contact input[type="submit"]
{
	margin-top: 10px;
}

.art-contact input[type="file"]
{

}

.wpcf7 form .wpcf7-response-output 
{
    text-align: center;
}

/* ========================== To top ====================== */

#to-top
{
    text-indent: -9999em;
    position: fixed;
    right: 27px;
    bottom: 35px;
    width: 0px;
    height: 0px;
	background: rgba(18,102,43,1);
	-webkit-box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
       -moz-box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
            box-shadow: inset 40px 40px 50px -30px rgb(141 185 26);
	z-index: 10;
	cursor: pointer;
    overflow: hidden;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}

#to-top:after
{
	position: absolute;
	content: '';
	width: 45px;
    height: 45px;
	background: url('img/button_top_1.png') center center no-repeat;
    background-size: 20px;
    left: 0px;
    top: 0px;
}

#to-top.open
{
    width: 45px;
    height: 45px;
}

#to-top:hover
{
    -webkit-box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
       -moz-box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
            box-shadow: inset 40px 40px 0px -60px rgb(141 185 26);
}

/* ========================== Indywidual ====================== */

body.blog .art-top-rest
{
	background: #f6f6f6;
}

body.single-partners .art-top-rest 
{
    height: 890px;
}

body.single-partners .art-top-rest .art-postcontent h1
{
	display: none;
}

body.single-post .art-top-rest .art-postcontent h1
{
	font-size: 48px;
    line-height: 51px;
    padding-bottom: 10px;
}

body.single-post .art-news-single .art-postcontent.text-normal h2
{
	padding-top: 20px;
	color: #00b0f0;
}

body.single-post .art-news-single .art-postcontent.text-normal h3
{
	font-size: 15px;
    line-height: 24px;
	color: #00b0f0;
    font-family: 'montserratbold',sans-serif;
}

body.single-post .art-news-single .art-postcontent.text-normal .comments h3
{
	font-size: 30px;
    line-height: 40px;
	color: #333f48;
    font-family: 'montserratmedium',sans-serif;
}

/* ============================ Woo ========================== */

/*----------- Filtr top -------------*/

#shop-header-top .prof
{
	float: right;
	cursor: pointer;
}
	
@media (min-width:1023px)
{
	#shop-header-top .prof.shop-profile
	{
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		padding: 0px 15px;
		margin: 0px 15px;
	}
}

#shop-header-top .prof a,
#shop-header-top .prof b,
#shop-header-top .prof.shop-price .woocommerce-Price-amount
{
	color: #333f48;
    font-family: 'montserratbold',sans-serif;
    cursor: pointer;
    font-size: 20px;
    text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

#shop-header-top .prof.shop-price span.tax
{
    color: #333f48;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

#shop-header-top .prof:hover a,
#shop-header-top .prof:hover b,
#shop-header-top .prof.shop-price:hover .woocommerce-Price-amount,
#shop-header-top .prof.shop-filtr.active b,
#shop-header-top .prof.shop-price:hover span.tax
{
    color: #006ec7;
}

#shop-header-top .prof.shop-filtr b,
#shop-header-top .prof.shop-filtr.active b
{
	opacity: 0.2;
    color: #333f48;
}

body.woocommerce-shop #shop-header-top .prof.shop-filtr b,
body.tax-product_cat #shop-header-top .prof.shop-filtr b
{
	opacity: 1;
    color: #333f48;
}

body.woocommerce-shop #shop-header-top .prof.shop-filtr:hover b,
body.tax-product_cat #shop-header-top .prof.shop-filtr:hover b,
body.woocommerce-shop #shop-header-top .prof.shop-filtr.active b,
body.tax-product_cat #shop-header-top .prof.shop-filtr.active b
{
	opacity: 1;
    color: #006ec7;
}

.shop-start,
.shop-filtr,
input.back
{
	display: none !important;
	top: 87px;
    right: 0px;
    z-index: 10;
    position: relative;
    cursor: pointer;
    color: #fff;
    position: absolute;
    width: 80px;
    height: 45px;
    text-align: center;
    text-indent: initial;
	border: none;
	outline: none;
	font-size: 16px;
    line-height: 45px;
    background-repeat: no-repeat;
    background-position: left 32px center;
    background-color: #006ec7;
    background-image: none;
    font-family: 'montserratregular',sans-serif;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.shop-filtr.active
{
    background-image: url(img/button_slide_1_next.png);
    text-indent: -9999px;
    background-size: 20px;
}

input.back
{
	display: block !important;
}

/*----------- Profile top -------------*/

.shop-profile
{

}

/*----------- Price -------------*/

.shop-price b
{
	display: none;
}

.shop-price .cart-price
{
	float: left;
}

.shop-price .cart-count
{
    position: relative;
    float: right;
    width: 45px;
    height: 45px;
    background: url(img/shop_icon_cart.png) center center no-repeat;
    display: inline-block;
    background-size: cover;
    margin-top: -10px;
    margin-bottom: -15px;
    margin-left: 10px;
    margin-right: 10px;
}

.shop-price .cart-count span
{
    font-family: 'montserrat',sans-serif;
	position: absolute;
    width: 25px;
    height: 25px;
    background: #006ec7;
	color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 100%;
    line-height: 25px;
    top: -5px;
    left: 26px;
}

/*----------- Search -------------*/

form.woocommerce-product-search
{
    float: right;
    position: relative;
    height: 40px;
    margin-top: -7px;
    margin-bottom: -8px;
}

.search-active form.woocommerce-product-search
{
    z-index: 1333f480;
}

#search-top
{
	position: absolute;
	top:-150px;
}

#search-top.baner-search
{
	top:-145px;
}

.search-mobille
{
	width: 100%;
	display: none;
	margin-bottom: 10px;
	margin-top: 5px;
    position: relative;
}

.search-mobille form.woocommerce-product-search
{
    float: none;
	width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

form.woocommerce-product-search label
{
	
}

form.woocommerce-product-search input.search-field
{
    float: left;
}

.search-mobille form.woocommerce-product-search input.search-field
{
    float: none;
	width: 100%;
	line-height: 40px;
    height: 40px;
	background: #ffffff;
}

form.woocommerce-product-search button.wp-element-button
{
    width: 40px;
    height: 40px;
	border: 1px solid #000;
    text-indent: -9999px;
    position: absolute;
	right: 0px;
	top: 0px;
    padding: 0px;
    margin: 0px;
    background: url(img/button_search.png) center center no-repeat #ffffff;
	background-size: 18px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

form.woocommerce-product-search button.wp-element-button:hover
{
    background: url(img/button_search_2.png) center center no-repeat #333f48;
	background-size: 18px;
}

.search-mobille form.woocommerce-product-search button.wp-element-button
{/*
    top: 0px;
    height: 40px;
    width: 40px;
	font-size: 15px;
*/
}

/*----------- Producta Category list -------------*/

.art-postcontent ul.product-categories
{
	
}

.art-postcontent ul.product-categories span.count
{
	color: #9f9f9f;
    font-size: 12px;	
}

.art-postcontent ul.product-categories>li
{
	padding-left: 0px;
    background: none;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 5px;
    padding-bottom: 5px !important;
}

.art-postcontent ul.product-categories li a
{
	color: #000;
}

.art-postcontent ul.product-categories li.current-cat>a
{
	color: #006ec7;
	font-family: 'montserratsemibold',sans-serif;
}

.art-postcontent ul.product-categories li.current-cat-parent>a
{
	font-family: 'montserratsemibold',sans-serif;
}

.art-postcontent ul.product-categories li.current-cat,
.art-postcontent ul.product-categories li.current-cat-parent
{
	background: #f9f9f9;	
}

.art-postcontent ul.product-categories li.cat-parent a
{
	
}

.art-postcontent ul.product-categories li.cat-parent ul
{
    padding-left: 10px;
    margin-bottom: 0px;	
}

.art-postcontent ul.product-categories li.cat-parent ul li
{
    background-image: url(img/button_more_2.png);
    background-repeat: no-repeat;
    background-position: left 9px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px !important;
}

.art-postcontent ul.product-categories li.cat-parent ul li a
{
	
}

/*----------- Cart -------------*/

#shop-cart
{
    position: fixed;
    height: 100%;
    right: -25%;
    width: 25%;
    z-index: 100000;
	-webkit-transition: right 0.2s ease-in-out;
	   -moz-transition: right 0.2s ease-in-out;
		-ms-transition: right 0.2s ease-in-out;
		 -o-transition: right 0.2s ease-in-out;
			transition: right 0.2s ease-in-out;
}

#shop-cart.open
{
    right: 0%;
}

#shop-cart .art-margin-header
{
	background: #ffffff;
	position: relative;
}

#shop-cart .art-inner-header
{
	height: 100%;
    padding: 0px 15px;
}

#shop-cart .art-postcontent
{
	height: 100%;
}

#shop-cart .shop-button-close-first
{
	visibility: hidden;
	opacity:0;
    position: fixed;
    width: 400%;
    height: 100%;
    right: 0px;
    background: rgb(0 0 0 / 80%);	
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

#shop-cart.open .shop-button-close-first
{
	visibility: visible;
	opacity:1;
}

#shop-cart .shop-cart-title
{
	float: left;
    font-family: 'montserratbold',sans-serif;
	font-size: 20px;
	margin-top: 25px;
}

#shop-cart .shop-button-close
{
	float: right;
    position: relative;
    z-index: 10;
    cursor: pointer;
    background: url(img/button_close_1.png) left top no-repeat;
    padding-left: 15px;
    text-transform: uppercase;
    background-size: 10px;
    font-family: 'montserratsemibold',sans-serif;
    line-height: 12px;
	margin-top: 28px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

#shop-cart.open .shop-button-close
{

}

#shop-cart .art-inner-header .inner
{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    padding-top: 65px;
    padding-bottom: 215px;
}

#shop-cart .widget_shopping_cart_content
{
	height: 100%;
}

#shop-cart .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message
{
	text-align: center;
}

#shop-cart .widget_shopping_cart_content ul.cart_list
{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#shop-cart .widget_shopping_cart_content ul.cart_list li
{
	position: relative;
    border-bottom: 1px solid #dfdfdf;
	padding: 15px 0px !important;
	background: none;
    padding-right: 15px !important;
}

a.remove
{
	right: 0px;
    position: absolute;
    width: 10px;
    height: 10px;
    cursor: pointer;
    text-indent: -99999px;
    padding: 0px;
    background: url(img/button_close_1.png) center center no-repeat;
	background-size: 10px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

a.remove:hover
{
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

#shop-cart .widget_shopping_cart_content ul.cart_list li a
{
    font-family: 'montserratsemibold',sans-serif;
    font-size: 13px;
    line-height: 17px;
    padding-right: 20px;
	color: #333f48;
	border-bottom: none;
}

#shop-cart .widget_shopping_cart_content ul.cart_list li a:hover
{
	color: #006ec7;
	border-bottom: none;
}

#shop-cart .widget_shopping_cart_content ul.cart_list li a img
{
    width: 60px;
    height: 60px;
    float: left;
	margin-right: 5px;
}

#shop-cart .widget_shopping_cart_content ul.cart_list li span.quantity
{
    display: block;
    margin-top: 7px;
}

#shop-cart .widget_shopping_cart_content ul.cart_list li span.quantity .amount
{
    color: #006ec7;
    font-family: 'montserratmedium',sans-serif;
    font-size: 15px;
}

#shop-cart .widget_shopping_cart_content .total
{
	font-size: 20px;
    padding-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

#shop-cart .widget_shopping_cart_content .total strong
{

}

#shop-cart .widget_shopping_cart_content .buttons
{
    margin-bottom: 0px;
}

#shop-cart .widget_shopping_cart_content .buttons a
{
	width: 100%;
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 7.5px;
    display: block !important;
}

/*---------- Product list ------------*/

.woocommerce p.woocommerce-result-count
{
	margin: 0px;
    margin-bottom: 0px;
	font-size: 13px;
}

.woocommerce form.woocommerce-ordering
{
	float: right;
    right: 82px;
    position: absolute;
    margin-right: 60px;
}

.woocommerce form.woocommerce-ordering b
{
	font-weight: normal;
    font-size: 11px;
    line-height: 14px;
    color: #565656;
    font-family: 'montserratregular',sans-serif;
}

.woocommerce ul.products
{
    background: #fff;
}

.woocommerce .grid ul.products
{
    background: rgba(0,0,0,0);
}

.woocommerce ul.products li
{
    background: #fff;
	padding: 15px !important;
}

.woocommerce ul.products li a.woocommerce-LoopProduct-link
{
	border-bottom: 0px !important;
}

.woocommerce ul.products li.sale
{
	border: 1px solid #006ec7
}

.woocommerce ul.products.columns-1
{

}
/*
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4
{
    display: grid;
    gap: 2%;
}

.woocommerce ul.products.columns-2
{
    grid-template-columns: 49% 49%;
}

.woocommerce ul.products.columns-3
{
    grid-template-columns: 32% 32% 32%;
}

.woocommerce ul.products.columns-4
{
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
}
*/

.woocommerce .grid ul.products.columns-2,
.woocommerce .grid ul.products.columns-3,
.woocommerce .grid ul.products.columns-4,
.woocommerce .grid ul.products.columns-5
{
    display: grid;
    column-gap: 2%;
}

.woocommerce .grid ul.products.columns-2
{
    grid-template-columns: 49% 49%;
}

.woocommerce .grid ul.products.columns-3
{
    grid-template-columns: 32% 32% 32%;
}

.woocommerce .grid ul.products.columns-4
{
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
}

.woocommerce .grid ul.products.columns-5
{
    grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
}

.woocommerce ul.products.columns-1 li
{
    text-align: left;
	margin-bottom: 25px;
}

.woocommerce ul.products li.product-category.first
{
	display: none;
}

.woocommerce ul.products.columns-1 li img
{
    width: 125px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.woocommerce ul.products.columns-2 li,
.woocommerce ul.products.columns-3 li,
.woocommerce ul.products.columns-4 li,
.woocommerce ul.products.columns-5 li
{
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce ul.products li h2
{
	font-family: 'montserratbold',sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
	padding-bottom: 0px;
	color: #006ec7;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0);
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.woocommerce ul.products li h2:hover
{
	border-bottom: 1px solid #006ec7;
}

.woocommerce ul.products li h2:after
{
	display: none;
}

.woocommerce ul.products li a.button
{
	display: none;
}

body.home .woocommerce ul.products .products-info,
.woocommerce ul.products.columns-2 .products-info,
.woocommerce ul.products.columns-3 .products-info,
.woocommerce ul.products.columns-4 .products-info,
.woocommerce ul.products.columns-5 .products-info
{
	display: none;
}

.woocommerce ul.products .products-info div
{
    color: #ababab;
    font-family: 'montserratregular',sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.woocommerce ul.products .products-info div.stock
{
	display: none;
}

.woocommerce ul.products .products-info div span
{
    color: #333f48;
}

.woocommerce ul.products.columns-1 li a.woocommerce-LoopProduct-link
{
	float: left;
    width: 75%;
}

.woocommerce ul.products.columns-1 li .products-add-to-cart
{
	float: right;
    width: 25%;
	text-align: center;
	margin-top: 15px;
}

.woocommerce ul.products.columns-1 li .products-add-to-cart .star-rating
{
	color: #333f48;
    font-size: 13px;
}

.woocommerce ul.products li .products-add-to-cart a.woocommerce-LoopProduct-link
{
	float: none;
}

body.home .woocommerce ul.products li .products-add-to-cart a.button
{
	display: none;
}

.woocommerce ul.products li span.onsale
{
    color: #006ec7;
    font-family: 'montserratsemibold',sans-serif;
    float: none;
    margin: 0px;
    position: absolute;
    background: none;
    width: auto;
	left: 0px;
}

.woocommerce ul.products li a.added_to_cart
{
	font-family: 'montserratsemibold',sans-serif;
	display: block;
	border-bottom: none;
}

.woocommerce ul.products li a.added_to_cart:hover
{
	border-bottom: none;
}

.term-description
{
	padding-top: 10px;
}

/*----------- Pagination -------------*/

.woocommerce nav.woocommerce-pagination
{
	text-align: center;
    margin-top: 20px;
}

.woocommerce nav.woocommerce-pagination ul
{
    margin: 0 auto;
    display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul:after
{
	content:'';
	clear: both;
	display: block;
}

.woocommerce nav.woocommerce-pagination ul li
{
    background: none !important;
    padding: 0px !important;
    float: left;
    margin: 0px 2.5px;
    line-height: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
	font-family: 'montserratbold',sans-serif;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.woocommerce nav.woocommerce-pagination ul li a
{
    border: 2px solid #ccc;
	color: #cccccc;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span
{
    border: 2px solid #006ec7;
	color: #006ec7;
}

.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev
{
    text-indent: -9999px;
}

.woocommerce nav.woocommerce-pagination ul li a.next
{
	background: url('img/button_slide_2_next.png') center center no-repeat;
	background-size: 12px;
}

.woocommerce nav.woocommerce-pagination ul li a.prev
{
	background: url('img/button_slide_2_prev.png') center center no-repeat;
	background-size: 12px;
}

/*----------- Filters -------------*/

.shop-filters
{
	background: #ffffff;
	padding: 15px;
}

.shop-filters .berocket_single_filter_widget,
.shop-filters .art-block
{
	margin-bottom: 10px;
}

.shop-filters .berocket_single_filter_widget .bapf_sfilter.bapf_ckbox,
.shop-filters .berocket_single_filter_widget .bapf_sfilter.bapf_slidr
{
	padding: 15px;
    border: 1px solid #dfdfdf;
}

.shop-filters .bapf_sfilter
{
	margin-bottom: 0px;
}

.shop-filters .bapf_sfilter .bapf_head
{
	
}

.shop-filters .bapf_sfilter .bapf_head h3,
.shop-filters .art-blockheader h3
{
	padding-bottom: 0px;
    margin-bottom: 0px;
	font-family: 'montserratlight',sans-serif;
    font-size: 12px;
    line-height: 14px;
	color: #565656;
}

.shop-filters .bapf_sfilter .bapf_body
{
    padding-top: 10px;
}

.shop-filters .bapf_sfilter .bapf_body input[type="text"]
{
    padding: 5px 0px;
    border: 1px solid #ccc;
    text-align: center;
}

.shop-filters .bapf_sfilter .bapf_body select
{
    border: 1px solid #dfdfdf;
    padding: 8px 8px;
    cursor: pointer;
    color: #006ec7;
    outline: none;
    font-family: 'montserratsemibold',sans-serif;
}

.shop-filters .bapf_sfilter .bapf_body ul li
{
	background: none;
}

.shop-filters .bapf_sfilter .bapf_body ul li input
{
	margin: 0px;
    margin-right: 5px;
	margin-top: -3px;
}

.shop-filters .bapf_sfilter .bapf_body ul li i
{
    padding: 5px;
}

.shop-filters .bapf_sfilter .bapf_sfa_taxonomy,
.shop-filters.bapf_sfilter ul.bapf_sfa_unall
{
	float: left;
    margin: 0px 5px 5px 5px;
}

.shop-filters .bapf_sfilter ul.bapf_sfa_unall li
{
	background: none;
}

.shop-filters .bapf_sfilter .bapf_sfa_taxonomy span
{
	display: none;
}

.shop-filters .bapf_sfilter .bapf_sfa_taxonomy ul
{
	margin: 0px;
}

.shop-filters .bapf_sfilter .bapf_sfa_taxonomy ul li
{
	background: none;
}

.shop-filters .bapf_sfilter .bapf_sfa_taxonomy ul li i.fa-times
{
	margin-right: 5px;
}

.shop-filters .bapf_sfilter button.bapf_button
{
	background: none;
    border: none;
    color: #006ec7;
    font-family: 'montserratsemibold',sans-serif;
	outline: none;
	border-bottom: 1px solid rgba(0,0,0,0);
    padding: 0px;
    float: right;
    display: block !important;
    margin-top: -11px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.shop-filters .bapf_sfilter button.bapf_button:hover
{
	border-bottom: 1px solid #006ec7;
}

/*---------- Single product ------------*/

.single-product .product:after
{
	content: "";
	clear: both;
	display: table;
}

.single-product .product .entry-summary
{
    float: right;
    width: 49%;
}

.single-product .product .entry-summary p.stock
{
	font-family: 'montserratsemibold',sans-serif;
	position: relative;
    padding-left: 16px;
}

.single-product .product .entry-summary p.stock.in-stock
{
	color: #206f29;
}

.single-product .product .entry-summary p.stock.out-of-stock
{
	color: red;
}

.single-product .product .entry-summary p.stock.available-on-backorder
{
	color: orange;
}

.single-product .product .entry-summary p.stock:before
{
	position: absolute;
	content:'';
	width: 10px;
	height: 10px;
	top: 5px;
    left: 0px;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;
}


.single-product .product .entry-summary p.stock.in-stock:before
{
	background: #206f29;
	animation: pulsegreen 2s infinite;
	transform: scale(1);
}

.single-product .product .entry-summary p.stock.out-of-stock:before
{
	background: red;
	animation: pulsered 2s infinite;
	transform: scale(1);
}

.single-product .product .entry-summary p.stock.available-on-backorder:before
{
	background: orange;
	animation: pulseorange 2s infinite;
	transform: scale(1);
}


@keyframes pulsegreen {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgba(0, 128, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 128, 0, 0);
	}
}

@keyframes pulsered {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	}
}

@keyframes pulseorange {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgba(255,165, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
	}
}
.single-product .product .entry-summary form.cart .quantity
{
    float: left;
    margin-right: 10px;
}

.single-product .product .entry-summary button.single_add_to_cart_button
{
    margin-top: 0px;
    float: left;
}

/*------- Single product - Meta info ------------*/

.single-product .product .entry-summary .product_meta
{
	padding: 0px 0px;
    clear: both;
	color: #ababab;
}

.single-product .product .entry-summary .product_meta span
{
	display: none;
}

.single-product .product .entry-summary .product_meta span.category,
.single-product .product .entry-summary .product_meta .posted span
{
	display: block;
}

.single-product .product .entry-summary .product_meta span.category
{
    margin-bottom: 29px
}

.single-product .product .entry-summary .product_meta .posted
{
	display: grid;
    grid-template-columns: 33.3333% 33.3333% 33.3333%;
	text-align: center;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner
{
    padding: 80px 2px 25px 2px;
    background: #f6f6f6;
    margin: 5px;
    position: relative;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner em
{
	font-style: normal;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner b
{
	display: block;
	font-size: 18px;
	line-height:22px;
    padding: 0px;
	font-family: 'montserratbold',sans-serif;
	color: #006ec7
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner:before
{
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background-size: 100% !important;
    top: 25px;
    left: 50%;
    margin-left: -25px;
    background: url(img/shop_icon_filtr.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-9:before
{
    background: url(img/icon_meta_group.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-8:before
{
    background: url(img/icon_meta_event.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-7:before
{
    background: url(img/icon_meta_calendar.png) center center no-repeat;
    background-size: 90% !important;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-6:before
{
    background: url(img/icon_meta_language.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-5:before
{
    background: url(img/icon_meta_power.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-4:before
{
    background: url(img/icon_meta_screen.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-3:before
{
    background: url(img/icon_meta_size.png) center center no-repeat;
    background-size: 90% !important;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-2:before
{
    background: url(img/icon_meta_weight.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-1:before
{
    background: url(img/icon_meta_status.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-14:before
{
    background: url(img/icon_meta_weight.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-13:before
{
    background: url(img/icon_meta_size.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-12:before
{
    background: url(img/icon_meta_weight.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta .posted span.posted_inner.id-11:before
{
    background: url(img/icon_meta_size.png) center center no-repeat;
}

.single-product .product .entry-summary .product_meta span span
{
    display: inline-block;
	color: #333f48;
}

.single-product .product .entry-summary .product_meta span.posted_in a
{
	/*color: #333f48;*/
}

.single-product .product .entry-summary .product_meta span.posted_in a:hover
{
	/*color: #006ec7;*/
}

/*------- Category products - Meta info ------------*/

.archive .products li.product.berocket_lgv_list
{
    width: 10%;
    margin-right: 1% !important;
    padding: 0px !important;
    border: none !important;
}

.archive .products li.product.berocket_lgv_list img
{
	float: left;
}

.archive .products li.product.berocket_lgv_list a.button
{
	display: none;
}

.archive .products .berocket_lgv_additional_data
{
    width: 89%;
    max-width: 89%;
	margin-top: 10px
}

.archive .products .berocket_lgv_after_additional
{
    height: 20px;
	background: #f6f6f6;
}

.archive .products .berocket_lgv_additional_data .lgv_link h3
{
    color: #006ec7;
}

.archive .products .berocket_lgv_additional_data .lgv_description
{

}

.archive .products .berocket_lgv_additional_data .lgv_meta
{
    margin-top: 0px;
}

.archive .products .berocket_lgv_additional_data .lgv_meta .posted
{
	display: grid;
    /*grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11% 11%;*/
	grid-template-columns: repeat(auto-fit, minmax(5%, 1fr));
}

.archive .products .berocket_lgv_additional_data .lgv_meta span.posted_in
{
	display: none;
}

.archive .products .berocket_lgv_additional_data .lgv_meta .posted .posted_inner
{
    text-align: center;
    padding: 5px;
    display: grid;
    grid-template-rows: 30% 70%;
    vertical-align: middle;
    gap: 5px;
    border-left: 1px dashed #dfdfdf;
    border-right: 1px dashed #dfdfdf;
}

.archive .products .berocket_lgv_additional_data .lgv_meta .posted .posted_inner+.posted_inner
{
    border-left: none;
}

.archive .products .berocket_lgv_additional_data .lgv_meta .posted .posted_inner em
{
    font-size: 11px;
    line-height: 14px;
	color: #ababab;
	font-style: normal;
}

.archive .products .berocket_lgv_additional_data .lgv_meta .posted .posted_inner b
{
	display: block;
    font-size: 14px;
    line-height: 14px;
    color: #333f48;
	margin-top: 5px;
}

/*
.woocommerce ul.products:before 
{
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: url(img/bg_scroll.png) center center no-repeat #006ec7;
    background-size: 70%;
    right: 30px;
    border-radius: 100%;
    margin-top: 15px;
    -webkit-box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 25%);
       -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 25%);
}
*/
/*------- Single product - Additional info ------------*/

.single-product .product .woocommerce-tabs
{
    float: right;
    /*width: 48%;*/
    width: 100%;
	margin-top: 25px;
	font-size: 15px;
}

.single-product .product .woocommerce-tabs ul.wc-tabs
{
    margin: 0px;
	margin-bottom: -1px;
}

.single-product .product .woocommerce-tabs ul.wc-tabs li
{
    background: none;
    padding: 10px 25px;
    display: inline-block;
}

.single-product .product .woocommerce-tabs ul.wc-tabs li.active
{
    border: 1px solid #dfdfdf;
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
}

.single-product .product .woocommerce-tabs ul.wc-tabs li a
{
    border-bottom: none;
	color: #333f48;
}

.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel
{
    padding: 25px;
    border: 1px solid #dfdfdf;
}

.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel h2
{
    display: none;
}

.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel table tr th,
.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel table tr td
{
    border-top: 1px dashed #dfdfdf;
}

.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel table tr+tr th,
.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel table tr+tr td
{
    border-bottom: 1px dashed #dfdfdf;
}

.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel table td p
{
	margin: 0px;
}

.single-product .product table.shop_attributes th
{
    font-weight: normal;
    color: #ababab;
}

.single-product .product table.shop_attributes td
{
	font-family: 'montserratsemibold',sans-serif;
	line-height: 30px;
}

/*---------- Single product - gallery ------------*/


.single-product .product .woocommerce-product-gallery
{
    float: left;
    width: 49%;
    position: relative;
	border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.single-product .product .woocommerce-product-gallery figure
{
	margin: 0px;
}

.single-product .product .woocommerce-product-gallery figure a,
.single-product .product .woocommerce-product-gallery .flex-viewport a 
{
    border-bottom: none;
	display: inline-block;
    width: 100%;
    text-align: center;
}

.single-product .product span.onsale
{
    background: #006ec7;
    width: 48%;
    display: inline-block;
    float: right;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.single-product .product a.woocommerce-product-gallery__trigger
{
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(img/button_search.png) center center no-repeat;
    z-index: 1;
    background-size: 30px;
    top: 10px;
    right: 10px;
    border: 2px solid #0f0b06;
	background-size: 24px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
	text-indent: -9999px;
	cursor: pointer;	
}

.single-product .product a.woocommerce-product-gallery__trigger img
{
    display: none !important;
}

.single-product .product .woocommerce-product-gallery .flex-viewport
{
	cursor: grab;
	/*border: 1px solid #dfdfdf;*/
}

.single-product .product .woocommerce-product-gallery .flex-control-thumbs
{

}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs
{
	margin: 0px;
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li
{
	display: inline-block;
    margin: 5px;
    padding: 0px;
	/*border: 1px solid #dfdfdf;*/
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img
{
    float: left;
    cursor: pointer;
    max-width: 78px !important;
}

/*---------- Single product - polecane produkty ------------*/

.single-product .product .related,
.single-product .product .upsells
{
    margin-top: 45px;
    display: inline-block;
	width: 100%;
}

/*------------ Alert --------------*/

.woo .woocommerce-notices-wrapper
{
	display: block;
	clear: both;
}

.woo .woocommerce-Message,
.woo .woocommerce-message,
.woo .woocommerce-error,
.woo .woocommerce-notice
{
    color: #ffffff;
    padding: 10px 15px;
	margin-bottom: 10px;
	outline: none;
}

.woo .woocommerce-Message,
.woo .woocommerce-message,
.woo .woocommerce-notice
{
	background: #206f29;
}

.woo .woocommerce-error
{
	background: orange;
}

.woo .woocommerce-error li
{
    background-image: url(img/button_more_1.png) !important;
    padding-left: 15px !important;
}

.woo .woocommerce-Message a.wp-element-button,
.woo .woocommerce-message a.wp-element-button,
.woo .woocommerce-error a.wp-element-button
{
    color: #006ec7;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0);
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 25px;
    text-transform: initial;
    display: initial;
}

.woo .woocommerce-Message a.wp-element-button:hover,
.woo .woocommerce-message a.wp-element-button:hover,
.woo .woocommerce-error a.wp-element-button:hover
{
	border: none !important;
	border-bottom: 1px solid #006ec7 !important;
	background: none !important;
    color: #006ec7 !important;
}

#success.woocommerce-message 
{
  display: none;
}

/*----------- Forms -------------*/

.woocommerce-form-row label,
.form-row label
{
    display: block;
    font-size: 12px;
}

p.form-row
{
	margin-bottom: 5px;
}

p.form-row em
{
	font-size: 13px;
    line-height: 18px;
    color: #9e9e9e;
    font-style: normal;
    display: inline-block;
    margin-top: 5px;
}

p.lost_password
{
    margin-bottom: 0px;
    position: absolute;
    right: 25px;
    bottom: 40px;
}

form.woocommerce-form input
{
	
}

form.woocommerce-EditAccountForm fieldset
{
    border: 0px;
    background: #f6f6f6;
    padding: 25px;
    margin: 0px;
	margin-top: 25px;
    margin-bottom: 15px;

}

form.woocommerce-EditAccountForm fieldset legend
{
	font-family: 'montserratsemibold',sans-serif;
    padding: 0px;
    float: left;
    width: 100%;
	margin-bottom: 10px;
}

.woocommerce-password-strength
{
	color:#ffffff;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
}

.woocommerce-password-strength.short
{
	background: red;
}

.woocommerce-password-strength.bad
{
	background: red;
}

.woocommerce-password-strength.good
{
	background: orange;
}

.woocommerce-password-strength.strong
{
	background: #206f29;
}

.woocommerce-password-hint
{
	line-height: 18px;
    font-size: 13px;
	display: inline-block;
	color: #9e9e9e;	
}

/*----------- Account -------------*/

.woo .woocommerce-MyAccount-content,
.woo form.woocommerce-ResetPassword,
.woo .u-columns>div,
.woo form.woocommerce-checkout #customer_details,
.woo form.woocommerce-checkout #order_review,
.woo .woocommerce-order ul.woocommerce-order-overview,
.woo .woocommerce-order>section,
.single-product .product,
.cart-collaterals,
form.woocommerce-cart-form table tr.cart_item,
.woo .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-login,
.woo form.woocommerce-form,
form.post-password-form
{
	padding: 25px;
	background: #fff;
    -webkit-box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
       -moz-box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
            box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
}

form.woocommerce-cart-form table tr.cart_item
{
    padding: 15px 0px;
}

.woo .woocommerce-order section.woocommerce-order-details
{
	padding-bottom: 15px;
}

.woo .u-columns.woocommerce-Addresses>div
{
	padding: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.woo nav.woocommerce-MyAccount-navigation
{
	display: none;
	width: 23%;
    float: left;
    margin-right: 2%;
}

.woo nav.woocommerce-MyAccount-navigation ul
{
	margin-bottom: 0px;
}

.woo nav.woocommerce-MyAccount-navigation ul li
{
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0px 10px 20px !important;
    background-position: left 18px;
	font-family: 'montserratsemibold',sans-serif;
    font-size: 16px;
}

.woo nav.woocommerce-MyAccount-navigation ul li a
{
	color: #333f48;
	border-bottom: none;
}

.woo nav.woocommerce-MyAccount-navigation ul li a:hover,
.woo nav.woocommerce-MyAccount-navigation ul li.is-active a
{
    color: #006ec7;
	border-bottom: none;
}

.woo .woocommerce-MyAccount-content,
.woo form.woocommerce-form,
body.woocommerce-lost-password .woocommerce,
form.post-password-form
{
	width: 50%;
	float: left;
    position: relative;
}

.woo #customer_login form.woocommerce-form
{
	width: 100%;
}

.woo .woocommerce-MyAccount-content,
.woo form.woocommerce-form,
body.woocommerce-lost-password .woocommerce,
form.post-password-form
{
	margin-left: 25%;
}
 
.woo #customer_login form.woocommerce-form
{
	margin-left: 0%;
}

.woo address
{
	font-style: normal;
}

.woo .woocommerce-MyAccount-content a
{
    color: #006ec7;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.woo .woocommerce-MyAccount-content a:hover
{
	border-bottom: 1px solid #006ec7;
}

.woo abbr
{
	text-decoration: none;
}

/*----------- Coupon --------------*/

.woo .woocommerce-form-coupon-toggle
{
	margin-bottom: 10px;
}

.woo .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-login
{
    width: 33% !important;
    margin-left: 0px !important;
	float: none !important;
    margin-bottom: 25px;
    border-radius: 25px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.woo .woocommerce-form-coupon p.form-row-first,
.woo .woocommerce-form-coupon p.form-row-last
{
	float: left;
}

.woo .woocommerce-form-coupon p.form-row-first
{
	margin-right: 2%;
	width: 40%;
	float: left;
}

.woo .woocommerce-form-coupon p.form-row-last
{
	float: left;
	width: 58%;
}

.woo .woocommerce-form-coupon p.form-row-last button
{
	margin-top: 0px;
}

.woo .woocommerce-form-coupon .clear
{
	clear: both;
}

/*------------ Checkout ---------------*/

.woo .u-columns .col-1,
.woo .u-columns .col-2
{
	width: 49%;
    float: left;
}

.woo .u-columns .col-1,
.woo form.woocommerce-checkout #customer_details
{
	margin-right: 2%;
}

.woo form.woocommerce-checkout #customer_details
{
	width:68%;
    float: left;
}

.woo form.woocommerce-checkout #customer_details:after
{
	position: relative;
	content:'';
	clear: both;
	display: block;
}

.woo form.woocommerce-checkout #customer_details .col-1
{
	width: 48.5%;
    float: left;
    margin-right: 3%;
    border-right: 1px solid #e4e4e4;
    padding-right: 3%;
}

.woo form.woocommerce-checkout #customer_details .col-2
{
	width: 48.5%;
    float: left;
}

.woo form.woocommerce-checkout #order_review
{
	width:30%;
    float: left;
}

.cart-collaterals
{
	width: 30%;
	float: left;
}

.woocommerce-checkout-review-order table thead,
.woocommerce-order-details table thead
{
	display: none;
}

.cart-collaterals table tr,
.woocommerce-checkout-review-order table tr,
.woocommerce-order-details table tr
{
    margin-bottom: 10px;
    display: inline-table;
    width: 100%;
}

.cart-collaterals table td,
.woocommerce-checkout-review-order table td,
.woocommerce-order-details table td
{
    border-bottom: 1px solid #dfdfdf;
}

.cart-collaterals table th,
.cart-collaterals table td,
.woocommerce-checkout-review-order table th,
.woocommerce-checkout-review-order table td,
.woocommerce-order-details table th,
.woocommerce-order-details table td
{
    padding: 10px !important;
    vertical-align: top;
	border: none !important;
    background: #f6f6f6;
}

table tr.woocommerce-shipping-totals th,
table tr.woocommerce-shipping-totals td
{
	display: table;
	width: 100%;
}

.cart-collaterals table th,
.woocommerce-checkout-review-order table tfoot th,
.woocommerce-order-details table tfoot th
{
    padding-bottom: 0px !important;
}

.woocommerce-checkout-review-order table tbody td,
.woocommerce-order-details table tbody td
{
    font-size: 14px;
	line-height: 20px;
    padding: 0px 0px 5px 0px !important;
    background: none;
}

.woocommerce-checkout-review-order table tbody td.product-name
{
	padding-right: 5px !important;
}

.woocommerce-checkout-review-order table tbody td.product-total,
.woocommerce-order-details table tfoot td
{
    text-align: right;
}

.woocommerce-checkout-review-order table tfoot th,
.woocommerce-checkout-review-order table tfoot td,
.woocommerce-order-details table tfoot th,
.woocommerce-order-details table tfoot td
{
    background: #f6f6f6;
}

.cart-collaterals table td p.woocommerce-shipping-destination strong,
.woocommerce-checkout-review-order table td p.woocommerce-shipping-destination strong
{
	display: block;
}

.woo ul.wc_payment_methods,
.woo ul.woocommerce-shipping-methods
{
	margin: 0px;
}

.woo ul.wc_payment_methods li,
.woo ul.woocommerce-shipping-methods li
{
	padding: 0px;
    background: none;
}

.woo ul.wc_payment_methods li .payment_box
{
    font-size: 13px;
    line-height: 20px;
    color: #9e9e9e;
}

.woo ul.woocommerce-shipping-methods li span.easypack-shipping-method-logo
{
	display: none;
}

/*----------- Steps --------------*/

.art-steps
{
	display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: 'montserratbold',sans-serif;
    font-size: 20px;
}

.art-steps span
{
    font-size: 32px;
    line-height: 38px;
}

.art-steps span.active
{
	
}

/*------------ Order / Orders ---------------*/

.woocommerce-order:after
{
	position: relative;
	content:'';
	clear: both;
	display: block;
}

.woocommerce-order ul
{
	
}

.woocommerce-order>section
{
	margin-bottom: 25px;
}

.woocommerce-order section.woocommerce-order-details,
.woocommerce-order section.woocommerce-customer-details
{
	width: 49%;
	float: left;
}

.woocommerce-order section.woocommerce-order-details
{
	margin-right: 2%;
}

.woocommerce-order section.woocommerce-bacs-bank-details
{
    margin-bottom: 25px;
    margin-top: -10px;
    padding-top: 0px;
}

.woocommerce-order section.woocommerce-bacs-bank-details h2
{
	display: none;
}

section.woocommerce-order-details table td.product-name
{
	padding-right: 5px !important;
}

section.woocommerce-order-details table td.product-total
{
    text-align: right;
}

section.woocommerce-order-details ul.wc-item-meta
{
    margin-bottom: 0px;
}

section.woocommerce-order-details ul.wc-item-meta li
{
    padding: 0px;
    background: none;
    font-size: 13px;
    color: #9e9e9e;
}

section.woocommerce-order-details ul.wc-item-meta li strong
{
	font-weight: normal;
    font-family: 'montserratregular',sans-serif;
}

section.woocommerce-order-details ul.wc-item-meta li p
{
    margin: 0px;
    display: inline-block;
}

/*------------ Orders ---------------*/

.woocommerce-MyAccount-content section.woocommerce-customer-details
{
	margin-top: 10px;
}

.woocommerce-MyAccount-orders thead th
{
    font-size: 13px;
    padding: 0px 5px;
    text-align: center;
}

.woocommerce-MyAccount-orders tbody td
{
    padding: 15px 5px !important;
	border-top: 1px solid #e4e4e4;
    text-align: center;
	line-height: 18px;
}

.woocommerce-MyAccount-orders tbody td.woocommerce-orders-table__cell-order-date,
.woocommerce-MyAccount-orders tbody td.woocommerce-orders-table__cell-order-status,
.woocommerce-MyAccount-orders tbody td.woocommerce-orders-table__cell-order-total
{
	font-size: 13px;	
}

.woocommerce-MyAccount-orders tbody td.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount
{
	display: block;	
	font-size: 15px;
}

/*------------ Opinie -------------*/

.woocommerce-product-rating
{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
}

.woocommerce-Reviews .comment-reply-title
{
	font-family: 'montserratsemibold',sans-serif;
}

.woocommerce p.stars a 
{
    position: relative;
    width: 12px;
    height: 12px;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    background: url(img/rate_1.png) center center no-repeat;
	border-bottom: none;
}

.woocommerce p.stars a::before 
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 12px;
    height: 12px;
    text-indent: -999em;
}

.woocommerce p.stars.selected a:not(.active)::before
{
    background: url(img/rate.png) center center no-repeat;
}

.woocommerce p.stars.selected a.active~a::before 
{
    background: url(img/rate_1.png) center center no-repeat;
}

.woocommerce p.stars a:hover,
.woocommerce p.stars a.active
{
    background: url(img/rate.png) center center no-repeat;
	border-bottom: none;
}

.woocommerce #reviews #comments
{
	position: relative;
	top: 0px;
}

.woocommerce #reviews #comments ol.commentlist::after, 
.woocommerce #reviews #comments ol.commentlist::before 
{
    content: ' ';
    display: table;
}

.woocommerce #reviews #comments ol.commentlist
{
	margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
}

.woocommerce #reviews #comments ol.commentlist li 
{
    margin: 0 0 10px;
    position: relative;
    list-style: none;
	font-size: 13px;
    line-height: 18px;
	padding-bottom: 0px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar 
{
    float: left;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text
{
	margin: 0 0 0 50px;
    border: 1px solid #dfdfdf;
    padding: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::after, 
.woocommerce #reviews #comments ol.commentlist li .comment-text::before 
{
    content: ' ';
    display: table;
}

/*------------ Cart ---------------*/

form.woocommerce-cart-form
{
	width: 68%;
	float: left;
	margin-right: 2%;
}

form.woocommerce-cart-form table thead
{
	display: none;
}

form.woocommerce-cart-form table tr
{
    margin-bottom: 10px;
    display: inline-table;
    width: 100%;
}

form.woocommerce-cart-form table tr:last-child
{
    margin-top: 15px;
}

form.woocommerce-cart-form table td
{
    vertical-align: middle;
	position: relative;
    padding: 0px 10px;
}

form.woocommerce-cart-form table td
{
    vertical-align: middle;
	position: relative;
    padding: 0px 10px;
}

form.woocommerce-cart-form table td.product-remove
{
	width: 40px;
}

form.woocommerce-cart-form table td.product-remove a
{
	left: 50%;
	margin-left: -5px;
	top: 50%;
	margin-top: -5px;
	border-bottom: none;
}

form.woocommerce-cart-form table td.product-remove a:hover
{
	border-bottom: none;
}

form.woocommerce-cart-form table td.product-thumbnail img
{
    width: 60px;
}

form.woocommerce-cart-form table td.product-name a
{
	font-family: 'montserratsemibold',sans-serif;
	border-bottom: none;
	color: #333f48;
}

form.woocommerce-cart-form table td.product-name a:hover
{
	border-bottom: none;
	color: #006ec7;
}

form.woocommerce-cart-form table td.product-name p
{
    margin-bottom: 0px;
    font-size: 13px;
    color: #9e9e9e;
	line-height: 18px;
}

form.woocommerce-cart-form table td.product-quantity .quantity
{
	display: inline-block;
}

form.woocommerce-cart-form table td.actions
{
    padding: 0px;
	background: none;
}

form.woocommerce-cart-form table td.actions .coupon
{
    float: left;
}

form.woocommerce-cart-form table td.actions .coupon:after
{
	position: relative;
	content:'';
	clear: both;
	display: block;
}

form.woocommerce-cart-form table td.actions .coupon label
{
	display: none;
}

form.woocommerce-cart-form table td.actions .coupon input
{
	float: left;
    width: 160px;
    margin-right: 15px;
}

form.woocommerce-cart-form table td.actions .coupon button
{
	float: left;
	margin-top: 0px;
}

form.woocommerce-cart-form table td.actions button.wp-element-button
{
	float: right;
	margin-top: 0px;
}

/*------------ Rest ---------------*/

.woocommerce:after,
.woo .u-columns:after
{
	position: relative;
	content: '';
	clear: both;
	display: block;
}

.woo .shop-filters,
.woo ul.products li,
.woo .single-product .product
{
	-webkit-box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
       -moz-box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
            box-shadow: 1px 3px 4px rgb(0 0 0 / 10%);
}

.woo ul.products li.berocket_lgv_list
{
	-webkit-box-shadow: 1px 3px 4px rgb(0 0 0 / 0%);
       -moz-box-shadow: 1px 3px 4px rgb(0 0 0 / 0%);
            box-shadow: 1px 3px 4px rgb(0 0 0 / 0%);
}

.woocommerce-mini-cart__buttons a.wp-element-button,
.woo a.wp-element-button,
.woo button.button,
form.comment-form .form-submit input,
form.post-password-form input[type="submit"]
{
    font-family: 'montserratbold',sans-serif;
	background: rgba(0,0,0,0);
	border: 2px solid #006ec7;
    color: #006ec7 ;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 10px 15px;
    margin-top: 10px;
    display: inline-block;
    line-height: 18px;
	text-align: center;
	cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.woocommerce-mini-cart__buttons a.checkout.wp-element-button,
.woo button.single_add_to_cart_button.wp-element-button,
.woo a.checkout-button.wp-element-button,
.woo button#place_order.wp-element-button
{
	background: #006ec7;
    border: 1px solid #006ec7;
    color: #ffffff;
}

.woo a.checkout-button.wp-element-button,
.woo button#place_order.wp-element-button
{
	width: 100%;
}

body.home .woo a.wp-element-button
{
	display: none;
}

.woocommerce-mini-cart__buttons a.wp-element-button:hover,
.woo a.wp-element-button:hover,
.woo button.button:hover,
.woo button#place_order.wp-element-button:hover,
form.comment-form .form-submit input:hover,
form.post-password-form input[type="submit"]:hover
{
	background: #006ec7;
	border: 2px solid #006ec7;
    color: #ffffff;
}

/*----- price start ------*/

.price
{
	display: block;
}

.summary .price
{
    margin-bottom: 25px;
}

.price span.net
{
	display: block;
}

.price span.net .woocommerce-Price-amount
{
	color: #333f48;
	font-size: 15px;
	font-family: 'montserratregular',sans-serif;
}

.price span.net small.woocommerce-price-suffix
{
	color: #333f48;
}

.woocommerce-Price-amount
{
    font-family: 'montserratregular',sans-serif;
    font-size: 16px;
	color: #006ec7;
}

.woocommerce-order-overview__total .woocommerce-Price-amount
{
    font-family: 'montserratsemibold',sans-serif;
    font-size: 15px;
	color: #333f48;
}

li.product .woocommerce-Price-amount,
#shop-cart .widget_shopping_cart_content .total .amount
{
    font-size: 22px;
    font-family: 'montserratbold',sans-serif;
}

#shop-cart .widget_shopping_cart_content .total .amount
{
	text-align: right;
}

.single-product .summary .woocommerce-Price-amount,
tr.order-total .woocommerce-Price-amount,
.woocommerce-table--order-details tfoot tr:last-child td>.woocommerce-Price-amount
{
	font-size: 40px;
    font-family: 'montserratbold',sans-serif;
}

del
{
	color: #006ec7;
}

del .woocommerce-Price-amount
{
    display: block;
	color: #006ec7;
    font-size: 15px !important;
	font-family: 'montserratregular',sans-serif !important;
}

ins
{
	text-decoration: none;
}

ins .woocommerce-Price-amount
{
	text-decoration: none;
}

small.woocommerce-price-suffix,
small.tax_label,
small.includes_tax,
small.includes_tax .woocommerce-Price-amount,
span.tax
{
    font-family: 'montserratregular',sans-serif;
	font-size: 13px;
	color: #006ec7;
	margin-left: 2px;
}

body.home .price del,
ul.products.columns-2 .price del,
ul.products.columns-3 .price del,
ul.products.columns-4 .price del,
td.product-total small.tax_label
{
    display: inline-block;
}

tr.cart-subtotal td,
tr.order-total td,
tr.cart-discount td,
td.product-subtotal,
td.product-price
{
	text-align: right;
}

tr.cart-subtotal small.tax_label,
tr.order-total small.includes_tax,
.woocommerce-order-details table tfoot td small.includes_tax,
td.product-subtotal small.tax_label
{
	display: block;
}

/*----- price end ------*/

.woocommerce form.woocommerce-ordering select,
.woocommerce input.qty,
form.woocommerce-product-search input.search-field,
.woocommerce .woocommerce-Input,
.woocommerce input.input-text,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce textarea.input-text,
form.comment-form textarea,
form.post-password-form input[type="password"]
{
    font-size: 14px;
    font-family: 'montserratregular',sans-serif;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #dfdfdf;
    outline: none;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0px 15px;
}

.woocommerce .woocommerce-invalid input.input-text
{
	border: 1px solid red;
}

.woocommerce .woocommerce-invalid label
{
	color: red;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 40px;
    padding: 0px;
}

.woocommerce input.input-text,
.woocommerce .select2-container--default .select2-selection--single
{
    width: 100%;
}

.woocommerce input.qty
{
    width: 60px;
	padding-right: 0px;
}

.woocommerce textarea.input-text,
form.comment-form textarea
{
    height: 179px;
    width: 100%;
    padding: 10px 15px;
    line-height: 25px;
}

.woocommerce form.woocommerce-ordering select
{
	cursor: pointer;
    line-height: 38px;
    height: 38px;
    padding: 0px 5px 0px 5px;
    font-size: 13px;
}

.woocommerce form.woocommerce-ordering select option[value=popularity],
.woocommerce form.woocommerce-ordering select option[value=date],
.woocommerce form.woocommerce-ordering select option[value=price],
.woocommerce form.woocommerce-ordering select option[value=price-desc]
{
	display: none !important;
}

button#sort-toggle
{
    position: absolute;
	top: 0px;
    right: 0px;
    width: 38px;
    height: 38px;
    border: 2px solid #006ec7;
    font-size: 20px;
    margin-right: -42px;
    float: right;
    margin-left: 5px;
    color: #006ec7;
    text-align: center;
    background: #fff;
    cursor: pointer;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;	
}

button#sort-toggle:hover
{
    color: #ffffff;
    background: #006ec7;
}

form.woocommerce-product-search input.search-field
{
    width: 620px;
    padding-right: 40px;
	background: #f6f6f6;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow 
{
    height: 40px;
    top: 0px;
    right: 0px;
    width: 20px;
}

/* ======================= Social Login ===================== */

#xs-social-login-container .xs-login--style-1 .xs-login__item
{
	border-bottom: none;
}

#xs-social-login-container .xs-login--style-1 .xs-login__item--label 
{
	font-weight: normal;
	font-family: 'montserratbold',sans-serif;
}

#xs-social-login-container .met-social 
{
	line-height: inherit !important;
}

#xs-social-login-container .wslu-logout-button
{
	display: none !important;
}

div.nsl-container-block .nsl-container-buttons a
{
	-webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.45) !important;
	   -moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.45) !important;
			box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.45) !important;
}

/* ======================= Cookies ===================== */

#cookie-notice
{
    max-width: 500px !important;
    margin: 15px;
    min-width: auto;
	left: auto;
	right: 0;
	font-family: 'ClashDisplay-Regular',sans-serif;
}

#cookie-notice .cookie-notice-container
{
    padding: 10px 40px;
}

#cookie-notice a
{
    margin: 5px 5px 5px 0px !important;
}

#cookie-notice span.cn-close-icon
{
	opacity: 1 !important;
}

#cookie-notice span.cn-close-icon:before,
#cookie-notice span.cn-close-icon:after
{
	background-color: #006ec7;
}

/* ========================== Animations ====================== */

/******************
* Bounce in right *
*******************/


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-100 {
    -webkit-animation-delay:0.10s;
    -moz-animation-delay:0.10s;
    -o-animation-delay:0.10s;
    animation-delay:0.10s;
}
.delay-150 {
    -webkit-animation-delay:0.15s;
    -moz-animation-delay:0.15s;
    -o-animation-delay:0.15s;
    animation-delay:0.15s;
}
.delay-200 {
    -webkit-animation-delay:0.20s;
    -moz-animation-delay:0.20s;
    -o-animation-delay:0.20s;
    animation-delay:0.20s;
}
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-300 {
    -webkit-animation-delay:0.30s;
    -moz-animation-delay:0.30s;
    -o-animation-delay:0.30s;
    animation-delay:0.30s;
}
.delay-350 {
    -webkit-animation-delay:0.35s;
    -moz-animation-delay:0.35s;
    -o-animation-delay:0.35s;
    animation-delay:0.35s;
}
.delay-400 {
    -webkit-animation-delay:0.40s;
    -moz-animation-delay:0.40s;
    -o-animation-delay:0.40s;
    animation-delay:0.40s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-3px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(3px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-3px);} 
    20%, 40%, 60%, 80% {transform: translateY(3px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}

.grecaptcha-badge {
    z-index: -100000 !important;
    opacity: 0!important;
}