@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: #ffffff;

  color: #333333;

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

  -webkit-text-size-adjust: none;

}





img {

max-width: 100%;

height: auto;

padding: 0px;

margin: 0px;

border: 0 none;

}





.logo {

width: 100%;

text-align:center;

}





@media (max-width: 767px) {

.logo {

width: 95%;

text-align:center;

}

}





p a:hover {

  text-decoration: underline;

}



a {

  font: inherit;

  color: #0095da;

  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 {

padding-top: 0px;

}



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

                     SOCIAL ICONS

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



.social {

text-align: right;

padding-top: 0px;

padding-bottom: 0px;

padding-right: 0px;

width: 100%;

}





.icon {

padding: 0px;

margin: 0px;

border: 0 none;

max-width: 100%;

margin-right: -2px;

margin-left: -2px;

}



.topbar {

background: #adadad;

height: 39px;

padding: 0px;

}





.topbox1 {

width: 50%;

position: relative;

top: 50%;

 -ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

 transform: translateY(-50%);

float:left;

vertical-align: middle;

padding-left: 10px;

color: #f3f3f3;

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

-webkit-text-size-adjust: none;

}





@media (max-width: 767px) {

.topbox1 {

width: 50%;

position: relative;

top: 50%;

 -ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

 transform: translateY(-50%);

float:left;

vertical-align: middle;

padding-left: 10px;

color: #f3f3f3;

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

-webkit-text-size-adjust: none;

  }

}



.topbox2 {

margin-left: 50%

background: #929292;

height: 39px;

text-align: right;

}







@media (max-width: 440px) {

.topbox2 {

display: none;

}

}







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

                     CONTENT  Section

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

main {

  display: block;

  background-color: transparent;

}



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

                     FOOTER  Styles

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



footer {

padding-left: 15px;

background: #adadad;

background: url('../images/footerlogo.png') no-repeat;

background-position: right top;

height: 177px;

}



@media (max-width: 900px) {

footer {

background: url('../images/spacer.gif') no-repeat;

}

}





/*========================   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: #eeeeee;

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

  text-transform: uppercase;

  padding: 25px 33px;

  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: #676767;

  background: -moz-linear-gradient(top, #676767 0%, #515151 50%, #414141 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #676767), color-stop(50%, #515151), color-stop(100%, #414141));

  background: -webkit-linear-gradient(top, #676767 0%, #515151 50%, #414141 100%);

  background: -o-linear-gradient(top, #676767 0%, #515151 50%, #414141 100%);

  background: -ms-linear-gradient(top, #676767 0%, #515151 50%, #414141 100%);

  background: linear-gradient(to bottom, #6767672 0%, #515151 50%, #414141 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#414141', 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: 51px;

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

  text-transform: uppercase;

}

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

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

  color: #676767;

}

.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: 800px) {

  .sf-menu {

    display: none;

  }

}

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

.sf-menu > li > a {

padding: 15px 12px;

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

  }

}

/*==================  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: #004377;

}

.btn:hover:before {

  background: #004377;

}



.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: #004377;

}

.btn__md1:hover:before {

  background: #004377;

}



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

.gradient-1 {

  background: #adadad;

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

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

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

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

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

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

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#adadad', 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: #adadad;

}

.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: #adadad;

}







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

.date {

  display: inline-block;

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

  text-transform: uppercase;

  color: #ffffff;

  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: #adadad;

}

.date-news span {

  font-size: 64px;

  line-height: 64px;

}



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

.coordinates span {

  color: #FFF;

}

.coordinates p + p {

  margin-top: 11px;

}







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

                       H TAGS

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



h1,

h3,

h4,

h5,

h6 {

color: #676767;

}





h2 {

color: #262626;

}





h1 {

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

  letter-spacing: -2.2px;

margin-top: 15px;

}

h1 span {

  color: #676767;

}

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: #676767;

}

h5 {

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

  color: #adadad;

}

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: #adadad;

  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;

  }

}