.news-thumb {
    background: #ffffff;
    border-radius: 10px;

  }

  .news-thumb img {

    border-radius: 10px 10px 0 0;

  }




.news-info {

    padding: 30px;

    text-align: left;

  }

  .news-info span {

    display: block;

    letter-spacing: 0.5px;

  }

  .news-info h3 {

    margin-top: 10px;

    margin-bottom: 10px;

  }



.btn_1{
	
	padding:5px; 
	background:#0C0; 
	border-radius: 10px; 
	cursor:pointer;
	width:90%;
	
}
.btn_1:hover{
	transform: translateY(-5px);
	padding:5px; 
	background:#686363; 
	border-radius: 15px; 
	cursor:pointer;
}

.section-btn {
    background:rgba(10,200,20,0.5);
    border: 0;
	border-radius: 10px;
	width: 100%;  
    color: #ffffff;
	font-size: 20px;
    font-weight: 500;
    padding: 5px 10px;
	transition: transform 0.1s ease-in;

    transform: translateX(0);

  }



  .section-btn:hover {

    transform: translateY(-5px);

 

  }



.carro {

		position: absolute;

		top:30px;

		width: 100%;

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

		

	}



body {

    margin: 0;

    padding: 0;

    font-family:Arial, Helvetica, sans-serif;

}

li {

    list-style: none;

}

.in_p {
	 
	font-size:18px;
	border-radius: 5px;
	border-style:solid;
	border:#CCCCCC 1px solid;
	width: 100%;
	padding: 4px;
	
}
a:hover,

a:visited,

a {

    text-decoration: none;

}

h1,

h2 {

    text-transform: uppercase;

    font-weight: bold;

}



/*header area*/



.top-header {

    background: #fff !important;

    position: fixed;

    width: 100%;

    z-index: 99999;

}

.header-backup {

    width: 20px;

    height: 80px;

    background: transparent;

    margin: auto;

}

.top-header img.logo {

    margin-bottom: 10px;

    margin-top: 1px;

    transition: all .5s ease 0s;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

}

.navbar-default {

    background-color: transparent;

    border-color: transparent;

    margin-bottom: 0;

    margin-top: 10px;

    transition: all .5s ease 0s;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

}

.nav-bar {

    margin-top: 10px;

}

.navbar-toggle span {

    color: #fff;

}

ul.nav {

    margin: 0;

    padding: 0;

}

.navbar-default .navbar-nav>li>a {

    font-size: 14px;

    color: #737373;

    text-transform: uppercase;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

    padding: 6px 6px;

    font-weight: bold;

}

.navbar-default .navbar-nav>li>a:hover {

    color: #32CD32;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #000;

}

li a.active {

    color: #32CD32 !important;

}

.navbar-default .navbar-toggle {

    border-color: #fff;

    margin-top:10px;

}



/*slider area*/



.slider-row {

    margin: 0;

    padding: 0;

}

.slider-wrapper {

    margin: 0;

    padding: 0 !important;

    background: #000 !important;

}

.carousel-caption h1 {

    font-size: 60px;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 0;

}

.carousel-caption p {

    font-size: 40px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    margin-top: 0;

}

.carousel-caption button {

    width: 240px;

    height: 60px;

    background:#56C169;

    color: #fff;

    font-size: 30px;

    text-transform: uppercase;

    border: 0;

    transition: all .5s ease 0s;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

}

.carousel-caption button:hover {

    background: #2a2a2a;

}

.carousel-control {

    width: 5%;

}

