@import "animate.css";

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

@import url(//fonts.googleapis.com/css?family=Roboto:400);

@import url(//fonts.googleapis.com/css?family=Roboto:500);

@import url(//fonts.googleapis.com/css?family=Roboto:700);

@import url(//fonts.googleapis.com/css?family=Roboto:900);

/*========================================================

                    Main layout styles

=========================================================*/

body {

  font: 400 12px/18px "Roboto", sans-serif;

  color: #444444;

/* background: url(../images/bg1.png) no-repeat center fixed; 
*/  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}
a[href^="tel:"]:hover {

  color: #000;

  text-decoration: none;

}


a {

  text-decoration: none;

  color: inherit;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

a:hover {

  color: #fef403;

}
.watermarked {
  position: relative;
}

.watermarked:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("../images/playbutton.png");
  background-size: 100px 100px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.7;
}
img {

  max-width: 100%;

}

* {

  -webkit-text-size-adjust: none;

}

/* ======= Headers ======= */

h2 {

  font: 300 24px/35px "Roboto", sans-serif;

  color: #000000;

  text-transform: uppercase;

  

  padding-bottom: 13px;

}

h3 {

  font: 700 14px/26px "Roboto", sans-serif;

  color: #000;

  text-transform: uppercase;
  padding:0px 0px;

}

h3 a:hover {

  color: #c3bb02;

}

@media (min-width: 768px) and (max-width: 979px) {

  h3 {

    font-size: 20px;

    line-height: 20px;

  }

}

@media (max-width: 479px) {

  h3 {

    font-size: 20px;

    line-height: 20px;

  }

}

h4 {

  font: 500 18px/27px "Roboto", sans-serif;

  color: #444444;

}

h5 {

  font: 900 15px/21px "Roboto", sans-serif;

  color: #fef403;

  text-transform: uppercase;

}

@media (min-width: 768px) and (max-width: 979px) {

  h5 {

    font-size: 9px;

    line-height: 13px;

  }

}

h6 {

  font: 900 26px/36px "Roboto", sans-serif;

  color: #fef403;

  text-transform: uppercase;

}

h6 a:hover {

  color: #c3bb02;

}

.h7 {

  font: 900 14px/18px "Roboto", sans-serif;

  color: #000000;

  text-transform: uppercase;

  display: block;

}

.heading1 {

  margin-bottom: 10px;
  visibility:visible !important;

}

/* ======= Buttons ======= */

.btn-default {

  font: 900 14px/14px "Roboto", sans-serif;

  color: #ffffff;

  background: #444444;

  text-transform: uppercase;

  text-align: center;

  padding: 12px;

  display: inline-block;

}

.btn-default:hover {

  background: #7b7b7b;

}

.btn-big {

  font: 900 19px/19px "Roboto", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

  display: inline-block;

  padding: 15px 20px 16px;

  border: 1px solid #ffffff;

}

.btn-simple {

  font: 900 14px/14px "Roboto", sans-serif;

  text-transform: uppercase;

  text-decoration: underline;

  color: #000000;

  display: inline-block;

}

.btn-simple:hover {

  color: #444444;

}

.btn-contacts {

  font: 400 12px/12px "Roboto", sans-serif;

  color: #000000;

  text-transform: uppercase;

  text-align: center;

  padding: 11px 15px 12px;

  display: inline-block;

  background: #fef403;

}

.btn-contacts:hover {

  color: #fef403;

  background: #444444;

}

/* ======= Wrappers ======= */

.button-wrapper1 {

  margin-top: 30px;

}

@media (max-width: 767px) {

  .button-wrapper1 {

    margin-bottom: 50px;

  }

}

.button-wrapper2 {

  margin-top: 10px;

}

@media (max-width: 767px) {

  .button-wrapper2 {

    margin-bottom: 50px;

  }

}

.wrapper1 {

  padding-top: 30px;

  padding-bottom: 30px;

}

.wrapper2 {
  padding-bottom: 50px;

}

.wrapper3 {

  padding-bottom: 91px;

}

.wrapper4 {

  padding-top: 21px;

  padding-bottom: 50px;

}

.wrapper5 {

  padding-top: 21px;

  padding-bottom: 6px;

}

.wrapper6 {

  padding-top: 21px;

  padding-bottom: 3px;

}

.wrapper7 {

  padding-bottom: 50px;

}

/*========================================================

                    HEADER styles

=========================================================*/

#header {

  padding-top: 27px;

}

#header .info {

  margin-bottom: 20px;

}

#header .socials {

  text-align: right;

}

#header .socials .menu {

  margin-top: 6px;

  margin-bottom: 24px;
  
  margin-right:10px;

}

