/*-- Normálny button --*/   
.button.normal,
.button {
    padding: 15px 30px;
    border-width: 2px;
    border-style: solid;
    border-color: #1e628e;
    border-radius: 25px;
    text-transform: uppercase;
    color: black;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.button i {
    display: inline-block;
    margin: 0px 2px;
}

.button:hover {
    color: white;
    background-color: #1e628e;
}

.button .holder {
    display: inline-block;
}

/*-- Biely button --*/ 
.button.button-white{ 
    border-color: white;
    color: white;
}


.button.button-white:hover {
    color: #1e628e;
    background: white;
}

.button.button-white:hover span {
    color: #1e628e;

}

/*-- Malý sivý button --*/
.button.more,
.button.back{
    padding: 4px 14px 6px;
    text-transform: lowercase;
    background-color: #e2e4e6;
    border-width: 0px;
}

.button.more:hover,
.button.back:hover {
    background-color: #1e628e;
}

/*-- Bez textu, len ikonka --*/
.button.icon{
    width: 25px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    background-color: #E2E4E6;
    border-width: 0px;
    text-align: center;
    font-size: 23px;
}

.button.icon:hover {
    background-color: #1e628e;
}

.button.icon .holder{
    display: none;
}

/*-- Textový button --*/
.button.text{
    padding: 4px 14px 6px 0;
    text-transform: lowercase;
    background-color: transparent;
    border-width: 0px;
    color: #1e628e;
    font-weight: 600;
    display: inline-block;
}

.button.text:hover {
    text-decoration: underline;
    background-color: transparent;
}


/************************************************************************/
/*  TEXTY */
/*************************************************************************/

/*-- Normálny text --*/
.text.normal {

}

/*-- Modrý text --*/
.text.blue {
    color: #1E628E;
}
/*-- Na modrom pozadí --*/
.text.bgblue {
    color: #fff;
    background-color: #1E628E;
    padding: 20px;
}

/*-- Na sivom pozadí --*/
.text.bggray {
    color: #000;
    background-color: #f1f1f1;
    padding: 20px;
}

/*-- Sivý text --*/
.text.gray  {
     color: #aaa;
}

/*-- Biely text --*/
.text.white  {
     color: #fff;
}

.text-mega {
    font-size: 46px;
    font-weight: 200;
}

/*-- Podčiarknutý text --*/
.text.underline {
    text-align: center;
    color: black;
    border-bottom: 5px solid #1e628e;
    display: inline-block;

}

li.fa {
    display: block;
}

/************************************************************************/
/*  Ramik */
/*************************************************************************

/*-- Orámovanie --*/
.ramik.border-inherit {

}
/*-- Bez rámika --*/
.ramik.border-none,
*.border-none {
    border-width:0;
    outline: 0;
}

/*-- Modrý rámik --*/
.ramik.border-blue,
*.border-blue {
    border-width:1px;
    border-style: solid;
    border-color: #1E628E;
    padding: 20px;
}

/*-- Sivý rámik --*/
.ramik.border-gray,
*.border-gray {
    border-width:1px;
    border-style: solid;
    border-color: #e2e4e6;
    padding: 20px;
}

/*-- Rámik bez odsadenia modrý --*/
.ramik.border-blue-fit,
*.border-blue-fit {
    border-width:1px;
    border-style: solid;
    border-color: #1E628E;
}

/*-- Rámik bez odsadenia sivý --*/
.ramik.border-gray-fit,
*.border-gray-fit {
    border-width:1px;
    border-style: solid;
    border-color: #aaa;
}

/************************************************************************/
/*  Pozadie */
/*************************************************************************/

.bg-dark, .bg-light{
    background-size: cover;
    background-position: center;
}

/*-- Bez pozadia --*/
.pozadie.bg-none,
*.bg-none {
    background:none;
}

/*-- Modré pozadie --*/
.pozadie.bg-blue,
*.bg-blue{
    background-color: #1E628E;
}

/*-- Tmavé pozadie --*/
.pozadie.bg-dark,
*.bg-dark{
    background-image: url(../../images/baryt_video_pozadie.jpg);
}

.bg-dark *,
.bg-dark *:hover{
    color: white;
    border-color: white;
}


/*-- Svetlé pozadie --*/
.pozadie.bg-light,
*.bg-light{
    background-image: url(../../images/baryt_povedali.jpg);
}

/*-- Sivé pozadie --*/
.pozadie.bg-gray,
*.bg-gray {
    background-color: #f2F3F4;
}

/*-- Sivé pozadie --*/
.pozadie.bg-white,
*.bg-white {
    background-color: #fff;
}