/* START Styles para tablet */


  /* INICIO RESPONSIVE DESIGN */
  @media only screen and (min-width:1200px) {
  	
    .DropDownList{
			display: inline-block !important;
		}
    
   .NavBarTop .CategoriesBox, .NavBarTop .NavelementIcon, .NavBarTop .SearchElement  {
     display: none !important;
   } 
		

	}
	
	@media only screen and (min-width:1199px) and (max-width:1200px) {

      .DropDownList{
			display: inline-block !important;
		}



/* START CATEGORY */



/* END CATEGORY */


	} /* END MINI DESKTOP */
    

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

/* START HIDE ELEMENTS ON LOAD */  
body:not(.start-page) .ContentArea, .NavBarTop .SearchElement{
    visibility: hidden;
}
                       
/* END HIDE ELEMENTS ON LOAD */
body {
    padding-bottom: 0 !important;
}

  .GeneralLayout {
      width: 100%;
      max-width: inherit;
      /*min-width: 600px;*/
      height: 100%;
      margin: 0px auto;
      overflow: hidden;
  }

.start-page .Div .Middle {
    margin-top: 35px;

}
 
body:not(.start-page) .Div .Middle {
    margin-top: 0px;

} 
 
  
.Div .ContentArea {
/*      padding-left: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      */
      margin: 0px auto;
      padding: 0 15px;
  }

.start-page .ContentArea {
      margin: 0px auto;
      padding: 0 0px;
  }

.start-page .ContentAreaWrapper{
  overflow: hidden;
} 


.NavBarRoof .PropertyContainer, 
.Header .PropertyContainer, 
.NavBarTop .PropertyContainer, 
.NavBarBottom .PropertyContainer, 
.Footer .PropertyContainer {
    /* max-width: 990px !important; */
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
    min-width: unset;
}

.NavBarTop .PropertyContainer{
    padding: 4px 0px 0 0;

}


  .start-page .TextComplete table{
  width:100% !important;
  }
  

  
  /* FIM RESPONSIVE DESIGN */


/* Fundo Header e para por cima do Slider */
.VM-OverSliderHeaderBackground {
    height: 117px;
}

.start-page .VM-OverSliderHeaderBackground {
    height: 141px;
}



/* INICIO NAVBARROOF */



/* FIM NAVBARROOF */

/* INICIO HEADER */
.Header .SearchElement, .Header #HomeIcone{
  display: none !important;
}

.start-page .Header .ShopLogo {
    margin-top: 33px;
}


/* FIM HEADER */



 /* INICIO NAVBARTOP */
 
.NavBarTop {
    position: relative;
    margin: 0px 0px 0px 0px;
    height: auto;
    padding: 0;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    background: url('/WebRoot/Store/Shops/1032-180719/MediaGallery/Design/fundos/fundo-barra-links.png') top left transparent !important;

} 
 
body:not(.start-page) .NavBarTop {
    position: absolute !important;
    border: 0px solid #fff;
    height: 50px;

} 
 
/* DROPDOWN */ 
.NavBarTop .CategoriesBox{
  visibility: hidden;
}

.NavBarTop .DropDownList{
  display: none !important;
}


.NavBarTop .SizeContainer {
    height: 51px;
}




/* START NAVBARTOP SEARCH  */

.NavBarTop .SearchElement {
    display: inline-block !important;
    position: relative !important;
    right: 0;
    top: 0;
    margin: 3px 7px 0px 0px !important;
}

.HorizontalNavBar .SearchElement form {
    margin: 0px;
}


.InputField.SearchForm {
    padding: 0;
    margin: 0;
}


.SearchForm.horizontal-search > input {
    padding: 7px 30px 8px 4px;
    width: 328px;
}

/* END NAVBARTOP SEARCH  */


 /* START SHOW RESPONSIVE ELEMENTS */


.NavBarTop .NavBarElement2, .NavBarTop .NavBarElement4, .NavBarTop .NavBarElement5{
  display: inline-block !important ;

} 

