/*
Theme Name: Helppess
Theme URI: http://helppes.cz
Template: groomax
Author: Jan Lasac
Author URI: http://janlasac.cz/
Description: Web pro psy
Version: 1.0
Text Domain: groomax
Tags: fluid-layout, custom-header, custom-menu, featured-images, post-formats, sticky-post
*/

/* =Theme customization starts here
------------------------------------------------------- */

.vc_wp_custommenu .widget_nav_menu .menu {
     width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 30px;
}
.vc_wp_custommenu .widget_nav_menu .menu li a {
        background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    display: inline-block;
    color: black;
    /*    background-color: #f8c73e;*/
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    border-radius: 25px;
    transition: all 0.25s ease;
    font-weight: 500;
    height: 42px;
    font-size: 15px;
    padding: 0 25px;
    line-height: 42px;
    width: auto;
    font-family: "Kalam";
}
.vc_wp_custommenu .widget_nav_menu .menu li:hover a {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
}
.vc_wp_custommenu .widget_nav_menu .menu li.current_page_item a {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
    padding-left: 35px;
    position: relative;
}
.vc_wp_custommenu .widget_nav_menu .menu li.current_page_item a:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    background: url(images/dog-paw-small.png) no-repeat center;
    background-size: 15px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

#video-home  #video-youtube .vc_column-inner>.wpb_wrapper {
	 display: table;
    width: 100%;
    height: 100%;
}
#video-home .mt_video.text-center {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
#video-youtube #video-btn {
   position: absolute;
       left: 42%;
    top: 46%;
}
#video-youtube .btn-play .fa-youtube:before {
    content: "\f167";
    margin-left: 5px;
}
#video-youtube .btn-play {
	position: relative;
	z-index: 0;
	background: #D0182A;
    color: #fff;
    width: 60px;
    height: 60px;
    border: 1px solid #D0182A;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
    font-size: 27px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    -webkit-transition-property: color, background, border-color;
    -o-transition-property: color, background, border-color;
    transition-property: color, background, border-color;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 5%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 5%);
}
#video-youtube .btn-play:after, #video-youtube .btn-play:before {
    content: '';
    border: 1px solid;
    border-color: inherit;
    width: 150%;
    height: 150%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: -25%;
    top: -25%;
    opacity: 1;
    -webkit-animation: 1s videomodule-anim linear infinite;
    animation: 1s videomodule-anim linear infinite;
}
#video-youtube .btn-play:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
@-webkit-keyframes videomodule-anim {
  0% {
    -webkit-transform: scale(0.68);
            transform: scale(0.68); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes videomodule-anim {
  0% {
    -webkit-transform: scale(0.68);
            transform: scale(0.68); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }
.social-links a .fa-tumblr:before {
	content: "";
	background: url(/wp-content/uploads/2021/10/b-icon.png) no-repeat center;
    max-width: 23px;
    color: red;
    height: 10px;
    width: 8px;
    display: inline-block;
    background-size: contain;
}
.header2 .social a .fa-tumblr:before {
	content: "";
	background: url(/wp-content/uploads/2021/10/b-icon.png) no-repeat center;
    max-width: 23px;
    color: red;
      height: 14px;
    width: 12px;
    display: inline-block;
    background-size: contain;
}
.wpcf7-form input[type="checkbox"] {
	width: auto;
}
a.vc_general.vc_btn3:hover, a:hover, input.wpcf7-form-control.wpcf7-submit {
    cursor: url("/wp-content/uploads/2019/10/cursor.png"), auto;
}

header #navbar .menu-item > a {
    font-size: 14px;
}
#navbar .menu > .menu-item > a, #navbar .sub-menu .menu-item > a {
    font-family: Nunito;
}
header .header-info-group i {
    float: left;
    font-size: 18px;
    margin-right: 0;
    margin-top: 0;
    padding: 9px 5px;
    text-align: center;
}
.header-info-group .header-info-icon a {
    color: #333;
}
.header-info-group .header-info-icon a:hover {
    color: #ffaf00;
    border-bottom: 1px dotted #ffaf00;
}
#navbar li.current_page_item a {
    color: #f0b309;
}
#navbar ul.sub-menu li.current_page_item a {
    color: #f0b309;
}
.wpb_row {
    margin-bottom: 10px;
}
#page .wpcm-cause-style2 figure {
    text-align: center;
    margin: 0 auto;
}
#page .wpcm-cause-style2 figure img {
    border-radius: 100%;
    max-width: 160px;
    border: ridge gold;
    border-radius: 10% 10% 10% 60%;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);  
    transition: transform 0.55s ease;
}
#page .wpcm-cause-style2:hover figure img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*.wpcm-recnt-donation-widget ul li i, .wpcm-wrapper .wpcm-rcnt-donation-info > a, .wpcm-donr-donation span, .mnth-donor-content > span, .wpcm-mnth-donor-widget .donation-det span, .wpcm-urgnt-causes-widget .wpcm-dontn-info strong, .wpcm-urgnt-causes-widget .wpcm-cause-nam h3:hover, .wpcm-rcnt-donation-info h5:hover, .wpcm-urgnt-causes2-widget .dontn-amnt-info span strong, .wpcm-wrapper .wpcm-btn.wpcm-btn-border, .wpcm-heading-style3 i, .wpcm-cause-lsting-contnt span, .cause-style2-iner .dontn-amnt-info span strong, .wpcm-cause-style3-contnt span strong, .wpcm-wrapper .wpcm-btn2.wpcm-btn-border {
    color: #ffaf00 !important;
}*/
#page .cause-style2-iner .dontn-amnt-info span strong {
    color: black !important;
    font-size: 13px;
}
.cause-style2-iner .dontn-amnt-info {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 17px;
}
.donation-popup .wpcm-container {
    max-width: 1000px !important;
}
.donation-popup  .popup-centralize {
    padding: 50px;
}
.donation-popup .donation-intro {
    margin-bottom: 10px;
}
.wpcm-col-lg-4.donation-box {
    /*    border-right: 1px dashed #dbdbdb;
    padding-right: 10px;
    padding-left: 10px;*/
    margin-bottom: 25px;
}
.donation-box .wpcm-cause-style2 {
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    width: 100%;
    padding: 20px 10px;
    transition: all .3s;
}
.donation-box:hover .wpcm-cause-style2 {
    border: none;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    transform: translateY(-3px);
}
/*.donation-box:nth-child(3n) {
    border-right: 0px dashed #dbdbdb;
}*/
.cause-style2-iner .content-box-donation {
    text-align: center;
    /*     border-top: 1px solid #dbdbdb;*/
    padding-top: 10px;
}
.cause-style2-iner .dontn-amnt-info span i {
    text-transform: none;
    font-weight: 500;
    color: #2a2a2a;
}
.cause-style2-iner .dontn-amnt-info.goal {
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
    margin-bottom: 12px;
    margin-top: 10px;
    display: none;
}
.cause-style2-iner .dontn-amnt-info.raise {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
    margin-bottom: 12px;
    margin-top: 10px;
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
    display: none;
}
.cause-style2-iner .content-box-donation h3 {
    /*     border-top: 1px solid #dbdbdb;*/
}
.cause-detail > strong a, .frequency li a:hover:before, .frequency li a:focus:before, .frequency li a.active::before, .donation-figures li a:hover, .donation-figures li a:focus, .single-proced-btn > a.proceed:hover, .single-proced-btn > a.proceed:focus, .btn-back, .wpdonation-box > button, .post-img > span, .btn-donate > a:hover, .btn-donate > a:focus {
    background: #ffaf00 !important;
}
.donation-figures li a:hover, .donation-figures li a:focus, .el-select input[type="text"]:hover, .el-select input[type="text"]:focus, .textfield input[type="text"]:hover, .textfield input[type="text"]:focus, .textfield input[type="email"]:hover, .textfield input[type="email"]:focus, .textfield textarea:hover, .textfield textarea:focus {
    border-color: #ffaf00 !important;
    box-shadow: 0 1px 7px 0 #ffaf00;
}
#page .wpcm-cause-style2 .cause-style2-iner .content-box-donation>a {
    display: inline-block;
    width: auto;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    transition: transform 0.55s ease;
    border-radius: 25px;
    transition: transform 0.55s ease;
    font-size: 14px;
    padding: 14px 20px;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    color: #252525;
}
#page .wpcm-cause-style2 .cause-style2-iner .content-box-donation>a:hover {
    background: #ffaf00 !important;
    color: white;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white !important;
}
#page .cause-style2-iner .progress {
    display: none;
}
#page .cause-style2-iner h3 {
    text-align: center;
}
#page .cause-style2-iner h3 a {
    pointer-events: none;

}
#page .cause-style2-iner p {
    min-height: 55px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 13px !important;
    line-height: 22px !important;
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 15px;
}
.minimal-light .esg-grid .esg-filterbutton {
    margin-bottom: 15px;
}
.wpcm-cause-style2 .wpcm-cause-cat {
    display: none;
}
.wpcm-cause-style2 .wpcm-cause-cat {
    display: none;
}
input.wpcf7-form-control.wpcf7-submit {
    background: gray;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #52525285;
    opacity: 0.7;
}

