/*
-------------------------------------
  Template Name:  Lawcare - Law Html Template
  Template URL:
  Author: Themexbest
  Author URI:
  Creation Date: 02/08/2017
  Description: A default stylesheet for Discior - Agency HTML Template
  Version: 1.0
  Primary use: adviser, advocate, attorney, business, consult, consulting, corporate, court, justice, law, law office, Law offices, lawyer, legal, legal office
  Support: rumon078102@gmail.com;
----------------------------------------
*/


/* [Master Stylesheet]
----------------------------------------
1. General Style
2. Typography
3. Header Area
4. Banner Area
    4.1. Particle Banner
    4.2. Slider Banner
    4.3. About Page Banner
5. About Area
    5.1. About Area2
6. Counter Area
7. Service Area
8. Quiete Area
9. News Area
    9.1. News Page
    9.2.Single News Page
10. Footer Area
11. Consult Area
12. About Page Details
13. Team Page Area
14. Team Profile Page Area
15. Attorney Experience
16. Practice Page
17. Practice Details Page
18. Contact Page
19. Preloader
----------------------------------------
*/


/*
---------------------------------------
1. General Style
---------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700|Poppins:400,600,700');





html {
    font-size: 100%;
}

body {
    background: #fff none repeat scroll 0 0;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    direction: ltr;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

a {
    color: #068c07;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a,
    a > * {
        outline: none;
        cursor: pointer;
        text-decoration: none;
    }

        a:focus,
        a:hover {
            outline: none;
            color: #838383;
            text-decoration: none;
        }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}


/*
-------------------------------------
2. Typography
-------------------------------------
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    color: #353535;
    margin: 0 0 20px;
    /*font-family: 'Montserrat', sans-serif;*/
    font-weight: 600;
    letter-spacing: 1px;
}