.NavBarTop .NavigationElement a{
    text-transform: capitalize !important;
    padding: 12px 0px; 
    color: #6a6a6a;
}



/* END SHOW RESPONSIVE ELEMENTS */
.NavBarTop .NavigationElement,
.NavBarTop .NavigationElement.Active,
.NavBarTop .NavigationElement:hover  {
    background: none  transparent !important;
    padding: 0px 0px;
    margin: 0px 10px 0 10px;
}

.NavBarTop .NavigationElement:last-child{
/*    margin: 0px 10px 0 10px;*/
}
 
.Div .NavBarTop .SizeContainer  .Active > a, 
.NavBarTop .NavigationElement > a:hover{
   /* background: url("/WebRoot/Store/Shops/1032-130419/MediaGallery/responsive/fundos/fundo-grey-px-3.jpg") center 39px repeat-x  transparent !important;*/
}


.start-page .Div .NavBarTop .SizeContainer  .Active > a, 
.start-page .NavBarTop .NavigationElement > a:hover{
/*    background: url("/WebRoot/Store/Shops/1032-130419/MediaGallery/design/fundos/fundo-white-px-3-3.jpg") center 39px repeat-x  transparent !important;*/
}
 
 .Div .NavBarTop .SizeContainer {
    width: 100%;
    text-align: right;
}

.NavBarTop .PropertyContainer {
    height: 46px;
}
     
 .NavBarTop .ep-megamenu{
  display: none !important;
  }
  
   

/* START MENU BOX WITH SIMPLES AND TREE MENU */

  .TabletMenuBTN{
  display: block;
  }
   
  .TabletMenuBTN{
    position: absolute;
    left: 0px;
    margin-left: 20px;
    margin-top: 9px !important;
    display:inline-block !important
  }
  
  .TabletMenuBTN:hover{ 
    cursor: pointer; 
    cursor: hand; 
  }         
  

/* START MENU 1 LEVEL */
  .NavBarTop .CategoriesBox  {
  background: #fff !important;
  position: absolute;
  top: 0px;
  left: 0 !important;
  margin-top: 51px !important;
  margin-left: 0px;
  width: 100% !important;
  }
  
  
  .NavBarTop .CategoriesBox   li{
  display: block !important;
  background-color: #fff;
  /*display:none;*/
  }
  
  .NavBarTop .CategoriesBox   li{
  display: block !important;
  background-color: #fff;
  /*display:none;*/
  line-height: 29px;
  }



  .NavBarTop .CategoriesBox  li a{
    color:   #6a6a6a;
  /*display:none;*/
  }





  .NavBarTop .CategoriesBox  > li:last-child, 
  .NavBarTop .CategoriesBox  .jstree-no-icons > li:last-child{
  box-shadow: 0px 2px 2px #999 !important;
  }
  
  
  
  .NavBarTop .CategoriesBox > li, 
  .NavBarTop .CategoriesBox .ContextBoxBody > ul > li {
    padding: 5px 0px 0px 0px !important;
    margin: 0px;
    line-height: 37px;
    font-size: 18px;
    width: 100% !important;
    border-top: 1px solid #6a6a6a;
    text-align: left;
      }

  
  .NavBarTop .CategoriesBox .ContextBoxBody > ul > li ul {
    padding: 0px 0px 8px 0px !important;
    }


          
 .NavBarTop .ContextBoxBody ul .Active > ul > li{
    height: auto !important;
    line-height: 27px;
}

 .NavBarTop .Active > em > a{
    height: 25px;
    line-height: 27px;
    padding: 0 10px 0 0;
    color: #fff !important;
} 
  
  .NavBarTop .ContextBox  li a{
    margin-left: 15px;
    color: #8e8e8e;
    font-size:18px;
    display: block;
    padding: 11px;    
  }
  
  .NavBarTop .ContextBox li a:hover{
    color: #a7001e;
  }

