@font-face {
    font-family: Blood Crow;
    src: url(../fonts/bloodcrow.ttf);
}

body, html { height: 100%}

h1, h2, h3, h4, h5, h6 {
    font-family: Blood Crow;
}

.navbar-brand { height: auto; }
.navbar-brand h1 { margin: 0; padding: 0}
.navbar-brand h1 span { display: none;}
.navbar-brand h1 img.sm { display: none;}
.navbar-brand h1 img.lg { width: 350px; margin-top: 2px;}
.navbar-default { border: 0; background-color: transparent}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; color: #f00}
.navbar-default .navbar-nav>li>a { color: #fff; float: left; }
.navbar-default .navbar-nav>li>a:hover { color: #000;}
.navbar-default .navbar-nav>.active>a { color: #fff;}
.navbar-default .navbar-toggle { background-color: #fff; margin-top: 26px;}

.modal-content { border-radius: 0;}
.modal-footer { border-top: 0}
.mLeft { margin-left: 25px}
#mc_embed_signup div.mce_inline_error { color: #f00!important; background-color: #fff!important;}
.mc-field-group input { border-radius: 0; padding: 12px; height: auto}
.bt-suscribe { border: 0; background-color: transparent; background-image: url(../img/btSubscribe.png); font-family: 'Stardos Stencil', cursive; height: 40px; width: 120px; color: #539403}

ul.navbar-nav { margin-top: 30px; float: right}
ul.navbar-nav li a { font-size: 22px; font-family: Blood Crow; }
ul.navbar-nav li a:hover { color: #fcd001!important }

a.bt, span.bt { display: block; background-repeat: no-repeat; background-image: url(../img/sprite.png); transition: all 0.5s ease-out}
a.btnGreen { height: 40px; width: 120px; background-position: 0 0; margin-top: 0px;}
a:hover.btnGreen { opacity: 0.7}

span.btnUp { position: relative; z-index: 10; height: 50px; width: 38px; background-position: -120px 0; background-color: #fff;}
span:hover.btnUp { opacity: 0.7}

.socialBT { cursor: pointer; position: relative}

.socialBT .sociales { overflow: hidden; background-color: #fff; padding-right: 37px; height: 38px; transition:width 0.5s; float: right; right: 15px; bottom: 0; z-index: 1;}
.socialBT .sociales ul { padding: 0; margin: 0}
.socialBT .sociales ul li { list-style: none; float: left; width: 25px; height: 25px; margin-right: 12px;}
.socialBT .sociales ul li img { width: 35px; transition: all 0.4s ease-out; opacity: 0.7 }
.socialBT .sociales ul li img:hover { opacity: 1}

.main { display: table; width: 100%; text-align: center; position: relative; height: 100%; background-image: url(../img/bg-home.jpg); background-size: cover; background-position: center center}
.main_color { display: table; width: 100%; text-align: center; position: relative; height: 100%; background-color: #3F3220; background-size: cover; background-position: center center}
.btn-home img { width: 250px; margin-top:-30px;}

header.news { background-image: url(../img/banner02.jpg);}
header.root { background-image: url(../img/banner02.jpg);}
header.road { background-image: url(../img/banner03.jpg);}
header { height: 290px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: bottom center}
header .social { font-family: 'Lato', sans-serif; font-size: 24px; font-style: italic; position: absolute; bottom: 40px; left: 50%; margin-left: -400px; width: 800px; }
header .social img { height: 32px; margin-right: 10px;}
header .social a { color: #fff; text-decoration: none;}

header .title { text-align: center}
header .title h2 { font-family: Blood Crow; color: #fff; font-size: 54px; margin: 0; margin-bottom: 10px;}
header .title p { color: #fff; font-size: 14px; }

.subHeader { padding: 30px 0; background-color: #fff;}
.actions { margin-top: 30px;}

.bd .post { margin-top: 30px; margin-bottom: 50px; border-bottom: 1px dashed #aaa; padding-bottom: 50px; overflow: hidden}
.bd .post.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.bd .post label { color: #cb6e00; font-family: 'Stardos Stencil', cursive;}
.bd .post label span { display: block; text-transform: uppercase}
.bd .post h3 {font-family: Blood Crow; font-size: 32px; margin-top: 0;}
.bd .post p { font-style: italic}
.bd .post.post-wide .hd { margin-bottom: 35px;}
.bd .post.post-wide .bd { height: 410px; background-repeat: no-repeat; background-position: center center;}
.bd .post.post-expand p { margin-top: 25px; font-size: 20px; font-style: normal; line-height: 31px;}
.bd .post.post-expand h3 { margin-bottom: 40px;}
.bd .post.post-expand iframe { width: 100% !important; height: 650px !important}

.bd .post-two-columns .hd img { width: 100%}
.bd .post-two-columns .bd .actions { margin-top: 80px; text-align: right} 
.bd .post-two-columns .bd .actions a { margin-left: 20px; float: right} 

.bd .post.post-video .bd { background: none;}
.bd .post.post-video .bd iframe { width: 100%!important}


.bd.rootSection { background-image: url(../img/bg-root.jpg); background-repeat: repeat-y; background-position: top center; background-size: 100% auto; padding-bottom: 40px}
.bd.rootSection .root { background-image: url(../img/root.png); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 1138px; height: 1775px; margin: 150px auto; position: relative}
.bd.rootSection .root .mod { margin-bottom: 45px;}
.bd.rootSection .root p { margin-top: 25px; color: #542D0E}
.bd.rootSection .root span { font-family: Blood Crow; font-size: 55px; color: #030302; display: block;}
.bd.rootSection .root span.title { color: #542D0E; font-size: 32px; line-height: 25px; margin-bottom: 20px;}

/*.bd.rootSection .root .dates { margin: auto; text-align: center}
.bd.rootSection .root .dates ul { margin: 0; padding: 0;}
.bd.rootSection .root .dates ul li { font-family: Blood Crow; list-style: none; margin-bottom: 50px; color: #3C2711}
.bd.rootSection .root .dates ul li:nth-child(1) { padding-bottom: 35px; padding-top: 65px;}
.bd.rootSection .root .dates ul li:nth-child(2) { padding-bottom: 45px;}
.bd.rootSection .root .dates ul li:nth-child(3) { padding-bottom: 105px;}
.bd.rootSection .root .dates ul li:nth-child(4) { padding-bottom: 90px;}
.bd.rootSection .root .dates ul li:nth-child(5) { padding-bottom: 70px;}
.bd.rootSection .root .dates ul li:nth-child(6) { padding-bottom: 100px;}
.bd.rootSection .root .dates ul li span { display: block; font-size: 42px}
.bd.rootSection .root .desc { position: absolute; width: 300px; font-family: 'Lato', sans-serif; font-size: 12px; color: #3C2711; font-weight: bold}

.bd.rootSection .root .desc.one { right: 0; top: 0; }
.bd.rootSection .root .desc.two { left: 0; top: 160px; }
.bd.rootSection .root .desc.two img { width: 210px;}
.bd.rootSection .root .desc.three { right: 0; top: 690px; width: 190px }
.bd.rootSection .root .desc.four { right: 0; top: 540px;}
.bd.rootSection .root .desc.five { right: 0; top: 1065px;}

.bd.rootSection .root .desc.six { right: -105px; top: 0;}
.bd.rootSection .root .desc.seven { left: 0; top: 430px;}
.bd.rootSection .root .desc.eight { left: 0; top: 1005px;}
.bd.rootSection .root .desc.nine { left: 0; top: 1200px;}
.bd.rootSection .root .desc.ten { left: 75px; top: 1525px;}
.bd.rootSection .root .desc.eleven { right: 0; top: 1450px;}
*/

footer { padding: 30px 0; background-color: #f4f4f4}
footer ul { margin: 0; padding: 0; }
footer ul li { list-style: none; float: left; margin-left: 15px;}
footer ul li:nth-child(1) { margin-left: 0; font-family: 'Stardos Stencil', cursive;}
footer ul.sub { margin-top: 5px; margin-right: 20px;}
footer ul.sub li span{  font-family: 'Stardos Stencil', cursive;}
footer ul.sub li a { color: #111; transition: all 0.5s ease-out; font-family: 'Stardos Stencil', cursive;}
footer ul.sub li a:hover { text-decoration: none; opacity: 0.7}
footer ul li a img { text-decoration: none; transition: all 0.5s ease-out; opacity: 0.5}
footer ul li a:hover img { opacity: 1}
footer ul li a img { width: 25px;}

.btnClose { position: absolute; z-index: 9001; top: -24px; right: 0; border: 0; color: #fff; background-color: transparent; font-size: 35px}
.btnClose:hover { border: 0; background-color: transparent}

.btn.btn-brown { background-color: #542D0E; font-family: Blood Crow;; color: #fff; font-size: 22px; border-radius: 0; padding: 5px 30px;}

.post-content-main img {
    width: 100%;
}

.clickable {
    cursor: pointer;
}

.list-post-title {
    color: black;
    text-decoration: none!important;
}
.list-post-title:hover {
    color: black;
}
a.btnTour { display: block; width: 160px; text-align: center; padding: 30px; background-color: #292929; margin: auto; font-family: 'Stardos Stencil', cursive; color: #fff; font-size: 20px; transition: all 0.4s ease-out}
a.btnTour:hover { color: #ccc; text-decoration: none}


//Special case to show the small logo and dont get the logo and menu in two lines
@media (max-width: 1200px) {
    #navbar-biglogo { display: none!important; }
    #navbar-smalllogo { display: block!important; }
}
@media (min-width:100px) and (max-width: 1200px) {
    #navbar-biglogo { display: none!important; }
    #navbar-smalllogo { display: block!important; }
}

@media (max-width: 1024px) {    
    .bd.rootSection .root { width: 936px; background-size: auto 85%; margin-bottom: 0}
    .bd.rootSection .root .desc { width: 250px;}
    .bd.rootSection .root .dates ul li:nth-child(1) { padding-bottom: 60px;}
    .bd.rootSection .root .dates ul li:nth-child(2) { padding-bottom: 50px;}
    .bd.rootSection .root .dates ul li:nth-child(3) { padding-bottom: 70px;}
    .bd.rootSection .root .dates ul li:nth-child(4) { padding-bottom: 25px;}
    .bd.rootSection .root .dates ul li:nth-child(5) { padding-bottom: 50px;}
    
    .bd.rootSection .root .desc.six { top: 230px;}
    .bd.rootSection .root .desc.six img { width: 165px;}
    .bd.rootSection .root .desc.two img { width: 230px}
    .bd.rootSection .root .desc.seven { top: 585px;}
    .bd.rootSection .root .desc.seven img { width: 200px}
    .bd.rootSection .root .desc.three { top: 585px; width: 145px}
    .bd.rootSection .root .desc.eight { top: 845px;}
    .bd.rootSection .root .desc.eight img { width: 200px;}
    .bd.rootSection .root .desc.nine { top: 1020px;}
    .bd.rootSection .root .desc.ten { top: 1310px; left: 35px;}
    .bd.rootSection .root .desc.four { top: 900px;}
    .bd.rootSection .root .desc.four img { width: 170px;}
    .bd.rootSection .root .desc.five { top: 1165px;}
}

.studioMobile p { margin: 0}
.studioMobile .con { padding-bottom: 15px}
.studioMobile .con p { padding: 15px}
.studioMobile .con h4 { padding: 15px 0 0 15px}
.studioMobile .con1 { background-color: #FF6600;}
.studioMobile .con2 { background-color: #FFCC00;}
.studioMobile .con3 { background-color: #009900;}
.studioMobile .con4 { background-color: #F30202;}
.studioMobile .infoE { padding: 15px;}
.studioMobile .infoE a { color: #fff; text-decoration: none; display: block; margin-bottom: 20px;}
.studioMobile .info_subheader { text-align: left; font-size: 20px;}
.studioMobile .collapse .col-xs-6 { text-align: center}
.studioMobile .collapse .col-xs-6 > img { width: 150px; display: block; margin: auto; margin-bottom: 10px;}
.studioMobile .collapse .col-xs-4 > img { width: 150px; display: block; margin: auto; margin-bottom: 10px;}



@media (max-width: 768px) {
    header .social { width: 100%}
    .bd .post-two-columns .bd { margin-top: 20px;}
    
    .bd.rootSection .root { width: 100%; background-image: none; margin: 0; height: auto}
    .bd.rootSection .root .dates ul li { font-size: 32px;}
    .bd.rootSection .root .dates ul li span { font-size: 28px}
    .bd.rootSection .root .dates ul li p { font-family: 'Lato', sans-serif;}
    .bd.rootSection .root .desc { position: relative; top: inherit!important; left: inherit!important; right: inherit!important; font-family: 'Lato', sans-serif; width: 100%!important; text-align: center!important; overflow: hidden}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #000; z-index: 999; position: relative}
    ul.navbar-nav { float: none}
    .navbar-default .navbar-nav>li>a { width: 100%; float: none; text-align: center}
    footer ul li { font-family: 'Stardos Stencil', cursive;}
    
}

@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #000; z-index: 999; position: relative}
    ul.navbar-nav { float: none}
    .navbar-default .navbar-nav>li>a { width: 100%; float: none; text-align: center}
    header.root { height: 220px!important}
}

@media (max-width: 640px) {
    header .social { display: none}
    .bd.rootSection .root .dates ul li span { font-size: 28px;}
    header { height: 200px;}
    header .title h2 { font-size: 36px }
}

@media (max-width: 480px) {
    footer ul.sub { margin-top: 5px; margin-left: auto!important; margin-right: auto!important; width: 314px; float: none!important; margin-bottom: 15px; overflow: auto}
    footer ul.socialSub { width: 225px; float: none!important; margin: auto}
    footer ul li { float: none; font-family: 'Stardos Stencil', cursive; text-align: center}
    footer ul.socialSub li { float: right;}
    
}
@media (max-width: 360px) {
    footer ul.sub, footer ul.socialSub { width: 225px}
    .bd.rootSection .root .dates { width: 100%}
    header .title h2 {font-family: Blood Crow; font-size: 42px;}
    .bd.rootSection .root .dates ul li span { font-size: 20px;}
    .bd .post h3 { font-size: 24px; width: 230px; margin: auto }
}