/* --------------------------------------------------------	*/
/* Theme Colors   */
/* --------------------------------------------------------	*/

/*@theme-color-1:#c01e2d;*/
/*@theme-color-1:#f20a0a;*/
@theme-color-1:#98012e;
@theme-color-2:#009bed;
@theme-color-3:#323a47;
@theme-color-4:#373737;
/*@theme-color-4:#f14a61;*/
@theme-color-5:#748f98;
@theme-color-6:#f0f0f0;
@theme-color-7:#aaaaaa;
@theme-color-8:#cccccc;
@theme-color-9:#5f708c;
@theme-color-10:@color-white;
@color-white:#ffffff;
@color-black:#000000;

.dark { color: @theme-color-4; }

/* --------------------------------------------------------	*/
/* Color Style - chose one of them */
/* --------------------------------------------------------	*/

/* red */
/*

  @theme-color-1: #e61212;
  @theme-color-2: #8b2a58;
*/

/* red 2 */
/*
  @theme-color-1: #911146;
  @theme-color-2: #c955a1;
*/

/* purple */
/*
  @theme-color-1: #8d559f;
  @theme-color-2: #5e526d;
*/

/* violet */
/*
  @theme-color-1: #e643aa;
  @theme-color-2: #ba63b7;
*/

/* orange 2 */
/*
  @theme-color-1: #e7b13c;
  @theme-color-2: #4db198;
*/

/* yellow */
/*
  @theme-color-1: #f2d03b;
  @theme-color-2: #ea9f48;
*/

/* brown */
/*
  @theme-color-1: #de9565;
  @theme-color-2: #86674b;
*/

/* green */
/*
  @theme-color-1: #47d9bf;
  @theme-color-2: #4062a9;
*/

/* green 2 */
/*
  @theme-color-1: #78c242;
  @theme-color-2: #2f8e53;
*/

/* green 3 */
/*
  @theme-color-1: #3daeb8;
  @theme-color-2: #78b2c7;
*/

/* green 4 */
/*
  @theme-color-1: #88a825;
  @theme-color-2: #495e5d;
*/

/* blue */
/*
  @theme-color-1: #486af2;
  @theme-color-2: #e3a14c;
*/

/* blue 2 */
/*
  @theme-color-1: #00a1d9;
  @theme-color-2: #3e77d7;
*/

/* blue 3 */
/*
  @theme-color-1: #2a6fba;
  @theme-color-2: #203161;
*/

/* blue 4 */
/*
  @theme-color-1: #04518c;
  @theme-color-2: #3f68a5;
*/

/* --------------------------------------------------------	*/
/* Base */
/* --------------------------------------------------------	*/

::-moz-selection { background: @theme-color-1; color: @theme-color-10; text-shadow: none; }
::selection { background: @theme-color-1; color: @theme-color-10; text-shadow: none; }
:focus { outline-color: transparent!important; outline-style: none!important; }

html {
	overflow-y:scroll;
	background:@theme-color-10;
}

body {
	margin: 0px;
	padding: 0px;
  font-family: 'Open Sans', sans-serif;
  font-weight:500;
	font-size: 14px;
	line-height: 23px;
	color:@theme-color-4;
  -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	cursor:default;
  background:@theme-color-3;
  overflow:hidden;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: 'Oswald', sans-serif;
  font-weight:500;
  text-transform:uppercase;
  text-align:center;
  color:@theme-color-10;
  line-height:1em;
  margin:0px;
  margin-bottom:15px;
  padding:0px;
  clear:both;
}

h1 {
  font-size:84px;
  margin-bottom:5px;
}

h2 {
  font-size:62px;
}

h3 {
  font-size:42px;
  font-weight:300;
}

.header h3 {
  font-size:42px;
}

h4 {
  font-size:24px;
  color:@theme-color-1;
}

h5 {
  font-size:24px;
  font-weight:300;
}

h6 {
  font-size:16px;
  text-align:left;
  color:@theme-color-4;
}

h7 {
  font-size:16px;
  text-align:left;
  color:@theme-color-4;
}

hr {
  background:@theme-color-7;
  height:1px;
  margin:30px 0px;
  border:0px;
}

p {
  margin:0px;
  margin-bottom:15px;
}

select {
  font-family: 'Open Sans', sans-serif;
  color:@theme-color-8;
  height:36px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -o-border-radius: 0px;
  border-radius:0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color:@theme-color-7;
}