h1 {
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

h2 {
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: 'Montserrat';
}

h3 {
    font-size: 15px;
    line-height: 38px;
    text-transform: uppercase;
    /*font-family: 'Montserrat', sans-serif;*/
}

h4 {
    font-size: 16px;
    line-height: 30px;
    /*font-family: 'Montserrat', sans-serif;*/
}

h5 {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

h6 {
    font-size: 16px;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: inherit;
    }

p {
    margin: 0;
    padding: 0;
    font-family: 'Conv_I5las-bold', sans-serif;
    color: #444;
}


ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.title h2 {
    color: #068c07;
}

/*
-------------------------------------
3. Header Area
-------------------------------------
*/



.navbar-default {
    margin: 0;
    border-radius: 0px;
}

    .navbar-default .navbar-nav > li {
        position: relative;
        z-index: 10;
        padding: 15px 0 20px 0;
    }

        .navbar-default .navbar-nav > li > a {
            color: #353535;
            text-transform: uppercase;
            /*font-family: 'Montserrat', sans-serif;*/
            font-size: 13px;
            font-weight: 700;
            padding: 10px 25px;
        }

        .navbar-default .navbar-nav > li:before {
            position: absolute;
            content: "";
            bottom: 0;
            left: 8%;
            width: 86%;
            height: 0;
            background: #444;
            -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
            opacity: 0;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }


        .navbar-default .navbar-nav > li:hover:before {
            opacity: 1;
            height: 100%;
        }

        .navbar-default .navbar-nav > li > a:hover {
            color: #068c07;
            background: transparent;
        }

ul.dropdown-menu li a {
    margin-top: 14px;
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 13px;
    font-weight: 700;
    color: #353535;
    text-transform: uppercase;
}

    ul.dropdown-menu li a > i {
        margin-right: 8px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    ul.dropdown-menu li a:hover i {
        margin-right: 15px;
    }

    ul.dropdown-menu li a:hover {
        background: transparent;
        color: #068c07;
    }

.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
}

ul.dropdown-menu.dropdownhover-bottom {
    padding-bottom: 30px;
}

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

.navbar-default .navbar-brand {
    color: #353535;
}

.navbar-brand {
    position: relative;
}

a.navbar-brand {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    position: relative;
}

    a.navbar-brand h2 {
        color: #fff;
        margin-top: 5px;
        position: relative;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

.navbar-brand:before {
    /*position: absolute;
    content: "";
    height: 150%;
    width: 175%;
    top: 0;
    left: -59%;
    background: #068c07;
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);*/
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 99;
}

    .sticky .navbar-default .navbar-nav > li {
        padding: 10px 0 8px 0;
    }


        .sticky .navbar-default .navbar-nav > li > a {
            padding: 10px 8px;
        }

    .sticky a.navbar-brand h2 {
        margin-top: 10px;
    }

    .sticky .navbar-brand:before {
        height: 170%;
    }

/*
-------------------------------
4. Banner Area
-------------------------------
*/

.banner-area {
    background-image: url(../assets/images/banner3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-bg {
    background: rgba(0, 0, 0, 0.5);
    background-size: cover;
}

.banner-text {
    padding: 235px 0 180px 0;
}

    .banner-text h1 {
        color: #fff;
        font-size: 26px;
    }

    .banner-text h5 {
        color: #fff;
        text-transform: uppercase;
        margin-top: -5px;
        margin-bottom: 45px;
    }

.banner-btn a {
    text-transform: uppercase;
    color: #fff;
    padding: 10px 25px;
    background: #068c07;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
}

    .banner-btn a:hover {
        background: #fff;
        color: #068c07;
    }


/*------- 4.1. Particle Banner-----*/

canvas {
    display: block;
    vertical-align: top;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 565px;
}


.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
}

#stats {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}


/*------- 4.2. Slider Banner-----*/


.s-obj h1 {
    color: #fff;
}

.s-obj h5 {
    color: #fff;
    margin-top: -5px;
    margin-bottom: 45px;
}

.contact-btn2 {
    margin-top: 30px;
}

/*------- 4.3. About Page Banner-----*/


.about-banner {
    background-image: url(../assets/images/Pagesbanner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-banner-bg {
    background: rgba(51, 51, 51, 0.75);
    padding: 150px 0 50px 0;
}

.about-title h4 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

    .about-title h4 span {
        color: #068c07;
    }

/*
-------------------------------
5. About Area
-------------------------------
*/

.about-bg {
    padding: 70px 0 40px 0;
}

.about-details {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 25px;
}

.about-text {
    margin-left: 30px;
}

.about-details i {
    font-size: 40px;
    height: 50px;
    width: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background: #068c07;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.about-details h4 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.about-details:hover h4 {
    color: #068c07;
}

.about-details:hover i {
    color: #068c07;
    background: #fff;
    border: 1px solid #068c07;
}


/*------- 5.1. About Area2-----*/


.about-bg2 {
    padding-bottom: 70px;
}


.about2-img img {
    width: 100%;
    height: 355px;
}

.about2-text p.second {
    margin: 20px 0 32px 0;
}

.about2-text {
    margin-bottom: 5px;
}

.about2-img {
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

    .about2-img:before {
        position: absolute;
        content: "";
        top: 3%;
        left: 11%;
        width: 91%;
        height: 100%;
        border: 15px solid #068c07;
        z-index: -3;
    }

/*
-------------------------------
6. Counter Area
-------------------------------
*/

.counter-area {
    background-image: url(../assets/images/banner5.jpg);
    background-size: cover;
    background-position: center;
}

.counter-bg {
    padding: 70px 0 32px 0;
}

.counter-overlay-details {
    text-align: center;
}

    .counter-overlay-details i {
        font-size: 65px;
        color: #fff;
        margin-bottom: 30px;
    }

    .counter-overlay-details h3,
    .counter-overlay-details p {
        color: #fff;
    }

    .counter-overlay-details p {
        padding: 0 80px;
    }

.contact-btn {
    margin-top: 30px;
}

    .contact-btn a {
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 25px;
        color: #fff;
        background: #068c07;
        letter-spacing: 1px;
        position: relative;
        z-index: 3;
    }

        .contact-btn a:before {
            position: absolute;
            content: "";
            top: -8%;
            left: -2%;
            width: 104%;
            height: 45%;
            border: 3px solid #fff;
            z-index: -1;
        }

        .contact-btn a:after {
            position: absolute;
            content: "";
            bottom: -8%;
            left: -2%;
            width: 104%;
            height: 45%;
            border: 3px solid #fff;
            z-index: -1;
        }

.counter-text {
    margin-bottom: 30px;
}

    .counter-text i,
    .counter-text p,
    .counter-text strong {
        color: #fff;
    }

.counter-icon {
    margin-bottom: 25px;
}

    .counter-icon i {
        font-size: 25px;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #068c07;
    }

.counter-text strong {
    font-size: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.counter-text p {
    text-transform: uppercase;
}

/*
-------------------------------
7. Service Area
-------------------------------
*/

.service-bg {
    padding: 63px 0 38px 0;
}

.service-title {
    margin-bottom: 65px;
}

.service-details {
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 30px;
}

.service-icon {
    margin-bottom: 15px;
}

    .service-icon i {
        font-size: 25px;
        height: 35px;
        width: 35px;
    }

.service-details h4 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 14px;
}

.other-service,
.service-list {
    text-align: left;
}

    .other-service h4 {
        margin-bottom: 7px;
    }

    .service-list li {
        line-height: 32px;
    }

        .service-list li a {
            text-transform: uppercase;
            color: #353535;
        }

            .service-list li a:hover {
                color: #068c07;
            }

    .service-list i {
        margin-right: 8px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .service-list a:hover i {
        margin-right: 15px;
        color: #068c07;
    }

/*.service-details:hover h4 {
    color: #068c07;
}

.service-details:hover i {
    color: #068c07;
}*/

/*
-------------------------------
8. Quiete Area
-------------------------------
*/

.quite-area {
    background-image: url(../assets/images/banner6.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quite-bg {
    padding: 60px 0 75px 0;
}

.quite-text h3, .quite-text p {
    color: #fff;
}


.submit-btn {
    margin-top: 37px;
}

    .submit-btn a {
        text-transform: uppercase;
        padding: 10px 25px;
        color: #fff;
        background: #068c07;
        font-weight: 700;
        letter-spacing: 1px;
    }

        .submit-btn a:hover {
            color: #068c07;
            background: #fff;
        }

/*
----------------------------
9. News Area
----------------------------
*/

.news-bg {
    padding: 62px 0 69px 0;
}

.news-title {
    margin-bottom: 65px;
}

.news-img {
    position: relative;
}

    .news-img img {
        height: 250px;
        width: 100%;
    }

.img-text strong {
    font-size: 25px;
    color: #fff;
}

.img-text {
    height: 100px;
    width: 70px;
    text-align: center;
    line-height: 45px;
    background: #068c07;
    position: absolute;
    top: 0;
    left: 0;
}

    .img-text h4 {
        margin-top: -11px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
    }

.news-text {
    padding: 0 30px 30px 30px;
    border: 1px solid #eee;
}

    .news-text h4 {
        margin-top: 25px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }

    .news-text:hover h4 {
        color: #068c07;
    }

.readmore-btn {
    margin-top: 30px;
}

    .readmore-btn a {
        text-transform: uppercase;
        padding: 10px 25px;
        background: #068c07;
        color: #fff;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .readmore-btn i {
        margin-left: 5px;
        font-size: 15px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .readmore-btn a:hover i {
        margin-left: 10px;
    }

/*-----9.1. News Page----*/

.new-pg-bg {
    padding: 70px 0 48px 0;
}

.news-form input {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    outline: 0;
    outline-color: transparent;
    position: relative;
    margin-bottom: 7px;
}

.news-form i {
    position: absolute;
    top: 0;
    right: 4%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 43px;
    background: #068c07;
    color: #fff;
}

.catagories h4 {
    font-size: 16px;
    margin-bottom: 7px;
}

ul.catagory-list i {
    margin-right: 15px;
    line-height: 40px;
}

ul.catagory-list a {
    text-transform: uppercase;
    color: #353535;
}

    ul.catagory-list a > span {
        position: absolute;
        right: 5%;
    }

    ul.catagory-list a:hover {
        color: #068c07;
    }

.archives h4 {
    margin-top: 7px;
    font-size: 16px;
    margin-bottom: 7px;
}

ul.archives-list i {
    margin-right: 15px;
    line-height: 40px;
}

ul.archives-list a {
    text-transform: uppercase;
    color: #353535;
}

    ul.archives-list a:hover {
        color: #068c07;
    }

.populat-post h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 7px;
}

.post-img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .post-img img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

.post-details a {
    font-size: 15px;
    text-transform: capitalize;
    color: #353535;
}

    .post-details a:hover {
        color: #068c07;
    }

.post-details span {
    display: block;
    margin-top: 5px;
}

.post-details i {
    margin-right: 15px;
    color: #068c07;
}

.tags h4 {
    margin-top: 17px;
    font-size: 16px;
    margin-bottom: 25px;
}

ul.tag-list li {
    display: inline-block;
    margin-bottom: 22px;
}

    ul.tag-list li a {
        border: 1px solid;
        padding: 5px 15px;
        background: #fff;
        color: #068c07;
    }

        ul.tag-list li a:hover {
            color: #fff;
            background: #068c07;
        }

.news-single {
    margin-bottom: 30px;
}


/*--9.2.Single News Page--*/

.sg-nw-meta {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    .sg-nw-meta h4 {
        margin-top: 25px;
        margin-bottom: 18px;
    }

    .sg-nw-meta p.second {
        margin-top: 25px;
        margin-bottom: 25px;
    }

.comments {
    margin-bottom: 65px;
}

    .comments h4 {
        text-transform: uppercase;
    }

.comments-form input {
    width: 100%;
    padding: 10px;
    margin-left: -15px;
    outline: 0;
    outline-color: transparent;
    margin-bottom: 30px;
}

.comments-form textarea {
    width: 100%;
    outline: 0;
    outline-color: transparent;
    height: 150px;
    margin-left: -15px;
}

.comment-btn {
    margin-top: 30px;
    margin-left: -15px;
}

/*
----------------------------
10. Footer Area
----------------------------
*/

.footer-top {
    background-image: url(../assets/images/banner5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-top-bg {
    padding: 70px 0 0 0;
    background: rgba(51, 51, 51, 0.5);
}

.footer-head h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.footer-top p {
    color: #fff;
}

.footer-icons {
    margin-top: 26px;
}

    .footer-icons i {
        font-size: 16px;
        height: 35px;
        width: 35px;
        background: #068c07;
        color: #fff;
        text-align: center;
        line-height: 35px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

        .footer-icons i:hover {
            background: #fff;
            color: #068c07;
        }

.location,
.phone,
.email,
.web {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .phone p,
    .email p,
    .web p {
        font-size: 13px;
        line-height: 40px;
    }

    .location .fa-map-marker {
        /*margin-top: 15px;*/
    }

.get-touch i {
    font-size: 18px;
    margin-top: 4px;
    margin-right: 17px;
    color: #068c07;
}

.get-touch .phone {
    margin-top: 10px;
}

.phone i, .email i, .web i {
    margin-top: 12px;
}

.quick-links a {
    font-family: 'Conv_I5las-bold', sans-serif;
    line-height: 33px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #fff;
}

.quick-links i {
    margin-right: 7px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    color: #068c07;
}

.quick-links a:hover i {
    margin-right: 15px;
}

.quick-links a:hover {
    color: #068c07;
    font-weight: 700;
}

.footer-area {
    border-top: 1px solid #fff;
    margin-top: 70px;
}

.copy-right p {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 12px;
}

.top-arrow {
    position: fixed;
    right: 10px;
    bottom: 10px;
    top: auto;
}

    .top-arrow i a {
        text-decoration: none;
    }

    .top-arrow i {
        font-size: 26px;
        height: 38px;
        color: #fff;
        padding-top: 5px;
        width: 35px;
        text-align: center;
        cursor: pointer;
        background: #068c07;
        border: 2px solid #ddd;
    }

/*
-------------------------------
11. Consult Area
-------------------------------
*/

.consult-area {
    background-image: url(../assets/images/banner5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.consult-bg {
    padding: 60px 0 77px 0;
}

.consult-details h4 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 45px;
}

.consult-details h3 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 45px;
}

/*
----------------------------
12. About Page Details
----------------------------
*/

.about-page-bg {
    padding: 65px 0 50px 0;
}

.about-page-text h4 {
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 15px;
}

.about-team h4 {
    margin-top: 20px;
    text-transform: uppercase;
    line-height: 24px;
}

.about-details-head p.second {
    margin-top: 20px;
}


/*--------Accordion------*/

.panel-default > .panel-heading {
    color: #353535;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-group {
    margin-top: 20px;
}

.panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
}

    .panel-default > .panel-heading a:after {
        content: "";
        position: relative;
        top: 7px;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: -webkit-transform .25s linear;
        transition: transform .25s linear;
        transition: transform .25s linear, -webkit-transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    .panel-default > .panel-heading a[aria-expanded="true"] {
        background-color: #fff;
        color: #353535;
    }

.panel-body p {
    padding: 10px 0;
}

h4.panel-title {
    font-size: 15px;
    text-transform: uppercase;
}

.panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 25px;
}

    .accordion-option .title {
        float: left;
        padding: 0;
        margin: 0;
    }

    .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

/*
----------------------------
13. Team Page Area
----------------------------
*/

.team-page-bg, .news-page-details .new-pg-bg {
    padding: 70px 0 70px 0;
}

.team-dec2 {
    margin-top: 30px;
}

.about-img img {
    height: 240px;
}

.team-details h5 {
    text-transform: uppercase;
    font-size: 14px;
    background: #ddd;
    padding: 15px;
    margin-bottom: 15px;
}

.team-details span {
    background: #068c07;
    padding: 13px;
    margin-left: -14px;
    color: #fff;
}

span.job {
    padding: 13px 26px;
}

span.name {
    padding: 13px 18px;
}

h5.social i {
    padding: 0px 5px;
}

    h5.social i:hover {
        color: #068c07;
    }

.team-btn {
    margin-top: 35px;
}

    .team-btn a {
        border: 1px solid;
        padding: 8px 14px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        border-radius: 5px;
        color: #353535;
    }

    .team-btn i {
        margin-left: 5px;
    }


/*
----------------------------
14. Team Profile Page Area
----------------------------
*/

.single-attorney-bg {
    padding: 70px 0;
}

.attorney-head h2 {
    margin-bottom: 10px;
}

.attorney-head span {
    margin-bottom: 22px;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
    color: #068c07;
}

.attorney-head {
    border-bottom: 1px solid #eee;
}

.attorney-phone {
    margin-top: 25px;
}

    .attorney-phone span {
        font-weight: 700;
    }

    .attorney-phone h6 {
        display: inline-block;
        margin-left: 10px;
        font-style: italic;
        font-size: 14px;
        font-weight: 400;
    }

.attorney-email h6 {
    display: inline-block;
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
}

.attorney-icons {
    border-top: 1px solid #eee;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}

    .attorney-icons i {
        margin: 15px 0;
        padding: 14px;
    }

.attorney-list p {
    line-height: 35px;
}

/*
----------------------------
15. Attorney Experience
----------------------------
*/

.attorney-experience {
    background: #ddd;
}

.attorney-ex-bg {
    padding: 63px 0 60px 0;
}

.ex-head {
    margin-bottom: 25px;
}

    .ex-head h4 {
        margin-bottom: 10px;
    }

    .ex-head p {
        font-style: italic;
        font-weight: 700;
        letter-spacing: 1px;
    }

.ex-details p.second {
    margin-top: 25px;
}

/*
----------------------------
16. Practice Page
----------------------------
*/

.pr-pg-bg {
    padding: 70px 0 40px 0;
}

.pr-text h4 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 24px;
}

.pr-details {
    margin-bottom: 30px;
    display: inline-block;
}

/*
----------------------------
17. Practice Details Page
----------------------------
*/

.single-pr-bg {
    padding: 70px 0 70px 0;
}

.download-head h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 15px;
}

ul.download-list a {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 35px;
    padding: 10px 15px;
    margin-bottom: 15px;
    display: inline-block;
    background: #eee;
    color: #353535;
    letter-spacing: 1px;
}

.download-list a.second {
    padding: 10px 36px;
}

.download-list i {
    margin-right: 10px;
}

.sing-pr-text h4 {
    margin-top: 25px;
}

.sing-pr-text p.second {
    margin-top: 25px;
}

.sing-pr-post {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 30px;
}

.pr-post-img img {
    height: 130px;
}

.pr-post-img {
    margin-right: 25px;
}

.pr-post-text h4 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 24px;
}

/*
----------------------------
18. Contact Page
----------------------------
*/

.contact-pg-bg {
    padding: 70px 0 70px 0;
}

.contact-form input.form-control {
    height: 45px;
    border-radius: 0;
    width: 100%;
}

.contact-form textarea.form-control {
    border-radius: 0;
    height: 130px;
    width: 100%;
}

.contact-form button.btn {
    font-family: 'Montserrat', sans-serif;
    background: #068c07;
    color: #fff;
    padding: 10px 25px;
    /*margin-top: 15px;*/
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    border-radius: 0px;
}

    .contact-form button.btn:hover {
        background: #fff;
        color: #068c07;
        border: 1px solid #068c07;
    }

.map iframe {
    width: 100%;
    height: 380px;
}

.contact-map {
    margin-top: 20px;
}

/*
----------------------------
19. Preloader
----------------------------
*/

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 9999999;
}

    .preloader .spinner {
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
    }

.spinner {
    width: 40px;
    height: 40px;
    background-color: #068c07;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}