body{text-align: center; margin: 0; padding: 0; font-family: 'PT Sans', sans-serif;}
body.body-bg {background: url('../images/bg-adv.png'); background-repeat: no-repeat; background-size: contain;}

@media (min-width: 1200px){ .container {max-width: 1200px; width: 100%;} }
.container {background-color: #ffffff}
.disable{display: none}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear {clear: both}
.inline-icon img{padding-left: 15px;}
/*flex elem*/
.data-btn {display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center;}

h1{font-size: 30px}
h3{font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 10px 0}
p{font-size: 16px; line-height: 22px; margin: 10px 0}
.subtitle{font-size: 18px; font-weight: bold; margin-top: 0}
.large-font{font-size: 36px}
.small-font{font-size: 14px}
.uppercase{text-transform: uppercase}
.bold{font-weight: bold}
a {color: #000; cursor: pointer; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in}
a:hover{text-decoration: none; color: #258037;}
a:focus{text-decoration: none}

/*fixed element*/
.sidebar-affix.fixed{position: fixed; z-index: 100; padding: 0 0 20px 0; margin: 0}
.sidebar {position: relative;}

.color-accent1 {color: #258037;}
/**************************************
/*header*/
/***********************************/

header{position: relative; text-align: left;}
.topmenu{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0}
.topmenu > div{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: center;}
.topmenu img {width: auto; max-width: 100%;}
.topmenu > div > div {margin-left: 23px; vertical-align: top;}
.topmenu__social {text-align: center; margin-right: 400px;}
.topmenu__social img {margin: 7px}
.topmenu__social a{-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in}
.topmenu__social a:hover{opacity: 0.7}

.login{width: 170px; background-color: #fff; position: absolute; top: -50px; right: 200px; padding: 2px; cursor: pointer; display: inline-block}
.login p{background-color: #fff; color: #000; font-size: 18px; line-height: 35px; text-transform: uppercase; padding-right: 35px; background-image: url('../images/icon-person.png'); background-repeat: no-repeat; background-position: 95% 4px; margin: 0}
.login p[aria-expanded="true"]{border-left: 2px solid #258037; border-right: 2px solid #258037; border-top: 2px solid #258037;}
.login p[aria-expanded="false"]:hover {text-decoration: underline;}
.login p {border: 2px solid #ffffff;}
.login p[aria-expanded="true"]+div ul {border-left: 2px solid #258037; border-right: 2px solid #258037; border-bottom: 2px solid #258037;}
.login >div{position: absolute; z-index: 20; width: 170px; margin-left: -2px; margin-top: -2px; padding: 0px 2px 2px 2px}
.login ul{list-style: none; padding-left: 0; padding-top: 20px; text-align: center; background-color: #fff; margin: 0} 
.login ul::before{content: " "; width: 40%; height: 2px; background-color: #258037; position: absolute; top: 10px; left: 30%}
.login ul li{padding: 5px; font-size: 16px} 
.login ul li:hover{background-color: #258037} 
.login ul li:hover a{background-color: #258037; color: #fff} 

.search.topmenu__search {position: absolute; top: -42px; right: 15px;}
.search {display: inline-block;}
.search button{border: none; background-color: transparent; padding: 0}
.search form{display:-webkit-flex; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; align-items: flex-start;}
.search--submit{width: 40px; height: 27px; background: url('../images/icon-search.png') 10px 0 no-repeat}
.search input{ width: 117px; border: 2px solid #000; color: #000; padding-left: 5px}
.search input::-webkit-input-placeholder {color: #000}
.search input::-moz-placeholder {color: #000}
.search input:-ms-input-placeholder {color: #000}
.search input:-moz-placeholder {color: #000}


/*navbar*/
header +div{height: 70px; margin-bottom: 10px}
.navbar-default {background-color:#258037; border: none; border-radius: 0;}
.navbar-collapse {padding-left: 0; padding-right: 0;}
.navbar-default .navbar-collapse{background-color: #258037; color: #fff; position: absolute; width: 100%; z-index: 10}
.navbar-default .navbar-nav>li>a{color: #fff; text-transform: uppercase; font-size: 15px; font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff; background-color: #276f35;}
.navbar-default .navbar-nav>.active>a{color: #fff}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus {color: #fff; background-color: #258037}
.navbar-default .navbar-nav>.active>a:hover{background-color: #276f35; color: #fff}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #276f35}
.navbar-nav>li>a {padding: 20px 17px;}
.navbar-default .navbar-nav.navbar-right>li{background-color: #ef1331}
.dropdown-menu{background-color: #276f35; border: none; min-width: 50px; width: 100%}
.dropdown-menu>li>a{white-space: normal}
.navbar-nav>li>.dropdown-menu{text-align: center;  font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1px;}
.dropdown-menu li a{padding: 4px}
.dropdown-menu li a:hover{background-color: #258037}
.navbar-nav>li>.dropdown-menu a{color: #fff; font-size: 16px}
.navbar-right {margin-right: 0px;}

/*nav after scroll*/
.navbar-default.affix {top: 0;width: 100%;left: 0;z-index: 10000; top: -40px; -webkit-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;}
.navbar-default.affix.topFixed {-ms-transform: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px);}
.affix + .container-fluid {padding-top: 70px;}
nav.affix .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px}
nav.affix {min-height: 20px} 
nav.affix .login {top: 5px; position: absolute; display: none;}
nav.affix .search {top: 10px; position: absolute; display: none;}

@media screen and (max-width: 1200px){
    .topmenu__social {text-align: center; margin-right: 0px;}
    .search.topmenu__search{position: absolute; right: 15px; top: 16px; z-index: 999}
    .search.topmenu__search input{border-color: #fff; background-color: #258037; color: #fff}
    .search.topmenu__search input::-webkit-input-placeholder {color: #fff}
    .search.topmenu__search input::-moz-placeholder {color: #fff}
    .search.topmenu__search input:-ms-input-placeholder {color: #fff}
    .search.topmenu__search input:-moz-placeholder {color: #fff}
    .search.topmenu__search .search--submit{background: url('../images/icon-search-wht.png') 10px 0 no-repeat}

    .topmenu > div > div.login {margin-left: 0; position: absolute; z-index: 10; top: 61px;}
    .login{width: 100%; left: 0; top: 10px; background-color: #258037;}
    .login p{ width: 170px; margin: auto; background-color: #258037; border-color: #258037; color: #fff}
    .login >div {width: 100%; margin-top: 8px; border-top: 1px solid #276f35; -webkit-box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.15); -moz-box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.15); box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.15); background-color: #258037;}
    .login ul{background-color: #258037; padding-top: 10px;} 
    .login ul a{color: #fff}
    .login ul li {padding: 10px 15px}
    .login ul li:hover, .login ul li:hover a {background-color: #276f35}
    .login p{background-image: url('../images/icon-person-wht.png')}

    header +div{height: 86px}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #258037}
    .navbar-default .navbar-toggle{border: 2px solid #fff; border-radius: 0; z-index: 100}
    .navbar-default .navbar-toggle .icon-bar{background-color: #fff}
    .navbar-default .navbar-collapse{border-color: #276f35}
    .navbar-default .navbar-nav .open>a {padding-bottom: 15px}
    .navbar-default .navbar-nav .open .dropdown-menu {padding: 0}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff; background-color: #258037;}
    .navbar-default .navbar-nav .open .dropdown-menu>li {background-color: #276f35}
    .navbar-default .navbar-nav .open .dropdown-menu {border-bottom: 1px solid #276f35; -webkit-box-shadow: 0px 1px 4px 0px rgba(255,255,255,0.15); -moz-box-shadow: 0px 1px 4px 0px rgba(255,255,255,0.15); box-shadow: 0px 1px 4px 0px rgba(255,255,255,0.15);}
    


    /*change breakpoints for nav*/
    .navbar-header {float: none}
    .navbar-left,.navbar-right{float:none !important}
    .navbar-toggle{float: left; display:block; margin: 12px 25px;}
    .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top{top:0;border-width:0 0 1px}
    .navbar-collapse.collapse{display:none!important}
    .navbar-nav{float:none!important;margin:0px} 
    .navbar-nav>li{float:none}
    .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
    .collapse.in{display:block !important; z-index: 100}
    .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}

    /*nav after scroll*/
    nav.affix .navbar-toggle{margin: 5px 25px}
    nav.affix .search {display: block;}
    nav.affix .login {display: block;}
    nav.affix .login>div{margin-top: 0px}
    nav.affix .login ul{margin-top: 0px}
    nav.affix .navbar-collapse {overflow-y: scroll !important; max-height: calc(100vh - 46px) !important; width: calc(100% + 20px); right: -20px;}
}

@media screen and (max-width: 640px){
    .topmenu {flex-wrap: wrap}
    .topmenu>div {width: 100%}
    .topmenu>.topmenu__container {justify-content: flex-end;}
    .topmenu>div:first-of-type{order: 2}
    .topmenu>div:nth-of-type(2){order: 1}
    .topmenu > div > div.login {top: 96px;}
    nav.affix .search {display: none;}
    nav .search {display: none;}
    header +div{height: 86px;}
    .login p{margin-right: 0}
    .login >div{left: 0; margin-left: 0}    
}

/**************************************
/*buttons/
/***********************************/

.btn {width: 100%; vertical-align: middle; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; cursor: pointer;}
.btn a {color: #fff}
a .btn {color: #fff}
.btn-inline {display: inline-block; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in}
.btn--sizing {max-width: 250px; margin: 20px auto;}
.btn.btn--sizing p {padding: 5px;}
p.btn--thin {padding: 6px 15px; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; letter-spacing: 0.5px; min-width: 160px; text-align: center;}

.button--green {background-color: #258037; padding: 15px; color: #fff}
.button--green:hover{background-color: #035e1e}
.button--green p{margin: 0; text-transform: uppercase; padding: 30px 0; font-size: 18px; font-weight: bold}
.button--dark-green{background-color: #035e1e; padding: 15px}
.button--dark-green:hover{background-color: #004E0E}
p.button--dark-green{text-transform: uppercase; padding: 25px 0; font-size: 18px; font-weight: bold}

.button--red{background-color: #ed1b35; color: #fff; border: none; padding: 6px 13px; font-size: 18px; line-height: 24px; border-radius: 0px}
.button--red:hover{background-color: #D51B35}

.button--gray {background-color: #989898; padding: 5px}
.button--gray:hover {background-color: #258037}
.button--gray p{margin: 0; text-transform: uppercase}
.button--gray p span{ vertical-align: middle}
.button--gray p img{margin-right: 15px}

.button--big{text-transform: uppercase; font-weight: bold; font-size: 24px; padding: 30px 0; text-align: center}

.button--special {color: #fff; background-color: #ed1b35; width: 94px; height: 94px; border-radius: 94px; font-size: 12px;-ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); display: flex; justify-content: center; flex-direction: column; text-transform: uppercase; font-weight: bold; -webkit-box-shadow: -2px -2px 3px 1px rgba(0,0,0,0.58); -moz-box-shadow: -2px -2px 3px 1px rgba(0,0,0,0.58); box-shadow: -2px -2px 3px 1px rgba(0,0,0,0.58)}

.btn--slant {background-position: right -10px bottom 0px; background-repeat: no-repeat; display: flex; align-self: middle; text-align: left; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in}
.btn--slant__green{background-image: url('../images/icon-next-green.png')}
.btn--slant__green:hover{background-position: right 0px bottom 0px}
.btn--slant__green div p{display: inline-block; width: 40%; line-height: 15px; vertical-align: middle}
.btn--slant__red{background-image: url('../images/icon-next-red.png'); background-color: #258037; min-height: 46px; margin-bottom: -5px;}
.btn--slant__red:hover{background-position: right 0px bottom 0px}
.btn--slant__red div{height: 46px; display: flex; align-items: center; margin-left: 5px}
.btn--slant__red div p {font-size: 18px; padding-right: 40px}
.btn--slant__red a{color: #fff}

.button--fb{background-color: #3b5998; min-width: 140px; padding: 8px; margin: 10px}
.button--fb:hover{background-color: #1B3978}
.button--gplus{background-color: #d50f25; min-width: 140px; padding: 8px; margin: 10px}
.button--gplus:hover{background-color: #B50005}
.button--twitter {background-color: #1da1f2; min-width: 140px; padding: 8px; margin: 10px}
.button--twitter:hover{background-color: #198ed6;}

.button--border {border: 1px solid #258037; padding: 6px 20px; display: inline-block; font-size: 14px; text-align: center; margin: 5px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; min-width: 110px}
.button--border:hover {background-color: #258037; color: #fff}

.button--active{background-color: #035e1e}
.border--green {border: 1px solid #258037; margin-bottom: 40px;}
.border--green p {margin: 0; padding: 8px 15px;}

.btn--accent a { -webkit-transition: all 0s ease-in; transition: all 0s ease-in; background-color: #258037; border: 1px solid #258037; width: 160px; height: 50px; display: inline-block; padding: 7px; font-size: 10px; line-height: 15px; text-transform: uppercase; position: relative; color: #ffffff;}
.btn--accent a:hover, .btn--accent a.active {background-color: #ffffff; border: 1px solid #258037;}
.btn--accent a:after, .btn--accent a:before {content: ''; display: block; position: absolute; top: 100%; width: 0; height: 0; border-style: solid; opacity: 0;}
.btn--accent a:after{left: calc(50% - 10px); border-color: #fff transparent transparent transparent; border-width: 10px;}
.btn--accent a:before { left: calc(50% - 11px); border-color: #258037 transparent transparent transparent; border-width: 11px;}
.btn--accent a:hover:after, .btn--accent a:hover:before, .btn--accent a.active:after, .btn--accent a.active:before {opacity: 1;}
.btn--accent a span {display: inline-flex; width: calc(100% - 50px); height: 36px; align-items: center; justify-content: center;}
.btn--accent a:hover span, .btn--accent a.active span {color: #258037;}
.btn--accent img {vertical-align: top;}
/**************************************
/*collapse - element/
/***********************************/
.collapse-btn {cursor: pointer}
.collapse-elem {-moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; transition: height .5s; height: 0; overflow: hidden;}
.collapse-elem--cont {padding: 5px 0 0 0;}
/**************************************
/*box--subscribe/
/***********************************/

.box--subscribe-cont {max-width: 370px; margin: 0 auto 30px auto; position: relative; text-align: center;}
.box--subscribe>div{width: 100%; height: 0; padding-bottom: 79%; position: relative; margin: 10px auto; text-align: center; overflow: hidden}
.box--subscribe img{position: absolute; top: 0; width: 80%; margin: 1px 10% 0 10%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);}
.box--subscribe>a>p{width: 100%; background-color: #035e1e; color: #fff; padding: 20px; margin:0; position: absolute; bottom: 0; z-index: 10; font-size: 18px; font-weight: bold; text-transform: uppercase}
.box--subscribe-overlay{width: 100%; height: 100%; background-color: rgba(3,94,30,0.93); position: absolute; opacity: 0; bottom: 20px; z-index: 2;-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in} 
.box--subscribe-overlay p{color: #fff; margin: 0px auto 5px auto; font-size: 14px}
.box--subscribe-overlay p:first-of-type{margin: 20px auto 10px; font-size: 18px; font-weight: bold}
.box--subscribe-overlay::before{content: " "; background-color: #d91d2a; width: 11px; height: 150px; position: absolute; left: 50px; top: 0px; z-index: 11}
.box--subscribe:hover .box--subscribe-overlay{opacity: 1}
@media screen and (max-width: 1200px) and (min-width: 992px){
    .box--subscribe-overlay {bottom: 55px}
}
@media screen and (max-width: 992px){
    .box--subscribe-cont {margin-top: 50px}
}
@media screen and (max-width: 360px){
    .box--subscribe-cont {margin-top: 60px}
    .box--subscribe-overlay {bottom: 55px}
}
/**************************************
/*images/
/***********************************/
.img-container {position:relative; width: 100%; height: 0; overflow: hidden}
.img-container img {position: absolute; height: 100%; width: auto; min-width: 100%; object-fit: cover;  top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.img-container::after {content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2); opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.img-container:hover::after {opacity: 1;}

.img-ratio{position:relative; width: 100%; height: 0; padding-bottom: 51%; overflow: hidden}
.img-ratio img{position: absolute; min-height: 100%; width: auto; min-width: 100%; object-fit: cover;  top: 50%; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); transform: translateY(-50%)}

.img-ratio-1{position:relative; width: 100%; height: 0; padding-bottom: 79%; overflow: hidden; margin: 10px 0}
.img-ratio-1 img{position: absolute; min-height: 100%; width: auto; min-width: 100%; object-fit: cover;  top: 50%; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); transform: translateY(-50%)}

.img-ratio-47{position:relative; width: 100%; height: 0; padding-bottom: 47%; overflow: hidden}
.img-ratio-47 img{position: absolute; min-height: 100%; width: auto; object-fit: cover;  top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%)}

.img-ratio-62{position:relative; width: 100%; height: 0; padding-bottom: 62%; overflow: hidden; margin-bottom: 10px}
.img-ratio-62 img{position: absolute; min-height: 100%; width: auto; min-width: 100%; object-fit: cover; top: 50%; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); transform: translateY(-50%)}

.img-ratio::after, .img-ratio-1::after, .img-ratio-47::after, .img-ratio-62::after {content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2); opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.img-ratio:hover::after, .img-ratio-1:hover::after, .img-ratio-47:hover::after, .img-ratio-62:hover::after {opacity:1}

.relative-position{position: relative}
.relative-position:hover .img-ratio-1::after{ opacity: 1}


/*description on images*/
.img--top-cont{position: absolute; top: 0px; z-index: 2}
.img--top-cont p{display: inline-block; padding: 0 10px; font-weight: bold; font-size: 16px; line-height: 30px; text-transform: uppercase; margin-top: 0}
.img--top-cont a img{-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in}
.img--top-cont a img:hover{opacity: 0.8}

.img--bottom-cont{position: absolute; bottom: 0px; z-index: 2; padding: 5px 10px; background-color: #d91d2a}
.img--bottom-cont p{margin: 0; font-size: 12px; line-height: 12px; text-transform: uppercase }
.img--bottom-cont a{color: #fff}

.img--olive {background-color: #827b00}
.img--white{background-color: #fff}
.img--red{background-color: rgba(217, 29, 42, 0.5); color: #fff; height: 30px; margin: 0px}

.img--md-icon img{width: 20px; margin: 3px 10px 5px 10px}
.img--lg-icon img{width: 30px; margin: 3px 10px 5px 10px}

.img--description{display: flex; flex-wrap: wrap; align-items: flex-end; position: absolute; bottom: 0; color: #fff; font-size: 16px; text-align: left; width: 100%; box-sizing: border-box; z-index: 2;  transition: all 0.5s; -webkit-transition: all 0.5s; padding-top: 25px; background: url('../images/img-bg-1.png'); background-size: cover; background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .6) 48px, rgba(0, 0, 0, .6) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .6) 48px, rgba(0, 0, 0, .6) 100%);}

.img--description.img--sm-font h3{font-size: 14px; line-height: 17px; max-height: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 90%; min-width: 90%}
.img--description h3 {margin: 10px 0; padding: 0 10px; font-size: 18px; line-height: 24px; max-height: 48px; text-transform: uppercase; text-transform: uppercase; font-weight: bold}
.img--description a h3{color: #fff}
.img--description p{margin: 0 10px 10px}

.img--social{background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0px; right: 0; padding: 0 3px; z-index: 2; margin: 0}
.img--social a img{display: inline-block; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin: 0; height: 13px; margin: 1px 5px 4px 5px}
.img--social a img:hover{opacity: 0.7}
p.img--social__small{line-height: 0px}
.img--social__small a img{vertical-align: top; height: 10px; margin: 3px}

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

p.premium{background-color: rgba(217, 29, 42, 0.5); padding: 2px 4px; color: #ffffff; font-weight: bold; text-transform: uppercase; position: absolute; top: 0; right: 0; z-index: 10; margin: 0;}
.article--list p.premium {right: 15px;}
.premium-art {border: 2px solid #e1e1e1; padding: 40px 15px 5px 15px; position: relative;}
.premium-art p.premium {left: 0; right: auto;}
.premium-art p.premium-footer {text-transform: uppercase; font-size: 13px; text-align: center; margin-bottom: 0; color: #989898;}

/**************************************
/text-ellipsis/
/***********************************/

h3.twoline{width: 100%; max-height: 40px; line-height: 20px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1.2px;}
h3.twoline-big{width: 100%; max-height: 60px; font-size: 24px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1.2px;}
.img--description p.threeline {font-size: 16px; line-height: 24px; max-height: 72px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.gallery h3.twoline-big{width: 100%; min-width: auto; font-size: 18px; line-height: 24px; height: 48px;}
.oneline-paragraph p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.twoline-paragraph p {max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.twoline-paragraph {max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}

p.threeline-small {font-size: 12px; line-height: 17px; max-height: 51px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
@media screen and (max-width: 768px){
    h3.twoline-big{max-height: 52px; font-size: 20px; line-height: 26px;}
}

/**************************************
/*adverts/
/***********************************/
.advert {margin: 0 auto 20px 0}
.sidebar .advert{margin-top: 0}

.advert p {font-size: 10px; margin: 0; text-align: left}
.advert>div{text-align: center}
.advert>div img{margin: auto; max-width: 100%;}
.advert-ads > div > div {
    max-width: 100%;
    height: auto;
}
.home-sidebar-advert {margin-top: 25px;}
.navibox {margin-bottom: 10px;}

/*top adverts*/
.advert--top{margin: 0px auto;}
.advert--top>.advert--top-940 {width: calc(100% - 160px); max-width: 940px; height: auto; margin: 0 auto; float: left;}
.advert--top>.advert--partner {float: right; width: 157px; margin: 0}
.advert--top .advert--top-940 + .advert--partner>div {height: 200px; display: table-cell; vertical-align: middle;}
@media screen and (max-width: 1200px){
    .advert--top .advert--top-940 + .advert--partner>div {height: auto;}
}
@media screen and (max-width: 768px){
    .advert--top>.advert--top-940 {width: 100%;}
    .advert--top>.advert--partner, .advert--top>.advert--partner>div {width: 100%; display: block;}
    .advert--top .advert--top-940 + .advert--partner>div {display: block;}
    .advert--top>.advert--partner>div>div {margin: auto}

    .advert--top>.advert--partner div.container {display: none;}
    .advert--top>.advert--partner div.container.partner-active {display: block;}
}

/**************************************
/*baner -- img/
/***********************************/

.baner--img { padding: 50px 10px; overflow: hidden; position: relative; background-color: #0076a3;}
.baner--img:after{content: ""; position: absolute; width: 100%; height: 100%; background-image: url('../images/bg-seminar.jpg'); background-position: bottom right; background-repeat: no-repeat; top: 0; left: 0; z-index: 1;}
.baner--img>div {max-width: 730px; margin: auto; position: relative; z-index: 2}
.baner--img p{color: #fff; font-size: 36px; line-height: 42px; max-width: 570px; text-align: left;}
.baner--img p.baner--header {font-size: 48px; line-height: 60px; font-weight: bold; max-width: 570px; text-align: left; text-transform: uppercase; margin-bottom: 60px; text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.45);}

@media screen and (max-width: 992px){
    .baner--img:after{opacity: 0.4;}
    .baner--img p.baner--header {font-size: 36px; line-height: 46px;}
    .baner--img p {font-size: 32px;}
}

/*responsive baners - width: 1140px; 720px; 480px*/
.responsive--baner {margin-bottom: 30px}
.responsive--baner img{width: auto; max-width: 100%}
.img-mobile, .img-tablet {display: none}
@media screen and (max-width: 992px){
    .img-desktop,
    .img-mobile {display: none}
    .img-tablet {display: block}
}
@media screen and (max-width: 480px){
    img-desktop,
    .img-tablet {display: none}
    .img-mobile {display: block}
}



/**************************************
/section - headers
/***********************************/
.section__simple-header{font-size: 30px; line-height: 30px; text-transform: uppercase; margin: 10px 0 25px 0; text-align: left; z-index: 2; font-family: 'PT Sans Narrow', sans-serif;}
.section__header {font-size: 24px; line-height: 30px; text-transform: uppercase; margin: 0 0 20px 0; text-align: left; z-index: 2; position: relative; display: block; font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1px; font-weight: 600;}
.section__header::after {content: " "; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; }
.section__header .subcategory {font-size: 15px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 400; text-transform: none; margin: 0 15px; position: relative;}
.section__header .subcategory:last-of-type:after {width: 0; height: 0}
.section__header .subcategory:after {content: ""; position: absolute; right: -15px; top: 5px; width: 1px; height: 13px; background-color: #000000;}
.header-yellow {font-size: 18px; text-transform: uppercase; text-align: center; background-color: #f9c722; padding: 10px; margin: 20px 0 30px 0;}
.subcategory--img {float: right;}
.subcategory--img img{width: 15px; margin: auto auto 3px 5px;}
p.red-bg:after{background-color: #ed1b35}
p.blue-bg::after{background-color: #004a80}
p.burgund-bg::after{background-color: #7a0026}
p.light-green-bg::after{background-color: #258037}
p.dark-green-bg::after{background-color: #005b1c}
p.violet-bg::after{background-color: #662d91}
p.orange-bg::after{background-color: #ff5722}
p.mint-bg::after{background-color: #50c3af}
p.pink-bg::after{background-color: #f6416c}
p.olive-bg::after{background-color: #827b00}
p.sea-bg::after{background-color: #2f706a}
p.ligh-gray-bg::after{background-color: #b2b2b2}
p.gray-bg::after{background-color: #4f4f4f}
p.black-bg::after{background-color: #000000}
p.bg-black-thin::after {background-color: #000000; height: 1px;}
hr {width: 100%; border-top-width: 2px;}
.section__header + hr {margin: -20px 0 20px 0;}
.center__header {display: inline-block; margin: 10px auto 25px auto;} 


.header-margin {margin: 30px 0 50px 0}

.section__header-img{font-size: 24px; text-transform: uppercase; margin: 10px 0 10px 0; text-align: left}
.section__header-img img {vertical-align: bottom}
.section__header-img span{vertical-align: bottom; margin-left: 3px}

.section__header-label{font-size: 18px; padding: 2px 10px; color: #fff; background-color: #ed1b35; display: inline-block; vertical-align: top; margin: 0 0 30px 0; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; letter-spacing: 0.5px;}

.section__header-center{font-size: 24px; line-height: 30px; text-transform: uppercase; margin: 10px 28px 25px 28px; text-align: center; display: inline-block; position: relative}
.section__header-center:before{width: 20px; height: 20px; content: " "; background-color: #ed1b35; position: absolute; left: -28px; top: calc(50% - 10px)}
.section__header-center:after{width: 20px; height: 20px; content: " "; background-color: #ed1b35; position: absolute; right: -28px; top: calc(50% - 10px)}

.section__header-green {text-transform: uppercase; font-size: 18px; color: #258037; font-weight: bold; display: inline-block}

.header__number{font-size: 18px; text-transform: uppercase; text-align: left;}
.header__number span {background-color: #f26522; width: 34px; height: 34px; border-radius: 17px; display: inline-block; color: #fff; line-height: 34px; margin-right: 15px; text-align: center}
/**************************************
/section - list box - 
/***********************************/
section{margin-bottom: 30px;}

.section__article-list .img-ratio{margin-bottom: 0px}
.section__article-list>div:first-of-type:hover .img-ratio::after{opacity: 1}
.section__border-list p{font-size: 14px; padding: 5px; text-align: left; margin: 0; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; -webkit-transition: 0.5s; transition: 0.5s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.section__border-list p:hover{background-color: #eaeaea}
.section__border-list a:first-of-type p{border-top: 1px solid #e1e1e1}

.border{border: 1px solid #e1e1e1; margin-bottom: 5px; min-height: 33px; display: block}
.border-red{border: 1px solid #ed1b35}
.border-red:hover{border: 1px solid #e1e1e1}
.border p{ margin: 5px; font-size: 14px; text-align: left; display: block}
.border--hover{-webkit-transition: 0.5s; transition: 0.5s}
.border--hover:hover{background-color: #eaeaea}

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

.border p.big-header{font-size: 48px; font-weight: bold; text-align: center; padding: 10px; line-height: 67px}
.border p.big-header a{color: #ed1b35}

/**************************************
/section - row article list - image and paragraph inline
/***********************************/
.row-article-list>div {display: inline-block; vertical-align: top}
.row-article-list>div:first-child{width: 30%}
.row-article-list>div:last-child{width: 68%}
.row-article-list h3{font-size: 12px; line-height: 12px; margin: 10px 0 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.row-article-list p{font-size: 12px; line-height: 17px; max-height: 68px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.row-article-list:hover .img-ratio-1::after{opacity: 1}

.row-article--sidebar {border: 1px solid #e1e1e1; display: table; position: relative; margin-bottom: 5px; width: 100%; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s}
.row-article--sidebar:hover{background-color: #ebebeb}
.row-article--sidebar:hover .img-ratio-1::after {opacity: 1}
.row-article--sidebar>div:first-child{width: 30%}
.row-article--sidebar>div:last-child{width: 68%; padding-left: 10px}
.row-article--sidebar>div{ vertical-align: middle; display: table-cell; height:100%}
.row-article--sidebar p{font-size: 14px; line-height: 20px; max-height: 40px; margin: 0 0 5px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.row-article--sidebar .img-ratio-1 {margin: 0; height: 100%}
.row-article--logo{max-width: 55px; max-height: 22px; position: absolute; bottom: 0px; right: 0px}

.event-list{padding: 10px; margin-bottom: 15px}
.event-list>div:first-of-type{text-align: center}
.event-list>div:first-of-type img{margin: auto}
.event-list .event-list-header{text-transform: uppercase; font-weight: bold; font-size: 14px; margin-bottom: 5px}
.event-list p{font-size: 12px; margin: 0}

.article-row {margin: 20px 0; background-color: #f4f4f4; padding: 10px 0;}
.article-row .img-container {width: 60px; height: 60px; border: 1px solid #b2b2b2;}
.article-row .img-container + div {width: calc(100% - 60px); padding-left: 10px;}
.article-row p {margin: 0; text-align: left;}
/**************************************
/*box-articles--big/
/***********************************/
.box-articles--big .col-lg-12 .box-articles-item .img-container {padding-bottom: 60%;}  
.box-articles--big .col-lg-12 .box-articles-item h3{vertical-align: bottom;} 
.box-articles-item {position: relative; margin: 0 0 20px 0;}
.box-articles-item:hover .img-container:after {opacity: 1;}
.box-articles--big .box-articles-item .img-container {padding-bottom: 80%;}
@media screen and (max-width: 768px){
    .box-articles--big .col-lg-12 .box-articles-item .img-container {padding-bottom: 80%;} 
    /*.box-articles--big .col-lg-12 .box-articles-item h3 {line-height: 20px; font-size: 16px;}*/

    .first-item .col-xs-6:nth-child(even){padding-right: 10px;} 
    .first-item .col-xs-6:nth-child(odd){padding-left: 10px;}
    .xs-item .col-xs-6:nth-child(even) {padding-left: 10px;}
    .xs-item .col-xs-6:nth-child(odd) {padding-right: 10px;}
    

}

@media screen and (max-width: 400px){
    .box-articles--big .col-lg-12 .box-articles-item p {display: none;}
}


/**************************************
/small slider - homepage (box love)
/***********************************/

.multiple-items {padding: 0 40px; margin: 0 -15px}
.multiple-items li {margin: 0 15px}
.slick-arrow{position: absolute; width: 30px; height: 30px; top: calc(50% - 15px); cursor: pointer; margin-bottom: 0; border: none; background-color: #ffffff; text-indent: -9999px;}
.slick-prev {left: 15px; background: url('../images/icon-prev.png') no-repeat;}
.slick-next {right: 15px; background: url('../images/icon-next.png') no-repeat;}


.multiple-items .img--lg-icon img {margin-top: 0px; padding: 2px}
.multiple-items .img--social a img {margin: 1px 2px 4px 2px; height: 12px}
.multiple-items li .img-ratio-1{margin: 0}
.box--love {margin-bottom: 30px;}
.box--love .slick-slide{text-align: center}
.box--love .slick-slide img{ margin: auto}

/**************************************
/newsletter/
/***********************************/

.newsletter{background-color: #252525; text-align: left; padding: 0 15px 15px 15px;}

.newsletter p{display: inline-block; color: #fff;vertical-align: top; font-size: 14px}
.newsletter>p {font-size: 24px; line-height: 35px}
.newsletter>p>img {margin-right: 30px}
.newsletter .checkbox {margin: 0 auto 10px auto;}
.newsletter form {display: inline-block; width: 100%;}
.newsletter .checkbox label {margin: 10px 0px 10px 7px; padding: 0 17px 0 0; position: relative; color: #fff}
.newsletter .checkbox input[type=checkbox]{top: 0px; right: 0px; border-radius: 0px; height: auto; display: inline-block;}
.newsletter input:not([type=checkbox]){border-radius: 0px; border: none; width: 100%; height: 38px; display: inline-block}
.newsletter button{margin: 0px; width: 100%}

@media screen and (max-width: 992px){
    .newsletter{text-align: center}
    .newsletter form{text-align: center; margin: auto}
}
@media screen and (max-width: 768px){
    .newsletter form {width: auto} 
    .newsletter input[type=email] {max-width: 768px; width: 100%}
    .newsletter button{margin: 0px; width: 100%}
}

/**************************************
/weather/
/***********************************/
.weather-container {align-items: baseline; padding-top: 10px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.weather-item, .weather-item-links {max-width: 25%;}
.weather-item p:first-of-type {font-size: 24px; line-height: 26px; margin-bottom: 0;}
.weather-item p:first-of-type+p, .weather-city {text-transform: uppercase; margin: 0;}
.weather-city + p {font-size: 11px; text-transform: uppercase; text-decoration: underline; margin: 0 0 15px 0;}
.weather-more {margin-bottom: 0;vertical-align: bottom;}

.weather-header {text-align: center; text-transform: uppercase; font-weight: bold; font-size: 24px; margin: 60px 0 30px 0;}
table.weather td {text-align: center; position: relative;}
table.weather p img {max-width: 30px; max-height: 25px; margin-bottom: 0;}
table.weather p:nth-of-type(1), table.weather .weather-mobile-title + p {font-size: 24px; line-height: 26px; margin: 0;}
table.weather p:nth-of-type(3) {font-size: 11px; text-transform: uppercase; margin: 0}
table.weather p:nth-of-type(1).weather-mobile-title {display: none; font-size: 11px; text-transform: uppercase; font-weight: normal;}
table.weather.weather-city p.weather-title {font-size: 12px; padding-left: 0px; line-height: 15px; margin-top: 5px;}
table.weather.weather-city .weather-small p.weather-title {font-size: 12px; padding-left: 30px; line-height: 15px; margin-top: 5px;}
.waether-fav {width: 27px; height: 26px; display: inline-block; position: absolute; top: 10px; left: 10px; margin: auto; background: url('../images/star.png') no-repeat}
.waether-fav:hover, .waether-fav.add {background: url('../images/star-hover.png') no-repeat}

table.weather-city td {padding: 25px 10px 25px 0;}
table.weather-city td:first-of-type {width: 100px;}
table.weather-city td:last-of-type {width: 50px;}
table.weather-city td {width: 280px;}
table.weather-city td div {display: inline-block; vertical-align: middle; padding-right: 10px;}
table.weather.weather-city .weather-small p {font-size: 16px; margin: 0; text-align: left;}
table.weather.weather-city .weather-small p {font-size: 16px; margin: 0; text-align: left;}

.autocomplete-redirect-item {width: calc(100% - 70px); background-color: #e1e1e1; text-align: left; padding: 10px; cursor: pointer; font-size: 16px; position: absolute; top: 48px;}
@media screen and (max-width: 600px){
    table.weather thead {display: none;}
    table.weather tr {background-color: #f8f8f8;}
    table.weather td {display: inline-block;}
    table.weather td:nth-of-type(3):after, table.weather td:nth-of-type(4):after {content: ""; width: 1px; height: 30px; background-color: rgb(128, 128, 128); position: absolute; top: 20px; right: 0;}
    table.weather tr td:nth-of-type(1){width: 50%; vertical-align: middle; text-align: left;}
    table.weather tr td:nth-of-type(2){width: 50%; vertical-align: middle;}
    table.weather .weather-mobile-title + p {font-size: 16px; line-height: 22px; font-weight: bold;}
    table.weather tr td{width: 33.3333333%; vertical-align: top;}
    table.weather p:nth-of-type(1).weather-mobile-title {display: block;}
    table.weather td img {margin-bottom: 0;}
    table.weather td p {margin: 0;}
    table.weather td:not(:nth-of-type(2)) p img {display: none;}
    table.weather td:nth-of-type(2) p img {display: inline-block; width: 50px;}

    table.weather-city.weather td:nth-of-type(1), table.weather-city.weather td:nth-of-type(4) {width: 100%;}
    table.weather-city.weather td:nth-of-type(1) {padding-bottom: 0;}
    table.weather-city.weather td:nth-of-type(4) {padding-top: 0;}
    table.weather-city.weather td:nth-of-type(2), table.weather-city.weather td:nth-of-type(3) {width: 50%;}
    table.weather-city.weather td:nth-of-type(1) p {text-align: center; padding: 0 30px;}
    table.weather.weather td:nth-of-type(3):after, table.weather.weather td:nth-of-type(4):after {content: none;}
}
/**************************************
/baner - box/
/***********************************/

.baner-box{position: relative; color: #ed1b35;  background-position: center; height: 185px}
.baner-box p{font-weight: bold; padding-top: 30px}
.baner-box .button--red {margin-top: 40px}

/**************************************
/partners/
/***********************************/

.partners{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap: wrap; max-width: 850px; margin: 30px auto 0 auto; padding: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.partners li{list-style: none; width: 150px; height: 80px; -webkit-flex:1; -webkit-box-flex:1; -moz-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1;}
@media screen and (max-width: 530px){
    .partners{justify-content: center}
}

/**************************************
/footer/
/***********************************/

footer{background-color: #258037; color: #fff; text-align: left; vertical-align: top; padding-top: 20px; font-size: 14px;}
footer .container {background-color: #258037;}
footer>.container>.row {position: relative;}
footer>.container>.row:before {content: ""; width: 100%; height: 2px; background-color: #fff; position: absolute; top: 35px; z-index: 10; left: 0;}
footer p{padding: 10px 0}
footer a{color: #fff}
footer a:hover{color: #fff;}
.footer_content{display: inline-block; width: 60%; padding-right: 9%}
.footer_content img{margin-bottom: 30px; width: auto; max-width: 100%;}
.footer_column{display: inline-block; width: 12%; vertical-align: top}
.footer_column ul{list-style: none; padding: 0px}
.footer_column ul li{padding: 13px 0px; text-transform: uppercase;}
.footer_column>p {margin-top: 0; padding-top: 0}
.footer_partners{margin-top: 40px}
.footer_partners p{display: inline-block}
.footer_partners img{margin: 10px 25px}
.footer__social {width: 86px; text-align: left}
.footer__social img {margin: 7px 7px 7px 0}
.footer__social a{-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in}
.footer__social a:hover{opacity: 0.7}


@media screen and (max-width: 768px){
    .footer_content{margin-bottom: 30px; width: 100%}
    .footer_partners{width: 100%}
    .footer_column{width: 30%}
    .footer_partners{display: none}
}

/**************************************
/Forms/
/***********************************/
p.alert-success {color: #ffffff; background-color: #258037; padding: 10px;}

textarea:focus, input:focus{outline: none;}
input::-webkit-calendar-picker-indicator {display: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {    background-color: transparent;}

/*checkbox*/
.checkbox {text-align: left; margin: 20px 0; font-size: 16px}
.checkbox.btn-inline {margin-right: 25px;}
.checkbox a {text-decoration: underline;}
.checkbox label{padding: 0; overflow: hidden;}
.checkbox label:after{content: ''; display: table; clear: both}
.checkbox label>span {display: inline-block; max-width: calc(100% - 40px)}
.checkbox.terms label>span {font-size: 10px;}

.checkbox .cr{position: relative; border: 1px solid #000; width: 19px; height: 19px; float: left; margin-right: 15px; margin-top: 2px;}
.checkbox .value-not-exists + .cr{border-color: #ed1b35}

.checkbox .cr .cr-icon{position: absolute; line-height: 0; top: -25%; left: -15%; width: 25px}
.checkbox label input[type="checkbox"]{display: none}
.checkbox label input[type="checkbox"] + .cr > .cr-icon{transform: scale(2) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg); opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr{opacity: .5}
.checkbox-login {font-size: 14px;}
.animated-form  .paragraph-login {font-size: 14px; margin: 20px 0 30px 0;}
.animated-form  .paragraph-login a:hover {color: #258037;}

.animated-form .checkbox{margin: 10px 0}
.animated-form .checkbox label{height: auto;}
.animated-form .checkbox .label-text-alert{position: relative; color: #ed1b35; top: 0; text-align: right}

.animated-form{text-align: left; margin-top: 15px; position: relative}
.animated-form label{width: 100%; margin-top: -5px; height: 47px;position: relative; font-weight: 400}
.animated-form label.label-textarea {height: auto}
.animated-form .label-text{cursor: text; font-size: 14px; transform: translateY(-25px); transition: all 0.3s}
.label-text-alert{display: none; position: absolute; top: 30px; right: 0; color: #989898; font-size: 12px; line-height: 12px}
.animated-form p.label-compare {color: #ed1b35; margin: 0; font-size: 14px}
.animated-form .left-label-error .label-text-alert{text-align: left}
.animated-form .left-label-error.checkbox .label-text-alert{margin-left: 45px;}
.group-checkbox .label-text-alert {position: relative; color: #ed1b35; top: 0;}
.animated-form .group-inline .checkbox{display: inline-block; width: auto; margin-right: 30px}
.group-radio {position: relative;}
.group-radio .label-text-alert {min-width: 200px; left: 0;} 
select + .label-text-alert {position: relative; color: #ed1b35; top: 0; margin-top: 10px;}
.animated-form input{border: 0; border-bottom: 2px solid #000; color: #000; font-size: 16px; outline: 0; transition: all 0.3s; width: 80%}
.animated-form.full-width input, .animated-form.full-width textarea {width: 100%}
.form-cont {margin: 20px 0;}
.form-row {border-bottom: 2px solid #e1e1e1; display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.form-row .load-file {height: auto; width: auto;} 
.form-row .load-file label, .form-row load-file--img {position: relative; display: block; margin-top: 10px;}
.up-img {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.animated-form input:focus{width: 100%; border-color: #ed1b35}
.animated-form input:focus+.label-text, .animated-form input:focus+script+.label-text, .animated-form .value-not-exists:not([value=""]):not(:focus):invalid+.label-text {font-size: 12px; transform: translateY(0px); color: #ed1b35}
.animated-form .active-field {width: 100%;}
.animateg-form .label-password {color: #ed1b35;}
.animated-form .active-field + .label-text {font-size: 12px; transform: translateY(0px);}
.animated-form input.value-exists {border-color: #258037; width: 100%;}
.animated-form input.value-exists + .label-text{font-size: 12px; transform: translateY(0px); color: #000}
.animated-form input.value-not-exists{width: 100%; border-color: #ed1b35}


.animated-form input[type="radio"] {display: none}
.animated-form .radio-btn {width: 14px; height: 14px; display: inline-block; position: relative; border: 2px solid #000; border-radius: 14px; margin-right: 10px}
.group-radio label:hover .radio-btn{border: 2px solid #258037}
.group-radio label {position: relative; height: auto; display: inline-block; width: auto; margin: 10px 20px 30px 0; line-height: 20px}
.group-radio label .radio-btn::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 6px; width: 6px; top: 2px; left: 2px; margin: auto; transition: background 0.4s ease-in; -webkit-transition: background 0.4s ease-in}
input[type=radio]:checked ~ .radio-btn {border: 2px solid #258037}
input[type=radio]:checked ~ .radio-btn::before{background: #258037}
input[type=radio]:checked ~ label{color: #258037;}
.animated-form .group-radio label:not(:last-of-type) .label-text-alert {display: none!important}
.animated-form .group-radio label:last-of-type .label-text-alert{top: 25px; color: #ed1b35}



.animated-form textarea{border: 0; border: 2px solid #000; color: #000; font-size: 16px; outline: 0; transition: all 0.3s; width: 80%; min-height: 71px}
.animated-form .textarea-classic textarea{border: 1px solid #000; height: auto;}
.animated-form textarea.big-area {height: 200px}
.animated-form textarea + .label-text{margin-left: 3px}
.animated-form textarea:focus{width: 100%; border: 2px solid #ed1b35;}
.animated-form textarea:focus+.label-text{font-size: 12px; transform: translateY(-5px); color: #ed1b35}
.animated-form textarea.value-exists {border-color: #258037; width: 100%;}
.animated-form textarea.value-exists + .label-text{transform: translateY(-5px); font-size: 12px}
.animated-form textarea.value-not-exists{width: 100%; border-color: #ed1b35}
.label-text-alert.textarea-alert{top: auto; bottom: 8px}

.animated-form button {background-color: #258037; color: #fff; border: none; text-transform: uppercase; font-size: 14px; min-width: 216px; padding: 15px; margin-bottom: 10px; -webkit-transition: all 0.3s; transition: all 0.3s}
.animated-form button:hover{background-color: #035e1e}
.animated-form .white-btn {background-color: #fff; border: 1px solid #258037; text-transform: none; color: #000; padding: 5px 10px; min-width: 155px}
.animated-form .white-btn:hover{background-color: #258037; color: #fff}

.animated-form p{margin: 30px 0}
.animated-form p.small-paragraph {margin: 0 0 20px 0; font-size: 12px}

.load-file, .event-submit{display: inline-block; height: 100px; width: 220px; position: relative; margin-right: 20px}
.event-submit{vertical-align: bottom}
.load-file input + p{font-size: 14px; text-transform: uppercase; position: absolute; width: 100px; right: 0; bottom: 35px; margin: 0; text-align: center}
.load-file label{width: 100px; height: 24px; background-color: #258037; color: #000; text-transform: uppercase; position: absolute; bottom: 0; right: 0; margin: 0; cursor: pointer}
.load-file label::before{ content: "Przeglądaj"; color: #fff; font-size: 14px; line-height: 24px; text-align: center; padding: 0 11px}
.load-file input{display: none}
.load-file .label-text-alert {top: -14px; text-transform: none; color: #ed1b35}
.load-file--img{width: 100px; height: 100px; background-color: #959595; display: inline-block; margin-right: 15px; position: relative; overflow: hidden}
.load-file--img img{position: absolute; min-width: 100px; min-height: 100%; height: 100px}
.load-file--img img[src=""]{display: none}
.load-pict{background: url('../images/icon-big-photo-wht.png') #959595 no-repeat; background-position: center}
.load-logo{background: url('../images/icon-big-logo-wht.png') #959595 no-repeat; background-position: center}
.animated-form .event-submit button{position: absolute; bottom: 0; margin-bottom: 0}

.select {width: 170px; background-color: #258037; position: relative; padding: 2px; cursor: pointer; text-align: center; display: inline-block; margin: 0 25px 20px 0}
.select p{background-color: #fff; color: #000; font-size: 14px; line-height: 28px; margin:0}
.select .icon-menu-down{ width: 20px; height: 10px; overflow: hidden; display: inline-block; position: relative; vertical-align: middle; margin-left: 10px;}
.select .icon-menu-down img{width: 35px; position: absolute; right: 0; bottom: -4px;}
.select >div{background-color: #258037; position: absolute; z-index: 20; width: 170px; margin-left: -2px; padding: 0px 2px 2px 2px}
.select ul{list-style: none; padding-left: 0; padding-top: 20px; text-align: center; background-color: #fff; margin: 0} 
.select ul::before{content: " "; width: 40%; height: 2px; background-color: #258037; position: absolute; top: 10px; left: 30%}
.select ul li{padding: 5px}
.select ul li:hover{background-color: #258037} 
.select--green {margin: 20px 0 40px 0;}
.select ul li:hover a{color: #fff}
.select--green p[type="button"] {text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 32px}
.select--green p, .select--green ul {background-color: #258037; color: #fff;}
.select--green a {color: #fff;}
.select--green ul li:hover{background-color: #035e1e;} 
select.value-not-exists {border-bottom: 2px solid #ed1b35;}
select.value-exists {border-bottom: 2px solid #258037;}

.form-2col label {width: calc(50% - 50px); margin-right: 50px; float: left;}
.form-2col label:last-of-type:after {clear: both;}

@media screen and (max-width: 768px) {
    .form-2col label {width: 100%; margin-right: 0px; float: none;}
}

.animated-form .checkbox-add-person {display: block; height: 30px; margin-top: 50px}


.gray-form {background-color: #ededed; padding: 5px 20px 20px 20px; margin: 15px 0}
.gray-form input{background-color: #ededed}
.gray-form .form-subheader {text-transform: uppercase; color: #258037; margin: 0 0 30px 0; font-size: 18px}

/*tag*/
.tag{ cursor:pointer; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin:5px 5px 5px 0; padding:5px; background:#989898; color:#FFFFFF; position: relative; overflow: hidden;}
.tag:hover:after{ position:absolute; padding:5px 0; top: 0; right:0; height:100%; width:100%; background:#258037; content: "\00d7";}
.group:after {content: ""; display: table; clear: both;}
.tag-input-val.value-not-exists + input {border-bottom: 2px solid #ed1b35;}
.animated-form .tag-input-val.value-exists + .tag-input{border-bottom: 2px solid #258037;}
.tag-input-val.value-exists + input:focus {border-bottom: 2px solid #258037;}

/*datepicker*/
.datepicker-container {margin-top: 10px;}
.datepicker-panel>ul:first-of-type li{background-color: #258037; color: #ffffff;}
.datepicker-top-left:after, .datepicker-top-right:after {border-bottom-color: #258037;}
.datepicker-panel>ul>li.highlighted, .datepicker-panel>ul>li:hover {background-color: #cfe5d3;}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {color: #32a248;}
.datepicker-panel>ul:first-of-type>li:hover {background-color: #258037;}

/**************************************
/tooltip/
/***********************************/

.my-tooltip .tooltiptext {display: none; width: 100%; background-color: #fff; color: #000; font-size: 14px;line-height: 16px; border: 1px solid #258037; text-align: center; border-radius: 6px; padding: 7px;position: absolute; z-index: 1; top: 125%; left: -15px; opacity: 0; transition: opacity 1s}

.my-tooltip:hover .tooltiptext {display: block; opacity: 1}


/**************************************
/subpage elements/
/***********************************/

/*pagination*/
.pager {width: 100%; text-align: center;}
.pager>ul {display: inline-block;}
.pager>ul>li>.arrow {color: transparent; width: 30px; height: 30px; background: url('../images/icon-prev.png') no-repeat; background-position: center;}
.pager>ul>li>.arrow.next { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pager>ul>li>.arrow.prev { left: 0;}
.pager>ul>li>a, .pager>ul>li>span {position: relative; float: left; padding: 6px; margin-left: -1px; min-width: 35px; line-height: 1.42857143; color: #000; text-decoration: none;background-color: #fff;border: none; text-align: center;}
.pager>ul>li:hover a, .pager>ul>li a:active, .pager>ul>li a:focus{background-color: #fff}
.pager>ul>li a.active, .pager>ul>li a:hover {font-weight: bold;}
a.prev-page, a.next-page{position: relative; width: 30px; height: 30px; overflow: hidden}
a.prev-page img{position: absolute; left: 0; top: 0}
a.next-page img{position: absolute; right: 0; top: 0}
a.pagin-active{font-weight: bold}

/*breadcrumbs*/
.breadcrumbs ul{padding-left: 0}
.breadcrumbs ul li{font-size: 15px; text-transform: uppercase; list-style: none; display: inline-block}
.breadcrumbs ul li::after{content: " - "}
.breadcrumbs ul li:first-of-type::after{content: " > "}
.breadcrumbs ul li:last-of-type::after{content: ""}

/*tags*/
ul.tags{padding: 0}
ul.tags li{display: inline-block; padding: 7px 10px; margin: 10px 7px 10px 0; border: 1px solid #007f3d; -webkit-transition: 0.2s; transition: 0.2s}
ul.tags li:hover{background-color: #004a80}
ul.tags.red-hover li:hover{background-color: #ed1b35; border-color: #ed1b35}
ul.tags.olive-hover li:hover{background-color: #827b00; border-color: #827b00}
ul.tags li:hover a{color: #fff}

/**************************************
/modal/
/***********************************/
div[data-toggle="modal"]{cursor: pointer; position: relative}
.modal-small-dialog, .modal-open .modal .modal-small-dialog .modal-content{max-height: 500px}
.modal-small-dialog .modal-body {height: auto;}
.modal-open .modal{overflow-y: hidden; margin: 50px 0 17px 17px}
.modal-open .modal .modal-content{overflow-y: auto; overflow-x: hidden; border-radius: 0px; height: 100%; max-height: 800px}

.modal-dialog {width: 100%; height: 100%; max-width: 1200px; margin: 0 auto}

.modal-body {height: 790px; padding: 60px 15px 0 15px}
.modal-body img{margin: auto}

.modal-body .close {opacity: 1; position: absolute; z-index: 100; color: #c9c9c9; background-color: #efefef; padding: 13px; top: 0; right: 0; margin-top: 0;}
.modal-logo {position: absolute; top: 10px; left: 10px; max-width: calc(100% - 70px);}

.modal-body-main {padding: 0 15px; position: relative; height: calc(100% - 160px); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column;}
.modal-body-main>div {max-height: 100%; position: relative}
.modal-body-main .prev {position: absolute; left: -45px; top: calc(50% - 15px); cursor: pointer}
.modal-body-main .next {position: absolute; right: -45px; top: calc(50% - 15px); cursor: pointer}

.modal-newsletter .modal-body-main {max-width: 800px; margin: auto;}
.modal-newsletter .section__simple-header {text-decoration: underline; margin: 30px auto;}
.modal-newsletter button {margin-top: 20px;}

.modal-body-main p{-webkit-transition: all 0.15s; transition: all 0.15s}
.modal-main-img {-webkit-transition: all 0.15s; transition: all 0.15s; max-height: 500px}

.modal-body-carousel {margin: 0 30px; position: relative; border-top: 2px solid #e1e1e1;}
.modal-body-carousel>div {width: 100%; overflow: hidden; text-align: center;}
.modal-body-carousel .prev {width: 30px; height: 30px; position: absolute; top: calc(50% - 15px); left: -20px; cursor: pointer}
.modal-body-carousel .next{width: 30px; height: 30px; position: absolute; top: calc(50% - 15px); right: -20px; cursor: pointer}
.modal-body-carousel ul {padding-left: 0; position: relative; width: 100%; margin: auto}
.modal-body-carousel li {display: inline-block; position:relative; width: 250px; height: 0; padding: 0 0 100px 0; margin: 13px; overflow: hidden}
.modal-body-carousel li img {position: absolute; min-height: 100%; width: auto; object-fit: cover; display: block; max-width: 100%; height: auto; cursor: pointer}

.modal--img {display: block}
@media screen and (max-width: 1200px){
    .modal-body {height: 100%; display: flex;}
    .modal-body-main {height: auto; margin: auto}
    .modal-body-carousel {display: none}
}
@media screen and (max-height: 767px), screen and (max-width: 768px){
    .modal-open .modal .modal-content {height: 100%}
    .modal-body{height: 100%; display: flex;}
    .modal-body-main {height: auto; margin: auto}
    .modal-body-carousel {display: none}
}

/**************************************
/article - subpage/
/***********************************/

article{text-align: left}
article h1{font-size: 36px; margin: 10px 0; text-transform: uppercase; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif;}
article h2 {font-size: 32px; font-family: Georgia, Serif; font-style: italic; font-weight: 300; padding-left: 20%; position: relative;}
article h2:before {content: ""; width: 18%; height: 2px; background-color: #258037; position: absolute; top: 30px; left: 0;}
article h3{text-transform: none; margin: 30px 0; line-height: 26px; font-size: 18px;}
article h4{text-transform: none; margin: 30px 0; line-height: 24px; font-size: 16px;}
article h5{text-transform: none; margin: 30px 0; line-height: 26px; font-size: 18px; font-weight: 400;}
article img{margin-bottom: 10px; max-width: 100%; height: auto;}
article .section__header {margin-bottom: 5px;}
article .section__header .subcategory:first-of-type {margin-left: 0px;}
article .publsh_date {font-size: 11px; float: right; }

.box--left {float: left; padding-right: 15px; max-width: 50%;}
.box--right {float: right; padding-left: 15px; max-width: 50%;}
.box--left img, .box--right img {max-width: 300px; width: 100%; margin: 0 5px;}
.article--box section {margin-bottom: 0}
.article--box .advert {margin: 0;}

@media screen and (max-width: 768px){
    .box--left {width: 100%; max-width: 100%; padding-right: 0;}
    .box--right {width: 100%; max-width: 100%; padding-left: 0;}
}
.article--info{background-color: #258037; padding: 30px 10px; background-image: url('../images/bg-loop.jpg'); background-position: top right; background-repeat: no-repeat; color: #fff; text-align: center}
.article--info p:first-child{font-size: 30px; line-height: 40px}
.article--info ul{padding-left: 0;}
.article--info ul li{margin: 7px 0; list-style-position: inside;}
.article--info ul li::before{content: none;}


.article--form{margin-left: 7%}

/*article-author*/
.article--author{margin: 50px 0}
.article--author>div{display: inline-block}
.article--author>div:first-child{width: 140px; height: 140px; position:relative; overflow: hidden}
.article--author>div:first-child img{position: relative; height: 100%; width: auto; margin-left: -200%; left: 100%}
.article--author>div:last-child{width: calc(100% - 150px); text-align: left; padding-left: 30px; vertical-align: top}
.article--author p{font-size: 12px; line-height: 15px; position: relative}
.article--author p:first-of-type{font-size: 16px; line-height: 16px; margin-top: 0px}
.article--author p span{color: #555555}
.article--author p:last-of-type{margin: 20px 0 0 40px}
.article--author p:last-of-type::before{content: " "; width: 30px; height: 26px; background: url('../images/icon-letter.png') no-repeat; position: absolute; left: -40px; bottom: 5px}
@media screen and (max-width: 600px){
    .article--author>div:last-child{width: 100%}
    .article--author p:first-of-type{text-align: center; line-height: 20px}
    .article--author>div:last-child{padding-left: 0}
}
/*article-share*/
.article--share {border: 1px solid #e1e1e1; background-color: #fff; position: fixed; bottom: 0px; z-index: 1000; left: 20px;}
.article--share p{font-weight: 600; font-size: 18px;}
.fix-popup {visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;}
.fix-popup.visible {visibility: visible; opacity: 1;}
.fix-popup-close {font-size: 15px; line-height: 15px; margin: 0; position: absolute; cursor: pointer; top: 5px; right: 5px;}

/*box buy now - with product*/
.buy-now{ border: 1px solid #808080; padding: 5px 10px; margin: 0 5px; overflow: hidden; text-align: center;} 
.buy-now img{margin: auto;} 
img.buy-now--logo {max-width: 190px}
.buy-now--product {display: flex; justify-content: center; margin: 15px 0; font-family: 'PT Sans Narrow', sans-serif;}
.buy-now--product img{max-width: 120px;}
.buy-now--product span {font-weight: 600;}

article ul {padding-left: 15px; margin: 25px 0;}
article ul li {list-style: none; position: relative; padding: 2px 0 2px 15px; font-size: 16px;}
article ul li:before {content: " "; background-color: #258037; display: inline-block; position: absolute; width: 6px; height: 8px; left: 0; top: 8px;}

ol {padding-left: 0px; margin: 25px 0; counter-reset:item;}
ol li {position: relative; padding: 2px 0; list-style-type: none; counter-increment: item; font-size: 16px;}
ol li:before {font-weight: 600; padding-right: 8px; content:counter(item) ".";}

article table {width: 100%; margin: 20px 0;}
article table thead {border-bottom: 2px solid #258037;}
article table thead td{ text-transform: uppercase; font-size: 18px;}
article table tbody tr{border-bottom: 2px solid #e1e1e1;}
article table tbody tr:hover{background-color: #e1e1e1;}
article table td{padding: 10px 5px; font-size: 16px;}

.article--collpase.collapse-btn {padding: 5px 40px 5px 10px; border: 2px solid #258037; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background: #ffffff url('../images/icon-collapse-down.png') no-repeat;  background-position: right 10px center;}
.article--collpase.collapse-btn.open {color: #ffffff; background: #258037 url('../images/icon-collapse-up.png') no-repeat; background-position: right 10px center;}
.article--collpase .collapse-elem--cont p{margin: 0 0 10px 0;}

@media screen and (max-width: 400px){
    article table td{word-break:break-all;}
}

/**************************************
/article--list/
/***********************************/

.article--list {text-align: left;}
.article--list h3{margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s; -webkit-transition: all 0.5s}
.article--list p {display: block; font-size: 16px; line-height: 22px; max-height: 154px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.article--list p.small-font {font-size: 14px; margin-top: 0;}
.article--list p.small-accent, p.small-accent {font-size: 14px; margin: 0; color: #808080; font-weight: bold}
.article--list a:hover h3, .article--list a:hover p{color: #505050}
.article--list {margin-bottom: 30px;}
.article--list .list_category { 
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
/**************************************
/contact - subpage/
/***********************************/
.contact{display: flex; justify-content: space-between; flex-flow: row wrap;}
.contact a{-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in}
.contact a:hover{color: #258037}
.contact-box{width: 49%; max-width: 400px; margin: 26px 0}
.contact-box--img{float: left; position: relative; border-radius: 50px; width: 100px; height: 100px; text-align: center; overflow: hidden; margin: 20px 10px 10px 10px}
.contact--editor .contact-box--img {width: 110px; height: 110px; border-radius: 55px}
.contact-box--img img{position: relative; left: 100%; margin-left: -200%; height: 100%; width: auto; min-width: 100%}
.contact-box--desc{text-align: left; padding: 20px 0 10px 10px; width: calc(100% - 110px); margin-left: 110px; position: relative}
.contact--editor .contact-box--desc {width: calc(100% - 120px); margin-left: 120px;}
.contact-box--desc>p:first-of-type{font-size: 18px; margin: 0px}
.contact-box--desc>p:first-of-type+p{font-size: 16px}
.contact--editor .contact-box--desc>p:first-of-type+p{font-size: 18px}
.contact-box--desc>p:first-of-type+p{margin-top: 5px}
.contact-box--desc>p{font-size: 14px; display: block}
.contact-box--desc .phone, .contact-box--desc .mail, .contact-box--desc .question, .contact-box--desc .advice {margin-left: 25px}
.contact-box--desc .phone::before{background: url('../images/icon-phone-call.png') 0 0 no-repeat; background-size: contain; height: 27px; width: 20px; content: " "; position: absolute; left: 10px}
.contact-box--desc .mail::before{background: url('../images/icon-mail.png') 0 4px no-repeat; background-size: contain; height: 18px; width: 20px; content: " "; position: absolute; left: 10px}
.contact-box--desc .question::before{background: url('../images/icon-question.png') 0 no-repeat; background-size: contain; height: 20px; width: 20px; content: " "; position: absolute; left: 10px}
.contact-box--desc .advice::before{background: url('../images/icon-person.png') 0 no-repeat; background-size: contain; height: 20px; width: 20px; content: " "; position: absolute; left: 10px}

@media screen and (max-width: 1200px) and (min-width: 992px), (max-width: 768px) and (min-width: 451px) {
    .contact-box{width: 100%; max-width: 1000px; margin: 15px 0}
}
@media screen and (max-width: 450px){
    .contact-box{width: 100%; max-width: 768px; margin: 10px 0; padding-top: 10px}
    .contact-box--img{float: none; margin: auto}
    .contact-box--desc{display: block; width: 100%; padding: 10px; margin-left: 0; text-align: center}
    .contact--editor .contact-box--desc {width: 100%; margin-left: 0}
    .contact-box--desc .phone::before, .contact-box--desc .mail::before {margin-left: -25px; left: auto}
}

.parallax-box>div {height: 200px; color: #fff; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in}
.parallax-box>div:hover {height: 200px; color: #fff}
.parallax-bg1{background-image: url("../images/bg-paralax-1.jpg")}
.parallax-bg2{background-image: url("../images/bg-paralax-2.jpg")}
.parallax-box>div>p:first-child{font-size: 24px; text-transform: uppercase; padding: 40px 0 25px 0}
.parallax-box>div>p{margin: 2px}

#map-warsaw {height: 370px; width: 100%}
#map-poznan {height: 370px; width: 100%}

/**************************************
/edition - subpage/
/***********************************/
.edition{text-align: left; padding: 10px 10px 20px 10px}
.edition > p {text-transform: uppercase; font-size: 14px; margin: 0 10px 20px 10px}
.edition > div{display: flex; justify-content: center; text-align: center; flex-wrap: wrap}
.edition > div >div{flex-basis: 300px;justify-content: center; align-self: center; position: relative}
.edition > div >div:first-of-type{flex-basis: 230px; margin-right: 10px}
.edition .button--dark-green, .edition .button--green {height: 75px; width: 100%; max-width: 270px; display: flex; justify-content: center; flex-direction: column; text-align: center; font-size: 18px; font-weight: bold; margin-left: auto; margin-right: auto}
.edition .button--green span:last-child{font-weight: normal}
.edition .button--special {position: absolute; top: -40px; right: -35px}
.edition--img{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}


.single-edition{text-align: left}
.edition-thumbnail--img {text-align: center;}
.edition-thumbnail--img img{width: 100%; max-width: 400px; margin: auto; border: 1px solid #ebebeb; margin-bottom: 15px;} 
.single-edition .btn{text-align: center; text-transform: uppercase; font-weight: 600; font-size: 18px; line-height: 26px; padding: 10px; font-family: 'PT Sans Narrow', sans-serif;}
.edition-list .btn{margin: 0 0 10px 0;}
.edition-list .oneline-paragraph p {display: block; position: relative; margin: 10px 0 0 0; line-height: 36px}
.edition-list .oneline-paragraph p:after {content: ""; width: 100%; height: 1px; background-color: #b2b2b2; position: absolute; bottom: 0px; left: 0; z-index: 2;}
.edition-list .section__header {margin-top: 20px;}

.select-edition {max-height: 200px; overflow-y: scroll; padding-left: 20px; width: 100%;}
p.select-elem {border-bottom: 2px solid #000000; margin: 0; font-size: 14px; position: relative;}
p.select-elem::after {background-image: url('../images/icon-down.png'); width: 30px; height: 30px; position: absolute; z-index: 10; content: ""; right: 0; top: -4px;}
.select-elem img {float: right; margin-top: -5px;}

@media screen and (max-width: 992px){
    .edition-articles>div{margin-bottom: 25px}
    .edition-articles .oneline-paragraph{line-height: 18px}
}
@media screen and (max-width: 769px){
    .edition > div >div:first-of-type{margin-right: 0px}
    .edition .button--special {top: -35px; right: -10px; width: 70px; height: 70px; border-radius: 70px; font-size: 8px;}
}

/**************************************
/events - subpages/
/***********************************/

/*event top info*/
.event {text-align: left}
.event .section__simple-header {margin-bottom: 10px; font-size: 36px;}
.event-info p{margin: 0; vertical-align: middle; font-weight: bold}
.event-info .img--social a{text-decoration: underline}
.event-info .img-container {padding-bottom: 69%;}
.event-info-time {background: url('../images/event-time.png') no-repeat; padding-left: 55px; height: 40px; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: center}
.event-info-time p{margin-bottom: 0px}
.event-info-place {background: url('../images/event-place.png') no-repeat;padding-left: 55px; height: 40px; margin: 15px 0px;display: flex; flex-direction: column; justify-content: center}
.event-info-site {background: url('../images/event-screen.png') no-repeat;padding-left: 55px; height: 40px; margin: 15px 0px; display: flex; flex-direction: column; justify-content: center}
.event-info-site a {color: #258037; text-decoration: none;}
.event-info .btn {text-transform: uppercase; padding: 10px; text-align: center; max-width: 280px;}
.event .box--left {max-width: 200px; padding-right: 15px;}

.event-info--list .event-info-image {border: 1px solid #000; height: 155px; display: flex; justify-content: center; align-items: center;}
.event-info--list .event-info-image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.event-info--list .subtitle {margin: 0 0 10px 0;}
.event-info--list p{margin: 5px 0;}

@media screen and (max-width: 1200px){
    .event .img--social {position: relative; text-align: right; margin: 10px 0;}
}
/*event more*/
.event-more--img{height: 120px; border: 1px solid #e1e1e1; position: relative; margin-bottom: 10px; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in}
.event-more--img img{padding: 20px 30px}
.event-more--img:hover{background-color: #ebebeb}
.event-more--img img{max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 30px; left: 0; right: 0; margin: auto;}
.event-more--img p{position: absolute; bottom: 0px; width: 100%; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 15px; margin: 0; max-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; top: 85px}

/*event sidebar*/
section.event-sidebar{position: relative}
section.event-sidebar::before{width: 40px; height: 26px; content: " "; background: url('../images/icon-search.png') no-repeat; background-size: contain; position: absolute; bottom: 0px}
#map-event {height: 310px; width: 100%}
#map-sidebar {height: 300px; width: 100%; position: relative}
.map-input{width: calc(100% - 40px); border: 2px solid #000; margin: 15px 0px 0px 40px}

/*event calendar*/
.calendar-header{background-color: #258037; color: #fff; padding: 20px 0 0 0; text-align: center}
.calendar-header>div{display: inline-block}
.calendar-header>p{display: inline-block; width: 170px}
.calendar-container table{width: 100%; background-color: #464646; color: #fff; text-align: center; font-size: 12px; height: 250px; position: relative}
.calendar-container table thead td{background-color: #258037; padding: 10px 0; text-transform: uppercase}
.calendar-container table p{font-size: 12px}

.calendar-container .icon-prev img{width: 15px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.calendar-container .icon-next img{width: 15px}
.calendar-container td {vertical-align: middle}
.calendar-container td p:first-of-type{ width: 24px; height: 24px; border-radius: 24px; margin: 0 auto; line-height: 24px}
.is-event p:first-of-type {background-color: #258037; width: 24px; height: 24px; border-radius: 24px; margin: 0 auto; cursor: pointer;}
.is-event-desc {display: none;}
.is-event-visible.is-event-desc {display: block;} 
.is-event:hover p.is-event-desc{display: block}
.is-event p.is-event-desc{position: absolute; font-size: 16px; color: #000; background-color: #fff; padding: 10px 20px; margin: 0; border: 1px solid #464646; z-index: 10; right: 0; left: 0}

/**************************************
/slider - gallery (gallery-article subpage)/
/***********************************/
section.gallery {margin-bottom: 30px;}
.gallery-article{max-width: 968px; margin: 0 auto 30px auto; text-align: left; overflow: hidden}
.gallery-autor {color: #555555; font-size: 14px; padding-left: 25px; background: url('../images/icon-user.png') no-repeat; display: inline-block; margin-right: 20px}
.gallery-date {color: #555555; font-size: 14px; padding-left: 25px; background: url('../images/icon-time.png') no-repeat; display: inline-block}
.gallery-img-cont {position: relative; max-width: 690px; margin: auto; width: calc(100% - 80px);}
.gallery-img-cont .slick-prev {left: -30px;}
.gallery-img-cont .slick-next {right: -30px;}
.gallery-article .gallery-img {position: relative;}
.gallery-article .gallery-img {max-width: 690px; margin: auto;}
.gallery-img-desc{text-align: left}
.gallery-article>img{margin: auto}
.gallery-article .pager ul {padding-left: 0;}
.gallery-article .pager ul li:before {display: none;}

.gallery-carousel {position: relative;}
.gallery-carousel ul { padding-left: 0;}
.gallery-carousel ul li:before {display: none;}

@media screen and (max-width: 768px){
    .gallery-img-cont {width: calc(100% - 60px);}
    .gallery-article .gallery-carousel .img--white.img--lg-icon {display: none;}
    .multiple-items li {margin: 5px;}
}

/**************************************
/box -- 404
/***********************************/

.box--404 {position: relative; margin: 20px 0 40px 0; text-align: center}
.box--404>div {position: absolute; top: 0; width: 100%}
.box--404>div p:first-of-type {color: #ed1b35; font-size: 36px; margin: 50px auto 30px auto; text-transform: uppercase}
.box--404>div p:nth-of-type(2) {color: #3b6187; font-size: 24px; margin: 20px auto}
.box--404 .search-404 {bottom: -5px; top: auto;  text-align: center; margin: auto;}
.box--404 .search-404>div {display: inline-block; width: 100%; max-width: 350px; background-color: #ffffff; position: relative; padding: 20px; opacity: 0.8}
.box--404 .search-404 input{width: 100%; height: 40px; margin: auto; border: 2px solid #3b6187; color: #3b6187; padding-left: 5px; font-size: 16px;}
.box--404 .search-404 button{position: absolute; top: 27px; right: 30px; width: 40px; height: 27px; background: url('../images/icon-search-404.png') 10px 0px no-repeat; border: none; background-color: transparent; padding: 0}
.search-404 input::-webkit-input-placeholder {color: #3b6187; font-size: 16px;}
.search-404 input::-moz-placeholder {color: #3b6187; font-size: 16px;}
.search-404 input:-ms-input-placeholder {color: #3b6187; font-size: 16px;}
.search-404 input:-moz-placeholder {color: #3b6187; font-size: 16px;}

.box--404>img {display: block; max-width: 100%; height: auto}

.box--404-related {max-width: 900px; margin: auto}
.box--404-related .section__header {font-size: 36px; line-height: 40px}
.box--404-related .section__header::first-letter {font-size: 40px}
.box--404-related .btn-inline {text-transform: uppercase; font-size: 22px; line-height: 25px; margin: 30px auto 50px auto}

@media screen and (max-width: 992px){
    .box--404>div p:first-of-type {font-size: 24px; line-height: 30px; margin: 20px auto 10px auto}
    .box--404>div p:nth-of-type(2) {font-size: 20px; margin: 10px auto}
    .box--404-related .section__header {font-size: 24px; line-height: 28px}
    .box--404-related .section__header::first-letter {font-size: 27px}
}

@media screen and (max-width: 640px){
    .box--404 {height: 330px; background-color: #dae6f2}
    .box--404>img {position: absolute; bottom: 0}
}

/**************************************
/users panel
/***********************************/

.account--user {text-align: left; margin-bottom: 30px}
.account--user>div>div>p{display: inline-block; position: relative; padding-left: 35px; margin: 10px 20px 20px 0}
.account--user img{position: absolute; top: 0; left: 0px; height: 22px;}

.account--contact{text-align: left; margin-bottom: 30px}
.account--contact-data {padding: 5px 10px 5px 0}
.account--contact-data>div>div {margin-bottom: 15px}
.account--contact-data>div p span:last-child {font-weight: bold}

.account--panel{text-align: left; margin-bottom: 30px}
.account--subscribe>div>div>div,
.account--subscribe>div>div>div p{display: inline-block; position: relative}
.account--subscribe>div>div p span:first-child {text-transform: uppercase; font-weight: bold; font-size: 14px}
.account--subscribe #client-nr {margin: 32px 0 0 60px}
.account--subscribe #client-nr img {position: absolute; left: -60px}
.account--subscribe form input {background: transparent}
.account--subscribe p.small-font {margin-bottom: 0}
.account--subscribe #client-code {margin-top: 0}
.account--subscribe .animated-form button {background-color: #fff; border: 1px solid #258037; text-transform: none; color: #000}
.account--subscribe .my-tooltip{position: absolute; top: 0; right: -15px; width: 100%; text-align: right}
.account--subscribe .my-tooltip img{width: 15px; height: 15px; margin-top: -15px}

@media screen and (max-width: 1200px){
    .account--subscribe #client-nr {margin: 0}
    .account--subscribe #client-nr img {display: none}
}

.user-advice table.table--white td:nth-of-type(1), .user-advice table td:nth-of-type(3){width: 25%}
.user-advice table.table--white td:nth-of-type(1){vertical-align: top}
.user-advice table.table--white td:nth-of-type(2){width: 50%; vertical-align: top}
.user-advice table.table--white .img-ratio-1 {margin: 0}
.user-advice .button--green {text-transform: uppercase; font-weight: bold}
.button--snake {padding: 15px 10px 15px 50px; position: relative; display: block; background: url('../images/btn-snake.png') 10px 15px no-repeat}
.button--snake:hover{background: url('../images/btn-snake-wht.png') 10px 15px no-repeat; background-color: #258037}

@media screen and (max-width: 550px){
    .user-advice table.table--white td:nth-of-type(1), .user-advice table.table--white td:nth-of-type(2), .user-advice table.table--white td:nth-of-type(3){display: inline-block; width: 100%; padding: 10px 0}
    .account--subscribe .my-tooltip {right: -6px}
    .user-advice table td {text-align: center}

}

.redtxt {
    color: #dc1111;
}

/**************************************
/table
/***********************************/

table.table--panel {width: 100%; margin: 25px 0}
table.table--panel td {border-bottom: 1px solid #b2b2b2; padding: 15px 5px 10px 5px;}
table.table--panel thead td {border-bottom: 2px solid #000; font-weight: bold;}
table.table--panel .table-empty {border: none; text-align: center}
table.table--panel .btn-inline {margin-bottom: 0;}
table.table--panel p {margin: 0;}
.account--edition table.table--panel .table-empty {text-align: right;}

table.table--white {width: 100%; margin: 25px 0}
table.table--white tbody td {background-color: #fff; padding: 15px 10px 15px 0}
table.table--white tbody td:last-of-type {padding-right: 0}

@media screen and (max-width: 768px){
    table.table--panel td{display: inline-block; width: 33%}
    table.table--panel td:last-child {width: 100%}
    table.table--panel tbody td {vertical-align: bottom;}
    table.table--panel .table-empty {padding: 0 0 15px 0; text-align: right;} 
    table.table--panel thead .table-empty{display: none}
    #panel-advice table td {width: 33%}
}

/**************************************
/tab pills
/***********************************/

.tab-cont{display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s}
.tab-cont.tab-active{display: block}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* input radio option - if checked - show some element*/
.input-option-val {display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s}

/**************************************
/seminar-list item
/***********************************/
.seminar-list--item {display: flex; flex-wrap: wrap; border-bottom: 1px solid #000; margin-top: 25px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in}
.seminar-list--item:hover {background-color: #f3f3f3;}
.seminar-list--item:hover .img-ratio-47:after{opacity: 1;}

.seminar-list--item>div:first-of-type {width: 300px; position: relative; justify-content: flex-end; flex-direction: column; flex-wrap: wrap;}
.seminar-list--item>div:first-of-type>.img-ratio-47 {bottom: 0;position: absolute; padding-bottom: 160px;}
.seminar-list--item>div:last-of-type {width: calc(100% - 300px);text-align: left; padding-left: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.seminar-list--item p{font-size: 18px; flex: 0 1 100%;}
.seminar-list--item .list-header {text-transform: uppercase; font-weight: bold; margin-top: 0}
.seminar-list--item .seminar-price:nth-of-type(3), .seminar-list--item .seminar-cut {flex: 1 0 50%;}
.seminar-list--item .seminar-cut{position: relative; padding-left: 45px;}
.seminar-list--item .seminar-cut:before {content: ""; position: absolute; top: -6px; left: 0px; width: 37px; height: 37px; background: url('../images/icon-cut.png');z-index: 2;}
@media screen and (max-width: 992px){
    .seminar-list--item .seminar-price:nth-of-type(3), .seminar-list--item .seminar-cut {flex: 0 1 100%;}
}
@media screen and (max-width: 768px){
    .seminar-list--item>div:first-of-type>.img-ratio-47 {position: relative; padding-bottom: 47%;}
    .seminar-list--item>div:first-of-type, .seminar-list--item>div:last-of-type{width: 100%;}
    .seminar-list--item>div:last-of-type {padding-left: 0; margin-top: 10px;}
}
#chartdiv {
  width: 100%;
  height: 400px;
}

select {text-align: center; margin: 0px; border-bottom: 2px solid #111; border-top: none; border-left: none; border-right: none; background: #fff; padding-right: 35px; font-size: 14px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/icon-down.png) bottom right no-repeat #fff; background-position:  bottom -3px right 0px; background-size: 29px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  outline:none; cursor: pointer;}
option[value=""][disabled] {display: none;}
option {color: black;}
select::-ms-expand { display: none;}
@media screen and (min-width:0\0) {
    select {background:none\9; padding: 5px\9;} 
}




@media print {
    .topmenu {border-bottom: 2px solid #035e1e; padding-bottom: 10px; margin-bottom: 0;}
    .topmenu__social {display: none;}
    .img--description {background-color: #ffffff;}
   /*advert*/
   .advert--top {display: none;}
}

/**************************************
/classified subpage
/***********************************/
.search-classified {position: relative;}
.search-classified input {border: none; border-bottom: 2px solid #258037; width: 100%; height: 33px; margin-bottom: 30px;}
.search-classified button {border: none; background-color: transparent; position: absolute; top: 0; right: 0;}

.classified--category {border-right: 1px solid #c2c2c2;}
.classified--category p {list-style: none; position: relative; text-align: left; text-transform: uppercase; padding: 15px 0 15px 40px; margin: 0; line-height: 25px;}
.classified--category p:hover {background-color: #258037; color: #ffffff;}
.classified--category p img{position: absolute; left: 0px; top: 15px;}
.classified--category p img.hover {opacity: 0;}
.classified--category p:hover img {opacity: 0}
.classified--category p:hover img.hover {opacity: 1}

.classified {  -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.classified>div, .classified>a>div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}

.classified--item {padding: 10px; text-align: left; margin: 0 0 30px 0; border-bottom: 1px solid #c2c2c2;}
.classified--item p{font-size: 14px;}
.classified--item p.inline-icon{font-size: 11px;}

.classified--img {border: 1px solid #258037;}

@media screen and (max-width: 1200px){
    .classified--category {text-align: left; border-right: none;}
    .classified--category p {display: inline-block; width: 200px; padding-left: 60px;}
    .classified--category p img{left: 15px; top: 15px;}
}
@media screen and (max-width: 610px){
    .classified {  -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
    .classified--category p { width: auto; padding: 15px 15px 15px 40px;}
    .classified--category p img{top: 10px; left: 5px;}
}

/**************************************
/search subpage
/***********************************/
.search-box {background-color: #f4f4f4; padding: 10px 15px; display: flex; margin-bottom: 30px; min-height: 62px;}
.search-box .search-flex {display: flex; padding-top: 20px;}
.search-box .weather-flex {width: 100%; padding: 20px 10px; flex-wrap: wrap; position: relative;}
.search-box .search input {background-color: #f4f4f4; width: calc(100% - 50px); border: 1px solid #000000;}
.search-box .weather-flex input {border: 2px solid #000000;}
.search-box .row>div {min-height: 145px}
.search-box .row>div:first-of-type {border-right: 15px solid #ffffff;}
.search-box .row>div:nth-of-type(2) {border-right: 15px solid #ffffff;}
.search--list {border-bottom: 10px solid #f4f4f4; padding-bottom: 25px; margin-bottom: 40px;}


@media screen and (max-width: 992px){
    .search-box {min-height: 10px;}
    .search-box .row>div:first-of-type, .search-box .row>div:nth-of-type(2) {border-right: none;}
    .search-box .row>div {min-height: 10px; margin-bottom: 20px;}
    .search-box p {margin-bottom: 0px;}
}

.search-section {background-color: #258037; padding: 10px; margin-bottom: 40px;}
.search-section input, .search-section select{background-color: #fff; border: none; padding: 15px; margin: 10px; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #000000; line-height: 27px; width: calc(100% - 200px); min-width: 200px;}
.search-section button{background-color: #fff; border: none; padding: 15px; color: #258037; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 27px; width: 150px; margin: 0 10px;}
.search-section button img {margin-right: 10px}
.search-section input::-webkit-input-placeholder {color: #000}
.search-section input::-moz-placeholder {color: #000}
.search-section input:-ms-input-placeholder {color: #000}
.search-section input:-moz-placeholder {color: #000}
.search-quotations.search-section input {width: calc(100% - 200px);}
.search-quotations.search-section select {background-position: bottom 10px right 5px;}

/**************************************
/quotations
/***********************************/
.quotations {background-color: #efefef; padding: 15px; margin: 10px 0;}
.quotations .data-btn p {width: 160px; text-align: left; font-weight: 600; position: relative; padding-left: 15px;}
.quotations .data-btn p:before {content: "\276F"; position: absolute; left: 0; color: #258037; font-weight: bold;}
.quotations .data-btn p a {color: #258037;}

#poland-map {z-index: 1000;}           
.lg-map-tooltip {background-color: #ffffff; padding: 10px 5px; border-color: #258037;}
.lg-map-tooltip p{color: #000000; font-weight: normal; font-size: 12px; margin: 0;}
.lg-map-tooltip h3{margin: 0; font-size: 14px;}
.quotations-chart {width: 100%; min-height: 400px;}

.collapse--list {border: 1px solid #cbcbcb; border-radius: 15px; padding: 10px 15px;}
.collapse--list-header {border-bottom: 2px solid #cbcbcb;}
.collapse--list-row {border-bottom: 1px solid #cbcbcb;}
.collapse--list>div:nth-child(even) {background-color: #f1f2f2;}
.collapse--list p {padding: 5px 10px;} 

@media screen and (max-width: 400px){
    .quotations .data-btn, .quotations.data-btn {justify-content: center;}
    .quotations .data-btn p {text-align: center;}
    .collapse--list p {font-size: 14px; padding: 10px 0px;}
}