/*
Theme Name: City Of Prospect
Author: Dspace
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.
Version: 1.0.11
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*CIRCLES*/

/*.page-template-template_plan #content{ background:#FFF;  }*/
.page-template-template_plan .site-main { min-height:950px; max-width:80%;  }

.page-template-template_plan.menu_drwayer .site-main { min-height:950px; max-width:100%;  }
.page-template-template_plan.menu_drwayer .rightbar{ width:100%; }
.page-template-template_plan .page-container .leftbar.menudrwayer{ left:-100%; }
.page-container .leftbar{
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; z-index:999;
  transition: all 0.2s ease-in-out;
}
.overview{ width:600px; margin:0 auto; }
.place_menu{ float:left; width:100%; text-align:center; background:url(img/white_logo.png) center center; min-height:400px; background-repeat:no-repeat; position:relative; top:100px; list-style:none;-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;/* top:25vh;*/ background-size:200px;      } 	
.inner_box{ list-style:none; }

.loadermenu{ position:absolute; width:150px; height:150px; float:left; border-radius:100%; border:4px solid #000; font-size:28px; text-decoration:none !important;  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out; 
  transition: all 1s ease-in-out; opacity:0;
  background:#FFF; z-index:999;
 }
 
 
 .entry-content img{ max-width:100%; display:block; margin:0 auto; height:auto !important;   }
 .page-template-template_plan.menu_drwayer .show_menu{ display:block; }
 .show_menu{     position: fixed;
    top: 0px;
    background: #000;
    width: 40px;
    height: 35px;
    font-size: 25px;
    text-align: center;
    left: 335px;
    display: none; cursor:pointer;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; 
  transition: all 0.3s ease-in-out; z-index:99999;	}

.menu_bubbles{-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; opacity:1;   }
 .menu_bubbles.active{ opacity:1; z-index:99;  }
/*li.menu_item:hover > ul.menu_bubbles{ opacity:1; }*/



