.masthead-container {
position: relative;
}

.masthead-container:after {
background: url("../images/bg_masthead.jpg") center bottom;
background-size: cover;
content: " ";
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}

.masthead-container.press:after {
background: url("../images/wideopentech-bumber.jpg") center;
}

.masthead-container .masthead * {
backface-visibility: hidden;
moz-transform: translate3D(0, 0, 0);
ms-transform: translate3D(0, 0, 0);
o-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
webkit-backface-visibility: hidden;
webkit-transform: translate3D(0, 0, 0);
}

.masthead-container .masthead {
margin-top: 75px;
}

.masthead-container .masthead.services {
margin-top: 0;
}

.masthead-container .masthead h1 {
color: #fff;
font-size: 155px;
font-weight: 300;
margin: 0 auto;
max-width: 760px;
text-align: center;
text-transform: uppercase;
}

.masthead-container .masthead h1 small.sub-green {
color: #bdd537;
display: block;
font-size: 30px;
margin-top: .2em;
text-align: center;
}

.masthead-container .masthead h1 span.main {
display: block;
letter-spacing: 1px;
line-height: 140px;
margin: 0 0 20px 0;
width: 100%;
}

@media (max-width: 768px) {
.masthead-container .masthead h1 span.main {
line-height: inherit;
margin: 0;
}

}

.masthead-container .masthead h1 span.sub {
display: block;
font-size: 18px;
font-weight: 300;
margin-left: 20%;
margin-right: 20%;
position: relative;
text-transform: none;
}

.masthead-container .masthead h1 span.sub em,.masthead-container .masthead h1 span.sub i {
color: #ff803a;
font-style: normal;
}

.masthead-container .masthead h1 span.sub i {
color: #bdd537;
}

.masthead-container .masthead h1 span.sub:after,.masthead-container .masthead h1 span.sub:before {
background: #fff;
content: " ";
display: block;
height: 9px;
left: -20%;
position: absolute;
top: 3px;
width: 20%;
}

.masthead-container .masthead h1 span.sub:before {
left: auto;
right: -20%;
}

