.bg-zona{
	background-image: url(../images/bgs.png);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-family: 'Raleway', sans-serif;
}

.carousel {
  background: url(../images/bg.png);
}

.carousel-cell {
  width: 100%;
  margin-right: 0px;
  background: transparent;
	margin-top: 70px;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}


.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}


/*card ramas*/


.card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.card .box .img img {
    width:100%;
    height:100%;
}
.card .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
.card .box h2 .rama {
    font-size:14px;
    background-color: #d33741;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .zona {
    font-size:14px;
    background-color: #e66000;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .golondrinas {
    font-size:14px;
    background-color: #2a317d;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .lobatos {
    font-size:14px;
    background-color: #f6dc00;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .guias {
    font-size:14px;
    background-color: #61abeb;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .scouts {
    font-size:14px;
    background-color: #46b258;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}

.card .box h2 .pioneros {
    font-size:14px;
    background-color: #430088;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}

.card .box h2 .caminantes {
    font-size:14px;
    background-color: #d33741;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box h2 .borde-distrito{
    font-size:14px;
    background-color: #001349;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box p {
    color:#262626;
}
.card .box span {
    display:inline-flex;
}
.card .box ul {
    margin:0;
    padding:0;
}
.card .box ul li {
    list-style:none;
    float:left;
}
.card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}
.text-mini{
	font-size: 10px;
}
.text-rama{
	font-size: 13px;
}

/*border ramas*/

.borde-golos{
	border-top: 3px solid #2a317d;
}

.borde-lobatos{
	border-top: 3px solid #f6dc00;
}

.borde-guias{
	border-top: 3px solid #61abeb;
}

.borde-scouts{
	border-top: 3px solid #46b258;
}

.borde-pioneros{
	border-top: 3px solid #430088;
}

.borde-clan{
	border-top: 3px solid #d33741;
}

.borde-zona{
	border-top: 3px solid #e66000;
}

.borde-distrito{
	border-top: 3px solid #001349;
}

.nav-zona{
	background-color: orangered;
	color:#fff;
}

.nav-zona a{
	color: #fff;
}


/*BG RAMAS*/
.bg-golos{
	background-color: #2a317d;
	color: #fff;
}

.bg-lobatos{
	background-color: #f6dc00;
	color: #2a317d;
}

.bg-guias{
	background-color: #61abeb;
	color: #fff;
}

.bg-scouts{
	background-color: #46b258;
	color: #fff;
}

.bg-pioneros{
	background-color: #430088;
	color: #fff;
}

.bg-caminantes{
	background-color: #d33741;
	color: #fff;
}

/*TEXT RAMAS*/
.text-golos{
	color: #fff#2a317d;
}
.text-lobatos{
	color: #f6dc00;
}
.text-guias{
	color: #61abeb;
}
.text-scouts{
	color: #46b258;
}
.text-pioneros{
	background-color: #430088;
	color: #fff;
}
.text-caminantes{
	color: #d33741;
}

.text-zona{
	color: #e66000;
}



/*Magazine*/

.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}



/*SLIIIIIIIIIIIIIIIIIIIDER*/

.holderCircle { width: 500px; height: 500px; border-radius: 100%; margin: 60px auto; position: relative; }


.dotCircle { 
	
	width: 100%; 
	height: 100%; 
	position: absolute; 
	margin: auto; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 20; 
}
.dotCircle  .itemDot { 
	display: block; 
	width: 80px; 
	height: 80px; 
	position: absolute; 
	position: absolute; 
	background: transparent;  
	text-align: center; 
	line-height: 80px; 
	font-size: 30px; 
	z-index: 3; 
	cursor: pointer; 
	border-radius: 100px;
}
.dotCircle  .itemDot .forActive { 
	width: 56px; 
	height: 56px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	display: none; 
}
.dotCircle  .itemDot .forActive::after { 
	content: ''; 
	width: 5px; 
	height: 5px;
	bottom: -31px; 
	left: -14px; 
	filter: blur(1px); 
	position: absolute;  
}
.dotCircle  .itemDot .forActive::before { 
	content: ''; 
	width: 6px; 
	height: 6px; 
	filter: blur(5px); 
	top: -15px; 
	position: absolute; 
	transform: rotate(-45deg); 
	right: -39px; 
}
.dotCircle  .itemDot.active .forActive { 
	display: block; 
}

.round { 
	position: absolute; 
	left: 40px; 
	top: 45px; 
	width: 410px; 
	height: 410px; 
	border-radius: 100%; 
	border: 2px dotted #a733bb;
	-webkit-animation: rotation 100s infinite linear; 
}
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { 
	color: #ffffff; 
	transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ 
		
	-webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); 
	-moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); 
	box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); 
}

.dotCircle .itemDot { 
	font-size: 40px; 
}
.contentCircle { 
	width: 250px; 
	border-radius: 100%; 
	color: #222222; 
	position: relative; 
	top: 150px; 
	left: 50%; 
	transform: translate(-50%, -50%); 
}
.contentCircle .CirItem { 
	border-radius: 100%; 
	color: #222222; 
	position: absolute; 
	text-align: center; 
	bottom: 0; 
	left: 0; 
	opacity: 0; 
	transform: scale(0); 
	transition: 0.5s; 
	font-size: 15px; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	right: 0; 
	margin: auto; 
	line-height: 250px; 
}

.CirItem.active { 
	z-index: 1; 
	opacity: 1; 
	transform: scale(1); 
	transition: 0.5s; 
}
.contentCircle .CirItem i { 
	font-size: 180px; 
	position: absolute; 
	top: 0; 
	left: 50%; 
	margin-left: -90px; 
	color: #000000; 
	opacity: 0.1; 
}

@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle { width: 300px; height: 300px; margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
  .title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }
        .title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: #640178; }
        .title-box p {font-size: 17px; line-height: 2em; }
/*SLIIIIIIIIIIIIIIIIIIIDER*/

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}


/* .bg-zn-1{
	background-image:url(../bg-1.svg);
	width: 100%;
	backgrund-repeat: no-repeat;
	background-size: cover;
}
.bg-zn-2{
	background-image:url(../bg-2.svg);
	width: 100%;
	backgrund-repeat: no-repeat;
	background-size: cover;
}
.bg-zn-3{
	background-image:url(../bg-3.svg);
	width: 100%;
	backgrund-repeat: no-repeat;
	background-size: cover;
}*/

.fb-page{
	height: 500px;
}

.card-zona{
	margin-top: 10px;
}

/*footer*/
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}