@charset "utf-8";

/************************** Import Fonts and Icons *************************/
/* #ffd200


/************************* General Styles for Tags *************************/
a {
	outline: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	outline: 0;
	text-decoration: none;
}

address { 
	font-size: .9em;
	line-height: 1.8em; 
	color: #000;
}

blockquote {
	background: #f9f9f9;
	border-left-color: #ffd200;
	color: #000;
	font-size: .9em;
	font-style: italic;
	line-height: 1.8em; 
}

body {
 	font-family: 'Prompt', sans-serif; 
	font-size: 18px;
}

canvas{
	width: 100% !important;
	max-width: 800px;
	height: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Prompt', sans-serif;
	color: #222322;
	
}

h1,
h2,
h3,
h4 {
	/* font-weight: bold; */
}


h2 { 
	/*border-left: 2px solid #bbb; */
	margin-bottom: 20px;
	padding: 0 0 0 5px;
}

img {
	width: 100%;
}

img.pull-right {
	margin: 0 0 1.5em 1.5em;
}

img.pull-left {
	margin: 0 1.5em 1.5em 0;
}

p { 
	font-size: .9em;
	line-height: 1.8em; 
	color: #000;
}

ul { padding: 0; }

.btn {
	
	background: #222322;
	color: #ffd200;
	display: inline-block;
	font-size: 1em;
	height: auto;
	line-height: 1;
	opacity: 1;
	position: static;
	padding: 15px 20px;
	text-shadow: none;
	width: auto;
	font-weight: 400;
}
.btn:hover {
	background: #222322;
	color: #ffd200;
	opacity: 1;
}

/************ Transition ************/
.social li a {
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}



/***************************************************************************/
/********************** General Styles for Components **********************/
/********************************* Scrollbar *******************************/
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(182,182,182,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(182,182,182,0.4); 
}




/********************************* Horizontal line *******************************/
.horizontal-line {
    border-top: 1px solid #E3E3E3;
    float: left;
    margin: 40px 0;
    width: 100%;
}



/********************************* Dropdowns *******************************/
.dropdown {  
	z-index: 2000; 
}

.dropdown ul {
	display: none;
	left: 0;
	overflow: visible;
	position: absolute;
	text-align: left;
	top: 100%;
}

.dropdown:hover ul {
	display: block;
}

.dropdown ul li {
	display: inline-block;
	list-style: none;
}

.dropdown ul li a {
	display: inline-block;
	margin: 0;
	padding: 0 15px;

}



/********************************* pagination ********************************/

.pagination {
	border-radius: 0;
	border-top: 1px solid #eee;
	margin-top: 30px;
	padding-top: 30px;
	width: 100%;
}

.pagination li a {
	background: #bbb ;
	border-radius: 0;
	border: none;
	color: #fff;
	height: 43px;
	margin: 7px;
	padding: 10px 17px;
	width: 43px;
}

.pagination li a:hover {
	background: #ffd200;
}