blockquote {
  position:relative;
  color:@theme-color-7;
  padding:0px 20px;
  border-left:5px solid @theme-color-4;
  clear:both;
}

a {
  color:@theme-color-1;
  text-decoration:none !important;
  background: transparent !important;
}

a:hover {
  color:@theme-color-2;
  text-decoration:none !important;
}

img {
  width:100%;
}

/* --------------------------------------------------------	*/
/* Collapse sooner  */
/* --------------------------------------------------------	*/
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* --------------------------------------------------------	*/
/* Main Classes */
/* --------------------------------------------------------	*/

.white {
  color:@theme-color-10;
}
.bold {
  font-weight:bold;
}
.strong {
  font-weight:bold;
}
.normal {
  font-weight:normal;
}
.upper {
  text-transform:uppercase;
}
.space5 {
  height:5px;
  clear:both;
}
.space10 {
  height:10px;
  clear:both;
}
.space15 {
  height:15px;
  clear:both;
}
.space20 {
  height:20px;
  clear:both;
}
.space25 {
  height:25px;
  clear:both;
}
.space30 {
  height:30px;
  clear:both;
}
.space40 {
  height:40px;
  clear:both;
}
.space50 {
  height:50px;
  clear:both;
}
.space60 {
  height:60px;
  clear:both;
}
.space70 {
  height:70px;
  clear:both;
}
.space80 {
  height:80px;
  clear:both;
}
.space90 {
  height:90px;
  clear:both;
}
.space100 {
  height:100px;
  clear:both;
}
.space110 {
  height:110px;
  clear:both;
}
.space200 {
  height:200px;
  clear:both;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.f-left {
  float:left !important;
}
.f-right {
  float:right;
}

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


.counter-container{
  display:block;
  color:@theme-color-1;
  background:url(../img/background/back-1.jpg) top center no-repeat;
  text-align:center;
  overflow:hidden;
}

.sponsor-logo {
  display: block;
  width: 545px;
  margin: 10px auto;
}

.container .sponsor-logo {
	display: none;
}

.counter-container .logo {
  display: none;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .counter-container {
    background:url(../img/background/back-1-mobile.jpg) top center no-repeat;
    min-height: 500px;
  }
  .counter-container .content {
    display: none;
  }
  .counter-container .logo {
    display: block;
  }
  .container .sponsor-logo {
	  display: block;
  }
}

.counter-box{
  display:inline-block;
  font-family: 'Oswald', sans-serif;
  margin-top:190px;
  margin-bottom:35px;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .counter-box {
    margin-top:25px;
  }
}

.counter-item{
  width:100px;
  height:100px;
  font-size:54px;
  line-height:100px;
  text-align:center;
  color:@theme-color-10;
  background:@theme-color-1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  float:left;
  margin:4px;
}

.item-day{
  background:@theme-color-3;
}

#menu{
  background:@theme-color-3;
  z-index:999;
  height: 85px;
}

.default {
  position: relative;
}

#menu.fixed {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  box-shadow: 0 0 12px @theme-color-3;
  -webkit-box-shadow: 0 0 12px @theme-color-3;
  -moz-box-shadow: 0 0 12px @theme-color-3;
}

#event.fixed {
  margin-top: 85px;
  padding-top: 85px;
}


#menu .logo{
  position: relative;
  width:auto;
  top: -100px;
}

#menu.fixed .logo {
  top: 0;
  padding: 10px 0;
}

// @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
//   #menu {
//     display: none;
//   }
// }

/* --------------------------------------------------------	*/
/* Navigation */
/* --------------------------------------------------------	*/

 .navbar  {
  padding: 14px 0;
  font-size:14px;
  position:relative;
  width:100%;
  background:transparent;
  border: none;
}

  //*new one
.navbar .navbar-nav {
	//*display:none
  color: @theme-color-3;
  line-height:20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  opacity: 1;
  border:1px solid @theme-color-3 !important;
}


.navbar .logo-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -6px;	
}

.navbar-nav:hover {
  opacity: 1;
}

.navbar .navbar-nav {
  background:@theme-color-3;
  border:0px;
  margin:0px;
  // float:left !important;
}
/*
.navbar .navbar-nav > li {
  position:relative;
}
*/
.navbar .navbar-nav > li > a {
  position:relative;
  color: @theme-color-5 !important;
  text-transform:uppercase;
  line-height:35px;
  text-shadow: none;
}
/*
.navbar .navbar-nav > li:last-child > a {
  padding-right:0px;
}
*/
.navbar .navbar-nav > li:hover > a {
  color: @theme-color-1 !important;
}

