/* ======================= STYLE H ======================== */


/* .h1 {
	font-size: 30px;
	line-height: 40px;
	margin: 1em 0 .6em 0;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	color: #0379D1;
}
.h2 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 25px;
	line-height: 40px;
}

.h3 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 20px;
	line-height: 40px;
	font-family: 'Questrial', sans-serif;
}

.h4 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Questrial', sans-serif;
} */


/* #main-content h1 {
	font-size: 30px;
	line-height: 40px;
	margin: 1em 0 .6em 0;
	font-weight: normal;
	color: white;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	color: #0379D1;
}
#main-content h2 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 25px;
	line-height: 40px;
}

#main-content h3 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 20px;
	line-height: 40px;
	font-family: 'Questrial', sans-serif;
}

#main-content h4 {
	margin: 1em 0 .6em 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	color: #0379D1;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Questrial', sans-serif;
} */


/* ======================= STYLE H START ======================== */



#main-content h1 {
    color: #0379D1;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
}

#main-content h2 {
    color: #0379D1;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

#main-content h3 {
    color: #0379D1;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    margin: 5px 0 10px 0;
}


/* ======================= STYLE H STOP ======================== */


@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'MicrogrammaDMedExt';
    src: url('fonts/microgrammadmedext_0-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'MicrogrammaDMedExt';
    src: url(//:) format('no404'), url('fonts/microgrammadmedext_0-webfont.woff') format('woff'), url('fonts/microgrammadmedext_0-webfont.ttf') format('truetype'), url('fonts/microgrammadmedext_0-webfont.svg#MicrogrammaDMedExtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'MicrogrammaDBolExt';
    src: url('fonts/microgrammadbolext-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'MicrogrammaDBolExt';
    src: url(//:) format('no404'), url('fonts/microgrammadbolext-webfont.woff') format('woff'), url('fonts/microgrammadbolext-webfont.ttf') format('truetype'), url('fonts/microgrammadbolext-webfont.svg#MicrogrammaDBolExtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #FFF;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #50585c;
    height: 100%;
}

a:hover {
    text-color: red;
    text-decoration: underline;

}

.user-manual {}

.user-manual:hover {
    opacity: 0.5;

}


#wrapper {
    overflow: hidden;
    width: 100%;
    background: #fff;
}

#header {
    border-top: 2px #ffffff solid;
    width: 100%;
    text-align: center;
    background: white;
}

#header .content {
    width: 940px;
}

#top-form p {
    margin: 5px 0;
}

#target {
    width: 100%;
}

#right-panel dl {
    margin-bottom: 15px;
    position: relative;
    float: right;
}

#right-panel a {
    color: #7E7E7E;
    text-decoration: none;
}

#right-panel dt {
    background: url("../images/layout/arrow.jpg") no-repeat;
    background-position: right;
    border: 0px;
    cursor: pointer;
    text-align: right;
    padding-right: 15px;
}

#right-panel dd {
    position: absolute;
    top: 17px;
    right: 0;
    background: #fff;
    background-color: transparent;
    /*background-color: rgba(255, 255, 255, 0.8);*/
    background-color: rgba(255, 255, 255, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)";
    zoom: 1;
    width: 260px;
    border-radius: 7px;
    font-size: 13px;
    z-index: 19997 !important;
}



* #right-panel ul {
    padding: 0 10px 10px 10px;
}

#right-panel ul li {
    margin: 5px 0;
    cursor: pointer;
    letter-spacing: 1px;
}

.value {
    display: none
}

/* #small-menu {
	white-space: nowrap;
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 450px;
} */

#small-menu {
    white-space: nowrap;
    position: absolute;
    right: 0;
    bottom: 0px;
    /* width: 450px; */
    width: 700px;
    font-weight: lighter !important;
}


#small-menu a {
    color: #7E7E7E;
    text-decoration: none;
}



.zoomin img {
    height: 160px;
    width: 160px;

}

.zoomin img:hover {
    width: 300px;
    height: 300px;
}

