.alarma,

.borde,

.loader {

    display: block

}



body {

    background-color: #fffffe;

}



@font-face {

    font-family: 'fuenteTheme';

    src: url('fonts/SFUIDisplay-Light.ttf');

}



@font-face {

    font-family: 'fuenteTheme-bold';

    src: url('fonts/SFUIDisplay-Bold.ttf');

}



.alarma {

    border: 2px solid #ffea00;

    background-color: #ffea00;

    padding: 15px;

    color: #000;

    width: 100%;

    margin-top: 3%;

    margin-bottom: 3%;

    font-weight: 700

}



.lgm {

    background-image: url(../imgs/STP_1-7169311.webp);

    background-repeat: no-repeat;

    background-position: center;

    width: 200px;

    height: 200px;

    display: block;

}



.lgm2 {

    background-image: url(../imgs/mtd.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    width: 200px;

    height: 246px;

    display: block;

}



s .loader {

    background-image: url(https://seguridad-privada.mx/2024/seguridadprivada_new/imgs/04-29-06-428_512.webp);

    background-repeat: no-repeat;

    background-position: center;

    width: 100px;

    height: 80px;

    margin: 0 auto

}



.borde {

    border: 2px solid #ccc;

    width: 100%;

    margin-top: 3%;

    margin-bottom: 3%

}



.btnInfo,

.btnInfo:hover {

    font-family: Helvetica;

    letter-spacing: 0;

    width: auto;

    text-decoration: none;

    display: inline-block;

    margin-top: 5%;

    padding: 28px 56px

}



.btnInfo {

    color: #fff;

    background-color: #1d3a64;

    border-color: #fff0;

    border-width: 0;

    border-radius: 60px

}



.btnInfo:hover {

    color: #1d3a64;

    background-color: #fff;

    border: 1px solid #0d3b6f;

    border-radius: 60px

}



.footer .btnInfo,

.footer .btnInfo:hover {

    font-family: Helvetica;

    letter-spacing: 0;

    width: auto;

    border-radius: 60px;

    text-decoration: none;

    margin-top: -66px !important;

    display: table;

    font-size: 25px

}



.footer .btnInfo {

    color: #fff;

    background-color: #0d3b6f;

    padding: 28px 56px;

    margin: 0 auto

}



.footer .btnInfo:hover {

    color: #0d3b6f;

    background-color: #ccc;

    border-color: #fff0;

    padding: 28px 56px 26px;

    margin: 0 auto

}



@media (max-width:800px) {



    .logo,

    .phone-top {

        background-repeat: no-repeat;

        background-position: center

    }



    .form .title,

    .form p,

    .topCont p {

        display: inline-block

    }



    .conTree h2,

    .conTwo h2,

    .form b,

    .topCont h2 {

        font-family: fuenteTheme-bold

    }



    .container,

    .container-sm {

        width: 100% !important;

        max-width: 100% !important

    }



    .phone-top {

        background-image: url(../imgs/phone.png);

        background-size: contain;

        width: 100%;

        height: 47px;

        display: inherit;

        margin-top: 20px;

        float: right

    }



    .form,

    .logo {

        display: block

    }



    .logo {

        background-image: url(../imgs/logo4.png);

        width: 280px;

        height: 150px;

        margin: 0 auto

    }



    .topCont {

        background-image: url(../imgs/CATIMEX_PRACTICA-DE-TIRO-5558-2-8728722.jpg);

        background-position: -318px -136px;

        background-size: cover;

        background-repeat: no-repeat;

        color: #fff

    }



    .iconOne,

    .iconTree,

    .iconTwo {

        background-repeat: no-repeat;

        background-position: center;

        height: 100px

    }



    .topCont p {

        text-align: left;

        font-size: 17px;

        font-weight: 100;

        margin-bottom: 20px

    }



    .form .title,

    .form p,

    .topCont h2 {

        text-align: center

    }



    .topCont .col-md-4 {

        background-color: #f1f1f1;

        padding: 0 !important

    }



    .topCont h2 {

        font-size: 35px;

        font-weight: 600;

        margin-bottom: 45px

    }



    .bd-placeholder-img {

        font-size: 1.125rem;

        text-anchor: middle;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }



    .form,

    .form p {

        font-size: 14px

    }



    .form {

        background-color: #fff;

        width: 90%;

        border-radius: 10px;

        margin: 20px auto 5%;

        color: #000;

        padding: 15px

    }



    .conFour,

    .conTwo {

        margin-bottom: 5%;

        margin-top: -100px;

    }



    .f03,

    .pcShow,

    .phone {

        display: none

    }



    .form .title {

        font-size: 25px;

        border-bottom: 2px solid #ccc;

        padding-bottom: 10px;

        line-height: 28px

    }



    .form p {

        font-size: 14px;

        text-align: center;

        display: inline-block;

        font-weight: 400;

        padding-top: 10px;

        margin-bottom: 29px;

        line-height: 22px;

    }



    .form input,

    .form textarea {

        font-size: 14px;

        display: inline-block;

        padding: 5px;

        color: #000;

        border: 1px solid #eee;

        margin-bottom: 5px;

        width: 100%

    }



    .form textarea {

        height: 80px

    }



    .form b {

        font-weight: 700

    }



    .radio {

        float: left;

        width: 100%

    }



    .radio input {

        float: left;

        width: 5%;

        margin-top: 14px;

        margin-right: 10px

    }



    .conFour h2,

    .conTree h2,

    .conTwo h2 {

        color: #0d3b6f;

        display: inline-block;

        font-weight: 700;

        margin-top: 20px;

        margin-bottom: 20px

    }



    .radio p {

        float: left;

        width: 90%;

        text-align: left

    }



    .conFive,

    .conFive p,

    .conFour h2,

    .conSix a,

    .conTree h2,

    .conTwo h2,

    .footer {

        text-align: center

    }



    .form .btn {

        margin-top: 10px;

        padding: 13px;

        background-color: #1f2f6b;

        color: #fff;

        border-radius: 50px

    }



    .iconOne {

        background-image: url(../imgs/icon1.png);

        width: 100%

    }



    .iconTwo {

        background-image: url(../imgs/icon2.png);

        width: 100%

    }



    .iconTree {

        background-image: url(../imgs/icon3.png);

        width: 100%

    }



    .imgOne,

    .imgTree,

    .imgTwo {

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        width: 100%;

        height: 250px

    }



    .conTree h2,

    .conTwo h2 {

        font-size: 20px;

        width: 100%

    }



    .conFour p,

    .conTree p,

    .conTwo p {

        color: #0d3b6f;

        text-align: center;

        width: 100%;

        display: inline-block

    }



    .imgOne {

        background-image: url(../imgs/01.jpg)

    }



    .imgTwo {

        background-image: url(../imgs/02.jpg)

    }



    .imgTree {

        background-image: url(../imgs/03.jpg)

    }



    .ico1,

    .ico10,

    .ico11,

    .ico12,

    .ico13,

    .ico14,

    .ico15,

    .ico2,

    .ico3,

    .ico4,

    .ico5,

    .ico6,

    .ico7,

    .ico8,

    .ico9 {

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        height: 70px;

        display: block;

        background-size: 60px

    }



    .conFour {

        margin-top: 0

    }



    .conFour h2 {

        font-size: 30px;

        width: 100%

    }



    .conSix a,

    .footer,

    .footer a:hover {

        color: #fff

    }



    .conFour iframe {

        height: 200px;

        margin-top: 20%

    }



    .conEight {

        margin-bottom: 30%

    }



    .conFive p,

    .f02 {

        margin-bottom: 30px

    }



    .conFive p {

        font-size: 14px

    }



    .conFive .col-md-2 {

        flex: 0 0 25%;

        padding: 0

    }



    .ico1 {

        background-image: url(../imgs/ico1.png)

    }



    .ico2 {

        background-image: url(../imgs/ico2.png)

    }



    .ico3 {

        background-image: url(../imgs/ico3.png)

    }



    .ico4 {

        background-image: url(../imgs/ico4.png)

    }



    .ico5 {

        background-image: url(../imgs/ico5.png)

    }



    .ico6 {

        background-image: url(../imgs/ico6.png)

    }



    .ico7 {

        background-image: url(../imgs/ico7.png)

    }



    .ico8 {

        background-image: url(../imgs/ico8.png)

    }



    .ico9 {

        background-image: url(../imgs/ico9.png)

    }



    .ico10 {

        background-image: url(../imgs/ico10.png)

    }



    .ico11 {

        background-image: url(../imgs/ico11.png)

    }



    .ico12 {

        background-image: url(../imgs/ico12.png)

    }



    .ico13 {

        background-image: url(../imgs/ico13.png)

    }



    .ico14 {

        background-image: url(../imgs/ico14.png)

    }



    .ico15 {

        background-image: url(../imgs/ico15.png)

    }



    .f01,

    .f02,

    .fm-03 {

        background-size: contain;

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        height: 100px;

        display: inline-block

    }



    .conSix b {

        font-weight: 800

    }



    .conSix a {

        padding: 20px;

        width: 100%;

        font-weight: 100;

        font-size: 23px;

        display: inline-block;

        text-decoration: none;

        border-radius: 20px;

        margin-bottom: 5%;

        background: #2e488e;

        background: -moz-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #2e488e), color-stop(0, #2e488e), color-stop(25%, #2e488e), color-stop(100%, #1e2d66));

        background: -webkit-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -o-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -ms-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: radial-gradient(ellipse at center, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%)

    }



    .f01 {

        background-image: url(../imgs/f-01.png)

    }



    .f02 {

        background-image: url(../imgs/f-02.png);

        margin-top: 30px

    }



    .fm-03 {

        background-image: url(../imgs/fm-03.png)

    }



    .footer {

        background-color: #000;

        padding: 20px

    }



    .footer a {

        color: #e6e6e6

    }



    .footer .conte {

        width: 83%;

        margin: 0 auto

    }



    .mobShow {

        display: block

    }



    .form {

        margin-top: 95px

    }



    .cont {

        color: #000;

        margin-top: 40% !important

    }



    .conEight .col-5,

    .conEight .col-6,

    .conEight .col-7 {

        width: 100%;

        max-width: 100%;

        display: block

    }



    .conEight .row {

        width: 100%;

        max-width: 100%;

        display: contents

    }

}



@media (min-width:801px) {



    .logo,

    .phone {

        background-size: contain

    }



    .form b,

    .topCont h2 {

        font-family: fuenteTheme-bold

    }



    .mobShow {

        display: none !important

    }



    .pcShow {

        display: block

    }



    .form,

    .logo,

    .phone {

        display: inline-block

    }



    .conTwo {

        margin-top: 30px

    }



    .cont {

        margin-top: 15%

    }



    .logo {

        background-image: url(../imgs/logo4.png);

        background-repeat: no-repeat;

        background-position: top;

        width: 258px;

        height: 150px;

        margin-bottom: 0;

        margin-left: -17px

    }



    .form {

        background-color: #fff;

        padding: 15px;

        border-radius: 10px;

        color: #000

    }



    .phone {

        background-image: url(../imgs/phone.png);

        width: 100%;

        height: 50px;

        margin-top: 20%;

        margin-bottom: 18%;

        background-repeat: no-repeat;

        background-position: center

    }



    .iconOne,

    .iconTree,

    .iconTwo {

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        height: 100px

    }



    .topCont {

        background-image: url(../imgs/CATIMEX_PRACTICA-DE-TIRO-5558-2-8728722.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        color: #fff;

        padding-bottom: 3%

    }



    .topCont p {

        text-align: left;

        font-size: 23px;

        font-weight: 100;

        margin-bottom: 40px

    }



    .topCont h2 {

        text-align: justify;

        font-size: 46px;

        font-weight: 600

    }



    .bd-placeholder-img {

        font-size: 1.125rem;

        text-anchor: middle;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }



    .form,

    .form p {

        font-size: 14px

    }



    .form {

        margin-bottom: 20%

    }



    .conFour,

    .conTwo {

        margin-bottom: 5%

    }



    .fm-03,

    .form .phone {

        display: none

    }



    .form .title,

    .form p {

        display: inline-block

    }



    .form .title {

        font-size: 25px;

        text-align: center;

        border-bottom: 2px solid #ccc;

        padding-bottom: 10px;

        line-height: 28px

    }



    .form p {

        font-size: 15px;

        text-align: center;

        display: inline-block;

        font-weight: 400;

        padding-top: 10px;

        margin-bottom: 29px;

        line-height: 22px;

    }



    .form input,

    .form textarea {

        font-size: 14px;

        display: inline-block;

        padding: 5px;

        color: #000;

        border: 1px solid #eee;

        width: 100%;

        margin-bottom: 5px

    }



    .form .btn,

    .form .btn:hover {

        margin-top: 10px;

        padding: 13px;

        color: #fff;

        border-radius: 50px;

        font-size: 20px

    }



    .form b {

        font-weight: 700

    }



    .radio {

        float: left;

        width: 100%

    }



    .radio input {

        float: left;

        width: 5%;

        margin-top: 14px;

        margin-right: 10px

    }



    .conFour h2,

    .conTree h2,

    .conTwo h2 {

        margin-top: 20px;

        margin-bottom: 20px;

        color: #0d3b6f;

        display: inline-block;

        font-family: fuenteTheme-bold;

        font-weight: 700

    }



    .radio p {

        float: left;

        width: 90%;

        text-align: left

    }



    .conFive,

    .conFive p,

    .conFour h2,

    .conFour p,

    .conSix a,

    .conTree p,

    .conTwo p,

    .footer {

        text-align: center

    }



    .form .btn {

        background-color: #1f2f6b

    }



    .form .btn:hover {

        background-color: #ccc

    }



    .iconOne {

        background-image: url(../imgs/icon1.png)

    }



    .iconTwo {

        background-image: url(../imgs/icon2.png)

    }



    .iconTree {

        background-image: url(../imgs/icon3.png)

    }



    .imgOne,

    .imgTree,

    .imgTwo {

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        width: 100%;

        height: 250px

    }



    .conTree h2,

    .conTwo h2 {

        font-size: 20px;

        text-align: center;

        width: 100%

    }



    .conTree p,

    .conTwo p {

        color: #0d3b6f;

        width: 100%;

        display: inline-block;

        font-size: 17px

    }



    .imgOne {

        background-image: url(../imgs/01.jpg)

    }



    .imgTwo {

        background-image: url(../imgs/02.jpg)

    }



    .imgTree {

        background-image: url(../imgs/03.jpg)

    }



    .conFour {

        margin-top: 5%

    }



    .ico1,

    .ico10,

    .ico11,

    .ico12,

    .ico13,

    .ico14,

    .ico15,

    .ico2,

    .ico3,

    .ico4,

    .ico5,

    .ico6,

    .ico7,

    .ico8,

    .ico9 {

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        height: 70px;

        display: block;

        margin-bottom: 10px

    }



    .conFour h2 {

        font-size: 40px;

        width: 100%

    }



    .conSix a,

    .titleMp1,

    .titleMp2 {

        font-size: 28px

    }



    .conFour p {

        color: #0d3b6f;

        width: 100%;

        display: inline-block

    }



    .conSix a,

    .footer,

    .footer a:hover {

        color: #fff

    }



    .conFour iframe {

        height: 350px

    }



    .conFive p {

        margin-bottom: 30px

    }



    .conFive .col-md-2 {

        flex: 0 0 12.5%;

        padding: 0

    }



    .ico1 {

        background-image: url(../imgs/ico1.png)

    }



    .ico2 {

        background-image: url(../imgs/ico2.png)

    }



    .ico3 {

        background-image: url(../imgs/ico3.png)

    }



    .ico4 {

        background-image: url(../imgs/ico4.png)

    }



    .ico5 {

        background-image: url(../imgs/ico5.png)

    }



    .ico6 {

        background-image: url(../imgs/ico6.png)

    }



    .ico7 {

        background-image: url(../imgs/ico7.png)

    }



    .ico8 {

        background-image: url(../imgs/ico8.png)

    }



    .ico9 {

        background-image: url(../imgs/ico9.png)

    }



    .ico10 {

        background-image: url(../imgs/ico10.png)

    }



    .ico11 {

        background-image: url(../imgs/ico11.png)

    }



    .ico12 {

        background-image: url(../imgs/ico12.png)

    }



    .ico13 {

        background-image: url(../imgs/ico13.png)

    }



    .ico14 {

        background-image: url(../imgs/ico14.png)

    }



    .ico15 {

        background-image: url(../imgs/ico15.png)

    }



    .f01,

    div.container>div.row>div.col-7>div.f02 {

        height: 150px;

        background-repeat: no-repeat;

        background-position: center

    }



    .conSix a,

    .f01,

    .f03 {

        display: inline-block;

        width: 100%

    }



    .conSix a,

    .titleMp2,

    .titleMpline {

        margin-bottom: 5%

    }



    .conSix b {

        font-weight: 800;

        font-family: fuenteTheme-bold

    }



    .conSix a {

        padding: 30px;

        font-weight: 100;

        text-decoration: none;

        border-radius: 30px;

        background: #2e488e;

        background: -moz-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #2e488e), color-stop(0, #2e488e), color-stop(25%, #2e488e), color-stop(100%, #1e2d66));

        background: -webkit-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -o-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: -ms-radial-gradient(center, ellipse cover, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%);

        background: radial-gradient(ellipse at center, #2e488e 0, #2e488e 0, #2e488e 25%, #1e2d66 100%)

    }



    .f01 {

        background-image: url(../imgs/f-01.png)

    }



    div.container>div.row>div.col-7>div.f02 {

        background-image: url(../imgs/f-02.png);

        width: 100%;

        display: inline-block

    }



    .f03 {

        background-image: url(../imgs/f-03.png);

        background-size: contain;

        background-repeat: no-repeat;

        background-position: center;

        height: 100px

    }



    .titleMplin,

    .titleMpline {

        width: 20%;

        height: 1px;

        display: block

    }



    .footer {

        background-color: #000;

        padding: 20px;

        min-height: 350px;

        margin-top: 100px

    }



    .bgWhite,

    .bgWhite1,

    .selectedOne {

        background-color: #fff;

        box-shadow: 0 19px 21px -5px #e1e1e1;

        padding: 20px

    }



    .footer a {

        color: #e6e6e6

    }



    .footer .conte {

        width: 100%

    }



    .infoMt p {

        line-height: 50px

    }



    .titleMp0 {

        font-size: 42px;

        font-weight: 700

    }



    .titleMpline {

        border: 1px solid #fff;

        margin-top: 5%

    }



    .titleMplin {

        border: 1px solid #555;

        margin-top: 5% !important;

        margin-bottom: 5% !important;

        margin: 0 auto

    }



    .bgWhite {

        margin-top: -66px;

        min-height: 410px

    }



    .bgWhite1 {

        margin-top: -36px;

        min-height: 450px

    }



    .selectedOne {

        margin-top: -86px;

        min-height: 430px

    }

}