/*


/*-----------------------------------------------------------------------------------*/


/*	01. TABS IZQUIERDA - VERDE


/*-----------------------------------------------------------------------------------*/


.product{


	border-top: none;


}


.product .product-content{


	margin-top: 30px;


	margin-bottom: 30px;


}


.product .product-content .tab-area ul{


	padding: 0;


	margin: 0;


	list-style-type: none;


	border: 0;


}


.product .product-content .tab-area li{


	float: none;


	margin-bottom: 0px;


}


.product .product-content .tab-area li a{


	display: block;


	padding: 5px 0px 5px 15px;


	border-radius: 0 !important;


	color: #575757;


	border:1px solid #ededed;


	-webkit-transition: all 0.5s ease;


	-moz-transition: all 0.5s ease;


	-o-transition: all 0.5s ease;


	-ms-transition: all 0.5s ease;


	transition: all 0.5s ease;


	position: relative;


	text-decoration:none;


}


.product .product-content ul > li.active > a:after {


	top: 0px;


	border: solid transparent;


	content: " ";


	height: 0;


	width: 0;


	position: absolute;


	pointer-events: none;


}


.product .product-content ul > li.active > a:after {


	border-color: rgba(75, 170, 211, 0);


	border-width: 15px;


	left: 100%;


}


.product .product-content .tab-area span.product-detail{


	display: block;


	margin-top:5px;


	margin-left: 10px;


	padding: 5px 0px;


}


.product .product-content .tab-pane{


	border: none;


}


.product .product-content ul > li.active > a{


	background: #07b873;


	color: #fff;


}


.product .product-content .tab-area li a:hover{


	background: #07b873;


	color: #fff;


}


.product .product-content ul > li.active > a:after {


	border-left-color: #05a969;


}


.product .product-content .tab-area  li.active > a .product-title i{


	color: #05a969;


}


.tab-content {


	background: rgba(250,250,250, 0.7);


	padding: 30px 20px;


	border-left: 2px solid #07b873;


	box-shadow: rgb(153, 153, 153) 0px 1px 1px;


	-webkit-box-shadow: rgb(153, 153, 153) 0px 1px 1px;


	-moz-box-shadow: rgb(153, 153, 153) 0px 1px 1px;


}


/*-----------------------------------------------------------------------------------*/








/*


/*-----------------------------------------------------------------------------------*/


/*	02. CAJA CON SOMBRA


/*-----------------------------------------------------------------------------------*/


.shadow-box {


	height: auto;


	padding: 30px;


	display: block;


	max-width: 75%;


	position: relative;


	margin: 0 auto 30px;


	background-color: #F3F3F3;


	-webkit-border: 1px solid #e4e4e4;


	-moz-border: 1px solid #e4e4e4;


	-o-border: 1px solid #e4e4e4;


	border: 1px solid #e4e4e4;


}


.shadow-box:after {


	left: 0;


	top: 100%;


	content: '';


	width: 100%;


	height: 26px;


	z-index: 6998;


	position: absolute;


	background-image: url(../../imagenes/graficos/shadow.png);


	background-repeat: no-repeat;


	background-position: center top;


}


/*-----------------------------------------------------------------------------------*/








/*


/*-----------------------------------------------------------------------------------*/


/*	02. CAJA CON SOMBRA


/*-----------------------------------------------------------------------------------*/


.feature-boxs-wrapper1 {


    margin: 0;


    padding: 0;


    width: 100%;


    overflow: hidden;


}


.feature-box-containt p:last-child { 


	margin-bottom: 0; 


}


.feature-box-style1 {


    width: 100%;


    padding: 0 15px;


    position: relative;


    margin: 0 0 30px 0;


}


.feature-boxs-wrapper1 .col-md-4:after {


    top: 0;


    right: 0;


    width: 1px;


    content: '';


    height: 100%;


    position: absolute;





    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));


    background-image: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));


    background-image: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));


    background-image: -o-linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));


    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));


}


.feature-boxs-wrapper1 .col-md-4:last-child:after { 


	display: none; 


}


.feature-box-style1 .feature-box-title {


    width: 100%;


    height: 40px;


    overflow: hidden;


    margin-bottom: 8px;


}


.feature-box-style1 .feature-box-title h3 {


    margin: 0;


    padding: 0;


    float: left;


    line-height: 40px;


    display: inline-block;


}


/*-----------------------------------------------------------------------------------*/














/*


/*-----------------------------------------------------------------------------------*/


/*	02. CAJA CON SOMBRA


/*-----------------------------------------------------------------------------------*/


.timeline1 {


    border-left:3px solid #34495E;


    margin-left:110px;


    padding-left:10px;


}


.event {


	padding:20px 10px 20px 18px;


	margin-bottom:15px;


}


.event .event-info {


	position:absolute;


	left:50px;


	width:100px;


}


.event .event-info:after {


	font-family: FontAwesome;


    width:36px;


	height:36px;


    position: absolute;


    right: 5px;


    top: -7px;


	content:"";


	text-align:center;


	font-size:14px;


	border-radius:50%;


	background-color:#1ABC9C;


	border:6px solid #34495E;


	display: inline-block;


	padding-top:2px;


}


.event .event-info .date {


	font-size:13px;


	margin-left:20px;


}


.event .event-info .date div {


	float:left;


	padding:8px 0 0 12px;


	font-weight:600;


}


.content-first {


	padding:80px 0;


	color:#333;


}


/*-----------------------------------------------------------------------------------*/














/*


/*-----------------------------------------------------------------------------------*/


/*	02. CAJA CON SOMBRA


/*-----------------------------------------------------------------------------------*/


.purity-list ul {


    padding: 0px 10px;


    margin: 0px;


    list-style: none;


    padding: 20px;


    margin: 0px 20px 20px 0px;


    color: #000000;


    background-color: #FFFFFF;


    border: 1px solid #ddd;


}


.purity-list li {


	cursor: pointer;


	padding: 10px 10px 10px 45px;


	background-color: #EEEEEE;


	border-top: 1px solid #FFFFFF;


	border-bottom: 1px solid #DDDDDD;


	overflow: hidden;


	white-space: nowrap;


	text-overflow: ellipsis;


	-webkit-transition: all 0.2s linear;


	-moz-transition: all 0.2s linear;


	-ms-transition: all 0.2s linear;


	-o-transition: all 0.2s linear;


	transition: all 0.2s linear;


	-webkit-border-radius: 4px;


	-moz-border-radius: 4px;


	-ms-border-radius: 4px;


	-o-border-radius: 4px;


	border-radius: 4px;


	background-image: url(../../imagenes/contenido/bullet.png);


	background-repeat: no-repeat;


	background-position: 10px 50%;


}