.carousel-inner {

    background: -webkit-linear-gradient(left, #000, blue);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(left, #000, blue);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(left, #000, blue);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to left, #000, blue);

    /* Standard syntax */

}

.item {

    position: relative;

}

.carousel-caption {

    position: absolute;

    text-align: left;

    left: 12%;

    line-height: 1;

    top: 50%;

    margin-top: -100px;

}

.carousel-control .glyphicon-chevron-left,

.carousel-control .icon-prev {

    font-size: 18px;

    padding: 5px;

    background: #fff;

    border-radius: 50%;

    color: transparent;

    margin-left: 0;

    margin-top: 80px;

}

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next {

    font-size: 18px;

    padding: 5px;

    background: #fff;

    border-radius: 50%;

    color: transparent;

    margin-right: 0;

    margin-top: 80px;

}



/*about area*/



.about h2 {

    font-size: 30px;

    color: #32CD32;

    margin-top: 50px;

}

.about h4 {

    font-size: 24px;

    color: #737373;

    margin-bottom: 45px;

}

.about-img img {

    width: 100%;

	border-top-left-radius:50px;

	border-top-right-radius: 50px;

}

.single-about-detail {

    position: relative;

|

}

.pentagon-text h1 {

    font-size: 60px;

    color: #383838;

    margin-top: 0;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

    position: absolute;

    left: 15%;

    width: 50px;

    top: -6%;

}

.pentagon-text {

    width: 70px;

    height: 52px;

    background: #fff;

    position: relative;

    top: -30px;

    left: 43%;

}

.pentagon-text:before {

    content: "";

    position: absolute;

    top: -15px;

    left: 0;

    width: 0;

    height: 0;

    border-left: 34px solid transparent;

    border-right: 35px solid transparent;

    border-bottom: 15px solid #fff;

}

.pentagon-text:after {

    content: "";

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 0;

    height: 0px;

    border-left: 36px solid transparent;

    border-right: 34px solid transparent;

    border-top: 15px solid #fff;

}

.about-details {

    background:#32CD32;

    border-top: 2px solid #fff;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

	border-bottom-right-radius: 50px; 

	border-bottom-left-radius: 50px;

}

.about-details h3 {

    font-size: 20px;

    color: #fff;

    margin-top: 0;

}

.about-details p {

    font-size: 13px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    padding: 0 25px;

    padding-bottom: 30px;

}

.single-about-detail:hover .about-details {

    background: #3a9dca;

}

.single-about-detail:hover .pentagon-text h1 {

    color: #3a9dca;

}



/*service area*/



.service {

    background: url(../img/pattern.jpg);

    background-repeat: repeat-y;

    margin-top: 40px;

}

.service h2 {

    font-size: 30px;

    color: #fff;

    margin-top: 70px;

    margin-bottom: 0;

}

.service h4 {

    font-size: 24px;

    color: #fff;

    margin-top: 0;

    margin-bottom: 70px;

    display: block;

}

.single-service-img {

    width: 205px;

    height: 125px;

    background: #fff;

    position: relative;

    left: 50%;

    margin-left: -100px;

}

.single-service-img:before {

    content: "";

    position: absolute;

    top: -42px;

    left: 0;

    width: 0;

    height: 0;

    border-left: 102px solid transparent;

    border-right: 104px solid transparent;

    border-bottom: 42px solid #fff;

}

.single-service-img:after {

    content: "";

    position: absolute;

    bottom: -42px;

    left: 0;

    width: 0;

    height: 0;

    border-left: 102px solid transparent;

    border-right: 102px solid transparent;

    border-top: 42px solid #fff;

    z-index: 10;

}

.service-img {

    width: 200px;

    height: 123px;

    background: #3a9ecb;

    position: relative;

    top: 1px;

    left: 2px;

}

.service-img:before {

    content: "";

    position: absolute;

    top: -40px;

    left: 0;

    width: 0;

    height: 0;

    border-left: 100px solid transparent;

    border-right: 100px solid transparent;

    border-bottom: 40px solid #3a9ecb;

}

.service-img:after {

    content: "";

    position: absolute;

    bottom: -39px;

    left: 0;

    width: 0;

    height: 0;

    border-left: 100px solid transparent;

    border-right: 100px solid transparent;

    border-top: 40px solid #3a9ecb;

    z-index: 999;

}

.single-service h3 {

    margin-top: 60px;

    color: #fff;

    padding-bottom: 90px;

}

.service-img img.heart {

    left: 20%;

    top: 18%;

}

.service-img img.brain {

    left: 26%;

    top: 11%;

}

.service-img img.knee {

    left: 38%;

}

.service-img img.bone {

    left: 25%;

    top: 14%;

}

.service-img img {

    position: absolute;

}



/*team section*/



.team {

    padding-bottom: 60px;

}

.team h2 {

    font-size: 30px;

    color: #32CD32;

    margin-top: 50px;

    margin-bottom: 0;

}

.team h4 {

    font-size: 24px;

    color: #737373;

    margin-top: 0;

    margin-bottom: 45px;

}

.single-member {

    margin: 0;

    padding: 0;

}

.person img {

    width: 100%;

}

.person-detail {

    padding: 10px;

    background: #3a9cc8;

    position: relative;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

}

.arrow-top {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #3ba0cc;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    bottom: -10px;

    left: 46%;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

}

.arrow-bottom {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #3ba0cc;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    top: -9px;

    left: 46%;

    transition: all .7s ease 0s;

    -webkit-transition: all .7s ease 0s;

    -moz-transition: all .7s ease 0s;

    -o-transition: all .7s ease 0s;

    -ms-transition: all .7s ease 0s;

}

.person-detail h3 {

    font-size: 30px;

    color: #fff;

}

.person-detail p {

    font-size: 13px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

}

.single-member:hover .person-detail {

    background: #2a2a2a;

}

.single-member:hover .arrow-top {

    background: #2a2a2a;

}

.single-member:hover .arrow-bottom {

    background: #2a2a2a;

}



/*contact section*/



.contact-caption {

    background: #3a9dca;

}

.contact-heading h2 {

    color: #fff;

    font-size: 30px;

}

.contact-info {

    padding-left: 40px;

}

.contact-info h3 {
    padding-left: 0;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
	border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 10px;
    margin-bottom: 0;

}

.contact-form h3 {

    padding-left: 0;

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 10px;

    margin-bottom: 0;

}

.contact-info ul {

    margin: 0;

    padding: 0;

}

.contact-info ul li {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #fff;

}

.contact-info i.fa {

    font-size: 16px;

    padding-right: 12px;

    width: 25px;

    height: 38px;

}

.contact-info ul li span {

    font-weight: bold;

}

.contact-form input {

    width: 100%;

    height: 40px;

    background: #fff;

    font-size: 13px;

    color: #084a5c;

    font-family: 'Open Sans', sans-serif;

    padding: 12px;

    border: 0;

    margin-bottom: 12px;

}

.contact-form textarea {

    font-family: 'Open Sans', sans-serif;

    padding: 12px;

    width: 100%;

    height: 140px;

    border: 0;

    margin-bottom: 12px;

}

.info-detail {

    border-top: 1px solid #53cde5;

    padding-top: 15px;

}

.form {

    border-top: 1px solid #53cde5;

    padding-top: 15px;

    text-align: right;

}

.contact-form input.submit-btn {

    width: 180px;

    height: 50px;

    float: right;

    font-size: 24px;

    color: #fff;

    background: url(../img/btn-bg.jpg);

    background-repeat: no-repeat;

    padding: 0;

    font-family:Arial, Helvetica, sans-serif;

    font-weight: bold;

}

.contact-form {

    padding-right: 40px;

}



/*gmap*/



#map {

    height: 830px;

}

