/* SLIDER IMAGES - TOUCH */

/* DESKTOP BACKGROUND WITH TEXT */
.containerHome { border: 0px solid red; position: relative; margin: 0; padding: 0 0 37.10% 0; width: 100%; height: 0; }
.container { border: 0px solid blue; position: relative; margin: 0; padding: 0 0 31% 0; width: 100%; height: 0; }

.iosSlider { width: 100%; height: 1500px; }
.iosSlider .slider { width: 100%; height: 100%; }
    
.iosSlider .slider .item { float: left; width: 100%; }
.iosSlider .slider .item img { width: 100%; height: auto; }
    
/* .iosSlider .slider .item .text { border: 0px solid red; position: absolute; top: 35%; right: 18%; background: url('../images/imgBgSlider.png') repeat-x; padding: 0px; width: 386px; height: 128px; text-align: left; } */
.iosSlider .slider .item .text { border: 0px solid red; position: absolute; top: 35%; right: 20.5%; /* top: 145px; right: 215px; */ background: url('../images/imgBgSlider.png') repeat-x; padding: 0px; width: 435px; height: 128px; text-align: left; }    

.iphoneUI .iosSlider .slider .item .text { display: none; }
.iphoneUI .iosSlider .slider .item .text .bg { display: none; }
    
.iosSlider .slider .item .title { position: relative; top: 19px; left: 19px; text-indent: -1px; }