#formular .dark_subtitle {
    color: #9AA7AF;
    padding-bottom: 30px;
    line-height: 1.2;
}
#formular .section-subtitle {
    text-align: left;
    line-height: 1.2;
}
#cisla-sloupec {
    border: 0px;
}
.is-sticky .logo img, .is-sticky .navbar-header .logo img {
    max-width: 60px;
}
.sloupec {
    padding-left: 25px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
}
.mt-icon-list-item .mt-icon-list-text {
    font-weight: 400;
    padding-left: 20px;
    border-radius: 4px;
}
.blog-posts-shortcode.blog-posts .list-view .post-details .post-name a {
    font-size: 18px;
}
a.vc_general.vc_btn3 {
    color: black;
}
.prev-next-post .next-post a, .prev-next-post .prev-post a {
    color: black;
}
#sloupce p {
    font-size: 17px;
    color: black;
}
#sloupce .dark_subtitle {
    color: black;
}
.ball-grid-pulse > div {
    background-color: #000 !important;
}
body .wpb_row {
    margin-bottom: 0px;
}
.navbar-header h1.logo {
    margin: 8px 0 8px 20px;
    position: relative;
}
.stats-block.statistics {
    box-shadow:none;
    background: transparent !important;
    border: 0px !important;
}
header .social .header-info-icon a {
    color: black;
}
.esg-navigationbutton.esg-loadmore {
    margin-top: 40px;
}
footer .footer-top aside .textwidget span.fa {
    font-size: 16px; 
    margin-right: 5px;
} 
footer .mc4wp-form-fields {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
footer .footer-top .footer-row-1 aside {
    margin: 5px 0;
}
footer .mc4wp-form-fields input[type="email"] {
    height: 50px;
    background: #efeded;
    background: transparent;
    border: none;
    color: #656363;
    padding-left: 20px;
    border-radius: 5px;
    display: flex;
    float: left;
    margin-right: 30px;
    /*        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;*/
}
footer .mc4wp-form-fields p {
    margin-bottom: 0px;
}
footer .nwl {
    width: 100%;
    display: inline-block;
}
footer .nwl .nwl-message {
    position: relative;
    width: 100%;
    min-height: 10px;
}
footer .nwl .nwl-message span {
    font-size: 12px;
    margin-bottom: 10px;
}


footer .mc4wp-form-fields input[type="submit"] {
    display: flex;
    background-color: #ffaf00;
    color: #22355c;
    font-size: 16px;
    padding: 15px 30px;
    color: #fff;
    z-index: 9;
    line-height: 1;
    font-size: 20px;
    height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 25px !important;
    font-family: "Kalam";
    margin-left: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
footer .mc4wp-form-fields input[type="submit"]:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer .footer-top .menu .menu-item a {
    line-height: 1.8;
    font-size: 16px;
    font-weight: 400;
}
footer .footer-top .footer-row-3 .menu li {
    padding-left: 20px !important;
}
footer .footer-top .footer-row-3 .menu .menu-item:before {
    line-height: 24px; 
    transition: transform 0.25s ease;
}
footer .footer-top .menu .menu-item:hover:before {
    transform: translateX(5px);
}
.btn-wrap.prispet {
    position: fixed;
    z-index: 99;
   right: 0;
    overflow: visible;
    display: inline-block;
    text-transform: uppercase;
    top: 49%;
    /*
     writing-mode: vertical-rl;
    text-orientation: upright;
    transform: translateY(-50%); 
    */
}
.btn-wrap.odber {
    position: fixed;
    z-index: 99;
    right: 0;
    overflow: visible;
    display: inline-block;
    text-transform: uppercase;
    top: 55%;
}
.btn-wrap.prispet a.btn.roger-btn, .btn-wrap.odber a.btn.roger-btn {
    padding: 0px 15px;
    padding-left: 52px;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    vertical-align: top;
    border-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    font-weight: 700;
    font-size: 12px;
    background: #22355c;
    background: #ffaf00;
    color: white;
    cursor: pointer;
    border: 0px;
    font-family: "Kalam";
}
.btn-wrap.prispet a.btn.roger-btn:after, .btn-wrap.odber a.btn.roger-btn:after {
    background: transparent;
}
.btn-wrap.odber a.btn.roger-btn {
	background: #ccc;
}
.btn-wrap.prispet a.btn.roger-btn:hover, .btn-wrap.odber a.btn.roger-btn:hover {
    background: #22355c;
    color: #fff;
    border: 0px;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-color: #22355c;
}

.btn-wrap.prispet {
    top: 37%;
}
.btn-wrap.odber {
    top: 42%;
}
.btn-wrap.prispet a.btn.roger-btn:before {
    content: "";
   position: absolute;
    top: 0;
    font-size: 20px;
    width: 42px;
    height: 39px;
    right: 0;
    text-align: center;
    color: #22355c;
    border-radius: 4px 0 0;
    left: 0;
    background: #ffaf00 url(images/dog-paw-small.png) no-repeat center;
    background-size: 15px;
  /*  -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);*/
        border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.btn-wrap.odber a.btn.roger-btn:before {
    content: "\f003";
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    font-size: 20px;
    width: 42px;
    height: 39px;
    right: 0;
    text-align: center;
    background: #ccc;
    color: #22355c;
    border-radius: 4px 0 0;
    left: 0;
        border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
#sloupce .wpb_wrapper {
    max-width: 1000px;
    margin: 0 auto;
}
#sloupce .vc_column_container>.vc_column-inner {
    padding-top: 20px;
}
footer a {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
footer.footer2 .footer-div-parent {
    padding-top: 10px;
}
footer.footer2 .footer-div-parent p {
    font-size: 12px;
}
footer.footer2 .footer-div-parent a {
    color: #383737;
    font-weight: 600;
}
footer.footer2 .footer-div-parent a:hover {
    color: #ffaf00;
}
.comment-form-cookies-consent {
    display: none;
}
.home .blog_custom .post-excerpt {
    padding: 0 10px; 
}
.home .blog_custom .post-excerpt p {
	display: none;
}
.home .blog_custom .post-excerpt .content-element p {
	display: block;
}
.home .blog_custom figure img {
    border-radius: 0px;
}
.single article.post>.container {
    max-width: 800px;
}
.single.single-post article.post>.container {
    max-width: 800px;
}
.section-title {
    position: relative;
    margin-bottom: 30px;
    /*    display: inline-block;
        width: auto;*/
}
.section-title:after {
    content: "";
    position: absolute;
    width: 123px;
    height: 30px;
    background: url(images/nadpis.png) no-repeat center;
    background-size: contain;
    bottom: -20px;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

}
footer .footer-top .footer-row-3 .menu li.more-links:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -4px;
    background: url(images/dog-paw-small.png) no-repeat center !important;
    background-size: 10px !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
footer .footer-top .footer-row-3 .menu li.more-links a {
    font-weight: bold; 
}
.home article.single-post::after {
    display: none;
}
#sloupce .box  .mt-icon-list-text {
    font-family: "Kalam";
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}
.boxy .box .vc_column-inner {
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.06);
}
#sloupce .mt-icon-list-item a, #sloupce .mt-icon-list-item p {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}
#sloupce .mt-icon-list-item:hover p { 
    color: #ffaf00;
    font-weight: 800;
}
#sloupce .mt-icon-list-item:hover p { 
    color: #ffaf00;
    font-weight: 800;
}
#sloupce {
    position: relative;
}
#sloupce:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 214, 0, 0.7);
}
.social-links a:hover {
    background: transparent;
    border-color: transparent;
}
.psi-boxy-sluzby {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 40px;
}