.map {

    position: relative;

    overflow: hidden;

}

.contact {

   

    width: 100%;

    
    margin-top: 0px;

    left: 0;

    

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

}

.contact-caption {

    margin-top: 30px;

}



/*footer*/



.footer-para {

    margin: 0;

    padding: 0;

}

.footer p {

    font-size: 12px;

    color: #000;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    margin: 0;

    padding: 25px 0;

}

.footer a i.fa {

    font-size: 24px;

    color: #b1b1b1;

    padding: 22px 10px;

}

.footer a i.fa:hover {

    color: #32CD32;

}

.carousel-inner {

    position: relative;

}



/*======================css for carousel=========================*/



.carousel-fade .carousel-inner .item {

    opacity: 0;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

    opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-control {

    z-index: 2;

    opacity: 1;

    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%);

}

@media all and (transform-3d),

(-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

        opacity: 0;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

        opacity: 0;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



/* just for demo purpose */



html,

body,

.carousel,

.carousel-inner,

.carousel-inner .item {

    height: 100%;

}



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

responsive area

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





/* md */



@media (min-width: 992px) and (max-width: 1199px) {

    .navbar-default .navbar-nav>li>a {

        font-size: 20px;

        padding: 14px 12px;

    }

    .carousel-caption h1 {

        font-size: 120px;

    }

    .carousel-caption p {

        font-size: 32px;

    }

    .carousel-caption button {

        width: 215px;

        height: 55px;

        font-size: 26px;

    }

    h2 {

        font-size: 30px !important;

    }

    h4 {

        font-size: 22px !important;

    }

    .person-detail h3 {

        font-size: 26px;

    }

    .person-detail p {

        font-size: 12px;

    }

}



/* sm */



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

    .navbar-default .navbar-nav>li>a {

        font-size: 16px;

        padding: 10px 8px;

    }

    .carousel-caption h1 {

        font-size: 90px;

    }

    .carousel-caption p {

        font-size: 30px;

    }

    .carousel-caption button {

        width: 180px;

        height: 50px;

        background: #3a9ecb;

        color: #fff;

        font-size: 22px;

    }

    h2 {

        font-size: 30px !important;

    }

    h4 {

        font-size: 18px !important;

    }

    #map {

        height: 1050px;

    }

    .contact {

        margin-top: -1050px;

        height: 1050px;

    }

    .contact-caption {

        margin-top: 110px;

    }

}



