/* ==========================================================================
		Slider core styles
===========================================================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.slider-container {
  position: relative;

  overflow: hidden;

  width: 100%;
  margin: 0 auto;
}

.slider {
  position: relative;

  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;

  content: ' ';
}
.slider:after {
  clear: both;
}
.slider div {
  position: relative;

  float: left;

  margin: 0;
  padding: 0;
}
.slider div img {
  display: block;

  max-width: 100%;
  height: auto;
}
.act,
#prev > span,
#next > span,
#slider-nav > a {
 
}
#next > span,
#prev > span {
  display: block;

  width: 27px;
  height: 49px;
}
/* Arrows */
#next > span {
 background: url(../images/arrow-right.png) no-repeat;  margin-left: -20px;
}
#prev > span {
 background: url(../images/arrow-left.png) no-repeat;  margin-right: -20px;
}
#next,
#prev {
  position: absolute;
  top: 42%;
  display: none;


  
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  border-radius: 5px;
  

}
#prev {
  left: 0px;
}
#next {
  right: 0px;
}
.caption {
  position: absolute;
  bottom: 0;

  display: block;

  width: 100%;
  padding: 0 10px 30px;

  color: #fff;
  background: rgba(0, 0, 0, .39);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.caption a {
  display: block;

  color: #fff;
}
.slider-nav {
  line-height: 30px;

  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;

  text-align: center;
  /*background: #323232;*/
  /*opacity: .9;*/

  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav a {
  display: inline-block;

  width: 12px;
  height: 12px;
  margin: 0 3px;

  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;

  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav .active {
  width: 12px;
  height: 12px;

  background: #fff;
}
@media (max-width: 580px) {
  .caption {
    display: none;
  }
}





.navigation-sec{  
    float: right;
    font-size: 15px;
    margin: 0px 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
   }

.navigation-sec a{ color: #000; }
.navigation-sec :after{ content:"."; clear:both; visibility:hidden; display:block; line-height:0px;}



@media handheld, screen and (min-width: 767px) {
#navigator > ul > li:nth-child(1) > a{  padding-left: 0em;}
#navigator > ul > li:nth-child(7) > a{  padding-right:0em;}
}


@media handheld, screen and (min-width:1024px) {


#navigator {
 float: right;
 
 
}

}
@media handheld, screen and (min-width: 641px) {

.no_scroll { overflow-y: hidden; }

.menu-toggler { display: none; }

#menu { clear: both;
    content: ".";
    float: left;
    width: 100%;


 
}
#menu :after{ content:"."; clear:both; visibility:hidden; display:block; line-height:0px;}


#navigator .title { display: none; }

#navigator ul { list-style: none; width:100%;     margin-top: 0px;}

#navigator > ul > li {

  float: left;
  
}

#navigator > ul > li > a {
   
}

#navigator > ul > li:hover > a { color:#0093dd; background: none;}
#navigator > ul > li a:hover { background: none;}
#navigator > ul > li:hover > a , .selected  { color:#0093dd !important;  background: none;}


#navigator ul li > ul,
 #navigator ul li li > ul,
 #navigator ul li li li > ul,
 #navigator ul li li li li> ul,
 #navigator ul li li li li li > ul { display: none; }

#navigator ul li:hover > ul {
  position: absolute;
  z-index: 10;

  width: 180px;
  line-height: 20px;
  display: block;
  background: #fff;
  box-shadow: 0 3px 5px #ccc;
  -webkit-box-shadow: 0 3px 5px #ccc;
  -moz-box-shadow: 0 3px 5px #ccc;
}
 #navigator ul li  ul li a{ color: #000 !important; }
#menu ul ul li ul {
  top: 0;
  left: 179px;
  min-height: 100%;
  border-left: 1px solid #444;
}

#menu ul ul li { /*position: relative;*/ }

#menu ul ul li a {
  color: #fefefe;
  font-size: 13px;

  text-transform: uppercase;
  display: block;
  padding: 7px 7px;
  border-top: 1px solid rgba(255,255,255,0.045);
  border-bottom: 1px solid rgba(0,0,0,0.045);
  text-transform: uppercase;
}

#menu ul ul li:hover > a { background: #23447d; color: #fff !important; }

#menu ul ul li li:hover > a { }

#menu ul ul li li li:hover > a { }

#menu ul ul li li li li:hover > a { }

#menu ul ul li li li li li:hover > a { }


}


/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

#navigator > ul > li > a {
  color: #000;
  
    
}.navigation-sec{ margin:10px 0 0 0px; float:right; font-size:15px;  }
}
 @media handheld, screen and (max-width: 767px) {

/* [ Open/Close =====================================*/
  /* ==================================================*/



.menu-toggler { display: block; }

.menu-toggler span {
  color: #fefefe;
  font-size: 20px;
 
  text-align: center;
  letter-spacing: 5px;
  position: relative;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  background: #23447d  url() no-repeat 10px center;
  box-shadow: 0 7px 3px -7px #23447d;
  -webkit-box-shadow: 0 7px 3px -7px #23447d;
  -moz-box-shadow: 0 7px 3px -7px #23447d;
}

.open > .menu-toggler {

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #23447d;
}

.open > .menu-toggler span { opacity: 0.1 !important; }

.responsive-menu {
  position: fixed;
  z-index: 99;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #23447d;
  transition: 0.3s;
  box-shadow: -4px 0 15px 0px #23447d;
  -webkit-box-shadow: -4px 0 15px 0px #23447d;
  -moz-box-shadow: -4px 0 15px 0px #23447d;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.open > .responsive-menu { left: 0; }

/* Open/Close ] =====================================*/
  /* ==================================================*/
  
  
  /* [ Menu ===========================================*/
  /* ==================================================*/



#navigator .title {
  color: #666;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  text-shadow: 0.8px 0.8px 3px #111;
  height: 60px;
  line-height: 62px;
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid rgba(0,0,0,0.045);
  background: #333 url() no-repeat 20px center;
  box-shadow: -4px 0 5px 0px #373435;
  -webkit-box-shadow: -4px 0 5px 0px #373435;
  -moz-box-shadow: -4px 0 5px 0px #373435;
}

#navigator ul li > ul,
 #navigator ul li li > ul,
 #navigator ul li li li > ul,
 #navigator ul li li li li > ul,
 #navigator ul li li li li li > ul {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: rgba(0,0,0,0.1);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#navigator ul li {
float: left;
display: inline-block;
width: 100%;
text-align: left !important;
}

