
/* Search Page
--------------------------------------------------- */

#search_panel
{
padding-top:0;
padding-bottom:0;
}

#form-search
{
padding-top:0;
padding-bottom:0;
margin:0
}

label.dark > h4
{
color: #222222;
margin-right: 15px;
}

/*Information Request Style
--------------------------------------------------- */
.control-label
{
color: #000000;
}

legend
{
display: block;
width: 100%;
padding: 0px;
margin-bottom: 20px;
font-size: 12px;
line-height: inherit;
color: #333;
border: 0 none;
border-image: none;
text-align:center;
}

.btn-confirm,
.btn-confirm:hover,
.btn-confirm:focus,
.btn-confirm:active,
.btn-confirm.active
{
color: #FFF !important;
background-color: #FEC503;
border-color: #B59A17;
}

.btn-confirm.disabled,
.btn-confirm[disabled]
{
background-color: #7f7f7f;
border-color: #262626;
color: #222222 !important;
}

/*Security Slider
--------------------------------------------------- */

.testimonial-safe
{
text-align:center;
}

#security-stripe a
{
display : block;
margin : auto;
}

/* Nav Logo
---------------------------------- */

.header .logo img
{
position:absolute;
z-index:100;
margin: -15px 5px 5px 5px;
width:150px;
}

.header .logo img:hover
{
opacity: 1;
}

.fixed-header-on .header .logo img
{
margin: -50px 5px 5px 5px;
-webkit-transform: scale(0.50);
-moz-transform: scale(0.50);
-ms-transform: scale(0.50);
-o-transform: scale(0.50);
transform: scale(0.50);
}

.fixed-header-on .header .logo img:hover
{
opacity: 1;
outline: 3px solid pink;
}

.header .site-slogan
{
position:absolute;
z-index:100;
margin: 50px 0px 0px 175px;
}

.fixed-header-on .header .site-slogan
{
outline: 2px solid blue;
margin: 50px 0px 0px 175px;
}

/* ========================================================================
 * links and buttons: remove underline and outlines
 * ======================================================================== */

a.btn,
a.btn:active,
a.btn:focus,

button.btn:active,
button.btn:focus,
button.btn:active,
button.btn:focus,

.dropdown-menu li a,
.dropdown-menu li a:active,
.dropdown-menu li a:focus,
.dropdown-menu li a:hover,

ul.dropdown-menu li a,
ul.dropdown-menu li a:active,
ul.dropdown-menu li a:focus,
ul.dropdown-menu li a:hover,

.form-control ,
.form-control:focus,

