@font-face {
    font-family: 'CronosPro-SemiboldSubh';
    src: url('../fonts/CronosPro-SemiboldSubh.eot?#iefix') format('embedded-opentype'), url('../fonts/CronosPro-SemiboldSubh.otf') format('opentype'), url('../fonts/CronosPro-SemiboldSubh.woff') format('woff'), url('../fonts/CronosPro-SemiboldSubh.ttf') format('truetype'), url('../fonts/CronosPro-SemiboldSubh.svg#CronosPro-SemiboldSubh') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CronosPro-Bold';
    src: url('../fonts/CronosPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CronosPro-Bold.otf') format('opentype'), url('../fonts/CronosPro-Bold.woff') format('woff'), url('../fonts/CronosPro-Bold.ttf') format('truetype'), url('../fonts/CronosPro-Bold.svg#CronosPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CronosPro-LtDisp';
    src: url('../fonts/CronosPro-LtDisp.eot?#iefix') format('embedded-opentype'), url('../fonts/CronosPro-LtDisp.otf') format('opentype'), url('../fonts/CronosPro-LtDisp.woff') format('woff'), url('../fonts/CronosPro-LtDisp.ttf') format('truetype'), url('../fonts/CronosPro-LtDisp.svg#CronosPro-LtDisp') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
    margin: 0;
    padding: 0;
}

a, a:hover, a:visited, a:focus, a:active {
    text-decoration: none;
}

li, ul {
    list-style: none;
}

.logo {
    margin-top: 20px;
    margin-left: 20px;
}

.banner {
    padding-bottom: 6em;
}

.flex-div {
    padding-top: 4em;
}

.banner img {
    margin: 0 auto 30px;
}

.banner h1 {
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'CronosPro-Bold';
    margin: 0;
}

.banner p {
    font-size: 22px;
    width: 85%;
    margin: 0 auto;
    font-family: 'CronosPro-LtDisp';
    line-height: 30px;
    text-align: center;
    padding-top: 30px;
    letter-spacing: 1px;
}

.banner-points {
    background-color: #648171;
    background-image: url(../images/pattern.png);
    
    background-repeat: no-repeat;
    background-size: cover;
}
.products-img {
    background-image: url(../images/product33.jpg);
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-points .col-md-push-6 {
    background-image: url(../images/abb.jpg);
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .banner-points > .row > .col-md-6 {
        padding-left: 30px;
    }



    .banner-points h2 {
        font-family: 'CronosPro-Bold';
        font-size: 30px;
        padding-top: 2em;
        color: #fff;
        margin-bottom: 15px;
    }

    .banner-points ul li {
        font-family: 'CronosPro-LtDisp';
        font-size: 20px;
        list-style: none;
        color: #fff;
        font-weight: 100;
        line-height: 30px;
        padding-bottom: 20px;
        text-indent: -30px;
        padding-left: 35px;
        letter-spacing: 1px;
    }

        .banner-points ul li:before {
            content: "\f10c";
            font-family: "FontAwesome";
            padding-right: 10px;
            font-size: 14px;
        }

.products {
    background-position: right;
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.products h1 {
    font-family: 'CronosPro-Bold';
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.products-row {
    padding: 8em 15px;
}

    .products-row [class*="col-"] {
        padding: 10px;
    }

    .products-row p {
        position: absolute;
        bottom: 0;
        color: #fff;
        display: block;
        padding: 10px;
        text-transform: uppercase;
        font-family: 'CronosPro-SemiboldSubh';
        font-size: 18px;
        letter-spacing: 2px;
    }

.pageants {
    padding: 6em 15px;
    background-color: #333;
    background-image: url(../images/bg2.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}


    .pageants h2 {
        font-family: 'CronosPro-Bold';
        font-size: 40px;
        text-transform: uppercase;
        color: #fff;
    }

    .pageants p {
        font-family: 'CronosPro-LtDisp';
        font-size: 20px;
        line-height: 35px;
        color: #fff;
        letter-spacing: 1px;
    }

    .pageants a {
        font-family: 'CronosPro-LtDisp';
        text-transform: uppercase;
        font-size: 18px;
        background-color: #e4a801;
        color: #fff;
        padding: 18px 20px 15px;
        display: inline-block;
        line-height: 18px;
        margin-top: 15px;
        transition: .3s;
        letter-spacing: 2px;
    }

        .pageants a:hover {
            opacity: .8;
        }


.contact-form {
    padding: 6em 15px;
}

    .contact-form h2 {
        font-family: 'CronosPro-Bold';
        font-size: 40px;
        color: #333;
        text-transform: uppercase;
        text-align: center;
    }


.contact {
    padding: 3em 15px;
    background-color: #648171;
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact-form input {
    border-radius: 0;
    height: 60px;
    font-family: 'CronosPro-LtDisp';
    letter-spacing: 2px;
}

.contact-form textarea {
    border-radius: 0;
    font-family: 'CronosPro-LtDisp';
    letter-spacing: 2px;
}

.contact h2 {
    font-family: 'CronosPro-Bold';
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.contact-btn {
    font-family: 'CronosPro-LtDisp';
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #e4a801;
    color: #fff;
    padding: 14px 40px 10px;
    display: inline-block;
    border-radius: 0;
    line-height: 18px;
    margin-top: 15px;
    transition: .3s;
}

    .contact-btn:hover {
        opacity: .9;
    }


.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: none;
}

.btn.focus, .btn:focus {
    outline: none;
}

.contact ul li {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
}

    .contact ul li a {
        color: #648171;
        font-size: 25px;
        padding: 12px;
        background-color: #e4a801;
        margin-right: 5px;
        transition: .3s;
    }

        .contact ul li a:hover {
            color: #fff;
        }


.contact p {
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    font-family: 'CronosPro-LtDisp';
    letter-spacing: 2px;
}

    .contact p a {
        color: #fff;
        font-family: 'CronosPro-SemiboldSubh';
    }
@media(max-width:1101px) and (min-width:991px) {
    .banner-points .col-md-push-6 {       
        height: 650px !important;      
    }
}
@media(max-width:1360px) {
    .banner-points .col-md-push-6 {       
        height: 600px;      
    }
}
@media(max-width:1280px) and (min-width:1260px) {
    .banner-points .col-md-push-6 {       
        height: 640px;      
    }
}

@media(max-width:1199px) {
    .tolerance-img {
        width: 80%;
    }

    .banner {
        padding-bottom: 1em;
    }

    .logo {
        margin: 30px auto 10px;
        /*left: 50%;
        transform: translateX(-50%);*/
    }

    .flex-div {
        padding-top: 0;
        display: flex;
        flex-flow: column;
    }

        .flex-div .visible-xs {
            order: 1;
            padding-top: 0;
            font-size: 25px;
        }


        .flex-div h1 {
            order: 2;
            font-size: 40px;
        }

        .flex-div img {
            order: 3;
            margin-bottom: 0;
        }

        .flex-div p {
            order: 4;
            padding-top: 20px;
        }
}

@media(max-width:1260px) and (min-width:990px) {
    .banner-points ul li {
        padding-bottom: 17px;
    }

    .banner-points h2 {
        padding-top: 1em;
    }

    .products-img {
        height: 550px;
    }
}

@media(max-width:992px) {
    .banner-points .col-md-pull-6 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .banner-points h2 {
        padding-top: 0;
    }

    .products-row {
        padding: 4em 15px;
    }

    .banner-points .col-md-push-6 {
        height: 400px;
    }

    .products-img {
        height: 400px;
    }

    .products-row p {
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 1px;
    }
}

@media(max-width:500px) {

    

    .contact {
      
        background-size: 150%;
       
    }
}