#small-menu a:hover {
    color: #007bd8;
}

.search-field {
    background: url('../images/layout/mgnglass.jpeg') no-repeat 3px 4px;
    padding: 4px 10px 3px 25px;
    border: 1px #C9C9C9 solid;
    color: #555;
    margin-right: -5px;
    width: 120px;
    color: #717171;
}

.search-button-pl {
    background: url('../images/layout/search-button-pl.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-ru {
    background: url('../images/layout/search-button-ru.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-en {
    background: url('../images/layout/search-button-en.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}


.search-button-fi {
    background: url('../images/layout/search-button-en.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-de {
    background: url('../images/layout/search-button-de.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-ua {
    background: url('../images/layout/search-button-ru.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-by {
    background: url('../images/layout/search-button-ru.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-lt {
    background: url('../images/layout/search-button-lt.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

.search-button-ee {
    background: url('../images/layout/search-button-ee.jpg') no-repeat;
    width: 50px;
    height: 26px;
    border: none;
    cursor: pointer;
    text-indent: 9999px;
    white-space: nowrap;
}

#right-panel {
    float: right;
    color: #7E7E7E;
    text-align: right;
    position: relative;
    margin-top: 28px;
    height: 74px;
}

#right-panel select {
    color: #7E7E7E;
    border: none;
}

.content {
    width: 960px;
    margin: 0 auto;
}


#title {
    width: 110px;
    overflow: hidden;
    display: block;
    float: left;
    background: url('../images/layout/logo.svg') no-repeat;
    height: 108px;
}

#title_de {
    width: 94px;
    overflow: hidden;
    display: block;
    float: left;
    background: url('../images/layout/logo.svg') no-repeat;
    width: 94px;
    height: 108px;
}

#eye-catcher {
    position: relative;
    background: url('../images/layout/repeatable.jpeg') repeat-x #f7f7f7;
    width: 100%;
    margin: 0 auto;
}

#eye-catcher .big-image {
    text-align: center;
}

.mod-date {
    font-weight: bold;
}

#zones {
    margin: 0 auto;
    width: 960px;
    text-align: center;
}

#zone-content {}

#zones a {
    width: 235px;
    height: 43px;
    display: block;
    float: left
}

#zone-content-de {
    padding: 0 10px;
}

#zones a.long-zone {
    width: 940px;
    height: 43px;
}

.zones-de-left {
    float: left;
    width: 50%;
}

.zones-de-right {
    float: right;
    width: 50%;
}


/*#zones a:hover {
    margin-top: -1px;
}*/

#register,
#newsletter form {
    width: 412px;
    margin-left: 40px;
}

#newsletter-pl form {
    width: 400px;
    margin-left: 40px;
}

form table tr {
    padding: 5px 0;
}

#register input,
#register select,
#newsletter form input[type="text"],
#career form input[type="text"] {
    padding: 4px 5px 3px 5px;
    border: 1px #C9C9C9 solid;
    color: #555;
    width: 250px;
    color: #717171;
}

#newsletter-pl form input[type="text"] {
    padding: 4px 5px 3px 5px;
    border: 1px #C9C9C9 solid;
    color: #555;
    width: 250px;
    color: #717171;
    margin-bottom: 10px;
    margin-left: 15px;
}

#register textarea,
#newsletter form textarea {
    padding: 4px 5px 3px 5px;
    border: 1px #C9C9C9 solid;
    color: #555;
    width: 250px;
    height: 80px;
    color: #717171;
    margin-bottom: 10px;
}

#newsletter-pl form textarea {
    padding: 4px 5px 3px 5px;
    border: 1px #C9C9C9 solid;
    color: #555;
    width: 250px;
    height: 80px;
    color: #717171;
    margin-bottom: 10px;
}

.radio label {
    display: block;
    text-align: left;

}

.custom_radio {
    background: url(../images/layout/radio.png) no-repeat center left;
    margin: 7px 0;
    height: 15px;
    cursor: pointer;
    padding-left: 20px;
}