.purity-list li:first-child {


    border-top: none;


}


.purity-list li:last-child {


    border-bottom: none;


}


.purity-list li:hover {


    background-color: #108FD5;


    background-position: 20px 50%;


    padding-left: 55px;


    color: #fff;


}


/*-----------------------------------------------------------------------------------*/


























 


.service-process{


	background-image: url(../../imagenes/graficos/service-bg.png);


	background-repeat: no-repeat;


	background-size: 100% auto;


	background-position: center top;


	margin-top: 30px


}





@media(max-width:979px){


	.service-process{


		background-image:none


	}


}


.caption-head{


	height:200px;


	width:200px;


	margin:0 auto 30px;


	padding:10px;


	overflow:hidden;


	background-color:#fff;


	border:6px solid #f3f3f3;


	-webkit-border-radius:500px;


	-moz-border-radius:500px;


	border-radius:500px;


	-webkit-transition:background-color .3s ease;


	-moz-transition:background-color .3s ease;


	-o-transition:background-color .3s ease;


	transition:background-color .3s ease


}


.caption-head .caption-icon:hover,.caption-head .caption-title:hover{


	cursor:pointer


}


.caption-head h3{


	font-size:14px;


	font-style:normal;


}


.caption-head:hover{


	background-color:#0fa1d5;


	cursor:pointer;


	-webkit-transition:background-color .3s ease;


	-moz-transition:background-color .3s ease;


	-o-transition:background-color .3s ease;


	transition:background-color .3s ease


}


.caption-head:hover>.caption-title{


	color:#fff;


	-webkit-animation:slideFromBottom 500ms ease;


	-moz-animation:slideFromBottom 500ms ease;


	-o-animation:slideFromBottom 500ms ease;


	animation:slideFromBottom 500ms ease


}


@-webkit-keyframes slideFromBottom{


	from{


		-webkit-transform:translateY(150%) scale(0.5);


		opacity:0


	}


	to{


		-webkit-transform:translateY(0%) scale(1);


		opacity:1


	}


}


	@-moz-keyframes slideFromBottom{


	from{


		-moz-transform:translateY(150%) scale(0.5);


		opacity:0}


	to{


		-moz-transform:translateY(0%) scale(1);


		opacity:1


	}


}


@-ms-keyframes slideFromBottom{


	from{


		-ms-transform:translateY(150%) scale(0.5);


		opacity:0


	}


	to{


		-ms-transform:translateY(0%) scale(1);


		opacity:1


	}


}




















.faq {


  padding: 40px 0;


  background-color: #eeeeee;


}


.faq h1 {


  margin-top: 40px;


}


.faq hr {


  border-top-color: #999999;


}


.faq .panel-group {


  margin-bottom: 0;


}


.faq .panel {


  padding: 0;


  background: #36d7b7;


  -webkit-box-shadow: none;


  box-shadow: none;


}


.faq .panel-collapse p {


  padding: 7px 12px;


}


.faq a[data-toggle] {


  display: block;


  color: #ffffff;


  border-radius: 3px;


  font-size: 18px;


  padding: 7px 12px;


  border: 1px solid #36d7b7;


  text-decoration: none;


}

















.works-img {


	-webkit-border-radius: 15px 0;


	   -moz-border-radius: 15px 0;


			border-radius: 15px 0;


}


.works-img:hover {


	-webkit-box-shadow: none;


	   -moz-box-shadow: none;


			box-shadow: none;


}


.works-img:hover {


	-webkit-box-shadow: 0 10px 10px -4px #ccc;


	   -moz-box-shadow: 0 10px 10px -4px #ccc;


			box-shadow: 0 10px 10px -4px #ccc;	


}














.recent-blog-post {


	padding:18px;


	background-color:#FFFFFF;


	box-shadow:0 1px 3px 2px rgba(0,0,0,0.2);


}





#section-blog-posts .row > div:first-child .recent-blog-post {


	margin-right:20px;


}





#section-blog-posts .row > div:last-child .recent-blog-post {


	margin-left:20px;


}


.recent-blog-post h3 {


	margin:10px 0 12px;


	padding:0 0 6px;


	border-bottom:1px solid #DDDDDD;


	font-size:14px;


	font-weight:bold;


	clear:both;


	line-height:22px;


	color:#555555;


}


.recent-blog-post p {


	font-size:14px;


	margin:0 0 8px;


	color:#666666;


}

















.polaroid1 {


    border:12px solid #fff;


    max-width: 85%;


    box-shadow: 3px 5px 8px rgba(0,0,0,0.5);


    -webkit-transform: rotate(-5deg);


    transform: rotate(-5deg);


}  

















.blog-teaser {


  background-color: #ececec;


  -webkit-border-radius: 10px;


  -moz-border-radius: 10px;


  border-radius: 10px;


  -webkit-box-shadow: 0px 1px 5px #a8a8a8;


  -moz-box-shadow: 0px 1px 5px #a8a8a8;


  box-shadow: 0px 1px 5px #a8a8a8;


  margin-bottom: 40px;


}


@media (min-width: 768px) and (max-width: 979px) {


  .blog-teaser {


    display: block;


    float: none;


    width: 95%;


  }


}


.blog-teaser header {


  padding-top: 20px;


  padding-right: 20px;


  padding-left: 20px;


  text-align: left;


}


.blog-teaser header h3 {


	margin:10px 0 12px;


	padding:0 0 6px;


	border-bottom:1px solid #DDDDDD;


	font-size:14px;


	font-weight:bold;


	clear:both;


	line-height:22px;


	color:#555555;


}


.blog-teaser .body {


  padding-right: 20px;


  padding-left: 20px;


  padding-bottom: 20px;


  margin-bottom: 20px;


  color: #343a3f;


}