/* END MENU 1 LEVEL */

/* START MENU 2 LEVELS */
.NavBarTop .ContextBox.NavBarElement0{
/*  margin-top: 72px !important;*/
}

.NavBarTop .ContextBox.NavBarElement0 li:hover, 
.NavBarTop .ContextBox.NavBarElement0 li:hover > a,
.NavBarTop .ContextBox.NavBarElement0  li.Active {
/*    background-color: #a29061 !important;
    color: #fff !important;
*/    
}

.NavBarTop .ContextBox.NavBarElement0 li:hover, 
.NavBarTop .ContextBox.NavBarElement0 li:hover > a,
.NavBarTop .ContextBox.NavBarElement0  li.Active {
  color: #a7001e !important;
    
}

  .NavBarTop .ContextBox .ContextBoxHead{
    display: none;
  } 

  .NavBarTop .ContextBox .ContextBoxBody{
    margin: -8px 0 0 0;  
    padding: 0px 0px 2px 0px;
    border-bottom: 1px solid #eee;
    background: #fff;
    
  } 

  .NavBarTop .ContextBox .ContextBoxBody ul > li {
    line-height: 38px !important;    
    height: auto !important;
    padding: 2px 0 2px 17px;
    border-top: 1px solid #eee;
}

  .NavBarTop .ContextBox .ContextBoxBody ul > li > ul  {
    margin: 0 0 0 0px !important;
}

/*, .NavBarTop a:hover, .NavBarTop .NavigationElement.SSLSwitch input:hover */
.NavBarTop .ActiveNode, .NavBarTop .ActiveNode > a{
    color: #a7001e !important;
    background: #fff !important;
    font-weight: bold !important;
}


.NavBarTop .ContextBox .Active > a, 
.NavBarTop .ContextBox  .Active > em > a{
    padding: 1px 20px 0px 0 !important;
}


.NavBarTop .ContextBox .NavigationElement > a, 
.NavBarTop .ContextBox  .Active > a, 
.NavBarTop .ContextBox .Active > em > a, 
.NavBarTop .ContextBox .Active input, 
.NavBarTop .NavigationElement.SSLSwitch.Active input {
    padding: initial;
    height: 37px;
    line-height: 37px;
}

/* START BULLET FOR CATEGORY LIST */
/* PLUS */
.GeneralLayout .jstree-open .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-icon {
    background: url("https://webshop.hostpoint.com/WebRoot/Store2/Shops/171178/MediaGallery/Design/icons/arrow-left.png") no-repeat 0 0 !important;
}

/* MINUS */
.GeneralLayout .jstree-open .jstree-open .jstree-icon, .GeneralLayout .jstree-closed .jstree-open .jstree-icon, .GeneralLayout .jstree-open .jstree-icon {
    background: url("https://webshop.hostpoint.com/WebRoot/Store2/Shops/171178/MediaGallery/Design/icons/arrow-down.png") no-repeat 0 0 !important;
}

/* EMPTY */
.GeneralLayout .jstree-open .jstree-leaf .jstree-icon, .GeneralLayout .jstree-closed .jstree-leaf .jstree-icon, .GeneralLayout .jstree-leaf .jstree-icon {
    background: none no-repeat 0 0 !important;
}

.jstree ins {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    padding: 1px;
    left: 19px;
}

/* END BULLET FOR CATEGORY LIST */

  
.NavBarTop .ContextBox li a {
    margin-left: 49px !important;
}  

/* END MENU 2 LEVELS */

/* END MENU BOX WITH SIMPLES AND TREE MENU */


  .NavBarTop .NavigationElement {
    padding: 0px 0px 0px 0;
    height: 51px;
    margin-top: 0px;
    line-height: 51px;
}

/* HOME ICON */
.start-page #HomeIcone, #HomeIcone {
    margin: -11px 20px 0 0;
    position: relative;
    height: 49px !important;
    line-height: 42px !important;
    
}  