.nav-tabs li a,
.nav-tabs li a:active,
.nav-tabs li a:focus { outline:0px !important; -webkit-appearance:none;  text-decoration:none; color: #666666; box-shadow: none;}

/* ========================================================================
 * tables style
 * ======================================================================== */

table#searchResults.table
{
border-collapse: separate;
margin-top: 20px;
}

table#searchResults.table  > thead > tr > th
{
background-color: #fec503;
border-top: 1px solid #b59a17;
border-bottom: 1px solid #b59a17;
color: #333333;
}

table#searchResults.table.table-striped > thead > tr:first-child > th:first-child
{
border-left: 1px solid #b59a17;
}

table#searchResults.table.table-striped > thead > tr:first-child > th:last-child
{
border-right: 1px solid #b59a17;
}

table#searchResults.table.table-striped > tbody > tr:nth-child(2n+1) > td
{
background-color: #ffffff;
}

table#searchResults.table > tbody > tr > td a
{
color: #000000;
}

/* ========================================================================
 * search filter style
 * ======================================================================== */

.search-filters
{
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
	padding: 5px;
	padding-top:10px;
	margin-bottom: 20px;
}

.sidebar .search-filters
{
	margin-bottom: 0;
}

.search-filters label
{
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.search-filters form
{
	margin: 0;
}

.search-filters .btn
{
	min-width: 0;
	width: 100%;
	vertical-align: middle;
	max-height: 39px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0px;
}
}

.search-filters .form-control,
.search-filters .form-control:focus
{
	margin-bottom: 5px;
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}

/* ========================================================================
 * fade in style
 * ======================================================================== */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in
{
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;

-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;

-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}

.fade-in.one
{
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in.two
{
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three
{
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

/* ========================================================================
 * Home Page Search style
 * ======================================================================== */

#search_panel {
	padding-top: 0;
	padding-bottom: 0;
}

#form-search {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

label.dark > h4 {
	color: #222222;
	margin-right: 15px;
}

form {
	margin:0;
	padding:0;
}

/* ========================================================================
* NavBar
* ======================================================================== */

/* Navbar ------------------*/

.navbar.navbar-default
{
border-radius: 0;
margin: 6px 0 5px !important;
}

.header
{
padding: 0px;
background-color: #222222;
border-bottom: 0 !important;
height: 61px;
}

.navbar-default .navbar-nav > li > a
{
text-decoration: none;
padding: 12px 20px 12px 20px;
}

.fixed-header-on .navbar-default .navbar-nav > li > a
{
padding: 6px 10px 6px 10px;
}

.fixed-header-on .navbar-default .navbar-nav > li > a#navFreeDemo
{
color: #FFF;
border: 1px solid #FEC503;
background-color: #FEC503;
border-radius: 4px;
padding: 6px 10px;
}

.fixed-header-on .navbar-default .navbar-nav > li > a:active#navFreeDemo,
.fixed-header-on .navbar-default .navbar-nav > li > a:focus#navFreeDemo,
.fixed-header-on .navbar-default .navbar-nav > li > a:hover#navFreeDemo
{
color: #f1f1f1;
border: 1px solid #cb9d02;
background-color: #cb9d02;
border-radius: 4px;
padding: 6px 10px;
}

/* Navbar / SuperHeader ------------------*/

div.header-top-dropdown
{
margin-right: 20px;
}

#header-top-second .dropdown  > a::before
{
top: -1000px;
}

#header-top-second .header-top-dropdown .dropdown > button,
#header-top-second .header-top-dropdown .dropdown > a.btn
{
padding: 8px 10px;
margin: 0;
font-size: 12px;
color: #999;
text-align: center;
min-width: 0;
background-color: transparent;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-transform: none;
}

#header-top-second .header-top-dropdown .dropdown > button:hover,
#header-top-second .header-top-dropdown .dropdown > a.btn:hover
{
color: #ffffff;
}

/* Navbar / Tix Logo ------------------*/

.header .logo img
{
position:absolute;
z-index:100;
margin: -35px 25px 5px 5px;

width:150px;
}

@media (max-width: 400px) {
	.header .logo img
	{
	position:absolute;
	z-index:100;

	width:50px;
	}
}

.header .logo img:hover
{
opacity: 1;
}

.fixed-header-on .header .logo img
{
margin: -40px 5px 5px 5px;

-webkit-transform: scale(0.50);
-moz-transform: scale(0.50);
-ms-transform: scale(0.50);
-o-transform: scale(0.50);
transform: scale(0.50);
}

.fixed-header-on .header .logo img:hover
{
opacity: 1;
}

.header .site-slogan
{
position:absolute;
z-index:100;

margin: 34px 0px 0px 175px;
}

.fixed-header-on .header .site-slogan
{
margin: 50px 0px 0px 175px;
}

/* Navbar / Search Input ------------------*/

.fixed-header-on .header.fixed
{
padding: 0px;
}

.header-left
{
padding-right:20px;
padding-top: 0px;
padding-bottom: 0px;
}

div.input-group:nth-child(1)
{
margin-top: 10px;
margin-bottom: 1px;
}
#txtKeyword-new
{

border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 40px;
background-color: rgba(255, 255, 255, 0.2);
border-color: #000;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45) inset;
color: #999;
}

#txtKeyword
{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 40px;
background-color: rgba(255, 255, 255, 0.2);
border-color: #000;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45) inset;
color: #999;
}

#txtKeyword:focus
{
background-color: #ffffff;
color: #000000;
}

.fixed-header-on #txtKeyword
{
height: 30px;
}

.input-group-addon
{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.glyphicon
{
color: #999;
}

.input-group-focus .input-group-addon .glyphicon
{
color: #ffffff;
}

#txtKeyword,
.input-group-addon
{
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out
}

/* ========================================================================
* Banner
* ======================================================================== */

.jumbotron
{
margin-bottom: 0 !important;
}

.jumbotron.background-image
{
background-image: url('/Clients/TixNew/images/sliderconcert-1680x580-gra.jpg');
background-size: cover;
}

.jumbotron h1.dark-text,
.jumbotron p.dark-text
{
color: rgba(8,18,30,1)
}

.jumbotron p
{
font-size: 21px;
font-weight: 400;
margin-bottom: 15px;
}

.text-shadow1
{
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 5px rgba(0,0,0,.5);
}

.text-shadow2
{
text-shadow: 3px 3px 7px black;
}

.text-shadow2W
{
text-shadow: 3px 3px 7px white;
}

.text-shadow3
{
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 2px rgba(0,0,0,.25);
}

.btn
{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.btn:after
{
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.btn-demo
{
padding: 14px 24px;
border: 0px none;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 6px;

background: none repeat scroll 0% 0% rgb(0, 191, 111);
color: rgb(255, 255, 255) !important;
}

.btn-demo:hover,
.btn-demo:focus,
.btn-demo:active,
.btn-demo.active,
.btn-demo:active:focus,
.btn-demo.active:focus
.open > .dropdown-toggle.btn-demo
{
background: none repeat scroll 0% 0% rgb(0, 140, 82);
color: #ffffff !important;
outline: 0;
box-shadow: none;
}

.banner .jumbotron
{
height: 540px;
}

/* ========================================================================
* Testimonial
* ======================================================================== */

#carousel-testimonial
{
margin-top: 0px;
height: 230px;
margin-bottom:0px;
}

.testimonial h2
{
margin-bottom: 1px;
}

.testimonial-body
{
margin-bottom: 1px;
}

p.rating i
{
padding: 0;
font-size: 40px;
margin-top: -5px;
margin-bottom: 0px;
margin-left: 2px;
margin-right: 2px;
}

.quote
{
font-size:20px;
}

.quote:before
{
content: "\f10d";
font-family: FontAwesome;
font-size:50px;
color: #ffffff;
opacity: .75;
margin-right: 50px;
}

.quote:after
{
content: "\f10e";
font-family: FontAwesome;
font-size:50px;
color: #ffffff;
opacity: .75;
margin-left: 50px;
}

.carousel-fade .carousel-inner .item
{
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.carousel-fade .carousel-inner .active
{
opacity: 1;
}

.item:nth-child(even)
{
background: rgba(254, 197, 3, .9);
}

.item:nth-child(odd)
{
background: rgba(254, 197, 3, .7);
}

/* ========================================================================
* Footer
* ======================================================================== */

/* footer social icons */
ul.rating
{
list-style: none;
display: inline;
}

/* ========================================================================
* Tablet Navigation 
*============================================================================ */
@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}