html, body {
    height: 100%;
}
body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #555;
    background-color: #ffffff;
}
body #wrapper, body #footer-wrapper {
    overflow: hidden;
    position: relative;
}
a {
     -webkit-transition: 0.5s all ease;
     -moz-transition: 0.5s all ease;
     -o-transition: 0.5s all ease;
     transition: 0.5s all ease;
     color: #1c1d21;
     text-decoration: none;
 }
a:hover {text-decoration: underline;}
img {
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.gallery img { width: 100%;}
p {
    color: #333;
    font-size: 22px;
    line-height: 34px;
    margin-top: 5px;
}

h1, h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #1c1d21;
    font-size: 32px;
    line-height: 42px;
}
h2 {
    font-size: 22px;
}
h3{
    color: #8E8E8E;
    font-style: italic;
    margin-bottom: 0;
    font-weight: 100;
}
h4{
    font-size: 32px;
    color: #ED6E23;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    margin: 0;

}
h5, h6 {
    color: #1c1d21;
    margin-top: 0;
    margin-bottom: 0;
    text-rendering: optimizelegibility;
}


article, aside, details, figcaption, figure, footer, header, nav, section {
    display: block;
}


.moduletable {margin-bottom: 40px;}
.moduletable:before, .moduletable:after {
    display: table;
    content: "";
    line-height: 0;
}
.moduletable:after {
    clear: both;
}
.moduletable.span12:last-child {margin-bottom: 0;}



.container {
    margin-right: auto;
    margin-left: auto;
}
.container ul{
    list-style-type: none;
    padding-left: 0;
}
.container ul li{line-height: 40px;}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    /*width: 920px;*/
    width: auto;
}
.container.block img{padding: 20px 0}
.container.block .gallery img,
.container.block .developers img,
.container.block.brands img
{padding: 0}
/*.container:before, .container:after {*/
/*display: table;*/
/*content: "";*/
/*line-height: 0;*/
/*}*/
.block {
    /*padding: 0 80px 20px;*/
    padding: 30px 80px 50px;
}

/*.first {*/
    /*padding-top: 155px;*/
    /*padding-bottom: 40px;*/
/*}*/
.block:last-child {
    padding-bottom: 115px;
}

/*.row {*/
    /*margin-left: -20px;*/
/*}*/

.row:before, .row:after {
    display: table;
    content: "";
    line-height: 0;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid [class*="itemSpan"], .row-fluid [class*="span"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 0;
    min-height: 1px;
    /*padding-left: 30px;*/
    width: 100%;
}
.row-fluid .itemSpan6, .row-fluid .span6 {
    width: 49.99995%;
}

/*[class*="span"] {*/
    /*float: left;*/
    /*min-height: 1px;*/
    /*margin-left: 20px;*/
/*}*/
.span2 {
    width: 140px;
}
/*.span3 {*/
    /*width: 180px;*/
    /*box-sizing: border-box;*/
    /*padding: 10px;*/
/*}*/
.span3 {
    width: 25%;
}
.span4 {
    width: 33%;
}
.span6 {
    width: 50%;
}
.cols-4 [class*="span"] {
    width: 24.999975%;
}
.span10 {
    width: 780px;
}
.offset1 {
    margin-left: 100px;
}

/*.col-sm-4,.col-sm-8 {*/
    /*float:left;*/
/*}*/
/*.col-sm-4 {*/
    /*width: 33.33333333%;*/
/*}*/
/*.col-sm-8 {*/
    /*width: 66.66666667%;*/
/*}*/

/*.col-xs-12 {width:100%}*/





/*TOP*/
#top.scroll-to-fixed-fixed {
    -webkit-box-shadow: 0 3px 10px -3px #000000;
    -moz-box-shadow: 0 3px 10px -3px #000000;
    box-shadow: 0 3px 10px -3px #000000;
}
#top {
    position: fixed;
    background: #1c1d21;
    width: 100%;
    padding: 16px 20px 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 0 0 #000000;
    -moz-box-shadow: 0 0 0 0 #000000;
    box-shadow: 0 0 0 0 #000000;
    z-index: 999;
}
#top .container {
    position: relative;
}
#top .home_menu {
    margin-bottom: 0;
    padding-top: 12px;
    float: right;
}
.scroll-to-fixed-fixed {
    padding: 20px 0;
    z-index: 1011 !important;
}
.stuck {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #1c1d21;
    width: 100% !important;
    z-index: 1005 !important;
}
#logo a {
    display: inline-block;
    max-width: 100%;
}