.masthead-container .masthead .navbar.navbar-fixed-top {
background: transparent;
border: none;
display: none;
margin: 0 auto;
padding: 0;
top: 0;
width: 100%;
z-index: 1;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul li {
display: inline-block;
height: 100px;
margin: 0 0 0 -3px;
margin: 0 0 0 -4px;
min-width: 55px;
padding: 0;
padding: 10px;
width: 19%;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul li a {
background: url(../images/sprite_services_small.png);
display: inline-block;
height: 78px;
margin: 0 auto;
min-width: 55px;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .um {
background-color: #2ec2a8;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .dois {
background-color: #40666d;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .dois a {
background-position: -163px -1px;
min-width: 91px;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .tres {
background-color: #878787;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .tres a {
background-position: -363px 1px;
min-width: 72px;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .quatro {
background-color: #45c1cc;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .quatro a {
background-position: -556px 1px;
min-width: 67px;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .cinco {
background-color: #bdd537;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .cinco a {
background-position: -744px 1px;
min-width: 64px;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .seis {
background-color: #bdd537;
}

.masthead-container .masthead .navbar.navbar-fixed-top ul .seis a {
background-position: -744px 1px;
min-width: 64px;
}


.masthead-container .masthead.subpage h1 {
font-size: 90px;
letter-spacing: 1px;
line-height: 90px;
margin-bottom: 130px;
margin-top: 60px;
}

.masthead nav {
margin: 14px auto 0;
    max-width: 965px;
    position: relative;
    text-align: center;
    top: 6px;
}

.masthead nav .card-group {
display: inline-block;
min-width: 280px;
}

.masthead-container.portfolio .masthead h1 small {
text-align: center;
}

.masthead nav .flip-card {
color: #fff;
    display: inline-block;
    font-size: 19px;
    height: 106px;
    margin-right: -4px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    width: 157px;
}

.masthead nav .flip-card .front,.masthead nav .flip-card .back {
display: block;
height: 190px;
moz-transform: translate3D(0, 0, 0);
ms-transform: translate3D(0, 0, 0);
o-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
webkit-transform: translate3D(0, 0, 0);
width: 190px;
}

.masthead nav .flip-card-wrap {
backface-visibility: hidden;
moz-transform-style: preserve-3d;
moz-transition: 0.6s;
ms-transform-style: preserve-3d;
o-transform-style: preserve-3d;
position: relative;
transform-style: preserve-3d;
transition: 0.6s;
webkit-backface-visibility: hidden;
webkit-transform-style: preserve-3d;
webkit-transition: 0.6s;
}

.masthead nav .flip-card .front,.masthead nav .flip-card .back {
backface-visibility: hidden;
height: 102%;
left: 0;
position: absolute;
top: 0;
webkit-backface-visibility: hidden;
width: 102%;
}

.masthead nav .flip-card .front {
backface-visibility: hidden;
moz-transform: rotateX(0deg) rotateY(0deg);
moz-transform: translate3D(0, 0, 0);
moz-transform-style: preserve-3d;
moz-transition: all 0.4s ease-in-out;
ms-transform: rotateX(0deg) rotateY(0deg);
ms-transform: translate3D(0, 0, 0);
ms-transform-style: preserve-3d;
o-transform: rotateX(0deg) rotateY(0deg);
o-transform: translate3D(0, 0, 0);
o-transform-style: preserve-3d;
transform: rotateX(0deg) rotateY(0deg);
transform: translate3D(0, 0, 0);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out;
webkit-backface-visibility: hidden;
webkit-transform: rotateX(0deg) rotateY(0deg);
webkit-transform: translate3D(0, 0, 0);
webkit-transform-style: preserve-3d;
webkit-transition: all 0.4s ease-in-out;
z-index: 2;
}

.masthead nav .flip-card:hover .front {
moz-transform: rotateY(180deg);
ms-transform: rotateY(180deg);
o-transform: rotateY(180deg);
transform: rotateY(180deg);
webkit-transform: rotateY(180deg);
}

.masthead nav .flip-card .back {
backface-visibility: hidden;
moz-transform: rotateY(-180deg);
moz-transform: translate3D(0, 180, 0);
moz-transform-style: preserve-3d;
moz-transition: all 0.4s ease-in-out;
ms-transform: rotateY(-180deg);
ms-transform: translate3D(0, 180, 0);
ms-transform-style: preserve-3d;
o-transform: rotateY(-180deg);
o-transform: translate3D(0, 180, 0);
o-transform-style: preserve-3d;
transform: rotateY(-180deg);
transform: translate3D(0, 180, 0);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out;
webkit-backface-visibility: hidden;
webkit-transform: rotateY(-180deg);
webkit-transform: translate3D(0, 180, 0);
webkit-transform-style: preserve-3d;
webkit-transition: all 0.4s ease-in-out;
}

.masthead nav .flip-card:hover .back {
moz-transform: rotateX(0deg) rotateY(0deg);
ms-transform: rotateX(0deg) rotateY(0deg);
o-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
webkit-transform: rotateX(0deg) rotateY(0deg);
}

.masthead nav .flip-card .front h3,.masthead nav .flip-card .back p {
font-size: 14px;
font-weight: 300;
margin-top: 25px;
}

.masthead nav .flip-card .back p {
font-size: 14px;
height: 100%;
line-height:180%;
margin: 30px 0 0 0;
text-align:center;
padding: 0.75em 1em;
    color: #fff;
}

.masthead nav .flip-card .back p span.more {
bottom: 0;
color: #fff;
display: block;
height: 27px;
overflow: hidden;
position: absolute;
right: 0.5em;
text-indent: -9999em;
width: 51px;
}

.masthead nav .flip-card .front h3:before {
background: url("../images/sprite_home.png") no-repeat;
content: " ";
display: block;
height: 40px;
margin: -42px auto 15px;
width: 40px;
}

.masthead nav .flip-card.um .front h3:before {
 background-position: -91px 12px;
    height: 67px;
    width: 84px;
}

.masthead nav .flip-card.dois .front h3:before {
 background-position: -293px 12px;
height: 67px;
width: 92px;
}

.masthead nav .flip-card.tres .front h3:before {
background-position: -405px 12px;
height: 67px;
width: 76px;
}

.masthead nav .flip-card.quatro .front h3:before {
/*background-position: 1px 12px;*/
background-position: -600px 12px;
height: 67px;
width: 68px;
}

.masthead nav .flip-card.cinco .front h3:before {
background-position: -206px 12px;
height: 67px;
width: 66px;
}

.masthead nav .flip-card.seis .front h3:before {
background-position: -508px 12px;
height: 67px;
width: 66px;
}

.masthead nav .flip-card.um .front,.masthead nav .flip-card.um .back {
background: #ab5211;
}

.masthead nav .flip-card.dois .front, .masthead nav .flip-card.dois .back {
background: #a53b07;
}

.masthead nav .flip-card.tres .front,.masthead nav .flip-card.tres .back {
background: #ad680f;
}

.masthead nav .flip-card.quatro .front,.masthead nav .flip-card.quatro .back {
background: #ad7f0f;
}

.masthead nav .flip-card.cinco .front,.masthead nav .flip-card.cinco .back {
background: #8bab37;
}

.masthead nav .flip-card.seis .front,.masthead nav .flip-card.seis .back {
background: #6b8726;
}

/*.................... SEGUNDO MOMENTO DE MENU ..............................................................*/

.masthead nav.seg_mom{
     max-width: 1100px;

}