body {
}

.portfolio-column-4-area .portfolio-column-text {
    padding: 12px 12px;
}
.portfolio-column-text p { text-align:left;}

.col-md-12 {
    display: none;
}

.col-md-3 {
    width: 25%;
}
.portfolio-column-content .mix {
display:block !important;
}



.company-area {
    background: #FFFFFF;
}
.awesome-img img {width:100%;}

.offer-icon i {margin:0 5px;}



@media (max-width: 900px){
    .single-awesome-portfolio { width: 50%;    }   
}

@media (max-width: 600px){
    .single-awesome-portfolio { width: 100%;    }   
}

.footer-menu { text-transform:uppercase;
}


.form-contatti div.separator { clear:both; height:3px;
}
.form-contatti div.separator2 { clear:both; height:12px;
}

.form-contatti span.etichetta { color:#444;
}

.form-contatti input.textbox, .form-contatti textarea.textbox {
        height: 38px;
    width: 100%;
    max-width:500px;
    background: #fff;
    border: none;
    border: 1px solid #ddd;
    padding-left: 10px;
}

.form-contatti textarea.textbox { height:85px;
}

.form-contatti input[type=submit].readon { margin-top:10px;
}

    .form-contatti input[type=submit].readon.loading { display:none;
    }

.form-contatti span.validator{ font-weight:bold; color:red; margin-left:3px;}
.form-contatti span.emailvalidator { font-weight:bold; color:red;  margin-left:0px;    }
.form-contatti div.form_tipo_Flag input[type=checkbox]  { float:left; display:block;  margin-right:4px;}
.form-contatti div.form_tipo_Flag .etichetta { font-weight:bold; }

.single-awesome-portfolio {
    width: 33.3%;
    float: left;
    overflow: hidden;
}


.tparrows.preview3 .tp-arr-titleholder {
display:none;
}

.pages-area {
background-image:url(../img/03.jpg);
}
.portfolio-column-photo img {
height:120px;
width:auto;
margin:0 auto;
display:block;
}



/*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*/
.news {float:left; margin:30px 0;}
.news-img {
width:20%;
height:200px;
float:left;
display:block;
background-image:url(../images/blog1.jpg);
background-size:cover;
background-position:center center;
margin-right:3%;
}

.news h2 {
position:relative;
float:left;
width:77%;
}
.news h2:before {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #ddd 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
bottom: -18px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: bottom 0.25s ease-in-out 0s;
width: 100%;
}


.news p {height:80px; overflow:hidden; float:left; width:77%;  margin-top:15px;}
.news .read-more {border:2px solid #ddd; padding:5px 15px; margin-top:9px; font-weight:600; color:#808080; float:left; 
transition:300ms all;
-webkit-transition:300ms all;
-o-transition:300ms all;
-moz-transition:300ms all;
}
.news .read-more:hover {background-color:#808080; border-color:#808080; color:white; cursor:pointer;}


@media all and (max-width: 776px){

    .news-img {
    width:25%;
    height:70px;
    margin:0 4% 0 0  ;

    width:100%;
    height:140px;
    margin:0 0 20px 0;
    }
    .news h2 {
    width:71%;
    font-size:22px;
    line-height:26px;

    width:100%;
    }
    .news p {
    width:100%;
    }
    .news .read-more{
    margin:5px 0%;
    padding:5px 0;
    box-sizing:border-box;
    border:none;
    }
    .news .read-more:hover{
    padding:5px 15px;
    }
}

@media all and (max-width: 479px) {
    .news {
        margin-bottom: 20px;
    }

    .news-img {
        width: 100%;
        height: 140px;
        margin: 0 0 20px 0;
    }

    .news h2 {
        width: 100%;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }

    .news p {
        display: none;
    }

    .news .read-more {
        text-align: center;
        width: 100%;
    }

        .news .read-more:hover {
            padding: 5px 0;
        }
}

/*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*//*NEWS*/






/*CONTATTI*/

.contatti {
margin:0px 50px;
width:400px;
float:right;
}

.contatti_sx {
float:left; width:400px; display:block; min-height:500px;
}
.contatti label {
font-weight:400;
margin:5px;
}

.contatti .label, .contatti .text   {
width:260px;
font-size:14px;
color:#808080;
font-weight:400;
line-height:25px;
height:25px;
margin-bottom:5px;
margin-top:10px;
text-align:left;
}

.contatti .input1, .contatti select, .contatti input{
font-size:15px;
margin-bottom:5px;
margin-top:0px;
font-weight:400;
line-height:40px;
height:40px;
width:100%;
margin:0 0;
border:1px solid #ededed;
border-radius:3px;
display:block;
}
.contatti .validator{float:left; margin:5px 0 0 -20px;}

.contatti textarea{
font-size:15px;
margin-bottom:5px;
margin-top:5px;
font-weight:400;
line-height:20px;
height:100px;
width:100%;
border:1px solid #ededed;
border-radius:3px;
}


.contatti .invia {
margin:40px 0;
background-color:#005a87;
color:white;
text-align:center;
width:80px;
height:35px;
line-height:35px;
border-radius:3px;
border:1px solid #393939;
padding:0px 20px;
}

.contatti .invia:hover{cursor:pointer;}

.lavora_con_noi {
background-image:url(../img/lavora_con_noi.png);
background-position:right top;
background-repeat:no-repeat;
}

label {font-size:14px;}




.techstyle {
color:white;
background-image:url(../images/techstyle_white.png);

float:right;
background-position:right center;
background-repeat:no-repeat;
padding:0 35px 0 20px;
}

@media (max-width:992px){
    .techstyle {
        width:150px;
        display:block;
        margin:20px auto;
        float:none;
    }
}

div.gallery
{
    display:inline-block;
}
.gallerythu { width:120px; height:120px; background-color:#ffffff; background-position:center center;
              background-size:cover;  background-repeat:no-repeat;
              border:3px solid #COLORE2;  float:left; display:inline-block; margin:5px;
}

div.galleryclear{ clear:both; width:100%;}


.fancybox-overlay { z-index:8010;
}

@media (max-width: 900px){
    .single-awesome-portfolio { width: 50%;    }   
}

@media (max-width: 600px){
    .single-awesome-portfolio { width: 100%;    }   
}

.footer-menu { text-transform:uppercase;
                display:none;
}