/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 31.12.2016, 17:29:11
    Author     : Trta
*/
body {font-family: 'Oswald', sans-serif !important; background-color: #f8f9fb;}

.blank {background-color: #5fc1e4; width:100%; height: 350px;}

.order-btn {margin: 20px auto;}

.text-white {color: #fff;}
.text-blue {color: #5fc1e4;}
.text-welcome {color: #40a6cb; font-size: 5.5em; text-transform: uppercase; letter-spacing: 3px; text-align: center;}
.text-welcome-motto {font-size: 1.2em; color: #122b40; text-transform: uppercase; text-align: center;}

.section .container {padding-top: 35px;}
.section-heading {background: url('../img/section_bg.png'); min-height: 211px; }


.section-heading h1 {text-align: center; color: #d0a727; margin-bottom:0px; padding-top: 30px;
/*        background: -webkit-linear-gradient(to right, #d0a727, #ffe9a2, #d0a727);
	background: linear-gradient(to right, #d0a727, #ffe9a2, #d0a727);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}
.section-arrow {background: url('../img/section_arrow.png') no-repeat; width:60px; height: 40px; margin-top: 0px; margin: 0 auto;}
.section h2 {text-transform: uppercase; letter-spacing: 3px; margin: 50px 0 25px 0; }
.section h3 {text-transform: uppercase; letter-spacing: 3px; margin: 50px 0 15px 0;}
.section p { font-weight: lighter; letter-spacing: 1px; line-height: 25px; font-size: 1.3em; margin-bottom: 15px;}

.img-welcome {margin: 50px auto; max-width: 350px;}
.cta-button {margin-top: 17%; padding: 30px; background-color: red; border-radius: 0px;  border: none;}

.under-menu {margin-top: 25px;}

.upper-stripe {background-color: #000; padding: 15px 0 15px 0;}
.upper-stripe .quick-contact {color: #ff0; font-weight: bolder; padding-top: 17px;}

.footer {background: #000; margin-top: 50px;}
.footer p {color: #4f4f4f; padding: 25px 0 15px 0;}

.main-menu {background-color: #5fc1e4; }
.main-menu .navbar {border-radius: 0px; margin-bottom: 0px;}
.main-menu .navbar-default {border: none; background-color: transparent;}
.main-menu .nav>li>a {padding: 30px; text-transform: uppercase; color: #fff; font-size: 1.1em; border-left: 1px solid #40a6cb;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff; background-color: #54b1d2;
}

.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}

.main-menu .navbar-default .navbar-nav>.active>a, .main-menu .navbar-default .navbar-nav>.active>a:focus, .main-menu .navbar-default .navbar-nav>.active>a:hover{color: #fff; background-color: #54b1d2; }
.main-menu .navbar-collapse {padding-right: 0px; padding-left: 0px;}
.main-menu .container-fluid {padding-right: 0px; padding-left: 0px;}

.section-subpage-heading {border-bottom: 1px solid #000;}
.section-subpage-heading h1 {font-size: 1.6em;}

.buttons-wrapper {text-align: center;}
.buttons-wrapper > a {text-decoration: none !important;}


img.game-btn {max-width: 20% !important ; height: auto; margin: 10px; display: inline-block;
    filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
    text-decoration: none;
}
img.game-btn:hover, img.game-btn.active  {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
    text-decoration: none;
}

.choose-bet {margin-top: 50px; padding: 30px;}
.sazka-bet {background-color: #ff9900 }
.ej-bet {background-color: #e7c864; }
.em-bet {background-color: #009edf; }

.subpage {min-height: 800px;}

form a {color: #9b0a0a;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #970000;
}



@media only screen and (max-width:768px){
    .main-menu .navbar-collapse {padding-right: 15px; padding-left: 15px;}

}