﻿@charset "utf-8";

#masthead.affix {
    position: static;
}

@media screen and (min-width:768px) {
    #masthead .logo,
    #masthead .logo-sm {
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }

    #masthead.affix-top .logo {
        display: block;
    }
    #masthead .logo-sm {
        display: none;
    }

    #masthead.affix .logo {
        display: none;
    }
    #masthead.affix .logo-sm {
        display: block;
        height: auto !important;
        margin: 3px 0;
    }

    #page-nav > .container {
        padding-left: 0;
        padding-right: 0;
    }
    #masthead.affix {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1030;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0,0,0,.08);
    }
    #masthead.affix #ctabtn-nav,
    #masthead.affix #search-nav,
    #masthead.affix hr {
        display: none;
    }

    #masthead.affix hr.nav-hr {
        display: block;
    }

    #masthead.affix .logo {
        margin: 2px auto;
        padding: 0;
        height: 45px;
    }
    #masthead.affix .navbar {
        margin: 0 !important;
    }
}
@media screen and (min-width:992px) {
    #masthead.affix {
        padding: 15px 15px 0;
    }
}



/* CSS Document */
.btn-block {
    padding-bottom: 2px !important;
}

#practice-areas-grid > li {
    display: table;
    text-align: center;
    border: 5px solid #fff;
    border-radius: 15px;
}

    #practice-areas-grid > li > a {
        height: 110px;
        width: 100%;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        color: rgba(255,255,255,.75);
        font-weight: 600;
        font-size: 1.071em;
    }

@media (min-width: 768px) {
    #practice-areas-grid > li > a {
        width: 100px;
        max-width: 100px;
        padding: 0 5px;
    }
}

#case-studies-grid .block-grid-item {
    padding: 5px;
    margin: 0;
    height: auto;
}

#case-studies-grid {
    margin: 0 -5px;
}

    #case-studies-grid .thumbnail {
        border: 0;
        box-sizing: content-box;
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 71.42% 0 0;
        border-radius: 0;
    }

        #case-studies-grid .thumbnail .img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            bottom: 32px;
            left: 0;
            right: 0;
        }

        #case-studies-grid .thumbnail > a {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

    #case-studies-grid a > .caption {
        position: absolute;
        bottom: 0;
        right: 0;
        background: transparent; /*rgba(0,0,0,.3);*/
        width: 100%;
        height: 32px;
        padding: 5px 15%;
        display: block;
        text-align: center;
        font-weight: 600;
        font-size: 1.143em;
        color: #fff !important;
        z-index: 2;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        #case-studies-grid a > .caption.b {
            background: rgba(255,255,255,.65);
            color: #333 !important;
        }

        #case-studies-grid a > .caption > span {
            display: block;
            margin-top: 25%;
            font-weight: normal;
            font-size: 0.813em;
        }

    #case-studies-grid a:focus > .caption,
    #case-studies-grid a:hover > .caption {
        height: 100%;
        padding: 15px 15% 5px;
        background: rgba(0,0,0,.5);
    }

        #case-studies-grid a:focus > .caption.b,
        #case-studies-grid a:hover > .caption.b {
            background: rgba(255,255,255,.95);
        }

        #case-studies-grid a:focus > .caption > span,
        #case-studies-grid a:hover > .caption > span {
            margin-top: 5%;
        }


#step-list {
    margin: 20px 0;
    padding: 15px 10px 0;
    background-color: #ddd;
}

    #step-list .block-grid-item {
        padding: 0 0 15px;
        margin: 0;
        height: auto;
    }

        #step-list .block-grid-item img {
            margin: 0 auto;
        }

        #step-list .block-grid-item > a {
            display: block;
        }

            #step-list .block-grid-item > a:hover > img {
                border-top: 5px solid #00b5d9;
            }

        #step-list .block-grid-item.active a > img {
            border-top: 5px solid #00b5d9;
        }

/*
    #step-list .block-grid-item.active > a {
         -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }*/

.next-prev > a:focus,
.next-prev > a:hover {
    text-decoration: none;
    background-color: #85bf4a;
}

