/*
 Theme Name: AZCrazy Deatil III
 Theme URI: www.prenet.com.mx
 Author: Raymundo Ovando
 Author URI: www.prenet.com.mx
 Description: Diseño pensado para el cliente
 Version: 1.0
 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*{
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease;
}*/


body.gen {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #b1b1b1;
    font-size: 15px;
	font-family: "Red Rose", serif;
    background-color: #000;
}

a{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

a:hover{
	text-decoration: underline;
}

a.bx-prev:before, 
a.bx-next:before {
    clear: both;
    display: block;
}

a.bx-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    display: block;
    clear: both;
    margin-top: 4px;
    margin-left: 4px;
    font-size: 19px;
}

a.bx-next:before {
	font-family: FontAwesome;
    content: "\f054";
    display: block;
    clear: both;
    margin-top: 4px;
    margin-left: 8px;
    font-size: 19px;
}

.bx-controls.bx-has-controls-direction {
    position: absolute;
    z-index: 100;
    top: 45%;
    width: 100%;
}

a.bx-next {
    right: 1em;
    
    position: absolute;
}

a.bx-prev {
    position: absolute;
    left: 1em;
}

.bx-wrapper .bx-controls-direction a {
    border-radius: 60px;
    color: #fff;
    width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 11px;
}

.bx-wrapper .bx-controls-direction a:hover {
    text-decoration: none;
}

