/* =================  default websplanet CSS =============== */
.languages {}
.headerimage {}
.slogan {}
.logo {
  text-decoration: none;
}

.skinBg {}
.skinAlign {}
.footerText {}
.footerLinks {}
.titles {}

.astrix {}
.form_field_text {}
.text_field {}
.text_field_big {}

.buttons {
    border-width: 1px;
    padding:6px 24px;
}
.buttons:active {
    position:relative;
    top:1px;
    box-shadow:none;
}
.search_button {}
.search_field {}
.search_text {}
.search_result_highlight {}

.login_field {}


/* Modules */

.module-wrapper {}
.module-title {}
.module-content {}

/* Widgets */

.widget-wrapper {margin:7px;}
.widget-title {}
.widget-body {}

/* picture+text widget */
.image_wrapper.free-image-left{
    margin-right: 5px;
}
.image_wrapper.free-image-right{
    margin-left: 5px;
}

img{display: inline-block;}
/* margin on jobs/FAQ/ pages */
#jobs-module {
    margin-left: 30px;
    width: auto !important;
}


/*------------widget popup default (google map/gallery/contactus on mobile version) ---------*/
.widget-popup{
    overflow:hidden; 
    top:0px; 
    left:0px;
    position:absolute; 
    width:100%;                       
    z-index:1000;
}
.widget-popup-control-bar{
    overflow:hidden; 
    position:fixed; 
    top:0px; 
    left:0px;
    width:100%;
    height:50px;
}
.widget-popup-content{
    display:inherit;
    overflow:hidden; 
    position:absolute; 
    top:50px; 
    left:0px;
    width:100%;
    height:420px;
    display:inherit;
}
.widget-popup-control-bar #close_map{
  text-align:center;
  font-weight:bold;
  font-size:1em;
  line-height:50px;
}
.widget-button{
    width:100%; 
    height:30px; 
    text-align:center; 
    padding-top:10px;  
    z-index:1001;
}
div.widget-button:hover{cursor:pointer;}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .widget-popup{
        height: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .widget-popup{
    height: 480px;
    }
}


/* =================  click to action button =============== */

#fixed_mobile_action{display:none;}


@media only screen and (max-width: 767px){
    #fixed_mobile_action{display:block;}
    body{
      padding-bottom:40px !important;
    }
}
@media only screen and (max-width:479px){
#panel {
    width: 100%;
    height: 220px;
    }

}

/* =================  end click to action button =============== */

/* =================  templates grid elements =============== */

header,#content{
  font-family: 'Open Sans', sans-serif;
}
#content{
word-break: break-word;
}
.wp-menu a{
  text-transform: uppercase; 
}

.mirrormenu li:last-child{
  border-right: none;
}
.logo-container {
  font-size: 4em;
  text-align: center;
  line-height: normal;
}
.taglines {
  text-align: center;
  font-size: 1.5em;
}
.taglines div{
display:inline-block;
}
#content,footer{clear: both;}
.headerimage{
    position: relative;
    margin-bottom: 20px;
}

.headerimage img{
    width: 100%;
}
.footer{
    margin-bottom: 50px;
    padding-top: 20px;
    position: relative;
}

.footer li{
    float:left;
    margin: 0;
}
.footer-text{
   clear: both;
  margin:0 15px 15px;
}
.credit {
  display: block;
}

.mirrormenu{float: right;}
.mirrormenu li {
  display: inline-block;
  list-style: none outside none;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.mirrormenu a {
  display: block;
  font-size: 0.8em;
  line-height: 1em;
  margin: 0 0.2em;
  padding: 5px;
  text-decoration: none;
}
.nav{
    text-align: center;
}
/* ================= media queries =============== */
@media only screen and (max-width: 959px) {
 
}
@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {
   .mirrormenu,
   .footer:after,
   .footer:before{display: none;}
 
}

#circle-action{
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
z-index: 1000;
border-radius: 40px;
border-top-right-radius: 40px;
}

#circle-action li{
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
border-radius: 40px;
}
#circle-action li:first-child {
z-index:2;
}