div.contact-page .artra-button:hover .icon-artra-ico-right {
    padding-left: 10px;
}

.artra-button{
    width: -moz-fit-content;
    width:fit-content;
    box-sizing: border-box;
}
.artra-button *, .artra-button::after, .artra-button::before {
    box-sizing: border-box;
}

.artra-button button{
    height:58px; margin: auto; border: unset; background: unset; outline:none;
    font-weight: 100;
}
.artra-button button.smaller{
    height:48px; margin: auto; border: unset; background: unset; outline:none;
    font-weight: 100;
}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.text-uppercase{ text-transform: uppercase;}
.d-flex{ 
    display: -ms-flexbox!important;
    display: flex!important;
}
.artra-button button.wider{
    padding-left: 40px;
    padding-right: 40px;
}
.artra-btn-transparent{
    position: relative;
    margin-left: 30px;
}
.artra-btn-transparent button{
    background: transparent;
    z-index: 1;
}
.artra-btn-transparent button{
    color: white;
}
.artra-btn-transparent button.dark{
    color: #333333;
}

.artra-btn-transparent .btn-text, .artra-btn-transparent .icon-artra-ico-right, .artra-btn-transparent .icon-artra-ico-drop-down{
    margin:auto;
}
.artra-btn-transparent .icon-artra-ico-drop-down, .icon-artra-plus, .icon-artra-plus-2{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.active-button .icon-artra-ico-drop-down, .artra-btn-transparent:hover .icon-artra-ico-drop-down, .artra-btn-transparent:focus .icon-artra-ico-drop-down{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.artra-btn-transparent .icon-artra-ico-right{
    padding-right: 0px;
    width: 32px;;
}

.artra-btn-transparent .button-shape{
    background: url(../images/buttons/btn-white-fix.svg);
    width: 38px;
    position: absolute;
    top: -3px;
    left: -30px;
    height: 58px;
    background-repeat: no-repeat;
}

svg#draw_broder{
    height: 100%;
    z-index: 0;
    width: calc(100% + 30px);
    position: absolute;
    left: -15px;
}
svg#draw_broder.thin{
    height: 100%;
    z-index: 0;
    width: calc(100% + 10px);
    position: absolute;
    left: -10px;
}
.white_line{
    stroke: white;
    stroke-width:2;
    fill:none;
}
.grey_line{
    stroke: #333333;
    stroke-width:2;
    fill: none;
}
.trans_line{
    stroke: transparent;
    stroke-width:2;
    fill: none;
}
.white_fill{
    stroke: white;
    stroke-width:2;
    fill:white;
}
/*specialne pre newsletter, kedze ma navrhnuty stav funkcnosti/nefunknosti vzhladom na formular ... */
#newsletter-form.invalid .grey_fill{
    stroke: #D2D2D2;
    stroke-width:2;
    fill:#D2D2D2;
}
#newsletter-form:not(.invalid) .grey_fill{
    stroke: #333333;
    stroke-width:2;
    fill: #333333;
}
.color_black{ color:black;}
.artra-btn-transparent .icon-artra-ico-right{
    transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.artra-btn-transparent:hover .white_line{
    fill:white;
}
.artra-btn-transparent:hover button{
    color:black;
}
.artra-btn-transparent.special-case:hover button{
    color:white;
}
.active-button .grey_line, .active-button .trans_line, .artra-btn-transparent:hover .grey_line, .artra-btn-transparent:hover .trans_line {
    fill:#333333;
}
.active-button button.dark, .artra-btn-transparent:hover button.dark{
    color:white;
}
.artra-btn-transparent:hover .icon-artra-ico-right{
    padding-right: 0px;
}

.icon-artra-plus{
    width: 16px;
    height: 2px;
    display: block;
    margin: auto;
    margin-left:10px;
    background: #333333;
    border-radius: 5px;
}
.icon-artra-plus-2{
    width: 16px;
    height: 1.5px;
    display: block;
    margin: auto;
    margin-left: -16px;
    background: #333333;
    border-radius: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.active-button .icon-artra-plus, .active-button  .icon-artra-plus-2, .artra-btn-transparent:hover .icon-artra-plus, .artra-btn-transparent:hover .icon-artra-plus-2{
    background:white;

}
.active-button .icon-artra-plus-2{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}