/* xs */



@media (min-width: 480px) and (max-width: 767px) {

    .header-logo img {

        margin-top: 20px;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 20px;

    }

    .carousel-caption {

        margin-top: -110px;

    }

    .carousel-caption h1 {

        font-size: 75px;

    }

    .carousel-caption p {

        font-size: 25px;

    }

    .carousel-caption button {

        width: 160px;

        height: 40px;

        font-size: 20px;

    }

    #map {

        height: 1120px;

    }

    .contact {

        height: 1120px;

        margin-top: -1120px;

    }

    h2 {

        font-size: 30px !important;

    }

    h4 {

        font-size: 21px !important;

    }

    .contact-info ul {

        margin-left: 4px;

    }

    .contact-info i.fa {

        width: 25px;

    }

    .contact-caption {

        margin-top: 140px;

    }

}



/* XS Portrait */



@media (max-width: 479px) {

    .top-header img.logo {

        margin: 20px 10px;

    }

    .header-logo {

        margin-top: 15px !important;

    }

    .navbar-default .navbar-toggle {

        border-color: #fff;

        margin-top: -7px;

        right: 10%;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 15px;

        text-align: left;

    }

    .header-backup {

        height: 80px;

    }

    .carousel-caption {

        margin-top: -60px;

    }

    .carousel-caption h1 {

        font-size: 20px;

    }

    .carousel-caption p {

        font-size: 12px;

    }

    .carousel-caption button {

        width: 90px;

        height: 23px;

        font-size: 16px;

    }

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next {

        margin-top: 30px;

    }

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .icon-prev {

        margin-top: 30px;

    }

    .about h2 {

        font-size: 30px;

        color: #32CD32;

        margin-top: 30px;

    }

    .service h2 {

        font-size: 30px;

        margin-top: 40px;

    }

    .team h2 {

        font-size: 30px;

        margin-top: 40px;

    }

    h4 {

        font-size: 18px !important;

    }

    .contact-caption {

        margin-top: 38%;

    }

    #map {

        height: 950px;

    }

    .contact {

        height: 950px;

        margin-top: -950px;

    }

    .contact-heading h2 {

        font-size: 30px;

        text-align: left;

        margin-left: 15px;

    }

    .contact-info h3 {

        margin-left: 8px;

        font-size: 20px;

        padding-bottom: 8px;

    }

    .info-detail {

        margin-left: 8px;

    }

    .contact-info ul li {

        font-size: 10px;

    }

    .contact-info i.fa {

       font-size: 22px;
	width: 48px;
	height: 48px;
	padding: 12px 0;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	transition: all 0.3s;

    }

    .contact-info,

    .contact-form {

        padding: 10px;

    }

    .contact-form h3 {

        font-size: 20px;

        padding-bottom: 8px;

        margin-bottom: 0;

        margin-right: 0px;

    }

    .footer a i.fa {

        font-size: 18px;

        padding: 25px 7px;

    }

    .footer p {

        font-size: 10px;

    }

	

}