.required {
    text-decoration: underline;
}

.r_on {
    background: url(../images/layout/radio-selected.png) no-repeat center left;
}

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

#register-submit {}

.quick-contact-submit-pl {
    background: url('../images/layout/quick-contact-button-pl.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 52px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin-right: 5px;
}

.quick-contact-submit-ru {
    background: url('../images/layout/quick-contact-button-ru.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 52px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin-right: 5px;
}

.quick-contact-submit-en {
    background: url('../images/layout/quick-contact-button-en.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 52px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin-right: 5px;
}

.top-label {
    vertical-align: top;
    padding-right: 15px;
    text-align: right;
    letter-spacing: 1px;
    padding-top: 5px;
}

.middle-label {
    vertical-align: middle;
    padding: 0 15px 0 5px;
    text-align: right;
    letter-spacing: 1px;
}

.field {
    width: 230px;
    padding: 5px;
}

.invalid {
    border: 3px #C75050 groove;
}

#newsletter-pl input[type="submit"] {
    background: url('../images/layout/newsletter-button-pl.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-en {
    background: url('../images/layout/newsletter-button-en.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-ru {
    background: url('../images/layout/newsletter-button-ru.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-ua {
    background: url('../images/layout/newsletter-button-ua.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-by {
    background: url('../images/layout/newsletter-button-by.jpg');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-de {
    background: url('../images/layout/newsletter-button_de.png');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 26px;
    whitespace: nowrap;
    border: none;
    margin: 15px 0px;
}

#newsletter-button-pl {
    background: url('../images/layout/zapisz.png');
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    width: 75px;
    height: 27px;
    whitespace: nowrap;
    border: none;
    margin: 5px 0px;
}

#breadcrumbs {
    color: #004A85;
    font-size: 11px;
    padding: 5px 20px 3px 20px;
    width: 95%;
    margin: 0 auto;
    line-height: 1.5em;
}

#breadcrumbs a {
    color: #005A8D;
    font-size: 11px;
    text-decoration: none;
}

.komunikat {
    padding: 5px 10px;
    color: white;
    background: #0379D1;
    font-weight: bold;
    margin: 5px 0;
    border: 2px #DDD solid;
}

#langForm {
    margin-bottom: 10px;
}

#main-menu {
    width: 100%;
    display: block;
    height: 48px;
    white-space: nowrap !important;
}

#main-menu ul {
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 10px;
}

#main-menu ul li a {
    color: white;
    text-decoration: none;
    white-space: nowrap !important;
}

/* 
#main-content {
	background: url('../images/layout/bottom-gradient.jpg') repeat-x 0 100% #f7f7f7;
	min-height: 197px;
} */

#main-content {
    background: url('../images/layout/bottom-gradient.jpg') repeat-x 0 100% #f7f7f7;

    min-height: 197px;
}


#main-content .padder {
    padding: 20px 0 60px 10px;
    line-height: 1.5em;
    font-size: 12px;
    color: #717171;
}

#main-content .content {
    min-height: 100px;
}

#main-content .two-column {
    background: url('../images/layout/top-gradient-subpage.jpg') no-repeat center top;
}

#main-content .one-column {
    background: url('../images/layout/top-gradient.jpg') no-repeat center top;
}

#main-content p {
    margin: 10px 0;
}


#box-left {
    width: 182px;
    float: left;
    padding: 0 9px;
}

#box-right {
    width: 650px;
    float: left;
    padding: 10px 50px;
    position: relative;
}

#box-right2 {
    width: 650px;
    float: left;
    padding: 10px 0px;
    position: relative;
}

#box-right-longer {
    width: 750px;
    float: left;
    padding: 10px 50px;
    position: relative;
}

#box-right a:hover {
    color: #0379D1;
}

#box-right a {
    color: #717171;
    text-decoration: none;
}

#box-right ul {
    margin-left: 25px;
}