.next-prev > a {
    display: block;
    padding: 15px;
    height: auto;
    line-height: 1;
    border: 0;
    border-radius: 0;
    text-align: center;
}

    .next-prev > a [class*=" icon-"],
    .next-prev > a [class^=icon-] {
        font-size: 1.500em;
        line-height: 0;
    }

    .next-prev > a.btn:active,
    .next-prev > a.btn.active {
        background-color: #72ae3f;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#steps {
    background-color: #ddd;
    padding: 10% 0 0;
    margin-bottom: 10px;
}

#steps-grid {
    margin: 0 -5px;
}

    #steps-grid .block-grid-item {
        padding: 0;
        margin: 0;
        height: auto;
    }

        #steps-grid .block-grid-item img {
            width: 84px;
            margin: 0 auto;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        #steps-grid .block-grid-item a:focus img,
        #steps-grid .block-grid-item a:hover img {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.steps-list > li {
    border-radius: 0 !important;
    border: 0;
}

    .steps-list > li + li {
        margin-top: 20px;
    }

    .steps-list > li p {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    #steps-grid .block-grid-item {
        margin-bottom: 10%;
    }
}

@media (max-width: 991px) {
    .steps-list > li {
        border-color: transparent;
    }
}

@media (min-width: 768px) {
    #steps {
        padding: 40px 0;
    }
}

@media (min-width: 992px) {
    #steps {
        max-height: 200px;
    }

    .steps-list > li {
        min-height: 150px;
        overflow: hidden;
        display: table;
    }

        .steps-list > li > div {
            display: table-cell;
            vertical-align: top;
            float: none;
        }

        .steps-list > li p {
            text-align: justify;
        }
    /*.fln #steps > .container { max-width: 1160px !important; }*/
}

.twitter-timeline {
    width: 100% !important;
}

#blognews {
    padding: 0;
    background-color: #fff;
}

    #blognews .blogtitle {
        color: #00b5d9;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-size: 21px;
        line-height: 24px;
        font-weight: 300;
        margin: 0;
        padding: 10px;
    }

    #blognews time {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #00b5d9;
    }

        #blognews time > .time {
            display: none;
        }

    #blognews p {
        margin: 0;
    }

    #blognews ul {
        padding-left: 0;
        list-style: none;
        margin: 0;
        padding: 10px;
    }

    #blognews li + li {
        margin-top: 15px;
    }

.pagination a {
    border-radius: 5px;
}

    .pagination a.active {
        border-radius: 5px;
    }

.ulaw-purple {
    color: #91278f;
    text-transform: capitalize
}

