@charset "utf-8";
/* CSS Document */

.blog_branch{width:100%; float:left; margin:0; padding:0; overflow:hidden;}
.crop_branch{width:80%; margin:auto; padding:20px 0 0 0; overflow:hidden;}
.manage_acc_branch{width:100%; float:left; margin:0; padding:0; overflow:hidden; text-align:right; text-transform:uppercase;}
.manage_acc_branch a{color:#00529c;}

/*fancybox*/
a.fancybox{padding-left:15px; padding-top:20px; color:#00529c;}
/*fancybox*/

/*Accordion*/
/*	#left_nav {
        width:250px;
    }
    #body {
        width:90%;
        float:left;
        margin:10px;
    }
    .accordion {
        margin: 0;
        padding:10px;
        height:25px;
        border-top:#f0f0f0 1px solid;
        background: #e5eaf3;
        font-family: 'psl_kandamodern_probold';
        text-decoration:none;
        text-transform:uppercase;
        color: #00529c;
        font-size:20pt;
    }
    .accordion-open {
        background:#1b62ae;
        color: #fff;
    }
    .accordion-open span {
        display:block;
        float:right;
        padding:10px;
    }
    .accordion-open span {
        background:url(/images/minus.png) center center no-repeat;
    }
    .accordion-close span {
        display:block;
        float:right;
        background:url(/images/plus.png) center center no-repeat;
        padding:10px;
    }
	
	
    div.container {
        padding:0;
        margin:0;
    }
    div.content {
        background:#f0f0f0;
        margin: 0;
        padding:10px;
        font-size:.9em;
        line-height:1.5em;
        font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    }
    div.content ul, div.content p {
        padding:0;
        margin:0;
        padding:3px;
    }
    div.content ul li {
        list-style-position:inside;
        line-height:25px;
    }
    div.content ul li a {
        color:#555555;
    }
    code {
        overflow:auto;
    }*/
#navigation {
    width:250px;
}

#content {
    width:700px;
}

#navigation,
#content {
    float:left;
    margin:10px;
}

.accordion,
.page_collapsible {
    margin: 0;
    padding:10px;
    height:25px;

	border-top:#f0f0f0 1px solid;
	background: #e5eaf3;

    font-family: 'psl_kandamodern_probold';
	text-decoration:none;
	text-transform:uppercase;
	color: #00529c;
	font-size:20pt;
}

.collapse-open {
    background:#1b62ae;
    color: #fff;
}

.collapse-open span {
    display:block;
    float:right;
    padding:10px;
}

.collapse-open span {
    background:url(../images/minus.png) center center no-repeat;
}

.collapse-close span {
    display:block;
    float:right;
    background:url(../images/plus.png) center center no-repeat;
    padding:10px;
}

div.container {
    padding:0;
    margin:0;
}

div.content {
    background:#f0f0f0;
    margin: 0;
    padding:10px;
    font-size:.9em;
    line-height:1.5em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.content ul, div.content p {
    margin:0;
    padding:3px;
}

div.content ul li {
    list-style-position:inside;
    line-height:25px;
}

div.content ul li a {
    color:#555555;
}

code {
    overflow:auto;
}	
/*Accordion*/

.accordion_expand ul li{height:135px; width:100%; border-bottom:1px solid #CCC; padding:10px 0;}
.accordion_expand ul li:last-child{border:none;}

.branch_li_img{width:13%; float:left; margin:0; padding:0 30px; overflow:hidden;}
.branch_li_desc{width:77%; float:left; margin:0; padding:0; overflow:hidden;}
.branch_li_desc p{color:#666666;}
.branch_li_desc p.title_region{font-family: 'psl_kandamodern_probold';color: #00529c;font-size:20pt;}

/*hover image zoom*/	
/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 10px;
  /*width: 25%;*/
  overflow: hidden;
  border-radius:50px;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(65, 118, 172, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius:50px;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  background:url(/images/map_hover.png) 50% 25% no-repeat;
  height:100%;
}

/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
  .effects {
    padding-left: 5px;
  }
  .effects .img {
    width: 50%;
  }
  .effects .img:nth-child(n) {
    margin-right: 5px;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: 0;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
  .effects .img img {
    margin: 0 auto;
  }
}
/*hover image zoom*/