/********************************* Carousel ********************************/
.carousel-control {
	background: #b0b0b0;
	color: #fff;
	display: inline-block;
	font-size: 1.5em;
	height: 42px;
	line-height: 42px;
	opacity: 1;
	position: static;
	text-shadow: none;
	width: 42px;
	font-weight: 400;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

.carousel-control:hover,
.carousel-control:focus {
	background: #222322;
	color: #ffd200;
	opacity: 1;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: static;
}


/*********************************** Panel *********************************/
.panel {
	background: #e6e6e6;
	border-radius: 0;
	padding: 15px;
	position: relative;
}

.panel .panel-heading {
	font-size: 1.45em;
	font-weight: 700;
}

.panel .panel-heading span {
	color: #666;
	display: block;
	font-size: .6em;
	font-style: italic;
	font-weight: 400;
}

.corner {
  color: #fff;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 2px;
}

.ribbon {
	text-transform: uppercase;
	font-size: 5em;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 35px 50px 10px 0;
	left: -5px;
	top: -7px;
	width: 137px;
}

.panel .corner .hot {
	background-color: #f0414d;
}

.panel .corner .top {
	background-color: #1c9845;
}

.panel .corner .new {
	background-color: #00799a;
}

.panel .list-group li {
	background: none;
	border-color: #fff;
	color: #666;
	font-size: .9em;
}

.panel .list-group li i {
	font-size: 1.2em;
	margin-left: -15px;
}

.panel .panel-footer {
	background: #222322;
	border-radius: 0;
	color: #ffd200;
	display: block;
	font-weight: 700;
	margin: 20px -15px -15px -15px;
	text-align: center;
		-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

.panel .panel-footer:hover {
	background: #ffd200;
	color: #222322;
}

.panel .panel-footer i {
	font-size: 1.3em;
	margin-left: 5px;
}



/******************************* Progress Bar ******************************/
.progress {
	background-color: #dddddd;
	border-radius: 0;
	height: auto;
}

.progress .bar {  
	background-color: #222322;
	background-image: none;
	border-radius: 0;
	color: #ffd200;
	font-size: .9em;
	font-weight: 400;
	padding: 0.5em 1em;
	text-align: left;
}



/********************************* Accordion *******************************/
.panel-accordion {
	background: none;
	padding: 0;
}

.panel-accordion .panel-heading {
	padding: 10px 0;
}

.panel-accordion .accordion-toggle {
	font-size: 1.4em;
}

.panel-accordion .accordion-toggle span,
.panel-accordion .accordion-toggle:hover span.invert {
	background: #ffd200;
	border-radius: 3px;
	color: #222322;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin: 0 15px 0 0;
	text-align: center;
	width: 30px;
        -webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
           -moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
            -ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
             -o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
                transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;   	
}

.panel-accordion .accordion-toggle:hover span,
.panel-accordion .accordion-toggle span.invert {
	background: #222322;
	color: #ffd200;
}



/******************************* Testimonial *******************************/
.testimonial-container p {
	border-radius: 3px 3px 3px 3px;
	border: 2px solid #cdd1d0;
	margin: 0 25px 0 0;
	padding: 1.5em 2em;
}

.testimonial-container span.border {  
	border-right: 32px solid transparent;
	border-top: 22px solid #cdd1d0;
	display: block;
	margin-left: 4em;
	margin-top: -2px;
	width: 0;
}

.testimonial-container span.back {  
	border-right: 25px solid transparent;
	border-top: 18px solid white;
	display: block;
	margin-left: 2px;
	margin-top: -22px;
	width: 0;
}

.testimonials-name {  
	margin: 0;
}

.testimonials-position {
	color: #4c4f54;
	margin: 0;
	text-transform: uppercase;
}



/*********************************** Tabs **********************************/
.nav-tabs {
	border-bottom: 0;
	font-size: 14px;
}

.nav-tabs > li > a {
	background: #1C9845;
	border-left: 0;
	border-radius: 0;
	border: 1px solid #DDD;
	color: white;
	font-weight: bold;
	margin-right: 0;
	padding: 0.6em 2em;
	text-transform: uppercase;
}

.nav-tabs > li > a:first-child { 
	border-left: 1px solid #DDD;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
	color: #222322;
}

.nav-tabs > li > a:hover {
	background: #252f38;
}

.tab-content {
	padding: 2em;
}



/******************************** Tabs Left ********************************/
.tabs-left .nav-tabs {
	padding: 0;
}

.tabs-left .nav-tabs > li {
	border-bottom: 1px solid #ddd;
	float: none;
}

.tabs-left .nav-tabs > li a {
	background:none;
	border: none;
	color: #4c4f55;
	display: table-cell;
	font-weight: normal;
	height: 60px;
	line-height: 60px;
	margin: 0 0 0 50px;
	padding: 0 1em 0 2em;
	text-transform: capitalize;
	vertical-align: middle;
	width: 217px;
}

.tabs-left .nav-tabs > li:hover a {
	color: #222322;
}

.tabs-left .nav-tabs > li.active {
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-left: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top: 1px solid #ddd;
	margin-right: -1px;
	z-index: 1;
}

.tabs-left .nav-tabs > li.active a {
	border: 0;
	color: #252f38;
}

.tabs-left .tab-content {
	border: none;
	border-left: 1px solid #ddd;
}





/***************************************************************************/
/**************************** Plugins / Modules ****************************/

/**************************** Isotope filtering ****************************/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	-webkit-pointer-events: none;
	   -moz-pointer-events: none;
		-ms-pointer-events: none;
		 -o-pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	   -moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		 -o-transition-duration: 0.8s;
			transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
		-ms-transition-property: height, width;
		 -o-transition-property: height, width;
			transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:    -moz-transform, opacity;
		-ms-transition-property:     -ms-transform, opacity;
		 -o-transition-property:      -o-transform, opacity;
			transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		 -o-transition-duration: 0s;
			transition-duration: 0s;
}





/***************************************************************************/
/******************* General Styles for Commons Sections *******************/

/********************************* General *******************************/
.row { 
	margin: 60px 0 0 0;
}

.row .row { 
	margin: 0 0 30px 0;
}




/******************************** Social Icons *****************************/
.social li  {
	display: block;
	float: right;
	list-style: none;
	text-align: center;
	margin-left: 1px;
}

.social li a {
	background: #333;
	display: block;
	height: 67px;
	width: 67px;
	line-height: 67px;
	font-size: 1.2em;
}

.social li a i {
	color: #979797;
}
.social li a:hover i {
	color: #fff;
}

.social li a.twitter:hover {
	background: #00aced;
}

.social li a.facebook:hover {
	background: #3b5998;
}

.social li a.gplus:hover {
	background: #dd4b39;
}

.social li a.linkedin:hover {
	background: #007bb6;
}

.social li a.pinterest:hover {
	background: #cb2027;
}

.social li a.vimeo:hover {
	background: #aad450;
}

.social li a.play:hover {
	background: #bb0000;
}

.social li a.instagram:hover {
	background: #517fa4;
}

.social li a.instagram:hover {
	background: #ff0084;
}



/******************************* Pricing Table *****************************/
.pricing-table {
	border: 3px solid #eee;
	list-style: none;
	margin: 0 0 50px 0;
	text-align: center;
}

.pricing-table li { 
	color: #999;
	font-size: .9em;
	font-weight: 400;
	padding: .5em;
}

.pricing-table .title {
	color: #222322;
	font-size: 1.3em;
}

.pricing-table .price {
	background: #f7f7f7;
	color: #222322;
	font-size: 1.5em;
	padding: .3em;
}

.pricing-table .price span {
	font-size: .6em;
	vertical-align: top;
}

.pricing-table .button {  
	background: #f7f7f7;
}

.pricing-table .button a {
	background: #999;
	border-radius: 2px;
	color: #fff;
	display: block;
	margin: .5em auto;
	padding: .7em;
	text-transform: uppercase;
	width: 7em;
}

.pricing-table.active .price,
.pricing-table:hover .price,
.pricing-table.active .button a,
.pricing-table:hover .button a {
	background: #222322;
	color: #ffd200;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

.pricing-table.active.sec .price,
.pricing-table:hover.sec .price {
	background: #ffd200;
	color: #222322;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

.pricing-table.active.sec,
.pricing-table:hover.sec {
	border-color: #ffd200;
}



/******************************* Aside *****************************/
aside h2 {
	border-bottom: 2px solid #ffd200;
	border-left: none;
	clear: both;
	font-size: 1.5em;
	font-weight: 400;
	margin: 60px 0 0 0;
	padding: 0 0 .75em 0;
}

aside h2:first-child {
	margin: 0
}

aside .arrow {
	border-color: #ffd502 transparent transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	display: block;
	height: 0px;
	margin: 0 0 20px 20px;
	width: 0px;
}

aside ul li {
	list-style: none;
	margin: 10px 0px;
}

aside ul li i {
	color: #999;
}
	
aside ul li a {
	color: #999;
	display: inline-block;
	font-size: .9em;
	height: 2em;
}

aside ul li a:hover {
	color: #222322;
}



/*********************************** Posts *********************************/
.post {
	margin-bottom: 60px;
}

.post .date {
	background: #bbb;
	color:#fff;
	float: left;
	height: 120px;
	text-align: center;
	text-transform: uppercase;
	width: 100px;
}

.post .date .day {
	display: block;
	font-size: 1.6em;
	height: 25px;
	margin: 15px 0 0 0;
	vertical-align: bottom;
	width: 100%;
}

.post .date .month {
	display: block;
	font-size: .75em;
	height: 40px;
	line-height: 40px;
	margin: 0 0 15px 0;
	vertical-align: top;
	width: 100%;
}

.post .date .comments {
	background: #888;
	display: block;
	font-size: .7em;
	height: 30px;
	line-height: 30px;
	width: 100%;
}

.post .date .comments a {
	color: #fff;
}

.post .date:hover {
	background: #222322;
}

.post .date:hover .comments {
	background: #454545;
}

.post .content {
	margin-left: 100px;
}

.post .content .post-img { 
	margin-bottom: 30px;
	position: relative;
	width: 100%;	
}

.post .content .post-img img { 
	width: 100%;
}

.post .content .post-img .more { 
	background: rgba(30,30,30,0.3);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;	
}

.post .content .post-img .more a {
	background: #222322;
	color: #ffd200;
	display: block;
	font-size: 3em;
	height: 66px;
	left: 50%;
	line-height: 66px;
	margin: -33px 0 0 -33px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 66px;
}

.post .content .post-img .more a i {
	font-size: 0.6em;
	line-height: 2.2;
	display: block;
	margin: 0 auto;
}

.post .content .post-img:hover .more { 
	display: block;
	cursor: pointer;
}

.post .content .post-img .foot { 
	background: #f0f0f0;
	color: #a7a7a7;
	font-size: .8em;
	font-weight: 700;
	line-height: 43px;
	min-height: 43px;
}

.post .content .post-img .foot span { 
	margin: 0 15px;
}

.post .content .post-img .foot span a { 
	color: #a7a7a7;
	font-size: 1.5em;
	margin: 0 5px;
}

.post .content .post-img .foot span a:hover { 
	color: #222322;
}






/******************************** Comments *********************************/
.container-comments .single-comment {
	border-bottom: 1px dotted #888;
	padding-bottom: 20px;
	padding-top: 10px;
}

.container-comments .single-comment header {
	height: 80px;
}

.container-comments .single-comment header h4 {
	font-size: .8em;
	font-weight: 400;
	margin-bottom: 0;
}

.container-comments .single-comment header small {
	color:  #5d5d5d;
	font-size: 0.7em;
}

.container-comments .single-comment header img {
	background: #f8ffa2;
	border-radius: 2px;
	border: 1px solid #efefef;
	float: left;
	height: 78px;
	margin: 0 15px 0 0;
	width: 78px;
}

.container-comments .single-comment header .btn {
	border: none;
	font-size: .8em;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 1em;
}





/********************************** Grid ***********************************/
.grid.magic-grid { 
	padding: 0;
}

.grid.magic-grid .filters { 
	background: #222322;
	margin: 0 10px 2em;
	min-height: 35px;
	padding: 0 1em;
}

.grid.magic-grid .filters button { 
	background: #222322;
	border: none;
	color: #fff;
	font-size: .9em;
	font-weight: 700;
	height: 35px;
	padding: 0 1em;
	text-transform: uppercase;
	outline: 0;
}

.grid.magic-grid .filters button:hover { 
	outline: 0;
	color: #ffd200;
}

.grid.magic-grid .filters button.active { 
	outline: 0;
	background-color: #ffd200;
	color: #222322;
	height: 45px;
	margin: -5px 0;
}

.grid.magic-grid .element { 
	cursor: pointer;
	margin: 10px;
	width: 265px;
	position: relative;	
}

.grid.magic-grid .element .text { 
	background-color: #ffd200;
	font-size: 1.2em;
	font-weight: 700;
	height: 20%;
	padding: 10px 15px;
}

.grid.magic-grid .element .text p { 
	color: #222322;
	line-height: 1.2em;
	margin: 0;
}

.grid.magic-grid .element .text span { 
	display: block;
	font-size: .7em;
	line-height: 1.5em;
}

.grid.magic-grid .element .more { 
	background: rgba(30,30,30,0.3);
	display: none;
	height: 80%;
	position: absolute;
	width: 100%;
}

.grid.magic-grid .element .more a {
	background: #222322;
	color: #ffd200;
	display: block;
	font-size: 3em;
	height: 66px;
	left: 50%;
	line-height: 66px;
	margin: -33px 0 0 -33px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 66px;
}

.grid.magic-grid .element:hover .text { 
	background: #222322;
	color: #ffd200;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}
.grid.magic-grid .element:hover .text p { 
	color: #ffd200;
}

.grid.magic-grid .element:hover .more { 
	display: block;
}



/****************************** General Forms ******************************/
.form-control {
	border-radius: 0;
/*	min-height: 50px; */
}

form button {
	background: #222322;
	border: none;
	color: #ffd200;
	padding: 0.7em 1.2em;
	text-transform: uppercase;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}
form button:hover {
	background: #ffd200;
	color: #222322;
}


/****************************** Comment Forms ******************************/
.form-comment  {
	margin-top: 60px;
}

.form-comment .form-group {
	margin: 20px 0 0;
	width: 48%;
}
.form-comment .form-group.txt {
	width: 100%;
}
.form-comment button {
	margin-top: 20px;
}

.form-comment input {
	width: 100%;
}



/******************************  Most Viewed  ******************************/
.most-viewed {
	float: left;
	font-size: .9em;
	font-weight: 700;
	margin:  0 0 20px 0;
	width:	100%;
}

.most-viewed a {
	color: #888;
	display: block;
}

.most-viewed a:hover {
	color: #222322;
}

.most-viewed span {
	color: #888;
	font-size: .9em;
	font-weight: normal;
}

.most-viewed div {
	float: left;
	height: 60px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 60px;
}

.most-viewed div img {
	width: 100%;
}


/********************************** Search *********************************/
.search input,
.search button {
	border-radius: 0;
	min-height: 34px;
	padding:0 6px;
}
.search button {
	border-left: none;
	color: #888;
}



/*********************************** Tags **********************************/
.tags {
	font-size: .9em;
}

.tags a {
	color: #888;
}

.tags a:hover {
	color: #222322;
}



/***************************** Add Cart Button *****************************/
.addcart {
	background: #999;
	border-radius: 2px;
	color: #fff;
	display: block;
	float: left;
	font-size: .7em;
	height: 2.7em;
	line-height: 2.7em;
	margin: 1em 0;
	padding: 0 1em;
	text-transform: uppercase;
	width: 12em;
	float: right;
}
a.addcart {
	position: absolute;
	bottom: 0px;
	right:0px;
}

.addcart span {
	border-right: 1px dotted #fff;
	display: inline-block;
	margin: 0 .9em 0 0;
	padding: 0 .9em 0 0;
}
.addcart span i {
	font-size: 1.2em;
}



/********************************** Star ***********************************/
.star {
	display: block;
	font-size: 1em;
	height: 1.89em;
	line-height: 1.89em;
	margin: .7em 0 .7em .7em;
	padding: 0 .7em;
	text-transform: uppercase;
}

.star span {
	color: #ffd200;
}

.star i:before {
	margin: -0.2em;
}




/******************************* Sports News *******************************/
#sports-news .item > div {
	float: left;
	margin: 10px;
	position: relative;
	width: 23%;
}

#sports-news .item div .more { 
	background: rgba(30,30,30,0.3);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
}

#sports-news .item div .more a {
	background: #222322;
	color: #ffd200;
	display: block;
	float: left;
	font-size: 235%;
	height: 26%;
	margin: -13% 5% 0;
	position: relative;
	text-align: center;
	top: 50%;
	width: 26%;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

#sports-news .item div .more a i {
	font-size: 0.7em;
}

#sports-news .item div .more a:hover {
	background: #ffd200;
	color: #222322;
}