a.VM-HomeIcone:hover {
  background-color: unset !important;
}  



/* CHANGE HOME ICON */
.NavelementIcon .HomeIcon {
    background: url("//shops.hmedia.com/WebRoot/CustomFiles/lib/Images/Icons/HomeIcone/home_icon-01-white-18.png") transparent no-repeat center center !important;
    width: 18px;
    height: 22px;
}  
  
  
/* START CATEGORY */


.VM-CategoryList {
    text-align: center !important;
}





/* END CATEGORY */

/* START NAVBARBOTTOM */

.NavBarBottom td{
    text-align: center !important;
    display: block;
    width: 100%;
    padding: 10px 0 0px 0;
}


.NavBarBottom .NavigationText h2{
  display: block;
  font-size: 3.3vw;
  width: 100%;
  text-align: center;
  margin: 25px 0px 0px 0;  
}


.NavBarBottom ul {
    display: block !important;
    vertical-align: middle !important;
    text-align: center !important;
    list-style-type: none !important;
    list-style: none;
        list-style-type: none;
    margin: 27px 0 0 0 !important;
    padding: 0 !important;
}

/* END NAVBARBOTTOM */
  
/* START FOOTER */

.Footer {
    background: none left top #8e8e8e;
}


.Footer p {
    line-height: unset;
}


.Footer table:nth-child(1) {
    width: 100% !important;
    height: auto !important;
}

.Footer table td{
    text-align: center;
    float: left;
}

.Footer table:nth-child(1) td:nth-child(1) {
    min-width: unset;
}

.Footer table:nth-child(1) td {
    vertical-align: top;
    padding-top: 32px !important;
    width: 48%;
    height: 190px;
}

.Footer table:nth-child(1)  td:nth-child(3), 
.Footer table:nth-child(1)  td:nth-child(4){
    height: 130px;
}


.Footer table:nth-child(3) {
    width: 100% !important;
    height: auto !important;
  margin: 0px 0 30px 0 !important;
  border-top: 1px solid #fff !important;   
}

.Footer table:nth-child(3) td{
    width: 100% !important;
    color: #fff !important;
    padding: 0px 0 7px 0;    
}

.Footer table:nth-child(3) td:nth-child(1){
    padding: 15px 0 7px 0;
}

.Footer table:nth-child(3) td a{
    color: #fff !important;    
}



.WebPartnerViamodul {
    position: absolute;
    bottom: 0;
    margin-bottom: 70px;
    width: 100%;
    vertical-align: middle;
    height: 35px;
    line-height: 35px !important;
    border: 0px solid;
    left: 0;
    background: #fff;
    display: none;
}


/* END FOOTER */

/* START SOCIAL BUTTONS */

  #st_gdpr_iframe{
  display: none;
}



  #st-2 {
      visibility: hidden;
      bottom: 0 !important;
      display: contents !important;
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      position: relative !important;
  }
  
  #st-2 .st-btn {
      width: 20% !important;
  }



/* END SOCIAL BUTTONS */

/* START HOME PAGE */

.start-page .Div .ContentArea {
    margin-top: -60px !important;
}

body .ContentArea h1 {
    text-transform: uppercase;
    margin: 20px 0 25px 0;
}


.start-page .CategoryList table {
    width: 100% !important;
 }

/* START VIDEO RESPONSIVE */
    .VM-videoWrapper {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 25px;
    	height: 0;
    }
    
    .VM-videoWrapper iframe,
    .VM-ideoWrapper object,
    .VM-videoWrapper embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
    video  {
	  width: 100%    !important;
	  height: auto   !important;
	}

/* END VIDEO RESPONSIVE */


.start-page .ListItemCategory .InfoArea h3 a {
    font-size: 4vw;
}


.start-page .ListItemCategory .InfoArea p {
    font-size: 3vw;
}

.start-page .ListItemCategory  .InfoArea {
/*    background: #444 !important;
    opacity: 0.7 !important;*/
}