.psi-boxy-sluzby .wpb_wrapper>p {
    min-height: 50px;
}
.wpcf7-form textarea {
    height: 150px;  
}
nav.navbar-default #navbar ul.sub-menu li a {

}
nav.navbar-default #navbar ul.sub-menu li a:hover {
    color: #777; 
    /*   padding-left: 10px;*/
}
footer .footer-top .footer-row-3 .textwidget a {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}
body .vc_btn3.vc_btn3-shape-rounded {
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    transition: transform 0.55s ease;
    border-radius: 25px;
    transition: transform 0.55s ease;
}
body .vc_btn3.vc_btn3-shape-rounded:hover {
    background: #ffaf00 !important;
    color: white;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white !important;
}
body .vc_btn3.vc_btn3-shape-rounded i {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}
body .vc_btn3.vc_btn3-shape-rounded:hover i {
    color: black;
}
.blog-posts-shortcode .grid figure {

}
.blog-posts-shortcode .grid figure:before {
    content: "";
    top: 40%;
    bottom: auto;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    background: url(images/eye.gif) no-repeat;
    background-size: 45px;
    width: 45px;
    height: 45px;
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 2;
}
.blog-posts-shortcode .grid figure:hover:before {
    opacity: 1;
}
.fixed-sidebar-menu .widget_nav_menu li a {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s; 
}
body .fixed-sidebar-menu .widget_nav_menu li a:hover {
    color: #ffaf00;
}
.esg-grid div.eye {
    background: url(images/eye.gif) no-repeat center;
    background-size: 30px;
    width: 30px;
    height: 30px;
}
article ul {
    list-style: none;
}
/*article.page .wpb_text_column .entry-content ul li {
    position: relative;
}
article.page .wpb_text_column .entry-content ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -24px;
    background: url(images/dog-paw-small.png) no-repeat center !important;
    background-size: 10px !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}*/