/*SHOWCASE*/
#showcase {
    background: url("../images/bg-1.jpg") fixed no-repeat;
    font-family: 'Roboto', sans-serif;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 220px 40px 120px;
    font-weight: 100;
    text-align: left;
}
#showcase .container { margin-top: 80px;}

#showcase .moduleTitle {
    color: #1c1d21;
    font-size: 56px;
    line-height: 56px;
}
#showcase .item_introtext {
    color: #333;
    font-size: 28px;
    line-height: 36px;
}

#our-works{
    float: left;
    width: 100%;
    overflow: hidden;
    background-color: #525252;
}
#our-works h2 {
    color: #fff;
    margin: 50px 0 28px;
}

/*MAINTOP*/
#maintop {
    background: #1c1d21;
    padding-top: 60px;
    padding-bottom: 0;
}
#maintop .tabs-home {
    text-align: center;
    margin-bottom: 0;
}


/*FOOTER*/
#footer {
     color: #fff;
     background: #1c1d21;
     width: 100%;
     float: left;
     overflow: hidden;
 }
#footer.block {padding: 0 20px 20px;}

#footer h2 { color: #bcbcbc;}
address{
     font-style: normal;
     font-size: 20px;
     line-height: 40px;
 }

address .row{margin-bottom: 40px;}

address .col-md-3 .street-address, address .col-md-3 .email {
    white-space: nowrap;
    font-size: 18px;
}
address .col-xs-12, address .col-sm-6 {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 970px){
    address .container {max-width: 680px;}
    address .col-xs-12 {font-size: 25px;}
}


#footer address a{color: #919191}

#footer .span6{
    background: #484a54;
    padding: 11px 0;
}
#footer .span6 a{
    color: #999;
}
.section{margin-bottom: 20px}

.note{
     color: #C5C5C5;
     font-weight: 400;
 }

