@import "animate.css";

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

@import url(http://fonts.googleapis.com/css?family=Raleway:400,800,900,700,600,300);



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

                      Main Styles

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

body {

  background: #000000;

  color: #cccccc;

  font: 400 18px/27px 'Raleway', sans-serif;

  -webkit-text-size-adjust: none;

}

img {

  max-width: 100%;

  height: auto;

}



.logo {

width: 100%;

text-align: center;

}





@media (max-width: 767px) {

.logo {

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

}

}

p a:hover {

  text-decoration: underline;

}

time {

  display: block;

}

dt,

dd {

  display: inline-block;

}

dd {

  padding-left: 4px;

}

a {

  font: inherit;

  color: inherit;

  text-decoration: none;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

a:active {

  background: transparent;

}

a:focus {

  outline: none;

}

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}

strong {

  font-weight: 700;

}



.page {

  overflow: hidden;

  min-height: 500px;

}

.lt-ie9 .page {

  min-width: 1200px;

}





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

                     HEADER  Section

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

header {

background: #000000;

padding-top: 0px;



}



@media (max-width: 767px) {

  header {

    text-align: center;

  }

  header .brand,

  header .box_right {

    float: none;

  }

}





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

                     CONTENT  Section

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

main {

  display: block;

  background: #000000;

}



.bg-primary {

  background: #000000;

}

.bg-header {

  background: #000000;

}







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

                     FOOTER  Styles

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



footer {

font: 400 14px/19px 'Raleway', sans-serif;

padding-left: 10px;

padding-right: 10px;

height: 165px;

background: #000000;

width: 100%;

border-top: solid 2px #ff0000;

color: #c5c5c5;

background: url('../images/footerbck.gif');

}











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

                       Main Layout

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

* + .btn {

  margin-top: 37px;

}

* + .btn__md {

  margin-top: 23px;

}

.mt {

  margin-top: 3px;

}

.mt1 {

  margin-top: 9px;

}

.mt2 {

  margin-top: 7px;

}

.mt-zero {

  margin-top: 0;

}

* + p {

  margin-top: 24px;

}

* + h5,

.off-5 {

  margin-top: 22px;

}

h5 + p,

h3 + p,

address + p,

* + dl,

.off-7 {

  margin-top: 10px;

}

h2 + p,

.off-4 {

  margin-top: 15px;

}

* + .line {

  margin-top: 33px;

}

.off {

  margin-top: 36px;

}

.off-1 {

  margin-top: 48px;

}

.off-3 {

  margin-top: 30px;

}

.off-6 {

  margin-top: 42px;

}

.off-8 {

  margin-top: 50px;

}

.info + .info,

.off-2 {

  margin-top: 25px;

}





/*========================   Menu   ==========================*/

.sf-menu {

  display: inline-block;

}

.sf-menu:before,

.sf-menu:after {

  content: " ";

  display: table;

}

.sf-menu:after {

  clear: both;

}

.sf-menu > li {

  position: relative;

  float: left;

}

.sf-menu a {

  display: block;

}

.sf-menu {

  margin-left: 22px;

}

.sf-menu > li {

  position: relative;

}

.sf-menu > li:after {

  position: absolute;

  content: '';

  top: 0;

  bottom: 0;

  right: 0;

  border-right: solid 1px #040819;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

}

.sf-menu > li:first-child {

  position: relative;

}

.sf-menu > li:first-child:before {

  position: absolute;

  content: '';

  top: 0;

  bottom: 0;

  left: 0;

  border-left: solid 1px #040819;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

}

.sf-menu > li > a {

  color: #ffffff;

  font: 700 19px/20px 'Raleway', sans-serif;

  text-transform: uppercase;

  padding: 30px 25px;

  position: relative;

  z-index: 0;

}

.sf-menu > li > a:after {

  position: absolute;

  content: '';

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

  background: #323232;

  background: -moz-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(50%, #2a2a2a), color-stop(100%, #212121));

  background: -webkit-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -o-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -ms-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: linear-gradient(to bottom, #323232 0%, #2a2a2a 50%, #212121 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#212121', GradientType=0);

  opacity: 0;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  z-index: -1;

}

.lt-ie9 .sf-menu > li > a:after {

  filter: alpha(opacity=0);

}

.sf-menu > li.sfHover > a:after,

.sf-menu > li > a:hover:after,

.sf-menu > li.active > a:after {

  opacity: 1;

}

.lt-ie9 .sf-menu > li.sfHover > a:after,

.lt-ie9 .sf-menu > li > a:hover:after,

.lt-ie9 .sf-menu > li.active > a:after {

  filter: alpha(opacity=100);

}

.sf-menu ul {

  display: none;

  position: absolute;

  top: 100%;

  width: 350px;

  margin-top: 0;

  background: #FFF;

  border-top: solid 1px #000;

  border-bottom: solid 1px #000;

  z-index: 2;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.sf-menu ul {

  background: #2F2F2F;

  margin-left: -22px;

}

.sf-menu ul > li {

  padding: 10px 0 ;

}

.sf-menu ul > li > a {

  color: #ffffff;

  margin-left: 30px;

  font: 400 15px/15px 'Raleway', sans-serif;

  text-transform: uppercase;

}

.sf-menu ul > li.sfHover > a,

.sf-menu ul > li > a:hover {

  color: #ff0000;

}

.sf-menu ul > li + li {

  border-top: solid 1px #000;

}

.sf-menu ul ul {

  position: absolute;

  right: -267px;

  top: 59px;

  z-index: 4;

}

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

  position: relative;

}

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

  position: absolute;

  left: 50%;

  top: 62%;

  margin-left: -6px;

  content: '\f0d7';

  font: 400 12px/12px 'FontAwesome';

}

.sub-menu > li > .sf-with-ul {

  position: relative;

}

.sub-menu > li > .sf-with-ul:before {

  position: absolute;

  top: 0;

  right: 70px;

  content: '\f105';

  font: 400 15px/15px 'FontAwesome';

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}







@media (max-width: 767px) {

  .sf-menu {

    display: none;

  }

}





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

  .sf-menu > li > a {

    padding: 30px 25px;

  }

}



@media (max-width: 1200px) {

.sf-menu > li > a {

  font: 700 15px/17px 'Raleway', sans-serif;

  text-transform: uppercase;

  padding: 25px 20px;

  }

}

@media (max-width: 980px) {

.sf-menu > li > a {

  font: 700 14px/15px 'Raleway', sans-serif;

  text-transform: uppercase;

  padding: 20px 15px;

  }

}



/*==================  Select Menu  ======================*/

.select-menu {

  position: relative;

  display: none;

  margin: 0 auto;

  width: 420px;

  background: #ffffff url('../images/select.png') no-repeat right center;

  overflow: hidden;

}

.select-menu .select {

  width: 440px;

  height: 30px;

  color: #585858;

  background-color: transparent;

  font: 400 15px 'Raleway', sans-serif;

  line-height: 30px;

  border: none;

  border-radius: 0;

  box-shadow: none;

  outline: none;

  -webkit-appearance: none;

}

.select-menu .select::-ms-expand {

  display: none;

}

@media (max-width: 767px) {

  .select-menu {

    display: block;

  }

}

@media (max-width: 479px) {

  .select-menu {

    width: 270px;

  }

  .select-menu .select {

    width: 290px;

  }

}

/*==================  Stuck menu  ======================*/

.isStuck {

  background: #444444;

  z-index: 999;

  border-bottom: 1px solid #333333;

}

.isStuck .brand,

.isStuck .box_right {

  display: none;

}

.isStuck .sf-menu li a {

  padding: 25px 33px;

}

.isStuck .nav {

  text-align: center;

}

.isStuck .sub-menu {

  text-align: left;

}

.isStuck .sub-menu li a {

  padding: 0;

}

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

  .isStuck {

    display: none !important;

  }

}





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

               Slash Image For Bullet List

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



