body {
    padding-top: 70px;
    margin-bottom: 60px;
    background:#FFF;
    background-image:url(../img/noise.png);
    height:100%;
    padding-bottom: 100px;
    font-family: 'Raleway', sans-serif !important;
}

img{
    image-rendering:optimizeQuality;
    -ms-interpolation-mode:bicubic;
}

::-webkit-scrollbar{
      background:transparent;
}
::-webkit-scrollbar-thumb{
      background:#dfdfdf !important;
}


/* Navbar styling */

.navbar{
    background:#FFF;
    background-image:url(../img/noise.png);
    border:0;
    padding-top:5px;
    margin-bottom:0px !important;
}

.navbar-fixed-top{
    height:60px;
}

.navbar-brand{
    background: url(../img/headimg_c.png) no-repeat 173px;
    padding-right:50px;
    margin-left:12px !important;
    background-size: 42px;
    font-size:24pt;
    transition: 0.3s ease-in-out;
}

.active{
    background:#f5f5f5;
    border-bottom:3px #37A0DE solid !important;
    padding-bottom:12px !important;
}

.navbar-brand:hover{
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
    -moz-filter: brightness(1.15);
    transition: 0.1s ease-in-out;
}

.dropdown-menu{
    margin-top:5px !important;
    border-top:0px !important;
    background:url(../img/noise.png);
    background-color:#fff;
}

.dropdown-menu a{
    color:#37A0DE !important;
}

.navbar-right{
    background:transparent !important;
}

.navbar-nav{
    margin:0px 0px;
}

.navbar-toggle{
    margin-right:30px;
    border-radius:0px;
    border-color:#f5f5f5 !important;
    background-color:#f5f5f5;
    transition:0.3s ease-in-out;
}

.navbar-toggle:hover{
    transition:0.1s ease-in-out;
}

.icon-bar{
    background-color:#37A0DE !important;
}

.navbar-default .navbar-brand{
    color:#37A0DE;
}

.navbar-default .navbar-brand:hover{
    color:#37A0DE;
}

.navbar-default .navbar-nav>li{
    background:#FFF;
    background-image:url(../img/noise.png);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color:#f9f9f9;
}

.navbar-default .navbar-nav>li>a{
    color:#37A0DE;
    font-size:14px;
    text-transform:uppercase;
    font-family:"Helvetica Neue","Arial","sans-serif";
    transition: 0.3s ease-in-out;
    padding-bottom:12px;
    border-bottom:3px transparent solid;
}

.navbar-default .navbar-nav>li>a:hover{
    color:#535353;
    background-color:#f6f6f6;
    transition: 0.1s ease-in-out;
    border-bottom:3px #dfdfdf solid;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border:0px;
}

/* Content */
p, a{
    font-size:12pt;
}

.grey{
    background-image:url(../img/noise.png);
    background:#FFF;
}

.blog a p{
    color:#37A0DE !important;
    text-decoration:underline;
}

.container h2{
    padding-left:15px;
}

.container .btn{
    padding-left:15px;
}

@media all and (max-width:768px){
    .container{
        padding-left:0px;
        padding-right:0px;
    }
}

.container{
    padding-left:0px !important;
    padding-right:0px !important;
}

h4{
    font-weight:bold;
    color:#37A0DE;
}

h1{
    margin:10px 0 10px -2px !important;
}

.content_1, .content_2, .content_3{
    display:;
}

/* Title */
.title h1{
    font-size:24pt;
    color:#37A0DE;
}


/* Contact list */
.contact, .software{
    border:0px;
    height:auto;
}

.contact iframe{
    width: 102.5%;
    height:645px;
}

.contact ul{
    list-style:none;
    margin-left:-40px;
}

.contact .grey{
    padding-top:10px;
    padding-bottom:10px;
}

ul{
    font-size:12pt;
    padding-bottom:20px;
}

.pad-left{
    margin-left:74px;
}

/* Jumbotron styling */