#header .socials .menu li {

  font: 900 14px/14px "Roboto", sans-serif;

  color: #000000;

  display: inline-block;

  text-transform: uppercase;

}
#header .socials .menu li a
{
	color:#000;
}

#header .socials .menu li a.current {

  text-decoration: none;

}

#header .socials .menu li a:hover {

  text-decoration: none;

  color: #404040;

}

#header .socials .menu li + li {

  margin-left: 17px;

}

#header #stuck_container {

  background: #000000;

  position: relative;

}

#header #stuck_container:after {

  height: 32px;

  width: 100%;

  position: absolute;

  content: '';

  bottom: -32px;

  background: url(../images/background1.png) repeat-x;

}

@media (max-width: 767px) {

  #header {

    padding-top: 0;

  }

  #header .info {

    margin-bottom: 10px;

  }

  #header .socials {

    margin-top: 20px;

  }

  #header .socials .menu {

    float: left;

  }

}

/* ======= Logo ======= */

h1 {

  display: inline-block;

}

h1 a {

  display: inline-block;

}

h1 span {

  display: block;

  color: #000000;

  text-transform: uppercase;

}

h1 .highlighted {

  font: 900 24px/24px "Roboto", sans-serif;

  background: #fef403;

  padding: 3px 7px;

  display: inline-block;

  margin-bottom: -4px;

}

h1 .second {

  font: 900 70px/70px "Roboto", sans-serif;

}

@media (max-width: 979px) {

  h1 {

    margin-top: 12px;

  }

  h1 .second {

    font-size: 56px;

    line-height: 56px;

  }

}

/* ======= Main menu variables ======= */

/* ======= Sub menus common variables ======= */

/* ======= First level sub menu variables ======= */

nav {

  float: none;

}

/* Main menu styles

========================================================*/

.sf-menu > li {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  float: left;

  position: relative;

  text-align: center;

  border-right: 1px solid #666666;

}

.sf-menu > li:first-child {

  border-left: 1px solid #666666;

}

