/* Base */


@import url('//fonts.googleapis.com/css?family=Montserrat:900');




}
html, body {height: 100%; padding-top: 50px; /* Relleno superior igual a la altura de la cabecera*/}
body {font-family: 'Montserrat', sans-serif;font-size: 13px;font-weight: 400;letter-spacing:0.5px;line-height: 1.7em;color: #8c8c8c;background-color: #fff;}
h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif; font-weight: 800}
h6 {font-family: 'Montserrat', sans-serif; font-weight: 900; color: #fff;}
h5 {font-family:'Montserrat', sans-serif; color: #8c8c8c;}
h7 {font-family: Century Gothic; font-size: 45px; letter-spacing: 0.5px; color: #212121; line-height: 39.6px; font-weight: 700; padding-bottom: 0px; vertical-align: middle;}
h8 {font-family: Century Gothic; font-size: 15px; letter-spacing: 0.5px; color: #212121; line-height: 39.6px; font-weight: 500; padding-left: 40px; padding-top: 0px;}
h12 {font-family: 'Montserrat', sans-serif; font-size: 65px; letter-spacing: 0.5px; color: #212121; line-height: 39.6px; font-weight: 700; padding-left: 40px; padding-top: 0px;}
a {color: #212121;}
a:hover {color: #212121;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}

img {
    max-width: 100%;
    height: auto;
}

/* Header */
#header {
  padding: 0px 0px 1px 0px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
  background: #212121 !important;
}

#header.header-scrolled {
  box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.5s;
}

.top {background-color: #212121;padding: 5px 0;color: #fff; list-style-type: none;}
.top p {margin: 0;}
.top ul {margin: 0;padding: 0;}
.top li i {color: #fff;}
.top li a {color: #fff;}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #6214C8;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

/* Navigation */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 0.5px solid #212121;background-color: #e6e6e6; opacity: 1;}
.navbar-default .navbar-nav > li > a {color: #212121;font-weight: normal;font-size: 16px;letter-spacing:0.5px;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #6214C8;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #6214C8;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #0c0c0c;background-color: transparent; text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3); }
.navbar-default .navbar-nav .practive > a,.navbar-default .navbar-nav .practive > a:hover,.navbar-default .navbar-nav .practive > a:focus {color: #ead65b;background-color: transparent; text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68; 6px 6px #414D68, 7px 7px #414D68, 8px 8px #414D68, 9px 9px #414D68;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #212121;}
.navbar-default .navbar-toggle i {font-size: 30px;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-top: 0;padding-right: 0;vertical-align:top;}
.navbar-brand>img {padding: 5px;}
@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #6214C8; background-color: #212121;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #FFF;line-height: 1.12857143;font-size: 14px; background-color: #212121;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #FFF;background-color: #404040;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {.main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}.main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {.main-navbar-nav > li {border-bottom: 1px solid #f3f3f3;}.main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {.navbar-toggle {display: block;}.navbar-collapse.collapse {display: none !important;}.main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}.navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}}


/* Boxes */
.boxes_area {padding-top: 2em;padding-bottom: 10px;padding-left: 0;padding-right: 0;background-color: #212121;}
.box {position: relative;}
.box h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px; color: #fff;}

.fa-calculator { color: #6CE2FC;}
.fa-lightbulb-o {color: #ffde05;}
.fa-truck {color: #3F5FB8;}


@media (min-width:900px) {
    .boxes_area div[class*="col-"]:after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #ebebeb;}
    .boxes_area div[class*="col-"]:last-child:after {display: none;}
}

@media screen and (max-width: 992px) {.boxes_area {padding-top:9em;}}

/* logo atec */
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
	opacity: 1;
}
 
.texto-encima{
    position: absolute;
    top: 10px;
    left: 5px;
}
.texto-encima:hover {
	-webkit-mask-image: linear-gradient(-75deg, rgba(64,64,64,.7) 60%, #212121 70%, rgba(64,64,64,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
.centrado{
    position: absolute;
    top: 55%;
    left: 40%;
    transform: translate(-40%, -0%);
}

/* fin logo */



/* Home */
.home_content h2:after,.box h3:after {content: '';position: absolute;width: 30px;background-color: #6214C8;height: 2px;left: 0;bottom: 0;}
.box i {position: absolute;right: 0;top: 0;margin: 0;color: #212121;font-size: 45px;}
.boxes_area h3 {font-size: 16px;font-weight: 500;margin-top: 0;margin-bottom: 18px;}
.services {padding-top: 50px;padding-bottom: 50px;}
h2.section-title {text-align: center;color: #404040;}
.services p.desc {text-align: center;font-size: 13px;margin-bottom: 20px;}
.services .media {margin-top: 30px;}
.services .media i {font-size: 45px;color: #212121;}
.services .media h4 {font-size: 15px;font-weight: 600;color: #212121;}
.services .media p {text-align: left;}

/* News */
.home-area {padding-bottom: 50px; }
.home_content h2 {position: relative;font-size: 17px;font-weight: 600;padding-bottom: 20px;color: #404040;margin-bottom: 30px;}
.home_list ul {margin: 0;padding: 0;float: left;width: 100%;}
.home_list ul li {
	list-style: none;
}
.home_list .thumbnail {border: none;padding: 0;}
.thumbnail .caption {padding: 9px;color: #404040;padding-left: 0;padding-right: 0;}
.home_list h3 {font-size: 16px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;color: #404040;}
.home_list p {color:#8c8c8c}
.home_list a.btn {font-size: 13px;padding: 0;color: #6214C8;}
.home_bottom .row {margin-left: -5px;margin-right: -5px; width: 100%; max-width: 100%; background-color: #f3f3f3; }
.home_bottom div[class*="col-"] {padding-right: 5px;padding-left: 5px; position: relative; max-width: 100%; background-color: #f3f3f3;}

/* Contacto */
.home1-area {padding-bottom: 50px; padding-top:50;}
.home1_content h2 {position: relative;font-size: 17px;font-weight: 600;padding-bottom: 20px;color: #404040;margin-bottom: 30px;}
.home1_list ul {margin: 0;padding: 0;float: left;width: 100%; }
.hom1e_list ul li {
	list-style: none;
}
.home_list .thumbnail {border: none;padding: 0;}
.thumbnail .caption {padding: 9px;color: #404040;padding-left: 0;padding-right: 0;}
.home1_list h3 {font-size: 16px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;color: #404040;}
.home1_list p {color:#8c8c8c}
.home1_list a.btn {font-size: 13px;padding: 0;color: #6214C8;}
.home1_bottom .row {margin-left: -5px;margin-right: -5px;}
.home1_bottom div[class*="col-"] {padding-right: 5px;padding-left: 5px;position: relative;}
/* References */
.carousel-control{ width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:0;background-image:none;}

@media (max-width: 767px) {.carousel-inner .active.left {left: -100%;}.carousel-inner .next {left: 100%;}.carousel-inner .prev {left: -100%;}.active > div {display:none;}.active > div:first-child {display:block;}}
@media (min-width: 767px) and (max-width: 992px ) {.carousel-inner .active.left {left: -50%;}.carousel-inner .next {left:  50%;}.carousel-inner .prev {left: -50%;}.active > div {display:none;}.active > div:first-child {display:block;}.active > div:first-child + div {display:block;}}
@media (min-width: 992px ) {.carousel-inner .active.left {left: -25%;}.carousel-inner .next {left: 25%;}.carousel-inner .prev {left: -25%;}}

/* Footer */
footer.site-footer {background: #212121;padding: 20px 0 0;float: left;width: 100%;}
footer.site-footer h4 {font-size: 17px;font-weight: 500;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #ffffff;font-size: 13px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #ffffff;}
p.text {color: #ffffff; text-align: justify;}
#copyright {background: #292929;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 10px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #fff;font-size: 12px;}
.site-footer li a:hover {color:#6214C8;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 20px;float: left;width: 100%;}}

/* Maillist */
.login-form-1 {max-width: 300px;border-radius: 5px;display: inline-block;}
.main-login-form {position: relative;}
.login-form-1 .form-control {border: 0;box-shadow: 0 0 0;border-radius: 0;background: transparent;color: #555555;padding: 7px 0;font-weight: bold;height:auto;}
.login-form-1 .form-control::-webkit-input-placeholder {color: #999999;}
.login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder {color: #999999;}
.login-form-1 .form-group {margin-bottom: 0;border-bottom: 2px solid #fff;padding-right: 20px;position: relative;}
.login-form-1 .form-group:last-child {border-bottom: 0;}
.login-group {background: #efefef;color: #999999;border-radius: 8px;padding: 10px 20px;}
.login-group-checkbox {padding: 5px 0;}
.login-form-1 .login-button {position: absolute;right: -25px;top: 50%;background: #ffffff;color: #999999;padding: 11px 0;width: 50px;height: 50px;margin-top: -25px;border: 5px solid #efefef;border-radius: 50%;transition: all ease-in-out 500ms;}
.login-form-1 .login-button:hover {color: #555555;transform: rotate(450deg);}
.login-form-1 .login-button.clicked {color: #555555;}
.login-form-1 .login-button.clicked:hover {transform: none;}
.login-form-1 .login-button.clicked.success {color: #2ecc71;}
.login-form-1 .login-button.clicked.error {color: #e74c3c;}

/* Breadcrumb */
.bread_area {border-bottom: 1px solid #fff;padding: 10px 0;margin-bottom: 40px; padding-top: 10.5em;}
.breadcrumb {margin: 0;background: #fff;padding: 0;}



/* Page */
.page-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}
.page-main2 {width: 100%;background-color: #fff;margin-bottom: 30px; padding-top: 2em; margin-left: auto; margin-right:auto;}

/* Category */
.category-main {float: left;width: 100%;background-color: #fff;margin-bottom: 20px;}
.category-content h3 {font-size: 19px;margin-bottom: 20px;}
.category-main .media {margin-top: 20px;}
.category-main .media:first-child{margin-top: 0;}
.category-main ul li {list-style: none;position: relative;}
.category-main .media-left {padding-right: 40px;}
.category-main .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main .category-meta {width: 67%;}
.category-main .meta .arc-comment {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main .meta .arc-comment a, .archive ul.arc-share li a {color: #333;font-size: 15px;}
.category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main .meta .arc-date {float: right;font-size: 15px;color: #333;}
.category-main ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main .archive-cat a {color: #ff1515;}
.category-main .archive-cat a:hover {color: #333; text-decoration: none;}

/* Nosotros / Políticas*/
.category-main2 {float: left; width: 100%;background-color: #fff;margin-bottom: 20px; }
.category-content2 {margin-left: auto; margin-right: auto;}
.category-content2 h3 {font-size: 19px;margin-bottom: 20px; }



.category-content-marcas {padding-left: 15%; margin-left: auto; margin-right: 0; width: 82%; background-color: #f3f3f3}
.category-content-marcas h3 {font-size: 12px;margin-bottom: 20px; }






@media (max-width: 960px) {

.category-content-marcas img{margin-left: auto; margin-right: auto; text-align: center;}
.category-content-marcas .parrafo1 {margin-left: auto; margin-right: auto; text-align: center;}	
	
 
}






.category-main2 .media2 {margin-top: 20px;}
.category-main2 .media2:first-child{margin-top: 0;}
.category-main2 ul li {list-style: none;position: relative;}
.category-main2 .media-left2 {padding-right: 40px; position: center;}
.category-main2 .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main2 .category-meta2 {width: 67%;}
.category-main2 .meta .arc-comment2 {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main2 .meta .arc-comment2 a, .archive ul.arc-share li a {color: #333;font-size: 15px;}
.category-main2 .meta .arc-comment2 a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main2 .meta .arc-date {float: right;font-size: 15px;color: #333;}
.category-main2 ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main2 ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main2 .archive-cat a {color: #ff1515;}

.category-main2 .archive-cat a:hover {color: #333; text-decoration: none;}

.media-body2 {margin-left: auto; margin-right:auto; width: 90%;background-color: #fff;margin-bottom: 20px; }

.media-body2 h2 a {font-size: 25px; font-weight: 800; padding: 10px;}
.media-body2 h3 {font-size: 20px; font-weight: 800; padding: 15px; color: #404040;}
.media-body2 p {font-size: 20px; font-weight: 100; padding: 15px 20px; line-height: 1.7em; color: #404040;}
.media-body2 p a {font-size: 20px; font-weight: 500; padding: 10px 20px; line-height: 1.5em;}

.media-body2 img {float:right; margin-top: 4.7em; margin-left: 2em; width: 27%; padding: 0.9em; border-radius: 9%; filter: drop-shadow(5px 5px 10px #444);}
.media-body2 img:hover {filter: blur(2px);}



/* Sidebar */
.widget h4,h2.page-title, h2.category-title {position: relative;margin-top: 0;padding-bottom: 20px;margin-bottom: 20px;font-size: 20px;font-weight: 700;color: #404040;width: 100%;}
.widget h4 {font-size: 15px;margin-left: 15px;}
.widget h4:after,h2.page-title:after, h2.category-title:after {content: '';position: absolute;width: 30px;background-color: #6214C8;height: 2px;left: 0;bottom: 0;}
.widget {margin-bottom: 30px;}
.sidebar ul {padding-left: 15px;padding-right: 15px;margin: 0;}
.sidebar ul li {list-style: none;}
.sidebar ul li a {padding: 3px 15px;display: block;margin-left: -15px;margin-right: -15px;color: #404040;}
.sidebar li.current a {background-color: #6214C8;margin-left: -15px;margin-right: -15px;color: #FFFFFF;}
.sidebar ul li a:hover {background-color: #6214C8;color: #FFFFFF;text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;}

/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
    .hero_content {padding: 80px 0;}
    .hero_content h1 {font-size: 32px;}
    .hero_content h2 {width: 90%;font-size: 21px;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    .services .media .media-left {padding-right: 15px;}
    
	
    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}
 
	/*Nosotros - Politicas */
    .category-content2 .media-body2 {float: left;position: relative;width: 100%;}
    .category-content2 .media-body2 h4 {margin-top: 20px;}
	.media-body2 h2 {font-size: 20px;}
	.container .row .category-content2 .media-body2 p {margin-top: 20px;}
    .category-main2 .meta {position: relative;width: 100%;}
    .category-main2 .meta .pull-left {margin-left: 40px;}
    .category-main2 .meta .pull-right {display: none;}
	.media-body2 img {display:none;}

 
    .sidebar {margin-top: 40px;}

}
}
@media (min-width:463px) and (max-width:768px) {
    .fbox {float: left;}
    .fbox:nth-child(3) {float: right !important;}
}



/*Categorias*/
.single-service h4 {
  padding: 0.5px 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #404040;
  font-weight: 600;

}

.single-service:hover {
  cursor: pointer;
}

.single-service:hover h4 {
  color: #fab700;
}

.single-service .thumb {
  overflow: hidden;
}

.single-service .thumb img {
  width: 128px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  letter-spacing: 0.5px;
  border-radius: 2%;
  border: 0px solid #404040;
  
  display: block;
  margin-left: auto;
  margin-right: auto;
 text-align: center;
}


.single-service:hover .thumb img {
  transform: scale(1.1) rotate(-3deg); 
}


@media (max-width: 960px) {
  .single-service {
    text-align: center;
    margin-bottom: 40px;
  }
}


/*======================================================================
                Team Section style
========================================================================*/

.main_team_area{}
.main_team_area .main_team_content{}
.main_team_area .main_team_content .single_team{
    position: relative;
    width:100%;
    overflow: hidden;
	
}
.main_team_area .main_team_content .single_team img{
    width:100%;
	
}
.main_team_area .main_team_content .single_team:hover .single_team_overlay{
    bottom:0;
}
.main_team_area .main_team_content .single_team .single_team_overlay{
    background: #6214C8;
    width:100%;
    position: absolute;
    left:0;
    bottom:-100%;
    transition: all 0.3s;
	opacity: 0.9;
	

}
.main_team_area .main_team_content .single_team .single_team_overlay h4{
    margin:0;
    padding: 0;
	color: #fff;
	font-size: 2 rem;     
	line-height: 2rem;    
	font-weight: 700; 
	text-align: center;
	
}
.main_team_area .main_team_content .single_team .single_team_overlay p{
    margin:0;
    padding: 0;
}

.main_team_area .main_team_content .single_team .single_team_overlay .team_socail{}
.main_team_area .main_team_content .single_team .single_team_overlay .team_socail a i{
    color:#fff;
    padding:0px 2px;
    transition: all 0.3s;
}
.main_team_area .main_team_content .single_team .single_team_overlay .team_socail a:hover i{
    color:#000;
    border-bottom: 2px solid #000;
}

/* Boxes2 */
.boxes_area2 {padding-top: 7.5em;padding-bottom: 0px;padding-left: 0em;padding-right: 0;background-color: #f8f8f8;}
.box1 {position: relative;}
.box1 h3 {position: relative;margin-bottom: 20px;padding-bottom: 0px;}
S


@media (min-width:900px) {
    .boxes_area div[class*="col-"]:after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #ebebeb;}
    .boxes_area div[class*="col-"]:last-child:after {display: none;}
}

@media screen and (max-width: 992px) {.boxes_area {padding-top:9em;}}


iframe{
	width: 100%;
	height:	50em;
	border-style: none;
}


/* portfolio section
==================================================*/

.portfolio .categories-grid span {
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.portfolio .categories-grid .categories ul li {
    list-style: none;
    margin: 20px 0;
}

.portfolio .categories-grid .categories ul li a {
    display: inline-block;
    color: #60606e;
    padding: 0 10px;
    margin: 0 10px;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
}

.portfolio .categories-grid .categories ul li a:hover,
.portfolio .categories-grid .categories ul li a:focus {
    text-decoration: none;
}

.portfolio .categories-grid .categories ul li a.active {
    margin-left: 0;
    background-color: #ffbf00;
    padding: 0px 20px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
}

.portfolio_filter {
    padding-left: 0;
}

.portfolio_item {
    position: relative;
    overflow: hidden;
    display: block;
	padding-top: 5em;
	
}

.portfolio_item .portfolio_item_hover {
    position: absolute;
	top: 5em;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.portfolio_item .portfolio_item_hover .item_info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 100%;
    font-weight: bold;
}

.portfolio_item .portfolio_item_hover .item_info span {
    display: block;
    color: #fff;
    font-size: 25px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
    opacity: 0;
}

.portfolio_item .portfolio_item_hover .item_info em {
    font-style: normal;
    display: inline-block;
    background-color: #ffbf00;
    padding: 10px 20px;
    border-radius: 25px;
    color: #333;
    margin-top: 15px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    font-size: 10px;
    letter-spacing: 2px;
}

.portfolio_item:hover .portfolio_item_hover {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio .categories-grid .categories ul li {
    float: left;
}

.portfolio .categories-grid .categories ul li a {
    padding: 0 10px;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
}

.portfolio_filter {
    padding-left: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.portfolio-inner {
    padding-bottom: 0 !important;
    padding-top: 55px;
}

/* Responsive media queries
==================================================*/
@media (max-width: 991px) {

	.img-responsive { display:none; }


	.portfolio_item .categories-grid span {
        margin-bottom: 0;
        text-align: center;
        width: 100%;
		display: none;
		float: none;
    }
    .portfolio_item .categories-grid .categories ul li {
        text-align: center;
    }
    .portfolio_item .categories-grid .categories ul li a {
        margin-left: 0;	
		display: none;
    }
	
}

@media only screen and (max-width: 670px) {
	
	.portfolio .categories-grid .categories ul li {
        float: none;
    }
}


 /*Prueba de imagen SACI*/
 
 
  .contenedor4 {
  width:100%;
  margin: 0 auto;
  position:relative;
  padding-top:8.3em;
  
   }
 
  
   .encabezado2-1 {
	background-image: url(https://www.atec-energy.com/img/destacado/fondo-2-23.jpg);
	height: 40em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-color: rgba(79, 3, 185);
	color: #fff;	
	width: 100%;

	
	
	   
   }
  
  
	   
	   
	   
	   
   .hero-text {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 2em;
   float: left;
   padding-top: 1em;
   width: 90%;
  
   
  
   }

	
	}
  
		 h6,
		.h6,
		.display-2  {
			padding-top: 50%;
			
			left: 50%;
			padding-left: 50%;
			text-align: center;	
			color: #fff;	
	}


	.mbr-section-title  {  font-size:3em; color: #fff; text-align: center; }
	
	@media (max-width: 768px) {
		
		.contenedor4 {
			width: 100%;
		}
		
		
   .encabezado2-1 {
  
   
	background-image: url(https://www.atec-energy.com/img/destacado/fondo-2-23.jpg);   }	
		
		.hero-text {
		max-width: 150%;
		text-align: center;
		left: 50%;
		margin: 0 auto;
		
		}
		
		 h6,
		.h6,
		.display-2  {
			padding-top: 2em;
			font-size: 2em;	
			left: 50%;
			padding-left: 0;
			text-align: center;
			
			
		}
		
		.imagen-marca-logo img {
		display: none	;
		}
		
		#conoce-saci { width: 100%;}
		

	}
	
	
	#link{
  color: black;
  text-decoration: none;
}
		
		

.category-content-marcas .parrafo1 p {font-size: 1.3em; color: #8c8c8c; font-weight: 500; margin-right: 0; padding-right: 0;}
.category-content-marcas2 img{margin-left: 0; padding-right: 25%; position: left;}




/*BOTON VOLVER*/

button {
	
border: 2px solid #6214C8; /*anchura, estilo y color borde*/
padding: 15px; /*espacio alrededor texto*/
background-color: #fff; /*color botón*/
color: #6214C8; /*color texto*/
text-decoration: none; /*decoración texto*/
text-transform: capitalize; /*capitalización texto*/
font-family: 'Montserrat', sans-serif; /*tipografía texto*/
border-radius: 40px; /*bordes redondos*/
font-size: 1em;
font-weight: bold;
text-align: center;
transition: all 1s ease;
	
}

.boton-centro {
	display: flex;
	justify-content: center;
	
}
 
 
 
.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
} 
 
.button:hover {
background-color: #e0e0e0 ;

}
 
 /*BOTON REDONDO*/
 
body{
  margin:0;
  padding:0;
  background-color:#f3f3f3;
  font-family: 'Montserrat', sans-serif;
}
#wrapper{
  width:auto;
  height:auto;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
}
.my-super-cool-btn{
  position:relative;
  text-decoration:none;
  color:#212121;
  letter-spacing:1px;
  font-size:2rem;
  box-sizing:border-box;
}
.my-super-cool-btn span{
  position:relative;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:200px;
  height:200px;
}
.my-super-cool-btn span:before{
  content:'';
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  border-radius:100%;
  border:7px solid #6214C8;
  box-sizing:border-box;
  transition: all .85s cubic-bezier(0.25, 1, 0.33, 1);
  box-shadow: 0 30px 85px rgba(0,0,0,0.14), 0 15px 35px rgba(0,0,0,0.14);
}
.my-super-cool-btn:hover span:before{
  transform:scale(0.8);
  box-shadow: 0 20px 55px rgba(0,0,0,0.14), 0 15px 35px rgba(0,0,0,0.14);
}
.my-super-cool-btn .dots-container{
  opacity:0;
  animation: intro 1.6s;
  animation-fill-mode: forwards;
}
.my-super-cool-btn .dot{
  width:8px;
  height:8px;
  display:block;
  background-color:#6214C8;
  border-radius:100%;
  position:absolute;
  transition: all .85s cubic-bezier(0.25, 1, 0.33, 1);
}
.my-super-cool-btn .dot:nth-child(1){
  top:50px;
  left:50px;
  transform:rotate(-140deg);
  animation: swag1-out 0.3s;
  animation-fill-mode: forwards;
  opacity:0;
}
.my-super-cool-btn .dot:nth-child(2){
  top:50px;
  right:50px;
  transform:rotate(140deg);
  animation: swag2-out 0.3s;
  animation-fill-mode: forwards;
  opacity:0;
}
.my-super-cool-btn .dot:nth-child(3){
  bottom:50px;
  left:50px;
  transform:rotate(140deg);
  animation: swag3-out 0.3s;
  animation-fill-mode: forwards;
  opacity:0;
}
.my-super-cool-btn .dot:nth-child(4){
  bottom:50px;
  right:50px;
  transform:rotate(-140deg);
  animation: swag4-out 0.3s;
  animation-fill-mode: forwards;
  opacity:0;
}
.my-super-cool-btn:hover .dot:nth-child(1){
  animation: swag1 0.3s;
  animation-fill-mode: forwards;
}
.my-super-cool-btn:hover .dot:nth-child(2){
  animation: swag2 0.3s;
  animation-fill-mode: forwards;
}
.my-super-cool-btn:hover .dot:nth-child(3){
  animation: swag3 0.3s;
  animation-fill-mode: forwards;
}
.my-super-cool-btn:hover .dot:nth-child(4){
  animation: swag4 0.3s;
  animation-fill-mode: forwards;
}
@keyframes intro {
   0% {
     opacity:0;
  }
  100% {
     opacity:1;
  }
}
@keyframes swag1 {
   0% {
     top:50px;
     left:50px;
     width:8px;
  }
  50% {
    width:30px;
    opacity:1;
  }
  100% {
     top:20px;
     left:20px;
     width:8px;
     opacity:1;
  }
}
@keyframes swag1-out {
   0% {
     top:20px;
     left:20px;
     width:8px;
  }
  50% {
     width:30px;
    opacity:1;
  }
  100% {
     top:50px;
     left:50px;
     width:8px;
    opacity:0;
  }
}
@keyframes swag2 {
   0% {
     top:50px;
     right:50px;
     width:8px;
  }
  50% {
    width:30px;
    opacity:1;
  }
  100% {
     top:20px;
     right:20px;
     width:8px;
     opacity:1;
  }
}
@keyframes swag2-out {
   0% {
     top:20px;
     right:20px;
     width:8px;
  }
  50% {
     width:30px;
    opacity:1;
  }
  100% {
     top:50px;
     right:50px;
     width:8px;
    opacity:0;
  }
}
@keyframes swag3 {
   0% {
     bottom:50px;
     left:50px;
     width:8px;
  }
  50% {
    width:30px;
    opacity:1;
  }
  100% {
     bottom:20px;
     left:20px;
     width:8px;
     opacity:1;
  }
}
@keyframes swag3-out {
   0% {
     bottom:20px;
     left:20px;
     width:8px;
  }
  50% {
     width:30px;
    opacity:1;
  }
  100% {
     bottom:50px;
     left:50px;
     width:8px;
    opacity:0;
  }
}
@keyframes swag4 {
   0% {
     bottom:50px;
     right:50px;
     width:8px;
  }
  50% {
    width:30px;
    opacity:1;
  }
  100% {
     bottom:20px;
     right:20px;
     width:8px;
     opacity:1;
  }
}
@keyframes swag4-out {
   0% {
     bottom:20px;
     right:20px;
     width:8px;
  }
  50% {
     width:30px;
    opacity:1;
  }
  100% {
     bottom:50px;
     right:50px;
     width:8px;
    opacity:0;
  }
}

 
 

 

.boton-redondo {
	display: flex;
	justify-content: center;
	
}
 


.home-area-23 {
	
	margin: 0;



}