#sports-news .item div .more a:first-child {
	margin-left: 20%;
}

#sports-news .item div:hover .more { 
	display: block;
}





/***************************************************************************/
/************************ General Styles for Header ************************/

header .row {
	margin: 0px;
}

header .topbar a{
	float: right;
	margin-right: 40px;
}
header .topbar {
	background: #444 url("../img/pattern-play.jpg") center center;
	color: #fff;
	font-weight: bold;
	line-height:1;
	
}
header .topbar .row > div:first-child {
	padding: 2% 0; 
}

header .topbar i {
	color: #ffd200;
}

header .navbar {
	background: #000;
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	margin: 0;
	height: 90px;
}

header .navbar .navbar-header {
	margin: 32px 0;
}

header .navbar .navbar-header .navbar-toggle {
	background: #ffd200;
}
header .navbar .navbar-header .navbar-toggle span {
	background: #222322;
}

header .navbar .navbar-nav {
	float: right;
}

header .navbar .navbar-nav li.active a {
color: #000;
text-decoration: none;
}
header .navbar .navbar-nav li a {
	color: #bc9c01;
	text-transform: uppercase;
	height: 40px;
	line-height: 60px;
	font-size: 16px;
	padding: 0 0.8em;
}

header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li a:focus {
	background: none;
	color: #000;
}

header .navbar .navbar-nav>li.active a{
	color: #000;
/*	color: #222322;	 */
	
}

header .navbar .navbar-nav .dropdown ul { 
	font-size: .8em;
	font-weight: 700;
	margin: 0 0 0 -2px;
	padding: 0;
	text-transform: none;
}

header .navbar .navbar-nav .dropdown ul li { 
	background-color: #222322;
/*	border-bottom: 1px solid #333; */
	padding: 0;
}

header .navbar .navbar-nav .dropdown ul li:last-child { 
	border:none;
}

header .navbar .navbar-nav .dropdown ul li a { 
	background: #222322;
	color: #fff;
	height: 44px;
	line-height: 44px;
	margin: 1px 0 0;
	width: 200px;
}

header .navbar .navbar-nav .dropdown ul li.active a,
header .navbar .navbar-nav .dropdown ul li a:hover { 
	color: #ffd200;
}

header .subbar {
	background: #000;
	font-size: 1.2em;
	font-weight: 700;	
	min-height: 80px;
	position: relative;
	text-transform: uppercase;
}

header .subbar img {
	max-height:100%;
	
}
header .subbar .title {
	

}

header .subbar .title em {
	border-left: 1px dotted #333;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 400;
	margin-left: 10px;
	padding-left: 10px;
	text-transform: none;
}

header .subbar .breadcrumbs {
	font-size: 0.6em;
	font-style: italic;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	margin: 25px 0;
	text-align: right;
	text-transform: none;
}

header .subbar .breadcrumbs a {
	color: #222322;
}