.sf-menu > li > .sf-with-ul:after {

  font-family:Verdana;

  font-size: 14px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f0dd";

  color: #fef403;

  bottom: 16px;

  right: 21px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-menu > li > a {

  padding: 11px 33px 13px 33px;

  text-transform: uppercase;

  font-size:12px;

  display: block;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #ffffff;

}









.footer-menu > li {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  float: left;

  position: relative;

  text-align: center;

}



.footer-menu > li > .sf-with-ul:after {

  font-family:Verdana;

  font-size: 14px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f0dd";

  color: #fef403;

  bottom: 16px;

  right: 21px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.footer-menu > li > a {

  padding: 8px 5px 10px 8px;

  text-transform: uppercase;

  font-size:11px;

  display: block;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #888;

}



@media (max-width: 1280px) {

  .sf-menu > li > a {

    font-size: 12px;

  }
  #header .socials .menu li 
  {
	  font:900 10px/14px "Roboto", sans-serif;
  }
  .sf-menu > li > a {
  padding: 11px 17px 13px 16px;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
}

}
@media (max-width: 979px) {

  
  .sf-menu > li > a {
  padding: 11px 3px 13px 3px;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
}

}


.sf-menu > li > a:hover {

  background: #fef403;

  color: #404040;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.sf-menu > li > a:active {

  background: transparent;

  color: #ffffff;

}

.sf-menu .sfHover > a {

  background: #404040;

}

.sf-menu .sfHover > a:after {

  color: #fef403;

}

.sf-menu > li.current > a {

  background: #fef403;

  color: #404040;

}

.sf-menu > li.current > .sf-with-ul:after {

  color: #fef403;

}

.sf-menu > li.sfHover > a {

  background: #404040;

  color: #ffffff;

}

.sf-menu a {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.sf-menu a:hover {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

/* First level sub-menu styles

========================================================*/

.sf-menu ul {

  display: none;

  min-width: 232px;

  font: 200 11px/12px "Roboto", sans-serif;

  position: absolute;

  top: 59px;

  left: 0;

  background: #ffffff;

  text-align: left;

  padding: 2px 10px 32px;

  z-index: 2;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

@media (max-width: 979px) {

  .sf-menu ul {

    min-width: 187px;

  }

}

.sf-menu ul li {

  position: relative;

  display: block;

  padding: 4px 0 3px;

}

.sf-menu ul li + li:before {

  top: 0;

  width: 100%;

  height: 1px;

  content: '';

  position: absolute;

  left: 0;

  background: url(../images/border1.png) repeat-x;

}

.sf-menu ul li > .sf-with-ul:after {

  font-family: FontAwesome;

  font-size: 14px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f107";

  color: #000000;

  top: 15px;

  right: 12px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-menu ul li a {

  display: block;

  padding: 12px 10px 9px;

  color: #000000;

  text-transform: none;

}

.sf-menu ul li a:hover {

  background: #000000;

  color: #fef403;

}

.sf-menu ul > .sfHover > a {

  background: #000000;

}

.sf-menu ul > .sfHover > a:after {

  color: #fef403;

}

.sf-menu ul li.sfHover > a {

  background: #000000;

  color: #fef403;

}

/* Second level sub-menu styles

========================================================*/

.sf-menu ul ul {

  top: 0;

  position: relative;

  margin-left: 0;

  z-index: 4;

  padding-top: 0;

  padding-bottom: 0;

}





.footer-menu > li > a:hover {

 

  color: #000;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.footer-menu > li > a:active {

  background: transparent;

  color: #ffffff;

}

.footer-menu .sfHover > a {

  background: #404040;

}

.footer-menu .sfHover > a:after {

  color: #fef403;

}

.footer-menu > li.current > a {

  background: #404040;

  color: #ffffff;

}

.footer-menu > li.current > .sf-with-ul:after {

  color: #fef403;

}

.footer-menu > li.sfHover > a {

  background: #404040;

  color: #ffffff;

}

.footer-menu a {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.footer-menu a:hover {

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

/* First level sub-menu styles

========================================================*/

.footer-menu ul {

  display: none;

  min-width: 232px;

  font: 200 11px/12px "Roboto", sans-serif;

  position: absolute;

  top: 59px;

  left: 0;

  background: #ffffff;

  text-align: left;

  padding: 2px 10px 32px;

  z-index: 2;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

@media (max-width: 979px) {

  .footer-menu ul {

    min-width: 187px;

  }

}

.footer-menu ul li {

  position: relative;

  display: block;

  padding: 4px 0 3px;

}

.footer-menu ul li + li:before {

  top: 0;

  width: 100%;

  height: 1px;

  content: '';

  position: absolute;

  left: 0;

  background: url(../images/border1.png) repeat-x;

}

.footer-menu ul li > .sf-with-ul:after {

  font-family: FontAwesome;

  font-size: 14px;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

  cursor: default;

  content: "\f107";

  color: #000000;

  top: 15px;

  right: 12px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.footer-menu ul li a {

  display: block;

  padding: 12px 10px 9px;

  color: #000000;

  text-transform: none;

}

.footer-menu ul li a:hover {

  background: #000000;

  color: #fef403;

}

.footer-menu ul > .sfHover > a {

  background: #000000;

}

.footer-menu ul > .sfHover > a:after {

  color: #fef403;

}

.footer-menu ul li.sfHover > a {

  background: #000000;

  color: #fef403;

}

/* Second level sub-menu styles

========================================================*/

.footer-menu ul ul {

  top: 0;

  position: relative;

  margin-left: 0;

  z-index: 4;

  padding-top: 0;

  padding-bottom: 0;

}









@media only screen and (max-width: 767px) {

  .sf-menu {

    display: none;

  }

    .footer-menu li {

    width:100%;;

  }

  nav {

    width: 100%;

    float: none;

  }

  .select-menu {

    border-radius: none;

    display: block;

    text-transform: capitalize;

    float: none;

    color: #444444;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

    background: #ffffff;

    font: 22px/28px 600 27px/35px "Roboto", sans-serif;

    text-align: left;

    border: 1px solid #c1c1c1;

    padding: 2px 0;

    position: relative;

  }

  .select-menu option {

    text-align: left;

    position: relative;

  }

}

/*Core variables and mixins*/

/* Stuck menu styles

========================================================*/

.isStuck {

  z-index: 999;

  position: fixed;

  -webkit-box-shadow: 0 0 4px 0 #000000;

  box-shadow: 0 0 4px 0 #000000;

}

@media only screen and (max-width: 979px) {

  .isStuck {

    display: none !important;

  }

}

/*========================================================

                    CONTENT styles

=========================================================*/

/* ======= Box 1 12/05 ======= */

.box1 {

  position: relative;

}

.box1 h3 {

  margin-bottom: 7px;

}

.box1 h4 {

  color: #ffffff;

}

.box1 time {

  font: 900 61px/61px "Roboto", sans-serif;

  letter-spacing: -0.04em;

  color: #ffffff;

  display: block;

  margin-left: -4px;

  margin-bottom: 4px;

}

.box1 .info {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 0 28px 23px;

}

@media (max-width: 979px) {

  .box1 time {

    font-size: 40px;

    line-height: 40px;

  }

}

@media (max-width: 767px) {

  .box1 img {

    width: 100%;

  }

}

/* ======= Box 2 Little posts ======= */

.box2 {

  background: #000000;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.box2:hover {

  background: #fef403;

}

.box2:hover h5 {

  color: #000000;

}

.box2:hover p {

  color: #000000;

}

.box2 .image-wrapper {

  position: relative;

}

.box2 .image-wrapper time {

  position: absolute;

  font: 900 30px/30px "Roboto", sans-serif;

  color: #ffffff;

  bottom: 7px;

  left: 14px;

}

.box2 .content-wrapper {

  padding: 11px 14px 15px;

}

.box2 p {

  color: #ffffff;

}

.box2 h5 a:hover {

  color: #000000;

  text-decoration: underline;

}

.box2 .btn-default {

  margin-bottom: 16px;

  margin-left: 14px;

}

@media (min-width: 768px) and (max-width: 979px) {

  .box2 .image-wrapper time {

    font-size: 15px;

  }

  .box2 p {

    margin-top: 10px;

    font-size: 10px;

    line-height: 14px;

  }

  .box2 .btn-default {

    font-size: 9px;

    padding: 5px 12px;

  }

}

@media (max-width: 767px) {

  .box2 {

    margin-bottom: 50px;

  }

  .box2 img {

    width: 100%;

  }

}

/* ======= Box 3 Featured tickets ======= */

.box3 {

  position: relative;

  margin-bottom: 20px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.box3:hover {

  background: #fef403;

}

.box3 img {

  float: left;

  margin-right: 15px;

}

.box3 h5 {

  padding-top: 10px;

  padding-right: 5px;

  color: #000000;

  margin-bottom: -1px;

  overflow: hidden;

}

.box3 h5 a {

  overflow: hidden;

}

.box3 h5 a:hover {

  color: #000000;

  text-decoration: underline;

}

.box3 p {

  padding-right: 5px;

  overflow: hidden;

}

.box3.box3__inset1 h5 {

  padding-top: 15px;

  margin-bottom: 4px;

  font-size: 18px;

  line-height: 16px;

}

.box3.box3__inset1 h5 a {

  font-size: 15px;

}

@media (max-width: 979px) {

  .box3 img {

    font-variant: normal;

    margin-right: 0;

    width: 100%;

    float: none;

  }

  .box3 h5 {

    padding-left: 5px;

  }

  .box3 p {

    padding: 5px;

  }

}

/* ======= Box 4 About ======= */

.box4 {

  margin-bottom: 26px;

}

.box4 .heading {

  display: block;

  background: #fef403;

  padding: 10px 15px;

  margin-bottom: 9px;

}

.box4 .heading:hover {

  background: #444444;

}

.box4 .heading:hover h5 {

  color: #fef403;

}

.box4 h5 {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  color: #000000;

}

/* ======= Box 5 Categories ======= */

.box5 {

  margin-bottom: 41px;

}

/* ======= Box 6 Tickets ======= */

.box6 {

  margin-bottom: 40px;

}

.box6 .content-wrapper {

  background: #000000;

  padding: 26px 28px;

}

.box6 .price {

  font: 900 24px/23px "Roboto", sans-serif;

  display: block;

  text-transform: uppercase;

  color: #ffffff;

  margin-bottom: 21px;

}

.box6 h6 {

  margin-bottom: 5px;

}

.box6 p {

  font: 400 14px/20px "Roboto", sans-serif;

  color: #ffffff;

}

@media (max-width: 767px) {

  .box6 img {

    width: 100%;

  }

}

/* ======= Box 7 About us ======= */

.box7 {

  margin-bottom: 18px;

}

.box7 .h7 {

  margin-top: 0px;

  margin-bottom: 3px;

}

.box7 .h7 {

  margin-top: 0px;

  margin-bottom: 3px;

}

.box7 p {

  margin-bottom: 5px;
  font-size:13px;
  text-align:justify;

}

.box8 p {

  margin-bottom: 5px;
  margin-left: 30px;
  font-size:13px;
  text-align:justify;

}

@media (max-width: 767px) {

  .box7 img {

    width: 100%;

    margin-bottom: 20px;

  }

  .box7 .h7 {

    margin-top: 0;
    margin-left:50px;

  }

  .box8 .h7 {

    margin-top: 0;
    margin-left:50px;

  }

}

/* ======= Box 8 Our staff ======= */

.box8 img {

  margin-bottom: 26px;

}

.box8 .h7 {

  margin-bottom: 9px;

}

@media (max-width: 767px) {

  .box8 {

    margin-bottom: 60px;

  }

  .box8 img {

    width: 100%;

    margin-bottom: 20px;

  }

}

/* ======= Blockquote 1 Testimonials ======= */

.blockquote1 {

  margin-bottom: 36px;

}

.blockquote1 cite {

  display: block;

  position: relative;

  background: #f2f2f2;

  font: italic 400 14px/21px "Roboto", sans-serif;

  padding: 22px 20px 13px;

}

.blockquote1 cite:after {

  position: absolute;

  display: block;

  content: '';

  overflow: hidden;

  width: 20px;

  height: 15px;

  background: url(../images/triangle1.png) no-repeat center 0;

  right: 29px;

  bottom: -15px;

}

.blockquote1 .by {

  margin-top: 26px;

  display: block;

  text-align: right;

  margin-right: 24px;

  font: 900 16px/21px "Roboto", sans-serif;

  color: #000000;

  text-transform: uppercase;

}

.blockquote1 .by a:hover {

  text-decoration: underline;

  color: #000000;

}

/* ======= Box 9 Privacy Policy ======= */

.box9 {

  margin-top: -4px;

  margin-bottom: 46px;

}

.box9 .h7 {

  margin-bottom: 3px;

}

.box9 .simple-link {

  margin-top: 18px;

}

/* ======= Google Map  ======= */

.google-map_contacts iframe {

  width: 100%;

  height: 360px;

}

@media (max-width: 767px) {

  .google-map_contacts iframe {

    height: 200px;

  }

}

/* ======= Address  ======= */

.contacts-address {

  margin-top: 26px;

  margin-bottom: 3px;

}

.contacts-address span {

  font: 400 12px/18px "Roboto", sans-serif;

}

.contacts-address .our-address {

  font: 900 14px/18px "Roboto", sans-serif;

  text-transform: uppercase;

  color: #000000;

  display: block;

  margin-bottom: 3px;

}

.contacts-address .wrapper {

  display: block;

}

.contacts-address .wide {

  display: inline-block;

  

}

@media (max-width: 767px) {

  .contacts-address {

    margin-bottom: 50px;

  }

}

/* ======= Simple link ======= */

.simple-link {

  display: inline-block;

  color: #908a01;

  text-decoration: underline;

}

.simple-link:hover {

  color: #444444;

}

/* ======= List 1 ======= */

.list1 li {

  font: 900 15px/21px "Roboto", sans-serif;

  text-transform: uppercase;

  color: #000000;

  display: block;

}

.list1 li:hover {

  color: #fef403;

}

.list1 li:hover a {

  background: #444444;

}

.list1 li + li {

  margin-top: 1px;

}

.list1 li a {

  background: #fef403;

  padding: 10px 15px;

  display: block;

}

@media (max-width: 479px) {

  .list1 li {
    font-size: 12px;

    line-height: 16px;

  }



}

/* ======= Social buttons 1 ======= */

.socials1
{
	margin-right:10px;
}

.socials1 li {

  display: inline-block;

  margin-bottom: 10px;

}

.socials1 li + li {

  margin-left: 8px;

}

.socials1 li a i {

  color: #ffffff;

  background: #000000;

  text-align: center;

  font-size:17px;

  border: 1px solid #000000;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: block;

  width: 30px;

  height: 30px;

  line-height: 27px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.socials1 li a i:hover {

  color: #000;

  background: #fff;

  border-color: #fff;

}
.content h2
{
	background:#fef403;
	padding-bottom:0px;
	padding-left:5px;
	font: 700 16px/25px "Roboto", sans-serif;
	margin-bottom:10px;
}

@media (max-width: 767px) {

  .socials1 li a i {

    width: 20px;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

  }

}

/*========================================================

                    FOOTER styles

=========================================================*/

#footer {

  font: 400 12px/18px "Roboto", sans-serif;

  color: #444444;

  

}

#footer .privacy-block {

  border-top: 1px solid #000;

  padding: 8px 0;

}

.footer_right{

	width:250px;

	float:right; }

	





	

	

/*========================================================

                    Widget styles

=========================================================*/

/* UItoTop styles

========================================================*/

#toTop {

  display: none;

  text-decoration: none;

  position: fixed;

  bottom: 80px;

  right: 30px;

  overflow: hidden;

  border: none;

  color: #737373;

  font-size: 37px;

  line-height: 38px;

  z-index: 20;

  -webkit-transition: color 0.5s ease;

  transition: color 0.5s ease;

}

#toTop:hover {

  outline: none;

  color: #000000;

}

@media only screen and (max-width: 1280px) {

  #toTop {

    display: none !important;

  }

}



.mleft-10

{

	margin-left:10px;

}



footer p

{

	color:#888;

	font-size:14px;

	text-align:right;

}

footer a:hover

{

	color:#000;

}
.uline
{
  font: 900 27px/35px "Roboto", sans-serif;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 13px;
}

#header {
    background: url("../images/bg.jpg");
	background-repeat:repeat-x;
	
    
}
.galimg
{
	width:100%;
	height:150px;
	padding-right:10px;
}
@media(max-width:981px)
{
	.galimg
{
	width:100%;
	height:100px;
	padding-right:10px;
}
}
@media(max-width:481px)
{
	.galimg
{
	width:100%;
	height:60px;
	padding-right:10px;
}
}
.fright{
	float:right;
}
.hmefrm
{
	height:auto;
	width:100%;
}
@media screen and (max-width:767px)
{
  .hmefrm
	{
		height:250px;
		width:100%
	}
  .bximage{
    height:200px !important;
    width: 300px !important;
    object-fit: scale-down;
  }
  .watermarked {
    position: relative;
  }
  
  .watermarked:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 12%;
    background-image: url("../images/playbutton.png");
    background-size: 100px 100px;
    background-position: center left;
    background-repeat: no-repeat;
    opacity: 0.7;
  }
}

@media (min-width:768px) and (max-width:3080px)
{
	.hmefrm
	{
		height:500px;
		width:100%
	}
  .bximage{
    height:500px !important;

    display: block;
    margin-left: auto;
    margin-right: auto;

  }
}




/*Core variables and mixins*/