.social {
	
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
}
.social ul li {
	display: inline-block;
	margin: 0 20px;
}
.social i.fa {
	font-size: 22px;
	width: 48px;
	height: 48px;
	padding: 12px 0;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.social i.fa:hover {
	color: #608dfd;
	background: #fff;
}


  #news, #news-detail {

    background: #f9f9f9;

  }



  #news-detail blockquote {

    margin: 30px 0;

  }



  .news-detail-thumb .news-image img {

    border-radius: 10px;

  }



  .news-detail-thumb h3 {

    margin-bottom: 8px;

  }



  .news-image {

    margin-bottom: 30px;

    position: relative;

  }



  .news-image img {

    width: 100%;

  }



  .news-detail-thumb ul {

    margin: 32px 12px 22px 0px;

  }



  .news-detail-thumb ul li {

    list-style: circle;

    font-weight: normal;

    padding: 6px 12px 6px 0px;

  }



  .news-sidebar {

    margin-top: 16px;

  }



  .news-social-share {

    text-align: center;

    padding-top: 22px;

  }



  .news-social-share .btn {

    border-radius: 100px;

    border: none;

    font-size: 10px;

    font-weight: 600;

    margin: 2px 6px;

    padding: 8px 14px;

  }



  .news-social-share .btn-primary {

    background: #3b5998;

  }



  .news-social-share .btn-success {

    background: #1da1f2;

  }



  .news-social-share .btn-danger {

    background: #dd4b39;

  }



  .news-social-share a .fa {

    padding-right: 4px;

  }



  .recent-post {

    padding-top: 2px;

    padding-bottom: 18px;

  }



  .recent-post .media img {

    border-radius: 100%;

    width: 80px;

    height: 80px;

    margin-right: 5px;

  }



  .recent-post .media-heading {

    font-size: 16px;

    font-weight: 500;

    line-height: inherit;

    margin-top: 5px;

  }



  .news-categories {

    margin-top: 8px;

  }



  .news-categories li a {

    color: #2b2b2b;

  }



  .news-ads {

    background: #ffffff;

    border-right: 4px solid #2b2b2b;

    padding: 42px;

    text-align: center;

    margin: 26px 0 26px 0;

  }



  .news-ads.sidebar-ads {

    border-left: 4px solid #2b2b2b;

    border-right: 0px;

  }



  .news-ads h4 {

    font-size: 18px;

  }



  .news-tags h4 {

    padding-bottom: 6px;

  }



  .news-categories li,

  .news-tags li {

    list-style: none;

    display: inline-block;

    margin: 4px;

  }



  .news-tags li a {

    background: #393939;

    border-radius: 50px;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    text-decoration: none;

    float: left;

    min-width: 30px;

    padding: 6px 12px;

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

    transition: all ease-in-out 0.4s;

  }



  .news-tags li a:hover {

    background: #4267b2;

  }


.producto {
	font-size: 22px;
	width: 48px;
	height: 48px;
	padding: 10px;
	border: 1px solid   #1AA726;
	color: #fff;
	border-radius: 50%;
	transition: all 0.3s;
}

.contacto {
	font-size: 18px;
	width: 40px;
	height: 40px;
	padding:10px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	transition: all 0.3s;
	padding-top: 5px;
}
.contacto:hover {
	color: #608dfd;
	background: #fff;
}

.contacto2 {
	font-size: 18px;
	width: 40px;
	height: 40px;
	padding:10px;
	border: 2px solid  #9A9A9A;
	color: black;
	border-radius: 50%;
	transition: all 0.3s;
	padding-top: 5px;
	padding-left: 5px;
}
.contacto2:hover {
	color: white;
	background: black;
	
}
.contacto3 {
	font-size: 18px;
	width: 40px;
	height: 40px;
	padding:10px;
	border: 2px solid  red;
	color: red;
	border-radius: 50%;
	transition: all 0.3s;
	padding-top: 5px;
	padding-left: 5px;
}
.contacto3:hover {
	color: white;
	background: red;
	cursor: pointer;
}


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