/* Super Slides Navigation */
.slides-navigation {
margin: 0 auto;
position: absolute;
z-index: 3;
top: 45%;
width: 100%;
z-index: 20;
}
.slides-navigation a{
position: absolute;
display: block;
width:36px;
height:61px;
opacity:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slides-navigation a.prev {
left: 2%;
background-position:left;
}
.slides-navigation a.next {
right: 2%;
background-position:right;
}
#home:hover .slides-navigation a{
opacity:0.3;
}
.slides-navigation a:hover{
opacity:1 !important;
}
/* Navigation */
#navigation{
position: sticky;
width: 100%;
height: 78px;
font-weight: bold;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
z-index: 1031;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background: rgb(59, 89, 152);
}

/* Navigation-fixed */
#navigation-fixed{
position: fixed;
width: 100%;
height: 78px;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
z-index: 1031;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s; 
}
.not-visible-nav{
top:-77px;
}
.opacity-nav {
position: relative;
}
.visible-nav{ 
position:fixed!important;
top:0;
}
.soft-nav{
background:rgba(255, 255, 255, 0.05);
}
.nav-inner{
width:100%;
max-width: 95%;
height: 100%;
margin:0px 10px;
}
.nav-inner:after{
clear: both;
}
/* Logo Style */
.site-logo{
float: left;
position: relative;
margin-left: 10px;
width: 12%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-logo a.logo{
display: block;
}
.site-logo a.logo img{
position: static;
height: auto;
max-height: 78px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.mini-nav-button{
color: white;    
display: none;
width: 40px;
height: 40px;
text-align: center;
font-size:25px;
position: absolute;
right:15px;
top:50%;
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-menu{
float: right;
height: 100%;
}
.nav-menu ul.nav{
float: left;
height: 100%;
margin-left: 15px;
}
.nav-menu .nav li{
display: inline-block;
height: 100%;
}
.nav-menu .nav li a,.nav-menu .nav li span{
display: block;
height: 100%;
border-top:2px solid transparent;
line-height: 51px;
color: #FFFFFF;
font-size:15px;
padding:10px 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Nav Menu Rollovers */
.nav-menu .nav li:hover{
background: rgba(40,40,40, 0.47);
}
.nav-menu .nav li a:hover{
background: transparent !important;
}
.nav-menu .nav li.active a{
background: transparent;
}
.nav-menu .nav li a:focus{
background: transparent !important;
}

/* Text Colors */

.nav-menu li.active a{
color: #FFFFFF;
background: rgba(64,64,64, 0.27) !important;
}

.nav-menu .dark-nav .nav-menu li a:hover,.nav-menu ul.nav ul.dropdown-menu li.active a,
.nav-menu ul.nav ul.dropdown-menu li a:hover{
    background: rgba(64,64,64, 0.47) !important;
    color: #FFFFFF;
}

/* Border Colors */
.colored-border,.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus,.pagination>li>a:hover,
.nav-menu li.active a,
.nav-menu li a:hover,
.nav-menu li a:focus,
.form-btn:hover,
.nav-menu .dark-nav .nav-menu li a:hover,.nav-menu .nav li a:hover{
border-color:#FFFFFF ;  
}


/* DropDown Menu */
ul.nav ul.dropdown-menu{
padding:0;
margin:0;
border-top:2px solid gray;
border-radius: 0;
background:rgba(255, 255, 255, 0.97) !important;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}

.nav-menu ul.nav ul.dropdown-menu li{
width: 100%;
height: auto;
}

.nav-menu ul.nav ul.dropdown-menu li a{
height: auto;
padding: 10px;
margin:0;
display: block;
width: 100%;
color:#555555;
line-height: 18px;
font-weight: 600;
border-top:2px solid transparent;
}
.nav-menu ul.nav ul.dropdown-menu li.active a{
background: transparent;
}
.nav-menu ul.dropdown-menu li a:hover{
border-top:2px solid transparent;
}

.nav-menu .dark-nav ul.dropdown-menu{
background:rgba(0, 0, 0, 0.97) !important;
border-color:rgba(0, 0, 0, 0.97) !important;
}

.dark-nav ul.dropdown-menu li a{
color:white;
}

.nav-menu .dark-nav ul.dropdown-menu li a:hover{
border-top:2px solid transparent ;
}


@media only screen and (min-width: 1466px){
.nav-inner{
width:100%;
max-width: 100%;
height: 100%;
margin:0px 0px;
}


.nav-menu{
float: right;
width: 100%;    
height: 100%;
margin-left: 15px;
}


.nav-menu li, .nav-menu a{
float: left;
margin-left: 10px;
}

#navigation .nav-menu{
display:block !important;
}

#navigation-fixed .nav-menu{
display:block !important;
}
}
/* MAX 1170px */
@media only screen and (max-width: 1170px){

#navigation{
padding:0 20px;
}
#navigation-fixed{
padding:0 20px;
}
}
/* MIN 970px */
@media only screen and (min-width: 1270px){
.nav-inner{
width:100%;
max-width: 100%;
height: 100%;
margin:0px 0px;
}
.nav-menu{
float: left;
width: 85%;    
height: 100%;
margin-left: 15px;
}
.nav-menu li, .nav-menu a{
float: left;

}
#navigation .nav-menu{
display:block !important;
}

