html {
  position: relative;
  min-height: 100%;
  height:100%;
}
body {
  /* Margin bottom by footer height,  its not good on home full screen carusal */
  /*margin-bottom: 40px;   */

  min-height: 100%;
  height:100%;
  
} 

body, table, td,div,a p, span,h1,h2,h3,h4,li,.navbar-artcity-side>li>.active>a , .navbar-default,.navbar-default .navbar-nav>li>a
{
    color:#333;
}

.caret {
    margin-right: 4px;
}
a {
    color: #777;
    text-decoration: underline;
}

.dropdown-menu>li>a
{
    text-decoration: none;
}

ul,li
{
    padding:0px;
    margin:0px;
}

td
{
    vertical-align: top;
}

/* used in pages on the oppsite lang */
.fixalign_left table, .fixalign_left td, .fixalign_left div, .fixalign_left h1, .fixalign_left h2, .fixalign_left h3,.fixalign_left h4,.fixalign_left span,.fixalign_left p, .fixalign_left a
{
	direction: ltr !important;
	text-align: left !important;
}
.fixalign_right table, .fixalign_right td, .fixalign_right div, .fixalign_right h1, .fixalign_right h2, .fixalign_right h3,.fixalign_right h4,.fixalign_right span,.fixalign_right p, .fixalign_right a
{
	direction: rtl !important;
	text-align: right !important;
}


p
{
   /* margin: 0 0 0 0 !important; */
}
.footer {
    padding-top:5px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  /*background-color: #f5f5f5;*/
}

.breadcrumb
{
    background:transparent;
    font-size:13px;
}
.carousel 
{
    margin-top:25px !important;
}


@media (min-width: 1200px)
{
/*    .container {
     width: 1100px ; 
    }*/
}

/* side bar */




@media (min-width: 1440px) {
  .containerWithSideMenu {
    width: 1400px !important;
    
  }
  
  
}

#sideMenuDiv
{
    
    height:100%;
           min-height: 100%;
    
}

.navbar-verical li
{
   
    float: none !important;
    display: block;
    
}

.navbar-artcity-side
{
    margin-top:20px;
    margin-left:-10px !important;
}

.navbar-artcity-side>li>a
{
    padding-top:3px !important;
    padding-bottom:3px !important;
    color: #333;
    font-weight:bold;
}



/* end side bar */




.container {
    padding-left: 0px !important;
    padding-right: 0px !important; 
}



.footer .container
{
    width:100%;
    text-align:center;
    color:#000;
}

.collectionMenu
{
    margin-top:5px;
    color:#000;
    
}

.collectionMenu .active
{
    background-color:#eee;
    padding:0px 6px 0px 6px;
}

.MidHeader
{
    padding-top:0px;
    padding-bottom:5px;
    
}



