/*     GENERAL      */

.wrap{
    width:90%;
    margin:0 auto;
}

.grid-margin-x{
    margin-right:0;
}

@media (max-width: 639px) {
    .header{
        display:none;
    }
    .menu2{
        display: none;
    }
}


/*    HEADER     */

.nav-dekstop{
    height:80px;
    padding:0;
    background-color:transparent;
    width: 100%;
}

.nav-dekstop ul{
    background-color:transparent;
}

.header{
    height:80px;
    background-color:rgba(0,0,0,0.9);
}

.header h2{
    line-height:80px;
    margin:0;
    color:rgba(255,255,255,0.9);
}

.header a{
    display:inline-block;
    line-height:80px;
    padding-top:0;
    padding-bottom:0;
    color:rgba(255,255,255,0.9);
}

.header a:hover{
    background-color:rgba(255,255,255,0.1);
}


/*     CONTENT    */

ul.spritemenu {
    margin:0;
}

.spritemenu li{
    list-style: none;
}

.spritemenu a {
  height: 50px;
  line-height:50px;
  display: block;
  padding-left:60px;
}

.facebook {
  background: url('../images/sprites-social.png') 0 0 no-repeat;
}

.facebook :hover{
  background: url('../images/sprites-social.png') 0 -50px no-repeat;
}

.instagram {
  background: url('../images/sprites-social.png') 0 -100px no-repeat;
}

.instagram :hover{
  background: url('../images/sprites-social.png') 0 -150px no-repeat;
}

.twitter {
  background: url('../images/sprites-social.png') 0 -200px no-repeat;
}

.twitter :hover{
  background: url('../images/sprites-social.png') 0 -250px no-repeat;
}

.content{
    padding:80px 0;
}

.content hr{
    border:1px solid;
    border-color:rgba(0,0,0,0.7);
}

.menu2{
    min-width:150px;
    padding:0 25px;
}


/*     FOOTER    */


.footer {
    background-color: rgba(0,0,0,0.9);
    padding-bottom: 25px;
    margin-top: 45px;
}

.footer .cell{
    padding-top:50px;
}

.footer h4{
    color:rgba(255,255,255,0.9);
}

.footer a{
    color:rgba(255,255,255,0.7);
}

.footer a:hover{
    color:rgba(255,255,255,0.9);
}


/*     MOBILE-MENU    */


.nav-mobile{
    text-align:center;
}

.nav-mobile h4 {
    margin-top: 20px;
}

.off-canvas {
    background-color: rgba(0,0,0,0.9);
}

.off-canvas  h4 {
    color: rgba(255,255,255,0.9);
}

.off-canvas a {
    color: rgba(255,255,255,0.7);
}

.off-canvas a:hover {
    color:rgba(255,255,255,0.9);
}


/*    ABOUT   */


.about img {
    margin-bottom: 30px;
    width: 45%;
    min-width:250px;
    height: auto;
}


/*    CONTACT   */

@media (max-width: 899px){
    .menu2.contact{
        display: none;
    }
}

.cell.contact{
    margin-right: 0;
}

.contact form .error {
    color: rgba(255, 0, 0, 1);
    margin-bottom:10px;
}

.contact textarea{
    resize:none;
    height:200px
}

.contact form{
    width:100%;
}

.mapwrap{
    margin-bottom: 60px;
    background-color: rgba(150, 149, 158, 0.2);
}

.mapwrap h3{
    text-align: center;
    font-weight: bold;
    color: rgba(0,0,0,0.9);
    padding-top: 10px;
}

.mapwrap p{
    margin: 0 30px;
    color: rgba(0,0,0,0.9);
    padding-bottom:30px; 
}

.map{
    width:600px;
    height:500px;
    border: 0;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width: 1023px) {
    .mapwrap h3{
        padding-top: 20px;
    }
    .map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
    .map-responsive{
        overflow:hidden;
        padding-bottom:60%;
        position:relative;
        height:0;
    }
}
/*    PORTOFOLIO   */

.port img{
    max-height:225px;
    height: auto;
    width:auto;
    min-height: 100px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.port p{
    text-align:center;
    margin-top:10px;
    color: rgba(0,0,0,1);
}

.port .cell{
    margin-bottom:20px;
}

.port p:hover{
    color: rgba(0,0,0,1);
    text-decoration: underline;
}