/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
#message{
margin-top: 65px;

}
 .visual {
    overflow: hidden;
    width: 1150px;
    margin: 0 auto;
    position: absolute;
    z-index: 99999;
}

.visual .title {
    position: relative;
    left: 0px;
    top: 60px;
    bottom: 0;
    padding: 0px 57px 148px 140px;
    width: 1200px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;

}


.subtitle {
    margin-top: 335px!important;
    background-color: #00000070;
}

#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 35px;
    font-weight: bold;
    text-shadow: 1px 1px black;
}


#main .visual p {
    margin: 0 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    width: 1000px;
}

td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* SLIDER */
#myCarousel{

	}
#myCarousel .item img {
width:100%;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:40%;
z-index: 999999999;
}
#myCarousel .carousel-control.right {
top:40%
}
#myCarousel .carousel-caption {
top:15%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption {
line-height:160%
}
#myCarousel .carousel-caption span h3 {
	color: #fff;
    padding: 25px 30px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
}
#myCarousel p.caption {

padding:6px;
text-shadow:none;
color:#FFF;
font-size:20px;

}

.controls{
    line-height: 10;	
}

/* FIM SLIDER */


}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

.visual {
    overflow: hidden;
    width: 940px;
    margin: 0 auto;
    position: absolute;
    z-index: 99999;
}

.visual .title {
    position: relative;
    left: 115px;
    top: 10px;
    bottom: 0;
    padding: 23px 57px 43px 32px;
    width: 710px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;
}

.subtitle {
    margin-top: 180px!important;
}

#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 35px;
    font-weight: bold;
    text-shadow: 1px 1px black;
}


#main .visual h4 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 11pt;
 
     width: 600px;
}

#main .visual p {
    margin: 10px 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    font-size: 9pt;
    width: 700px;
}


td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* SLIDER */
#myCarousel{
    /*padding-top: 132px;*/
	}
#myCarousel .item img {
width:100%;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:40%;
z-index: 9999999999;
}
#myCarousel .carousel-control.right {
top:40%;
z-index: 9999999999;
}
#myCarousel .carousel-caption {
top:15%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {
line-height:160%
}
#myCarousel .carousel-caption span h3 {
    color: #fff;
    padding: 4px 20px;
    font-size: 20px;
	display: inline-block;
   background: rgba(0,0,0,0.38);
}
#myCarousel span h4 {

padding:0px;
text-shadow:none;
color:#FFF;
font-size:13px;

}

.controls{
    line-height: 10;	
}

/* FIM SLIDER */


}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.container {
    width: 775px;
}
.visual {
    overflow: hidden;
    position: absolute;
    z-index: 99999;
    height: 400px;
}

.visual .title {
    position: relative;
    left: 25px;
    top: 50px;
    bottom: 0;
    padding: 0px 0px 0px 0px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;
    width: 750px;
}

#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 23px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 18pt;
    width: 455px;
}


#main .visual h4 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 11pt;
 
     width: 450px;
}

#main .visual p {
    margin: 10px 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    font-size: 9pt;
    width: 450px;
}

td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* SLIDER */
#myCarousel{
   /* padding-top: 132px;*/
	}
#myCarousel .item img {
width:150%;
}

.carousel-inner>.item>img{
    max-width: 150%!important;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:40%;
visibility: hidden;
}
#myCarousel .carousel-control.right {
top:40%;
visibility: hidden;
}
#myCarousel .carousel-caption {
top:15%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {
line-height:85%;
}
#myCarousel .carousel-caption span h3 {
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
    width: 615px;
    margin-left: -70px;
    margin-top: -20px;
}
#myCarousel span h4 {

padding:6px;
text-shadow:none;
color:#FFF;
font-size:11px;

}

.controls{
    line-height: 10;	
}

