@media screen and (max-width: 400px) {
        @-ms-viewport {
            width: 320px
        }
    }
    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }
    .grid-container:before,
    .grid-5:before,
    .mobile-grid-5:before,
    .tablet-grid-5:before,
    .grid-10:before,
    .mobile-grid-10:before,
    .tablet-grid-10:before,
    .grid-15:before,
    .mobile-grid-15:before,
    .tablet-grid-15:before,
    .grid-20:before,
    .mobile-grid-20:before,
    .tablet-grid-20:before,
    .grid-25:before,
    .mobile-grid-25:before,
    .tablet-grid-25:before,
    .grid-30:before,
    .mobile-grid-30:before,
    .tablet-grid-30:before,
    .grid-35:before,
    .mobile-grid-35:before,
    .tablet-grid-35:before,
    .grid-40:before,
    .mobile-grid-40:before,
    .tablet-grid-40:before,
    .grid-45:before,
    .mobile-grid-45:before,
    .tablet-grid-45:before,
    .grid-50:before,
    .mobile-grid-50:before,
    .tablet-grid-50:before,
    .grid-55:before,
    .mobile-grid-55:before,
    .tablet-grid-55:before,
    .grid-60:before,
    .mobile-grid-60:before,
    .tablet-grid-60:before,
    .grid-65:before,
    .mobile-grid-65:before,
    .tablet-grid-65:before,
    .grid-70:before,
    .mobile-grid-70:before,
    .tablet-grid-70:before,
    .grid-75:before,
    .mobile-grid-75:before,
    .tablet-grid-75:before,
    .grid-80:before,
    .mobile-grid-80:before,
    .tablet-grid-80:before,
    .grid-85:before,
    .mobile-grid-85:before,
    .tablet-grid-85:before,
    .grid-90:before,
    .mobile-grid-90:before,
    .tablet-grid-90:before,
    .grid-95:before,
    .mobile-grid-95:before,
    .tablet-grid-95:before,
    .grid-100:before,
    .mobile-grid-100:before,
    .tablet-grid-100:before,
    .grid-33:before,
    .mobile-grid-33:before,
    .tablet-grid-33:before,
    .grid-66:before,
    .mobile-grid-66:before,
    .tablet-grid-66:before,
    .clearfix:before,
    .grid-container:after,
    .grid-5:after,
    .mobile-grid-5:after,
    .tablet-grid-5:after,
    .grid-10:after,
    .mobile-grid-10:after,
    .tablet-grid-10:after,
    .grid-15:after,
    .mobile-grid-15:after,
    .tablet-grid-15:after,
    .grid-20:after,
    .mobile-grid-20:after,
    .tablet-grid-20:after,
    .grid-25:after,
    .mobile-grid-25:after,
    .tablet-grid-25:after,
    .grid-30:after,
    .mobile-grid-30:after,
    .tablet-grid-30:after,
    .grid-35:after,
    .mobile-grid-35:after,
    .tablet-grid-35:after,
    .grid-40:after,
    .mobile-grid-40:after,
    .tablet-grid-40:after,
    .grid-45:after,
    .mobile-grid-45:after,
    .tablet-grid-45:after,
    .grid-50:after,
    .mobile-grid-50:after,
    .tablet-grid-50:after,
    .grid-55:after,
    .mobile-grid-55:after,
    .tablet-grid-55:after,
    .grid-60:after,
    .mobile-grid-60:after,
    .tablet-grid-60:after,
    .grid-65:after,
    .mobile-grid-65:after,
    .tablet-grid-65:after,
    .grid-70:after,
    .mobile-grid-70:after,
    .tablet-grid-70:after,
    .grid-75:after,
    .mobile-grid-75:after,
    .tablet-grid-75:after,
    .grid-80:after,
    .mobile-grid-80:after,
    .tablet-grid-80:after,
    .grid-85:after,
    .mobile-grid-85:after,
    .tablet-grid-85:after,
    .grid-90:after,
    .mobile-grid-90:after,
    .tablet-grid-90:after,
    .grid-95:after,
    .mobile-grid-95:after,
    .tablet-grid-95:after,
    .grid-100:after,
    .mobile-grid-100:after,
    .tablet-grid-100:after,
    .grid-33:after,
    .mobile-grid-33:after,
    .tablet-grid-33:after,
    .grid-66:after,
    .mobile-grid-66:after,
    .tablet-grid-66:after,
    .clearfix:after {
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }
    .grid-container:after,
    .grid-5:after,
    .mobile-grid-5:after,
    .tablet-grid-5:after,
    .grid-10:after,
    .mobile-grid-10:after,
    .tablet-grid-10:after,
    .grid-15:after,
    .mobile-grid-15:after,
    .tablet-grid-15:after,
    .grid-20:after,
    .mobile-grid-20:after,
    .tablet-grid-20:after,
    .grid-25:after,
    .mobile-grid-25:after,
    .tablet-grid-25:after,
    .grid-30:after,
    .mobile-grid-30:after,
    .tablet-grid-30:after,
    .grid-35:after,
    .mobile-grid-35:after,
    .tablet-grid-35:after,
    .grid-40:after,
    .mobile-grid-40:after,
    .tablet-grid-40:after,
    .grid-45:after,
    .mobile-grid-45:after,
    .tablet-grid-45:after,
    .grid-50:after,
    .mobile-grid-50:after,
    .tablet-grid-50:after,
    .grid-55:after,
    .mobile-grid-55:after,
    .tablet-grid-55:after,
    .grid-60:after,
    .mobile-grid-60:after,
    .tablet-grid-60:after,
    .grid-65:after,
    .mobile-grid-65:after,
    .tablet-grid-65:after,
    .grid-70:after,
    .mobile-grid-70:after,
    .tablet-grid-70:after,
    .grid-75:after,
    .mobile-grid-75:after,
    .tablet-grid-75:after,
    .grid-80:after,
    .mobile-grid-80:after,
    .tablet-grid-80:after,
    .grid-85:after,
    .mobile-grid-85:after,
    .tablet-grid-85:after,
    .grid-90:after,
    .mobile-grid-90:after,
    .tablet-grid-90:after,
    .grid-95:after,
    .mobile-grid-95:after,
    .tablet-grid-95:after,
    .grid-100:after,
    .mobile-grid-100:after,
    .tablet-grid-100:after,
    .grid-33:after,
    .mobile-grid-33:after,
    .tablet-grid-33:after,
    .grid-66:after,
    .mobile-grid-66:after,
    .tablet-grid-66:after,
    .clearfix:after {
        clear: both
    }
    .grid-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding-left: 10px;
        padding-right: 10px
    }
    .grid-5,
    .mobile-grid-5,
    .tablet-grid-5,
    .grid-10,
    .mobile-grid-10,
    .tablet-grid-10,
    .grid-15,
    .mobile-grid-15,
    .tablet-grid-15,
    .grid-20,
    .mobile-grid-20,
    .tablet-grid-20,
    .grid-25,
    .mobile-grid-25,
    .tablet-grid-25,
    .grid-30,
    .mobile-grid-30,
    .tablet-grid-30,
    .grid-35,
    .mobile-grid-35,
    .tablet-grid-35,
    .grid-40,
    .mobile-grid-40,
    .tablet-grid-40,
    .grid-45,
    .mobile-grid-45,
    .tablet-grid-45,
    .grid-50,
    .mobile-grid-50,
    .tablet-grid-50,
    .grid-55,
    .mobile-grid-55,
    .tablet-grid-55,
    .grid-60,
    .mobile-grid-60,
    .tablet-grid-60,
    .grid-65,
    .mobile-grid-65,
    .tablet-grid-65,
    .grid-70,
    .mobile-grid-70,
    .tablet-grid-70,
    .grid-75,
    .mobile-grid-75,
    .tablet-grid-75,
    .grid-80,
    .mobile-grid-80,
    .tablet-grid-80,
    .grid-85,
    .mobile-grid-85,
    .tablet-grid-85,
    .grid-90,
    .mobile-grid-90,
    .tablet-grid-90,
    .grid-95,
    .mobile-grid-95,
    .tablet-grid-95,
    .grid-100,
    .mobile-grid-100,
    .tablet-grid-100,
    .grid-33,
    .mobile-grid-33,
    .tablet-grid-33,
    .grid-66,
    .mobile-grid-66,
    .tablet-grid-66 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px
    }
    .grid-parent {
        padding-left: 0;
        padding-right: 0
    }
    @media screen and (max-width: 767px) {
        .mobile-push-5,
        .mobile-pull-5,
        .mobile-push-10,
        .mobile-pull-10,
        .mobile-push-15,
        .mobile-pull-15,
        .mobile-push-20,
        .mobile-pull-20,
        .mobile-push-25,
        .mobile-pull-25,
        .mobile-push-30,
        .mobile-pull-30,
        .mobile-push-35,
        .mobile-pull-35,
        .mobile-push-40,
        .mobile-pull-40,
        .mobile-push-45,
        .mobile-pull-45,
        .mobile-push-50,
        .mobile-pull-50,
        .mobile-push-55,
        .mobile-pull-55,
        .mobile-push-60,
        .mobile-pull-60,
        .mobile-push-65,
        .mobile-pull-65,
        .mobile-push-70,
        .mobile-pull-70,
        .mobile-push-75,
        .mobile-pull-75,
        .mobile-push-80,
        .mobile-pull-80,
        .mobile-push-85,
        .mobile-pull-85,
        .mobile-push-90,
        .mobile-pull-90,
        .mobile-push-95,
        .mobile-pull-95,
        .mobile-push-33,
        .mobile-pull-33,
        .mobile-push-66,
        .mobile-pull-66 {
            position: relative
        }
        .hide-on-mobile {
            display: none !important
        }
        .mobile-grid-5 {
            float: left;
            width: 5%
        }
        .mobile-prefix-5 {
            margin-left: 5%
        }
        .mobile-suffix-5 {
            margin-right: 5%
        }
        .mobile-push-5 {
            left: 5%
        }
        .mobile-pull-5 {
            left: -5%
        }
        .mobile-grid-10 {
            float: left;
            width: 10%
        }
        .mobile-prefix-10 {
            margin-left: 10%
        }
        .mobile-suffix-10 {
            margin-right: 10%
        }
        .mobile-push-10 {
            left: 10%
        }
        .mobile-pull-10 {
            left: -10%
        }
        .mobile-grid-15 {
            float: left;
            width: 15%
        }
        .mobile-prefix-15 {
            margin-left: 15%
        }
        .mobile-suffix-15 {
            margin-right: 15%
        }
        .mobile-push-15 {
            left: 15%
        }
        .mobile-pull-15 {
            left: -15%
        }
        .mobile-grid-20 {
            float: left;
            width: 20%
        }
        .mobile-prefix-20 {
            margin-left: 20%
        }
        .mobile-suffix-20 {
            margin-right: 20%
        }
        .mobile-push-20 {
            left: 20%
        }
        .mobile-pull-20 {
            left: -20%
        }
        .mobile-grid-25 {
            float: left;
            width: 25%
        }
        .mobile-prefix-25 {
            margin-left: 25%
        }
        .mobile-suffix-25 {
            margin-right: 25%
        }
        .mobile-push-25 {
            left: 25%
        }
        .mobile-pull-25 {
            left: -25%
        }
        .mobile-grid-30 {
            float: left;
            width: 30%
        }
        .mobile-prefix-30 {
            margin-left: 30%
        }
        .mobile-suffix-30 {
            margin-right: 30%
        }
        .mobile-push-30 {
            left: 30%
        }
        .mobile-pull-30 {
            left: -30%
        }
        .mobile-grid-35 {
            float: left;
            width: 35%
        }
        .mobile-prefix-35 {
            margin-left: 35%
        }
        .mobile-suffix-35 {
            margin-right: 35%
        }
        .mobile-push-35 {
            left: 35%
        }
        .mobile-pull-35 {
            left: -35%
        }
        .mobile-grid-40 {
            float: left;
            width: 40%
        }
        .mobile-prefix-40 {
            margin-left: 40%
        }
        .mobile-suffix-40 {
            margin-right: 40%
        }
        .mobile-push-40 {
            left: 40%
        }
        .mobile-pull-40 {
            left: -40%
        }
        .mobile-grid-45 {
            float: left;
            width: 45%
        }
        .mobile-prefix-45 {
            margin-left: 45%
        }
        .mobile-suffix-45 {
            margin-right: 45%
        }
        .mobile-push-45 {
            left: 45%
        }
        .mobile-pull-45 {
            left: -45%
        }
        .mobile-grid-50 {
            float: left;
            width: 50%
        }
        .mobile-prefix-50 {
            margin-left: 50%
        }
        .mobile-suffix-50 {
            margin-right: 50%
        }
        .mobile-push-50 {
            left: 50%
        }
        .mobile-pull-50 {
            left: -50%
        }
        .mobile-grid-55 {
            float: left;
            width: 55%
        }
        .mobile-prefix-55 {
            margin-left: 55%
        }
        .mobile-suffix-55 {
            margin-right: 55%
        }
        .mobile-push-55 {
            left: 55%
        }
        .mobile-pull-55 {
            left: -55%
        }
        .mobile-grid-60 {
            float: left;
            width: 60%
        }
        .mobile-prefix-60 {
            margin-left: 60%
        }
        .mobile-suffix-60 {
            margin-right: 60%
        }
        .mobile-push-60 {
            left: 60%
        }
        .mobile-pull-60 {
            left: -60%
        }
        .mobile-grid-65 {
            float: left;
            width: 65%
        }
        .mobile-prefix-65 {
            margin-left: 65%
        }
        .mobile-suffix-65 {
            margin-right: 65%
        }
        .mobile-push-65 {
            left: 65%
        }
        .mobile-pull-65 {
            left: -65%
        }
        .mobile-grid-70 {
            float: left;
            width: 70%
        }
        .mobile-prefix-70 {
            margin-left: 70%
        }
        .mobile-suffix-70 {
            margin-right: 70%
        }
        .mobile-push-70 {
            left: 70%
        }
        .mobile-pull-70 {
            left: -70%
        }
        .mobile-grid-75 {
            float: left;
            width: 75%
        }
        .mobile-prefix-75 {
            margin-left: 75%
        }
        .mobile-suffix-75 {
            margin-right: 75%
        }
        .mobile-push-75 {
            left: 75%
        }
        .mobile-pull-75 {
            left: -75%
        }
        .mobile-grid-80 {
            float: left;
            width: 80%
        }
        .mobile-prefix-80 {
            margin-left: 80%
        }
        .mobile-suffix-80 {
            margin-right: 80%
        }
        .mobile-push-80 {
            left: 80%
        }
        .mobile-pull-80 {
            left: -80%
        }
        .mobile-grid-85 {
            float: left;
            width: 85%
        }
        .mobile-prefix-85 {
            margin-left: 85%
        }
        .mobile-suffix-85 {
            margin-right: 85%
        }
        .mobile-push-85 {
            left: 85%
        }
        .mobile-pull-85 {
            left: -85%
        }
        .mobile-grid-90 {
            float: left;
            width: 90%
        }
        .mobile-prefix-90 {
            margin-left: 90%
        }
        .mobile-suffix-90 {
            margin-right: 90%
        }
        .mobile-push-90 {
            left: 90%
        }
        .mobile-pull-90 {
            left: -90%
        }
        .mobile-grid-95 {
            float: left;
            width: 95%
        }
        .mobile-prefix-95 {
            margin-left: 95%
        }
        .mobile-suffix-95 {
            margin-right: 95%
        }
        .mobile-push-95 {
            left: 95%
        }
        .mobile-pull-95 {
            left: -95%
        }
        .mobile-grid-33 {
            float: left;
            width: 33.33333%
        }
        .mobile-prefix-33 {
            margin-left: 33.33333%
        }
        .mobile-suffix-33 {
            margin-right: 33.33333%
        }
        .mobile-push-33 {
            left: 33.33333%
        }
        .mobile-pull-33 {
            left: -33.33333%
        }
        .mobile-grid-66 {
            float: left;
            width: 66.66667%
        }
        .mobile-prefix-66 {
            margin-left: 66.66667%
        }
        .mobile-suffix-66 {
            margin-right: 66.66667%
        }
        .mobile-push-66 {
            left: 66.66667%
        }
        .mobile-pull-66 {
            left: -66.66667%
        }
        .mobile-grid-100 {
            clear: both;
            width: 100%
        }
    }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .tablet-push-5,
        .tablet-pull-5,
        .tablet-push-10,
        .tablet-pull-10,
        .tablet-push-15,
        .tablet-pull-15,
        .tablet-push-20,
        .tablet-pull-20,
        .tablet-push-25,
        .tablet-pull-25,
        .tablet-push-30,
        .tablet-pull-30,
        .tablet-push-35,
        .tablet-pull-35,
        .tablet-push-40,
        .tablet-pull-40,
        .tablet-push-45,
        .tablet-pull-45,
        .tablet-push-50,
        .tablet-pull-50,
        .tablet-push-55,
        .tablet-pull-55,
        .tablet-push-60,
        .tablet-pull-60,
        .tablet-push-65,
        .tablet-pull-65,
        .tablet-push-70,
        .tablet-pull-70,
        .tablet-push-75,
        .tablet-pull-75,
        .tablet-push-80,
        .tablet-pull-80,
        .tablet-push-85,
        .tablet-pull-85,
        .tablet-push-90,
        .tablet-pull-90,
        .tablet-push-95,
        .tablet-pull-95,
        .tablet-push-33,
        .tablet-pull-33,
        .tablet-push-66,
        .tablet-pull-66 {
            position: relative
        }
        .hide-on-tablet {
            display: none !important
        }
        .tablet-grid-5 {
            float: left;
            width: 5%
        }
        .tablet-prefix-5 {
            margin-left: 5%
        }
        .tablet-suffix-5 {
            margin-right: 5%
        }
        .tablet-push-5 {
            left: 5%
        }
        .tablet-pull-5 {
            left: -5%
        }
        .tablet-grid-10 {
            float: left;
            width: 10%
        }
        .tablet-prefix-10 {
            margin-left: 10%
        }
        .tablet-suffix-10 {
            margin-right: 10%
        }
        .tablet-push-10 {
            left: 10%
        }
        .tablet-pull-10 {
            left: -10%
        }
        .tablet-grid-15 {
            float: left;
            width: 15%
        }
        .tablet-prefix-15 {
            margin-left: 15%
        }
        .tablet-suffix-15 {
            margin-right: 15%
        }
        .tablet-push-15 {
            left: 15%
        }
        .tablet-pull-15 {
            left: -15%
        }
        .tablet-grid-20 {
            float: left;
            width: 20%
        }
        .tablet-prefix-20 {
            margin-left: 20%
        }
        .tablet-suffix-20 {
            margin-right: 20%
        }
        .tablet-push-20 {
            left: 20%
        }
        .tablet-pull-20 {
            left: -20%
        }
        .tablet-grid-25 {
            float: left;
            width: 25%
        }
        .tablet-prefix-25 {
            margin-left: 25%
        }
        .tablet-suffix-25 {
            margin-right: 25%
        }
        .tablet-push-25 {
            left: 25%
        }
        .tablet-pull-25 {
            left: -25%
        }
        .tablet-grid-30 {
            float: left;
            width: 30%
        }
        .tablet-prefix-30 {
            margin-left: 30%
        }
        .tablet-suffix-30 {
            margin-right: 30%
        }
        .tablet-push-30 {
            left: 30%
        }
        .tablet-pull-30 {
            left: -30%
        }
        .tablet-grid-35 {
            float: left;
            width: 35%
        }
        .tablet-prefix-35 {
            margin-left: 35%
        }
        .tablet-suffix-35 {
            margin-right: 35%
        }
        .tablet-push-35 {
            left: 35%
        }
        .tablet-pull-35 {
            left: -35%
        }
        .tablet-grid-40 {
            float: left;
            width: 40%
        }
        .tablet-prefix-40 {
            margin-left: 40%
        }
        .tablet-suffix-40 {
            margin-right: 40%
        }
        .tablet-push-40 {
            left: 40%
        }
        .tablet-pull-40 {
            left: -40%
        }
        .tablet-grid-45 {
            float: left;
            width: 45%
        }
        .tablet-prefix-45 {
            margin-left: 45%
        }
        .tablet-suffix-45 {
            margin-right: 45%
        }
        .tablet-push-45 {
            left: 45%
        }
        .tablet-pull-45 {
            left: -45%
        }
        .tablet-grid-50 {
            float: left;
            width: 50%
        }
        .tablet-prefix-50 {
            margin-left: 50%
        }
        .tablet-suffix-50 {
            margin-right: 50%
        }
        .tablet-push-50 {
            left: 50%
        }
        .tablet-pull-50 {
            left: -50%
        }
        .tablet-grid-55 {
            float: left;
            width: 55%
        }
        .tablet-prefix-55 {
            margin-left: 55%
        }
        .tablet-suffix-55 {
            margin-right: 55%
        }
        .tablet-push-55 {
            left: 55%
        }
        .tablet-pull-55 {
            left: -55%
        }
        .tablet-grid-60 {
            float: left;
            width: 60%
        }
        .tablet-prefix-60 {
            margin-left: 60%
        }
        .tablet-suffix-60 {
            margin-right: 60%
        }
        .tablet-push-60 {
            left: 60%
        }
        .tablet-pull-60 {
            left: -60%
        }
        .tablet-grid-65 {
            float: left;
            width: 65%
        }
        .tablet-prefix-65 {
            margin-left: 65%
        }
        .tablet-suffix-65 {
            margin-right: 65%
        }
        .tablet-push-65 {
            left: 65%
        }
        .tablet-pull-65 {
            left: -65%
        }
        .tablet-grid-70 {
            float: left;
            width: 70%
        }
        .tablet-prefix-70 {
            margin-left: 70%
        }
        .tablet-suffix-70 {
            margin-right: 70%
        }
        .tablet-push-70 {
            left: 70%
        }
        .tablet-pull-70 {
            left: -70%
        }
        .tablet-grid-75 {
            float: left;
            width: 75%
        }
        .tablet-prefix-75 {
            margin-left: 75%
        }
        .tablet-suffix-75 {
            margin-right: 75%
        }
        .tablet-push-75 {
            left: 75%
        }
        .tablet-pull-75 {
            left: -75%
        }
        .tablet-grid-80 {
            float: left;
            width: 80%
        }
        .tablet-prefix-80 {
            margin-left: 80%
        }
        .tablet-suffix-80 {
            margin-right: 80%
        }
        .tablet-push-80 {
            left: 80%
        }
        .tablet-pull-80 {
            left: -80%
        }
        .tablet-grid-85 {
            float: left;
            width: 85%
        }
        .tablet-prefix-85 {
            margin-left: 85%
        }
        .tablet-suffix-85 {
            margin-right: 85%
        }
        .tablet-push-85 {
            left: 85%
        }
        .tablet-pull-85 {
            left: -85%
        }
        .tablet-grid-90 {
            float: left;
            width: 90%
        }
        .tablet-prefix-90 {
            margin-left: 90%
        }
        .tablet-suffix-90 {
            margin-right: 90%
        }
        .tablet-push-90 {
            left: 90%
        }
        .tablet-pull-90 {
            left: -90%
        }
        .tablet-grid-95 {
            float: left;
            width: 95%
        }
        .tablet-prefix-95 {
            margin-left: 95%
        }
        .tablet-suffix-95 {
            margin-right: 95%
        }
        .tablet-push-95 {
            left: 95%
        }
        .tablet-pull-95 {
            left: -95%
        }
        .tablet-grid-33 {
            float: left;
            width: 33.33333%
        }
        .tablet-prefix-33 {
            margin-left: 33.33333%
        }
        .tablet-suffix-33 {
            margin-right: 33.33333%
        }
        .tablet-push-33 {
            left: 33.33333%
        }
        .tablet-pull-33 {
            left: -33.33333%
        }
        .tablet-grid-66 {
            float: left;
            width: 66.66667%
        }
        .tablet-prefix-66 {
            margin-left: 66.66667%
        }
        .tablet-suffix-66 {
            margin-right: 66.66667%
        }
        .tablet-push-66 {
            left: 66.66667%
        }
        .tablet-pull-66 {
            left: -66.66667%
        }
        .tablet-grid-100 {
            clear: both;
            width: 100%
        }
    }
    @media screen and (min-width: 1025px) {
        .push-5,
        .pull-5,
        .push-10,
        .pull-10,
        .push-15,
        .pull-15,
        .push-20,
        .pull-20,
        .push-25,
        .pull-25,
        .push-30,
        .pull-30,
        .push-35,
        .pull-35,
        .push-40,
        .pull-40,
        .push-45,
        .pull-45,
        .push-50,
        .pull-50,
        .push-55,
        .pull-55,
        .push-60,
        .pull-60,
        .push-65,
        .pull-65,
        .push-70,
        .pull-70,
        .push-75,
        .pull-75,
        .push-80,
        .pull-80,
        .push-85,
        .pull-85,
        .push-90,
        .pull-90,
        .push-95,
        .pull-95,
        .push-33,
        .pull-33,
        .push-66,
        .pull-66 {
            position: relative
        }
        .hide-on-desktop {
            display: none !important
        }
        .grid-5 {
            float: left;
            width: 5%
        }
        .prefix-5 {
            margin-left: 5%
        }
        .suffix-5 {
            margin-right: 5%
        }
        .push-5 {
            left: 5%
        }
        .pull-5 {
            left: -5%
        }
        .grid-10 {
            float: left;
            width: 10%
        }
        .prefix-10 {
            margin-left: 10%
        }
        .suffix-10 {
            margin-right: 10%
        }
        .push-10 {
            left: 10%
        }
        .pull-10 {
            left: -10%
        }
        .grid-15 {
            float: left;
            width: 15%
        }
        .prefix-15 {
            margin-left: 15%
        }
        .suffix-15 {
            margin-right: 15%
        }
        .push-15 {
            left: 15%
        }
        .pull-15 {
            left: -15%
        }
        .grid-20 {
            float: left;
            width: 20%
        }
        .prefix-20 {
            margin-left: 20%
        }
        .suffix-20 {
            margin-right: 20%
        }
        .push-20 {
            left: 20%
        }
        .pull-20 {
            left: -20%
        }
        .grid-25 {
            float: left;
            width: 25%
        }
        .prefix-25 {
            margin-left: 25%
        }
        .suffix-25 {
            margin-right: 25%
        }
        .push-25 {
            left: 25%
        }
        .pull-25 {
            left: -25%
        }
        .grid-30 {
            float: left;
            width: 30%
        }
        .prefix-30 {
            margin-left: 30%
        }
        .suffix-30 {
            margin-right: 30%
        }
        .push-30 {
            left: 30%
        }
        .pull-30 {
            left: -30%
        }
        .grid-35 {
            float: left;
            width: 35%
        }
        .prefix-35 {
            margin-left: 35%
        }
        .suffix-35 {
            margin-right: 35%
        }
        .push-35 {
            left: 35%
        }
        .pull-35 {
            left: -35%
        }
        .grid-40 {
            float: left;
            width: 40%
        }
        .prefix-40 {
            margin-left: 40%
        }
        .suffix-40 {
            margin-right: 40%
        }
        .push-40 {
            left: 40%
        }
        .pull-40 {
            left: -40%
        }
        .grid-45 {
            float: left;
            width: 45%
        }
        .prefix-45 {
            margin-left: 45%
        }
        .suffix-45 {
            margin-right: 45%
        }
        .push-45 {
            left: 45%
        }
        .pull-45 {
            left: -45%
        }
        .grid-50 {
            float: left;
            width: 50%
        }
        .prefix-50 {
            margin-left: 50%
        }
        .suffix-50 {
            margin-right: 50%
        }
        .push-50 {
            left: 50%
        }
        .pull-50 {
            left: -50%
        }
        .grid-55 {
            float: left;
            width: 55%
        }
        .prefix-55 {
            margin-left: 55%
        }
        .suffix-55 {
            margin-right: 55%
        }
        .push-55 {
            left: 55%
        }
        .pull-55 {
            left: -55%
        }
        .grid-60 {
            float: left;
            width: 60%
        }
        .prefix-60 {
            margin-left: 60%
        }
        .suffix-60 {
            margin-right: 60%
        }
        .push-60 {
            left: 60%
        }
        .pull-60 {
            left: -60%
        }
        .grid-65 {
            float: left;
            width: 65%
        }
        .prefix-65 {
            margin-left: 65%
        }
        .suffix-65 {
            margin-right: 65%
        }
        .push-65 {
            left: 65%
        }
        .pull-65 {
            left: -65%
        }
        .grid-70 {
            float: left;
            width: 70%
        }
        .prefix-70 {
            margin-left: 70%
        }
        .suffix-70 {
            margin-right: 70%
        }
        .push-70 {
            left: 70%
        }
        .pull-70 {
            left: -70%
        }
        .grid-75 {
            float: left;
            width: 75%
        }
        .prefix-75 {
            margin-left: 75%
        }
        .suffix-75 {
            margin-right: 75%
        }
        .push-75 {
            left: 75%
        }
        .pull-75 {
            left: -75%
        }
        .grid-80 {
            float: left;
            width: 80%
        }
        .prefix-80 {
            margin-left: 80%
        }
        .suffix-80 {
            margin-right: 80%
        }
        .push-80 {
            left: 80%
        }
        .pull-80 {
            left: -80%
        }
        .grid-85 {
            float: left;
            width: 85%
        }
        .prefix-85 {
            margin-left: 85%
        }
        .suffix-85 {
            margin-right: 85%
        }
        .push-85 {
            left: 85%
        }
        .pull-85 {
            left: -85%
        }
        .grid-90 {
            float: left;
            width: 90%
        }
        .prefix-90 {
            margin-left: 90%
        }
        .suffix-90 {
            margin-right: 90%
        }
        .push-90 {
            left: 90%
        }
        .pull-90 {
            left: -90%
        }
        .grid-95 {
            float: left;
            width: 95%
        }
        .prefix-95 {
            margin-left: 95%
        }
        .suffix-95 {
            margin-right: 95%
        }
        .push-95 {
            left: 95%
        }
        .pull-95 {
            left: -95%
        }
        .grid-33 {
            float: left;
            width: 33.33333%
        }
        .prefix-33 {
            margin-left: 33.33333%
        }
        .suffix-33 {
            margin-right: 33.33333%
        }
        .push-33 {
            left: 33.33333%
        }
        .pull-33 {
            left: -33.33333%
        }
        .grid-66 {
            float: left;
            width: 66.66667%
        }
        .prefix-66 {
            margin-left: 66.66667%
        }
        .suffix-66 {
            margin-right: 66.66667%
        }
        .push-66 {
            left: 66.66667%
        }
        .pull-66 {
            left: -66.66667%
        }
        .grid-100 {
            clear: both;
            width: 100%
        }
    } 
	
	
	
	
    .ut-irotator {
        margin: 0 auto;
        position: relative;
        margin-bottom: 40px;
        max-width: 100%;
        width: 900px;
        height: 500px
    }
    .ut-irotator > ul {
        width: 100%;
        max-width: 100%;
        height: 100%;
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0 auto
    }
    .ut-irotator > ul {
        width: 112px
    }
    .ut-irotator li {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        z-index: 999
    }
    .ut-irotator .current {
        opacity: 1;
        pointer-events: auto;
        z-index: 1000
    }
    .ut-irotator li img {
        display: block;
        max-width: 100%
    }
    .ut-irotator nav a {
        position: absolute;
        width: 60px;
        height: 60px;
        color: #5b4c5c;
        outline: none;
        overflow: hidden;
        text-align: center;
        line-height: 200px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .ut-irotator nav a.prev {
        left: 0px
    }
    .ut-irotator nav a.next {
        right: 0px
    }
    .ut-irotator nav a::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        line-height: 60px;
        height: 100%;
        font-family: 'fontawesome';
        font-size: 60px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        opacity: 0.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .ut-irotator nav a:hover::before {
        opacity: 1
    }
    .ut-irotator a.prev::before {
        content: "\e601"
    }
    .ut-irotator a.next::before {
        content: "\e600"
    }
    .fxSlideForward .navOutNext {
        -webkit-transform-origin: -50% 50%;
        transform-origin: -50% 50%;
        -webkit-animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    .fxSlideForward .navInNext {
        -webkit-transform-origin: 150% 50%;
        transform-origin: 150% 50%;
        -webkit-animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    .fxSlideForward .navOutPrev {
        -webkit-transform-origin: 150% 50%;
        transform-origin: 150% 50%;
        -webkit-animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: scaleDown 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    .fxSlideForward .navInPrev {
        -webkit-transform-origin: -50% 50%;
        transform-origin: -50% 50%;
        -webkit-animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: scaleUp 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    @-webkit-keyframes scaleUp {
        from {
            -webkit-transform: scale(0)
        }
        to {
            -webkit-transform: scale(1);
            opacity: 1
        }
    }
    @keyframes scaleUp {
        from {
            transform: scale(0)
        }
        to {
            transform: scale(1);
            opacity: 1
        }
    }
    @-webkit-keyframes scaleDown {
        to {
            -webkit-transform: scale(0);
            opacity: 0
        }
    }
    @keyframes scaleDown {
        to {
            transform: scale(0);
            opacity: 0
        }
    }
    .fxTableDrop .navOutNext {
        -webkit-animation: slideOutDown 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: slideOutDown 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    .fxTableDrop .navInNext {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-animation: slideInDown 0.4s 0.2s forwards ease-in;
        animation: slideInDown 0.4s 0.2s forwards ease-in
    }
    .fxTableDrop .navOutPrev {
        -webkit-animation: slideOutUp 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1);
        animation: slideOutUp 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1)
    }
    .fxTableDrop .navInPrev {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-animation: slideInUp 0.4s 0.2s forwards ease-in;
        animation: slideInUp 0.4s 0.2s forwards ease-in
    }
    @-webkit-keyframes slideOutDown {
        100% {
            -webkit-transform: translateY(150%);
            opacity: 0
        }
    }
    @keyframes slideOutDown {
        100% {
            transform: translateY(150%);
            opacity: 0
        }
    }
    @-webkit-keyframes slideInDown {
        0% {
            -webkit-animation-timing-function: ease-in-out;
            -webkit-transform: translateY(-150%)
        }
        50% {
            -webkit-transform: translateY(0) rotate(1deg);
            opacity: 1
        }
        70% {
            -webkit-transform: translateY(0) rotate(-1deg)
        }
        85% {
            -webkit-transform: translateY(0) rotate(1deg)
        }
        95% {
            -webkit-transform: translateY(0) rotate(-1deg)
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1
        }
    }
    @keyframes slideInDown {
        0% {
            animation-timing-function: ease-in-out;
            transform: translateY(-150%)
        }
        50% {
            transform: translateY(0) rotate(1deg);
            opacity: 1
        }
        70% {
            transform: translateY(0) rotate(-1deg)
        }
        85% {
            transform: translateY(0) rotate(1deg)
        }
        95% {
            transform: translateY(0) rotate(-1deg)
        }
        100% {
            transform: translateY(0);
            opacity: 1
        }
    }
    @-webkit-keyframes slideOutUp {
        100% {
            -webkit-transform: translateY(-150%);
            opacity: 0
        }
    }
    @keyframes slideOutUp {
        100% {
            transform: translateY(-150%);
            opacity: 0
        }
    }
    @-webkit-keyframes slideInUp {
        0% {
            -webkit-animation-timing-function: ease-in-out;
            -webkit-transform: translateY(150%)
        }
        50% {
            -webkit-transform: translateY(0) rotate(-1deg);
            opacity: 1
        }
        70% {
            -webkit-transform: translateY(0) rotate(1deg)
        }
        85% {
            -webkit-transform: translateY(0) rotate(-1deg)
        }
        95% {
            -webkit-transform: translateY(0) rotate(1deg)
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1
        }
    }
    @keyframes slideInUp {
        0% {
            animation-timing-function: ease-in-out;
            transform: translateY(150%)
        }
        50% {
            transform: translateY(0) rotate(-1deg);
            opacity: 1
        }
        70% {
            transform: translateY(0) rotate(1deg)
        }
        85% {
            transform: translateY(0) rotate(-1deg)
        }
        95% {
            transform: translateY(0) rotate(1deg)
        }
        100% {
            transform: translateY(0);
            opacity: 1
        }
    }
    .fxSlideIt li {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    .fxSlideIt .navOutNext {
        -webkit-animation: slideOutLeft 0.5s forwards;
        animation: slideOutLeft 0.5s forwards
    }
    .fxSlideIt .navInNext {
        -webkit-animation: rotateSlideInRight 0.6s 0.1s forwards ease-in-out;
        animation: rotateSlideInRight 0.6s 0.1s forwards ease-in-out
    }
    .fxSlideIt .navOutPrev {
        -webkit-animation: slideOutRight 0.5s forwards;
        animation: slideOutRight 0.5s forwards
    }
    .fxSlideIt .navInPrev {
        -webkit-animation: rotateSlideInLeft 0.6s 0.1s forwards ease-in-out;
        animation: rotateSlideInLeft 0.6s 0.1s forwards ease-in-out
    }
    @-webkit-keyframes slideOutLeft {
        100% {
            -webkit-transform: translateX(-400%);
            opacity: 0
        }
    }
    @keyframes slideOutLeft {
        100% {
            transform: translateX(-400%);
            opacity: 0
        }
    }
    @-webkit-keyframes rotateSlideInRight {
        0% {
            -webkit-transform: translateX(100%) rotate(20deg)
        }
        35% {
            -webkit-transform: rotate(-8deg)
        }
        55% {
            -webkit-transform: rotate(6deg)
        }
        70% {
            -webkit-transform: rotate(-4deg)
        }
        85% {
            -webkit-transform: rotate(2deg)
        }
        95% {
            -webkit-transform: rotate(-1deg)
        }
        100% {
            -webkit-transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes rotateSlideInRight {
        0% {
            transform: translateX(100%) rotate(20deg)
        }
        35% {
            transform: rotate(-8deg)
        }
        55% {
            transform: rotate(6deg)
        }
        70% {
            transform: rotate(-4deg)
        }
        85% {
            transform: rotate(2deg)
        }
        95% {
            transform: rotate(-1deg)
        }
        100% {
            transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @-webkit-keyframes slideOutRight {
        100% {
            -webkit-transform: translateX(400%);
            opacity: 0
        }
    }
    @keyframes slideOutRight {
        100% {
            transform: translateX(400%);
            opacity: 0
        }
    }
    @-webkit-keyframes rotateSlideInLeft {
        0% {
            -webkit-transform: translateX(-100%) rotate(-20deg)
        }
        35% {
            -webkit-transform: rotate(8deg)
        }
        55% {
            -webkit-transform: rotate(-6deg)
        }
        70% {
            -webkit-transform: rotate(4deg)
        }
        85% {
            -webkit-transform: rotate(-2deg)
        }
        95% {
            -webkit-transform: rotate(1deg)
        }
        100% {
            -webkit-transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes rotateSlideInLeft {
        0% {
            transform: translateX(-100%) rotate(-20deg)
        }
        35% {
            transform: rotate(8deg)
        }
        55% {
            transform: rotate(-6deg)
        }
        70% {
            transform: rotate(4deg)
        }
        85% {
            transform: rotate(-2deg)
        }
        95% {
            transform: rotate(1deg)
        }
        100% {
            transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    .fxBottleKick li {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    .fxBottleKick .navOutNext {
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-animation: rotateBounceOutLeft 1s forwards ease-in-out;
        animation: rotateBounceOutLeft 1s forwards ease-in-out
    }
    .fxBottleKick .navInNext {
        -webkit-animation: rotateBounceInRight 1s 0.1s forwards ease-in-out;
        animation: rotateBounceInRight 1s 0.1s forwards ease-in-out
    }
    .fxBottleKick .navOutPrev {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-animation: rotateBounceOutRight 1s forwards ease-in-out;
        animation: rotateBounceOutRight 1s forwards ease-in-out
    }
    .fxBottleKick .navInPrev {
        -webkit-animation: rotateBounceInLeft 1s 0.1s forwards ease-in-out;
        animation: rotateBounceInLeft 1s 0.1s forwards ease-in-out
    }
    @-webkit-keyframes rotateBounceOutLeft {
        25% {
            -webkit-transform: translateX(-100%) rotate(0deg);
            opacity: 0.9
        }
        58% {
            -webkit-transform: translateX(-150%) rotate(-92deg);
            opacity: 0.9
        }
        70% {
            -webkit-transform: translateX(-150%) rotate(-75deg)
        }
        86% {
            -webkit-transform: translateX(-150%) rotate(-92deg)
        }
        95% {
            -webkit-transform: translateX(-150%) rotate(-87deg)
        }
        100% {
            -webkit-transform: translateX(-150%) rotate(-90deg);
            opacity: 0
        }
    }
    @keyframes rotateBounceOutLeft {
        25% {
            transform: translateX(-100%) rotate(0deg);
            opacity: 0.9
        }
        58% {
            transform: translateX(-150%) rotate(-92deg);
            opacity: 0.9
        }
        70% {
            transform: translateX(-150%) rotate(-75deg)
        }
        86% {
            transform: translateX(-150%) rotate(-92deg)
        }
        95% {
            transform: translateX(-150%) rotate(-87deg)
        }
        100% {
            transform: translateX(-150%) rotate(-90deg);
            opacity: 0
        }
    }
    @-webkit-keyframes rotateBounceInRight {
        0% {
            -webkit-transform: translateX(200%) rotate(20deg)
        }
        25% {
            -webkit-transform: rotate(-5deg)
        }
        55% {
            -webkit-transform: translateX(-5%) rotate(3deg);
            opacity: 1
        }
        80% {
            -webkit-transform: rotate(-2deg)
        }
        100% {
            -webkit-transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes rotateBounceInRight {
        0% {
            transform: translateX(200%) rotate(20deg)
        }
        25% {
            transform: rotate(-5deg)
        }
        55% {
            transform: translateX(-5%) rotate(3deg);
            opacity: 1
        }
        80% {
            transform: rotate(-2deg)
        }
        100% {
            transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @-webkit-keyframes rotateBounceOutRight {
        25% {
            -webkit-transform: translateX(100%) rotate(0deg);
            opacity: 0.9
        }
        58% {
            -webkit-transform: translateX(150%) rotate(92deg);
            opacity: 0.9
        }
        70% {
            -webkit-transform: translateX(150%) rotate(75deg)
        }
        86% {
            -webkit-transform: translateX(150%) rotate(92deg)
        }
        95% {
            -webkit-transform: translateX(150%) rotate(87deg)
        }
        100% {
            -webkit-transform: translateX(150%) rotate(90deg);
            opacity: 0
        }
    }
    @keyframes rotateBounceOutRight {
        25% {
            transform: translateX(100%) rotate(0deg);
            opacity: 0.9
        }
        58% {
            transform: translateX(150%) rotate(92deg);
            opacity: 0.9
        }
        70% {
            transform: translateX(150%) rotate(75deg)
        }
        86% {
            transform: translateX(150%) rotate(92deg)
        }
        95% {
            transform: translateX(150%) rotate(87deg)
        }
        100% {
            transform: translateX(150%) rotate(90deg);
            opacity: 0
        }
    }
    @-webkit-keyframes rotateBounceInLeft {
        0% {
            -webkit-transform: translateX(-200%) rotate(-20deg)
        }
        25% {
            -webkit-transform: rotate(5deg)
        }
        55% {
            -webkit-transform: translateX(5%) rotate(-3deg);
            opacity: 1
        }
        80% {
            -webkit-transform: rotate(2deg)
        }
        100% {
            -webkit-transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes rotateBounceInLeft {
        0% {
            transform: translateX(-200%) rotate(-20deg)
        }
        25% {
            transform: rotate(5deg)
        }
        55% {
            transform: translateX(5%) rotate(-3deg);
            opacity: 1
        }
        80% {
            transform: rotate(2deg)
        }
        100% {
            transform: translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    .fxShelf li {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    .fxShelf .navOutNext {
        -webkit-animation: addToShelfLeft 0.3s forwards ease-in-out;
        animation: addToShelfLeft 0.3s forwards ease-in-out
    }
    .fxShelf .navInNext {
        -webkit-animation: removeFromShelfRight 0.5s forwards ease-in-out;
        animation: removeFromShelfRight 0.5s forwards ease-in-out
    }
    .fxShelf .navOutPrev {
        -webkit-animation: addToShelfRight 0.3s forwards ease-in-out;
        animation: addToShelfRight 0.3s forwards ease-in-out
    }
    .fxShelf .navInPrev {
        -webkit-animation: removeFromShelfLeft 0.5s forwards ease-in-out;
        animation: removeFromShelfLeft 0.5s forwards ease-in-out
    }
    @-webkit-keyframes addToShelfLeft {
        to {
            -webkit-transform: translateY(-120%) translateX(-300%) rotate(-90deg);
            opacity: 0
        }
    }
    @keyframes addToShelfLeft {
        to {
            transform: translateY(-120%) translateX(-300%) rotate(-90deg);
            opacity: 0
        }
    }
    @-webkit-keyframes removeFromShelfRight {
        0% {
            -webkit-transform: translateY(-120%) translateX(300%) rotate(90deg)
        }
        45% {
            -webkit-transform: translateY(0) translateX(0) rotate(-3deg);
            opacity: 1
        }
        65% {
            -webkit-transform: translateY(0) translateX(0) rotate(2deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateY(0) translateX(0) rotate(-1deg);
            opacity: 1
        }
        95% {
            -webkit-transform: translateY(0) translateX(0) rotate(1deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes removeFromShelfRight {
        0% {
            transform: translateY(-120%) translateX(300%) rotate(90deg)
        }
        45% {
            transform: translateY(0) translateX(0) rotate(-3deg);
            opacity: 1
        }
        65% {
            transform: translateY(0) translateX(0) rotate(2deg);
            opacity: 1
        }
        80% {
            transform: translateY(0) translateX(0) rotate(-1deg);
            opacity: 1
        }
        95% {
            transform: translateY(0) translateX(0) rotate(1deg);
            opacity: 1
        }
        100% {
            transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @-webkit-keyframes addToShelfRight {
        to {
            -webkit-transform: translateY(-120%) translateX(300%) rotate(90deg);
            opacity: 0
        }
    }
    @keyframes addToShelfRight {
        to {
            transform: translateY(-120%) translateX(300%) rotate(90deg);
            opacity: 0
        }
    }
    @-webkit-keyframes removeFromShelfLeft {
        0% {
            -webkit-transform: translateY(-120%) translateX(-300%) rotate(-90deg)
        }
        45% {
            -webkit-transform: translateY(0) translateX(0) rotate(3deg);
            opacity: 1
        }
        65% {
            -webkit-transform: translateY(0) translateX(0) rotate(-2deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateY(0) translateX(0) rotate(1deg);
            opacity: 1
        }
        95% {
            -webkit-transform: translateY(0) translateX(0) rotate(-1deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1
        }
    }
    @keyframes removeFromShelfLeft {
        0% {
            transform: translateY(-120%) translateX(-300%) rotate(-90deg)
        }
        45% {
            transform: translateY(0) translateX(0) rotate(3deg);
            opacity: 1
        }
        65% {
            transform: translateY(0) translateX(0) rotate(-2deg);
            opacity: 1
        }
        80% {
            transform: translateY(0) translateX(0) rotate(1deg);
            opacity: 1
        }
        95% {
            transform: translateY(0) translateX(0) rotate(-1deg);
            opacity: 1
        }
        100% {
            transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1
        }
    } 
	
    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }
    .ut-btn {
        cursor: pointer;
        display: inline-block;
        margin: 0 20px 20px 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        padding: 8px 12px;
        color: #FFFFFF !important;
        background: transparent;
        -webkit-transition: 0.2s all linear;
        -moz-transition: 0.2s all linear;
        transition: 0.2s all linear;
        font-family: 'ralewaymedium', Helvetica, Arial, sans-serif
    }
    .ut-btn.small {
        font-size: 11px
    }
    .ut-btn.medium {
        font-size: 13px;
        height: 44px;
        line-height: 44px;
        padding: 0 20px
    }
    .ut-btn.large {
        height: 50px;
        line-height: 51px;
        font-size: 17px;
        padding: 0 20px
    }
    .ut-btn.round {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .ut-btn:hover {
        color: #FFFFFF
    }
    p .ut-btn {
        margin: 0
    }
    .ut-btn.theme-btn:hover {
        background: #222222 !important
    }
    .ut-btn.dark {
        background: #222222
    }
    .ut-btn.red {
        background: #e74c3c
    }
    .ut-btn.red:hover {
        background: #222222
    }
    .ut-btn.turquoise {
        background: #1abc9c
    }
    .ut-btn.turquoise:hover {
        background: #222222
    }
    .ut-btn.green {
        background: #2ecc71
    }
    .ut-btn.green:hover {
        background: #222222
    }
    .ut-btn.blue {
        background: #3498db
    }
    .ut-btn.blue:hover {
        background: #222222
    }
    .ut-btn.mid-blue {
        background: #34495e
    }
    .ut-btn.mid-blue:hover {
        background: #222222
    }
    .ut-btn.yellow {
        background: #f1c40f
    }
    .ut-btn.yellow:hover {
        background: #222222
    }
    .ut-btn.orange {
        background: #FF6E00
    }
    .ut-btn.orange:hover {
        background: #222222
    }
    .ut-btn.grey {
        background: #95a5a6
    }
    .ut-btn.grey:hover {
        background: #222222
    }
    .ut-btn.purple {
        background: #9b59b6
    }
    .ut-btn.purple:hover {
        background: #222222
    }
    .ut-alert {
        margin: 0 0 20px;
        padding: 30px
    }
    .ut-alert.white {
        background: #FFFFFF;
        border: 1px solid;
        color: #222222
    }
    .ut-alert.white h1,
    .ut-alert.white h2,
    .ut-alert.white h3,
    .ut-alert.white h4,
    .ut-alert.white h5,
    .ut-alert.white h6,
    .ut-alert.white strong {
        color: #222222
    }
    .ut-alert.grey {
        color: #222222;
        background: #F1F1F1
    }
    .ut-alert.grey h1,
    .ut-alert.grey h2,
    .ut-alert.grey h3,
    .ut-alert.grey h4,
    .ut-alert.grey h5,
    .ut-alert.grey h6,
    .ut-alert.grey strong {
        color: #222222
    }
    .ut-alert.themecolor,
    .ut-alert.themecolor h1,
    .ut-alert.themecolor h2,
    .ut-alert.themecolor h3,
    .ut-alert.themecolor h4,
    .ut-alert.themecolor h5,
    .ut-alert.themecolor h6,
    .ut-alert.themecolor strong {
        color: #FFFFFF
    }
    .ut-skill {
        margin-bottom: 20px
    }
    .ut-skill-percent,
    .ut-skill-name {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.5px
    }
    .ut-skill-name {
        color: #222222
    }
    .dark .ut-skill-name {
        color: #222222
    }
    .light .ut-skill-name {
        color: #FFFFFF
    }
    .ut-skill-percent {
        color: #FFFFFF;
        line-height: 30px;
        padding: 0 10px 0
    }
    .ut-skill-bar {
        height: 30px;
        width: 100%;
        display: block
    }
    .ut-skill-active {
        width: 0px
    }
    .ut-skill-overlay {
        height: 30px;
        background: #111111
    }
    .ut-skill-overlay:hover {}.ut-brands {
        text-align: center
    }
    .ut-brands a {
        -webkit-transition: 0.2s opacity linear;
        -moz-transition: 0.2s opacity linear;
        transition: 0.2s opacity linear;
        opacity: 1
    }
    .ut-brands a:hover {
        opacity: 0.7
    }
    .ut-one-half,
    .ut-one-third,
    .ut-two-thirds,
    .ut-three-fourths,
    .ut-one-fourth,
    .ut-one-fifth,
    .ut-two-fifth,
    .ut-three-fifth,
    .ut-four-fifth,
    .ut-one-sixth,
    .ut-five-sixth {
        float: left;
        margin-bottom: 0;
        margin-right: 4%;
        position: relative;
        display: inline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .ut-column-last {
        clear: right;
        margin-right: 0
    }
    .ut-one-half {
        width: 48%
    }
    .ut-one-third {
        width: 30.66%
    }
    .ut-two-thirds {
        width: 65.33%
    }
    .ut-three-fourths {
        width: 74%
    }
    .ut-one-fourth {
        width: 22%
    }
    .ut-one-fifth {
        width: 16.8%
    }
    .ut-two-fifth {
        width: 37.6%
    }
    .ut-three-fifth {
        width: 58.4%
    }
    .ut-four-fifth {
        width: 79.2%
    }
    .ut-one-sixth {
        width: 13.33%
    }
    .ut-five-sixth {
        width: 82.67%
    }
    .ut-custom-icon a i {
        -webkit-transition: 0.3s all ease;
        -moz-transition: 0.3s all ease;
        transition: 0.3s all ease
    }
    .ut-highlight-one,
    .ut-highlight-two,
    .ut-highlight-three,
    .ut-highlight-four {
        padding: 2px;
        color: #F26535
    }
    .ut-highlight-two {
        color: #FFF;
        background: #222222
    }
    .ut-highlight-three {
        background: #FF3;
        color: #222222
    }
    .ut-highlight-four {
        color: #FFF;
        background: #F00
    }
    .ut-nav-tabs {
        margin-bottom: 20px;
        margin-left: 0;
        padding-left: 0;
        list-style: none !important
    }
    .ut-nav-tabs li {
        float: left;
        display: list-item;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .ut-nav-tabs li a {
        font-weight: normal;
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        padding: 4px 12px;
        background: transparent;
        color: #888888;
        border: 1px solid #888888;
        -webkit-transition: 0.2s all linear;
        -moz-transition: 0.2s all linear;
        transition: 0.2s all linear
    }
    .light .ut-nav-tabs li a {
        color: #FFFFFF;
        border: 1px solid #FFFFFF
    }
    .ut-nav-tabs li a:hover {
        color: #222222;
        border-color: #222222
    }
    .ut-nav-tabs li.active a {
        color: #FFFFFF;
        border-color: #222222;
        background: #222222
    }
    .light .ut-nav-tabs li.active a:hover,
    .light .ut-nav-tabs li.active a {
        color: #222222 !important;
        border-color: #FFFFFF !important;
        background: #FFFFFF !important
    }
    .ut-tab-content {}.ut-tab-content h3 {
        font-size: 17px;
        text-transform: uppercase
    }
    .ut-tab-content .tab-pane {
        display: none
    }
    .ut-tab-content .tab-pane.active {
        display: block
    }
    .ut-accordion {}.ut-accordion-group {}.ut-accordion-heading {
        -webkit-transition: 0.2s all linear;
        -moz-transition: 0.2s all linear;
        transition: 0.2s all linear;
        margin-bottom: 10px
    }
    .ut-accordion-heading a {
        font-weight: normal;
        display: block;
        cursor: pointer;
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        padding: 4px 12px;
        background: transparent;
        color: #888888;
        border: 1px solid #888888;
        -webkit-transition: 0.2s all linear;
        -moz-transition: 0.2s all linear;
        transition: 0.2s all linear
    }
    .light .ut-accordion-heading a {
        color: #FFFFFF;
        border: 1px solid #FFFFFF
    }
    .ut-accordion-heading a.active {
        color: #FFFFFF;
        border: 1px solid #222222;
        background: #222222
    }
    .light .ut-accordion-heading a.active {
        color: #222222;
        border: 1px solid #FFFFFF;
        background: #FFFFFF
    }
    .ut-accordion-heading a.active:hover {
        color: #FFFFFF;
        border: 1px solid #222222;
        background: #222222
    }
    .light .ut-accordion-heading a.active:hover {
        color: #222222 !important;
        border: 1px solid #FFFFFF !important;
        background: #FFFFFF !important
    }
    .ut-accordion-heading a:hover {
        color: #222222;
        border-color: #222222
    }
    .ut-accordion-body.collapse {
        display: none
    }
    .ut-accordion-body.collapse.in {
        display: block
    }
    .ut-accordion-body.collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.35s ease;
        -moz-transition: height 0.35s ease;
        transition: height 0.35s ease
    }
    .ut-accordion-inner {
        padding-top: 0;
        margin-bottom: 20px
    }
    .ut-accordion-inner h3 {
        font-size: 17px;
        text-transform: uppercase
    }
    .ut-blockquote-right {
        float: right;
        margin: 0;
        width: 35%;
        margin-left: 20px
    }
    .ut-blockquote-left {
        float: left;
        margin: 0;
        width: 35%;
        margin-right: 20px
    }
    .ut-blockquote-left blockquote p:before,
    .ut-blockquote-right blockquote p:before,
    .ut-blockquote-left blockquote,
    .ut-blockquote-right blockquote {
        margin: 0
    }
    .ut-highlight {
        padding: 0 3px;
        margin: 0 2px
    }
    .ut-service-column {
        overflow: hidden
    }
    .ut-vertical {
        text-align: center
    }
    .ut-vertical-style .ut-service-icon {
        float: none;
        margin: 0 auto 12px auto;
        display: block
    }
    .ut-service-icon.fa-stack i:last-child {
        font-size: 0.8em
    }
    .ut-service-icon {
        float: left;
        margin-right: 20px;
        overflow: hidden;
        font-size: 30px;
        margin-bottom: 20px
    }
    .ut-service-icon.ut-si-right {
        float: right;
        margin-left: 20px;
        margin-right: 0;
        overflow: hidden;
        font-size: 30px;
        margin-bottom: 20px
    }
    .ut-service-column h3 {
        word-break: normal;
        font-size: 17px;
        margin-bottom: 5px
    }
    .wp-caption img,
    .ut-animate-image,
    blockquote,
    img.size-auto,
    img.alignnone,
    img.size-full,
    img.size-large,
    img.size-medium,
    img.size-thumbnail {
        position: relative;
        animation-duration: 2s
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    .slideInRight {
        -webkit-animation-name: slideInRight;
        -moz-animation-name: slideInRight;
        -o-animation-name: slideInRight;
        animation-name: slideInRight
    }
    @keyframes slideInRight {
        0% {
            opacity: 0;
            transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            transform: translateX(-0px)
        }
        80% {
            transform: translateX(10px)
        }
        100% {
            transform: translateX(0);
            opacity: 1
        }
    }
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        -moz-animation-name: slideInLeft;
        -o-animation-name: slideInLeft;
        animation-name: slideInLeft
    }
    @keyframes slideInLeft {
        0% {
            opacity: 0;
            transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            transform: translateX(0px)
        }
        80% {
            transform: translateX(-10px)
        }
        100% {
            transform: translateX(0);
            opacity: 1
        }
    }
    .ut-already-visible {
        left: 0;
        animation: none
    }
    .ut-service-box-icon {
        display: block;
        text-align: center;
        font-size: 80px;
        line-height: 120px;
        z-index: 3;
        position: relative
    }
    .ut-icon-box {
        position: relative;
        margin-bottom: 20px;
        width: 120px;
        height: 120px;
        float: left;
        margin-right: 20px
    }
    .ut-arrow-right {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-top: -10px
    }
    .ut-info {
        text-align: left;
        overflow: hidden
    }
    .ut-info h3 {
        font-size: 17px;
        margin-bottom: 5px
    }
    .ut-social-network {
        list-style: none !important;
        margin: 0;
        text-align: center
    }
    .ut-social-network li {
        text-align: center
    }
    .ut-social-link {
        margin-bottom: 20px;
        display: block
    }
    .ut-social-link,
    .ut-social-link:hover {
        color: #FFFFFF
    }
    .ut-social-link .ut-social-info {
        color: #222222
    }
    .light .ut-social-link,
    .light .ut-social-link .ut-social-info,
    .light .ut-social-link:hover {
        color: #FFFFFF
    }
    .ut-social-icon {
        display: block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        margin: 0 auto 20px auto;
        background: #292929;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: translateZ(0);
        -webkit-transition: 0.2s background linear;
        -moz-transition: 0.2s background linear;
        transition: 0.2s background linear
    }
    .light .ut-social-icon {
        background: rgba(255, 255, 255, 0.15)
    }
    .ut-social-icon i {
        line-height: 100px
    }
    .ut-social-title,
    .ut-social-info {
        display: block
    }
    .ut-social-title {
        margin-bottom: 5px;
        text-transform: uppercase;
        font-size: 17px
    }
    .ut-social-info {
        font-size: 11px;
        text-transform: uppercase
    }
    .ut-parallax-quote {
        text-align: center
    }
    .ut-parallax-quote-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px
    }
    .ut-parallax-quote-name {
        display: block;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 20px
    }
    .ut-parallax-quote i {
        font-size: 18px;
        display: inline-table;
        vertical-align: top;
        margin-top: 2px
    }
    .ut-testimonials {
        margin-bottom: 20px
    }
    .ut-rotate-avatar .slides > li,
    .ut-rotate-quote .slides > li {
        display: none;
        -webkit-backface-visibility: hidden
    }
    .ut-rotate-avatar,
    .ut-rotate-quote {
        position: relative;
        zoom: 1
    }
    .ut-rotate-avatar .slides,
    .ut-rotate-quote .slides {
        zoom: 1
    }
    .ut-rotate-quote .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }
    .ut-rotate-quote {
        position: relative;
        text-align: center;
        margin: 0 auto;
        max-width: 800px
    }
    .ut-rotate-quote .ut-quote-avatar {
        display: none
    }
    .ut-rotate-avatar .ut-quote-name,
    .ut-rotate-avatar .ut-quote-comment {
        display: none
    }
    .ut-rotate-avatar {
        width: 200px;
        height: 200px;
        margin: 0 auto 20px auto;
        overflow: hidden
    }
    .ut-rotate-twitter-avatar {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px auto;
        overflow: hidden
    }
    .ut-rotate-avatar .slides {
        list-style: none;
        margin: 0px !important
    }
    .ut-rotate-twitter-avatar img,
    .ut-rotate-avatar img {
        border-radius: 50% 50% 50% 50%;
        display: block;
        width: 100%
    }
    .ut-rotate-avatar ul.slides,
    .ut-rotate-quote ul.slides {
        list-style: none
    }
    .ut-rotate-quote .slides {
        list-style: none;
        margin: 0px !important
    }
    .ut-rotate-quote-alt .slides {
        zoom: 1
    }
    .ut-rotate-quote-alt .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }
    .ut-rotate-quote-alt {
        position: relative;
        text-align: center;
        margin: 0 auto !important;
        max-width: 800px;
        overflow: hidden
    }
    .ut-rotate-quote .ut-quote-comment,
    .ut-rotate-quote-alt .ut-quote-comment {
        display: block;
        margin-bottom: 20px;
        font-size: 30px
    }
    .ut-rotate-quote .ut-quote-comment {
        font-size: 17px
    }
    .ut-rotate-quote .ut-quote-name,
    .ut-rotate-quote-alt .ut-quote-name {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 11px;
        display: block
    }
    .ut-rq-icon {
        font-size: 30px;
        display: block;
        margin: 0 auto 20px auto
    }
    .light .ut-twitter-rotator .ut-rq-icon-tw {
        display: block;
        margin: 0 auto 20px auto;
        color: #FFFFFF
    }
    .dark .ut-twitter-rotator .ut-rq-icon-tw {
        display: block;
        margin: 0 auto 20px auto;
        color: #222222
    }
    .ut-twitter-rotator h2 {
        font-size: 30px
    }
    .dark .ut-twitter-rotator h2 a:hover {
        color: #222222
    }
    .light .ut-twitter-rotator h2 a:hover {
        color: #FFFFFF
    }
    .ut-rotate-quote .flex-direction-nav,
    .ut-rotate-quote-alt .flex-direction-nav {
        width: 65px;
        height: 30px;
        position: relative;
        margin: 0 auto
    }
    .ut-rotate-quote .flex-direction-nav a,
    .ut-rotate-quote-alt .flex-direction-nav a {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0;
        position: absolute;
        bottom: 0;
        z-index: 10;
        overflow: hidden;
        opacity: 1;
        cursor: pointer;
        color: #ffffff;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .ut-rotate-quote .flex-direction-nav a:before {
        font-family: 'FontAwesome';
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
        content: '\f104'
    }
    .ut-rotate-quote .flex-direction-nav a.flex-next:before {
        content: '\f105'
    }
    .ut-rotate-quote-alt .flex-direction-nav a:before {
        font-family: 'FontAwesome';
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
        content: '\f104'
    }
    .ut-rotate-quote-alt .flex-direction-nav a.flex-next:before {
        content: '\f105'
    }
    .ut-rotate-quote .flex-direction-nav .flex-prev {
        left: 0
    }
    .ut-rotate-quote .flex-direction-nav .flex-next {
        right: 0
    }
    .ut-rotate-quote-alt .flex-direction-nav .flex-prev {
        left: 0
    }
    .ut-rotate-quote-alt .flex-direction-nav .flex-next {
        right: 0
    }
    .ut-rotate-quote .flex-direction-nav .flex-prev:hover {
        background: #121212
    }
    .ut-rotate-quote .flex-direction-nav .flex-next:hover {
        background: #121212
    }
    .ut-rotate-quote-alt .flex-direction-nav .flex-prev:hover {
        background: #121212
    }
    .ut-rotate-quote-alt .flex-direction-nav .flex-next:hover {
        background: #121212
    }
    .ut-counter-box {
        text-align: center;
        padding: 20px;
        margin-bottom: 20px;
        z-index: 1
    }
    .ut-counter-box i {
        margin-bottom: 10px;
        font-size: 40px
    }
    .ut-counter-details {
        margin: 5px 0 0 0;
        text-transform: uppercase;
        font-size: 11px
    }
    .ut-count {
        font-family: 'Helvetica', Arial, Sans-serif !important;
        font-size: 60px;
        line-height: 100%;
        font-weight: bold;
        padding: 0;
        display: block;
        text-transform: uppercase
    }
    .ut-title-divider {
        margin-bottom: 30px;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center
    }
    .ut-title-divider:after {
        content: "";
        display: block;
        background-color: #222222;
        width: 30px;
        height: 1px;
        margin: 10px auto 0
    }
    .light .ut-title-divider:after {
        content: "";
        display: block;
        background-color: #FFFFFF;
        width: 30px;
        height: 1px;
        margin: 10px auto 0
    }
    .ut-dropcap-one {
        color: #FFFFFF;
        float: left;
        font-size: 28px;
        width: 48px;
        height: 48px;
        text-align: center;
        display: inline-block;
        line-height: 48px;
        margin: 6px 16px 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-family: 'ralewaymedium', Helvetica, Arial, sans-serif
    }
    .ut-dropcap-two {
        color: #FFFFFF;
        float: left;
        font-size: 28px;
        width: 48px;
        height: 48px;
        text-align: center;
        display: inline-block;
        line-height: 48px;
        margin: 6px 16px 0 0;
        font-family: 'ralewaymedium', Helvetica, Arial, sans-serif
    }
    .ut-highlight-icon-wrap {
        text-align: center;
        margin: 0 auto;
        padding: 0 0 20px 0
    }
    .ut-service-icon-box {
        text-align: center
    }
    .ut-highlight-icon {
        font-family: 'FontAwesome';
        display: inline-block !important;
        font-size: 0px;
        cursor: pointer;
        margin: 15px 30px;
        width: 90px !important;
        height: 90px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #FFFFFF
    }
    .ut-highlight-icon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }
    .ut-highlight-icon:before {
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased
    }
    .ut-highlight-icon-effect .ut-highlight-icon {
        -webkit-transition: background 0.2s, color 0.2s;
        -moz-transition: background 0.2s, color 0.2s;
        transition: background 0.2s, color 0.2s
    }
    .ut-highlight-icon-effect .ut-highlight-icon:after {
        top: -7px;
        left: -7px;
        padding: 7px;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        -webkit-transform: scale(.8);
        -moz-transition: -moz-transform 0.2s, opacity 0.2s;
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transition: transform 0.2s, opacity 0.2s;
        transform: scale(.8);
        opacity: 0
    }
    .ut-highlight-icon-effect .ut-highlight-icon:hover {
        color: #FFFFFF
    }
    .ut-highlight-icon-effect .ut-highlight-icon:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    .ut-bs-wrap {
        margin-left: -10px;
        margin-right: -10px
    }
    .ut-bs-wrap .post {
        border: none !important;
        padding: 0 !important;
        margin-bottom: 20px !important
    }
    .ut-bs-wrap .entry-title {
        font-size: 17px
    }
    .light .ut-bs-wrap a:hover,
    .light .ut-bs-wrap .entry-title,
    .light .ut-bs-wrap .entry-title a,
    .light .ut-bs-wrap a .entry-title {
        color: #FFFFFF
    }
    .light .ut-bs-wrap a.more-link {
        color: #888888
    }
    .light .ut-bs-wrap a.more-link:hover {
        color: #FFFFFF
    }
    .ut-bs-wrap .entry-thumbnail {
        margin-bottom: 20px
    }
    .ut-bs-wrap .entry-header {
        margin-bottom: 0px
    }
    .ut-bs-wrap .format-link .entry-header {
        margin-bottom: 20px
    }
    .ut-bs-wrap .format-link .entry-meta {
        display: none
    }
    .ut-bs-wrap .entry-meta {
        margin: 0 0 20px 0 !important;
        text-align: inherit !important
    }
    .light .ut-bs-wrap .entry-meta span,
    .light .ut-bs-wrap .entry-meta i {
        color: #FFFFFF !important
    }
    .ut-bs-wrap .entry-meta .date-format {
        border: none !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important
    }
    .ut-bs-wrap .entry-meta .author-links,
    .ut-bs-wrap .entry-meta .cat-links,
    .ut-bs-wrap .entry-meta .comments-link,
    .ut-bs-wrap .entry-meta .edit-link {
        display: inline-block !important
    }
    .ut-bs-holder {
        display: block;
        margin: 0 auto 20px auto;
        text-align: center
    }
    .ut-bs-btn {
        display: block;
        line-height: 50px;
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
        font-size: 11px;
        text-transform: uppercase;
        color: #999999
    }
    .ut-st {
        overflow: hidden;
        margin-bottom: 20px
    }
    .ut-st-header {
        border-bottom: 1px solid #DDD;
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    .ut-st-avatar {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        overflow: hidden;
        width: 80px;
        height: 80px;
        margin-right: 20px
    }
    .ut-st-avatar img {
        width: 100%
    }
    .ut-st-title {
        font-size: 17px;
        margin-bottom: 0
    }
    .ut-st-date,
    .ut-st-name {
        display: block
    }
    .ut-st-subtitle {
        font-size: 11px
    }
    .ut-st p {
        margin-bottom: 10px
    }
    .ut-st-rating {
        display: block
    }
    .ut-st-rating ul {
        list-style: none;
        margin: 0
    }
    .ut-st-rating ul li {
        display: inline;
        margin-right: 5px;
        color: #999999
    }
    .ut-video-testimonial-wrapper {
        margin-left: -10px;
        margin-right: -10px
    }
    .ut-video-testimonial {
        margin-bottom: 20px
    }
    .ut-hero-testimonial .ut-video {
        margin-bottom: 20px
    }
    .ut-video-testimonial-boxed {
        padding: 20px;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25)
    }
    .ut-video-testimonial-boxed.ut-video-box-dark {
        background: rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.4)
    }
    .ut-video-testimonial-boxed.ut-video-box-light {
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.4)
    }
    .ut-video-testimonial h3 {
        margin-bottom: 0
    }
    .ut-load-vtestimonial img {
        display: block;
        margin: 0 auto 20px auto
    }
    .ut-load-vtestimonial {
        position: relative;
        text-align: center;
        display: block
    }
    .ut-load-vtestimonial:before {
        font-family: 'FontAwesome';
        content: "\f16a";
        color: #FFFFFF;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 40px;
        width: 40px;
        height: 40px;
        margin-top: -10px;
        margin-left: -20px
    }
    .ut-shortcode-video-wrap {
        position: relative
    }
    .light .ut-shortcode-video-wrap {
        -webkit-box-shadow: 0 0 40px #000000;
        -moz-box-shadow: 0 0 40px #000000;
        box-shadow: 0 0 40px #000000
    }
    .ut-video-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #222222;
        margin-left: -20px;
        margin-top: -20px;
        display: none
    }
    .ut-load-video {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer
    }
    .ut-load-video img {
        vertical-align: bottom;
        margin: 0 auto;
        width: 100%;
        display: block
    }
    .ut-shortcode-video-wrap .ut-video-caption i {
        position: absolute;
        bottom: 20px;
        left: 20px;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        color: rgba(255, 255, 255, 0.3);
        border-color: rgba(255, 255, 255, 0.3)
    }
    .light .ut-shortcode-video-wrap .ut-video-caption i {
        background: rgba(0, 0, 0, 0.5)
    }
    .ut-load-video:hover i {
        color: rgba(255, 255, 255, 1);
        border-color: rgba(255, 255, 255, 1)
    }
    .ut-shortcode-video-wrap .ut-video-caption {
        margin-bottom: 20px;
        max-width: 100%;
        padding: 10px;
        background: #transparent;
        border: 1px solid
    }
    .light .ut-shortcode-video-wrap .ut-video-caption {
        padding: 0
    }
    .dark .ut-shortcode-video-wrap .ut-video-caption {
        border-color: #DDDDDD
    }
    .ut-video-caption-text {
        padding-top: 10px
    }
    .light .ut-video-caption-text {
        padding: 10px;
        background: rgba(0, 0, 0, 5);
        color: #999999;
        border-top: 1px solid
    }
    .ut-highlight-section-wrap {
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px
    }
    .ut-highlight-section-right {
        text-align: right
    }
    .ut-highlight-section-right .ut-highlight-section-icon {
        float: right;
        margin-right: 0;
        margin-left: 20px
    }
    .ut-highlight-section-icon {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        background: transparent;
        border: double 1px #008ED6;
        color: #008ED6
    }
    .ut-highlight-section-box h3 {
        -webkit-transition: 0.2s all linear;
        -moz-transition: 0.2s all linear;
        transition: 0.2s all linear;
        margin-bottom: 5px
    }
    .ut-highlight-section-content {
        overflow: hidden;
        margin-bottom: 20px
    }
    .ut-highlight-section-image {
        margin: 0 auto
    }
    .ut-highlight-section-image.ut-landscape {
        padding: 0 10px
    }
    .ut-highlight-section-image.ut-portrait {
        max-width: 250px
    }
    .ut-highlight-section-image img {
        width: 100%
    }
    .ut-custom-box {
        border: 1px solid #a0c3d5;
        padding: 20px
    }
    .ut-custom-box-content {
        overflow: hidden;
        text-align: left
    }
    .ut-custom-box-icon {
        float: left;
        margin-right: 40px;
        margin-bottom: 20px;
        max-width: 320px
    }
    .cta-btn {
        display: block;
        text-align: center;
        overflow: hidden
    }
    .light .cl-effect-18 a,
    .light .cl-effect-18 a:hover,
    .light .cl-effect-18 a:focus,
    .light .cta-btn a {
        color: #FFFFFF
    }
    .light .cl-effect-18 a::before,
    .light .cl-effect-18 a::after {
        background: #FFFFFF
    }
    .dark .cl-effect-18 a,
    .dark .cl-effect-18 a:hover,
    .dark .cl-effect-18 a:focus,
    .dark .cta-btn a {
        color: #222222
    }
    .dark .cl-effect-18 a::before,
    .dark .cl-effect-18 a::after {
        background: #222222
    }
    .cta-btn a {
        position: relative;
        display: inline-block;
        margin: 15px 25px;
        outline: none;
        color: #222222;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.4em
    }
    .cta-btn a:hover,
    .cta-btn a:focus {
        outline: none
    }
    .cl-effect-18 {
        position: relative;
        z-index: 1
    }
    .cl-effect-18 a {
        padding: 0 5px;
        color: #222222;
        font-weight: 700;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s
    }
    .cl-effect-18 a::before,
    .cl-effect-18 a::after {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        height: 2px;
        margin-top: -1px;
        background: #222222;
        content: '';
        z-index: -1;
        pointer-events: none;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s
    }
    .cl-effect-18 a::before {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    .cl-effect-18 a::after {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px)
    }
    .cl-effect-18 a:hover,
    .cl-effect-18 a:focus {
        color: #222222
    }
    .cl-effect-18 a:hover::before,
    .cl-effect-18 a:hover::after,
    .cl-effect-18 a:focus::before,
    .cl-effect-18 a:focus::after {
        opacity: 0.7
    }
    .cl-effect-18 a:hover::before,
    .cl-effect-18 a:focus::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .cl-effect-18 a:hover::after,
    .cl-effect-18 a:focus::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    @media screen and (max-width: 767px) {
        .ut-one-half,
        .ut-one-third,
        .ut-two-thirds,
        .ut-three-fourths,
        .ut-one-fourth,
        .ut-one-fifth,
        .ut-two-fifth,
        .ut-three-fifth,
        .ut-four-fifth,
        .ut-one-sixth,
        .ut-five-sixth {
            width: 100%
        }
        .ut-icon-box {
            float: none;
            margin-right: 0;
            width: 100%
        }
        .ut-arrow-right {
            display: none
        }
        .ut-info {
            text-align: center;
            overflow: hidden
        }
        .ut-rotate-quote .flex-direction-nav {
            display: none
        }
        .ut-rotate-quote .flex-direction-nav,
        .ut-rotate-quote-alt .flex-direction-nav {
            width: 75px
        }
        .ut-service-column {
            text-align: left !important
        }
        .ut-service-icon.ut-si-right {
            float: left;
            margin-right: 20px !important;
            margin-left: 0 !important;
            overflow: hidden;
            font-size: 30px;
            margin-bottom: 20px
        }
        .ut-highlight-section-right {
            text-align: inherit
        }
        .ut-highlight-section-right .ut-highlight-section-icon {
            float: left;
            margin-right: 20px;
            margin-left: 0
        }
        .ut-highlight-section-image.ut-landscape {
            padding: 0
        }
        .ut-highlight-section-image {
            margin: 0 auto 40px auto
        }
        .ut-custom-box-icon {
            float: none !important;
            margin-right: 0 !important
        }
    }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .ut-icon-box {
            float: none;
            margin-right: 0;
            width: 100%
        }
        .ut-arrow-right {
            display: none
        }
        .ut-info {
            text-align: center;
            overflow: hidden
        }
        .ut-rotate-quote .flex-direction-nav,
        .ut-rotate-quote-alt .flex-direction-nav {
            width: 75px
        }
        .ut-highlight-section-image.ut-landscape {
            padding: 0
        }
        .ut-custom-box-icon {
            float: none !important;
            margin-right: 0 !important
        }
    }
    .ut-animate-element {
        visibility: hidden
    }
    .mejs-container.mejs-video {
        width: 100% !important;
        height: auto !important;
        padding-top: 57%
    }
    .mejs-overlay,
    .mejs-poster {
        width: 100% !important;
        height: 100% !important
    }
    .mejs-mediaelement video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important
    }
    .pp_pic_holder video {
        width: 100%;
        height: 100%;
        max-width: 100%
    }
    .pp_pic_holder .wp-video {
        width: 100% !important
    }
    .ut-spacer {
        width: 100%;
        display: block;
        min-height: 1px;
        clear: both
    } 
 
    #slide1_img,
    #slide1_img img {}.application-monapp-section .ut-one-half,
    .application-monapp-section .ut-one-third,
    .application-monapp-section .ut-two-thirds,
    .application-monapp-section .ut-three-fourths,
    .application-monapp-section .ut-one-fourth,
    .application-monapp-section .ut-one-fifth,
    .application-monapp-section .ut-two-fifth,
    .application-monapp-section .ut-three-fifth,
    .application-monapp-section .ut-four-fifth,
    .application-monapp-section .ut-one-sixth,
    .application-monapp-section .ut-five-sixth {
        margin-right: 2%
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(1) {
        margin-left: 3%
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(4) {
        margin-right: 0
    }
    .application-monapp-section .ut-one-fourth>p {
        display: none
    }
    .application-monapp-section .grid-100 {
        max-width: 1200px;
        margin: 0 auto
    }
    .chacun-son-monapp-bloc .ecab-imganim_container,
    .chacun-son-monapp-bloc .ecab-anim-front,
    .chacun-son-monapp-bloc .ecab-anim-back {
        width: 100%;
        height: 300px
    }
    .chacun-son-monapp-bloc .ecab-imganim_container:nth-child(2) .chacun-son-monapp-bloc .ecab-anim-front,
    .chacun-son-monapp-bloc .ecab-imganim_container:nth-child(2) .chacun-son-monapp-bloc .ecab-anim-back {
        width: 34%
    }
    .ecab-imganim_container {
        position: relative
    }
    .ecab-anim-front,
    .ecab-anim-back {
        position: absolute;
        top: 0;
        left: 0
    }
    .ecab-anim-front {
        z-index: 2;
        -webkit-animation-duration: 0.6s;
        -moz-animation-duration: 0.6s;
        -o-animation-duration: 0.6s;
        -ms-animation-duration: 0.6s;
        background-size: cover
    }
    .ecab-anim-back {}.chacun-son-monapp-section {
        margin: 0;
        padding: 0;
        width: 100%
    }
    .chacun-son-monapp-section .ut-one-third {
        float: left;
        width: 33%;
        margin: 0;
        padding: 0;
        position: relative;
        height: 300px
    }
    .chacun-son-monapp-section .chacun_son_ecab-trig2+.ut-one-third {
        width: 34%
    }
    .chacun-son-monapp-section .section-content,
    .chacun-son-monapp-section .section-content>div {
        margin: 0;
        padding: 0;
        max-width: 100%
    }
 
    .monapp_app-caption {
        position: absolute;
        width: 100%;
        left: 0;
        top: 90px;
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Roboto Condensed';
        color: #636363
    }
    .monapp_app-flip_container {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
        -ms-transform: perspective(1000px);
        -moz-transform: perspective(1000px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d
    }
    .monapp_app-flip_container:hover .monapp_app-back,
    .monapp_app-flip_container.hover .monapp_app-back {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    .monapp_app-flip_container:hover .monapp_app-front,
    .monapp_app-flip_container.hover .monapp_app-front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
    .monapp_app-flip_container,
    .monapp_app-front,
    .monapp_app-back {
        width: 255px;
        height: 262px
    }
    .monapp_app-flip_container {
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -ms-transition: 0.6s;
        -moz-transition: 0.6s;
        -moz-transform: perspective(1000px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative
    }
    .monapp_app-front,
    .monapp_app-back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: rotateY(0deg);
        -moz-transition: 0.6s;
        -moz-transform-style: preserve-3d;
        -moz-transform: rotateY(0deg);
        -o-transition: 0.6s;
        -o-transform-style: preserve-3d;
        -o-transform: rotateY(0deg);
        -ms-transition: 0.6s;
        -ms-transform-style: preserve-3d;
        -ms-transform: rotateY(0deg);
        transition: 0.6s;
        transform-style: preserve-3d;
        transform: rotateY(0deg);
        position: absolute;
        top: 0;
        left: 0
    }
    .monapp_app-front {
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        background: #FFC700;
        z-index: 2
    }
    .monapp_app-back {
        background: white;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
    .monapp_app-mark {
        position: absolute;
        bottom: 10px;
        left: 113px;
        width: 30px;
        height: 33px
    }
    .monapp_app-ico {
        position: absolute;
        top: 40px;
        left: 47px
    }
 

#application-monapp-section .section-title {
    color: #ffffff;
}
#application-monapp-section .section-title {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
.we-are-ecaber-sections-bloc1 .section-title, .application-monapp-section .section-title, .alliance-monapp-section .section-title, #contact-section .section-title, .smart-cities-section .section-title {
    background-image: url(/images/divider_white.png) !important;
}
.pt-style-1 .page-title, .pt-style-1 .section-title {
    background-attachment: scroll;
    background-image: url(/images/divider.png);
    background-repeat: repeat-x;
    background-position: center center;
}
.section-title {
    background-image: url(/images/divider_grey.png) !important;
}
.title-side {
    top: -1px;
    display: table-cell;
    width: 50%;
}
.page-title, .parallax-title, .section-title {
    font-size: 30px;
    margin-bottom: 20px;
    position: relative;
}
  
    ::-moz-selection {
        background: #FFC700;
    }
    ::selection {
        background: #FFC700;
    } 
    .ut-pt-featured-table .ut-pt-info .fa-li {
        color: #FFC700 !important;
    }
    .button,
    input[type="submit"],
    input[type="button"],
    .dark button,
    .dark input[type="submit"],
    .dark input[type="button"],
    .light .button,
    .light input[type="submit"],
    .light input[type="button"] {
        background: #FFC700;
    }
    .img-hover {
        background: rgb(200, 35, 45);
        background: rgba(200, 35, 45, 0.85);
    }
    .portfolio-caption {
        background: rgb(200, 35, 45);
        background: rgba(200, 35, 45, 0.85);
    }
    .team-member-details {
        background: rgba(200, 35, 45, 0.85);
    }
    .ut-avatar-overlay {
        background: rgb(200, 35, 45);
        background: rgba(200, 35, 45, 0.85);
    }
    .mejs-controls .mejs-time-rail .mejs-time-current,
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .format-link .entry-header a {
        background: #FFC700 !important;
    }
    .light .ut-portfolio-menu li a:hover,
    .light .ut-portfolio-pagination a:hover,
    .light .ut-nav-tabs li a:hover,
    .light .ut-accordion-heading a:hover {
        border-color: #FFC700 !important;
    }
    .light .ut-portfolio-menu li a:hover,
    .light .ut-portfolio-pagination a:hover,
    .ut-portfolio-list li strong,
    .light .ut-nav-tabs li a:hover,
    .light .ut-accordion-heading a:hover,
    .ut-custom-icon a:hover i:first-child {
        color: #FFC700 !important;
    }
    .ut-portfolio-gallery-slider .flex-direction-nav a,
    .ut-gallery-slider .flex-direction-nav a,
    .ut-rotate-quote-alt .flex-direction-nav a,
    .ut-rotate-quote .flex-direction-nav a {
        background: rgb(200, 35, 45);
        background: rgba(200, 35, 45, 0.85);
    }
    .light .ut-bs-wrap .entry-title a:hover,
    .light .ut-bs-wrap a:hover .entry-title {
        color: #FFC700;
    }
    .ut-rated i {
        color: #FFC700;
    }
    .ut-footer-area ul.sidebar a:hover {
        color: #FFC700;
    }
    .ut-footer-dark .ut-footer-area .widget_tag_cloud a:hover {
        color: #FFC700!important;
    }
    .ut-footer-dark .ut-footer-area .widget_tag_cloud a:hover {
        border-color: #FFC700;
    }
    .elastislide-wrapper nav span:hover {
        border-color: #FFC700;
    }
    .elastislide-wrapper nav span:hover {
        color: #FFC700;
    }
    .ut-footer-so li a:hover {
        border-color: #FFC700;
    }
    .ut-footer-so li a:hover i {
        color: #FFC700!important;
    }
    .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header {
        background: #FFC700;
    }
    .ut-pt-wrap-style-3 .ut-pt-info ul li,
    .ut-pt-wrap-style-3 .ut-pt-info ul,
    .ut-pt-wrap-style-3 .ut-pt-header,
    .ut-pt-wrap-style-3 .ut-btn.ut-pt-btn,
    .ut-pt-wrap-style-3 .ut-custom-row,
    .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        border-color: rgba(200, 35, 45, 0.1);
    }
    .ut-pt-wrap-style-3 .ut-btn {
        color: #FFC700 !important;
    }
    .ut-pt-wrap-style-3 .ut-btn {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        color: #FFC700 !important;
    }
    .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title {
        color: #FFC700 !important;
    }
    .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .ut-glow {
        color: #FFC700;
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .light .ut-shortcode-video-wrap .ut-video-caption {
        border-color: rgba(200, 35, 45, 1);
    }
    .light .ut-shortcode-video-wrap .ut-video-caption i {
        border-color: rgba(200, 35, 45, 0.3);
    }
    .light .ut-shortcode-video-wrap .ut-video-caption i {
        color: rgba(200, 35, 45, 0.3);
    }
    .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        border-color: rgba(200, 35, 45, 1);
    }
    .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        color: #FFC700 !important;
    }
    .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .light .ut-video-loading {
        color: #FFC700 !important;
    }
    .light .ut-video-loading {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
    .light .ut-video-caption-text {
        border-color: rgba(200, 35, 45, 1);
    }
    #navigation {
        font-family: "ralewaysemibold", Helvetica, Arial, sans-serif !important;
    }
    #navigation li a:hover {
        color: #FFC700;
    }
    #navigation .selected,
    #navigation ul li.current_page_parent a.active,
    #navigation ul li.current-menu-ancestor a.active {
        color: #FFC700;
    }
    #navigation ul li a:hover,
    #navigation ul.sub-menu li a:hover {
        color: #FFC700;
    }
    #navigation ul.sub-menu li > a {
        color: #999999;
    }
    #navigation ul li.current-menu-item:not(.current_page_parent) a,
    #navigation ul li.current_page_item:not(.current_page_parent) a {
        color: #FFC700;
    }
    #navigation ul li.current-menu-item:not(.current_page_parent) .sub-menu li a {
        color: #999999;
    }
    .ut-header-dark #navigation li a:hover {
        color: #FFC700;
    }
    .ut-header-dark #navigation .selected,
    .ut-header-dark #navigation ul li.current_page_parent a.active,
    .ut-header-dark #navigation ul li.current-menu-ancestor a.active {
        color: #FFC700;
    }
    .ut-header-dark #navigation ul li a:hover,
    .ut-header-dark #navigation ul.sub-menu li a:hover {
        color: #FFC700;
    }
    .ut-header-dark #navigation ul.sub-menu li > a {
        color: #999999;
    }
    .ut-header-dark #navigation ul li.current-menu-item:not(.current_page_parent) a,
    .ut-header-dark #navigation ul li.current_page_item:not(.current_page_parent) a {
        color: #FFC700;
    }
    .ut-header-dark #navigation ul li.current-menu-item:not(.current_page_parent) .sub-menu li a {
        color: #999999;
    }
    .hero-title span:not(.ut-word-rotator) {
        color: #FFC700 !important;
    }
    .hero-title.ut-glow span {
        text-shadow: 0 0 40px #FFC700, 2px 2px 3px black;
    }
     
    .hero-title {
        text-transform: uppercase;
    }
    .hero-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
    }
    .ut-fancy-slider-fullwidth {
        height: 500px;
    }
    .ut-fancy-slider-fullwidth .hero-inner {
        height: 500px;
    }
     
    .footer.ut-footer-dark,
    .ut-footer-dark a.toTop {
        background: #000000;
    }
    #home-slider {
        padding-top: 0px;
        padding-bottom: 60px;
    }
    #home-slider .ut-offset-anchor {
        top: -79px;
    }
    #home-slider .parallax-header {
        padding-bottom: 30px;
    }
    #home-slider .section-header {
        padding-bottom: 30px;
    }
    #home-slider .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #home-slider .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #smart-service-section {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    #smart-service-section .ut-offset-anchor {
        top: -79px;
    }
    #smart-service-section .parallax-header {
        padding-bottom: 30px;
    }
    #smart-service-section .section-header {
        padding-bottom: 30px;
    }
    #smart-service-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #smart-service-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #smart-service-section {
        background-color: #ffffff;
    }
    #smart-service-section .section-header.pt-style-1 .section-title span {
        background-color: #ffffff;
    }
    #smart-service-section .section-content {
        color: #777777;
    }
    #smart-service-section .section-content h1 {
        color: #444444 !important;
    }
    #smart-service-section .section-content h2 {
        color: #444444 !important;
    }
    #smart-service-section .section-content h3 {
        color: #444444 !important;
    }
    #smart-service-section .section-content h4 {
        color: #444444 !important;
    }
    #smart-service-section .section-content h5 {
        color: #444444 !important;
    }
    #smart-service-section .section-content h6 {
        color: #444444 !important;
    }
    #smart-service-section .parallax-title {
        color: #494C50;
    }
    #smart-service-section .section-title {
        color: #494C50;
    }
    #smart-service-section .lead,
    #smart-service-section .lead p {
        color: #666666;
    }
    #application-monapp-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #application-monapp-section .ut-offset-anchor {
        top: -129px;
    }
    #application-monapp-section .parallax-header {
        padding-bottom: 30px;
    }
    #application-monapp-section .section-header {
        padding-bottom: 30px;
    }
    #application-monapp-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #application-monapp-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #application-monapp-section {
        background-color: #000000;
    }
    #application-monapp-section .section-header.pt-style-1 .section-title span {
        background-color: #000000;
    }
    #application-monapp-section .parallax-title {
        color: #ffffff;
    }
    #application-monapp-section .section-title {
        color: #ffffff;
    }
    #chacun-son-monapp-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #chacun-son-monapp-section .ut-offset-anchor {
        top: -129px;
    }
    #chacun-son-monapp-section .parallax-header {
        padding-bottom: 0px;
    }
    #chacun-son-monapp-section .section-header {
        padding-bottom: 0px;
    }
    #chacun-son-monapp-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #chacun-son-monapp-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #chacun-son-monapp-section {
        background-color: #ffffff;
    }
    #chacun-son-monapp-section .section-header.pt-style-1 .section-title span {
        background-color: #ffffff;
    }
    #chacun-son-monapp-section .parallax-title {
        color: #494C50;
    }
    #chacun-son-monapp-section .section-title {
        color: #494C50;
    }
    #chacun-son-monapp-section .lead,
    #chacun-son-monapp-section .lead p {
        color: #666666;
    }
    #smart-cities-section {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #smart-cities-section .ut-offset-anchor {
        top: -159px;
    }
    #smart-cities-section .parallax-header {
        padding-bottom: 30px;
    }
    #smart-cities-section .section-header {
        padding-bottom: 30px;
    }
    #smart-cities-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #smart-cities-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #smart-cities-section {
        background-color: #ffffff;
    }
    #smart-cities-section .section-header.pt-style-1 .section-title span {
        background-color: #ffffff;
    }
    #smart-cities-section .parallax-title {
        color: #ffffff;
    }
    #smart-cities-section .section-title {
        color: #ffffff;
    }
    #we-are-ecaber-section {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #we-are-ecaber-section .ut-offset-anchor {
        top: -159px;
    }
    #we-are-ecaber-section .parallax-header {
        padding-bottom: 30px;
    }
    #we-are-ecaber-section .section-header {
        padding-bottom: 30px;
    }
    #we-are-ecaber-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #we-are-ecaber-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #we-are-ecaber-section {
        background-color: #FFFFFF;
    }
    #we-are-ecaber-section .section-header.pt-style-1 .section-title span {
        background-color: #FFFFFF;
    }
    #alliance-monapp-section {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #alliance-monapp-section .ut-offset-anchor {
        top: -159px;
    }
    #alliance-monapp-section .parallax-header {
        padding-bottom: 30px;
    }
    #alliance-monapp-section .section-header {
        padding-bottom: 30px;
    }
    #alliance-monapp-section .parallax-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #alliance-monapp-section .section-title {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        text-transform: uppercase;
    }
    #alliance-monapp-section {
        background-color: #FFC700;
    }
    #alliance-monapp-section .section-header.pt-style-1 .section-title span {
        background-color: #FFC700;
    }
    .parallax-overlay-pattern.style_one {
        background-image: url(" /images/overlay-pattern.png") !important;
    }
    .parallax-overlay-pattern.style_two {
        background-image: url(" /images/overlay-pattern2.png") !important;
    }  
	
	@media screen and (max-width: 767px) {
    .alliance-monapp-section .ut-one-third>div {
        text-align: center !important
    }
    .application-monapp-section .section-content,
    .application-monapp-section .section-content>div {
        width: 275px;
        padding-left: 0px;
        padding-left: 0px
    }
    .application-monapp-section .grid-container>div .ut-one-fourth {
        width: 124px !important
    }
    .application-monapp-section .grid-container>div .monapp_app-ico {
        height: 80px;
        width: 80px;
        top: 19px;
        left: 22px
    }
    .application-monapp-section .grid-container>div .monapp_app-mark {
        width: 20px;
        height: 22px;
        bottom: 5px;
        left: 52px
    }
    .application-monapp-section .grid-container>div .monapp_app-caption {
        font-size: 16px;
        line-height: 16px;
        top: 40px
    }
    .application-monapp-section .monapp_app-flip_container,
    .application-monapp-section .monapp_app-flip_container .monapp_app-back,
    .application-monapp-section .monapp_app-flip_container .monapp_app-front {
        width: 124px !important;
        height: 127px !important
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(1) {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 12px
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(2) {
        margin-right: 0;
        margin-left: 12px;
        margin-bottom: 12px;
        float: left
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(3) {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 12px;
        clear: left
    }
    .application-monapp-section .grid-container>div .ut-one-fourth:nth-child(4) {
        margin-right: 0;
        margin-left: 12px;
        float: left
    }
}


@media screen and (max-width: 767px)
.application-monapp-section .section-content, .application-monapp-section .section-content>div {
    width: 260px;
    padding-left: 0px;
    padding-left: 0px;
}
.page-template-default #primary, .page-template-default .grid-100, .page-template-default .grid-100, .page-template-default .grid-container, .page-template-default .grid-container {
    padding: 0;
}
.application-monapp-section .grid-100 {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 767px)
.mobile-grid-100 {
    clear: both;
    width: 100%;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}