.iosSlider .slider .item .title .Gold  { color: #B79E6E; font-family: 'Lato', Arial, sans-serif; font-size: 24px; font-weight:100;}
.iosSlider .slider .item .title .Blue  { color: #72abb2; font-family: 'Lato', Arial, sans-serif; font-size: 24px; font-weight:100;}
.iosSlider .slider .item .title .Green  { color: #8fa10b; font-family: 'Lato', Arial, sans-serif; font-size: 24px; }
.iosSlider .slider .item .title .Brown { color: #b89f6e; font-family: 'Lato', Arial, sans-serif; font-size: 24px; }

.iosSlider .slider .item .desc { position: relative; top: 19px; left: 19px; margin: 10px 0 0 0; width: 385px; }
.iosSlider .slider .item .desc span { color: #fefefe; font-family: 'Lato', Arial, sans-serif; font-size: 12px; line-height:18px; }
			
.iosSlider .slider .item .button { position: absolute; margin: 0; padding: 0; background: #000000; border: 0px solid #000000; cursor: pointer; width: 137px; height: 18px; font-size: 14px; color: #bb9c4f; }
.iosSlider .slider .item .button:hover { margin: 0; padding: 0; background: #bb9c4f; border: 0px solid #000000; cursor: pointer; width: 137px; height: 18px; font-size: 14px; color: #000000; }
.iosSlider .slider .item .button a { text-decoration: none; }
.iosSlider .slider .item .button span { color: #FFFFFF; font-family: 'Lato', Arial, sans-serif; font-size: 16px; }

/* SLIDER CONTENT PAGE */    
/* .container .selectorsBlock { border: 0px solid red; position: absolute; bottom: 45px; right: 10%; height: 14px; } */
.containerHome .selectorsBlock, .container .selectorsBlock { border: 0px solid red; position: absolute; bottom: 45px; right: 20.5%; /* width: 100%; */ height: 14px; }
.containerHome .selectorsBlock .selectors, .container .selectorsBlock .selectors { border: 0px solid blue; position: relative; top: 0; right: 0px; margin: 0; width: 100%; height: 100%; }
.containerHome .selectorsBlock .selectors .item, .container .selectorsBlock .selectors .item { position: relative; top: 0; left: 0px; float: left; width: 14px; height: 14px; margin: 1px 0 0 10px; background: #FFFFFF; }
.containerHome .selectorsBlock .selectors .selected, .container .selectorsBlock .selectors .selected { border: 4px solid #FFFFFF; background-color: #72abb2; margin: 0 0 0 10px; width: 8px; height: 8px;  }
.containerHome .selectorsBlock .selectors .first, .container .selectorsBlock .selectors .first { margin-left: 0; }    

/* @media screen and (min-width: 1023px) and (max-width: 1229px)  */
@media screen and (min-width: 1280px)
{
    .iosSlider .slider .item .text { border: 0px solid red; position: absolute; top: 35%; right: 18%; background: url('../images/imgBgSlider.png') repeat-x; padding: 0px; width: 435px; height: 128px; text-align: left; } 
    .containerHome .selectorsBlock { border: 0px solid red; position: absolute; bottom: 45px; right: 10%; height: 14px; }
    .container .selectorsBlock { border: 0px solid red; position: absolute; bottom: 45px; right: 10%; height: 14px; }
}

/* TABLET | IPAD */
@media screen and (min-width: 481px) and (max-width: 1023px) 
{

    .containerHome { border-top: 1px solid #000000; position: relative; width: 100%; height: 0; padding: 0 0 32.70% 0; z-index: 1; }
    .container { position: relative; width: 100%; height: 0; padding: 0 0 32.70% 0; z-index: 1; }

    .iosSlider { width: 100%; height: 480px; }
    .iosSlider .slider { width: 100%; height: 100%; }
   
    .iosSlider .slider .item { float: left; width: 100%; height: 100%; }
    .iosSlider .slider .item img { width: 100%; max-height: 480px; }
    
    /* .iosSlider .slider .item .image { position: absolute; top: 0; left: 0; margin: 0px; padding: 0px; z-index: 1; } */
    .iosSlider .slider .item .text { position: absolute; top: 70%; left: 0; margin: 0px; padding: 0px; background: url('../images/imgBgSlider.png') repeat-x; width: 100%; height: 65px; text-align: left; z-index: 2; }

    .iphoneUI .iosSlider .slider .item .text { display: none; }
    
    .iosSlider .slider .item .title { position: relative; top: 5px; left: 19px; margin: 0; padding: 0; text-indent: -1px; }
    .iosSlider .slider .item .title .Green  { color: #8fa10b; font-family: 'Lato', Arial, sans-serif; font-size: 14px; }
    .iosSlider .slider .item .title .Brown { color: #b89f6e; font-family: 'Lato', Arial, sans-serif; font-size: 14px; }
			
    .iosSlider .slider .item .desc { position: relative; top: 5px; left: 19px; margin: 0; padding: 0; width: 86%; }
    .iosSlider .slider .item .desc span { color: #fefefe; font-family: Arial, sans-serif; font-size: 10px; }
			
    .iosSlider .slider .item .button { position: absolute; bottom: 5px; right: 5px; margin: 0; padding: 0; background: #655335; border: 0px solid #655335; cursor: pointer; /*width: 14px; height: 14px; */}
    .iosSlider .slider .item .button span { color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; }
    
    /* SLIDER PAGE */    
    .containerHome .selectorsBlock, .container .selectorsBlock { border: 0px solid red; position: absolute; top: 15px; right: 2%; /* width: 100%; */ height: 14px; }
    .containerHome .selectorsBlock .selectors, .container .selectorsBlock .selectors { border: 0px solid blue; position: relative; top: 0; right: 0px; margin: 0; width: 100%; height: 100%; }
    .containerHome .selectorsBlock .selectors .item, .container .selectorsBlock .selectors .item { position: relative; top: 0; left: 0px; float: left; width: 14px; height: 14px; margin: 1px 0 0 10px; background: #e7e3d1; }
    .containerHome .selectorsBlock .selectors .selected, .container .selectorsBlock .selectors .selected { border: 4px solid #655335; background-color: #e7e3d1; margin: 0 0 0 10px; width: 8px; height: 8px;  }
    .containerHome .selectorsBlock .selectors .first, .container .selectorsBlock .selectors .first { margin-left: 0; }        
}


/* SMARTPHONE - (ORIENTATION H - V) */
@media screen and (min-width : 0px) and (max-width : 480px)
{
    .containerHome { border-top: 1px solid #000000;position: relative; width: 100%; height: 0; padding: 0 0 57.29% 0; z-index: 1; }
    .container { position: relative; width: 100%; height: 0; padding: 0 0 57.29% 0; z-index: 1; }

    .iosSlider { width: 100%; height: 480px; }
    .iosSlider .slider { width: 100%; height: 100%; }
    
    .iosSlider .slider .item { float: left; width: 100%; height: 100%; }
    .iosSlider .slider .item img { width: 100%; height: auto; }
    
    /* .iosSlider .slider .item .image { position: absolute; top: 0; left: 0; margin: 0px; padding: 0px; z-index: 1; } */

    .iphoneUI .iosSlider .slider .item .text { display: none; }
    
    .iosSlider .slider .item .title { position: relative; top: 5px; left: 19px; margin: 0; padding: 0; text-indent: -1px; }
    .iosSlider .slider .item .title .Green  { color: #8fa10b; font-family: 'Lato', Arial, sans-serif; font-size: 14px; }
    .iosSlider .slider .item .title .Brown { color: #b89f6e; font-family: 'Lato', Arial, sans-serif; font-size: 14px; }
			
    .iosSlider .slider .item .desc { position: relative; top: 5px; left: 19px; margin: 0; padding: 0; width: 86%; }
    .iosSlider .slider .item .desc span { color: #fefefe; font-family: Arial, sans-serif; font-size: 10px; }
			
    .iosSlider .slider .item .button { position: absolute; bottom: 5px; right: 5px; margin: 0; padding: 0; background: #655335; border: 0px solid #655335; cursor: pointer; /* width: 14px; height: 14px; */}
    .iosSlider .slider .item .button span { color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; }
    
    /* SLIDER PAGE */    
    .containerHome .selectorsBlock, .container .selectorsBlock { border: 0px solid red; position: absolute; top: 15px; right: 2%; /* width: 100%; */ height: 14px; }
    .containerHome .selectorsBlock .selectors, .container .selectorsBlock .selectors { border: 0px solid blue; position: relative; top: 0; right: 0px; margin: 0; width: 100%; height: 100%; }
    .containerHome .selectorsBlock .selectors .item, .container .selectorsBlock .selectors .item { position: relative; top: 0; left: 0px; float: left; width: 14px; height: 14px; margin: 1px 0 0 10px; background: #e7e3d1; }
    .containerHome .selectorsBlock .selectors .selected, .container .selectorsBlock .selectors .selected { border: 4px solid #655335; background-color: #e7e3d1; margin: 0 0 0 10px; width: 8px; height: 8px;  }
    .containerHome .selectorsBlock .selectors .first, .container .selectorsBlock .selectors .first { margin-left: 0; }    

    .csBgMenuTabTopRight { display: none; }
}

/* SMARTPHONE - (ORIENTATION H ) PARA CAIXA COM TEXTO */
@media screen and (min-width : 321px) and (max-width : 480px) { .iosSlider .slider .item .text { position: absolute; top: 76%; left: 0; margin: 0px; padding: 0px; background: url('../images/imgBgSlider.png') repeat-x; width: 100%; height: 65px; text-align: left; z-index: 2; } }

/* SMARTPHONE - (ORIENTATION V ) PARA CAIXA COM TEXTO */ 
@media screen and (max-width : 320px) { .iosSlider .slider .item .text { position: absolute; top: 65%; left: 0; margin: 0px; padding: 0px; background: url('../images/imgBgSlider.png') repeat-x; width: 100%; height: 65px; text-align: left; z-index: 2; } }


/* CONTROLS */
/*
@media only screen and (min-width : 1024px)  
{
    .container .prevContainer { position: absolute; top: 0; left: 128px; width: 47px; height: 130px; padding: 0 0 9.5% 0; z-index: 10; }
    .container .prevContainer .prev { position: absolute; bottom: -10%; left: 0; width: 47px; height: 130px; }

    .container .nextContainer { position: absolute; top: 0; right: 128px; width: 47px; height: 130px; padding: 0 0 9.5% 0; z-index: 10; }
    .container .nextContainer .next { position: absolute; bottom: -10%; left: 0; width: 47px; height: 130px; }

}
*/

/* SMARTPHONE | TABLET PORTRAIT  EXCEPT ARROWS */
/*
@media screen and (min-width : 769px) and (max-width: 1023px) {
    .container .prevContainer { position: absolute; top: 0; left: 25px; width: 47px; height: 130px; padding: 0 0 9.5% 0; z-index: 10; }
    .container .prevContainer .prev { position: absolute; bottom: -10%; left: 0; width: 47px; height: 130px; }

    .container .nextContainer { position: absolute; top: 0; right: 25px; width: 47px; height: 130px; padding: 0 0 9.5% 0; z-index: 10; }
    .container .nextContainer .next { position: absolute; bottom: -10%; left: 0; width: 47px; height: 130px; }
}
*/