@font-face {
font-family: 'du-social';
src: url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.eot?70745013);
src: url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.eot?70745013#iefix) format('embedded-opentype'),
url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.woff2?70745013) format('woff2'),
url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.woff?70745013) format('woff'),
url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.ttf?70745013) format('truetype'),
url(//carlosamselem.com/wp-content/themes/carlosamselem/assets/fonts/du-social/du-social.svg?70745013#du-social) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "du-social";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-flickr:before { content: '\e800'; } .icon-path:before { content: '\e801'; } .icon-mail:before { content: '\e802'; } .icon-twitter:before { content: '\f099'; } .icon-facebook:before { content: '\f09a'; } .icon-github-circled:before { content: '\f09b'; } .icon-rss:before { content: '\f09e'; } .icon-gplus:before { content: '\f0d5'; } .icon-linkedin:before { content: '\f0e1'; } .icon-youtube-play:before { content: '\f16a'; } .icon-dropbox:before { content: '\f16b'; } .icon-instagram:before { content: '\f16d'; } .icon-tumblr:before { content: '\f173'; } .icon-dribbble:before { content: '\f17d'; } .icon-skype:before { content: '\f17e'; } .icon-foursquare:before { content: '\f180'; } .icon-wordpress:before { content: '\f19a'; } .icon-stumbleupon:before { content: '\f1a4'; } .icon-digg:before { content: '\f1a6'; } .icon-behance:before { content: '\f1b4'; } .icon-spotify:before { content: '\f1bc'; } .icon-twitch:before { content: '\f1e8'; } .icon-pinterest:before { content: '\f231'; } .icon-get-pocket:before { content: '\f265'; } .icon-vimeo:before { content: '\f27d'; } .icon-reddit-alien:before { content: '\f281'; } .icon-codepen:before { content: '\f32c'; }  .animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}.mainColor_bg {
background-color: #e6331b
}
.secondaryColor_bg {
background-color: #FD4848
}
span.mobile_menu_bar:before {
color: #000 !important
}
.et_mobile_menu {
border-color: #000
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2em
}
.content-hover > p:nth-child(1) {
font-weight: 100;
font-size: 20px;
line-height: 1.1em;
text-align: left !important
}
.content-hover > p:nth-child(4) {
font-weight: 100;
font-size: 17px;
line-height: 1.4em;
text-align: left !important
}
.meta h3 {
text-align: left
}
.et_pb_portfolio_image .meta h3 {
font-size: 26px !important
}
.error404 #main-content {
background-color: #e6331b
}
.error404 .container::before {
display: none
}
.error-header {
font-size: 150px;
color: #fff;
text-align: center;
padding-top: 0.2em !important
}
.error-message {
font-size: 60px;
color: #fff;
text-align: center;
padding-bottom: 1.5em !important;
line-height: 1.2em
}
.no_padding_bottom h1,
.no_padding_bottom h2,
.no_padding_bottom h3,
.no_padding_bottom h4,
.no_padding_bottom h5,
.no_padding_bottom h6,
.no_padding_bottom p {
padding-bottom: 0
}
@media (max-width: 980px) {
.switch_order_tam {
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important
}
}
@media (max-width: 767px) {
.switch_order_mobile {
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important
}
}
#logo {
max-width: 215px !important
}
#main-header {
margin-top: 0
}
#top-menu > li {
padding-right: 50px !important
}
@media (min-width: 1024px) {
.project_category-proyectos {
width: 33.33% !important;
height: 320px !important
}
}
@media (min-width: 1400px) {
.project_category-proyectos {
height: 450px !important
}
}
.et_overlay:before {
display: none
}
#servicios p {
padding-bottom: 0
}
#servicios-parrafo h3 {
font-size: 48px;
font-weight: 100;
margin-top: 1em
}
#servicios-parrafo h3:first-child {
margin-top: 0
}
@media (max-width: 980px) {
#servicios-parrafo h3 {
margin-top: 0.6em;
margin-bottom: 0.6em;
font-size: 28px
}
} .et_pb_portfolio_item .et_overlay {
z-index: 6
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
display: inline-block;
position: relative;
z-index: 6
}
.et_pb_portfolio_item .et_pb_portfolio_image:hover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
display: block
}
.project_category-clientes:hover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
display: block
}
@media (max-width: 479px) {
#clientes > div.et_pb_row.et_pb_row_6 > div > div > div {
float: left;
width: 45.25% !important;
margin: 0 4.75% 9.5% 0 !important
}
}
.et_pb_portfolio_image .meta h3 {
font-size: 20px !important
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
margin-top: 3%;
text-align: left !important;
padding: 20px
}
#main-content .container:before {
width: 0px
}
#sidebar .widgettitle {
font-size: 22px;
font-weight: 300;
color: #000
}
#sidebar .et_pb_widget a {
color: #000;
font-size: 16px
}
#sidebar .widget_categories li {
line-height: 1.2em
}
#sidebar .widget_categories a {
font-weight: 300;
margin-left: 1em
}
#sidebar .widget_archive a {
font-weight: 300;
margin-left: 1em
}
#sidebar .widget_archive li {
line-height: 1.2em
}
.post .entry-content p {
font-size: 18px;
line-height: 1.4em;
font-weight: 400
}
.blog h2.entry-title {
font-size: 48px
}
.blog .truncated {
font-size: 18px;
margin-top: 1em;
font-weight: 400;
line-height: 1.4em
} @media (max-width: 980px) {
#footer-bottom #menu-menu-footer a {
font-size: 20px
}
}
#footer-bottom #menu-menu-footer #menu-item-407 {
margin-top: 1.5em
}
#footer-bottom .copyright {
color: #000;
font-size: 26px;
line-height: 1.4em;
font-weight: 100;
margin-top: 1.5em
}
@media (max-width: 980px) {
#footer-bottom .copyright {
font-size: 20px
}
}
.km_devs_proyectos {
background-color: #ffffff;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-size: cover;
margin: 0;
vertical-align: baseline;
overflow: hidden
}
@media (min-width: 981px) {
.km_devs_proyectos {
padding: 0
}
}
.km_devs_proyecto {
float: left;
position: relative;
margin: 0;
width: 33% !important;
word-wrap: break-word;
overflow: hidden;
width: 100%;
height: 100%
}
@media (min-width: 1100px) {
.km_devs_proyecto {
height: auto
}
.km_devs_proyecto img {
height: auto;
vertical-align: bottom;
width: 100% !important
}
}
@media (min-width: 981px) and (max-width: 1100px) {
.km_devs_proyecto {
height: 300px
}
.km_devs_proyecto img {
height: 300px;
width: 100% !important
}
}
@media (min-width: 768px) and (max-width: 980px) {
.km_devs_proyecto {
height: 265px
}
.km_devs_proyecto img {
height: 265px;
width: 100% !important
}
}
@media (max-width: 767px) {
.km_devs_proyecto {
height: 350px
}
.km_devs_proyecto img {
width: 623px !important;
max-width: 960px
}
}
@media (max-width: 479px) {
.km_devs_proyecto {
width: 100% !important;
height: 350px
}
.km_devs_proyecto img {
width: 623px !important;
max-width: 960px
}
}
.km_devs_proyecto_imagen {
height: 400px;
min-width: 100%;
max-width: inherit;
min-height: 100%
}
.km_devs_proyecto_imagen .meta {
position: absolute;
z-index: -1;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-backface-visibility: hidden
}
.km_et_overlay {
z-index: 6;
border: none;
display: block;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-backface-visibility: hidden;
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline
}
.km_content-hover {
display: inline-block;
position: relative;
z-index: 6;
padding-top: 25px;
padding-left: 60px;
padding-right: 60px;
display: block;
float: left;
position: relative;
z-index: 5;
box-sizing: border-box;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-backface-visibility: hidden;
margin-top: 40%
}
@media (max-width: 767px) {
.km_content-hover {
padding-left: 30px;
padding-right: 30px
}
}
.km_content-hover h3 {
font-size: 26px !important;
padding: 0 5px;
padding-left: 0;
text-align: left !important;
color: #000;
font-weight: bold
}
@media (max-width: 767px) {
.km_content-hover h3 {
font-size: 20px !important
}
}
.km_content-hover .descripcion_corta {
font-size: 26px !important;
color: #000
}
@media (max-width: 767px) {
.km_content-hover .descripcion_corta {
font-size: 20px !important
}
}
.km_content-hover .descripcion_larga {
font-size: 14px !important;
color: #000
}
@media (max-width: 767px) {
.km_content-hover .descripcion_larga {
font-size: 16px !important;
line-height: 1.2em
}
}
.km_meta {
position: absolute;
z-index: -1;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-backface-visibility: hidden
}
.descripcion_corta {
font-weight: 100;
font-size: 20px;
line-height: 1.1em;
text-align: left !important
}
.descripcion_larga {
font-weight: 100;
font-size: 14px;
line-height: 1.1em;
text-align: left !important
}
.km_devs_proyecto_imagen:hover .km_content-hover {
text-align: left !important;
margin-top: 3%
}
@media (max-width: 767px) {
.km_devs_proyecto_imagen:hover .km_content-hover {
margin-top: 0%
}
}
.km_devs_proyecto_imagen:hover .km_meta,
.km_devs_proyecto_imagen:hover .km_et_overlay {
z-index: 3;
opacity: 1
}
.km_devs_proyecto_imagen:hover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
display: block
}
.et_pb_blog_grid .et_pb_post .post-content p {
font-n-top: 1em
}
.et_pb_blog_grid .et_pb_post .post-content .more-link {
text-lay: inline-block
}
.et_pb_blog_grid .et_pb_post .post-meta {
margin-bottom: 0
}
.icon_top_right .et_pb_main_blurb_image {
text-align: right !important
}
.icon_top_left .et_pb_main_blurb_image {
text-align: left !important
}
.et_button_no_icon .et_pb_button {
padding: 0.5em 1.2em 0.5em 1.2em !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #e6331b;
border-radius: 40px;
color: #fff !important;
text-transform: uppercase;
font-size: 19px;
font-weight: bold
}
.et_button_no_icon .et_pb_button:hover {
padding: 0.5em 1.2em 0.5em 1.2em !important;
color: #fff !important;
background-color: #e6331b;
border-radius: 40px !important
}
.et_button_no_icon .et_pb_button.fixed_width {
min-width: 240px
}
.et_pb_side_nav.et-visible {
margin-top: -80px;
right: 10px;
background: rgba(0, 0, 0, 0.7);
border-radius: 20px;
width: 40px
}
.et_pb_side_nav.et-visible .side_nav_item .active {
width: 11px;
height: 11px;
margin-left: -2px
}
.et_pb_scroll_top.et-visible {
background: rgba(0, 0, 0, 0.7);
right: 10px;
bottom: 80px;
border-radius: 50%;
bottom: 80px;
padding-left: 5px;
text-align: left;
width: 41px;
height: 41px
}
.et_pb_scroll_top.et-pb-icon {
background: rgba(0, 0, 0, 0.7);
right: 10px;
bottom: 80px;
border-radius: 50%;
bottom: 80px;
padding-left: 5px;
text-align: left;
width: 41px;
height: 41px
}
.menu-social-container {
margin: 0 auto;
padding: 0;
position: relative;
text-align: center;
float: right
}
.menu-social-container ul {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
float: right;
text-align: center
}
.menu-social-container ul li {
display: block;
float: left;
list-style: none;
margin: 0 -2px 0px 0;
padding: 0;
line-height: 36px !important
}
.menu-social-container ul li:last-child {
margin-right: 0
}
.menu-social-container ul a {
display: block;
text-decoration: none;
overflow: hidden;
font-size: 30px;
width: 40px;
height: 40px
}
.menu-social-container ul a:before {
font-family: "du-social";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
color: #eee;
background-color: transparent;
display: block;
font-size: 24px;
padding: 6px;
margin-right: 10px;
border-radius: 50%;
text-align: center;
float: left;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
width: 30px;
height: 30px
}
.menu-social-container ul a:hover {
text-decoration: none;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
color: #fff
}
.menu-social-container ul a:hover:before {
text-decoration: none;
color: #fff;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out
}
.menu-social-container ul a[href*='wordpress.org']:before,
.menu-social-container ul a[href*='wordpress.com']:before {
content: '\f19a'
}
.menu-social-container ul a[href*='facebook.com']:before {
content: '\f09a'
}
.menu-social-container ul a[href*='twitter.com']:before {
content: '\f099'
}
.menu-social-container ul a[href*='dribbble.com']:before {
content: '\f17d'
}
.menu-social-container ul a[href*='behance.net']:before {
content: '\f1b4'
}
.menu-social-container ul a[href*='plus.google.com']:before {
content: '\f0d5'
}
.menu-social-container ul a[href*='pinterest.com']:before {
content: '\f231'
}
.menu-social-container ul a[href*='github.com']:before {
content: '\f09b'
}
.menu-social-container ul a[href*='tumblr.com']:before {
content: '\f173'
}
.menu-social-container ul a[href*='youtube.com']:before {
content: '\f16a'
}
.menu-social-container ul a[href*='flickr.com']:before {
content: '\e800'
}
.menu-social-container ul a[href*='vimeo.com']:before {
content: '\f27d'
}
.menu-social-container ul a[href*='instagram.com']:before {
content: '\f16d'
}
.menu-social-container ul a[href*='codepen.io']:before {
content: '\f32c'
}
.menu-social-container ul a[href*='linkedin.com']:before {
content: '\f0e1'
}
.menu-social-container ul a[href*='foursquare.com']:before {
content: '\f180'
}
.menu-social-container ul a[href*='reddit.com']:before {
content: '\f281'
}
.menu-social-container ul a[href*='digg.com']:before {
content: '\f1a6'
}
.menu-social-container ul a[href*='getpocket.com']:before {
content: '\f265'
}
.menu-social-container ul a[href*='path.com']:before {
content: '\e801'
}
.menu-social-container ul a[href*='stumbleupon.com']:before {
content: '\f1a4'
}
.menu-social-container ul a[href*='spotify.com']:before {
content: '\f1bc'
}
.menu-social-container ul a[href*='twitch.tv']:before {
content: '\f1e8'
}
.menu-social-container ul a[href*='dropbox.com']:before {
content: '\f16b'
}
.menu-social-container ul a[href*='/feed']:before {
content: '\f09e'
}
.menu-social-container ul a[href*='skype']:before {
content: '\f17e'
}
.menu-social-container ul a[href*='mailto']:before {
content: '\e802'
}
.menu-social-container ul a:before {
content: '\f415'
}