article .wpb_text_column ul li {
    position: relative;
}
article .wpb_text_column ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -24px;
    background: url(images/dog-paw-small.png) no-repeat center !important;
    background-size: 10px !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.article-content ul.icon li {
    position: relative;
}
.article-content ul.icon li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -24px;
    background: url(images/dog-paw-small.png) no-repeat center !important;
    background-size: 10px !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.article-content ul.icon li>a {
    color: black;
    font-weight: 800;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
    position: relative;
}
.article-content ul.icon li>a:hover {
    color: #ffaf00;
    border-bottom: 1px dotted #ffaf00;
}

#kontakt-box  {
    border-radius: 5px;
}
#kontakt-box .vc_column-inner {
    padding: 30px;
}
#kontakt-box .vc_column-inner h3 {
    margin-top: 0px;
    padding-top: 0px;
}
#aktuality .blog-posts-shortcode.blog-posts .list-view .post-details .post-excerpt .more-link {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}
#aktuality .blog-posts-shortcode.blog-posts .list-view .post-details .post-excerpt .more-link i {
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;

}
#aktuality .blog-posts-shortcode.blog-posts .list-view .post-details .post-excerpt .more-link:hover i {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
#aktuality .blog-posts-shortcode.blog-posts .list-view .post-details .post-excerpt .more-link:hover {
    color: #ffaf00 !important;
}
footer .social-links a:hover {
    background: black;
    border-color: black;
}
.info_box {
    padding: 10px;
    background: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.04);
    position: relative;
}
.info_box .info {
    padding: 15px 0;
}
.wpb_text_column a {
    color: black;
    font-weight: 800;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
    position: relative;
    /*    border-bottom: 1px solid black;*/
}
/*a:not(.vc_btn3):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    border-bottom: 0px dotted #999;
}*/
.minimal-light .esg-grid  .esg-left, .minimal-light .esg-grid  .esg-right {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    color: black;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d; 
}
.minimal-light .esg-grid  .esg-left:hover, .minimal-light .esg-grid  .esg-right:hover {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
}
body .groomax_preloader_holder .ball-clip-rotate > div {
    border-color: transparent !important;
}
.wpb_text_column a:hover {
    color: #ffaf00;
    border-bottom: 1px dotted #ffaf00;
}
.textwidget a {
    color: #ffaf00;
}
footer .textwidget a:hover {
    color: black;
}
footer .footer-top .menu li.menu-item a:hover {
    color: #ffaf00 !important;
}
#sloupce .vc_column_container .box .vc_column-inner {
    min-height: 70px;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    transition: all .3s;
}
#sloupce .vc_column_container .box:hover .vc_column-inner {
    border-left: 4px solid #ffaf00;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    transform: translateY(-3px);
}
.blog-posts-shortcode.blog-posts .list-view .blog_custom {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    transition: all .3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/*.blog-posts-shortcode.blog-posts .list-view:hover .blog_custom {
    border-bottom: 4px solid #ffaf00;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    transform: translateY(-3px);
}*/
.blog-posts-shortcode.blog-posts .list-view .blog_custom:hover {
    border-bottom: 4px solid #ffaf00;
    box-shadow: 0 10px 20px rgba(0,0,0,.2) !important;
    transform: translateY(-3px);
}

.blog-posts.animated {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*.animated:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(/wp-content/uploads/2019/09/loader-helppes.gif) no-repeat center;
    background-size: contain;
}*/
.blog-posts-shortcode.blog-posts .list-view .blog_custom .grid:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(/wp-content/uploads/2019/09/loader-helppes.gif) no-repeat center;
    background-size: contain;
}
.blog-posts-shortcode .list-view .grid figure {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    max-height: 200px;
    overflow: hidden;
        margin-bottom: 5px !important;
}
#darovat {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}
#darovat .dar-code {
    width: 100% !important;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}