div.bx-wrapper {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.bx-pager.bx-default-pager {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -15em;
}

.bx-pager-item {
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

a.bx-pager-link.active {
    background: #fff;
    color: #fff!important;
}

.bx-pager-item a {
    background: #e12525;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 84px;
    overflow: hidden;
    color: #e12525!important;
}

.eyecacher .caption {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    color: #fff;
    height: 100%;
    text-align: center;
    width: 100%;
    display: inline-table;
    background-size: auto 100%;
    background-color: #00000059;
	 -webkit-transition: all 1000ms ease;
	 -moz-transition: all 1000ms ease;
	 -ms-transition: all 1000ms ease;
	 -o-transition: all 1000ms ease;
	 transition: all 1000ms ease;
}

.eyecacher.cont {
    background: none repeat scroll 0 0 transparent;
    display: block;
    width: 100%;
    position: relative;
    height: 500px;
    text-align: center;
}

.eyecacher.cont img {
    width: 100%;
    display: block;
    height: auto;
}

.eyeCatcher.home {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #e12525;
}

div.eyeCatcherBlock {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.eyeImageCont {
}

div.eyecacher.cont h2{
	font-size: 1.5em;
}

.contTextMid {
    width: 80%;
    margin: 0 auto;
}

.general,
.genTitle, .titleGen, h2.titleGen,
.genTiPost,
.contTextMid h2 {
    font-weight: inherit!important;
}

p{
	letter-spacing: 5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    letter-spacing: 5px;
	font-weight: bold!important;
}

article.singleArticle.praxis p {
    letter-spacing: inherit;
}

.instagram-gallery-modal__media_description {
    letter-spacing: inherit;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

header.headMenu {
    background: #fff;
    color: #fff;
    margin: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}

header.genHead {
    padding-top: 3em;
    padding-bottom: 10px;
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    z-index: 100;
    width: 100%;
    background: #000;
    border-bottom: 5px solid #e12525;
    background-image: url(https://azcrazydetail.com/wp-content/uploads/2023/12/headBgSite.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

body.gen a {
	color: #b1b1b1;
    text-decoration: none;
}

.socialIcons a:hover {
    background: #4267B2;
}


.socialIcons.foot {
    text-align: center;
}

.socialIcons {
    clear: both;
    overflow: hidden;
    padding: 2em 0 10px;
    height: auto;
    display: block;
    margin: 5px 0 0 0;
    float: inherit;
    width: 100%;
}

.socialIcons a {
    padding: 9px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: #000 solid 2px;
    width: 42px;
    height: 41px;
    line-height: 10px;
    margin: 0 12px;
    border-radius: 19px;
    font-size: 20px;
}

.socialIcons a:hover > i {
    color: #fff;
}

.socialIcons a:hover {
    background: #000;
}

.socialIcons a > .socialIcons a i{
	color: #fff;
}

.socialNetwork a i {
    font-size: 2em;
    color: #fff;
}

.oneBlock, 
.blockOne {
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
}

.blockTwo{
	text-align: center;
}


.animate{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.oneBlock .thumbnail {
    background: transparent;
    border-radius: 10px;
    min-height: 250px;
    padding: 10px;
}

.thumbnail.inter{
	min-height: auto;
}

.singleArticle {
}

article.singleArticle ul li {
    list-style: inside;
}

div.clientes {
}

.contacto input[type=submit], 
div.contacto input[type=submit] {
    font-weight: bold;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background: #e12525;
    border: 1px solid #e12525;
    border-radius: 4px;
    margin: 0px 30em;
    margin-right: auto;
    margin-left: auto;
}

div.contacto input[type=submit]:hover {
    background: #7c7c7c;
    border: solid 1px #7c7c7c;
}

button, input, optgroup, select, textarea {
    padding: 4px;
    border: solid #e1e1e1 1px;
    border-radius: 6px;
}

div.nosotros {
    display: block;
    width: 100%;
    background-size: 110% auto;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 8em;
}

.nosotros.home {
    padding-bottom: 10em;
}

div.oneBlock{
	display: block;
}

div.twoBlocks {
}

.twoBlocks.info {
    padding-left: 1em;
	text-align: justify;
}


div.clientes {
}

.bb-gold{
    border-top: 3px solid #e12525;
}

.bt-gold {
    border-bottom: 3px solid #e12525;
}

article{
	margin-bottom: 1em;
}

article.cat {
    margin: 0;
    padding: 0;
}

ul.listAside li{
	margin-top: 1em;
	margin-bottom: 1em;
}

img, .thumn img {
    width: 100%;
    height: auto;
}

img.lacreHome {
    width: 80px;
    height: auto;
}

.logoHead {
    width: 250px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
}

article.contactPage, article.allPost {
    background: transparent;
    min-height: auto;
    color: #808080;
}

.thumbnail.General {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.thumbnail.General .caption, 
div.caption.aside {
    padding: 9px;
    color: #fff;
    text-align: center;
    font-size: inherit;
    position: absolute;
    bottom: 0;
    z-index: 5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
}


.thumbnail.Genera .caption,
.caption.aside {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.thumbnail.Genera .caption h2,
.caption.aside h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding: 0;
}

.thumbnail.General img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.thumbnail.General img:hover{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}

div.contConatct:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.bgShadow {
	display: block;
}

section.info.head {
	margin-left: 1em;
	margin-right: 1em;
}

nav.navbar-default {
    background: transparent;
    border: none;
    color: #000;
    margin-top: 1em;
    margin-bottom: 1em;
}

.manuNavHead .navbar-nav{
	float: inherit;
}

.menuNavHead nav.navbar ul {
    text-align: center;
    display: inline-block;
}

.menuNavHead nav.navbar ul li a {
    float: inherit;
    display: inline-block;
    text-align: center;
    width: auto;
    color: #fff;
    font-size: 16px;
}

.menuHeadOne li,
.menuNavHead nav.navbar ul li{
    float: inherit;
    display: inline-block;
    text-align: center;
    width: auto;
}

.menuNavHead .navbar {
	margin-bottom: 0;
}

.menuNavHead .navbar .navbar-collapse a:hover, .menuNavHead .navbar .navbar-collapse a:active {
	color: #777;
}

.menuNavHead .navbar-default {
	background: transparent;
	border: none;
	border-radius: 0;
}

ul.nav.menuHead {
    float: initial;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 25px 0 0;
    
}

ul.nav.menuHead li {
    text-align: center;
    display: inline-block;
}

ul.nav.menuHead li a {
    color: #fff;
    display: block;
    float: left;
    padding: 10px 16px;
    border-right: 1px solid #e8d188;
    font-size: 14px;
    letter-spacing: 6px;
}

ul.nav.menuHead li a:hover {
    color: #a79430;
}

ul.nav.menuHead li:last-child a {
    border: none;
}

.contnavMob {
    cursor: pointer;
    display: none;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #e12525;
    margin: 6px 0;
    transition: .4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #e12525!important;
    background: #e12525;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    border-radius: 8px;
	cursor: pointer;
}

.menu-item-type-custom {
    text-align: center;
    display: inline-block;
}

.menuHeadOne li a {
    float: inherit;
    border-bottom: 1px solid #e12525;
    border-right: 0;
}

.menuHeadOne li a {
    color: #b1b1b1;
    display: block;
    float: left;
    padding: 10px 16px;
    font-size: 14px;
    letter-spacing: 6px;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
}

.menuHeadOne li a:hover {
    color: #ea002a;
}

.menuHeadOne li:last-child a {
    border: none;
}

.menuHeadOne {
    float: inherit;
    text-align: center;
    display: inline-block;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0;
    margin: 0;
}

a.logoClick {
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%;
}

.logo.head {
    width: 200px;
    height: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 13px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    float: inherit;
    margin: 0 auto;
    text-align: center;
}

.menuNormal h2.TagLine {
	display: none;
}

.menuNormal nav.menuPrincipal {
    margin: 1em 0 0 0;
    position: relative;
    border: none;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+50,ffffff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: #fff;
    width: 100%;
}

.menuNormal nav.menuPrincipal .nav.navbar-nav li a {
    background: transparent;
    font-size: 16px;
    font-weight: lighter;
    color: #666666;
}

.menuNormal nav.menuPrincipal .nav.navbar-nav li.active a, 
.menuNormal nav.menuPrincipal .nav.navbar-nav li a:hover {
    color: #59D1BF;
}

.logo.foot h2.TagLine {
	font-size: 10px;
	padding: 8px 0;
	text-align: center;
	width: 100%;
}

div.logo.foot,
.iconsSocial {
	margin-top: 1em;
}

div.iconsSocial.footer{
	display: inline-block;
	text-align: center;
}

div.iconsSocial.footer img {
    width: 45px;
    margin: 0 1.5em;
}

.foot.iconsSocial {
	margin-top: 2.1em;
}

div.logo.foot {
    width: 230px;
    display: block;
    float: none;
    margin: 2em auto 2em;
    clear: both;
}

div.headLinks {
	display: block;
}

div.menuNavHead {
    margin: 0;
    width: auto;
    float: right;
    margin-top: 8em;
}

.socialIconsContact {
	margin-bottom: 1em;
	margin-left: 0;
	margin-top: 1em;
	text-align: center;
	width: 100%;
}

.socialIconsContact a {
	display: inline-block;
	float: inherit;
	margin: 0 5em;
	min-width: 27px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.socialIconsContact a img {
	width: 100px;
	height: auto;
	display: block;
	margin: 1em 0;
}

.socialIconsContact a:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

div.textArticle.contacto {
	background-size: 100% auto;
	display: block;
}

.contacto .row {
    padding: 0 0;
}

.keywords p {
    font-size: 15px;
}

.contwoForm {
	display: inline-block;
	position: relative;
}

form.contFormPrin {
	display: block;
	visibility: visible;
}

.foot.iconsSocial a {
	color: #fff;
	display: block;
	float: left;
	font-size: 17px;
	margin: 0 3px;
}

.iconsSocial a img {
    display: block;
    width: 39px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.inter h3.genTiPost {
    text-align: center;
    color: #fff;
}

.genTiPost {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
}

span.more.icon {
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    width: min-content;
    margin: 11px auto;
    border-radius: 17px;
    padding: 2px 6px 0;
    margin-top: 10px;
}

div.servicios.home {
    margin: 0;
}

.servicios, 
div.servicios {
    color: #fff;
    border-bottom: 3px solid #e12525;
    background: #000;
}

.servicios .thumbnail {
    position: relative;
}

.servicios .caption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
}

.servicios .caption:hover {
    background: #e12525;
}

.servicios.inter {
    position: relative;
    width: 100%;
    border-bottom: none;
}

.contCaption {
    display: table;
    height: 100%;
    width: 100%;
}

.divCapMid {
    display: table-cell;
    vertical-align: middle;
	padding: 1em;
}

div.serviBlock {
    padding: 0;
}

div.servicios a:hover {
    color: #e12525;
}

.servicios.catServicios {
    margin: 0;
    border-top: none;
    padding-top: 0;
    overflow: hidden;
}

.cardservicesOne {
    margin-bottom: 6em;
}

a.cardservices {
    margin: 0em 2.5em;
    padding-top: 6.5em!important;
    padding-bottom: 5em;
}

.singleArticle, 
.page,
article.cat.page p,
.caption.praxis p {
    text-align: inherit;
}

.genTiPost i {
    color: #a3c1d0;
    font-size: 16px;
}

footer h2.genTiPost{
	text-align: left;
}

aside{}


.viewMore.aside {
	display: block;
	padding: 0 7px;
	text-align: inherit;
}

figure.adversting {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	max-width: 300px;
}

ul.blocksPost li p, 
.allPost p, 
.allPost div {
	color: #808080;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.2px;
	margin: 4px 0;
}

.allPost {
	position: relative;
}

.allPost p img {
	vertical-align: middle;
	max-width: 100%;
	float: left;
	margin-bottom: 1em;
}

div.contnote {
	padding: 1em;
	margin-bottom: 1em;
	overflow: hidden;
}

div.contnote ul.tableTecnic {
	width: inherit;
}

ul.tableTecnic li {
	margin: 1em 0;
}

ul.tableTecnic li strong {
	margin: 0 10px 0 0;
}

.titleDate, 
ul.tableTecnic li.titleDate {
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 0;
	margin-top: 1.5em;
	color: #bbb;
	font-weight: lighter;
}



.trabajos {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    float: inherit;
    padding-top: 8em;
    padding-bottom: 8em;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(145,145,145,1) 50%);
    background-image: url(https://azcrazydetail.com/wp-content/uploads/2023/12/bgGray.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}


.trabajos iframe {
    border: solid 1px #000!important;
    margin-top: 1em!important;
}


.formulario {
    display: block;
    padding: 8em 0;
    background-image: url(https://azcrazydetail.com/wp-content/uploads/2023/12/testBg.png);
    background-color: #4e4e4e;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.formulario p{
	padding-top: .5em;
	padding-bottom: .5em;
}

.formulario button, 
.formulario input, 
.formulario optgroup, 
.formulario select, 
.formulario textarea{
	padding: 10px;
}

.comentSingle {
    border-top: 1px solid #e9e9e9;
    padding: 0 0 1em;
    clear: both;
}

.fb-social-plugin.comment-form.fb-comments.fb_iframe_widget span, 
.fb-social-plugin.comment-form.fb-comments.fb_iframe_widget iframe {
	display: block;
}

.addthis_native_toolbox.socialIcons {
	display: block;
	height: auto;
	max-height: 130px;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.addthis_native_toolbox.socialIcons a {
	display: block;
	float: left;
	height: 25px;
	margin: 3px;
	min-width: auto;
	width: 108px;
}

h2.titlegen.single {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold!important;
}

div.clientes h3 {
}

div.clientes h3 {
    color: #000;
}

footer h2.genTiPost {
    text-align: center;
    margin-bottom: 15px;
    color: #ffffff;
}


h2.titleGen.titleCat {
    margin: 3em 0;
}

h2.genTitle.cat {
    margin-bottom: 10px;
    color: #b1b1b1;
    text-align: center;
    padding: 10px 0;
    display: block;
    overflow: hidden;
    margin: 15px 0;
}

.genTitle, .titleGen, h2.titleGen {
    color: #b1b1b1;
    text-align: center;
    width: 100%;
}

h2.titleGen i{
	color: #4267B2;
}

h3.genTiPost {
    margin-bottom: 13px;
    color: #ffffff;
}

h3.genTiPost.Cat {
    color: #fff;
    text-align: center;
}

.genTitle span, .titleGen span, h2.titleGen span {
    border-bottom: 2px solid #e12525;
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
}

div.caption {
    color: #fff;
}

div.caption p{
	color: #fff;
}

.allPost p iframe, .allPost iframe {
	width: 100%;
	min-height: 45%;
	position: relative;
}

header.genHead.menuFixed .logoHead {
    width: 100px;
    float: left;
    padding: 0 0 7px 0;
    margin: 0;
}

header.genHead.menuFixed ul.nav.menuHead {
    width: auto;
    float: right;
    margin: 0;
    padding: 6px 0 0 0;
}

header.genHead.menuFixed {
    position: fixed;
    box-shadow: 0px 0px 10px #000;
    padding-bottom: 0px;
    padding-top: 10px;
    margin: 0;
    background-size: 90% auto;
}

header.genHead.menuFixed .container {
    margin: 0 auto;
    padding: 0;
}

header.genHead.inter.menuFixed {
    position: relative;
}

header.genHead.menuFixed ul.nav.menuHead {
    width: auto;
    float: right;
    margin: 1em 0px 0;
}

.menuNav nav.navbar{
	margin: 0;
	padding: 0;
}

div.collapse.navbar-collapse {
    padding: 0;
    margin: 0;
    width: inherit;
    border: none;
}

ul.navbar-nav {
    float: inherit;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

ul.navbar-nav li {
    float: inherit;
    text-align: center;
    display: inline-block;
    margin: 0;
}

.navbar-default ul.navbar-nav li.active a:hover,
.navbar-default ul.navbar-nav li.active a {
    background: transparent;
    color: #929292;
    text-decoration: none;
}

.navbar-default  ul.navbar-nav li a{
	color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.btn.one,
a.btn.one {
    font-weight: bold;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 1em;
    color: #fff;
    background: #e12525;
    border: 1px solid #e12525;
    border-radius: 4px;
    display: block;
    max-width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

a.btn.one:hover {
    background: #fff;
    color: #e12525;
    border: 1px solid #fff;
}

a.btn.two{
    color: #e12525;
    text-transform: uppercase;
    font-weight: bold;
}

.txtMidle {
    color: #fff;
    vertical-align: middle;
    display: table-cell;
}

.txtMidle p{
	margin-bottom: 1em;
}

.menuFoot {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.menuFoot li,
.menuFoot li a {
    color: #000;
    display: inline-block;
    text-align: center;
}

.menuFoot li a {
    color: #b1b1b1;
    display: inline-block;
    text-align: center;
    padding: 10px 16px;
    letter-spacing: 6px;
    font-size: 10px;
    text-transform: uppercase;
}

.menuFoot li a:hover {
    color: #e12525;
}

.menuFoot li:last-child a{
    border: none;
}

.contFoot {
    padding-bottom: 2em;
}

button {
    background: #a79430;
    border-radius: 5px;
    padding: 6px 11px;
    color: #fff;
    position: fixed;
    bottom: 5em;
    right: 3em;
    border: 0;
	cursor: pointer;
}

a.whatsappIcon i {
    font-size: 4em;
    color: #e12525;
    margin-bottom: 25px;
    margin-top: 20px;
}

.contacto.contDiv {
    background: #e12525;
    display: block;
    padding-top: 8em;
    padding-bottom: 8em;
    border-bottom: 3px solid #e12525;
    border-top: 3px solid #e12525;
    background-image: url(https://azcrazydetail.com/wp-content/uploads/2023/12/bgRed-01.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

article.cat.contacto.page iframe,
.contacto.contDiv iframe{
	width: 100%;
}

footer.footeGen {
    clear: both;
    min-height: 28px;
    display: block;
    color: #fff;
    padding: 1em 0;
    background: #000;
    background-position: center;
    background-image: url(https://azcrazydetail.com/wp-content/uploads/2023/12/footerBg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.chatIcons {
    position: fixed;
    bottom: 2em;
    left: 5em;
    z-index: 1000;
}

.chatIcons a {
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 15px;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    padding: 5px;
}

a.chatWhatsappCont {
    color: #fff!important;
    padding: 13px 17px;
    font-size: 46px;
    right: 1.1em;
    position: fixed;
    bottom: 1em;
    border-radius: 55px;
    z-index: 15;
    background: #12b112;
    padding-left: 31px;
    padding-top: 31px;
}

a.chatWhatsappCont i {
    top: 7px;
    position: absolute;
    left: 10px;
    font-size: 30px;
}

a.chatWhatsappCont i {
    top: 6px;
    position: absolute;
    left: 10px;
}

.chatIcons a i {
    font-size: 34px;
    margin: -1px 0 12px 0;
    padding: 0px 0px 0 0px;
}

div.contDiv {
}

.socialNetwork i {
    font-size: 20px;
    margin: 0 16px 0 0;
}

div.socios {
    background-size: 100% auto;
    background-repeat: no-repeat;
}




/**
 * Default Body Class Styles
 */

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

/** Default Post Styles*/
.post-id {}
.post {}
.page {}
.attachment {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}

.format-image {}
.format-gallery {}
.format-chat {}
.format-link {}
.format-quote {}
.format-status {}
.format-video {}

/*Default Menu Styles*/
#header .main-menu{} /*container class*/
#header .main-menu ul {} /*container class first unordered list*/
#header .main-menu ul ul {} /*nordered list within an unordered list*/
#header .main-menu li {} /*each navigation item*/
#header .main-menu li a {} /*each navigation item anchor*/
#header .main-menu li ul {} /*unordered list if there is drop down items*/
#header .main-menu li li {} /*each drop down navigation item*/
#header .main-menu li li a {} /*each drap down navigation item anchor*/

.current_page_item{} /*Class for Current Page*/
.current-cat{} /*Class for Current Category*/
.current-menu-item{} /*Class for any other current Menu Item*/
.menu-item-type-taxonomy{} /*Class for a Category*/
.menu-item-type-post_type{} /*Class for Pages*/
.menu-item-type-custom{} /*Class for any custom item that you added*/
.menu-item-home{} /*Class for the Home Link*/

/**
 * Default WISIWYG Editor Styles
 */

.entry-content img {}
.alignleft, img.alignleft { float: left; margin-right: 5px;}
.alignright, img.alignright { float: right; margin-left: 5px; }
.aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignnone, img.alignnone {
    width: inherit;
}

.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}

.wp-smiley {}

blockquote.left {}
blockquote.right {}

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/**
 * Default WordPress Widget Styles
 */

.widget {}

#searchform {}
.widget_search {}
.screen-reader-text {}

.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

.textwidget {}
.widget_text {}
.textwidget p {}

/**
 * Default Comment Form Styles
 */

/* Comment Output*/

.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {
    border-bottom: 1px solid #ddd;
    padding: .5em 0;
}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {
    color: #999;
    margin-bottom: .5em;
}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}

/* Comment Form */

#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment 
#submit
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { } 
.form-submit{}


/*These styles contain basic styles for fomatting along with our animation css*/
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.main-container {
  background: #fff;
  max-width: 1000px;
  margin: 25px 25px auto;
  position: relative;
}

.container {
  position: relative;
  padding: 25px;
}

.container:last-of-type {
    padding-top: 0px;
    padding-bottom: 0;
}
/*animation element*/

.animation-element {
  position: relative;
  width: 30%;
  margin: 0% 1.33 2.66% 1.33%;
  float: left;
}
/*3 grid layout*/

.animation-element:nth-of-type(3n-2) {
  width: 31.5%;
  margin: 0% 1.375% 2.75% 0%;
  clear: left;
}

.animation-element:nth-of-type(3n-1) {
  width: 31.5%;
  margin: 0% 1.375% 2.75% 1.375%;
}

.animation-element:nth-of-type(3n-0) {
  width: 31.5%;
  margin: 0% 0% 2.75% 1.375%;
  clear: right;
}
/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.subject {
  float: left;
  width: 100%;
  margin: 0% 1.33% 2.66% 1.33%;
  background: #F5F5F5;
  padding: 15px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}

.subject:hover,
.subject:active {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.subject .header {
  margin: 8px 0px;
}

.subject .header .date,
.subject .header .category {
  margin: 0px;
  clear: none;
  width: 50%;
}

.subject .header .date i,
.subject .header .category i {
  margin-right: 5px;
  color: #333;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.subject .header .date {
  float: left;
  text-align: left;
}

.subject .header .category {
  float: right;
  text-align: right;
}
/*subject icon at top*/

.subject .icon {
  position: absolute;
  top: -20px;
  left: 50%;
  left: calc(50% - 20px);
}

.subject .icon i {
  width: 40px;
  height: 40px;
  color: rgb(255, 255, 255);
  font-size: 150%;
  border-radius: 50%;
  text-align: center;
  padding: 7px;
}
/*Category color / icon color*/

.subject .category-color {
  height: 7px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.subject.design .category-color,
.subject.design .icon i {
  background: #c0392b;
}

.subject.development .category-color,
.subject.development .icon i {
  background: #16a085;
}

.subject.photography .category-color,
.subject.photography .icon i {
  background: #2980b9;
}
/*hovering over subject*/

.subject.development:hover .header i {
  color: #16a085;
}

.subject.design:hover .header i {
  color: #c0392b;
}

.subject.photography:hover .header i {
  color: #2980b9;
}

.subject .title {
  margin: 12px 0px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px;
}

.subject .content {
  margin-bottom: 8px;
}

.subject .enrole {
  position: relative;
  color: #333;
  padding: 5px 12px;
  cursor: pointer;
  float: right;
  display: inline-block;
  border: solid 1px #ccc;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.subject .enrole:hover,
.subject .enrole:active {
  background: #222;
  color: #fff;
}
/*media queries for small devices*/

@media screen and (max-width: 678px) {
  .main-container {
    margin: 20px 15px;
  }
  .animation-element,
  .animation-element:nth-of-type(3n-1),
  .animation-element:nth-of-type(3n-2),
  .animation-element:nth-of-type(3n-0) {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .subject .header .date,
  .subject .header .category {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}