.panel-new-blog {
    position: relative;
    min-height: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel-new-blog .panel-heading {
        background-color: #91278f !important;
        padding: 10px 15px;
    }

    .panel-new-blog .panel-body .date {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #91278f;
    }

    .panel-new-blog .blogtitle {
        /*color: #00b5d9;*/
        color: white;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-size: 21px;
        line-height: 24px;
        font-weight: 300;
        margin: 0;
        padding: 10px 0px 10px;
        text-transform: none;
    }


.boxcont {
    width: 189px;
    float: left;
    margin: 0;
    padding: 0 0 1px 0;
    background-image: url(../images/boxbottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

    .boxcont .ronebone {
        margin: 0;
        padding: 0 0 4px 0;
        background-image: url(../images/bbrowone_long.gif);
        width: 189px;
        max-width: 189px;
    }



   /*Table custom Css*/

.table tbody > tr > .vtable-head, .table tfoot > tr > th, .table .table-head > td {
    color: #fff;
    padding: 15px;
    font-size: 1.286em;
    font-weight: 400
}

.table tbody > tr > td, .table tfoot > tr > td, .table .table-head > td {
    background-color: #e9e9e9;
    padding: 15px
}

.table.table-petrol-blue tbody > tr > .vtable-head, .table.table-petrol-blue tfoot > tr > th, .table.table-petrol-blue .table-head > td {
    color: #fff;
    background-color: #0084a9
}

.table.table-purple tbody > tr > .vtable-head, .table.table-purple tfoot > tr > th, .table.table-purple .table-head > td {
    color: #fff;
    background-color: #91278f
}

.table.table-green tbody > tr > .vtable-head, .table.table-green tfoot > tr > th, .table.table-green .table-head > td {
    color: #fff;
    background-color: #00a178
}

.table.table-warm-yellow tbody > tr > .vtable-head, .table.table-warm-yellow tfoot > tr > th, .table.table-warm-yellow .table-head > td {
    color: #555;
    background-color: #ffc425
}

.table.table-warm-grey tbody > tr > .vtable-head, .table.table-warm-grey tfoot > tr > th, .table.table-warm-grey .table-head > td {
    color: #333;
    background-color: #e8dfd1
}

.table.table-black tbody > tr > .vtable-head, .table.table-black tfoot > tr > th, .table.table-black .table-head > td {
    color: #fff;
    background-color: #261c02
}

.table.table-orange tbody > tr > .vtable-head, .table.table-orange tfoot > tr > th, .table.table-orange .table-head > td {
    color: #fff;
    background-color: #f57b1b
}

.table.table-bright-red tbody > tr > .vtable-head, .table.table-bright-red tfoot > tr > th, .table.table-bright-red .table-head > td {
    color: #fff;
    background-color: #ed2f21
}

.table.table-warm-pink tbody > tr > .vtable-head, .table.table-warm-pink tfoot > tr > th, .table.table-warm-pink .table-head > td {
    color: #fff;
    background-color: #ec0b8d
}

.table.table-plum tbody > tr > .vtable-head, .table.table-plum tfoot > tr > th, .table.table-plum .table-head > td {
    color: #fff;
    background-color: #a70532
}

.table.table-sky-blue tbody > tr > .vtable-head, .table.table-sky-blue tfoot > tr > th, .table.table-sky-blue .table-head > td {
    color: #fff;
    background-color: #00b5d9
}

.table.table-bright-green tbody > tr > .vtable-head, .table.table-bright-green tfoot > tr > th, .table.table-bright-green .table-head > td {
    color: #fff;
    background-color: #9cd653
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > .vtable-head, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > .table-head > td, .table-bordered > .table-head > td {
    border-color: #fff
}

.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #eee
}

.table-hover > tbody > tr:hover > td {
    background-color: #fff
}

.table-condensed .table-head > td, .table-condensed tbody > tr > .vtable-head, .table-condensed tfoot > tr > th, .table-condensed .table-head > td, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > td {
    padding: 8px
}

.table.table-petrol-blue tbody > tr > .vtable-head, .table.table-petrol-blue tfoot > tr > th, .table.table-petrol-blue .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#0084a9),to(#004f65));
    background-image: -webkit-linear-gradient(top,#0084a9,0,#004f65,100%);
    background-image: -moz-linear-gradient(top,#0084a9 0,#004f65 100%);
    background-image: linear-gradient(to bottom,#0084a9 0,#004f65 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0084a9', endColorstr='#ff004f65', GradientType=0)
}

.table.table-purple tbody > tr > .vtable-head, .table.table-purple tfoot > tr > th, .table.table-purple .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#91278f),to(#571756));
    background-image: -webkit-linear-gradient(top,#91278f,0,#571756,100%);
    background-image: -moz-linear-gradient(top,#91278f 0,#571756 100%);
    background-image: linear-gradient(to bottom,#91278f 0,#571756 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91278f', endColorstr='#ff571756', GradientType=0)
}

.table.table-green tbody > tr > .vtable-head, .table.table-green tfoot > tr > th, .table.table-green .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#00a178),to(#006148));
    background-image: -webkit-linear-gradient(top,#00a178,0,#006148,100%);
    background-image: -moz-linear-gradient(top,#00a178 0,#006148 100%);
    background-image: linear-gradient(to bottom,#00a178 0,#006148 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a178', endColorstr='#ff006148', GradientType=0)
}

.table.table-warm-yellow tbody > tr > .vtable-head, .table.table-warm-yellow tfoot > tr > th, .table.table-warm-yellow .table-head > td {
    color: #fff;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffc425),to(#997616));
    background-image: -webkit-linear-gradient(top,#ffc425,0,#997616,100%);
    background-image: -moz-linear-gradient(top,#ffc425 0,#997616 100%);
    background-image: linear-gradient(to bottom,#ffc425 0,#997616 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc425', endColorstr='#ff997616', GradientType=0)
}

.table.table-warm-grey tbody > tr > .vtable-head, .table.table-warm-grey tfoot > tr > th, .table.table-warm-grey .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#e8dfd1),to(#8b867d));
    background-image: -webkit-linear-gradient(top,#e8dfd1,0,#8b867d,100%);
    background-image: -moz-linear-gradient(top,#e8dfd1 0,#8b867d 100%);
    background-image: linear-gradient(to bottom,#e8dfd1 0,#8b867d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8dfd1', endColorstr='#ff8b867d', GradientType=0)
}

.table.table-black tbody > tr > .vtable-head, .table.table-black tfoot > tr > th, .table.table-black .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#584e34),to(#261c02));
    background-image: -webkit-linear-gradient(top,#584e34,0,#261c02,100%);
    background-image: -moz-linear-gradient(top,#584e34 0,#261c02 100%);
    background-image: linear-gradient(to bottom,#584e34 0,#261c02 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff584e34', endColorstr='#ff261c02', GradientType=0)
}

.table.table-orange tbody > tr > .vtable-head, .table.table-orange tfoot > tr > th, .table.table-orange .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f57b1b),to(#934a10));
    background-image: -webkit-linear-gradient(top,#f57b1b,0,#934a10,100%);
    background-image: -moz-linear-gradient(top,#f57b1b 0,#934a10 100%);
    background-image: linear-gradient(to bottom,#f57b1b 0,#934a10 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff57b1b', endColorstr='#ff934a10', GradientType=0)
}

.table.table-bright-red tbody > tr > .vtable-head, .table.table-bright-red tfoot > tr > th, .table.table-bright-red .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ed2f21),to(#8e1c14));
    background-image: -webkit-linear-gradient(top,#ed2f21,0,#8e1c14,100%);
    background-image: -moz-linear-gradient(top,#ed2f21 0,#8e1c14 100%);
    background-image: linear-gradient(to bottom,#ed2f21 0,#8e1c14 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed2f21', endColorstr='#ff8e1c14', GradientType=0)
}

.table.table-warm-pink tbody > tr > .vtable-head, .table.table-warm-pink tfoot > tr > th, .table.table-warm-pink .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ec0b8d),to(#8e0755));
    background-image: -webkit-linear-gradient(top,#ec0b8d,0,#8e0755,100%);
    background-image: -moz-linear-gradient(top,#ec0b8d 0,#8e0755 100%);
    background-image: linear-gradient(to bottom,#ec0b8d 0,#8e0755 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec0b8d', endColorstr='#ff8e0755', GradientType=0)
}

.table.table-plum tbody > tr > .vtable-head, .table.table-plum tfoot > tr > th, .table.table-plum .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#a70532),to(#64031e));
    background-image: -webkit-linear-gradient(top,#a70532,0,#64031e,100%);
    background-image: -moz-linear-gradient(top,#a70532 0,#64031e 100%);
    background-image: linear-gradient(to bottom,#a70532 0,#64031e 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa70532', endColorstr='#ff64031e', GradientType=0)
}

.table.table-sky-blue tbody > tr > .vtable-head, .table.table-sky-blue tfoot > tr > th, .table.table-sky-blue .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#00b5d9),to(#006d82));
    background-image: -webkit-linear-gradient(top,#00b5d9,0,#006d82,100%);
    background-image: -moz-linear-gradient(top,#00b5d9 0,#006d82 100%);
    background-image: linear-gradient(to bottom,#00b5d9 0,#006d82 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b5d9', endColorstr='#ff006d82', GradientType=0)
}

.table.table-bright-green tbody > tr > .vtable-head, .table.table-bright-green tfoot > tr > th, .table.table-bright-green .table-head > td {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#9cd653),to(#5e8032));
    background-image: -webkit-linear-gradient(top,#9cd653,0,#5e8032,100%);
    background-image: -moz-linear-gradient(top,#9cd653 0,#5e8032 100%);
    background-image: linear-gradient(to bottom,#9cd653 0,#5e8032 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9cd653', endColorstr='#ff5e8032', GradientType=0)
}