article.single-post .post-name {
    padding: 0 5px;
}
#menu-menu-galerie {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 30px;
}
#menu-menu-galerie li a {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    display: inline-block;
    color: black;
    /*    background-color: #f8c73e;*/
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    border-radius: 25px;
    transition: all 0.25s ease;
    font-weight: 500;
    height: 42px;
    font-size: 15px;
    padding: 0 25px;
    line-height: 42px;
    width: auto;
    font-family: "Kalam";
}
#menu-menu-galerie li:hover a {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
}
#menu-menu-galerie li.current_page_item a {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
    padding-left: 35px;
    position: relative;
}
#menu-menu-galerie li.current_page_item a:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    background: url(images/dog-paw-small.png) no-repeat center;
    background-size: 15px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.minimal-light .esg-loadmore-wrapper .esg-navigationbutton {
    padding: 0px 16px;
    font-family: "Kalam";
    font-size: 14px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    border-radius: 25px;
    transition: all 0.25s ease;
    font-weight: 500;
    height: 42px;
    line-height: 42px;

}
.minimal-light .esg-grid .esg-filterbutton {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    display: inline-block;
    /*    box-shadow: 0 1px 4px 0 #ffaf007d; */
    color: black;
    /*    background-color: #f8c73e;*/
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 4px 0 #ffaf007d;
    border-radius: 25px;
    transition: all 0.25s ease;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0 15px;
    width: auto;
    font-family: "Kalam";
}
.minimal-light .esg-grid .esg-filterbutton:hover {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
}
.minimal-light .esg-grid .esg-filterbutton.selected {
    background: #ffaf00;
    border-color: #f0b309;
    box-shadow: 0 1px 7px 0 #ffaf00;
    color: white;
    padding-left: 35px;
    position: relative;
}
.minimal-light .esg-grid .esg-filterbutton.selected:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    background: url(images/dog-paw-small.png) no-repeat center;
    background-size: 15px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.minimal-light .esg-grid span.eg-el-amount {
    margin-left: 5px;
    font-size: 12px;
    color: #999;
}
#sluzby .vc_btn3.vc_btn3-shape-rounded {
    margin-top: 10px;
}
.vc_btn3.vc_btn3-shape-rounded .fa-long-arrow-right:before {
    transition: transform 0.55s ease;
}
.vc_btn3.vc_btn3-shape-rounded:hover .fa-long-arrow-right {
    right: 10px !important
}
footer .footer-row-3 .textwidget p, footer .footer-top .footer-row-3 .textwidget a, footer .footer-top .footer-row-3 .menu .menu-item a {
    font-family: "Kalam";
}
footer #text-3 {
    margin-bottom: 10px;
}
footer .footer-top  #groomax_address_social_icons-2 {
    margin: 10px 0 20px 0;  
}
.bulletin .post-category-comment-date .post-author, .bulletin .post-category-comment-date .post-comments {
    display: none;
}
.bulletin.content {
    text-align: center
}
div.tlapa {
    background: url(images/dog-paw-small.png) no-repeat center;
    background-size: contain;
    width: 15px;
    height: 15px;
}
.eg-galerie-element-0:hover {
    border: 1px solid #ffaf00 !important;
    box-shadow: 0 1px 4px 0 #ffaf007d;
}
.eg-galerie-element-0:hover {
    border: 1px solid #ffaf00 !important;
    box-shadow: 0 1px 4px 0 #ffaf007d;
}