.loadermenu.menu_0.active{ color:#00aff1; border-color:#00aff1; top:-5px; left:-15px; opacity:1;  }
.loadermenu.menu_1.active{ color:#f9921a; border-color:#f9921a; top:-5px; right:-15px; left:auto; opacity:1; }
.loadermenu.menu_2.active{ color:#bad127; border-color:#bad127; bottom:-5px; left:-15px;opacity:1;  }
.loadermenu.menu_3.active{ color:#ec008b; border-color:#ec008b; bottom:-5px; right:-15px; left:auto; opacity:1;  }
.menu_bubbles{ list-style:none; }

.menu_item.item_0 a:hover,.menu_item.item_0 a.opens{ background-color:#00aff1; color:#FFF;  }
.menu_item.item_1 a:hover,.menu_item.item_1 a.opens{ background-color:#f9921a; color:#FFF;  }
.menu_item.item_2 a:hover,.menu_item.item_2 a.opens{ background-color:#bad127; color:#FFF;  }
.menu_item.item_3 a:hover,.menu_item.item_3 a.opens{ background-color:#ec008b; color:#FFF;  }



.innner_menu{ float:left; width:150px; height:150px; position:absolute;text-decoration:none; border-radius:100%;border:3px solid #00aff1;  color:#00aff1;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all  0.3s ease-in-out;
  transition: all  0.3s ease-in-out; }
  
 .loadermenu:after{ -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; width:52px; content:''; height:6px; position:absolute;  } 
 
 .loadermenu.menu_0:after{ 
	left: 100%;
    top: 70%;
    transform: rotate(15deg);
	background:#00aff1;     }

 .loadermenu.menu_1:after{ 
	right: 100%;
    top: 70%;
    transform: rotate(-15deg);
	background:#f9921a;     
}

 .loadermenu.menu_2:after{ 
	left: 100%;
    bottom: 70%;
    transform: rotate(-15deg);
	background:#bad127;     
}

 .loadermenu.menu_3:after{ 
	right: 100%;
    bottom: 70%;
    transform: rotate(15deg);
	background:#ec008b;     
}	
  
  
  
.innner_menu:after{-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; width:0px; position:absolute;    }



 
  
  
.innner_menu span,.loadermenu span{  height:150px; vertical-align:middle; display:table-cell; width:150px;   }
.innner_menu span{ font-size:17px; line-height:20px; padding:0 15px;  }


.innner_menu{  opacity:0;  width:50px; height:50px;   }

.active .innner_menu{ opacity:1; width:150px; height:150px;  }
.item_0 .innner_menu{ left:0px;  top:100px; }
.item_0 .active .inner_1{  top:-5%; left:-50%;  -webkit-transition: all 1s ease-in-out; }
.item_0 .active .inner_2{top:-44%; left:-53%;  -webkit-transition: all 0.825s ease-in-out; }
.item_0 .active .inner_3{ top:-44%; left:-27%; -webkit-transition: all 0.625s ease-in-out; }
.item_0 .active .inner_4{top:-44%; left:-1%; -webkit-transition: all 0.5s ease-in-out;  }

.item_0 .active a:after{ content:''; height:10px; position:absolute; height:5px; background:#00aff1;      }
.item_0 .active .inner_1:after{width: 100%; left: 100%; top: 55%;transform: rotate(11deg); }
.item_0 .active .inner_2:after{width: 147%; left: 76%;  bottom: -26px;   transform: rotate(20deg); }
.item_0 .active .inner_3:after{ width: 59%;  left: 79%;  bottom: -9px;  transform: rotate(48deg); }
.item_0 .active .inner_4:after{width: 17%; left: 43%;  bottom: -16px; transform: rotate(90deg) }





.item_1 .innner_menu{ right:0px;  top:100px; }
.item_1  .innner_menu{ border:3px solid #f9921a;  color:#f9921a; }

.item_1 .active .inner_1{  top:-5%; right:-50%; -webkit-transition: all 1s ease-in-out;  }
.item_1 .active  .inner_2{top:-44%; right:-53%; -webkit-transition: all 0.8s ease-in-out; }
.item_1 .active  .inner_3{ top:-44%; right:-27%;-webkit-transition: all 0.6s ease-in-out;  }
.item_1 .active  .inner_4{top:-44%; right:-1%; -webkit-transition: all 0.3s ease-in-out;   }


.item_1 .active a:after{ content:''; height:10px; position:absolute; height:5px; background:#f9921a;      }
.item_1 .active  .inner_1:after{width: 100%; right: 100%; top: 55%;transform: rotate(-5deg); }
.item_1 .active  .inner_2:after{width: 147%; right: 76%;  bottom: -26px;   transform: rotate(-20deg); }
.item_1 .active  .inner_3:after{ width: 59%;  right: 79%;  bottom: -9px;  transform: rotate(-48deg); }
.item_1 .active  .inner_4:after{width: 17%; right: 43%;  bottom: -16px; transform: rotate(90deg); }


.item_2 .innner_menu{ left:0px;  bottom:100px; }

.active  .innner_menu{ opacity:1 !important; }
.item_2 .active  .innner_menu{ border:3px solid #bad127;  color:#bad127; }
.item_2 .active  .inner_1{  bottom:-5%; left:-55%; -webkit-transition: all 1s ease-in-out; }
.item_2 .active  .inner_2{bottom:-44%; left:-53%;  -webkit-transition: all 0.825s ease-in-out;  }
.item_2 .active  .inner_3{ bottom:-44%; left:-27%; -webkit-transition: all 0.625s ease-in-out;  }
.item_2 .active  .inner_4{bottom:-44%; left:-1%; -webkit-transition: all 0.5s ease-in-out;   }

.item_2  .active a:after{ content:''; height:10px; position:absolute; height:5px; background:#bad127;      }

.item_2 .active .inner_1:after{ width: 119%; left: 100%; top: 40%; transform: rotate(-5deg); }
.item_2 .active .inner_2:after{width: 145%; left: 78%;  top: -26px;  transform: rotate(-23deg);}
.item_2 .active .inner_3:after{ width: 60%; left: 75%; top: -15px; transform: rotate(144deg); }
.item_2 .active .inner_4:after{width: 17%; left: 43%;  top: -16px; transform: rotate(90deg) }


.item_3 .innner_menu{ right:0px;  bottom:100px; }

.item_3 .active  .innner_menu{ border:3px solid #ec008b;  color:#ec008b; }
.item_3 .active .inner_1{  bottom:-5%; right:-55%; -webkit-transition: all 1s ease-in-out;  }
.item_3 .active .inner_2{bottom:-44%; right:-53%; -webkit-transition: all 0.8s ease-in-out;  }
.item_3 .active .inner_3{ bottom:-44%; right:-27%; -webkit-transition: all 0.6s ease-in-out; }
.item_3 .active .inner_4{bottom:-44%; right:-1%; -webkit-transition: all 0.3s ease-in-out;  }

.item_3 .active a:after{ content:''; height:10px; position:absolute; height:5px; background:#ec008b;      }

.item_3 .active .inner_1:after{ width: 119%; right: 100%; top: 40%; transform: rotate(5deg); }
.item_3 .active .inner_2:after{width: 145%; right: 78%;  top: -26px;  transform: rotate(23deg);}
.item_3 .active .inner_3:after{ width: 60%; right: 75%; top: -15px; transform: rotate(-144deg); }
.item_3 .active .inner_4:after{width: 17%; right: 43%;  top: -16px; transform: rotate(90deg) }

.hidden_circle{ position:absolute; display:none;-webkit-transition: all 1s ease-in-out; margin-top:-70px; 
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; 
	width:300px;
	height:300px; 
    background: #000;
    border-radius: 100%;    
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
	z-index:9999; padding:5px 10px; 
	}
.item_0 .hidden_circle{ background-color:#0082f1; }	
.item_1 .hidden_circle{ background-color:#e07e0d; }	
.item_2 .hidden_circle{ background-color:#92a51b; }
.item_3 .hidden_circle{ background-color:#bd0973; }
.hidden_circle div{
	width: 280px;
    height: 280px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    border-radius: 100%;
    text-align: left;
	text-decoration:none !important;
	color:#FFF !important;
	
}
.menu_item.item_3  .inner_1 .hidden_circle,
.menu_item.item_3  .inner_2 .hidden_circle,
.menu_item.item_1  .inner_1 .hidden_circle,
.menu_item.item_1  .inner_2 .hidden_circle{ left:-120px; }