@font-face {
  font-family:'Roboto-Regular';
  src:url("/css/application/resortsworldcatskills/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family:'Roboto-Bold';
  src:url("/css/application/resortsworldcatskills/fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-family:'Roboto-Light';
  src:url("/css/application/resortsworldcatskills/fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
  font-family:"Lato";
  src:url("/css/application/resortsworldcatskills/fonts/Lato-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Cinzel";
  src:url("/css/application/resortsworldcatskills/fonts/Cinzel-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Cinzel";
  src:url("/css/application/resortsworldcatskills/fonts/Cinzel-Bold.ttf") format("truetype");
  font-weight:bold;
  font-style:normal;
}

@font-face {
  font-family:NotoSans;
  src:url("/css/application/resortsworldcatskills/fonts/NotoSans-Regular.ttf") format("truetype");
}

body {
    font-size: 14px;
    line-height: 1.4em;
    color: #3f3d3b;
    background: #FFF;
    font-family: "Roboto-Regular", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

.container {
  position: relative;
	background-color: #FFF;
  padding-right: 0px;
  padding-left: 0px;
}

.container-logo {
    width: 100%;
    text-align: center;
}

.logo {

}

.logo img {
    max-width: 411px;
    margin: 0 auto 0 auto;
}

#outer_content_wrapper {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0px 15px 0 15px;
}

.form-group input,
.form-group select,
.form-group .input-group-addon,
.dropdown-toggle.form-control {
    border-radius: 0px;
    border-color: #999 !important;   
}

h3 {
    color: #d71635;
    font-size: 26px;
    text-transform: uppercase;
    font-family: "Roboto-Bold", sans-serif;
}

h2 {
    color: #d71635;
    font-size: 34px;
    text-transform: uppercase;
    font-family: "Roboto-Bold", sans-serif;
}

a {
  color: #d71635;
  font-weight: bold;
}

a:hover,
a:focus,
a:active {
  color: #d71635;
  font-weight: bold;
  text-decoration: none;
}

.text-primary{
  color: #d71635;
}

.btn {
    border-radius: 0px;
    border: 1px solid #999;
}

.btn-info {
  background-color: #d7182a;
  border-color: #d7182a;
  border-radius: 0px;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open {
    background-color: #d7182a;
    border-color: #d7182a;
    border-radius: 0px;
    color: #FFF;
    font-size: 14px;
}

@media screen and (max-width: 1180px){
    .container-logo {
        width: 100%;
        padding-top: 70px;
        padding-bottom: 15px;
    }   
    .logo img{
        max-width: 300px;
    }
}

@media screen and (max-width: 1000px){
    .container-logo {
        width: 100%;
        padding-top: 70px;
        padding-bottom: 21.5px;
    }   
    .logo img{
        max-width: 260px;
    }
}