.img-wrapper {
    background: url('../images/layout/realizacje-img-wrapper.jpg') no-repeat;
    width: 110px;
    height: 107px;
    text-align: center;
}

.img-wrapper img {
    margin-top: 10px;
}

.more {
    float: right;
    color: #0379D1;
    text-decoration: none;
}

#box-right .item {
    margin: 5px 0;
}

#box-right .item h3 {
    font-weight: bold;
    font-size: 22px;
    margin: 5px 0;
}


#footer {
    margin: 0 20px;
    padding-left: 30px;
    font-size: 11px;
}

#bottom-menu {
    padding: 20px 0;
    border-bottom: 1px gainsboro solid;
    color: #747474;
    letter-spacing: 1px;
}

#bottom-menu a,
#bottom-menu a:link,
#bottom-menu a:visited {
    color: #747474;
    text-decoration: none;
}

#bottom-menu a:hover {
    color: #007bd8;
}

#small-menu .active {
    font-weight: bold;
}

#Searchresult .result {
    margin: 8px 0;
    border-bottom: 2px #DDD dotted;
    padding: 7px 0;
}

#Searchresult dd {
    text-align: justify;
    margin-top: 3px;
}

#Searchresult dt a {
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}




.justify {
    text-align: justify;
}

.iWrapper {
    width: 540px;
    height: 70px;
    background: url('../images/layout/pasek.png') no-repeat;
    position: relative;
    z-index: 1;
}

.production .bx-wrapper {
    padding: 18px 18px 18px 68px;
}

#expoGallery .bx-wrapper {
    padding: 18px 18px 18px 68px;
}

.implementations .bx-wrapper {
    padding: 10px 10px 10px 65px;
}

.implementations .bx-prev {
    top: 25px !important;
    width: 18px !important;
    height: 23px !important;
    left: 22px !important;
    background: url(../images/layout/iArrowL.png) no-repeat;
}

.implementations .bx-next {
    top: 25px !important;
    width: 18px !important;
    height: 23px !important;
    right: -24px !important;
    background: url(../images/layout/iArrowR.png) no-repeat;
}


.keyword {
    color: #0379D1;
}

#header ul {
    list-style: none
}

.dotted {
    background: url('../images/layout/dot.png') repeat-x center;
    margin: 15px auto;
    height: 20px;
}


#box-left ul {
    list-style: none;
}

#left-menu {
    width: 186px;
}

#left-menu .blue {
    width: 176px;
    margin: 0 auto;
}

#left-menu .blue li a {
    color: white;
    text-decoration: none;
    display: block;
    background: url('../images/layout/left-menu-item.jpg');
    width: 170px;
    padding: 11px 3px;
    text-align: center;
}

#left-menu .blue li a.bigger {
    color: white;
    text-decoration: none;
    display: block;
    /* background: url('../images/layout/left-menu-item2.jpg'); */
    width: 170px;
    padding: 11px 3px;
    text-align: center;
}

.classic-wrapper {
    background: url('../images/layout/left-menu-caption.jpg') no-repeat;
    margin-bottom: -20px;
}

#left-menu .classic {
    margin-top: 8px;
    margin-left: 15px;
    position: relative;
    z-index: 3;
}

.no-border {
    border: none !important;
}

#left-menu .classic a {
    color: #155D97;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
}

#left-menu .classic a:hover {
    color: #000;
}

.classic li {
    border-bottom: 1px #CAE1F3 solid;
    padding-bottom: 4px;
    width: 135px;
    padding-top: 4px;
}

#left-menu h4 {
    color: white;
    font-weight: bold;
    padding: 4px 4px 4px 12px;
}

.left-menu-bottom {
    background: url('../images/layout/left-menu-bottom.jpg') no-repeat;
    width: 100%;
    height: 45px;
    position: relative;
    top: -20px;
    z-index: 2;
}

strong {
    font-weight: bold;
}

.expo-content {
    text-align: justify;
}

.expo {
    clear: both;
}

.resultThumb {
    float: left;
    margin: 0 10px 10px 0;
}