.navbar .nav > li.active > a {
  color: @theme-color-10 !important;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.navbar .navbar-nav > li.active > a:hover {
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  -moz-box-shadow:none !important;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
}
 
  /* --------------------------------------------------------	*/
  /* Dropdown */
  /* --------------------------------------------------------	*/

   .navbar .nav li ul {
  //*	display:none;
  	//*z-index:999;
 	//*  list-style-type:none;
  	margin:0px;
    //*padding:20px 20px 18px 30px;
  	background:@theme-color-3;
    position:relative;
    border:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    text-align:left;
  } 

    .navbar .nav li ul:after {
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    right:20px;
    width:0px;
  	border-width:0 10px 10px;
    border-style:solid;
    //*border-color:@theme-color-2 transparent;
  }
 
   .navbar .nav li:hover ul {
    position:absolute;
    //*top:100px;
    right:0px;
  	display:block;
  	list-style-type:none;
  }

  .navbar .nav li ul li {
    font-size:14px;
    line-height:14px;
  	margin:0px;
  	padding:0px;
    width:160px;
  	-webkit-transition:all 0.3s;
  	-moz-transition:all 0.3s;
  	-o-transition:all 0.3s;
  	-ms-transition:all 0.3s;
  	transition:all 0.3s;
  }

  .navbar .nav li ul li:last-child {
     border-bottom:0px;
  }

  .navbar .nav li ul li a {
    color:@theme-color-5;
  	//*padding:10px 0px 9px 0px;
  	margin:0px;
  	display:block;
  	text-decoration:none;
  	text-transform:uppercase;
  	
  }

  .navbar .nav li ul li:hover a {
  	color:@theme-color-1;
  }  

/* --------------------------------------------------------	*/
/* Invitation */
/* --------------------------------------------------------	*/

.invitation{
  text-align:center;
  background:url(../img/background/back-3.jpg) top center no-repeat @theme-color-6;
}

.invitation-content{
  display:inline-block;
  width:66%;
}

/* --------------------------------------------------------	*/
/* Event */
/* --------------------------------------------------------	*/

.event{
  background:url(../img/background/back-event.jpg) top center no-repeat #672423;
    height:120%;
  background-size: auto 100%;
  
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .event {
    background:url(../img/background/back-2-mobile.jpg) top center no-repeat;
  }

  .event .beer-icon {
    display: none;
  }
}

.event a {
  color: @theme-color-10;
}

.event .info-row{
  padding:10px 0px 15px 0px;
}

.event .content-left, .event .content-right{
  background:url(../img/white-pixel.png) top center repeat-y;
}

.event .content-left p{
  color: @theme-color-10;
  text-align:right;
  padding-right:30px;
  padding-bottom:15px;
}

.event .content-right p{
  color: @theme-color-10;
  padding-left:30px;
  padding-bottom:15px;
}

.event .circle{
  position:relative;
  left:50%;
  margin-left:-50px;
  color: @theme-color-10;
  font-size:42px;
  width:100px;
  height:100px;
  border:1px solid @theme-color-10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.event .circle i{
  position:absolute;
  top:28px;
  width:100px;
  text-align:center;
}

.event h4{
  color: @theme-color-10;
}

.e-left h4{
  text-align:right;
  padding-right:30px;
}

.e-right h4{
  text-align:left;
  padding-left:30px;
}

.e-icon{
  margin-top:-45px;
  text-align:center;
  font-size:40px;
  color: @theme-color-10;
}
.event a:hover {
  	color:@theme-color-2;
  }


/* --------------------------------------------------------	*/
/* Packages */
/* --------------------------------------------------------	*/

.package{
  background:url(../img/background/back-2.jpg) top center no-repeat #672423;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .package {
    background:url(../img/background/back-2-mobile.jpg) top center no-repeat;
  }
  .package .beer-icon {
    display: none;
  }
}

.package a {
  color: @theme-color-10;
}

.package .info-row{
  padding:10px 0px 15px 0px;
}

 .package .content-left, .package .content-right{
   background:url(../img/white-pixel.png) top center repeat-y;
 }

.package .content-left p{
  color: @theme-color-10;
  text-align:right;
  padding-right:30px;
  padding-bottom:15px;
}

.package .content-right p{
  color: @theme-color-10;
  padding-left:30px;
  padding-bottom:15px;
}

.package .circle{
  position:relative;
  left:50%;
  margin-left:-50px;
  color: @theme-color-10;
  font-size:42px;
  width:100px;
  height:100px;
  border:1px solid @theme-color-10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.package .circle i{
  position:absolute;
  top:28px;
  width:100px;
  text-align:center;
}

.package h4{
  color: @theme-color-10;
}

.package a:hover {
  	color:@theme-color-2;
  }
.e-left h4{
  text-align:right;
  padding-right:30px;
}

.e-right h4{
  text-align:left;
  padding-left:30px;
}

.e-icon{
  margin-top:-45px;
  text-align:center;
  font-size:40px;
  color: @theme-color-10;
}





/* --------------------------------------------------------	*/
/* Dinner Menu*/
/* --------------------------------------------------------	*/

.dinner_menu {
  background:url(../img/background/dinner.jpg) top center no-repeat @theme-color-4;
  padding: 50px 0;
}

.dinner_menu .well {
  background: rgb(89, 89, 89); /* Fall-back for browsers that don't
                                    support rgba */
  /*background: rgba(252, 240, 192, .8);*/
  background: rgba(253, 251, 225, .8);
  
}
.dinner_menu p {
  color: @color-black;
}

.dinner_menu h6 {
  color: @theme-color-1;
  text-align: center;
}

.dinner_menu h2 {
  color: @color-black;
  text-align: center;
}

.dinner_menu h7 {
  color: @color-white;
  text-align: center;
}

.dinner_menu h4 {
  color: @color-black;
  text-align: center;
}

.dinner_menu a {
  color: @color-black;
}
.dinner_menu a:hover {
  	color:@theme-color-2;
  }

/* --------------------------------------------------------	*/
/* Dinner */
/* --------------------------------------------------------	*/

.dinner{
  background:url(../img/background/back-2.jpg) top center no-repeat #672423;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .dinner {
    background:url(../img/background/back-2-mobile.jpg) top center no-repeat;
  }
  .dinner .beer-icon {
    display: none;
  }
}

.dinner a {
  color: @theme-color-10;
}
.dinner a:hover {
  	color:@theme-color-2;
  }

.dinner .info-row{
  padding:10px 0px 15px 0px;
}

.dinner .content-left, .dinner .content-right{
  background:url(../img/white-pixel.png) top center repeat-y;
}

.dinner .content-left p{
  color: @theme-color-10;
  text-align:right;
  padding-right:30px;
  padding-bottom:15px;
}

.dinner .content-right p{
  color: @theme-color-10;
  padding-left:30px;
  padding-bottom:15px;
}

.dinner .circle{
  position:relative;
  left:50%;
  margin-left:-50px;
  color: @theme-color-10;
  font-size:42px;
  width:100px;
  height:100px;
  border:1px solid @theme-color-10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.dinner .circle i{
  position:absolute;
  top:28px;
  width:100px;
  text-align:center;
}

.dinner h4{
  color: @theme-color-10;
}








/* --------------------------------------------------------	*/
/* Contest */
/* --------------------------------------------------------	*/

#contest{
  background:@theme-color-5;
  padding: 50px 0;
}

#contest .well {
  background: rgb(55, 55, 55); /* Fall-back for browsers that don't
                                    support rgba */
  background: rgba(55, 55, 55, .9);
}
#contest p {
  color: @color-white;
}