address .note{ color: #676767; }

.copyright{
    margin: 60px 0px 10px;;
    color: #aaa;
}


/*GALLERY*/
.gallery .module-title {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 39px;
    font-weight: 100;
    padding-bottom: 40px;
    line-height: 36px;
}
.gallery h2 {
    color: #dedede;
    text-align: right;
}
.gallery .item_introtext {
    color: #afafaf;
    text-align: left;
}

.gallery .row-fluid {margin: 20px 5px;}

.gallery .brand {
    font-size: 14px;
    color: #bfbfbf;
    text-align: left;
    margin-top: 19px;
}
.gallery .title {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #eeeeee;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 24px;
}
.gallery .technology {
    font-size: 11px;
    color: #fff;
    text-align: left;
    line-height: 17px;
    background-color: #767676;
    padding: 2px 6px;
    border-radius: 10px;
    float: left;
    margin: 4px 4px 5px 0;
}

.gallery-new .title {
    color: #757575;
    float: left;
    line-height: 15px;
}
.gallery-new .technology {
    float: right;
    background-color: #adb1b3;
    line-height: 9px;
    margin: 0 4px 5px 0;
    padding: 2px 11px;
 }
.gallery-new .brand {
    color: #000;
    line-height: 21px;
    font-weight: 500;
}

.gallery-new img{
    width: 100%;
    border: 1px #f1f1f1 solid;
}

.gallery-new .span12 {
    max-width: 980px;
    margin: 0 auto;
    float: none;
}

.sub-block {
    background: #767676;
    width: auto !important;
}
.sub-block h2{
    color: #fff;
}



.img-full__left {
    max-width: 100%;
    width: 100%;
}
.item_img a,
.category_img a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
figure {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
figure img {
    width: 100%;
}
figure .item_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #1c1d21;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
figure .item_overlay:before {
    width: 0;
    height: 1px;
}
figure .item_overlay:after {
    width: 1px;
    height: 0;
}
/*.tab-content > .tab-pane, .pill-content > .pill-pane {*/
    /*display: none;*/
/*}*/
/*.fade {*/
    /*opacity: 0;*/
    /*-webkit-transition: opacity 0.15s linear;*/
    /*-moz-transition: opacity 0.15s linear;*/
    /*-o-transition: opacity 0.15s linear;*/
    /*transition: opacity 0.15s linear;*/
/*}*/
.tabs-home {
    text-align: center;
    margin-bottom: 0;
}
/*.img-full__left {*/
    /*max-width: 100%;*/
    /*width: 100%;*/
/*}*/
/*article {*/
    /*float: left;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*position: relative;*/
/*}*/



.team {
    padding-top: 110px;
}

.team .row {
    margin-bottom: 38px;
}
.team ul {
    padding-left: 0;
}

.team ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-bottom: 36px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    font-size: 17px;
    height: 169px;
}
.team li img {
    width: 120px;
    border-radius: 60px;
    display: block;
    margin: 37px auto 15px;
}
.team .tags {
    line-height: 24px;
    text-align: center;
}

.team .tag, .our-team .tag {
     color: #e0e0e0;
     background-color: #5D6269;
     padding: 4px 10px;
     border-radius: 16px;
     width: auto;
     white-space: nowrap;
     font-size: 13px;
     text-decoration: none;
 }
.team .tag:hover, .our-team .tag:hover, .our-team .tag.active {
    color: #ffffff;
    background-color: #dea200;
    cursor: pointer;
}
@media (max-width: 970px) {
    .team .tags .small {
        display:none;
    }
}
.team .tags .small a {
    background-color: #71767d;
    font-size: 9px;
}
.team .tags a:hover, .team .tags a.active {
    color: #ffffff;
    background-color: #dea200;
}

.introduction{
    font-size: 28px;
    font-weight: 400;
}

.tags {line-height: 50px;}

.tags span {
    color: #ffffff;
    background-color: #5D6269;
    padding: 4px 31px;
    border-radius: 16px;
    width: auto;
    white-space:nowrap;
}

.brands img {
    background-color: #fff;
    border-radius: 92px;
    margin: 4px 12px;
    width: 146px;
}
/*.expertise {*/
    /*float: left;*/
    /*width: auto !important;*/
/*}*/

.center-cropped {
    /*width: 1608px;*/
    height: 344px;
    background-position: center center;
    background-repeat: no-repeat;
}

.expertise  .icon {
    width: 120px;
    height: 120px;
    background-size: cover;
    margin: 0 auto;
}
.expertise  p {
    font-size: 16px;
    line-height: 22px;
    /*text-align: left;*/
    padding: 0 12px 50px;
    /*-webkit-hyphens: auto;*/
    /*-ms-hyphens: auto;*/
    /*hyphens: manual;*/
    /*overflow: hidden;*/
    /*word-break: break-all;*/
}

.big-data {
    background: url("../images/icons.png") no-repeat 0px 0px;
}
.e-commerce {
     background: url("../images/icons.png") no-repeat -120px 0px;
 }
.security {
    background: url("../images/icons.png") no-repeat -240px 0px;
}
.mobile {
    background: url("../images/icons.png") no-repeat -360px 0px;
}

.container.first {
    padding-top:    110px;
    padding-bottom: 6px;
}

.our-team li{display: inline-block;}
.our-team img {
    background-color: #fff;
    border-radius: 92px;
    margin: 4px 12px;
    width: 146px;
    transition: 0.1s all ease;
}
.our-team img:hover {
    border: 4px solid #ffc832;
}

.testimonials .col-xs-12.col-sm-6 {
    border-left: 5px solid #eee;
    text-align: left;
}
.testimonials .col-xs-12.col-sm-6 strong {
    color: #6a6a6a;
}

.testimonials .author { margin-top: 14px;}
.testimonials .author:before { content: '\2014 \00A0'; }


@media (max-width: 767px){
    .container  {padding: 30px 36px;}
    .rd-mobilepanel_title {
        background-size: 100%;
        margin: 1px 0 0 56px;
        width: 244px;
    }
    .rd-mobilepanel_toggle {
        top: 11px;
        left: 11px;
    }
    #showcase {padding: 5px 10px 120px;}
    .container.first {
        padding-top: 50px;
        padding-bottom: 0;
    }

}