/* tym */

.single .article-details.center {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.single .article-details.tym .post-category-comment-date  {
    display: none; 
}
.single-dogs .article-details .post-category-comment-date {
    display: none;
}
.single-produkty .article-content {
    text-align: center;
}
.single .article-social  ul {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.single .article-social li {
    float: none;
    display: inline-block; 
}
.single .btn-back-post {
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.collapse {
    display: none;
    visibility: hidden;
}
.back-to-top {
    border: 1px solid #ffd600;
}
#zajem-pes {
    max-width: 1500px;
    margin: 0 auto;    
}
article.single-post .post-excerpt p {
    font-size: 14px;
    line-height: 20px;
}  

@media (min-width: 1200px) {
	
	.blog-posts-shortcode .grid figure {
    max-height: 239px;
}
.blog-posts-shortcode.blog-posts .list-view .post-details {
    padding-top: 0;
}

#formular h2 {
    font-size: 30px;
	float: left;
	margin-top: -50px; 
}
#formular .dark_subtitle {
    float: left;
    }
    footer .footer-top {
        position: relative;
    }
    footer .footer-top:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(images/tapka.png) no-repeat center;
        background-size: contain;
        width: 60px;
        height: 60px;
        display: block !important;
    }
    footer {
        position: relative;
    }
    footer:after {
        content: "";
        position: absolute;
        bottom: 20%;
        right: 100px;
        background: url(images/tapka.png) no-repeat center;
        background-size: contain;
        width: 80px;
        height: 80px;
        display: block !important;
    }
    footer .footer-top:after {
        content: "";
        position: absolute;
        bottom: 50px;
        left: 50px;
        background: url(images/tapka.png) no-repeat center;
        background-size: contain;
        width: 60px;
        height: 60px;
        display: block !important;
    }
    .header2 {
        position: relative;
    }
    .header2:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: url(images/tapka.png) no-repeat center;
        background-size: contain;
        width: 60px;
        height: 60px;
    }
    footer .mc4wp-form {
        position: relative;
        max-width: 90%;
        padding: 20px  30px;
        margin-bottom: 20px;
        border-radius: 10px;
        background-color: #ebe7e0;
    }
    footer .mc4wp-form:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 100%;
        border-radius: 0 10px 20px 0;
        transform: skewX(-15deg) translateX(25px);
        background-color: #ebe7e0;
        display: inline-block;
    }
    footer .footer-top .widget_nav_menu li {
        padding: 2px 0px;
    }
    /*    footer .footer-row-3 .textwidget p {
            font-size: 17px;
            font-weight: 400;
        }
        footer .footer-top .footer-row-3 .textwidget a {
            font-size: 17px;
            font-weight: 700; 
            color: black;
        }
        footer .footer-top .footer-row-3 .menu .menu-item a {
            font-size: 17px;
            font-weight: 400;
        }*/
    footer .footer-top .footer-row-3 .menu .menu-item a:hover {
        color: #ffaf00 !important;
    }
    footer .footer-top .footer-row-3 .textwidget a:hover {
        color: #ffaf00;
    }
    footer .nwl .nwl-message span {
        margin-bottom: 0px;
        position: absolute;
        bottom: -107px;
        left: 0px;
        z-index: 100;
        font-size: 12px;
        color: #666;
        background-color: #efeded;
        border: 1px solid #e6e6e6;
        border-bottom: none;
        -webkit-filter: drop-shadow(0 1px 0 #e6e6e6);
        filter: drop-shadow(0 1px 0 #e6e6e6);
        padding: 8px;
        width: 480px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease;
        font-weight: 400;
        border: 1px solid #efeded;
    }

    footer .nwl .nwl-message span:after {
        content: "";
        position: absolute;
        top: -3px;
        left: 50%;
        margin-left: -3px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #efeded;
        z-index: 102;
    }
    footer .nwl:hover .nwl-message span {
        opacity: 1;
        visibility: visible;
    } 
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
	
	#formular h2 {
    font-size: 26px;
}
	
    header .container {
        width: 95%;
    }  
    body.header2 .header2 #navbar .menu > .menu-item > a {
        font-size: 12px !important;
        padding: 20px 13px !important
    }

    #page .cause-style2-iner h3 {
        min-height: 62px;
    }
}