#contest h6 {
  color: @color-white;
  text-align: center;
}


/* --------------------------------------------------------	*/
/* Sidebar */
/* --------------------------------------------------------	*/

.sidebar{
  border-left:1px solid @theme-color-8;
  padding-left:17px;
  margin-left:-17px;
}

.search{
  margin-top:0px !important;
}

.recent-posts{
  margin:0px;
}

.recent-posts a{
  color: @theme-color-4;
}

.recent-posts a:hover{
  color: @theme-color-2;
}

.recent-posts li{
  margin-bottom:10px;
  list-style:none;
}

.flickr-widget img{
  width:23%;
  float:left;
  margin-right:2%;
  margin-bottom:4px;
}

/* --------------------------------------------------------	*/
/*  Social Icons  */
/* --------------------------------------------------------	*/

.social-container{
  display:inline-block;
}

.social i{
  display:block;
  color:@theme-color-10;
  background:@theme-color-5;
  font-size:20px;
  line-height:50px;
  border:0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width:50px;
  height:50px;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;
  float:left;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.social i:hover{
  color:@theme-color-10;
  background:@theme-color-1;
}

.social .icon-adn{background:#c0bdbb;}
.social .icon-android{background:#98cb02;}
.social .icon-apple{background:#86878b;}
.social .icon-bitbucket{background:#0a4372;}
.social .icon-bitbucket-sign{background:#0a4372;}
.social .icon-css3{background:#1571b4;}
.social .icon-dribbble{background:#cb2027;}
.social .icon-dropbox{background:#79bbee;}
.social .icon-facebook{background:#3b5a9b;}
.social .icon-facebook-sign{background:#3b5a9b;}
.social .icon-flickr{background:#ef5999;}
.social .icon-foursquare{background:#63215f;}
.social .icon-github{background:#000000;}
.social .icon-github-alt{background:#000000;}
.social .icon-github-sign{background:#000000;}
.social .icon-gittip{background:#643614;}
.social .icon-google-plus{background:#c53c2c;}
.social .icon-google-plus-sign{background:#c53c2c;}
.social .icon-html5{background:#eb4d24;}
.social .icon-instagram{background:#ad856a;}
.social .icon-linkedin{background:#1d84b1;}
.social .icon-linkedin-sign{background:#1d84b1;}
.social .icon-renren{background:#005aab;}
.social .icon-skype{background:#0ebbe3;}
.social .icon-stackexchange{background:#054f96;}
.social .icon-trello{background:#1c5f89;}
.social .icon-tumblr{background:#2a445e;}
.social .icon-tumblr-sign{background:#2a445e;}
.social .icon-twitter{background:#00aced;}
.social .icon-twitter-sign{background:#00aced;}
.social .icon-vk{background:#4e739f;}
.social .icon-weibo{background:#d52b2b;}
.social .icon-windows{background:#07b0eb;}
.social .icon-xing{background:#005a5d;}
.social .icon-xing-sign{background:#005a5d;}
.social .icon-youtube{background:#bc2a2d;}
.social .icon-youtube-play{background:#bc2a2d;}
.social .icon-youtube-sign{background:#bc2a2d;}

/* --------------------------------------------------------	*/
/*  Social Networks  */
/* --------------------------------------------------------	*/

.social-networks{
  text-align:center;
  background:@theme-color-2;
}

.social-networks h4, .social-networks h5 {
  color:@theme-color-10;
}

.social-networks h4 {
  margin-bottom:5px;
}

.social-networks .social i {
  font-size:40px;
  line-height:100px;
  width:100px;
  height:100px;
  border:1px solid @theme-color-10;
  background:transparent;
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.social-networks .social i:hover {
  color:@theme-color-2;
  background:@theme-color-10;
}

.social-networks .social .small {
  font-size:20px;
  line-height:50px;
  width:50px;
  height:50px;
  margin-top:25px;
}

/* --------------------------------------------------------	*/
/*	Gallery */
/* --------------------------------------------------------	*/

.gallery{
  background:@theme-color-3;
}

.portfolio{
  overflow:hidden;
  margin:0px;
  padding-inline-start:0px;
}

.portfolio .col-md-4, .portfolio .col-md-6{
  margin-top:50px;
}

.portfolio .col-md-2, .portfolio .col-md-3{
  margin-top:40px;
}

.portfolio a{
  text-decoration:none;
}

.portfolio li{
  list-style:none;
}

.project {
  margin-top:20px !important;
}

  /* --------------------------------------------------------	*/
  /*	Portfolio Filter */
  /* --------------------------------------------------------	*/

  .portfolio-container{
    text-align:center;
  }

  #portfolio-filter{
    text-align:center;
    margin:0px;
    display:inline-block;
  }

  #portfolio-filter li {
    list-style:none;
    float:left;
    margin-right:10px;
    margin-top:5px;
    padding:12px 0px;
  }

  #portfolio-filter li a {
    padding:12px 15px;
    margin:0px;
    border:0px;
    border-bottom:1px solid transparent;
  	color:@theme-color-7;
    font-weight:300;
  }

  #portfolio-filter li:hover a {
    color:@theme-color-1;
    border-bottom:1px solid @theme-color-1;
    text-decoration:none;
  }

  #portfolio-filter li.active a {
    color:@theme-color-1;
  }

	/* --------------------------------------------------------	*/
	/*	Portfolio - Isotype (filtering tags) */
	/* --------------------------------------------------------	*/

	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}

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

	.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:         top, left, 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;
	}

/* --------------------------------------------------------	*/
/* Image Overlay */
/* --------------------------------------------------------	*/

.img-container-image {
  position:relative;
  overflow: hidden;
  background:@theme-color-1;
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;
}

.img-container-image img {
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;
  max-width:100%;
  height:auto;
}

.img-container-image:hover img {
  opacity:0.4;
  -moz-opacity:0.4;
  -khtml-opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter:alpha(opacity=40);
  transform: scale(1.4,1.4);
	-ms-transform: scale(1.4,1.4);
	-webkit-transform: scale(1.4,1.4);
}

.img-container-image i {
  position: absolute;
  font-size:180px;
  line-height:180px;
  width: 180px;
  width: 180px;
  top: 50%;
  left: 50%;
  margin-top:-90px;
  margin-left:-90px;
  text-align:center;
  color:@theme-color-10;
  opacity:0;
  -moz-opacity:0;
  -khtml-opacity:0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;
}

.img-container-image:hover i {
  font-size:40px;
  line-height:40px;
  width: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  margin-top:-20px;
  margin-left:-20px;
  opacity:0.8;
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;
}

.img-container-image:hover a:hover i {
  opacity:1;
  -moz-opacity:1;
  -khtml-opacity:1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;
}

/* --------------------------------------------------------	*/
/* Parallax */
/* --------------------------------------------------------	*/

#parallax-two {
  background-image:url(../img/parallax/02.jpg);
}

.parallax {
  width: 100%;
  height: 1700px;
  padding: 0;
  margin: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.parallax-mobile {
	background-position: 100% 0px !important;
	background-attachment: scroll !important;
}

.parallax .parallax-text-container {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 auto !important;
}

.parallax .tickets-form {
  width: 55%;
  margin: 150px auto;
  background: rgb(240, 240, 240); /* Fall-back for browsers that don't
                                    support rgba */
  background: rgba(240, 240, 240, .9);
}

.parallax .tickets-form button {
  margin: 0 auto;
  float: right;
}

.parallax .tickets-form .control-label {
  width: 300px;
  padding-right: 25px;
}

.parallax .tickets-form .control-label h4 {
  text-align: right;
}

.parallax .tickets-form input, .parallax .tickets-form select {
  color: #000000;
}

.parallax .tickets-form .form-group {
  max-width: 550px;
  margin: 20px auto;
}

.parallax .parallax-text-item {
  display: table-cell;
  vertical-align: middle;
}

.parallax-text-item {
  font-weight:600;
  font-size:36px;
  color:@theme-color-10;
  line-height:1em;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  #parallax-two {
    background: none;
    background-color:@theme-color-6;
  }

  .parallax {
    height: 1500px;
  }

  .parallax .tickets-form {
    height: 100%;
    width: 85%;
    margin: 50px 0;
    background-color:@theme-color-6;
  }

  .parallax .tickets-form h2 {
    text-align: left;
  }

  .parallax .tickets-form .control-label h4 {
    text-align: left;
  }

  .parallax .tickets-form .form-group {
    width: 100%;
    margin: 20px 0;
  }

  .parallax .tickets-form p {
    width: 80%;
  }

  .parallax .tickets-form button {
    margin: 0 0;
    float: left;
  }
}

.parallax h2{
  color:@theme-color-4;
  text-shadow: 0px 1px @theme-color-10;
}

.parallax h3{
  color:@theme-color-10;
  text-shadow: 0px 1px @theme-color-4;
}

/* --------------------------------------------------------	*/
/* Refine Slider */
/* --------------------------------------------------------	*/

ul.rs-slider {
  margin: 0 0 0px 0px;
}

ul.rs-slider img {
  position:relative;
}

.rs-thumb-wrap { margin: 21px 0 0 0; }
.rs-thumb-wrap > a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  padding: 0px;
  *padding: 0;
    -moz-transition: opacity .7s ease-in-out;
    -webkit-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

.rs-thumb-wrap > a:hover,
.rs-thumb-wrap > a.active { opacity: 1 }
.rs-thumb-wrap > a:first-child { margin-left: 0!important; }

.rs-arrows {
  position:absolute;
  z-index:799;
  width:100%;
  top:50%;
  right:0px;
}

.rs-arrows .rs-prev, .rs-arrows .rs-next {
  width: 50px;
  height: 48px;
  display: block;
  position:absolute;
  right:30px;
  margin-top:-25px;
  border-radius:50%;
  border:0px;
  background:@theme-color-2 !important;
  opacity: 0.5 !important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.rs-arrows .rs-prev {
  left:30px;
}

.rs-arrows .rs-next {
  right:30px;
}

 .rs-arrows .rs-prev:hover, .rs-arrows .rs-next:hover {
  background:@theme-color-2 !important;
  border:0px;
  opacity: 1 !important;
}

.rs-arrows .rs-prev i, .rs-arrows .rs-next i {
  text-indent: 0px;
  color:@theme-color-10;
  font-size: 20px;
  width: 47px;
  height: 50px;
  position: absolute;
  line-height: 49px;
  text-align: center;
  font-weight:500;
}

.rs-arrows .rs-next i {
  text-indent: 3px;
}

.rs-caption {
  padding: 20px;
  color: @theme-color-10;
  background: @color-black;
  background: rgba(0, 0, 0, .6);
}

.rs-caption p {
  color: @theme-color-10;
  margin-bottom: 0;
}

/* --------------------------------------------------------	*/
/* Footer */
/* --------------------------------------------------------	*/

.footer{
  color:@theme-color-3;
  background:@theme-color-6;
}

.footer .social-container{
  display:block;
  text-align:center;
}

.footer .social-inner{
  display:inline-block;
}

.footer .social-inner .share-text{
  float:left;
  margin-left:10px;
  margin-right:30px;
}

.footer .social-inner .social{
  float:left;
}

.footer i{
  margin-right:10px;
}

.copyright{
  color:@theme-color-10;
  background:@theme-color-4;
  padding:15px 0px;
}

.copyright a, .copyright a:visited {
  color:@theme-color-2 !important;
}

.copyright a:hover{
  color:@theme-color-1 !important;
}

.copyright p{
  font-size:13px;
  line-height:28px;
  text-align:left;
}

.copyright img{
  width:auto;
}

/* --------------------------------------------------------	*/
/* Video Content */
/* --------------------------------------------------------	*/

.video-content {
  max-width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: -5px;
  border: none;
}

/* --------------------------------------------------------	*/
/*  Lists  */
/* --------------------------------------------------------	*/

.list-a {
  padding:0px;
  margin:0px;
}

.list-a li {
  position:relative;
  top:0px;
  left:0px;
  list-style:none;
  padding-left:20px;
  line-height:22px;
}

.list-a i {
  position:absolute;
  top:0px;
  left:0px;
  font-size:12px;
  line-height:22px;
}

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

.btn, .btn-small, .btn-large, .btn-large-icon{
  font-size:14px;
  font-weight:500;
  line-height:50px;
  height:50px;
  color:@theme-color-10 !important;
  background:@theme-color-9 !important;
  text-transform:uppercase;
  padding:0px 40px;
  border:0px;
  border-radius:4px;
  margin-bottom:10px;
  margin-right:10px;
  text-shadow:none;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  font-family: 'Open Sans', sans-serif;
	color:@theme-color-6;
	-webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out;
      -ms-transition: 0.5s ease-in-out;
       -o-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out;
}

.btn i{
  font-size:18px;
  line-height:18px;
  padding-right:8px;
}

.btn:hover{
  background:@theme-color-3 !important;
  -webkit-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out;
      -ms-transition: 0.5s ease-in-out;
       -o-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out;
}

/* --------------------------------------------------------	*/
/*  Paging  */
/* --------------------------------------------------------	*/

.paging {
  float:left;
}

.paging .btn{
  font-size:14px;
  line-height:14px !important;
  height:20px;
  width:auto;
  padding:0px;
  margin-right:3px !important;
  margin-bottom:1px !important;
  color:@theme-color-7 !important;
  background:transparent !important;
  border:0px;
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}

.paging .btn:hover{
  color:@theme-color-2 !important;
}

.paging .active{
  color:@theme-color-4 !important;
}

/* --------------------------------------------------------	*/
/*  Map  */
/* --------------------------------------------------------	*/

#map {
  position:relative;
  width:100%;
  height:215px;
  padding:0px;
  margin-top:10px;
  border:1px solid @theme-color-8;
}

    .star {
        visibility: hidden;
    }

    .fadeIn {
        -webkit-animation: animat_show 0.8s;
        animation: animat_show 0.8s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }