.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-distrito{

	background-color: #001349;

	color: #fff;

}

.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;

}