@media only screen and (max-width: 1023px) and (min-width: 768px) {


    #page .cause-style2-iner h3 {
        min-height: 62px;
    }
    #navbar .menu-item.mega1column > a::after, #navbar .menu-item.mega2columns > a::after, #navbar .menu-item.mega3columns > a::after, #navbar .menu-item.menu-item-has-children > a::after {
        right: 0px !important;
    }

    /*    .navbar-default .navbar-collapse {
            display: none !important;
        }*/

    header .container {
        width: 95%;
    } 
    header .navbar .container {
        width: 100%;
    } 
    body.header2 .header2 #navbar .menu > .menu-item > a {
        font-size: 11px !important;
        padding: 13px 10px !important
    }
    body .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        width: 100%;
    }
    body.header2 header .right-side-social-actions {
        display: none;
    }
    body.header2 header .right-side-social-actions {
        float: right;
    }
    header.header2 .navbar-header h1.logo {
        text-align: left !important;
    }
    body.header2 .navbar-header h1.logo {
        margin: 10px 0 10px;
    }
    header.header2 .header-infos {
        margin-top: 28px !important;
    }
}

@media (min-width: 767px) {
	.darovani .dekujeme {
		width: 50%;
		float: left;
		
	}
	.darovani .new-darujeme {
		min-height: 440px;
	}
	.darovani .vc_tta-panel-body {
		padding-bottom: 30px;
	}
	}

