/*******************************************************************************
    WE DO NOT USE THIS CUSTOM THEME EDITOR!

    Want to edit your site's theme?  Read below.

    If you are using a PUBLIC site:
      Go to the css:_home page.
      Follow any steps given on the page.
    
    If you are using a PRIVATE site:
      In the Site Manager, find the theme called Private Site CSS
      Add your custom CSS below what you see.
*******************************************************************************/

@import url('http://css.wikidot.com/theme:standard-green/code_');
@import url('/local--theme/global-css/style.css');
#search-top-box {
right:50px;
top:50px;
}
.carousel {  width: 100%; }
img {
.img-responsive;
}

#side-bar {
width:30%;
}

#main-content {
width: 80%;
}

#container-wrap{
    width: 100%;
    margin: auto;
}

#container {
width: 95%;
padding-left: 0px;
margin: 0 auto;
}
/* vendor prefixes removed for clarity */
.ribbon {
    width: 700px;
    margin: 10px auto;
    padding: 0 10px 0;
    position: relative;
    color: #444;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.ribbon h3 {
    display: block;
    height: 40px;
    line-height: 1.3;
    width: 108%;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    left: -16px;
    top: 8px;
    color: #ecf0f1;
    text-shadow: 0 1px 1px #111;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #202020;
    background: #32B04F;
    background: linear-gradient(top, #383838 0%, #262626 100%);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border-radius: 4px;
    font-size: 12px;
}
.ribbon h3::before,
.ribbon h3::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -11px;
    z-index: -10;
    border: 5px solid;
    border-color: #242424 transparent transparent transparent;    
    width: 10px;
    height: 10px;
    bottom: -4px;
    border: none;
    border-radius: 10px;
}
.ribbon h3::before 
{
left: 0;
    background: #33aaf8;
    background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
}
.ribbon h3::after {
right: 0;
    background: #33aaf8;
    background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
}


.ribbon.ribbontown h3 {
    background: #bdc3c7;
}

.ribbon.ribbonshop h3 {
    background: #f39c12;
}

.ribbon.ribbonsmall {
    width: 340px;
}
.ribbon.ribbonsmall h3 {
    width: 350px;
}
.sectiontitle h3 {
   width: 800px;
    color: #444;
    background: #fff;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #202020;
    background: linear-gradient(top, #383838 0%, #262626 100%);
    border-radius: 2px 2px 1px 1px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ribbon h4 {
    display: block;
    height: 20px;
    line-height: 1.3;
    width: 720px;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    left: -16px;
    top: 8px;
    color: #ecf0f1;
    text-shadow: 0 1px 1px #111;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #202020;
    background: #32B04F;
    background: linear-gradient(top, #383838 0%, #262626 100%);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border-radius: 4px;
}
.ribbon h4::before,
.ribbon h4::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -11px;
    z-index: -10;
    border: 5px solid;
    border-color: #242424 transparent transparent transparent;    
    width: 10px;
    height: 10px;
    bottom: -4px;
    border: none;
    border-radius: 10px;
}
.ribbon h4::before 
{
left: 0;
    background: #33aaf8;
    background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
}
.ribbon h4::after {
right: 0;
    background: #33aaf8;
    background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
}


.ribbon.ribbontown h4 {
    background: #bdc3c7;
}

.ribbon.ribbonshop h4 {
    background: #f39c12;
}

.ribbon.ribbonsmall h4 {
    width: 350px;
}
.sectiontitle h4 {
   width: 800px;
    color: #444;
    background: #fff;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #202020;
    background: linear-gradient(top, #383838 0%, #262626 100%);
    border-radius: 2px 2px 1px 1px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}
img {
  max-width: 100%;
  height: auto;
}
.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}