#navigator ul li a {
  color: #FFF;
  font-size: 14px;
  display: block;
  padding: 10px;
  border-top: 1px solid rgba(255,255,255,0.045) !important;
  border-bottom: 1px solid rgba(0,0,0,0.045) !important;
}

#navigator > ul > li:hover > a {
  color: #fff !important;
  background: #078083;
}

/* Styles (Links/Hover/Ativo Sub Menu) ==============*/
  /* ==================================================*/

.nav > li > a{ text-transform: uppercase; }

#navigator > ul > li > .parent,
 #navigator > ul > li:hover > .parent,
 #navigator > ul > li.hover > .parent,
 #navigator ul li li > .parent,
 #navigator ul li li:hover > .parent,
 #navigator ul li li.hover > .parent {
  background-repeat: no-repeat;
  background-position: 260px center;
}

#navigator > ul > li > .parent,
 #navigator > ul > li:hover > .parent {
  color: #fff;
  background-color: inherit;
  background-image: url();
}

#navigator > ul > li.hover > .parent {
  color: #fff;
  background-color: #0093dd ;
  background-image: url();
}

/* Styles (Links/Hover/Ativo Sub>Sub Menu) ==========*/
  /* ==================================================*/



#navigator ul li li a {
  color: #aaa;
  font-size: 12px;
}

#navigator ul li li > .parent,
 #navigator ul li li:hover > .parent {
  color: #aaa;
  background-color: inherit;
  background-image: url();
}

#navigator ul li li.hover > .parent {
  color: #aaa;
  background-color: rgba(0,0,0,0.1);
  background-image: url();
}

.nav ul {
  display: none;
  left: -9999px;
}

.nav li.hover > ul,
 .nav li li.hover > ul,
 .nav li li li.hover > ul,
 .nav li li li li.hover > ul,
 .nav li li li li li.hover > ul,
 .nav li li li li li li.hover > ul {
  position: static !important;
  display: block !important;
}
/* Menu ] ===========================================*/
  /* ==================================================*/
}





 @media handheld, screen and (max-width: 480px) {
.navigation-sec {
  
    font-size: 15px;
    margin: 10px 0;
    width: 100%;
}
.open > .responsive-menu { width: 250px; }

#menu > ul > li > .parent,
 #menu > ul > li:hover > .parent,
 #menu > ul > li.hover > .parent,
 #menu ul li li > .parent,
 #menu ul li li:hover > .parent,
 #menu ul li li.hover > .parent {
  background-repeat: no-repeat;
  background-position: 210px center;
}
}
 @media handheld, screen and (max-width: 319px) {

.open > .responsive-menu { width: 200px; }

#menu > ul > li > .parent,
 #menu > ul > li:hover > .parent,
 #menu > ul > li.hover > .parent,
 #menu ul li li > .parent,
 #menu ul li li:hover > .parent,
 #menu ul li li.hover > .parent {
  background-repeat: no-repeat;
  background-position: 150px center;
}

.navigation-sec {
    
    font-size: 15px;
    margin: 10px 0;
    width: 100%;
}

}
@media only screen  and (max-width : 990px) {

  #navigator {
    float: left;
}
}
@media only screen and (min-width : 991px)  and (max-width : 1200px) {
/* Styles */
#cssmenu > ul > li > a {
   
}
#navigator > ul > li:nth-child(1) > a{  padding:0 9px 0 0em;}
#navigator > ul > li > a {
  color: #333;
  padding:0 9px 0 9px;
 
  
  letter-spacing: 0.5px;
  text-align: center;
  display: block;
  
}
   .navigation-sec {

    font-size: 14px;

} 
}

 @media screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
/* CSS */.navigation-sec {
    
    font-size: 15px;
    margin: 10px 0;
    width: 100% !important;  clear: both; 
}

}


@media only screen and (min-width:320px) and (max-width:767px)
{
#next,
#prev {
  position: absolute;
  top: 33%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 5px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 990px) {
.navigation-sec {
    
    font-size: 15px;
    margin:5px 0;
    width: 100% !important;  clear: both; 
}
}


/* Smartphones ( landscape) tablet{ portrait} ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.navigation-sec {
    float: none;
    font-size: 15px;  clear: both;
    margin: 10px 0;
    width: 100%;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.navigation-sec {
   
    font-size: 15px;
    margin: 10px 0;
    width: 100%;
}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.navigation-sec {
    float: none;
    font-size: 15px;
    margin: 10px 0;
    width: 100%;
}
.slider-nav{ display:none;}



}