/* FIM SLIDER */



}
/* xs */
@media (min-width: 601px) and (max-width: 767px) {

.visual {
    overflow: hidden;
    position: absolute;
    z-index: 99999;
}

.visual .title {
    position: relative;
    left: 80px;
    top: 50px;
    bottom: 0;
    padding: 0px 0px 0px 0px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;
}

#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 23px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 18pt;
    width: 420px;
}

#main .visual h5 {
visibility: hidden;
}

#main .visual p {
visibility: hidden;
}

td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* SLIDER */
#myCarousel{
   /* padding-top: 132px;*/
	}
#myCarousel .item img {
width:100%;
}

.carousel-inner>.item>img{
    max-width: 200%!important;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:20%;
visibility: hidden;
}
#myCarousel .carousel-control.right {
top:20%;
visibility: hidden;
}
#myCarousel .carousel-caption {
top:1%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {

}
#myCarousel .carousel-caption span h3 {
color: #fff;
    padding: 6px 20px;
    font-size: 14px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
    width: 475px;
    margin-left: -25px;
    margin-top: -14px;
}
#myCarousel span h4 {

text-shadow:none;
color:#FFF;
font-size:10px;

}

.controls{
    line-height: 15;	
}

.btn-primary{
	padding: 3px 10px;
	}

/* FIM SLIDER */

.navbar-default .navbar-nav > li > a {
    color: #6b6b6b;
    display: block;
    font-size: 16px;
    line-height: 0px;
    font-weight: 0;
    padding: 25px 20px 20px;
    overflow: hidden;
    border-top: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

}

@media (min-width: 481px) and (max-width: 600px) {

.visual {
    overflow: hidden;

    position: absolute;
    z-index: 99999;
}

.visual .title {
    position: relative;
    left: 65px;
    top: 60px;
    bottom: 0;
    padding: 0px 0px 0px 0px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: 0px;
}


.visual h5{
        visibility: hidden;
}
.visual p{
        visibility: hidden;
}

#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 15pt;
}

#main .visual h4 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 9pt;
 text-align: center;
     width: 330px;
}

#main .visual p {
    margin: 0 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    font-size: 8pt;
    width: 330px;
}

td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* SLIDER */
#myCarousel{
   /* padding-top: 132px;*/
	}
#myCarousel .item img {
width:100%;
}

.carousel-inner>.item>img{
    max-width: 200%!important;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:10%;
visibility: hidden;
}
#myCarousel .carousel-control.right {
top:10%;
visibility: hidden;
}
#myCarousel .carousel-caption {
top:1%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {

}
#myCarousel .carousel-caption span h3 {
    color: #fff;
    padding: 5px 5px;
    font-size: 13px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
    width: 380px;
    margin-left: -15px;
    margin-top: 0px;
}
#myCarousel span h4 {

display: none;

}

.controls{
    line-height: 18;	
}

.btn-primary{
	padding: 3px 10px;
	}

/* FIM SLIDER */

.navbar-default .navbar-nav > li > a {
    color: #6b6b6b;
    display: block;
    font-size: 16px;
    line-height: 0px;
    font-weight: 0;
    padding: 25px 20px 20px;
    overflow: hidden;
    border-top: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

}

/* XS Portrait */
@media (min-width: 381px) and (max-width: 480px) {

.visual {
    overflow: hidden;
    width: 400px;

    position: absolute;
    z-index: 99999;
}

.visual .title {
    position: relative;
    left: 50px;
    top: 30px;
    bottom: 0;
    padding: 0px 0px 0px 0px;
    font: 16px/18px "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;
}
.visual h5{
        visibility: hidden;
}
.visual p{
        visibility: hidden;
}
#main .visual h1 {
    margin: 0 0 14px -2px;
    color: #fde729;
    text-transform: uppercase;
    line-height: 15px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 13pt;
        width: 315px;
}


#main .visual h4 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 9pt;
 text-align: center;
     width: 300px;
}

#main .visual p {
    margin: 0 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    font-size: 8pt;
    width: 300px;
}