#navigation-fixed .nav-menu{
display:block !important;
}
}

/* MAX 1260px */
@media only screen and (max-width: 1260px){

#navigation a.mini-nav-button{
display: block;
}

#navigation-fixed a.mini-nav-button{
display: block;
}

/* Mobile Nav Menu */
.not-visible-nav{
opacity:0;
}
#navigation .nav-menu{
display:none;
height: auto;
top:100%;
left:0;
width:100%;
position: absolute;
background:rgba(255, 255, 255, 0.97) !important;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
#navigation ul.nav li{
display:inline-block;
height:auto;
width:100%;
}
#navigation ul.nav li a{
display:block;
height: auto;
width:100%;
padding:0 20px;
color: #555555;
border-top:1px solid #fff;
line-height: 58px;
}
#navigation ul.nav li a:hover,
#navigation ul.nav li.active a{
border-top:1px solid #fff;
}

#navigation ul.nav ul.dropdown-menu{
width:100%;
position: relative;
margin:0;
padding:10px 10px;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}

#navigation ul.nav ul.dropdown-menu li{
width:100%;
}

#navigation ul.nav ul.dropdown-menu li a{
font-weight: 600;
border-top:1px solid #fff;
padding:0px 15px;
line-height: 30px;
}

/* Navigation Fixed */
#navigation-fixed .nav-menu{
display:none;
height: auto;
top:100%;
left:0;
width:100%;
position: absolute;
background:rgba(255, 255, 255, 0.97) !important;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
#navigation-fixed ul.nav li{
display:inline-block;
height:auto;
width:100%;
}
#navigation-fixed ul.nav li a{
display:block;
height: auto;
width:100%;
padding:0 20px;
color: #555555;
border-top:1px solid #fff;
line-height: 40px;
}
#navigation-fixed ul.nav li a:hover,
#navigation-fixed ul.nav li.active a{
border-top:1px solid #fff;
}
#navigation-fixed ul.nav ul.dropdown-menu{
width:100%;
position: relative;
margin:0;
padding:10px 10px;
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
#navigation-fixed ul.nav ul.dropdown-menu li{
width:100%;
}
#navigation-fixed ul.nav ul.dropdown-menu li a{
font-weight: 600;
border-top:1px solid #fff;
padding:0px 15px;
line-height: 30px;
}
}
/* MAX 800px */
@media only screen and (max-width: 800px){
.site-logo{
margin-left: 0px;
}
}
/* MAX 768px */
@media only screen and (max-width: 768px){
.nav-menu li, .nav-menu a{
float: left;

}
.site-logo{
margin-left: 0px;
}
}
/* MAX 640px */
@media only screen and (max-width: 640px){
.site-logo{
margin-left: 0px;
}
}
/* MAX 480px */
@media only screen and (max-width: 480px){
.site-logo{
margin-left: 0px;
}
}
/* MAX 360px */
@media only screen and (max-width: 360px){
.site-logo{
margin-left: 0px;
}
}