header#pj-site-header.pj-site-brand{
    height:5px;
    position:fixed;
    z-index:2;
    top:50px;
    width:100%;
    background:linear-gradient(to right, #736a3f, #fcf6ba, #b7ae6d, #fbf5b7, #aa771c);
}

header#pj-site-header.pj-site-brand img{
    height:100%;
}

nav.navbar.navbar-default{
    background: transparent;
    margin:0;
    padding:0;
    border:transparent;
    border-radius:0;
    height:128px;
    border-bottom:2px solid transparent;
}

nav.navbar.navbar-default *{
    color:#FFFFFF !important;
    font-family:'Cinzel','Cairo', serif;
}

nav.navbar.navbar-default li.active{
    /*height:95px;*/
}
.navbar-brand{
    height:128px;
}
a.navbar-brand.navbar-link{
    font-family:'Cinzel','Cairo', serif;
    font-weight:700;
}

a.navbar-brand.navbar-link img{
    height:90%;
}

nav.navbar.navbar-default li.active a{
    color:#FFFFFF !important;
    background:transparent !important;
/*    border-bottom: 3px solid #736a3f !important;*/
box-shadow: 0 3px #736a3f;
    font-weight:400;
}

body{
    background:#030000;
        background-image:url(../../assets/img/bg-long-2.png);
        background-repeat:no-repeat;
        background-size:cover;
/*        background-position:40px 110px;*/
        background-attachment:fixed;
}

@media (max-width:1370px) {
    body{
        background:#030000;
        background-image:url(../../assets/img/bg-long-2.png);
        background-repeat:no-repeat;
        background-size:cover;
/*        background-position:40px 110px;*/
        background-attachment:fixed;
    }
	nav.navbar.navbar-default *{
		font-size:9pt;
	}
}

@media (max-width:767px) {
    body{
        background-size:300%;
        /*background-position:50%;*/
    }
    .scrolled-nav{
        background: rgba(0,0,0,.7) !important;
    }
}

div#main-container.container-70{
    width:80%;
    margin-top:135px;
    margin-left:10%;
    margin-right:10%;
    /*border-left:1px solid #736a3f;*/
    padding:15px;
    margin-bottom:15px;
    min-height:calc(100vh - 265px);
}

.home-header-img-container{
    overflow:hidden;
    border-radius:10px;
}

.home-header-img-container img{
    width:100%;
}

legend.cat-title-header{
    text-align:center;
    border:1px solid transparent;
    width:350px;
    background:linear-gradient(to right, #736a3f, #fcf6ba, #b7ae6d, #fbf5b7, #aa771c);
    font-family:'Cinzel';
    border-radius:5px;
    color:#000000;
    font-weight:700;
    padding:8px 5px;
    box-shadow:3px 5px 10px #030000;
}

fieldset.cat-title-header-container{
    border-top:2px solid #736a3f;
    margin-left:10px;
    margin-right:10px;
    margin-top:30px;
    margin-bottom:10px;
}

@media (max-width:767px) {
    fieldset.cat-title-header-container{
        border-top:2px solid #736a3f;
        margin:10px 20px;
    }
}

.animation{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

div#footer{
    width:100%;
    height:200px;
    border-top:1px solid #736a3f;
}

.nav-fixed{
    position:fixed;
    top:0;
    width:100%;
    z-index:20;
}

@media (max-width:767px) {
    div#main-container.container-70{
        width:95%;
        margin-top: 135px;
        margin-left:2.50%;
        border-left:1px solid transparent;
        padding:15px;
    }
    .navbar.navbar-default{
    -webkit-transition: height .5s, line-height .5s; /* Safari */
    transition: height .5s, line-height .5s;
}
}
@media (min-width: 768px){
    .navbar-nav {
        float: right;
        vertical-align: baseline;
        /*margin-top: 35px;*/
        /* margin: 0; */
    }  
}
.navbar.navbar-default{
    -webkit-transition: height .5s, line-height .5s; /* Safari */
    transition: height .5s, line-height .5s;
}
img.nav-bar-bran-img{
    /*display:none;*/
    display:inline-block;
    margin-right:5px;
    /*height:125px !important;*/
    transition: height .5s, line-height .5s;
}
a.navbar-brand.navbar-link{
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    line-height:95px;
}

@media (max-width:767px) {
    img.nav-bar-bran-img{
        display:inline-block;
        margin-right:3px;
    }
}

@media (max-width:767px) {
    a.navbar-brand.navbar-link{
        padding-top:3px;
        padding-left:3px;
        padding-right:3px;
        line-height:45px;
    }
}

div.box.floating-box{
    width:calc(20% - 2em);
    position:fixed;
    top:50%;
    height:350px;
}

@media (max-width:1366px) {
    div.box.floating-box{
        display:none !important;
    }
}

div.box.floating-box h1.ribbon{
    width:100%;
}

div.box.home-hidden{
    display:none;
    border-radius:8px;
    padding:10px;
    margin-top: 30px;
}

@media (max-width:1366px) {
    div.box.home-hidden{
        display:block;
        margin-top: 20px;
    }
    div.box.home-hidden .ribbon{
        margin-right: -1.7em !important;
    }
}

div.box.home-hidden .ribbon{
    margin-left:-1.7em;
}

.cat-title-header a, .ribbon-content{
    text-decoration:none;
    color:#030000;
    font-family: 'Cinzel','Cairo', serif;
}

.dropdown.open a.dropdown-toggle{
    background-color:#736a3f;
    background-image:none;
}