header .subbar .breadcrumbs a:last-child {
	text-transform: uppercase;
}

header .subbar .breadcrumbs i {
	font-size: .8em;
}




/***************************************************************************/
/************************ General Styles for Footer ************************/
footer {
	margin-top: 0px;
}

footer h2 {
	border-left: none !important;
	color: #b0b0b0;
	font-size: 1.2em;
	margin-bottom: 20px;
	padding-left: 5px;
	text-transform: uppercase;
}

footer p {
	font-size: 1em;
}

footer a {
	color: #74705c;	
}

footer a:hover {
	color: #ffd200;
}

 .topfoot {

}

 .topfoot .carousel-inner {
	text-align: center;
	margin: 30px 50px;
	width: auto;
}

 .topfoot .carousel-inner .item > div {
	display: inline-block;
	margin: 0 20px;
	width: 170px

}

 .topfoot .carousel-inner .item div:first-child {
	margin-left: 0;
}

 .topfoot .carousel-inner .item div:last-child {
	margin-right: 0;
}

 .topfoot .carousel-control {
	border-radius: 3px;
	left: 0;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}

 .topfoot .carousel-control.control-right {
	left: 100%;
	margin-left: -42px;
}

footer .middlefoot p {
color: #888 !important;
}
footer .middlefoot {
	background: #343333;
	color: #888;
	font-size: .85em;
	
}

footer .middlefoot ul li {
	
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .middlefoot .about a {
	font-style: italic;
	font-weight: 700;
}

footer .middlefoot .about a span {
	margin: 0 5px;
}

footer .middlefoot .about a i {
	font-size: 1.5em;
}

footer .middlefoot ul.hours li {
	border-bottom: 1px solid #383838;
	height: 4em;
	line-height: 4em;
}

footer .middlefoot ul li i {
	color: #ffd200;
	font-size: 1.2em;
	margin-right: 10px;
}

footer .middlefoot ul.hours li i {
	line-height: 2.3em;
}

footer .middlefoot .recent-news {
	font-weight: 700;
	margin:  0 0 20px 0;
}

footer .middlefoot .recent-news a {
	display: block;
	font-size: .9em;
	margin: 0 0 10px 0;
}

footer .middlefoot .recent-news span {
	font-size: .9em;
	font-weight: normal;
}

footer .middlefoot .recent-news div {
	border-radius: 3px;
	float: left;
	height: 70px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 80px;
}

footer .middlefoot .recent-news div .post-icon {
	background: rgba(100,100,100,0.5);
	color: #222322;
	font-size: 1.5em;
	height: 100%;
	left: 0;
	padding: 1em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

footer .middlefoot .recent-news:hover div .post-icon {
	background: #ffd200;
}

footer .middlefoot .recent-news div img {
	width: 100%;
}

footer .bottomfoot {
	background: #000;
	color: #74705c;
	font-weight: 700;
	text-transform: uppercase;
}

footer .bottomfoot .row {
	margin: 0;
	padding:0;
}

footer .bottomfoot p {
	line-height: 2;
	margin: 6% 0 0 0;
	font-size: .8em;
	color: #74705c;
}

footer .bottomfoot p a {
	color: #74705c;
}

footer .bottomfoot p a:hover {
	color: #b0b0b0;
}

footer .bottomfoot .social li a {
	height: 76px;
	line-height: 76px;
	margin: 0 1px 0 0;
	width: 73px;
	color: #b0b0b0;
}


/***************************************************************************/
/************************ Specific Styles for Pages  ***********************/

/****************************** Single Trainers  ***************************/
#strainers #img-trainer {
	float: left;
	margin: 0 20px 20px 0;
	width: 370px;
}

#strainers #img-trainer .item {
	height: 330px;
	width: 100%;
}

#strainers #img-trainer .item img {
	width: 100%;
}

#strainers #img-trainer .carousel-control {
	left: 100%;
	position: absolute;
	top:0;
}

#strainers #img-trainer .carousel-control.next {
	margin: 0 0 0 -42px;
}

#strainers #img-trainer .carousel-control.prev {
	margin: 0 0 0 -84px;
}


#strainers .class-experience p,
#strainers .class-experience h3 {
	text-align: center;
}

#strainers .chart {
	color: #222322;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin: 0 auto;
}



/******************************* Single Classes  ***************************/
#sclasses #img-class {
	margin: 0 0 20px 0;
	width: 100%;
}


#sclasses #img-class .item {
	width: 100%;
}

#sclasses #img-class .item img {
	width: 100%;
}

#sclasses #img-class .carousel-control {
	left: 100%;
	position: absolute;
	top:0;
}

#sclasses #img-class .carousel-control.next {
	margin: 0 0 0 -42px;
}

#sclasses #img-class .carousel-control.prev {
	margin: 0 0 0 -84px;
}

#sclasses #sports-news {
	float: right;
}


/********************************* Contacts ********************************/
#contacts {
	margin-bottom: 50px;
}

#contacts #map {
	height: 525px;
	margin: 0 -30px 0 -15px;
}

#contacts p {
	margin-bottom: 3em;
}

#contacts address {
	color: #999;
	display: inline-block;
	width: 49%;
}

#contacts address abbr {
	color: #222322;
	font-style: italic;
	margin-right: .5em;
}



/********************************** Trainers  ******************************/
#trainers {
	margin-bottom: 60px;
}

#trainers .grid.magic-grid .element { 
	height: 445px;
	position: relative;
	overflow: hidden;
}

#trainers .grid.magic-grid .element .background { 
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

#trainers .grid.magic-grid .element .text { 
	background: transparent;
	border-radius: 50%;
	border: 6px solid rgba(0,0,0,0.1);
	height: 200px;
	left: 0;
	margin: -90px 32px 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 200px;
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

#trainers .grid.magic-grid .element .text .info { 
	background: #f1f1f1;
	width: 100%;
	height: 100%;
	padding: 40px 20px 0;
	text-align: center;
	font-size: .9em;
	color: #999;
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
#trainers .grid.magic-grid .element .text .info p { 
	color: #999;
}

#trainers .grid.magic-grid .element .text .info span { 
	text-transform: uppercase;
}

#trainers .grid.magic-grid .element:hover .text { 
	top: 50%;
}

#trainers .grid.magic-grid .element:hover .text .info { 
	background: #222322;
	color: #ffd200;
	padding: 74px 0 0 0;
	font-size: 1.1em;
}
#trainers .grid.magic-grid .element:hover .text .info p { 
	color: #ffd200;
}
#trainers .grid.magic-grid .element:hover .background { 
	background: rgba(255, 211, 2,0.7);
}
.clear{clear:both;}
.space20 {height:20px;}
#filelist div {
	width: 70px;
	height: 70px;
	margin:5px;
	float:left;
	cursor:move;
}
#filelist .imagedel {
	color: red;
	cursor: pointer;
	float:left;
}
#filelist img
{
	width: 100%;
	float:left;
	max-height: 70px;
	
}


/******************************** Single News  *****************************/
#snews .post .content {
	padding-bottom: 60px;
}

#snews .post .icon li {
	border-radius: 2px;
	border: 1px solid #888;
	display: block;
	float: left;
	height: 81px;
	list-style: none;
	margin: 6px;
	width: 80px;
}

#snews .post .icon li:hover {
	border: 1px solid #000;
}

#snews .post .icon li:last-child {
	margin-right: 0;
}

#snews .post .icon li:first-child {
	margin-left: 0;
}



/************************************ Store  *******************************/
#store article {
	padding: 0;
}


#store .store-item h5  { line-height:17px; color:#fff;  font-family: 'Prompt', sans-serif;  }

