/* GENERAL STYLES */

@font-face {
    font-family: "montserrat-bold";
    src: url("../fonts/Montserrat-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

html body{

}
body{
    /*background-color:#FCFCFC;*/
    background-color:#FbFbFb;
}

.b{
    border:#900 solid 1px;
}
.b1{
    border:#0F6AD8 solid 1px;
}
.b2{
    border:rgb(8, 156, 3) solid 1px;
}

body,
div,span,p
li,ol,
td{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;    
    color:#282828;
}
h1,h2,h3{
    margin:0px;
}
h1{
    font-family: "montserrat-bold";
    color:#393939;
    font-size:60px;
    text-transform: uppercase;
}
h2{
    font-family: "montserrat-bold";
    color:#484848;
    font-size:48px;
    text-transform: uppercase;
}
h3{
    font-family: "montserrat-bold";
    color:#484848;
    font-size:30px;
}
a,
a:hover,
a:visited,
a:active
{
    color:#0F6AD8;
    text-decoration: underline;
}
a.btn{
    text-decoration: none;
    border-radius: 0px;
}
a.btn.btn-primary{
    background:#0F6AD8;
    border:#0F6AD8 1px solid;   
    color:#fff; 
}
.send-button{
    height:50px;
    line-height: 50px;
    display:block;    
    padding:0px;
    padding-left:17px;
    padding-right:17px;
    float:right;
}
.technology,
.feedback{
    background:#fff;
}
.technology .items{

}
.technology .items a{
    display:block;
    float:left;
}
.technology .title{
    height:50px;
}
.technology .title h3{
    line-height: 50px;
}
.technology .icon,
.works .icon{
    text-align: right;    
}
.technology .icon img,
.works .icon img{
    display:inline;
}

.info{

}
.info .right{
    text-align: right;
}

.thumbnail{
    border:0px;
    background: none;
}
.title-main{
    height:73px;
    line-height:73px;
    padding:0px;
    margin:0px;
}
.feedback{
    padding:0px;
}
ol{
    padding-left:0px;
}
ol li{
    list-style-type:none;
    margin-bottom:20px;
}
.works{

}
.works .number{
    text-align: right;
    font-family: "montserrat-bold";
    font-size: 36px;
    color:#727272;
    margin-top:-8px;
}
.works .row{
    margin-bottom: 40px;
}

.line-list{
}
.line-list .spacer{
    height:20px;
    display:block;
    clear:both;
}
.line-list .line{
    display:block;
    clear:both;
}
.line-list .line .left,
.line-list .line .right
{
    display:block;
    float:left;
    line-height:24px;
}
.line-list .line .left{
    width:20%;
    text-align: right;
    padding-right:8px;
    font-size:14px;
}
.line-list .line .right{
    width:80%;
}

.mt0{
    margin-top:20px;
}
.mt{
    margin-top:40px;
}
.mt2{
    margin-top:80px;
}
.mt3{
    margin-top:120px;
}


/* TN */

@media (min-width: 320px) and (max-width: 384px) {
    h1{
        font-size: 48px;
        border:#900 solid 1px;
    }
}

/* XXS */

@media (min-width: 385px) and (max-width: 479px) {
    h1{
        font-size: 36px;        
    }
    .title-main{
        line-height: 36px;
        height:auto;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 18px;
    }
    .mt0{
        margin-top:10px;
    }
    .mt{
        margin-top:20px;
    }
    .mt2{
        margin-top:40px;
    }
    .mt3{
        margin-top:60px;
    }
    .info .right{
        text-align: left;
    }
}

/* XS */

@media (min-width: 480px) and (max-width: 767px) {
    h1{
        font-size: 36px;
    }
    .title-main{
        line-height: 36px;
        height:auto;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 18px;
        /*border:#900 solid 1px;*/
    }
    .mt0{
        margin-top:15px;
    }
    .mt{
        margin-top:30px;
    }
    .mt2{
        margin-top:60px;
    }
    .mt3{
        margin-top:90px;
    }
}

/* SM */

@media (min-width: 768px) and (max-width: 992px) {

}

/* MD */

@media (min-width: 993px) and (max-width: 1199px) {

}

/* LG */

@media (min-width: 1200px) and (max-width: 1599px) {

}

/* XL */

@media (min-width: 1600px) and (max-width: 1920px) {

}