.jumbotron{
    background:rgba(255,255,255,0.8);
    background-image:url(../img/noise.png);
    padding:30px !important;
    margin-top:20px;
    width:100%;
    border-radius:0px !important;
}


.jumbotron p{
    color:rgb(84, 84, 84);
    font-size:16pt;
    line-height:20px;
}

.jumbotron h1{
    color:#37A0DE;
    font-size:50px;
}

.jumbotron ul{
    list-style:none;
}

.jumbotron li{
    color:#444;
    font-size:14pt;
}

.jumbotron li::before{
    content: "• ";
    color: #37A0DE;
    font-size:17pt;
}

@media all and (max-width:768px){
    .btn {width:100%;
        margin-bottom:3px;
    }
}

p.small{ font-size:12pt }
p.blue{ color:#37A0DE }
a p{ color:#37A0DE !important;}

.dg_large{
    font-size:24pt;
    color:#37A0DE;
    background: url(../img/headimg_c.png) no-repeat 285px;
    background-size: 80px;
}

.blog{
    background:#f0f0f0;
}

.blog-post{
    border:0px;
    border-radius:10px;
    padding:15px;
    margin-bottom:30px;
}

/* Content */
.btn{
    white-space:normal;
}

.btn-info{
    border-radius:0px;
    border:0px;
    transition: 0.3s ease-in-out;
}

.btn-info:hover{
    border-radius:0px;
    border:0px;
    background-color:#5bc0de !important;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.1s ease-in-out;

}

.btn-primary{
    color:#fff !important;
    border-radius:0px;
    border:0px;
    background-color:#37A0DE;
    transition: 0.3s ease-in-out;
}

.btn-primary a{
    color:#fff !important;
}

.btn-primary:hover{
    background-color:#37A0DE;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.1s ease-in-out;
}

.btn-33{
    width:33%;
}

.btn-50{
    width:50.002%;
}

.btn-100{
    width:100%;
}

.it-bg .grey{
    padding-top:1px;
}

#contact{
    background-image:url(../img/lg/map.jpg);
}


/* Gallery */
.website-bg .index .col-sm-4{
    padding:5px !important;
}

figcaption p{
    color:#fff;
    height:20px;
    margin-top:10%;
    text-align:center;
    font-size:14pt;
}

.gallery-main{
}

.gallery-main figure{
    padding:10px 0px 0px 10px;
}

.gallery-image figcaption{
    color:#37A0DE;
    transition: 0.3s ease-in-out;
}
.gallery-image figcaption:hover{
    color:#535353;
    transition: 0.3s ease-in-out;
}

.gallery-main img{
    width:100%;
    background-color:#FFF;
    background-image:url(../img/noise.png);
    padding:10px;
    opacity:1 !important;
}

/* Background settings */
.website-bg, .folio-bg, .index-bg, .contact-bg{
}

/* Contact Page */
.contact-bg::after{
    background-image:url('../img/lg/map.jpg');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/* Index Page */
.index .container{
    width:90%;
}

.index{
    color:#536d76;
    margin-top:4%;
}

.index h4{
    font-size: 26pt;
    text-align: center;
    text-shadow: 1px 1px 0px #97d1f4;
}

.web h4{
    text-align:center;
    font-size:16pt;
}

@media all and (max-width:1309px) and (min-width:1000px){
        .btn-33, .btn-50, .btn-100{
            font-size:12px;
        }
}

@media all and (max-width:1100px){
        .index .col-sm-4, .web .col-sm-4{
            width:100%;
            padding:0px;
        }
        .index .col-sm-4 .effeckt-figcaption-wrap .btn{
            width:33%;
            margin-left:35%;
            margin-top:13%;
        }
        .index h4{
            font-size:24pt;
            margin-top:50px;
        }
}


.web .col-sm-4{ margin-bottom: 30px; }

.index figure, .web figure{
    padding:10px;
    background:#fff;
    cursor:pointer;
    transition:0.3s ease-in-out;
}

.index figcaption, .web figcaption{
    background-color: rgba(0,0,0,0.4)
}

.index figcaption .btn{
    margin-left:35%;
    width:33%;
    margin-top:8%;
}

.web figcaption .btn{
    width:50%;
    margin-left:25%;
    margin-top:8%;
}
.index img, .web img{
    width:100%;
}

.index-info{
}

.index-text{
    background:#fff;
    margin-top:20px;
    padding-top:10px;
    min-height: 221px;
}

.index ul{
    list-style:none;
    margin-left:-35px;
}

.index li::before{
    content: "• ";
    color: #37A0DE;
    font-size:16pt;
}

.caption{
    color:#37A0DE;
}

.caption p{
    font-size:14pt;
}

.index-bg::after{
    background-image:url('../img/lg/laptop.jpg');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/* Website Page */
.website-bg::after{
    background-image:url('../img/lg/laptop2.jpg');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}



/* Bluetrait Page */
.dalegroup-bg::after{
    background-image:url('../img/lg/sky2.jpg');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/* IT & Cloud Page */
.it-bg::after{
    background-image:url('../img/lg/dalegroup.png');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/* Portfolio Page */
.folio-bg.iconpath::after{
    background-image:url('../img/lg/iconpath.png');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.folio-bg.iconpath .jumbotron{
    background:transparent;
    background-image:none;
}




/* Bluetrait Page */
.folio-bg.bluetrait::after{
    background-image:url('../img/lg/dalegroup.png');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.folio-bg.bluetrait .jumbotron{
    background:transparent;
    background-image:none;
}


.folio-bg.evolved::after{
    background-image:url('../img/lg/evolved.png');
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.folio-bg.evolved .jumbotron{
    background:transparent;
    background-image:none;
}

.folio-bg h1{
    color:#fff !important;
}

.portfolio{
    height:auto;
}

.portfolio .grey{
    padding-top:1px;
}

@media all and (min-width:992px){
    .folio-bg .portfolio .grey{
        min-height:668px;
    }
}

.portfolio .btn{
    font-size:16px !important;
    margin-top:-4px;
    margin-bottom:18px;
}

.portfolio ul{
    line-height:20pt;
    list-style-position:inside;
}

.portfolio li{
    color: #37A0DE;
}

.portfolio li span{
    color:rgb(84, 84, 84);
}

.portfolio img{
    width:100%;
    margin-bottom:20px;
    padding:10px;
    background-color:#fff;
    background-image: url(../img/noise.png);
    transition: 0.3s ease-in-out;
}

.portfolio img:hover{
    -webkit-filter:brightness(0.9);
    -moz-filter:brightness(0.9);
    filter:brightness(0.9);
    transition: 0.1s ease-in-out;
}

.permalink{
    font-size:18pt;
    cursor:pointer;
}

/* Software */
.software img{
    width:100%;
    margin-bottom:20px;
    border:00px #fff solid;
}

.software .glyphicon{
    margin-right:5px;
}

.ipad{
    border:30px #000 solid;
    border-bottom:0px;
    border-radius:15px 15px 0px 0px;
}

.text-container{
    background:#fff;
    padding:15px;
    margin-bottom:25px;
    border-bottom:1px solid #37A0DE;
}

.software .text-container p{
    min-height:44px;
}

/* Sticky Footer */

html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 20px;
    width: 100%;
    background-color: transparent;
    color:#fff;
    text-align:center;
}

.footer p{
    margin:0px !important;
    font-size:9pt !important;
}

.bglogo{
    position:fixed;
    left:-100px;
    top:60px;
    z-index:-2;
}

/* Bootstrap Fix */

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse li a{
        padding-left:30px;
    }
    .navbar-nav {
        float: none!important;
        margin: 2.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media (max-width: 991px){
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
}

.contact-bg .table{
    font-size:12pt;
}

.contact-bg .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    border-color:#f5f5f5 !important;
}