.image-3d,.thumbnail-3d{position:relative;display:block}.image-3d img,.thumbnail-3d img{position:relative;z-index:2;border:1px solid #d9dcdf;-webkit-backface-visibility:hidden}.image-3d:after,.thumbnail-3d:after{display:block;position:absolute;content:'';z-index:1;width:100%;min-height:100%;background:#d9dcdf;right:-10px;top:10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.image-3d.primary:after,.thumbnail-3d.primary:after{background:#448956;opacity:.2;filter:alpha(opacity=20)}.image-3d.primary img,.thumbnail-3d.primary img{border:1px solid #448956}.image-3d.reverse:after,.thumbnail-3d.reverse:after{right:auto;left:-10px}.thumbnail-3d{max-width:360px;margin:0 auto 30px auto}








.thumbnail-3d .inner{width:100%;position:relative;z-index:2;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden}.thumbnail-3d .overlay{position:absolute;display:table;width:100%;top:0;left:0;z-index:3;background:rgba(255,255,255,0.75);padding:0 20px;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(362px, 0);-ms-transform:translate(362px, 0);-o-transform:translate(362px, 0);transform:translate(362px, 0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.thumbnail-3d .overlay .info{display:table-cell;vertical-align:middle}.thumbnail-3d .overlay h4{font-size:1.125em;margin-bottom:4.8px}.thumbnail-3d .overlay p{font-size:.875em;margin-bottom:12px}.thumbnail-3d:hover .inner{-webkit-transform:translate(5px, 5px);-ms-transform:translate(5px, 5px);-o-transform:translate(5px, 5px);transform:translate(5px, 5px)}.thumbnail-3d:hover:after{-webkit-transform:translate(-5px, -5px);-ms-transform:translate(-5px, -5px);-o-transform:translate(-5px, -5px);transform:translate(-5px, -5px)}.thumbnail-3d:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.thumbnail-3d.static:hover .inner{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.thumbnail-3d.static:hover:after{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}























.green-arrow {list-style: none; }


.green-arrow li {


	padding-left: 45px;


	padding-bottom: 15px;


	background-image: url(../../imagenes/contenido/green-arrow.png);


	background-repeat: no-repeat;


	background-position: left top;


}


.green-arrow li:nth-child(odd) {font-weight: bold;}





.highlight {padding: 20px; background: #F8F8F8; border-radius:3px; }








.feature {}


.feature i {display:block; background-color: #0F141A; width: 80px; height: 80px; border-radius: 5px; color: #FFF; line-height: 80px; text-align: center; font-size: 42px; margin: 20px auto;}


.feature h4 {text-align: center;}


.bubble {position: relative;border: 1px solid #E5E5E5; background-color: #FFF; padding:20px; margin-top: 30px; border-radius: 3px;}


.bubble:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; margin-left: -15px; top: -15px; left: 50%;}


.bubble:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #E5E5E5 transparent; display: block; width: 0; z-index: 0; margin-left: -15px; top: -16px; left: 50%;}




















.box-blue-01 {


    padding-top: 15px;


	padding-bottom: 20px;


}


.box-blue-01-item {


    background-color: #e6e9ef;


    border-radius: 5px 5px 5px 5px;


    -moz-border-radius: 5px 5px 5px 5px;


    -webkit-border-radius: 5px 5px 5px 5px;


    padding: 20px;


     border-left: 1px solid #ccc;


     border-right: 1px solid #ccc;


     border-top: 4px solid #24395d;


     border-bottom: 4px solid #24395d;


    transition: all .4s;


    -moz-transition: all .4s;


    -webkit-transition: all .4s;


}


.box-blue-01-item:hover {


    background-color: #24395d;


    color: #e6e9ef;


}


.box-blue-01-item:hover a {


    color: #fff;


    border-color: #fff;


}


@media (max-width: 991px) {


.box-blue-01-item {


    margin-bottom: 20px;


}


}














.box-shadow-block{


	padding:15px 20px;


	border:1px solid #eee;


	background:#fff;


	margin-top:20px;


	margin-bottom:40px;


}


.box-shadow-outer{


	position:relative;


	z-index:1


}


.box-shadow-outer .box-shadow-2{


	position:relative


}.box-shadow-outer .box-shadow-2:after,.box-shadow-outer .box-shadow-2:before{


	z-index:-1;


	position:absolute;


	content:"";


	bottom:10px;


	left:10px;


	width:50%;


	top:50%;


	max-width:300px;


	background:rgba(0,0,0,.3);


	box-shadow:0 15px 10px rgba(0,0,0,.2);


	-webkit-transform:rotate(-3deg);


	-moz-transform:rotate(-3deg);


	-o-transform:rotate(-3deg);


	-ms-transform:rotate(-3deg);


	transform:rotate(-3deg)


}


.box-shadow-outer .box-shadow-2:after{


	-webkit-transform:rotate(3deg);


	-moz-transform:rotate(3deg);


	-o-transform:rotate(3deg);


	-ms-transform:rotate(3deg);


	transform:rotate(3deg);


	right:10px;left:auto


}


/* Box shadow block */


.box-shadow-block {


  border: 2px solid #24395d;


}

















/* team-home */


/* ------------------------------------------------------------------ */








.team-home {


    padding: 0;


    margin: 0;


}





.team-home-item {


    margin: 0 auto 40px auto;


    width: 90%;


}





.team-home-item img {


    display: block;


    margin: 0 auto;


    padding: 10px;


    border: solid 1px #ccc;


    background-color: #fff;


    z-index: 100;


    position: relative;


}





.team-home-item > .team-home-content {


    border-top: solid 1px #ccc;


    border-left: solid 1px #ccc;


    border-right: solid 1px #ccc;


    padding: 40px 10px 10px 10px;


    margin-top: -30px;


}





.team-home-item > .team-home-footer {


    text-align: center;





    


}





.team-home-item > .team-home-footer .blockblue {


    display: block;


    background-color: #24395d;


    color: #fff;


    padding: 10px;





    border-bottom: solid 1px #24395d;


    border-left: solid 1px #24395d;


    border-right: solid 1px #24395d;





    border-radius: 0px 0px 5px 5px;


    -moz-border-radius: 0px 0px 5px 5px;


    -webkit-border-radius: 0px 0px 5px 5px;


}





.team-home-item h3 {


    margin-top: 0;


    padding-top: 0;


    text-align: center;


}





.team-home p.lead {


    font-size: 2.2em;


    text-align: center;


    font-style: oblique;


    font-weight: 300;


    color: #c2cadc;


    font-family: "Roboto Condensed", sans-serif;


    margin-bottom: 30px;


    text-transform: uppercase;


}























.img-box-4{


	margin:20px 0;


}


.img-box-4 .img-box-4-item{


	max-width:400px;margin:10px auto;


	background-color:#FFF;





}


.img-box-4 .img-box-4-content{


	border: 1px solid #24395d;


	border-top: 0;


	padding: 22px 20px 15px;


	position: relative;


	background-color: #24395d;


}


.img-box-4 a i{


	width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:50px;display:inline-block;position:absolute;top:-25px;left:50%;margin-left:-20px;font-size:15px


}


.img-box-4 h4 a{


color:#fff


}


.img-box-4 .bor{


	width:55px;height:3px;margin:12px auto 8px


}


.bg-lblue{


	background-color:#008eac!important


}


.bg-blue{


	background-color:#609cec!important


}











/*


/*-----------------------------------------------------------------------------------*/


/*	TESTIMONIO


/*-----------------------------------------------------------------------------------*/


.testimonial-big {


	width: 100%;


	background-color: #2d2d3f;


}


.testimonial-big p{


	color:#FFF;


	margin-top:10px;


}


.testimonial-big .testimonial-big-text {


	font-size: 34px;


	font-weight: bold;


	color: #fff;


	line-height: 30px;


	position: relative;


	text-align: center;


	padding-top: 30px;


	padding-right: 0px;


	padding-bottom: 30px;


	padding-left: 0px;


	text-shadow: 0px 3px 0px rgba(74,74,89,0.2);


} 


.testimonial-big .testimonial-big-text:after {


	position: absolute;


	left: 0;


	top: 90px;


	content: "\201C";


	font-size: 250px;


	color: black;


	color: rgba(88,88,103,0.2);


} 


.testimonial-big .testimonial-big-text:before {


	position: absolute;


	right: 0;


	bottom: -30px;


	content: "\201D";


	font-size: 250px;


	color: black;


	color: rgba(88,88,103,0.2);


} 


.testimonial-big .row { 


	position: relative;


}


.testimonial-big .row .col-md-2, .testimonial-big .row .col-sm-2, .testimonial-big .row .col-lg2 { 


	position: static;


} 





.testimonial-big2 {


	width: 100%;


	background-color: #008eac;


	padding:20px;


	margin-bottom:20px;


	margin-top:-10px;


}


.testimonial-big2 span{


	font-size:16px;


	font-weight:bold;


}


.testimonial-big2 p{


	color:#FFF;


}














.subtitle {


	font-size:18px;


	font-weight:bold;


	margin-top:30px;


}


.subtitle .line{


	border-bottom:1px rgba(52,152,219,.3) solid;


}


.subtitle .line.large{


	font-weight:bold;font-size:18px;border:0


}


.subtitle .line.x-large{font-weight:bold;font-size:18px;border:0}


.subtitle .line span{display:inline-block;border-bottom:2px #3498db solid;margin-bottom:-2px}


.subtitle .line{margin:0 0 25px}











.title-divider{


	font-size:18px;


	font-weight:bold;


	margin-top:30px;


	text-align: left;


	margin-bottom: 1em;


	padding: 0;


	background-color: #fff;


	background-image: url(../../imagenes/graficos/bg_divider.png);


	background-repeat: repeat-x;


	background-position: left center;


}


.title-divider span{


	background:#fff;


	padding-right:.5em


}





/************************************************


*** multimedia ***


************************************************/


.multimedia {


	margin-top:20px;


	margin-bottom:20px;


  padding: 5px 0;


  color: #3c3c3c;


  background-color: #eeeeee;


  border-bottom: 1px solid #eeeeee;


  border-top: 1px solid #eeeeee;


}


.multimedia .video {


  padding: 20px;


  border-radius: 3px;


  background-color: #ffffff;


  border: 1px solid #eeeeee;


}




















.a_imagen_izq {


	position:relative;


	float: left;


}


.a_imagen_der {


	float: right;


	margin: -100px 0px 10px 10px;


}


.a_imagen_centrada {


	display: block;


	margin: auto;


}

















/*=========================


=======Portfolio CSS=======


===========================*/


.video-content {


	position:relative;


	overflow:hidden;


	cursor:crosshair;


}





.folio-overlay {


	position:absolute;


	bottom:0;


	left:0;


	height:100%;


	width:100%;


	opacity:0;


	background-color:rgba(0, 0, 0, 0.8);


	-webkit-transition: all 0.5s ease-in-out;


	-moz-transition: all 0.5s ease-in-out;


	-ms-transition: all 0.5s ease-in-out;


	-o-transition: all 0.5s ease-in-out;


	transition: all 0.5s ease-in-out;


}





.video-content:hover .folio-overlay {	


	opacity:1;


}





.folio-overlay a.folio-link{


	position:absolute;


	height:50px;


	width:50px;


	font-size:18px;


	border-radius:50%;


	text-align:center;


	border:1px solid #fff;


	opacity:0;


	-webkit-transition: all 0.3s ease-in-out;


	-moz-transition: all 0.3s ease-in-out;


	-ms-transition: all 0.3s ease-in-out;


	-o-transition: all 0.3s ease-in-out;


	transition: all 0.3s ease-in-out;


}





.folio-overlay a:hover {


	background-color:#008eac;


	border-color:#008eac;


}





.folio-overlay a.folio-link {


	top:-150px;


	left:150px;


	margin-top:0px;


	margin-right:0px;	


}


.video-content:hover .folio-overlay a.folio-link{


	top:30%;


	left:44%;


	opacity:1


}





.video-content:hover .img-responsive {


	-moz-transform: scale(1.3) rotate(-15deg);


	-webkit-transform: scale(1.3) rotate(-15deg);


	-o-transform: scale(1.3) rotate(-15deg);


	-ms-transform: scale(1.3) rotate(-15deg);


	transform: scale(1.3) rotate(-15deg);


	-moz-transition: all 0.5s ease-in-out;


	-ms-transition: all 0.5s ease-in-out;


	-o-transition: all 0.5s ease-in-out;


	transition: all 0.5s ease-in-out;


}

















/*=========================


========About Us CSS========


===========================*/





#about-us {


	padding-bottom:20px;


}





.about-content {


	margin-bottom:20px;


	margin-top:40px;


}





.about-icon, 


.hot-feature .icon {


	display:inline-block;


	background-color: transparent;


	width:60px;


	height: 60px;	


	line-height: 56px;


	margin-bottom:15px;


	border-radius: 4px;


	color: #333333;


	font-size: 18px;


	text-align:center;


	border:1px solid #333;


	position:relative;


	


}





.about-content:hover .about-icon, 


.hot-feature:hover .icon{


	background-color:#db2429;


	border-color:#db2429;


	color:#fff;


	


}





.about-content:hover .about-icon:after {


	position: absolute;


	content:"";


	width:0;


	height:0;


	left: 50%;


	margin-left:-12px;


	bottom:-21px;


	border-width: 12px ;


	border-style:solid;


	border-color:#db2429 transparent transparent;	


}





.about-text h3 {


	font-size:18px;


	color:#000;


	margin-bottom:18px;


}























.panel-group>.panel{border-radius:0}.panel-group>.panel .panel-body{background-color:#f7f7f7;border:solid 1px #00708c !important;margin:0}.panel-group>.panel a{color:#fff}.panel-group>.panel .panel-heading{background-color:transparent;padding:0;border:0}.panel-group>.panel .panel-heading a{display:block;background-color:#00708c;padding:10px 15px;text-decoration:none;font-weight:400;font-size:.9em}.panel-group .panel>.panel-heading a.collapsed:before{font-family:'FontAwesome';content:"\f067";font-size:1.4em;margin-right:10px;vertical-align:middle;font-weight:normal;font-style:normal;text-decoration:inherit;*margin-right:.3em}.panel-group .panel>.panel-heading a:before{font-family:'FontAwesome';content:"\f068";font-size:1.4em;margin-right:10px;vertical-align:middle;font-weight:normal;font-style:normal;text-decoration:inherit;*margin-right:.3em}























/**********************/


/* Bootstrap carousel */


/**********************/


.carousel{


	margin:10px auto;


}


.carousel .carousel-control.right {


	left: auto;


	right: 0;


	background-image: none;


	background-image: none;


	background-image: none;


	background-repeat: no-repeat; 


	filter: none;


}


.carousel .carousel-control.left {


	background-image: none;


	background-image: none;


	background-image: none;


	background-repeat: no-repeat; 


	filter: none;


}


.carousel .carousel-control {


	position: absolute;


	z-index:7;


	top: 45%;


	width: 15%;


	opacity: .7;


	filter: alpha(opacity=70);


	font-size: 15px;


	color: #fff;


	text-align: center;


	text-shadow: none;


}


.carousel .carousel-control:hover, 


.carousel .carousel-control:focus {


	outline: 0;


	color: #fff;


	text-decoration: none;


	opacity: 1;


	filter: alpha(opacity=100);


}


.carousel .carousel-control span{


	display:inline-block;


	width:35px;


	height:35px;


	background:rgba(0,0,0,0.4);


	line-height:35px;


	border-radius:3px;


}


.carousel .carousel-indicators li {


	display: inline-block;


	width: 11px;


	height: 11px;


	margin: 1px;


	text-indent: -999px;


	border: 2px solid #fff;


	border-radius: 10px;


	cursor: pointer;


	background-color: #000 \9;


	background-color: rgba(0,0,0,0);


}


.carousel .carousel-indicators .active {


	margin: 0;


	width: 13px;


	height: 13px;


}


@media (max-width:480px){


	.carousel .carousel-indicators{


		display:none;


	}


	.carousel .carousel-control{


		top:40%;


	}


	.carousel .carousel-control span{


		width:auto;


		height:auto;


		background:transparent;


		line-height:0px;


		border-radius:0px;


	}


}


/* Carousel caption */


.carousel .carousel-caption{


	text-shadow:none;


	position:absolute;


	background:rgba(0,0,0,0.7);


	max-width:350px;


	overflow:hidden;


	padding:15px 20px;


	text-align:left;


	z-index:5;


}


@media (max-width:550px){


	.carousel .carousel-caption{


		display:none;


	}


}


.carousel .item .carousel-caption h4,


.carousel .item .carousel-caption h4 a{


	font-size:16px;


	line-height:29px;


	color:#fff;


}


.carousel .item .carousel-caption p{


	color:#ccc;


	font-size:13px;


	line-height:23px;


}


.carousel .item .carousel-caption.c-middle-left{


	top:30%;


	left:7%;


	bottom:auto;


	right:auto;


}


.carousel .item .carousel-caption.c-middle-right{


	top:30%;


	right:7%;


	bottom:auto;


	left:auto;


}


.carousel .item .carousel-caption.c-bottom-left{


	bottom:7%;


	left:5%;


	top:auto;


	right:auto;


}


.carousel .item .carousel-caption.c-bottom-right{


	bottom:7%;


	right:5%;


	top:auto;


	left:auto;


}


.carousel .item .carousel-caption.c-bottom-full{


	bottom:0%;


	left:0%;


	right:auto;


	top:auto;


	max-width:100%;


	width:100%;


	padding:12px 15px;


}


.carousel .item .carousel-caption.c-left-big{


	bottom:0%;


	left:0%;


	top:auto;


	right:auto;


	height:100%;


	padding:30px 25px;


}


.carousel .item .carousel-caption.c-right-big{


	bottom:0%;


	right:0%;


	top:auto;


	left:auto;


	height:100%;


	padding:30px 25px;


}


/* Carousel style one */


.carousel.carousel-one .item{


	padding:120px 20px;


	text-align:center;


}


.carousel.carousel-one h5{


	font-size:22px;


	line-height:35px;


	font-weight:400;


	color:rgba(255,255,255,0.8);


	text-transform:uppercase;


}


.carousel.carousel-one h3{


	font-size:70px;


	line-height:85px;


	font-weight:600;


	color:#fff;


	text-transform:uppercase;


}


.carousel.carousel-one .btn{


	margin-top:10px;


	font-size:14px;


}


@media (max-width:767px){


	.carousel.carousel-one .item{


		padding:60px 20px;


	}


	.carousel.carousel-one h5{


		font-size:15px;


		font-weight:600;


	}


	.carousel.carousel-one h3{


		font-size:30px;


		line-height:45px;


	}


}


/* Carousel three */


.carousel.carousel-two .carousel-two-content{


	position:absolute;


	top:50%;


	width:100%;


	text-align:center;


}


.carousel.carousel-two  h3{


	color:#fff;


	font-weight:300;


	font-size:60px;


	line-height:60px;


	margin-top:-50px;


	background:rgba(0,0,0,0.4);


	padding:20px 0px;


}


.carousel.carousel-two   h3 a,


.carousel.carousel-two   h3 a:hover{


	color:#fff;


}


@media (max-width:767px){


	.carousel.carousel-two   h3{


		font-size:30px;


		line-height:30px;


		margin-top:-15px;


	}


}


@media (max-width:480px){


	.carousel.carousel-two   h3{


		font-size:20px;


		line-height:20px;


		margin-top:-15px;


		padding:0px;


		background:transparent;


	}


}











.table > thead > tr > th {


	border-bottom: 1px solid #24395d;


	background-color: #24395d;


	color: #fff;


}


.table-bordered {


	border-color: #24395d;


}








/*


/*-----------------------------------------------------------------------------------*/


/*	01. TABLAS


/*-----------------------------------------------------------------------------------*/


.table1{


	margin-top:20px;


	border:2px solid #0590BB;


	border-right-width:10px;


	border-bottom-width:5px;


}


.table1>thead>tr>th{


	background-color:#445979;


	color:#FFFFFF;


}


.colorrow{


	background-color:#f9f9f9;


}


.colorrow2{


	background-color:#fff;


}


.colorcell{


	background-color:#f1f2f9;


	color:#1b1c20;


	font-weight:bold;


}


.table1 > thead > tr > th {


	border-bottom: 1px solid #24395d;


	background-color: #24395d;


	color: #fff;


}


.table1-bordered {


	border-color: #24395d;


}


/*-----------------------------------------------------------------------------------*/





/* Copia de pregunta titulo*/





.preg_titulo-f {


	margin-top:10px;


	margin-bottom:10px;


	color: #ffffff;


	background-color:#0fa1d5;


	padding-top: 10px;


	padding-left: 15px;


	padding-bottom: 1px;


	border-radius:5px;


	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


}











/* Copia de pregunta titulo*/





.preg_titulo-umo {


	margin-top:10px;


	margin-bottom:10px;


	color:000000 ;


	background-color:#ececec;


	padding-top: 10px;


	padding-left: 15px;


	padding-bottom: 1px;


	border-radius:5px;


	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


}





.preg_titulo-verde {


	margin-top:10px;


	margin-bottom:10px;


    color: #ffffff;


	background-color:#05a969;


	padding-top: 10px;


	padding-left: 15px;


	padding-bottom: 1px;


	border-radius:5px;


	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);


}





/* 5.4 Gray Section


---------------------------------------------------------------------------*/


.gray-section {


    margin: 20px;


    width: 100%;


    height: 100%;


    padding: 20px 0 20px;


    background-color: #f8f8f8;





    -webkit-border-top: 1px solid #e4e4e4;


       -moz-border-top: 1px solid #e4e4e4;


         -o-border-top: 1px solid #e4e4e4;


            border-top: 1px solid #e4e4e4;





    -webkit-border-bottom: 1px solid #e4e4e4;


       -moz-border-bottom: 1px solid #e4e4e4;


         -o-border-bottom: 1px solid #e4e4e4;


            border-bottom: 1px solid #e4e4e4;


}








/*Quotes*/


blockquote {


	background: #F9F9F9;


	border: 1px solid #EFEFEF;


	position: relative;


	z-index: 0;


	font-size: 15px;


	color: #333;


	clear: both;


	text-align: center;


	-moz-border-radius: 0px;


	-moz-box-shadow: 0px 5px 12px rgba(50, 50, 50, 0.15);


	-webkit-border-radius: 0px;


	-webkit-box-shadow: 0px 5px 12px rgba(50, 50, 50, 0.15);


	margin-top: 30px;


	margin-right: 0;


	margin-bottom: 30px;


	margin-left: 0;


	padding-top: 10px;


	padding-right: 60px;


	padding-bottom: 10px;


	padding-left: 60px;


}





blockquote:before {


	position:absolute;


	content:open-quote;


	top:-10px;


	left:5px;


	font-size:100px;


	color:#DDD;


	z-index:-1;


	font-family:'Georgia', cursive;


}





blockquote:after {


	position:absolute;


	content:close-quote;


	top:-10px;


	right:20px;


	font-size:100px;


	color:#DDD;


	z-index:-1;


	font-family:'Georgia', cursive;


}





blockquote cite {


	display:block;


	font-weight:300;


	font-size:12px;


	margin:5px 0 0;


	color:#F38A88;


}





/*.faq {


  padding: 40px 0;


  background-color: #eeeeee;


}*/


.faq-01 h1 {


  margin-top: 40px;


}


.faq01 hr {


  border-top-color: #999999;


}


.faq-01 .panel-group {


  margin-bottom: 0;


}


.faq-01 .panel {


  padding: 0;


  background: #dff0d8;


  -webkit-box-shadow: none;


  box-shadow: none;


}


.faq-01 .panel-collapse p {


  padding: 7px 12px;


}


.faq-01 a[data-toggle] {


  display: block;


  color: #fff;


  border-radius: 3px;


  font-size: 18px;


  padding: 7px 12px;


  border: 1px solid #05a969;


  text-decoration: none;


  background-color:#05a969;


}





/* Inicio mescla de colores*/


.hr-f {


	





	 background-image:  -webkit-linear-gradient(left, #eee, #fff, #fff);


	  background-image:  -moz-linear-gradient(left, #eee, #fff, #fff);


	   background-image:  -o-linear-gradient(left, #eee, #fff, #fff);


	    background-image:  -ms-linear-gradient(left, #eee, #fff, #fff);


		 background-image:  linear-gradient(left, #eee, #fff, #fff);


	 }


	


	


	


.hr-d {


	





	 background-image:  -webkit-linear-gradient(left, #8DD2E2, #8DD2E2, #8DD2E2);


	  background-image:  -moz-linear-gradient(left, #8DD2E2, #8DD2E2, #8DD2E2);


	   background-image:  -o-linear-gradient(left, #8DD2E2, #8DD2E2, #8DD2E2);


	    background-image:  -ms-linear-gradient(left, #8DD2E2, #8DD2E2, #8DD2E2);


		 background-image:  linear-gradient(left, #8DD2E2, #8DD2E2, #8DD2E2);


	 }	


	


	


	 .hr-c {


	





	 background-image:  -webkit-linear-gradient(left, #0fa1d5, #0fa1d5, #0fa1d5);


	  background-image:  -moz-linear-gradient(left, #0fa1d5, #0fa1d5, #0fa1d5);


	   background-image:  -o-linear-gradient(left, #0fa1d5, #0fa1d5, #0fa1d5);


	    background-image:  -ms-linear-gradient(left, #0fa1d5, #0fa1d5, #0fa1d5);


		 background-image:  linear-gradient(left, #0fa1d5, #0fa1d5, #0fa1d5);


	 }	


	


	


	 .hr-r{


	





	 background-image:  -webkit-linear-gradient(left, #E5C8AF, #fff, #fff);


	  background-image:  -moz-linear-gradient(left, #E5C8AF, #fff, #fff);


	   background-image:  -o-linear-gradient(left, #E5C8AF, #fff, #fff);


	    background-image:  -ms-linear-gradient(left, #E5C8AF, #fff, #fff);


		 background-image:  linear-gradient(left, #E5C8AF, #fff, #fff);


	 }


	 


	


	.hr-amarillo-1 {


	





	 background-image:  -webkit-linear-gradient(left, #ffe56e, #fff, #fff);


	 background-image:  -moz-linear-gradient(left, #ffe56e, #fff, #fff);


	 background-image:  -o-linear-gradient(left, #ffe56e, #fff, #fff);


	 background-image:  -ms-linear-gradient(left, #ffe56e, #fff, #fff);


     background-image:  linear-gradient(left, #ffe56e, #fff, #fff);


	 }	


	


	/* Termina mescla de colores*/ 


	


	


	


	


	


	/* Otro diseño*/


	


	


	 .hr-azul {


	 background-image:  -webkit-linear-gradient(left, #05a969, #05a969, #fff);


	  background-image:  -moz-linear-gradient(left, #0fa1d5, #05a969, #fff);


	   background-image:  -o-linear-gradient(left, #0fa1d5, #05a969, #fff);


	    background-image:  -ms-linear-gradient(left, #0fa1d5, #05a969, #fff);


		 background-image:  linear-gradient(left, #0fa1d5, #05a969, #fff);


	 }


		 


	  .hr-amarillo {


	 background-image:  -webkit-linear-gradient(left, #ffe56e, #ffe56e, #fff);


	  background-image:  -moz-linear-gradient(left, #ffe56e, #ffe56e, #fff);


	   background-image:  -o-linear-gradient(left, #ffe56e, #ffe56e, #fff);


	    background-image:  -ms-linear-gradient(left, #ffe56e, #ffe56e, #fff);


		 background-image:  linear-gradient(left, #ffe56e, #ffe56e, #fff);


	 }


	 	


/* Termina Otro diseño*/





.search-blocks2 {


	overflow: hidden;


	padding: 15px 20px;


	margin-bottom: 25px;


	background: #fcfcfc;


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


}





.search-blocks-left-green {


	border-left: solid 2px 	#0B4982;


} 





.search-blocks-left-green2 {


	border-left: solid 2px #5CC3FD;


}


	


	/*


/*-----------------------------------------------------------------------------------*/


/*	01. CAJA CON TITULO


/*-----------------------------------------------------------------------------------*/


.caja_titulo {


	margin-top:20px;


}


.caja_titulo .row > div {


  padding-bottom: 20px;


}


.caja_titulo .caja_titulo-header {


	padding-top: 10px;


	padding-right: 0;


	padding-left: 0px;


	padding-bottom: 10px;


	color: #ffffff;


}


.caja_titulo .caja_titulo-header h4 {


	margin: 0;


	background: rgba(0, 0, 0, 0.3);


	line-height: 2;


	padding-left: 10px;


}


.caja_titulo .caja_titulo-header p {


  display: inline-block;


  border: 1px solid #ffffff;


  margin: 10px 0 0;


  padding: 7px 12px;


  border-radius: 3px;


}


.caja_titulo .list-group {


  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.2);


  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.2);


  margin-bottom: 0;


  margin-left:0px;


}


.caja_titulo .list-group li {


  border-width: 0;


}


.caja_titulo .list-group li:before,


.caja_titulo .list-group li:after {


  content: " ";


  display: table;


}


.caja_titulo .list-group li:after {


  clear: both;


}


.caja_titulo .list-group li:nth-child(even) {


  background-color: #eeeeee;


}


.caja_titulo .list-group li p {


  margin-bottom: 0;


  padding-right:10px;


  padding-left:10px;


}





/***** base bg colors *****/


.info-bg {


  background-color: #445979;


}





/***** base text colors *****/


.primary-color {


  color: #92cecf;


}


/*-----------------------------------------------------------------------------------*/





/*


/*-----------------------------------------------------------------------------------*/


/*	01. CHECK LIST


/*-----------------------------------------------------------------------------------*/


ul.list-check{


	list-style:none;


	margin:0;


	margin-bottom:15px;


	padding:0


}


ul.list-check li{


	padding:2px 0;


	margin-left:20px;


	display:block;


	width:100%


}


ul.list-check li i{


	color:#445979;


	font-style:normal;


	margin-right:4px


}


ul.list-check li span{


	font-size:14px


}


/*-----------------------------------------------------------------------------------*/














/*


/*-----------------------------------------------------------------------------------*/


/*	01. QUESTION-BLOCK


/*-----------------------------------------------------------------------------------*/


blockquotee {


	background: #F9F9F9;


	border: 1px solid #EFEFEF;


	position: relative;


	z-index: 0;


	font-size: 15px;


	color: #333;


	clear: both;


	text-align: center;


	min-height: 70px;


	border-left-width:2px;


	border-right-width:2px;


	border-left-color:#00417f;


	border-right-color:#00417f;


	-moz-border-radius: 0px;


	-moz-box-shadow: 0px 5px 12px rgba(50, 50, 50, 0.15);


	-webkit-border-radius: 0px;


	-webkit-box-shadow: 0px 5px 12px rgba(50, 50, 50, 0.15);


	margin-top: 5px;


	margin-right: 0;


	margin-bottom: 30px;


	margin-left: 0;


	padding-top: 25px;


	padding-right: 60px;


	padding-bottom: 10px;


	padding-left: 60px;


	font-style: normal;


}


blockquotee:before {


	position:absolute;


	content:'¿';


	top:-10px;


	left:20px;


	font-size:60px;


	color:#DDD;


	z-index:-1;


	font-family:'Georgia';


}


blockquotee:after {


	position:absolute;


	content:'?';


	top:-10px;


	right:20px;


	font-size:60px;


	color:#DDD;


	z-index:-1;


	font-family:'Georgia';


}


/*-----------------------------------------------------------------------------------*/





/*


/*-----------------------------------------------------------------------------------*/


/*	01. DIVIDER SHADOW


/*-----------------------------------------------------------------------------------*/


.focus-box {


	margin-bottom: 20px;


}


.service-icon {


	width: 170px;


	height: 80px;


	text-align:center;


	vertical-align:central;


	/* border-radius: 50%; */


	border: 5px solid #ececec;


	position: relative;


	-webkit-transition: all 0.2s ease-in-out;


	        transition: all 0.2s ease-in-out;


}


.focus-padding10{


	padding-top:15px;


}


.focus-padding20{


	padding-top:20px;


}


/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */


.red,.green,.blue,.yellow {


	-webkit-transition: all 0.2s ease-in-out;


	        transition: all 0.2s ease-in-out;


}


.red:hover .service-icon {


	border: 10px solid #e96656;


}


.green:hover .service-icon {


	border: 10px solid #34d293;


}


.blue:hover .service-icon {


	border: 10px solid #002b5c;


}


.yellow:hover .service-icon {


	border: 10px solid #f7d861;


}


.focus-box p {


	font-size: 14px;


}


/*-----------------------------------------------------------------------------------*/





/*


/*-----------------------------------------------------------------------------------*/


/*	01. DIVIDER TWO LINES


/*-----------------------------------------------------------------------------------*/


.divider-6{


	border-top:1px solid #d4d4d4;


	border-bottom:1px solid #d4d4d4;


	padding:2px;


	margin:20px 0;


}


/*-----------------------------------------------------------------------------------*/





/** TESTIMONIAL **/


.carousel-landing.carousel.carousel-testimonial{


	padding-top: 10px;


	padding-right: 0;


	padding-left: 0;


	padding-bottom: 10px;


	margin-top: -55px;


	margin-right: 0;


	margin-left: 0;


	margin-bottom: 5px;


	text-align: center;


	position: relative;


}


.carousel-landing.carousel.carousel-testimonial .testimonial-icon{


	position: absolute;


	left: 0;


	right: 0;


	top: -15px;


	padding-top: 10px;


	padding-right: 10px;


	padding-left: 10px;


	padding-bottom: 10px;


	z-index: 3;


	color: #B3C833;


	font-size: 24px;


}


.carousel-landing.carousel.carousel-testimonial .testimonial-inner{


	padding-top: 20px;


	padding-right: 20px;


	padding-left: 20px;


	padding-bottom: 10px;


	margin: 0 0 10px 0;


	position: relative;


}


.carousel-landing.carousel.carousel-testimonial .testimonial-inner h5{


	margin-bottom: 30px;


	padding: 20px;


	margin: 0;


	border: 2px dashed #002b5c;


	border-radius: 10px;


}





/* Headers */





hr.striped {


	background:url('images/stripes.png') left top repeat;


	height:6px;


	border:none;


}





h1.header,


h2.header,


h3.header {


	border-bottom:1px solid #1f437a;


	margin-bottom:20px;


}





h1.header span,


h2.header span,


h3.header span {


	background: #1f437a;


	padding-top: 3px;


	padding-right: 6px;


	padding-left: 6px;


	padding-bottom: 3px;


	color: #FFF;


	font-size: 14px;


}





h2.header {


	line-height:21px;


}


/*-----------------------------------------------------------------------------------*/





.mind-box{


	color: #fff;


	padding-top: 20px;


	padding-right: 15px;


	padding-left: 15px;


	padding-bottom: 15px;


	text-align: center;


	border-radius: 5px;


	font-size: 16px;


	-webkit-transition: all .25s ease;


	-moz-transition: all .25s ease;


	-ms-transition: all .25s ease;


	-o-transition: all .25s ease;


	transition: all .25s ease


}


.mind-box:hover{


	background-color:#041844


}





.mindblue01{


	background-color: #0f2861;


}


.mindblue02{


	background-color: #243f74;


}


.mindblue03{


	background-color: #395b88;


}


.mindblue04{


	background-color: #50769d;


}


.mindblue05{


	background-color: #648dab;


}


.mindblue06{


	background-color: #7caac2;


}


.mindblue07{


	background-color: #8bbed1;


}


.mindblue08{


	background-color: #afd7e6;


}





/*


/*-----------------------------------------------------------------------*/


/*	01. CAJA DE TEXTO COLOR 


/*-----------------------------------------------------------------------*/


.icon-box-8{


	margin:20px 0px;


}	


.icon-box-8 .icon-box-8-item{


	margin:10 auto;


	padding:30px;


	color:#514d42;


	box-shadow:0px 0px 10px #fff;


	border-top:3px solid rgba(0, 0, 0, 0.2);


	border-radius:3px;


}


.icon-box-8 .icon-box-8-icon{


	width:80px;


	height:80px;


	line-height:80px;


	border-radius:100px;


	text-align:center;


	box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.3);


	background:rgba(0, 0, 0, 0.2);


	overflow:hidden;


	margin:0 auto;


	margin-bottom:10px;


}


.icon-box-8 .icon-box-8-icon a{


	display:inline-block;


	font-size:30px;


}


.icon-box-8 .icon-box-8-icon a.icon-box-8-icon-top{


	color:#fff;


	position:relative;


	display:block;


	top:0px;


	-webkit-transition:all .13s linear;


	-moz-transition:all .13s linear;


	-o-transition:all .13s linear;


	-ms-transition:all .13s linear;


	transition:all .13s linear;


}


.icon-box-8 .icon-box-8-icon:hover a.icon-box-8-icon-top{


	top:100px;


}


.icon-box-8 .icon-box-8-icon a.icon-box-8-icon-bottom{


	color:#fff;


	display:block;


	position:relative;


	top:100px;


	-webkit-transition:all .1s linear;


	-moz-transition:all .1s linear;


	-o-transition:all .1s linear;


	-ms-transition:all .1s linear;


	transition:all .1s linear;


}


.icon-box-8 .icon-box-8-icon:hover a.icon-box-8-icon-bottom{


	top:-80px;


}


.icon-box-8 .icon-box-8-item h4 a{


	color:#fff;


}





.bg-lblue {


	background-color: #32c8de !important;


}


/*-----------------------------------------------------------------------*/