#store .store-item h6  {  color:#ffd300; }
#store .store-item h6 span {  color:#222322; }
#store .store-item h3  {   }
#store .store-item .fiksendel.turizem  {  height: 140px !important; overflow:hidden;  }
#store .store-item .fiksendel  {  height: 99px; overflow:hidden;  }


#store .store-item h2.title  {  color:#fff; font-weight: lighter;
font-family: 'Prompt', sans-serif; 
	font-size: 18px;
	margin: 0px;
	margin-bottom: 8px;
	line-height: 23px;
	height: 19px;
	overflow:hidden;
	padding: 0px;
	border: none;
 }
aside .store-item {
	margin-bottom: 20px !important;
	margin-top: 0px !important;
}
#storeitem .store-item.addbackground hr {
	border-top: 1px solid #696969;
}
#storeitem .store-item.addbackground{

	background-color: #000;



}
#store .store-item h2.hhprice span {
font-size: 12px;
} 
#store .store-item h2.hhprice{ 
	font-size: 16px;
	text-align: right;
	color: #fff;
	margin-top: 0px;
}
#store .store-item {
	
	background-color: #000;

	background-position: center top ;
	background-repeat: repeat-x;
	float: left;
	height: 342px; 
	margin: 10px;
	padding: 10px; 
	width: 332px;
	overflow: hidden;
	position: relative;
}

#store .store-item .item-img div.percentpric, #home .store-item .item-img div.percentprice{
	position:absolute; 
	bottom:0px;
	right:0px;
	color:#ffd300;
	font-weight: bold;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: 'Prompt', sans-serif; 
	background-image: url(../img/backgroundpercent.png);
	background-position: center center ;
	background-size: 100% 100%  ;
}
#store .store-item .item-img, #home .store-item .item-img {
	position: relative;
	
	width: 100%;
	padding-top: 56.25%;
	background-position: center center;
	background-size:  auto 100%;
	background-repeat: no-repeat;
}
#home .store-item .item-img img{
width: 100%;
}
#home .store-item .item-img .hexagon{
position: absolute;
top:0px;
left:0px;
width:100%;
height: 100%;
background: url(../img/hex.png) no-repeat center center;
}
.price.precrtana {
	text-decoration: line-through;
	clear:both;
	display:block;
	width:100%;
	text-align:right;
	padding-right: 17px;
}
.subprice.precrtana {
	text-decoration: line-through;
	clear:both;
}
.pre-price {
	text-decoration: line-through;
	font-size: 16px;
	color: #949494;
	height: 18px;
	display:block;
}
/*
 * #store .store-item */
.item-img img {
	width: auto !important;
}


#store .store-item .item-img .more { 
	background: rgba(30,30,30,0.3);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
}

#store .store-item .item-img .more a {
	background: #222322;
	color: #ffd200;
	display: block;
	font-size: 3em;
	height: 66px;
	left: 50%;
	line-height: 66px;
	margin: -33px 0 0 -33px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 66px;
}
/*
#store .store-item:hover .item-img .more { 
	display: block;
}
*/
#store .store-item h5 {
	color: #959595;
}
#store .store-item h3 {
	font-size: 1em;
}

#store .store-item .price {
	color: #888;
	display: block;
	font-size: 2em;
	position: absolute;
	left: 0px;
	bottom: 50px;
}

#store .store-item:hover .price {
	color: #222322;
}

#store .store-item:hover .addcart{
background: #000;
	color: #ffd200;
}

.price.action{
	font-size: 22px;
	color: #fff;
	line-height:50px;

}

#store .store-item .whishlist, 
#store .store-item .compare {
	color: #999;
	display: none;
	float: left;
	font-size: .8em;
}








/******************************** Single Item  *****************************/
/* Let's get this party started */
::-webkit-scrollbar {
    
    height: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #696969; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #696969; 
}

#storeitem #img-store { width: 100%; overflow: auto; overflow-y:hidden; height:250px;  }
#storeitem #img-store .carousel-inner {width: 4500px !important; background: #211F18;}
#storeitem #img-store .item img { max-height: 250px;}
#storeitem #img-store .item{
max-height: 250px;
width: auto;
overflow: hidden;
	float:left;
	margin-right: 10px;
}

#storeitem #img-store {
	float: left;
	margin: 0 20px 20px 0;
}

#storeitem #img-store ol {
	float: left;
	font-size: 1em;
	height: 299px;
	left: 0;
	margin: 0;
	padding: 0;
	position: static;
	text-align: left;
	width: 70px;
}

#storeitem #img-store ol li {
	background: none;
	border-radius: 0;
	border:none;
	float: left;
	height: 65px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: 0;
	width: 70px;
}

#storeitem #img-store ol li img {
	height: 100%;
}

#storeitem #img-store .carousel-inner img {
	max-height: 300px;
	width: auto !important;
}
#storeitem #img-store .carousel-inner {
	float: left;
	width: 270px;

}

#storeitem .row .row {
	margin: 0 0 60px 0;
}
#storeitem .star {
	margin-top: 0;
}

#storeitem form .star {
	display: inline;
}

#storeitem .item-form .form-group {
	margin-bottom: 10px;
	width: 100%;
}

#storeitem .item-form .form-group.qty {
	float: left;
	margin-right: 10px;
	max-width: 80px;
}

#storeitem .addcart {
	float: right;
	font-size: .8em;
	height: 3.7em;
	line-height: 3.7em;
	margin: 0;
	width: 13em;
}

#storeitem .addcart span {
	padding: 0 1.5em 0 0;
}

#storeitem .addcart:hover {
	background: #222322;
	color: #ffd200;
}

#storeitem .data-item {
	color: #888;
	float:right;
	font-weight: 700;
	width: 265px;
}

#storeitem .data-item p {
	color: #222322;
	font-size: 1.5em;
	font-weight: 400;
	margin: 0;
}

#storeitem .data-item p span {
	font-size: .6em;
	vertical-align: top;
	display: inline-block;
	margin-top: -5px;
}

#storeitem .data-item .subprice {
	display: block;
	font-size: .8em;
	text-transform: uppercase;
}

#storeitem .data-item .star {
	float: left;
	margin: 15px 0 0 0 ;
	padding-left: 0;
}

#storeitem .data-item .review,
#storeitem .data-item .avaiable {
	display: block;
}

#storeitem .data-item .review {
	float: left;
	font-size: .7em;
	height: 2.7em;
	line-height: 2.7em;
	margin: 15px 0 0 0 ;
}

#storeitem .data-item .review a {
	color: #888;
	margin-left: 10px;
}

#storeitem .data-item .review a:hover {
	color: #222322;
}

#storeitem .data-item .avaiable {
	font-size: .9em;
	margin-bottom: 15px;
	clear: both;
}

#storeitem .panel-group img {
	width: 270px;
}	

#img-store .zoom {
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 100%;
	width: 52px;
	margin: 0 0 0 -65px;
	height: 52px;
	border-radius: 4px;
	background: #2b2b2b url(../img/store/zoom-in.png) 50% 50% no-repeat;
	font-style: normal;
	font-size: 12px;
	line-height: 52px;
	text-align: center;
	color: #e0e0e0;
	cursor: pointer;
	transition: left 0.3s, background-color 0.3s;
	-o-transition: left 0.3s, background-color 0.3s;
	-ms-transition: left 0.3s, background-color 0.3s;
	-moz-transition: left 0.3s, background-color 0.3s;
	-webkit-transition: left 0.3s, background-color 0.3s;
}

#img-store .zoom:hover {
	background-color: #c40303;
	text-decoration: none;
}

#storeitem #img-store.zoomed .carousel-inner img {
max-height: 400px;
}
#storeitem #img-store.zoomed .carousel-inner {
	width: 400px;
	
}