table.kantabela td {
    margin: 10px;
    border: #FFFFFF solid 1px !important;
    padding: 7px 5px;
}

.kantabela td.dark {
    color: #FFFFFF;
    background-color: #10589a;
    height: 30px;
    vertical-align: middle;
    border: #FFFFFF solid 1px !important;
}

.kantabela td {
    background-color: #cfdeeb;
    color: #384E62;
    border: #FFFFFF solid 1px !important;
    vertical-align: middle;
}

.postContent {
    top: 275px;
    width: 400px;
    display: block;
    right: 40px;
    position: absolute;
    text-align: justify;
}

.menu-width {
    width: 200px;
}

.box-right h3 {
    font-family: Verdana;
    font-size: 22 px;
    font-weight: bold;
}

#left-menu ul li a.selected {
    background: url('../images/layout/left-menu-item-actual.jpg');
}

#left-menu ul li a.bigger.selected {
    background: url('../images/layout/left-menu-item2-actual.jpg');
}



#pressAboutUs td {
    padding: 5px;
}

#box-right ul {
    line-height: 2em
}

.ads,
.postContent {
    display: none;
}

.pion {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    display: block;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#register-submit-pl {
    background: url('../images/layout/zapisz.png') !important;
    width: 75px !important;
    height: 27px !important;
    border: none !important;
    cursor: pointer;
    margin: 5px 5px 0 0;
}


#panel,
#flip {
    padding: 5px;
    text-align: center;
    background-color: #f7f7f7;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}


.topbar h2,
.topbar h3 {
    display: inline-block;
    font-weight: 300;
    font-size: 40px;
    width: 49%;
    min-width: 320px;
}

.topbar h2 {
    padding-right: 20px;
    color: #666;
}

.topbar h3 {
    text-align: right;
    padding-left: 20px;
    color: #aaa;

}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

#chartdiv {
    width: 100%;
    height: 500px;
}

.ammapDescriptionWindow {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: Verdana;
    font-size: 10px;
    opacity: 0.95;
    overflow: auto;
}

.ammapDescriptionText {
    max-height: 200px;
    overflow: auto;
}

.ammapDescriptionTitle {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}

/* ========= INFORMATION ============================

- document:  Slick Modals - HTML5 and CSS3 powered modal popups
- author:    Capelle @ Codecanyon
- profile:   http://codecanyon.net/user/Capelle
- version:   3.5

==================================================== */

/* ========================
   Reset and basics
   ======================== */

/* Reset */
.slickModal * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    vertical-align: baseline;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Basics */
.slickModal {
    position: fixed;
    z-index: -1;
}

.slickOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.slickWindow {
    display: block;
    position: fixed;
    z-index: 2;
}

.isActive {
    z-index: 9999;
}

