.example {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .5s;
            transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}   
                a#vysledok {display: none; float: right;}
                
                div#sumar{display: none;}
                
                div.odoslane#odoslane{display: none;}
                
                button.btn.objednaj{float:right;}
                
                div#obj_form{
                display:none;
                float: left;
                margin: auto;
                margin-top: 20px;
                margin-left: 54px;
                }
                
                label.name{width: 22%;padding:5px;}
                
                label.email{width: 22%;padding:5px;}
                
                label.phone{width: 22%;padding:5px;}
                
                label.obec{width: 22%;padding:5px;}
                
                 h2.heading.text-3.wow.fadeInUp.animated.animated{
                     visibility: visible;
                     -webkit-animation-name: fadeInUp; 
                     animation-name: fadeInUp;}
                 
                 
                 h2.heading.text-3.wow.fadeInUp.animated.animated.animated{
                     visibility: visible; 
                     animation-name: fadeInUp; 
                     -webkit-animation-name: fadeInUp;
                  }
                 
                div.block-1-4.wow.fadeInRight.animated.animated{
                visibility: visible;
                -webkit-animation-name: fadeInRight; 
                animation-name: fadeInRight;}
                
                
        hr {
  border: 0; border-top: 1px solid #9E9E9E;;
}