 body {
    margin: 0;
    padding: 0;
    color: #888;
    background-color: #800000
}

h1 {
    color: #7d7d7d;
    font-size: 25px;
    margin: 0;
    padding: 0;
    font-family: 'arial, verdana, sans-serif';
    font-weight: normal
}

h2 {
    color: #7d7d7d;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-family: 'arial, verdana, sans-serif';
    font-weight: normal
}

p {
    //color: #a9a9a9;
    color:orange;
    line-height: 22px;
    font-size: 17px;
    margin: 0;
    padding: 0;
    font-family: 'arial, verdana, sans-serif'
}

a {
    text-decoration: none
}

a img {
    border: 0
}

#navigationmenu {
    width: 100%;
    float: left;
    margin-left: 4%;
  //  margin-right: auto;
    background-color: #800000; 
    #navigationmenu 
    .container{padding:10px 0}.logo{height:180px}
    .logo img{position:absolute;
    margin-top:0;z-index:30;-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms}
    .logo img:hover{-webkit-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}
    nav{margin:55px 20px 20px 20px}nav ul{margin:0;padding:0;float:left;list-style:none}
    nav ul li{margin:0 10px;padding:0;float:left;//border-top:1px solid #d6d5d5;//border-bottom:1px solid #d6d5d5}
    nav a{padding:20px 10px;float:left;color:#fff608;
    nav a:hover{color:#bbb;-webkit-transition:color 250ms ease-in;-moz-transition:color 250ms ease-in;-o-transition:color 250ms ease-in;transition:color 250ms ease-in}
    .leftnavigation,.leftnavigation li{float:right}.rightnavigation,
    .rightnavigation li{float:left}.container{width:1200px;margin:auto;padding:60px 0 90px 0;//background:linear-gradient(0deg,white,blue 80%);background:#800000}
    .titlesection h1{margin:50px 20px;text-align:center}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
    .btn{margin:10px 0!important;float:left;width:100%;opacity:1;-webkit-transition:opacity;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transition:opacity;-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}.btn:hover{opacity:.7;-webkit-transition:opacity;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transition:opacity;-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}
    .btn a{font-size:17px;padding:5px 10px;color:#FFF;font-family:'lobster_1.3regular'}
    .orange a{background-color:#facba6;border-bottom:2px solid #c88926}
    .red a{background-color:#e0a6a5!important;border-bottom:2px solid #bb7374!important}
    .blue a{background-color:#a5dce1;border-bottom:2px solid #889a9e}
    .yellow a{background-color:#e0d9a3;border-bottom:2px solid #ba9873}
    .navi a{background-color:#94cdc6;border-bottom:2px solid #528e84}
    .green a{background-color:#bfe1a4;border-bottom:2px solid #9d9e74}
    .opacity{opacity:1;-webkit-transition:opacity;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transition:opacity;-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}
    .opacity:hover{opacity:.8;-webkit-transition:opacity;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transition:opacity;-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        margin: 10px;
        float: left;
        display: inline
    }
    .grid_1 {
        width: 80px
    }
    .grid_2 {
        width: 180px
    }
    .grid_3 {
        width: 480px
    }
    .grid_4 {
        width: 380px
    }
    .grid_5 {
        width: 1000px
    }
    .grid_6 {
        width: 580px
    }
    .grid_7 {
        width: 680px
    }
    .grid_8 {
        width: 780px
    }
    .grid_9 {
        width: 880px
    }
    .grid_10 {
        width: 980px
    }
    .grid_11 {
        width: 1080px
    }
    .grid_12 {
        width: 1180px
    }
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .grid_1 {
            width: 60px
        }
        .grid_2 {
            width: 140px
        }
        .grid_3 {
            width: 220px
        }
        .grid_4 {
            width: 300px
        }
        .grid_5 {
            width: 900px
        }
        .grid_6 {
            width: 460px
        }
        .grid_7 {
            width: 540px
        }
        .grid_8 {
            width: 620px
        }
        .grid_9 {
            width: 700px
        }
        .grid_10 {
            width: 780px
        }
        .grid_11 {
            width: 860px
        }
        .grid_12 {
            width: 940px
        }
    }
    @media only screen and (min-width:768px) and (max-width:959px) {
        .grid_1 {
            width: 42px
        }
        .grid_2 {
            width: 104px
        }
        .grid_3 {
            width: 166px
        }
        .grid_4 {
            width: 228px
        }
        .grid_5 {
            width: 700px
        }
        .grid_6 {
            width: 352px
        }
        .grid_7 {
            width: 414px
        }
        .grid_8 {
            width: 476px
        }
        .grid_9 {
            width: 538px
        }
        .grid_10 {
            width: 600px
        }
        .grid_11 {
            width: 662px
        }
        .grid_12 {
            width: 724px
        }
    }
    @media only screen and (min-width:480px) and (max-width:767px) {
        .grid_1,
        .grid_2,
        .grid_3,
        .grid_4,
        .grid_5,
        .grid_6,
        .grid_7,
        .grid_8,
        .grid_9,
        .grid_10,
        .grid_11,
        .grid_12 {
            width: 440px
        }
    }
    @media only screen and (min-width:320px) and (max-width:479px) {
        .grid_1,
        .grid_2,
        .grid_3,
        .grid_4,
        .grid_5,
        .grid_6,
        .grid_7,
        .grid_8,
        .grid_9,
        .grid_10,
        .grid_11,
        .grid_12 {
            width: 280px
        }
    }
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .container {
            width: 960px
        }
        .logo img {
            width: 140px
        }
        .leftnavigation li {
            margin: 0 15px;
            border-top: 0
        }
        .rightnavigation li {
            margin: 0 15px;
            border-top: 0
        }
        nav {
            margin: 25px 20px 20px
        }
        #services img {
            margin: 20px 0 0 100px;
            float: none
        }
        #services p {
            margin-bottom: 20px
        }
        #services h2,
        #services p {
            text-align: center
        }
        .element {
            width: 298px!important;
            height: 293px!important
        }
        .logoprice,
        .ribbon {
            width: 220px
        }
        .ribbon span {
            display: none
        }
        .price {
            width: 210px
        }
        .price ul li p {
            width: 150px
        }
        .triangle {
            height: 39px; 
            .team,.bordertopteam{width:218px}.team h2{margin:115px 20px 10px}.socialteam img{margin-top:7px;width:40px}.socialteam{//background-image:url("../img/section-team/imgbottomteam220.png")}#operator{display:none}#allprogresbar{width:340px}.progresbar div{width:290px}.skilldescription img{display:none}#oursocial .grid_2 img{width:100px}}@media only screen and (min-width:768px) and (max-width:959px){.container{width:744px}.logo img{width:104px;margin-top:20px}nav{margin:25px 20px 20px}nav ul li{border-top:0}#services img{margin:20px 0 0 64px;float:none}#services p{margin-bottom:20px}#services h2,#services p{text-align:center}.element{width:350px!important;height:327px!important}#sectionprices .grid_3{width:352px}.logoprice,.ribbon{width:352px}.price{width:342px}.price ul li p{width:282px}.triangle{height:62px;//background-image:url(../img/section-prices/triangle352.png)}#sectionteam .grid_3,.socialteam{width:352px}.team,.bordertopteam,.avatar{width:350px}.socialteam{//background-image:url("../img/section-team/imgbottomteam352.png")}#operator{display:none}#allprogresbar{width:312px}.progresbar div{width:262px}.skilldescription img{display:none}.skilldescription{margin:10px 20px}#sectionskills .grid_5{width:352px!important}.clip{display:none}#oursocial .grid_2 img{width:64px}}@media only screen and (min-width:480px) and (max-width:767px){body{-webkit-text-size-adjust:none}.container{width:460px}.logo{height:auto;text-align:center}.logo img{position:relative}nav{margin:25px 20px 20px}nav ul li,nav,nav ul,nav a{width:100%;margin:0}nav a{padding:20px 0;text-align:center}nav ul li{border-top:0}.lefttestimonials h2,.lefttestimonials p,.righttestimonials h2,.righttestimonials p{text-align:center}#darkfilter{background:0}.lefttestimonials{border-bottom:1px solid #fff}.lefttestimonials p{margin-bottom:40px!important}.righttestimonials h2{margin-top:40px!important}.element{width:438px!important;height:385px!important}.skilldescription{text-align:center}.skilldescription img{float:none;margin-bottom:10px}#operator{display:none}.clip{display:none}#allprogresbar{width:400px}.progresbar div{width:350px}.logoprice,.ribbon{width:440px}.price{width:430px}.price ul li p{width:370px}.triangle{height:78px;//background-image:url(../img/section-prices/triangle440.png)}.socialteam{width:440px}.team,.bordertopteam,.avatar{width:438px}.socialteam{//background-image:url("../img/section-team/imgbottomteam440.png")}#oursocial{text-align:center}}@media only screen and (min-width:320px) and (max-width:479px){body{-webkit-text-size-adjust:none}.container{width:300px}.logo{height:auto;text-align:center}.logo img{position:relative}nav{margin:25px 20px 20px}nav ul li,nav,nav ul,nav a{width:100%;margin:0}nav a{padding:20px 0;text-align:center}nav ul li{border-top:0}#services img{margin:20px 0 0 90px;float:none}#services p{margin-bottom:20px}#services h2,#services p{text-align:center}.lefttestimonials h2,.lefttestimonials p,.righttestimonials h2,.righttestimonials p{text-align:center}#darkfilter{background:0}.lefttestimonials{border-bottom:1px solid #fff}.lefttestimonials p{margin-bottom:40px!important}.righttestimonials h2{margin-top:40px!important}.element{width:280px!important;height:281px!important}#operator{display:none}.clip{display:none}#allprogresbar{width:240px}.progresbar div{width:190px}.skilldescription{text-align:center}.skilldescription img{float:none;margin:0 0 10px 0}#oursocial{text-align:center}#markers{width:320px;height:557px;position:absolute;z-index:1;left:50%;margin-left:-160px;margin-top:116px}#bigmarker{width:220px;//background-image:url(../img/section-contact/bigmarkermobile.png);padding:50px;background-repeat:no-repeat}}
            .isotope-item {
                z-index: 2
            }
            .isotope-hidden.isotope-item {
                pointer-events: none;
                z-index: 1
            }
            .isotope,
            .isotope .isotope-item {
                -webkit-transition-duration: .8s;
                -moz-transition-duration: .8s;
                -ms-transition-duration: .8s;
                -o-transition-duration: .8s;
                transition-duration: .8s
            }
            .isotope {
                -webkit-transition-property: height, width;
                -moz-transition-property: height, width;
                -ms-transition-property: height, width;
                -o-transition-property: height, width;
                transition-property: height, width
            }
            .isotope .isotope-item {
                -webkit-transition-property: -webkit-transform, opacity;
                -moz-transition-property: -moz-transform, opacity;
                -ms-transition-property: -ms-transform, opacity;
                -o-transition-property: -o-transform, opacity;
                transition-property: transform, opacity
            }
            .isotope.no-transition,
            .isotope.no-transition .isotope-item,
            .isotope .isotope-item.no-transition {
                -webkit-transition-duration: 0s;
                -moz-transition-duration: 0s;
                -ms-transition-duration: 0s;
                -o-transition-duration: 0s;
                transition-duration: 0s
            }
            .isotope.infinite-scrolling {
                -webkit-transition: none;
                -moz-transition: none;
                -ms-transition: none;
                -o-transition: none;
                transition: none
            }
            #containerisotope {
                margin-bottom: 0;
                padding: 0;
                float: left;
                width: 100%
            }
            .element {
                width: 278px;
                height: 281px;
                margin: 10px;
                float: none;
                overflow: hidden;
                position: relative;
                background-color: #f5f5f5;
                border: 1px solid #ededed;
                display: block
            }
            .element img,
            .element h2,
            .element p {
                width: 100%;
                float: left;
                text-align: center
            }
            .element p {
                margin: 5px 0
            }
            .clear:before,
            .clear:after {
                content: "";
                display: table
            }
            .clear:after {
                clear: both
            }
            .clear {
                zoom: 1
            }
            @media only screen and (min-width:960px) and (max-width:1199px) {
                .container {
                    width: 960px
                }
                .logo img {
                    width: 140px
                }
                .leftnavigation li {
                    margin: 0 15px;
                    border-top: 0
                }
                .rightnavigation li {
                    margin: 0 15px;
                    border-top: 0
                }
                nav {
                    margin: 25px 20px 20px
                }
                #services img {
                    margin: 20px 0 0 100px;
                    float: none
                }
                #services p {
                    margin-bottom: 20px
                }
                #services h2,
                #services p {
                    text-align: center
                }
                .element {
                    width: 298px!important;
                    height: 293px!important
                }
                .logoprice,
                .ribbon {
                    width: 220px
                }
                .ribbon span {
                    display: none
                }
                .price {
                    width: 210px
                }
                .price ul li p {
                    width: 150px
                }
                .triangle {
                    height: 39px;
                    .team,.bordertopteam{width:218px}
                    .team h2{margin:115px 20px 10px}
                    .socialteam img{margin-top:7px;width:40px}
                    .#operator{display:none}#allprogresbar{width:340px}
                    .progresbar div{width:290px}
                    .skilldescription img{display:none}#oursocial .grid_2 img{width:100px}}
                    @media only screen and (min-width:768px) and (max-width:959px){
                    .container{width:744px}.logo img{width:104px;margin-top:20px}nav{margin:25px 20px 20px}nav ul li{border-top:0}#services img{margin:20px 0 0 64px;float:none}#services p{margin-bottom:20px}#services h2,#services p{text-align:center}.element{width:350px!important;height:327px!important}#sectionprices .grid_3{width:352px}.logoprice,.ribbon{width:352px}.price{width:342px}.price ul li p{width:282px}.triangle{height:62px;//background-image:url(../img/section-prices/triangle352.png)}#sectionteam .grid_3,.socialteam{width:352px}.team,.bordertopteam,.avatar{width:350px}.socialteam{//background-image:url("../img/section-team/imgbottomteam352.png")}#operator{display:none}#allprogresbar{width:312px}.progresbar div{width:262px}.skilldescription img{display:none}.skilldescription{margin:10px 20px}#sectionskills .grid_5{width:352px!important}.clip{display:none}#oursocial .grid_2 img{width:64px}}@media only screen and (min-width:480px) and (max-width:767px){body{-webkit-text-size-adjust:none}.container{width:460px}.logo{height:auto;text-align:center}.logo img{position:relative}nav{margin:25px 20px 20px}nav ul li,nav,nav ul,nav a{width:100%;margin:0}nav a{padding:20px 0;text-align:center}nav ul li{border-top:0}.lefttestimonials h2,.lefttestimonials p,.righttestimonials h2,.righttestimonials p{text-align:center}#darkfilter{background:0}.lefttestimonials{border-bottom:1px solid #fff}.lefttestimonials p{margin-bottom:40px!important}.righttestimonials h2{margin-top:40px!important}.element{width:438px!important;height:385px!important}.skilldescription{text-align:center}.skilldescription img{float:none;margin-bottom:10px}#operator{display:none}.clip{display:none}#allprogresbar{width:400px}.progresbar div{width:350px}.logoprice,.ribbon{width:440px}.price{width:430px}.price ul li p{width:370px}.triangle{height:78px;//background-image:url(../img/section-prices/triangle440.png)}.socialteam{width:440px}.team,.bordertopteam,.avatar{width:438px}.socialteam{//background-image:url("../img/section-team/imgbottomteam440.png")}#oursocial{text-align:center}}@media only screen and (min-width:320px) and (max-width:479px){body{-webkit-text-size-adjust:none}.container{width:300px}.logo{height:auto;text-align:center}.logo img{position:relative}nav{margin:25px 20px 20px}nav ul li,nav,nav ul,nav a{width:100%;margin:0}nav a{padding:20px 0;text-align:center}nav ul li{border-top:0}#services img{margin:20px 0 0 90px;float:none}#services p{margin-bottom:20px}#services h2,#services p{text-align:center}.lefttestimonials h2,.lefttestimonials p,.righttestimonials h2,.righttestimonials p{text-align:center}#darkfilter{background:0}.lefttestimonials{border-bottom:1px solid #fff}.lefttestimonials p{margin-bottom:40px!important}.righttestimonials h2{margin-top:40px!important}.element{width:280px!important;height:281px!important}#operator{display:none}.clip{display:none}#allprogresbar{width:240px}.progresbar div{width:190px}.skilldescription{text-align:center}.skilldescription img{float:none;margin:0 0 10px 0}#oursocial{text-align:center}#markers{width:320px;height:557px;position:absolute;z-index:1;left:50%;margin-left:-160px;margin-top:116px}#bigmarker{width:220px;//background-image:url(../img/section-contact/bigmarkermobile.png);padding:50px;background-repeat:no-repeat}}
                    #spostamentos-logo {
                        position: relative; //float:right;//display:inline;margin-left:10%}