/* Custom AV */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

html, body { overflow-x: hidden; }
body {font-family: 'Titillium Web', sans-serif; color: #323232; background: #f8f8f8;}
h1, h2, h3, h4, h5, h6 {font-family: 'BankGothicRegular'; }
nav a {font-family: 'BankGothicRegular'; }
p { text-align: justify; }
.noneo {display: none;}
.cbp-l-inline-title {font-family: 'BankGothicRegular'; }
.cbp-l-inline-subtitle {font-family: 'BankGothicRegular'; }

.titulo {background: #323232;}
.titulo h1 { background: #000; padding: 4px; color: #fff; text-transform: uppercase; text-align: center; font-size: 18px; margin:0;}

.caption h1 {font-size: 2.4em; color: #717171; text-align: center; font-weight: 700; text-shadow: 3px 4px 0 #f1f1f1; border-bottom: solid 1px #ececec; padding-bottom: 20px }
.caption h1 span { color: #323232; }
.caption p {    font-size: 1.2em;}

ul li { list-style-type: none;}

.descripcionBox { margin-bottom: 40px; }
.logoHeader {
    width: 160px;
    position: absolute;
    text-align: left;
    margin: 20px 0;
    z-index: 2;
    background: #f8f8f8;
}
.logoHeader img {width: 160px;}

.centrar {text-align: center; margin: 0 auto;}
.derecha { text-align: right; }
header {border-top: solid 2px #323232;}
footer { margin-bottom: 20px; }

.direccionBottom {text-align: center; background: #000; padding: 20px;}
.direccionBottom p { text-align: center; color: #9f9f9f;}
.direccionBottom a { text-decoration: underline; color: #757575;}
.direccionBottom a:hover { text-decoration: underline; color: #fff; }

.blanco {color: #fff;}

.fichaInterior {}
.fichaInterior p { margin-bottom: 20px; }
.fichaInterior ul { margin-left: 0; padding: 10px 0px;}
.fichaInterior ul li { list-style: none; font-size: 1.2em; margin-bottom: 20px;}

.plano { text-align: right; }
.plano a { font-weight: 400; display: block;}
.plano strong {font-family: 'BankGothicRegular'; }

hr {-webkit-box-shadow: 1px 1px 0 0 #f3f3f3; box-shadow: 1px 1px 0 0 #f7f7f7; }

.pushMap {margin-top: 37px;}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width: 100%;
    position:absolute;
}

h1.anuncio {background: #ed2024;
    padding: 10px;
    margin: 0 auto;
    text-align: right;
    color: #fff;
    display: block;
    text-shadow: 4px 4px 0 #b30101;
    font-size: 33px;
}

/* Triangle BORDER Start */
.top-border,.bot-border {
    width: 100%;
    position: relative;
    left: 0;
}
.top-border {top: -30px;}
.bot-border {bottom: 0px;}

.top-border-left,
.top-border-right,
.bot-border-left,
.bot-border-right{
    width: 0;
    height: 0;
}
.top-border-left,
.bot-border-left{
    border-style: solid solid inset solid;
}
.top-border-right,
.bot-border-right{
    border-style: inset solid solid solid;
}
.top-border-left {
    border-top-width: 30px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 800px;
    border-color: transparent transparent transparent #f8f8f8;
    float: left;
}
.top-border-right {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 30px;
    border-left-width: 800px;
    border-color: transparent transparent #f8f8f8 transparent;
    float: right;
}
.bot-border-left {
    border-top-width: 30px;
    border-right-width: 575px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: #23b9c7 transparent transparent transparent;
    float: left;
}
.bot-border-right{
    border-top-width: 0;
    border-right-width: 800px;
    border-bottom-width: 30px;
    border-left-width: 0;
    border-color: transparent #ffffff transparent transparent;
    float: right;
}
/* Triangle BORDER __END */

.videoBg {background: url(../images/maq845-fachada-blur.jpg) fixed no-repeat; padding: 20px; text-align: center;}
video {outline: solid 5px #ed2024;}

/* Form */
.formWrapper {
    padding: 10px;
}
.formBg {
    background-color: #e5e5e5;
    margin-bottom: 60px;
}
.back {
    padding: 10px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}
.tituloForm h3 {
    font-size: 24px;
    margin-top: 4px;
    color: #323232;
    font-weight: 700;
    text-align: center;
}
.tituloForm h3 span {
    font-size: 20px;
    display: block;
    font-weight: 400;
}
.form-control {
    border-radius: 0px !important;
    padding: 10px;
    border: 1px solid #d9d9d9;
    width: 100% !important;
}
textarea {
    width: 100% !important;
    color: #000;
    padding: 6px 12px;
    border: 1px solid #ccc;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.btn-success {
    width: 100% !important;
    background-color: #40d74e;
    padding: 10px;
    font-size: 22px;
}


.form-group {
    margin-bottom: 15px !important;
}


.action {
    background-color: #40d74e;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #00BD0D;
        margin-bottom: 40px;
}
.action:hover {
    background-color: #40d74e;
    padding: 10px;
    font-size: 18px;
    color: #aeffb4;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #00BD0D;
}
.brake { display: block; }

/* Fixes */

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f8f8f8;
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
}
a {color: #bfbfbf;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
a:hover {-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 34px;
    font-style: normal;
    margin-left: 20px;
    margin-right: 10px;
}

.cbp-l-inline-title {

    color: #474747;
    font-size: 1.6em;}

.cbp-l-inline {
    margin: 20px 0;
    overflow: hidden;
    background: #FAFAFA;
    padding: 30px;
    border: 1px solid #f0f0f0;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent;
    text-decoration: underline;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
text-decoration: underline;
}
a:focus, a:hover {
    color: #323232;
    text-decoration: underline;
}
/* media queries */

@media (max-width: 600px) {
  .top-border-left, .border-right {
    width: 160px;
  }
  .caption h1 span {
    display: block;
  }
  .logoHeader {
    width: 120px;
    position: relative;
    background: #fff;
    float: none;
    text-align: center;
    margin:0 auto;
    }
    footer { text-align: center; }

    h1.anuncio {background: #ed2024;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        font-size: 2.2rem;
        color: #fff;
        display: block;
        text-shadow: 2px 4px 0 #b30101;
    }

}
@media (max-width: 1199px) {
  h1.anuncio {
    padding: 10px 40px;
  }
  h1.anuncio span {
    display: block;
  }
}

@media (min-width: 800px) {
  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
  {width: 100%;}
}

// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

/* AV */
.av {
    background: url(https://ataquevisual.com.mx/assets/1.jpg) center no-repeat;
    padding: 10px;
    background: #032039;
    background: -moz-linear-gradient(-45deg, #032039 0%, #033848 50%, #032039 100%);
    background: -webkit-linear-gradient(-45deg, #032039 0%,#033848 50%,#032039 100%);
    background: linear-gradient(135deg, #032039 0%,#033848 50%,#032039 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032039', endColorstr='#032039',GradientType=1 );
}
.av span {
    color: #059a87;
    margin-right: 20px;
}
.av a {
    color: #00c9af;
}
.av div {
    text-align: center;
    font-size: 9px;
    background: url(https://www.ataquevisual.com/firma/logo-av-12.svg) 77px 0 no-repeat;
    padding-bottom: 2px;
    margin: 0 auto;
    width: 280px;
}