@font-face {

  font-family: 'TitilliumWeb-Black';

  src: url('../fonts/TitilliumWeb-Black.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-Bold';

  src: url('../fonts/TitilliumWeb-Bold.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-BoldItalic';

  src: url('../fonts/TitilliumWeb-BoldItalic.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-ExtraLight';

  src: url('../fonts/TitilliumWeb-ExtraLight.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-ExtraLightItalic';

  src: url('../fonts/TitilliumWeb-ExtraLightItalic.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-Light';

  src: url('../fonts/TitilliumWeb-Light.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-LightItalic';

  src: url('../fonts/TitilliumWeb-LightItalic.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-Regular';

  src: url('../fonts/TitilliumWeb-Regular.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-SemiBold';

  src: url('../fonts/TitilliumWeb-SemiBold.ttf');

}



@font-face {

  font-family: 'TitilliumWeb-SemiBoldItalic';

  src: url('../fonts/TitilliumWeb-SemiBoldItalic.ttf');

}



h1, h2, h3, h4, h5{

	font-family: 'TitilliumWeb-Bold';

}



p{

  	font-family: 'TitilliumWeb-Regular';

}



a:hover{

	text-decoration: none;
    color:#F6B909;

}



.background-topbar{

	background-color: black;

}



.background-nav{

	background-color: rgba(0,0,0,0.5);

}



.nav a{

	font-family: 'TitilliumWeb-Bold';

	color: white;

    text-transform: uppercase;

}



footer{

	position: relative;

	font-family: 'TitilliumWeb-Regular';

	background: #191919;

	color: white;

}



footer h5{

	font-family: 'TitilliumWeb-Bold';

}



.blog-divider {

    padding: 50px 0;

    width: 100%;

    display: block;

    clear: both;

    text-align: center;

    margin: 0 auto;

}



.blog-divider span {

    display: inline-block;

    width: 10%;

    height: 1px;

    background: #e8e8e8;

}



.blog-divider i {

    padding: 0 15px;

    color: #e8e8e8;

    font-size: 24px;

    position: relative;

    top: 8px;

}



.bg-menu{

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

	box-shadow: 1px -2px 9px 5px #00000008;

}



.carta-btn {

    display: inline-block;
    
    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 0;

    padding: 0 30px;

    font-size: 16px;

    height: 54px;

    line-height: 54px;

    border-radius: 4px;

    color: #fff;

    cursor: pointer;

    z-index: 5;

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    background-color: #F6B909;

    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    position: relative;

    z-index: 5;

    overflow: hidden;

}



.carta-btn::before {

    position: absolute;

    content: "";

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    padding: 50%;

    border-radius: 50%;

    background-color: #000000;

    z-index: -1;

    -webkit-transform: translate3d(-50%, -50%, 0) scale(0);

    -moz-transform: translate3d(-50%, -50%, 0) scale(0);

    -ms-transform: translate3d(-50%, -50%, 0) scale(0);

    -o-transform: translate3d(-50%, -50%, 0) scale(0);

    transform: translate3d(-50%, -50%, 0) scale(0);

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.carta-btn:hover::before {

    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5);

    -moz-transform: translate3d(-50%, -50%, 0) scale(1.5);

    -ms-transform: translate3d(-50%, -50%, 0) scale(1.5);

    -o-transform: translate3d(-50%, -50%, 0) scale(1.5);

    transform: translate3d(-50%, -50%, 0) scale(1.5);

}



.carta-btn:hover {

    color: #fff;

}



.top-slider {

    position: relative;

    position: relative;

    width: 100%;

    overflow: hidden;

    text-align: center;

}



.bgndgalleryslider .bg-transparent {

    left: auto;

    right: 0;

}

.bg-transparent {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: auto;

    left: 0;

    top: 0;

    right: 0;

}



header{

	position: relative;

}



.nav-link{

    font-family: 'TitilliumWeb-Bold';
    text-transform: uppercase;

}



.nav-link:hover{

    color: #F6B909;

}



.navbar-light .navbar-nav .nav-link {
    color: black;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: white;
}

.box-politica{

    background: #90c4c03b;

    padding: 60px;

    border-radius: 5px;

}



.form__field {

    font-size: 14px;

    font-weight: 700;

    height: 50px;

    width: 100%;

    border-radius: 50px;

    border: 2px solid #f9f7f6;

    padding: 0 30px;

    background: #ffffff;

    -webkit-transition: background .3s;

    -o-transition: background .3s;

    transition: background .3s;

    outline: 0;

}



.message-form .form__field {

    margin-bottom: 20px;

}



.form__submit {

    display: inline-block;

    color: #333;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    padding: 14px 40px;

    border-radius: 50px;

    letter-spacing: .050em;

    text-decoration: none;

    min-width: 160px;

    background: #fff;

    border: 2px solid #F6B909;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.form__submit:hover {

    color: #333;

    background-color: #F6B909;

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px);

    -webkit-box-shadow: 0 20px 38px rgb(0 0 0 / 16%);

    box-shadow: 0 20px 38px rgb(0 0 0 / 16%);

}



.container-form{

    background: #90c4c03b;

    padding-top: 60px;

    padding-bottom: 60px;

}



.form__message {

    padding: 12px 30px;

    border-radius: 25px;

}



.message-form .form__message {

    height: 190px;

}



.enlace-contact{

    color: black;

}



.enlace-contact:hover{
    color: #579e99;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #F6B909;
}

.nav-pills .nav-link{
    background: lightgrey;
    color: rgba(0,0,0,.5);
}