.slickModal,
.slickOverlay,
.slickWindow {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.slickModal,
.isActive .slickOverlay,
.isActive .slickWindow {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.slickContent {
    position: relative;
}

/* ========================
   Modal window positions
   ======================== */

.slickWindow.center {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slickWindow.topLeft {
    top: 0;
    left: 0;
}

.slickWindow.topCenter {
    top: 0;
    left: 0;
    right: 0;
}

.slickWindow.topRight {
    top: 0;
    right: 0;
}

.slickWindow.bottomLeft {
    bottom: 0;
    left: 0;
}

.slickWindow.bottomCenter {
    bottom: 0;
    left: 0;
    right: 0;
}

.slickWindow.bottomRight {
    bottom: 0;
    right: 0;
}

.slickWindow.right {
    top: 0;
    right: 0;
    bottom: 0;
}

.slickWindow.left {
    top: 0;
    left: 0;
    bottom: 0;
}

/* ========================
   Modal window transitions
   ======================== */

.slickModal .animated {
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: both;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* FadeIn */
.slickModal .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ZoomIn */
.slickModal .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* zoomOut */
.slickModal .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* slideTop */
.slickModal .slideTop {
    -webkit-animation-name: slideTop;
    animation-name: slideTop;
}

@-webkit-keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes slideTop {
    0% {
        opacity: 0;
        transform: translateY(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* slideBottom */
.slickModal .slideBottom {
    -webkit-animation-name: slideBottom;
    animation-name: slideBottom;
}

@-webkit-keyframes slideBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes slideBottom {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* slideRight */
.slickModal .slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* slideLeft */
.slickModal .slideLeft {
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft;
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* rotateIn */
.slickModal .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(720deg) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(720deg) scale(0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* rotateOut */
.slickModal .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 0;
        -webkit-transform: rotate(720deg) scale(1.4);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 0;
        transform: rotate(720deg) scale(1.4);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* flipInX */
.slickModal .flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

/* flipInY */
.slickModal .flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

/* swingTop */
.slickModal .swingTop {
    -webkit-animation-name: swingTop;
    animation-name: swingTop;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

@-webkit-keyframes swingTop {
    0% {
        opacity: 0;
        -webkit-transform: perspective(300px) rotateX(-90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes swingTop {
    0% {
        opacity: 0;
        transform: perspective(300px) rotateX(-90deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* swingBottom */
.slickModal .swingBottom {
    -webkit-animation-name: swingBottom;
    animation-name: swingBottom;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

@-webkit-keyframes swingBottom {
    0% {
        opacity: 0;
        -webkit-transform: perspective(300px) rotateX(90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes swingBottom {
    0% {
        opacity: 0;
        transform: perspective(300px) rotateX(90deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* swingRight */
.slickModal .swingRight {
    -webkit-animation-name: swingRight;
    animation-name: swingRight;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

@-webkit-keyframes swingRight {
    0% {
        opacity: 0;
        -webkit-transform: perspective(200px) rotateY(-90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes swingRight {
    0% {
        opacity: 0;
        transform: perspective(200px) rotateY(-90deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* swingLeft */
.slickModal .swingLeft {
    -webkit-animation-name: swingLeft;
    animation-name: swingLeft;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

@-webkit-keyframes swingLeft {
    0% {
        opacity: 0;
        -webkit-transform: perspective(200px) rotateY(90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes swingLeft {
    0% {
        opacity: 0;
        transform: perspective(200px) rotateY(90deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Flash */
.slickModal .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes flash {

    0%,
    40%,
    80% {
        opacity: 0;
    }

    20%,
    60%,
    100% {
        opacity: 1;
    }
}

@keyframes flash {

    0%,
    40%,
    80% {
        opacity: 0;
    }

    20%,
    60%,
    100% {
        opacity: 1;
    }
}

/* Pulse */
.slickModal .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    25%,
    75% {
        -webkit-transform: scale(1.05);
    }

    0%,
    50%,
    100% {
        -webkit-transform: none;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    25%,
    75% {
        transform: scale(1.05);
    }

    0%,
    50%,
    100% {
        transform: none;
    }
}

/* RubberBand */
.slickModal .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes rubberBand {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
    }

    30% {
        opacity: 1;
        -webkit-transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        opacity: 0;
        transform: scale3d(1, 1, 1);
    }

    30% {
        opacity: 1;
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

/* Shake */
.slickModal .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes shake {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

/* Swing */
.slickModal .swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

@-webkit-keyframes swing {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

/* Tada */
.slickModal .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes tada {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
    }

    10% {
        opacity: 1;
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        opacity: 0;
        transform: scale3d(1, 1, 1);
    }

    10% {
        opacity: 1;
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

/* Wooble */
.slickModal .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes wobble {
    0% {
        opacity: 0;
        -webkit-transform: none;
    }

    15% {
        opacity: 1;
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
    }
}

@keyframes wobble {
    0% {
        opacity: 0;
        transform: none;
    }

    15% {
        opacity: 1;
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        transform: none;
    }
}

/* Bounce */
.slickModal .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes bounce {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    0%,
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

/* BounceIn */
.slickModal .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

/* BounceIn Up */
.slickModal .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* BounceIn Down */
.slickModal .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        transform: none;
    }
}

/* BounceIn Right */
.slickModal .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        transform: none;
    }
}

/* BounceIn Left */
.slickModal .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
    }
}

/* ====================== Photo Wraper Start Copy  ======================= */

/* .photoWrapper {
    width: 669px;
    height: 114px;
    background: url('../images/layout/photo-slider-bg.png') no-repeat;
    position: relative;
    z-index: 1;
    left: -11px;
    overflow: hidden;
}
.photo, .expoPhoto {
    width: 90px;
}

.expoPhoto div a img {float:left} */

/* .bx-prev {
    position: absolute;
    top: 44px;
    width: 30px;
    height: 30px;
    left: 26px;
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
} */

/* .bx-next {
    position: absolute;
    top: 44px;
    width: 30px;
    height: 30px;
    right: -10px;
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
} */

/* ====================== Photo Wraper STOP Copy  ======================= */


/* ====================== Photo Wraper Start ======================= */

.photoWrapper {
    width: 669px;
    height: 114px;
    position: relative;
    z-index: 1;
    left: -11px;
    overflow: hidden;
    background-color: #fff;
}

.photo,
.expoPhoto {
    width: 90px;
}

.expoPhoto div a img {
    float: left
}

.bx-prev {
    /* font-family: FontAwesome;
	content: "\f101";
	color: #155D97 !important;
	font-style: normal;
    font-weight: normal;
	font-size: 28px;
	background-color: #ddd; */

    /* position: absolute;
	top: 30px;
	width: 20px;
	height: 20px;
	left: -14px;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden;

	padding: 0.3rem;
	/* Arrow size */
    /* box-shadow: 1px -1px 0 1px #004A85 inset;
	box-shadow: 1px -1px 0 1px #ddd inset;
	border: solid transparent;
	border-width: 0 0 2rem 2rem;
	transition: 0.2s;
	transform: rotate(45deg); */
}

*/ .bx-next {
    /* padding: 0.3rem; */
    /* Arrow size */
    /* box-shadow: 1px -1px 0 1px #004A85 inset;
	box-shadow: 1px -1px 0 1px #ddd inset;
	border: solid transparent;
	border-width: 0 0 2rem 2rem;
	transition: 0.2s;
	transform: rotate(225deg); */

    /* position: absolute;
	top: 30px;
	width: 20px;
	height: 20px;
	right: -50px;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden; */
}

/* .bx-next:hover {
    box-shadow: 2px -2px 0 2px #ddd inset;
    -webkit-box-shadow: 4px -4px #0379D1 inset;
} */

/* .bx-prev:hover {
	box-shadow: 2px -2px 0 2px #ddd inset;
	-webkit-box-shadow: 4px -4px #0379D1 inset;
} */

.r-menu-trans {
    z-index: 21000 !important;
}

/* ====================== Photo Wraper STOP  ======================= */


/* ====================== R-Style  START  ======================= */
.r-article-img-one-line {
    float: left;
    vertical-align: top;
    display: inline-block;
    padding-bottom: 15px;
}

/* ====================== R-Style  STOP  ======================= */



/* Start ADVER JOB MODULE */

.r-adver-job-module {
    display: block;
    padding: 52px;
    background-color: #fff;
}

.r-adver-job-module-blue-box {
    display: block;
    padding: 22px;
    background-color: #fafafa;
    color: #000;
}

ul.no_bullet_job {
    list-style-type: none;
    padding: 0 0 0 22px;
    margin: 0;
}

li.punkt_job {
    list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="13" height="13"><circle fill="DodgerBlue" cx="7" cy="7" r="2"/></svg>');
}






/* Stylowanie formy DATY na stronie do newsletterow  */

input[type=text-date],
select {
    width: 100%;
    margin: 22px -6px;
    display: inline-block;
    border: 0px solid #F7F7F7;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #F7F7F7;
    color: #005595;
}