#storeitem .data-item.zoomed {
	width: 100%;
}
#storeitem .data-item.zoomed form {
	float: left;
	width: 100%;
}

#storeitem .data-item.zoomed form .form-group {
	width: 32%;
}
#storeitem .data-item.zoomed form .form-group.qty {
	float: none;
	max-width: 100%; 
}


#storeitem .data-item,
#storeitem #img-store .carousel-inner {
	transition: width 0.3s, height 0.3s;
	-o-transition: width 0.3s, height 0.3s;
	-ms-transition: width 0.3s, height 0.3s;
	-moz-transition: width 0.3s, height 0.3s;
	-webkit-transition: width 0.3s, height 0.3s;
}



/************************************ Home  ********************************/
.banner .caption {
	background: #222322;
	color: #fff;
	display: block;  
	font-size: .9em;
	height: 20em;
	margin: 0 0 0 5em;
	overflow: hidden;
	padding: 2em;
	white-space: normal;
	width: 30em;
}

.banner .caption h2 {
	white-space: normal;
	color: #fff;
	border: none;
	padding: 0;
	margin-top: 1em;
	line-height: 1em;
}

.banner .caption p {
	color: #fff;
	font-size: .9em;
	font-weight: 500;
	text-transform: none;
	white-space: normal;
}

.banner .caption .head {
	background: #ffd200;
	color: #222322;
	display: block;
	font-size: 1.3em;
	left: 0;
	padding: .8em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
}

.banner .more {
	display: block;
	margin-top: .8em;
}

.banner .more i {
	font-size: 2em;
	color: #ffd200;
	padding: 0;
}

.trainers-tabs .nav-tabs li {
	background-color: #222322;
	border: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.trainers-tabs .nav-tabs>li>a {
	background: #222322;
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.trainers-tabs .nav-tabs li.active a,
.trainers-tabs .nav-tabs li.active:hover a,
.trainers-tabs .nav-tabs li:hover a {
	color: #ffd200 !important;
	background-color: #222322;
/*	border:none;
	color: #222322;
	margin: 0 0 -10px 0;
	padding-bottom: 20px;
	top: -10px;
	width: 100%;
	z-index: 99;
*/
}

.trainers-tabs .nav-tabs li.active a:hover {
	border: none;
	color: #222322;
}

.trainers-tabs .tab-content {
/*	background: #ffd200; */
	color: #222322;
	text-align: center;
}

.trainers-tabs .tab-content .row {
	margin: 0;
	padding: 40px 0;
}

.trainers-tabs .tab-content .item-img {
	background-color: #fff;
/*
 * 
	border-radius: 50%;
	border: 6px solid rgba(255,255,255,0.5);
*/

	height: 200px;
	width: 200px;
}
.trainers-tabs .tab-content img {
/*
	border-radius: 50%;
	border: 6px solid rgba(255,255,255,0.5);
*/
	height: 180px;
	width: 180px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.trainers-tabs .tab-content h3 {
	font-size: 1em;
}

.trainers-tabs .tab-content p {
	color: #222322;
}

.trainers-tabs .tab-content .tab-pane > div > div{
	border-right: 1px solid #ffea81;
	padding: 2em;
}

.trainers-tabs .tab-content .btn {
	background: #222322;
	color: #fff;
	text-transform:uppercase;
}
.trainers-tabs .tab-content .btn:hover {
	color: #ffd200;
}
.trainers-tabs .home-tabs-link {
	background-color: #222322;

}

.trainers-tabs .home-tabs-content {
	background-color: #ffd200;
	background-image: url('../img/side-decoration.png');
	background-repeat: no-repeat;
	background-position: left center;		
}

#home .nav-tabs li .gym-icon {
	background: url("../img/icons-tabs.png") no-repeat;
	display: block;
	float: left;
	height: 34px;
	margin: 13px 10px 13px -20px;
	width: 34px;
}

#home .nav-tabs li .gym-icon.outside { background-position: 1px 0; }
#home .nav-tabs li.active .gym-icon.outside { background-position: -70px 0; }
#home .nav-tabs li:hover .gym-icon.outside { background-position: -34px 0; }

#home .nav-tabs li .gym-icon.video { background-position: 1px -60px; }
#home .nav-tabs li.active .gym-icon.video { background-position: -70px -60px; }
#home .nav-tabs li:hover .gym-icon.video { background-position: -34px -60px; }

#home .nav-tabs li .gym-icon.sports { background-position: 1px -115px; }
#home .nav-tabs li.active .gym-icon.sports { background-position: -70px -115px; }
#home .nav-tabs li:hover .gym-icon.sports { background-position: -34px -115px; }

#home .nav-tabs li .gym-icon.comunity { background-position: 1px -175px; }
#home .nav-tabs li.active .gym-icon.comunity { background-position: -70px -175px; }
#home .nav-tabs li:hover .gym-icon.comunity { background-position: -34px -175px; }

#home .nav-tabs li .gym-icon.footbal { background-position: 1px -230px; }
#home .nav-tabs li.active .gym-icon.footbal { background-position: -70px -230px; }
#home .nav-tabs li:hover .gym-icon.footbal { background-position: -34px -230px; }

.upcoming {
	background: url('../img/home-news-bg.jpg') bottom center;
	background-size:cover;
	margin-bottom: 60px;
	padding: 60px 0;
	width: 100%;
}

.upcoming .container {
	padding: 0;
}

.upcoming h2 {
	border: none;
	font-size: 2.2em;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}

.square-gallery .square-tuple {
	background: #222322;
	float: left;
	height: 287px;
	overflow: hidden;
	width: 585px;
	-webkit-transition: ease-in .2s;
	-moz-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	-ms-transition: ease-in .2s;
	transition: ease-in .2s;
}

.square-gallery .square-tuple img {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}

.square-gallery .square-tuple .text {
	float: left;
	margin: 0;
	padding: 1.3em;
	position: relative;
	width: 50%;
}

.square-gallery .square-tuple .text h3,
.square-gallery .square-tuple .text p {
	color: #fff;
}

.square-gallery .square-tuple .text .arrow {
	border-color: transparent #222322 transparent transparent;
	border-style: solid;
	border-width: 19.5px 21px 19.5px 0;
	height: 0px;
	left: -21px;
	position: absolute;
	width: 0px;
}

.square-gallery .square-tuple .text .arrow.alt {
	border-color: transparent transparent transparent #222322;
	border-width: 19.5px 0 19.5px 21px;
	left: 100%;
}

.square-gallery .square-tuple:hover {
	background: #ffd200;
}

.square-gallery .square-tuple:hover .text h3,
.square-gallery .square-tuple:hover .text p {
	color: #222322;
}

.square-gallery .square-tuple:hover .text .arrow {
	border-color: transparent #ffd200 transparent transparent;
}
.square-gallery .square-tuple:hover .text .arrow.alt {
	border-color: transparent transparent transparent #ffd200;
}


/************************************* Club ********************************/
#club img.about {
	width: 270px;
}
#club .panel-group img {
	width: 270px;
}	

/************************************* Gallery ********************************/

.gallery .image-item {
    background-color: #000;
    display: block;
    height: auto;
    cursor: pointer;
    margin: 10px;
    width: 265px;
}

.gallery .image-item img {
    height: auto;
    opacity: 1;
    transition: all 0.2s ease-in 0s;
    vertical-align: bottom;
    width: 100%;
}

.portfolio-item-hover-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    line-height: 0;
    z-index: 99;
    overflow: hidden;
    position: relative;
}

