@media print {
    *,
    :after,
    :before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
}
 

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
  
.butt-conta {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .butt-conta {
        width: 750px
    }
}

@media (min-width:992px) {
    .butt-conta {
        width: 970px
    }
}

@media (min-width:1200px) {
    .butt-conta {
        width: 1170px
    }
}

.col-md-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:992px) {
    .col-md-2 {
        float: left
    }
    .col-md-2 {
        width: 16.66666667%
    }
}

.clearfix:after,
.clearfix:before,
.butt-conta:after,
.butt-conta:before {
    display: table;
    content: " "
}

.clearfix:after,
.butt-conta:after {
    clear: both
}

@-ms-viewport {
    width: device-width
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('webfont.eot');
    src: url('../fonts/ubuntucondensed-regular-webfontd41d.eot?#iefix')format('embedded-opentype'), url('../fonts/ubuntucondensed-regular-webfont.woff')format('woff'), url('../fonts/UbuntuCondensed-Regular.ttf')format('truetype'), url('../fonts/ubuntucondensed-regular-webfont.svg#svgFontName')format('svg')
}
 
.focus-grid a {
    text-decoration: none
}
 
.butt-conteg {
    padding: 40px 0
}

.focus-grid {
    margin-top: 10px
}

.focus-grid h4 {
    text-align: left;
    font-size: 2.5em;
    font-weight: 400;
    color: #323232
}

.focus-border {
    border: 1px solid #e7eaed
}

.focus-layout {
    background: #000000;
    margin: 5px;
    padding: 20px 0;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    text-align: center
}

.focus-layout:hover {
    background-color: #01a185;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.focus-layout h4 {
   margin: 20px 0 0;
    color: #ff0000;
    font-size: 16px;
    text-align: center;
    height: 45px;
    font-weight: 600;
}

.focus-layout:hover h4.clrchg {
    color: #fff
}

.focus-image {
    text-align: center;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

@media (max-width:1080px) {
    .focus-grid {
        padding: 0 10px
    }
    .focus-layout {
        margin: 3px;
        padding: 20px 0
    }
}

@media (max-width:991px) {
    .focus-grid {
        width: 25%;
        float: left
    }
}

@media (max-width:640px) {
    .focus-layout h4 {
        font-size: 17px;
        height: 50px
    }
    .butt-conteg {
        padding: 30px 0
    }
}

@media (max-width:480px) {
    .focus-grid {
        width: 33.333%
    }
    .focus-layout {
        padding: 16px 0
    }
}

@media (max-width:414px) {
    .focus-grid {
        width: 50%
    }
    .focus-layout {
        padding: 16px 5px
    }
}

.uRed {
    border-bottom: 4px solid red
}

.uBlue2:hover,
.uBlue:hover,
.uBrown:hover,
.uGreen:hover,
.uOrange:hover,
.uRed:hover {
    border-bottom: 4px solid #fff
}

.uOrange {
    border-bottom: 4px solid #FF9E29
}

.uBlue {
    border-bottom: 4px solid #3FB7D2
}

.uGreen {
    border-bottom: 4px solid #15C01C
}

.uBrown {
    border-bottom: 4px solid #7E3B07
}

.uBlue2 {
    border-bottom: 4px solid #1963CE
}