figure 
{
    text-align: center;

    width:400px;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 20px;

    display: inline-block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

figure img 
{
    width:360px;
    height:auto;
}


figcaption 
{
    width:100%;
}



.AdjustForFixNavbar
{
    margin-top:0px !important;  /*  needed on navbar-fixed-top */
}

.TextWapper
    {
        padding:20px;
    }

@media (max-width: 1440px) 
{
    .TextWapper
    {
        padding:25px;
    }
}



/*
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//NAV
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.navbar-nav
{
 margin-top:6px;   
}
 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus 
{
    background-color: transparent;
    color:#63b2b7 !important;
    margin-left:5px !important;
    margin-right:5px !important;
    font-weight: bold;
}

.navbar-artcity-side>.active>a, .navbar-artcity-side>.active>a:hover, .navbar-artcity-side>.active>a:focus
{
    color:#63b2b7 !important;
    border-right:1px solid black;
    background-color: #ffe3c0;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-artcity-side>li>a:hover, .navbar-artcity-side>li>a:focus
{
    background-color: transparent;
    color:#63b2b7 !important;
}

/*
.nav>li:nth-last-child(n+2){
    border-left:1px solid #333;
}*/







.navbar-nav>li>a {  
    line-height:20px;
    text-decoration:none;
}


.nav>li>a , .navbar-nav>li>a {
    
    padding-left:13px !important;
    padding-right:13px !important;
    
    padding-top: 0px;
    padding-bottom: 0px;
    
    
    
    color:#000 !important;

}
.nav>li
{    
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 15px;

}

.navbar-toggle
{
    margin-top:0px;
}



 .navbar-collapse  /*.navbar ->  is not good for fix-top */
 {   
    position: static;
    /* background-color:#fff;*/

}
    

/*
.navbar-artcity-subMenu .navbar-nav>.active>a, .navbar-artcity-subMenu  .navbar-nav>.active>a:hover, .navbar-artcity-subMenu  .navbar-nav>.active>a:focus 
{
 
    background-color:transparent !important;
       padding-bottom: 5px;
 
 border-bottom:2px solid #19438b; 
}*/








.navbar{

    background-color:transparent;
    border:0px none;
    color:#483729;
    
    margin-bottom:0px !important;
}

.navbar-artcity-MainMenu 
{
    margin-top:40px;
}
        

/*.navbar .navbar-nav>li>a {
    color:#98999b !important;
}*/






.navbar-nav-small>li>a {
padding-top: 9px !important;
padding-bottom: 9px !important;
}


/*  for the innerCol list page */
.innerColList_Item
{
    position: relative;
    margin-bottom:40px;
    min-height:120px;
}


@media (max-width: 1440px) 
{
   /* .navbar-collapse
    {
        margin-top:30px;
    }*/
}




@media (max-width:768px)
{
    
    .navbar-collapse
    {
        clear:both; 
    }
    
    .navbar-header {
 
  width: 100% !important;
 
    }
    
    
    .navbar-brand img 
    {
        padding-top:10px;
        height:40px;
    }
       
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse
    {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    h1,.navbar-header h1 
    {
        font-size:21px !important;
        
    }

    h2,.navbar-header h2 
    {
        font-size:20px !important;
        max-width:260px;
    }
    h3,.navbar-header h3 
    {
        font-size:19px !important;
        padding:0 20px;
    }
    


    .innerColList img
    {
        width:150px;
    } 
    
    .innerColList_Item
    {
        position: relative;
        margin-bottom:40px;
        min-height:120px;
    }
    
    .MidHeader
    {
        padding-bottom: 0px;
        height:30px !important;
    }
    
    /*
     .navbar-collapse
    {
        
        margin-top:90px;
    }*/
    
    #MidHeaderTitle
    {
        float:none !important;
        padding-top:10px;

        text-align:center;
    }
    

    #MidHeaderMenu
    {
        float:none !important;
        text-align:center;
        padding-left: 10px !important;
        padding-top: 10px !important;
    }
    
   
  
    

}    


 .removeImageOnMobile img, .removeImageOnMobile figure
    {
        display: none;
       /*
       position:absolute !important;;
       bottom:-300px !important;;
       width:85% !important;
       height:auto !important;; 
       margin:10px auto !important;;*/
    }
    
    
/* Sub Col Menu */


.navbar-subcolMenu
{
    padding-top: 0px !important;
    padding-bottom:0px;
}


.navbar-subcolMenu .navbar-nav>li {
    padding-left:5px;
    padding-right:5px;
}
.navbar-subcolMenu .navbar-nav>li a {
    padding:10px !important;
}


/* FIXING BOOTSTRAP */

.row {
    margin-right: 0px !important;  
    margin-left: 0px !important;  
}


.navbar-nav.navbar-right:last-child {
    margin-right: 0px !important;
}


/* Specific Functionalities  */
/* Sidebar nav vertical */ 

.sidebar-nav .navbar-default
{
    /*max-width:340px;*/
    
}


/* VERTICAL ALIGN SIDE BAR Content: */
.sidebar-nav-artcity-verticalalign .navbar-artcity-MainMenu
{
          display: inline-block;
    vertical-align: middle;
    
}

.vertical-align-helper
{
        height: 100%;
        padding: 0;
        text-align: center;

        display: inline-block;
        vertical-align: middle;
        text-align: left;
}



@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    padding-left:0px;
    padding-right:0px;
    /*width:150px;*/
        
  }
  .sidebar-nav .navbar ul:not {
    display: block; 
  }
  .sidebar-nav .navbar li {
    /*float: none;
    display: block;*/
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
   .carousel {
        /*padding-top: 20px !important;*/
    }
    
    
     .sidebar-nav-artcity-verticalalign , .containerWithSideMenu, .containerWithSideMenu .row, .containerWithSideMenu .col-xs-3, .containerWithSideMenu .col-md-4, .containerWithSideMenu .col-xs-9   , .containerWithSideMenu .col-md-8
    {
       height:100%;
       min-height: 100%;
    }
    
    
    
}

/* To CENTER menu and header:   */

.navbar-brand {
  margin-left: auto!important;
  margin-right: auto !important;
    text-align: center !important;
  
  float: none !important;
  text-decoration:none;
}

.navbar-header-center {
    /*float: none !important;
    width: 100% !important;
    text-align: center !important;*/
}

@media (min-width: 768px){
    .navbar-nav{
        /*float:none !important;*/
        margin: 0 auto !important;
        display: table !important;
        table-layout: fixed !important;
    }
}



/* SPECIFIC ARTIST */

.navbar-header {
    /*margin-top:30px;*/
}


.navbar-brand {
    /*background-color:#888 !important;*/
    
    line-height: 15px !important;
    height: 37px;
}

.navbar-artcity-MainMenu .navbar-nav
{
    /*margin-top      :  20px !important;*/
   /* border-bottom   :  1px solid #999;*/
     
}

.navbar-artcity-MainMenu .navbar-header
{
    margin-top:-8px !important;
    /*border-bottom:1px solid #999;*/
    
    
     
}


.navbar-artcity-subMenu
{
 
 min-height: 0px !important;
}