@media (max-width: 767px) {


    .header-title-breadcrumb .col-xs-6 {
        width: 100%;
    }
    .header-title-breadcrumb .breadcrumb.text-right {
        text-align: left; 
        line-height: 1.2;
    }
    #navbar .menu-item.menu-item-has-children > a:after {
        display: none !important;
    }

    header {
        line-height: 1;
        display: inline-block;
        width: 100%;
        -webkit-box-shadow:  0 1px 5px #777;
        -moz-box-shadow:  0 1px 5px #777;
        box-shadow: 0 1px 5px #777;
        border-bottom: 1px solid #e4e4eb;
    }
    .menu .menu-item {
        margin-bottom: 10px;
    }
    footer .nwl .nwl-message {
        margin-bottom: 10px;
    }
    footer .nwl p {
        color: #252525;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    footer .mc4wp-form-fields input[type="email"] {
        display: inline-block;
        float: none;
        margin-right: 0px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
    }
    footer .mc4wp-form-fields input[type="submit"] {
        display: inline-block;
    }
    footer .footer-top aside {
        margin: 20px 0;
    }
    header.header2 .header-infos {
        margin-top: 0px;
    }
    header .header-infos .header-info-icon {
        display: inline-block !important;
    }
    .flex-container {
        padding: 0;
        margin: 0;

        /*  -ms-box-orient: horizontal;*/
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    header.header2 .header-infos {
        margin-top: 0px !important;
    }
    #page.site {
      /*  line-height: 0;*/
        padding: 0;
        margin: 0;
    }

    header.header2 .logo-infos .container .row {
        -ms-box-orient: horizontal;
        width: 100%;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap; 
    }
    header.header2 .navbar-header {
        order: 2;
        -webkit-order: 2;      /* Chrome, Safari */
        -moz-order: 2; 
        width: 100%;
        display: inline-block;
    }
    header.header2 .col-md-9.col-sm-8 {
        background: #ffd600;
        order: 1;
        -webkit-order: 1;      /* Chrome, Safari */
        -moz-order: 1; 
        width: 100%;
        display: inline-block;
    }
    body .navbar-header h1.logo {
        margin-bottom: 10px !important;
    }
    .logo img, .navbar-header .logo img {
        margin-top: 10px;
        max-width: 60px;
    }
    body #modeltheme-main-head {
        display: inline-table;
        display: block;
        height: auto;
        padding: 0;
        min-height: 0px;
    }
    #navbar .menu > .menu-item > a, #navbar .sub-menu .menu-item > a {
        visibility: visible;
        position: relative;
    }
    #navbar .menu-item.menu-item-has-children > a:before {
        content: "";
        font-family: simple-line-icons;
        font-size: 7px;
        opacity: 1;
        position: absolute;
        right: 6px;
        top: 30px;
        visibility: visible;
        top: 6% !important;
        display: inline-block !important;
    }
    .btn-wrap.odber {
    top: 60%;
}
}

@media (max-width: 500px) {

  .btn-wrap.odber {
    top: 47%;
}
/*	
	.btn-wrap.prispet {
right: -76px;

}
.btn-wrap.odber {
 right: -71px;

}*/
    header.header2 .header-info-group {
        margin-left: 10px !important;
    }
    header.header2 .header-info-group .header-info-icon {
        font-size: 0px;
    }
}