.slash{



padding-left: 25px;

}

.slash li{

background-image: url(../images/bullet.png);

background-position: 0 .4em;

background-repeat: no-repeat;

padding-left: 25px;

}







/*==================   Parallax    ======================*/

.parallax {

  background-position: center 0;

  background-repeat: no-repeat;

  background-color: #0b0e1a;

}

.mobile .parallax,

.tablet .parallax {

  background-position: 50% 0 !important;

  background-size: cover;

}

.parallax1 {

  background-image: url(../images/stayback1.gif);

  padding: 181px 0 164px;

}



@media (min-width: 2050px) {

  .parallax {

    background-size: cover;

  }

}

@media (max-width: 767px) {

  .parallax {

    background-position: center 0 !important;

    background-size: cover;

    padding: 30px 0;

  }

}









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

.btn {

  position: relative;

  display: inline-block;

  background: #1f1f1f;

  font: 700 19px/20px 'Raleway', sans-serif;

  text-transform: uppercase;

  color: #fff;

  padding: 29px 8px 31px 29px;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  z-index: 0;

}

.btn:before {

  position: absolute;

  content: '';

  top: 0;

  right: -22px;

  width: 50px;

  height: 80px;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

  background: #1f1f1f;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  z-index: -1;

}

.btn:hover {

  background: #ff0000;

}