.btn-leia {
    background: #36676b;
    border-color: #36676b;
    font-size: 12px;
    padding: 5px 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 78px;
    border-radius: 3px;
    }

td, th {
    padding-left: 30px;
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* SLIDER */
#myCarousel{
/*   padding-top: 132px;*/
	}
#myCarousel .item img {
width:120%;
}

.carousel-inner>.item>img{
    max-width: 120%!important;
}
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:0%
}
#myCarousel .carousel-control.right {
top:0%
}
#myCarousel .carousel-caption {
top:-15%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {

}
#myCarousel .carousel-caption span h3 {
    color: #fff;
    padding: 5px 5px;
    font-size: 10px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
    width: 336px;
    margin-left: -19px;
    margin-top: 23px;
}
#myCarousel span h4 {

display: none;

}
.controls{
    line-height: 10;	
}

.controls .fa-chevron-left:before{
    font-size:20px;
visibility: hidden;
}

.controls .fa-chevron-right:before{
    font-size:20px;
    visibility: hidden;
}

.btn-primary{
    padding: 3px 4px;
    margin-top: 1px;
    font-size: 13px;
	}
	

/* FIM SLIDER */

.navbar-default .navbar-nav > li > a {
    color: #6b6b6b;
    display: block;
    font-size: 16px;
    line-height: 0px;
    font-weight: 0;
    padding: 25px 20px 20px;
    overflow: hidden;
    border-top: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

}


/* XS Portrait */
@media (max-width: 380px) {



.visual {
    overflow: hidden;
    margin: 20px 0px;
    position: absolute;
    z-index: 99999;
}

.visual .title {
    font: 12pt "Helvetica", Arial, sans-serif;
    color: #fff;
    word-spacing: -1px;
        height: 100px;
}

.visual h5{
        visibility: hidden;
}
.visual p{
        visibility: hidden;
}

#main .visual h1 {
    color: #fde729;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 12pt;
    text-align: center;
}

#main .visual h4 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: 9pt;
 text-align: center;
}

#main .visual p {
    margin: 0 0 11px;
    color: #fff;
    text-shadow: 1px 1px black;
    font-size: 8pt;

}

.btn-leia {
    background: #36676b;
    border-color: #36676b;
    font-size: 12px;
    padding: 5px 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 78px;
    border-radius: 3px;
    }
td, th {
 
    padding-top: 5px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* SLIDER */
#myCarousel{
   /* padding-top: 132px;*/
	}
   
#myCarousel .item img {
width:150%;
}

.carousel-inner>.item>img{
    max-width: 150%!important;
}
*/
#myCarousel .carousel-control.left, .carousel-control.right {
background-image:none !important;
opacity:1;
}

#myCarousel .carousel-control.left {
top:0%;
 margin-left: -15px;
}
#myCarousel .carousel-control.right {
top:0%

}
#myCarousel .carousel-caption {
top:-15%;
text-align:left;
height:auto;

}
#myCarousel .carousel-caption  {

}
#myCarousel .carousel-caption span h3 {
    color: #fff;
    padding: 15px 5px;
    font-size: 10px;
    display: inline-block;
    background: rgba(0,0,0,0.38);
    width: 270px;
    margin-left: -19px;
    margin-top: 0px;
}
#myCarousel span h4 {

display: none;

}

.controls{
    line-height: 25;	
}

.controls .fa-chevron-left:before{
    font-size:20px;
    visibility: hidden;
}

.controls .fa-chevron-right:before{
    font-size:20px;
    visibility: hidden;
}

.btn-primary{
    padding: 3px 4px;
    margin-top: 1px;
    font-size: 10px;
	}
	




/* FIM SLIDER */
.navbar-default .navbar-nav > li > a {
    color: #6b6b6b;
    display: block;
    font-size: 16px;
    line-height: 0px;
    font-weight: 0;
    padding: 25px 20px 20px;
    overflow: hidden;
    border-top: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

}