.innerDiv {
    margin-left: 0px; 
    margin-right: 0px;
}

.start-page .ListItemCategory .InfoArea h3 a {
/*    color: #000;*/
}

.start-page .ListItemCategory .InfoArea p {
  /*display: none;*/
  visibility: hidden;
}

.start-page .ListItemCategoryTable .HalfSize a:hover > .ListItemCategory  .InfoArea p {
  visibility: visible;
}


.start-page .ListItemCategory .InfoArea h3 {
    text-align: center;
/*    background: #444 !important;
    opacity: 0.85;*/
    text-shadow: #000 2px 2px;    
}

/* END HOME PAGE */

/* START CATEGORY LIST */
.CategoryList .CategoryText {
    padding: 0;
    margin: 0;
}

.CategoryList table {
    width: 95% !important;
}


.CategoryList table tr td {
    float: left !important;
    width: 100%;
    border: 0 !important;    
}




.VM-CategoryList .ListItemCategoryTable tr td:nth-child(2) {
    border-left: 0px solid transparent;
    padding: 0 0 40px;
}


/* END CATEGORY LIST */

/* START PRODUCT LLIST */

.ContentArea .HotDealList  h3 {
    font-size: unset !important;
}

.HotDealList .innerDiv {
    padding: 0 30px;
    top: 40% !important;
    transform: translateY(-45%) !important;
    transition: opacity 0.8s, background-color 0.8s, text-shadow 0.8s;
    -webkit-transition: opacity 0.8s, background-color 0.8s;
    -moz-transition: opacity 0.8s, background-color 0.8s;
    -ms-transition: opacity 0.8s, background-color 0.8s;
    -o-transition: opacity 0.8s, background-color 0.8s;
    opacity: 0;
    opacity: 0.8;
}

.HotDealList .InfoArea .VM-InfoArea2 .Description {
    padding: 1px 0 0 0;
}

.HotDealList .InfoArea h3 a {
    font-size: 4.1vw;
    line-height: 4.5vw !important;
    color: #fff;
    font-weight: bold;
    /* text-transform: uppercase; */
    text-shadow: #000 2px 2px;
}


.HotDealList .InfoArea:hover > .VM-InfoArea2 .innerDiv h3 a {
    text-shadow: transparent 0px 0px;
}

.HotDealList .InfoArea .VM-InfoArea2 .Description p {
    font-size: 2vw;
}

/* END PRODUCT LLIST */

/* START PRODUCT DETAILS */

.ImgLeft .ProductImage {
    margin: 0px 0px 20px 0px;
}


#ProductSlideshow {
/*    max-width: unsert !important;
    max-height: unset !important;
    width: 100% !important;*/
    /* height: 100% !important; */
}

.ProductDetails #ProductThumbs {
    top: 0;
    margin: 0px 0 0 0;
    position: relative;
    width: 100% !important;
    
}

.ep-uiThumbbox.ep-uiThumbbox-list li {
    width: 30% !important;
    height: auto !important;
    margin: 0 16px 10px 0px;
}

.ImgLeft .InfoArea, .ImgRight .InfoArea {
    float: unset;
    width: 100%;
    display: block;
    clear: both;    
}

#ProductInfoTabs {
    clear: both;
    background: transparent;
    margin: 0px 0 50px 0;
    width: 100%;
    float: unset;
    border-right: 1px solid #d9d9d9;
}


.ProductDetails + H2 {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 25px 0 0 0;    
}

.ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td {
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd
}


.CrossellingCount .CrossellingInfoArea, .BundledProductsTable BundledProductsInfoArea {
    text-align: center;
}
.CrossellingCount .Price, .BundledProductsTable .Price {
    width: 100%;
    text-align: center;
    line-height: 12px;
}

.ProductListImageBox div.ImageArea, div.CrossellingImageArea, div.BundledProductsImageArea {
    padding: 22px 0;
    
}


/* END PRODUCT DETAILS */

/* END Styles para tablet*/  




}