.btn:hover:before {

  background: #ff0000;

}



.btn__md {

  padding: 20px 19px 20px 30px;

}

.btn__md:before {

  right: -21px;

  width: 40px;

  height: 60px;

}

.btn__md1 {

  background: #2f2f2f;

  padding: 20px 19px 20px 30px;

}

.btn__md1:before {

  right: -17px;

  width: 40px;

  height: 60px;

  background: #2f2f2f;

}

.btn__md1:hover {

  background: #ff0000;

}

.btn__md1:hover:before {

  background: #ff0000;

}





/*============   Background Gradient   ================*/

.gradient-1 {

  background: #ff0000;

  background: -moz-linear-gradient(top, #ff0000 0%, #b20600 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #b20600));

  background: -webkit-linear-gradient(top, #ff0000 0%, #b20600 100%);

  background: -o-linear-gradient(top, #ff0000 0%, #b20600 100%);

  background: -ms-linear-gradient(top, #ff0000 0%, #b20600 100%);

  background: linear-gradient(to bottom, #ff0000 0%, #b20600 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#b20600', GradientType=0);

}

.gradient-2 {

  background: #323232;

  background: -moz-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(50%, #2a2a2a), color-stop(100%, #212121));

  background: -webkit-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -o-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: -ms-linear-gradient(top, #323232 0%, #2a2a2a 50%, #212121 100%);

  background: linear-gradient(to bottom, #323232 0%, #2a2a2a 50%, #212121 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#212121', GradientType=0);

}

/*==================    Colors    ======================*/

.color-1 {

  color: #FF0000;

}

.color-2 {

  color: #fff;

}

/*==================    FontStyle   ======================*/

.font-style {

  font: 400 15px/27px 'Raleway', sans-serif;

  text-transform: uppercase;

  color: #FFF;

}

.font-style-1 {

  font: 700 29px/30px 'Raleway', sans-serif;

  color: #FF0000;

}







/*==================     Date     ======================*/

.date {

  display: inline-block;

  font: 700 19px/20px 'Raleway', sans-serif;

  text-transform: uppercase;

  color: #ff0000;

  padding: 18px 94px 23px;

  position: relative;

  z-index: 0;

}

.date:after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #2f2f2f;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

  z-index: -1;

}

.date__md {

  background: #2f2f2f;

  padding: 17px 14px 23px 29px;

}

.date__md:after {

  display: none;

}

.date__md:before {

  position: absolute;

  content: '';

  top: 0;

  right: -32px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 60px 32px 0 0;

  border-color: #2f2f2f transparent transparent transparent;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.date-news {

  display: inline-block;

  font-size: 18px;

  line-height: 18px;

  font-weight: 700;

  color: #ff0000;

}

.date-news span {

  font-size: 64px;

  line-height: 64px;

}



/*==================  Coordinates  ======================*/

.coordinates span {

  color: #FFF;

}

.coordinates p + p {

  margin-top: 11px;

}







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

                       H TAGS

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



h1,

h2,

h3,

h4,

h5,

h6 {

color: #cccccc;

}



h1 {

  font: 800 40px/45px 'Raleway', sans-serif;

  letter-spacing: -2.2px;

margin-top: 15px;

}

h1 span {

  color: #ff0000;

}

h2 {

  font: 400 40px/53px 'Raleway', sans-serif;

}

h3 {

  font: 400 30px/63px 'Raleway', sans-serif;

}

h4 {

  font: 700 25px/35px 'Raleway', sans-serif;

}

h4 a:hover {

  color: #ff0000;

}

h5 {

  font: 700 20px/34px 'Raleway', sans-serif;

  color: #ff0000;

}

h5 a:hover {

  color: #FFF;

}

h2 span,

h3 span {

  font-weight: 300;

}

h2 strong,

h3 strong {

  font-weight: 900;

}





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

                     RESPONSIVE

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

@media (min-width: 980px) and (max-width: 1030px) {

  header .brand {

    margin-left: 40px;

  }

}

@media (min-width: 980px) and (max-width: 1199px) {

  h2 {

    font-size: 64px;

    line-height: 62px;

  }

  .info_overlay h4 {

    font-size: 25px;

    line-height: 34px;

    margin-top: 100px;

  }

}

@media (max-width: 979px) {

  h2 {

    font-size: 50px;

    line-height: 48px;

  }

  .font-style {

    line-height: 22px;

  }

  .info_overlay h4 {

    font-size: 20px;

    line-height: 29px;

  }

}

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

  h1 {

    font-size: 40px;

    line-height: 35px;

  }

  h3 {

    font-size: 50px;

    line-height: 58px;

  }

  h5 {

    font-size: 18px;

    line-height: 32px;

  }

  .brand_slogan {

    font-size: 15px;

    line-height: 15px;

  }

  .brand {

    margin-left: 35px;

    padding: 20px 47px 24px 39px;

  }

  .social-link > li a {

    height: 62px;

    line-height: 62px;

    width: 62px;

  }

  .search-form {

    width: 340px;

  }

  .search-form_label {

    padding: 14px 95px 15px 20px;

  }

  .search-form_submit {

    height: 47px;

  }

  .info_overlay h4 {

    margin-top: 60px;

  }

  .info_overlay .date {

    margin-top: 20px;

  }

  .info__small .date {

    font-size: 16px;

  }

  .info__small .date__md {

    padding-left: 10px;

  }

  .event-list .btn {

    font-size: 16px;

  }

  .btn__md1 {

    padding-right: 5px;

    padding-left: 15px;

  }

}

@media (max-width: 767px) {

  [class*='well'] {

    padding: 30px 0;

  }

  header {

    padding-top: 0px;

  }

  header .box_right .social-link {

    float: none;

    margin-top: 20px;

  }

  header .box_right .search-form {

    margin: 0 auto 20px;

  }

  .nav {

    padding: 5px 0;

  }

  .brand {

    padding: 20px 37px 24px 28px;

  }

  .info_overlay .date {

    margin-top: 10px;

  }

  .info_overlay h4 {

    margin-top: 75px;

  }

  .info__small .info_overlay .date {

    margin-top: 30px;

  }

  .info__small .info_overlay h4 {

    margin-top: 150px;

    font-size: 35px;

    line-height: 44px;

  }

  .float-box > div {

    width: 50%;

  }

  .btn {

    padding: 20px 8px 20px 20px;

  }

  .btn:before {

    height: 60px;

  }

  .line {

    display: none;

  }

}

@media (max-width: 479px) {

  h1 {

    font-size: 40px;

    line-height: 35px;

  }

  h2 {

    font-size: 30px;

    line-height: 28px;

  }

  h3 {

    font-size: 45px;

    line-height: 53px;

  }

  h5 {

    font-size: 17px;

    line-height: 30px;

  }

  .brand {

    padding: 10px 23px 10px 5px;

  }

  .brand_slogan {

    font-size: 12px;

    line-height: 12px;

    margin-left: 0;

  }

  .event-list .btn {

    font-size: 15px;

  }

  .btn__md1 {

    padding-right: 5px;

    padding-left: 10px;

  }

  .date {

    font-size: 17px;

    line-height: 17px;

  }

  .date__md {

    padding: 12px 5px 13px 10px;

  }

  .date__md:before {

    border-width: 42px 25px 0 0;

    right: -25px;

  }

  .info_overlay h4 {

    margin-top: 25px;

    font-size: 16px;

    line-height: 25px;

    padding: 0 10px;

  }

  .info__small .info_overlay .date {

    margin-top: 10px;

  }

  .info__small .info_overlay h4 {

    font-size: 28px;

    line-height: 37px;

    margin-top: 110px;

  }

}





/*==================     ToTop     ======================*/

.toTop {

  font-size: 85px;

  line-height: 80px;

  color: #ff0000;

  position: fixed;

  right: 300px;

  bottom: 180px;

  display: none;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  z-index: 20;

}

.toTop:hover {

  color: #333232;

  text-decoration: none;

}

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

  .toTop {

    display: none !important;

  }

}

.bg-header{

	position:relative;

}

.top-address{

	color:#fff;

	font-size:24px;

	position:absolute;

	top:65px;

	right:20%;

}

.top-phone{

	color:#fff;font-size:24px;

	position:absolute;

	top:75px;

	left:20%;

}

@media(max-width:767px){
	.top-phone {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: inherit;
    left: inherit;
    float: left;
    margin: 5px 8px 0;
}
.top-address {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: inherit;
    right: inherit;
    float: right;
    margin: 5px 8px 0;
    line-height: 20px;
}
}
#footernav{

	margin:20px 0 10px;

}

#footernav li{

	list-style:none;

	display:inline;

	margin:0 5px;

}

#footernav li:first-child{

	margin-left:0px;

}

.copyright{

	margin:44px 0 0;

}

.footer-address{

	font-weight:bold;

	margin-top:5px;

}

.video-sec{
	float:left;
	width:46%;
	padding:15px 1%;
}
.more-videos {
    background: #ff0000;
    color: #fff;
    line-height: 33px;
    padding: 0 42px;
    float: left;
    margin: 0 0 30px;
}
.more-videos:hover {
	background: #b90303;
}