.dropdown.open ul.dropdown-menu{
    background-color:#030000 !important;
}
ul.nav.navbar-nav li{
    box-shadow: 0 0 0 #736a3f;
    background:transparent;
    transition: box-shadow 0.6s linear;
}
ul.nav.navbar-nav li:hover a, .dropdown-menu li:hover a{
    /*border-bottom: 3px solid #736a3f;*/
    box-shadow: 0 3px 0 #736a3f;
    background:transparent;
}

li.dropdown.open, .navbar-default .navbar-nav > .open > a:focus{
   /*box-shadow: 0 3px #736a3f;*/
}

.fa, .far, .fas{
    font-family:"Font Awesome 5 Free" !important;
}

@media (max-width: 1024px){
    nav.navbar.navbar-default li a,nav.navbar.navbar-default *,.navbar>.container-fluid .navbar-brand {
        font-size:9pt;
    }  
    .nav{
        padding:0;
    }
}
@media (max-width: 767px){
    nav.navbar.navbar-default li a,nav.navbar.navbar-default *,.navbar>.container-fluid .navbar-brand {
        font-size:15pt;
    } 
    .navbar-collapse.collapse.in{
        background:#030000;
    }
    .footer-nav{
        width:70%;
        margin:0 auto;
    }
    .footer-nav li{
        text-align:left;
    }
    .img-logo{
        text-align:center;
    }
    #footer,.media-container-row.content,.footer-lower{
        height: auto;
    }
    .col-md-6{
        margin:0;
    }
}
.img-logo img{
    width:150px;
}
#footer{
    padding-top: 30px;
    /*background-color:#030000 !important;*/
}
.footer-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer-nav a {
    color: #ffffff !important;
}
.footer-nav .nav-link {
    padding: 3px;
    line-height: 25px;
    color: #ffffff !important;
    font-family: 'Cinzel','Cairo', serif;
    font-size: 12pt;
}
.newsletters.newsletters-form-wrapper p{
    color:#ffffff;
    font-family: 'Cinzel','Cairo', serif;
    font-size: 11pt;
    text-align: center;
}
.btn-custom{
    background: #736a3f;
    color:#030000;
    font-family: 'Cinzel','Cairo', serif;
    font-size:12pt;
}
.social-list{
    text-align: center;
    padding:0;
}
.soc-item{
    display:inline-block;
    margin-bottom: 15px;
    text-align: center;
}
.soc-item a, .copyright p{
    color:#736a3f;
    font-size:15pt;
}
.copyright p{
    font-family: 'Cinzel','Cairo', serif;
    font-size:14pt;
}
.search-box-container{
    background:rgba(0,0,0,.6);
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
}
.search-box{
    width:350px;
    height:200px;
    background:#fff;
    position: relative;
    top:50%;
    margin:0 auto;
    margin-top: -150px;
    border-radius: 5px;
    padding:10px;

}
.search_controls legend{
    text-align: center;
    font-family: 'Cinzel','Cairo', serif;
    font-size: 12pt;
}
ul.links-ul{
    width:100%;
    padding:0;
    margin:0;
    display:flex;
    flex-flow:row wrap;
    list-style-type:none;
    text-align:center;
    align-items:center;
    justify-content:center;
}

ul.links-ul li{
    width:80px;
    height:80px;
    background:#fff;
    margin:10px;
    border-radius:60px;
    padding:0;
    overflow:hidden;
    box-shadow:3px 5px 10px #030000;
    border-width:2px;  
    border-style:outset;
}

ul.links-ul li img{
    width:100%;
    height:100%;
    cursor:pointer;
}

ul.links-ul li p{
    min-height:65px;
    background:#030000;

    border:1px solid #736a3f;
    position:absolute;
    margin-left:-135px;
    visibility:hidden;
    width:0;
    line-height:35px;
    padding:15px;
    box-shadow:3px 5px 10px #030000;
    border-radius:3px;
    margin-top:-1px;
    cursor:pointer;
    transition:width .5s;
    -webkit-transition:width .5s;
    -moz-transition:width .1s;
    z-index: 5;
    /*white-space:nowrap;*/
}
ul.links-ul li p a{
    color:#ffffff;
    /*font-weight: 700;*/
    font-family: 'Cinzel','Cairo', serif;
}
ul.links-ul li:hover p{
    visibility:visible;
    width:350px;
}

ul.links-ul li p:before, ul.links-ul li p:after{
    bottom:100%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
}

ul.links-ul li p:after{
    border-color:rgba(255, 255, 255, 0);
    border-bottom-color:#736a3f;
    border-width:10px;
    left:50%;
    margin-left:-10px;
}

ul.links-ul li p:before{
    border-color:rgba(113, 158, 206, 0);
    border-bottom-color:#719ECE;
    border-width:10px;
    left:50%;
    margin-left:-10px;
}

.scrolled-nav, .scolled-img, .scrolled-ul, .scrolled-li {
    height: 60px !important;
    line-height: 60px !important;
    margin-top: 0 !important;
}
.scrolled-ul{
    margin-top:0 !important;
}
@media (min-width: 768px){
    .scrolled-nav{
        background: rgba(0,0,0,.5) !important;
    }
    .scrolled-nav, .scolled-img, .scrolled-ul, .scrolled-li {
        height: 60px !important;
        line-height: 60px !important;
        margin-top: 0 !important;
    }
    .scrolled-ul{
        margin-top: 0 !important;
    }
}
#scolltop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,.5);
  color: white;
  cursor: pointer;
  padding: 15px 20px;;
  border-radius: 20px;
}

#scolltop:hover {
  background-color: rgba(3,0,0,1);
  border:1px solid #ffffff;
}

.dropdown-toggle:hover .dropdown-menu {
    display: block;
}
@media (max-width: 1300px){
	nav.navbar.navbar-default *{
		font-size:8pt !important;
		}
 
}