.portfolio-item-hover-content a.zoom {
    color: #ffd200;
    font-size: 4em;
    display: block;
    padding: 15px 10px;
    position: absolute;
    top: -100%;
    left: 30%;
    z-index: 10;
    line-height: 0px;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms; /* FF3.7+ */
    -o-transition: color 300ms, background-color 300ms, opacity 300ms; /* Opera 10.5 */
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; /* Saf3.2+, Chrome */
}

.portfolio-item-hover-content a.zoom:hover { 
	color:#fff;
}

.hover-options {
    display: block;
    font-style: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    background: #000;
  	background:rgba(0,0,0,0.95);
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}


/******************************** Timetable *********************************/
.table-responsive .table .event {
	background: #ffd200;
	line-height: 150%;
}

.table-responsive .table th {
    padding: 15px;
    text-align: center;
    width: 12.5%;
}

.table-responsive .table td {
    padding: 15px;
    text-align: center;
    width: 12.5%;
}

.table-responsive .table .event a {
    color: #222;
    display: block;
    font-weight: bold;
        -webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
           -moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
            -ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
             -o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;
                transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out, outline .5s ease;    
}

.table-responsive .table .event:hover {
    background: #222;
    color: #ffd200;
    cursor: pointer;
}

.table-responsive .table .event:hover a {
   color: #ffd200;
}



/******************************** Error 404 *********************************/

.error-field {
    float: left;
    padding: 40px 0;
    text-align: center;
    width: 100%;
}

.error-field h1 {
    color: #707070;
    font-size: 124px;
    line-height: 134px;
    text-transform: uppercase;
}

.error-field h3 {
    font-weight: 300;
}




/******************************** Go to top *********************************/
.scrollup {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 80px;
	right: 30px;
	display: none;
	background: transparent url("../img/to-top.png") center center no-repeat;
}

.scrollup i {
	color: #fff;
	text-align: center;
	display: block;
	line-height: 48px;
	font-size: 20px;
}

.scrollup:hover { 
	opacity: 0.7;
	text-decoration: none;
}

.nospace {
	margin-top: 0px !important;
}
.seacrhinput {
	background: transparent;
	border:none;
	border-bottom: 1px solid #ffd200;
	color: #fff;
	font-size: 13px;
	width: 220px;
}
.basketlinjk small { color: #ffd200;}
.basketlinjk {
	font-size: 13px;
	margin-left: 20px;
	line-height: 15px !important;
	height: auto !important;
}
.shrink #navitop,#navitop {
	margin-top: 15px !important;
}
.shrink .navbar-header  {
	
	
}

#logo {
	width: 320px;
	margin-top:10px;
	margin-bottom:5px;
}
.bannercontainer ul {
 -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.ban_item a img {
    width: auto !important;
}
.row.notopmargin {
	margin-top: 0px !important;
}
.row.nobottommargin {
	margin-bottom: 0px !important;
}
div.space.t60{	margin-top: 60px; }
div.space.t20{	margin-top: 20px; }
div.space {
	clear:both;
	width: 100%;
}

.carousel-indicators img {
	width: auto !important;
	height: auto !important;
}
.ui-datepicker {

	background-color: #fff;
}

.opisizdelka table td {
	width: 45% !important;
}
.opisizdelka table td, .opisizdelka table tr {
	padding: 5px !important;
	border: none !important;
	
	font-size: 11px !important;
	vertical-align: top;
}
.opisizdelka ul {}
.opisizdelka ul li {margin-left: 30px;}

.opisizdelka table, .opisizdelka table * {
	border: none !important;
	
	font-size: 13px !important;
	line-height: 14px !important;
}
img.TB_Button_Image {
	display:none !important;
}
.foot ul{
	margin: 30px;
	list-style: none;
}
.foot ul li {
	font-size: 12px;
	float: left;
	margin-left: 30px;
}
.reg input[type="text"], .reg input[type="password"] {
	width: 80%; 
}
input.error{
	border: 1px solid #DC1800;
}
a.error {
	color: #DC1800;
}
.control-group {
	margin-top:10px;
}

#prvisklop {
position:absolute;
top:157px;
left:107px;
width: 144px;
overflow:hidden;
height:39px;
}
#naziv_life {
font-family: 'neuron_angledsc_heavy';
font-weight: normal !important;
width: 144px;
max-height: 26px;
line-height: 13px;
overflow: hidden;
font-size: 13px;
text-transform: uppercase;
color:  #fff;
margin:0px;
padding:0px;
/*color:  #ffd200; */
}
#opis_life {
font-family: 'Prompt';
margin:0px;
padding:0px;
line-height: 12px;
overflow: hidden;
font-size: 10px;
color:  #7a7a7a;

/*color:  #ffd200; */
}
#kdaj_life span.gray {
color:  #7a7a7a;
}
#kdaj_life {
font-family: 'Prompt';
margin:0px;
padding:0px;
line-height: 12px;
overflow: hidden;
font-size: 10px;
position:absolute;
top:205px;
left:107px;
color:  #ffd200;
}
#naslov_life {
font-family: 'Prompt';
margin:0px;
padding:0px;
line-height: 12px;
overflow: hidden;
font-size: 10px;
color:  #fff;
position:absolute;
top:195px;
left:107px;
/*color:  #ffd200; */
}

.editprofilenavi a.active {
	text-decoration: underline;
	font-weight: bold;
}

.colspace {padding: 15px !important;}
.col_single {padding: 10px !important;}



section.black h2, section.black h2 { color: #ffd300;}
section.black h1, section.black h1 { color: #ffd300;}
section.black h3, section.black p, section.black h4, #snews.black h3,#snews.black h4, #snews.black p { color: #9e9980; }
section.black h3, section.black p, section.black h4, #snews.black h3,#snews.black h4, #snews.black strong { color: #fff; }
#snews.black, section.black {
	background-color: #262626;
	color: #fff;

} 
 a:hover { color: #ffd300; }
#snews.black h4 { color: #ffd200; }
#snews.black h6 { color: #ffd200; font-size: 18px; }
#snews.black hr { height: 0px; background: #000; border-bottom: 2px dotted #fff !important; }
#snews.black li:before  { content: "■"; color:white; padding-right: 10px;
    font-size: 12px;
 }
#snews.black li {color: #9e9980; }
#snews.black ul { list-style:  none;}

nav .rainbow {
    background-image: url(../img/trak_zgoraj.png);
    background-repeat: repeat-x;
    width: 100%;
    background-size: 28px auto;
    height: 27px;
    
}
#store, #storeitem {padding-bottom: 150px;}
aside.col-md-4 h4, aside.col-md-4 p, aside.col-md-4 h2, aside.col-md-4 span { margin-left:20px; }
aside.col-md-4 {
   
}
.navikat ul ul li { 
	border-bottom: 1px solid #4C4C4C;
	padding:10px;
}


 
 
 .uppercase {text-transform: uppercase;}
 ul.gallery li:before {content: none !important; padding-right: 10px;}
 ul.gallery li {display: inline-block;}
 ul.gallery li img {max-width: 75px; max-height: 50px;}
 ul.gallery2 li:before {content: none !important; padding-right: 10px;}
 ul.gallery2 li {display: inline-block;}
 ul.gallery2 li img {max-width: 75px; max-height: 50px;}
 .akcija-article  li   { color:#ffd200; }
.navikat  li, .navikat  li a  { color: #fff; } 
.navikat  li a:hover, .navikat  li a.active  { color:#ffd200; }
.navikat  ul, .akcija-article ul { list-style:  none;}
.akcija-article h3.orange { color: #ffd200 !important;}
.akcija-article h3.happyhourhour { float:left;}
.akcija-article h3.hhprice { float:right;}
.akcija-article h3.hhprice span { font-size:12px;}

.akcija-article { word-wrap:break-word; }
.akcija-article p { line-height:normal; }
.akcija-article * { font-size: 16px; }
.akcija-article em p { color: #959595; font-style: normal; }
.akcija-article em  { color: #959595; font-style: normal; }
.akcija-article h3  { margin:0px; padding:0px; }
.akcija-article h2.title  { font-size: 25px !important; }
.akcija-article h2  { color: #fff !important; font-family: 'Prompt'; }
.akcija-article button  { color: #fff !important; background:#545151; border:none; }
.akcija-article .bigimage  {position: relative; width: 100%; height: auto; overflow:hidden; }
.akcija-article .bigimage div.percentprice{
	position:absolute; 
	bottom:0px;
	right:0px;
	width: 70px;
	color:#ffd300;
	font-weight: bold;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: 'Prompt', sans-serif; 
	background-image: url(../img/backgroundpercent.png);
	background-position: center center ;
	background-size: 100% 100%  ;
}
.akcija-article .bigimage img { width: 100%; height: auto; vertical-align: middle; }
.akcija-article .imagelist {overflow-y:hidden; overflow-x:auto;  margin-top: 10px; margin-bottom: 10px; width: 100%; }
.akcija-article .imagelist ul { overflow:auto; height: 55px !important; min-width: 100%;   }
.akcija-article .imagelist ul li{ height: 55px; display: inline-block; }
.akcija-article .imagelist ul li a { display: block; height: 55px; line-height:55px;  }
.akcija-article .imagelist ul li img { vertical-align: middle; }




/*
 * FullCalendar v1.5.4 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Tue Sep 4 23:38:33 2012 -0700
 *
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right {
	margin-right: 1px; /* back to normal */
	}
	
.fc-header .ui-corner-right {
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	}
	
.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ccc;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #ffc;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border-style: solid;
	border-width: 1px 0;
	}
	
.fc-button-inner {
	position: relative;
	float: left;
	overflow: hidden;
	}
	
.fc-state-default .fc-button-inner { /* non-theme */
	border-style: solid;
	border-width: 0 1px;
	}
	
.fc-button-content {
	position: relative;
	float: left;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0 .6em;
	white-space: nowrap;
	}
	
/* icon (for jquery ui) */
	
.fc-button-content .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button-content .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/* gloss effect */
	
.fc-state-default .fc-button-effect {
	position: absolute;
	top: 50%;
	left: 0;
	}
	
.fc-state-default .fc-button-effect span {
	position: absolute;
	top: -100px;
	left: 0;
	width: 500px;
	height: 100px;
	border-width: 100px 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background: #444;
	opacity: .09;
	filter: alpha(opacity=9);
	}
	
/* button states (determines colors)  */
	
.fc-state-default,
.fc-state-default .fc-button-inner {
	border-style: solid;
	border-color: #ccc #bbb #aaa;
	background: #F3F3F3;
	color: #000;
	}
	
.fc-state-hover,
.fc-state-hover .fc-button-inner {
	border-color: #999;
	}
	
.fc-state-down,
.fc-state-down .fc-button-inner {
	border-color: #555;
	background: #777;
	}
	
.fc-state-active,
.fc-state-active .fc-button-inner {
	border-color: #555;
	background: #777;
	color: #fff;
	}
	
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
	color: #999;
	border-color: #ddd;
	}
	
.fc-state-disabled {
	cursor: default;
	}
	
.fc-state-disabled .fc-button-effect {
	display: none;
	}
	
	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	border-style: solid;
	border-width: 0;
	font-size: .85em;
	cursor: default;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
a.fc-event {
	text-decoration: none;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}
	
.fc-event-skin {
	border-color: #36c;     /* default BORDER color */
	background-color: #36c; /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
	}
	
.fc-event-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
	
.fc-corner-left {
	margin-left: 1px;
	}
	
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
	margin-left: -1px;
	}
	
.fc-corner-right {
	margin-right: 1px;
	}
	
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
	margin-right: -1px;
	}
	
.fc-corner-top {
	margin-top: 1px;
	}
	
.fc-corner-top .fc-event-inner {
	margin-top: -1px;
	}
	
.fc-corner-bottom {
	margin-bottom: 1px;
	}
	
.fc-corner-bottom .fc-event-inner {
	margin-bottom: -1px;
	}
	
	
	
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
	
.fc-corner-left .fc-event-inner {
	border-left-width: 1px;
	}
	
.fc-corner-right .fc-event-inner {
	border-right-width: 1px;
	}
	
.fc-corner-top .fc-event-inner {
	border-top-width: 1px;
	}
	
.fc-corner-bottom .fc-event-inner {
	border-bottom-width: 1px;
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}
	
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);
height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}
button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}
.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}
.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}
button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-dialog{position:absolute;top:0;left:0;padding:.2em;width:300px;overflow:hidden;z-index:9;}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e9c100;background:#ffd200;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6;font-weight:bold;color:#1c94c4}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-image:url("images/ui-icons_222222_256x240.png")}
.ui-widget-content .ui-icon{}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000;opacity:.2;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}


/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.colorpicker-saturation {
width: 100px;
height: 100px;
background-image: url(../img/saturation.png);
cursor: crosshair;
float: left;
}
.colorpicker-saturation i {
display: block;
height: 5px;
width: 5px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
display: block;
height: 5px;
width: 5px;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorpicker-hue, .colorpicker-alpha {
width: 15px;
height: 100px;
float: left;
cursor: row-resize;
margin-left: 4px;
margin-bottom: 4px;
}
.colorpicker-hue i, .colorpicker-alpha i {
display: block;
height: 1px;
background: #000;
border-top: 1px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: -1px;
}
.colorpicker-hue {
background-image: url(../img/hue.png);
}
.colorpicker-alpha {
background-image: url(../img/alpha.png);
display: none;
}
.colorpicker {
*zoom: 1;
top: 0;
left: 0;
padding: 4px;
min-width: 120px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.colorpicker:before, .colorpicker:after {
display: table;
content: "";
}
.colorpicker:after {
clear: both;
}
.colorpicker:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.colorpicker:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.colorpicker div {
position: relative;
}
.colorpicker.alpha {
min-width: 140px;
}
.colorpicker.alpha .colorpicker-alpha {
display: block;
}
.colorpicker-color {
height: 10px;
margin-top: 5px;
clear: both;
background-image: url(../img/alpha.png);
background-position: 0 100%;
}
.colorpicker-color div {
height: 10px;
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
} 

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {


	left: -5px;
	background: #000;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 998;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

@media(max-width:992px){
	#logo {
		width: 133px !important;
	}
	header .subbar  {
		font-size: 1em;
	}
	#navitop {
		margin-top: 0px !important;
	}
}

@media(max-width:763px){
	#logo {
		width: 133px !important;
	}
	header .subbar  {
		font-size: 1em;
	}
	.navbar-header {min-height: 90px;}
	#navitop {
		margin-top: 0px !important;
	}
}
#showmeni {
	cursor: pointer;
}
#navitop {
background-color: #000; 
}

.btnSearch { padding: 10px 16px; border-radius: 0px; text-transform: uppercase; width: 100%; }
.bottom40 { padding-bottom: 40px; }
.top40 { padding-top: 40px; }
ul.filter li { color: #000000; }
hr.filter { border-top: 1px solid #696969; }
.shareBtn a{ 
	background-color: #ffd200; 
	color: #000000; 
	cursor: pointer;
    height: 45px;
    line-height: 45px;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.shareBtn a:hover { color: #222322; }





/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.naslovna_linija {
    width:100%; 
    background-color: rgba(128, 180, 62, 0.27); 
    margin-bottom: 40px;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

  .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}