@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*====/========        ===== ==/====/
preloader CSS 
====/========        =======/====/*/

.preloader {
    background: #f6f6f6 none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.loader {
    height: 58px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 58px;
}
.loader span {
    background: rgb(1, 23, 84);
    display: block;
    height: 12px;
    opacity: 0;
    position: absolute;
    width: 12px;
    animation: load 4.6s ease-in-out infinite;
    -o-animation: load 4.6s ease-in-out infinite;
    -ms-animation: load 4.6s ease-in-out infinite;
    -webkit-animation: load 4.6s ease-in-out infinite;
    -moz-animation: load 4.6s ease-in-out infinite;
}
.loader span.block-1 {
    animation-delay: 1.06s;
    -o-animation-delay: 1.06s;
    -ms-animation-delay: 1.06s;
    -webkit-animation-delay: 1.06s;
    -moz-animation-delay: 1.06s;
    left: 0px;
    top: 0px;
}
.loader span.block-2 {
    animation-delay: 0.97s;
    -o-animation-delay: 0.97s;
    -ms-animation-delay: 0.97s;
    -webkit-animation-delay: 0.97s;
    -moz-animation-delay: 0.97s;
    left: 16px;
    top: 0px;
}
.loader span.block-3 {
    animation-delay: 0.87s;
    -o-animation-delay: 0.87s;
    -ms-animation-delay: 0.87s;
    -webkit-animation-delay: 0.87s;
    -moz-animation-delay: 0.87s;
    left: 31px;
    top: 0px;
}
.loader span.block-4 {
    animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -moz-animation-delay: 0.78s;
    left: 47px;
    top: 0px;
}
.loader span.block-5 {
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
    left: 0px;
    top: 16px;
}
.loader span.block-6 {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    left: 16px;
    top: 16px;
}
.loader span.block-7 {
    animation-delay: 0.51s;
    -o-animation-delay: 0.51s;
    -ms-animation-delay: 0.51s;
    -webkit-animation-delay: 0.51s;
    -moz-animation-delay: 0.51s;
    left: 31px;
    top: 16px;
}
.loader span.block-8 {
    animation-delay: 0.41s;
    -o-animation-delay: 0.41s;
    -ms-animation-delay: 0.41s;
    -webkit-animation-delay: 0.41s;
    -moz-animation-delay: 0.41s;
    left: 47px;
    top: 16px;
}
.loader span.block-9 {
    animation-delay: 0.32s;
    -o-animation-delay: 0.32s;
    -ms-animation-delay: 0.32s;
    -webkit-animation-delay: 0.32s;
    -moz-animation-delay: 0.32s;
    left: 0px;
    top: 31px;
}
.loader span.block-10 {
    animation-delay: 0.23s;
    -o-animation-delay: 0.23s;
    -ms-animation-delay: 0.23s;
    -webkit-animation-delay: 0.23s;
    -moz-animation-delay: 0.23s;
    left: 16px;
    top: 31px;
}
.loader span.block-11 {
    animation-delay: 0.14s;
    -o-animation-delay: 0.14s;
    -ms-animation-delay: 0.14s;
    -webkit-animation-delay: 0.14s;
    -moz-animation-delay: 0.14s;
    left: 31px;
    top: 31px;
}
.loader span.block-12 {
    animation-delay: 0.05s;
    -o-animation-delay: 0.05s;
    -ms-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
    -moz-animation-delay: 0.05s;
    left: 47px;
    top: 31px;
}
.loader span.block-13 {
    animation-delay: -0.05s;
    -o-animation-delay: -0.05s;
    -ms-animation-delay: -0.05s;
    -webkit-animation-delay: -0.05s;
    -moz-animation-delay: -0.05s;
    left: 0px;
    top: 47px;
}
.loader span.block-14 {
    animation-delay: -0.14s;
    -o-animation-delay: -0.14s;
    -ms-animation-delay: -0.14s;
    -webkit-animation-delay: -0.14s;
    -moz-animation-delay: -0.14s;
    left: 16px;
    top: 47px;
}
.loader span.block-15 {
    animation-delay: -0.23s;
    -o-animation-delay: -0.23s;
    -ms-animation-delay: -0.23s;
    -webkit-animation-delay: -0.23s;
    -moz-animation-delay: -0.23s;
    left: 31px;
    top: 47px;
}
.loader span.block-16 {
    animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
    -ms-animation-delay: -0.32s;
    -webkit-animation-delay: -0.32s;
    -moz-animation-delay: -0.32s;
    left: 47px;
    top: 47px;
}
@keyframes load {
    0% {
        opacity: 0;
        transform: translateY(-97px);
    }
    15% {
        opacity: 0;
        transform: translateY(-97px);
    }
    30% {
        opacity: 1;
        transform: translateY(0);
    }
    70% {
        opacity: 1;
        transform: translateY(0);
    }
    85% {
        opacity: 0;
        transform: translateY(97px);
    }
    100% {
        opacity: 0;
        transform: translateY(97px);
    }
}
@-o-keyframes load {
    0% {
        opacity: 0;
        -o-transform: translateY(-97px);
    }
    15% {
        opacity: 0;
        -o-transform: translateY(-97px);
    }
    30% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    70% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    85% {
        opacity: 0;
        -o-transform: translateY(97px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(97px);
    }
}
@-ms-keyframes load {
    0% {
        opacity: 0;
        -ms-transform: translateY(-97px);
    }
    15% {
        opacity: 0;
        -ms-transform: translateY(-97px);
    }
    30% {
        opacity: 1;
        -ms-transform: translateY(0);
    }
    70% {
        opacity: 1;
        -ms-transform: translateY(0);
    }
    85% {
        opacity: 0;
        -ms-transform: translateY(97px);
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(97px);
    }
}
@-webkit-keyframes load {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-97px);
    }
    15% {
        opacity: 0;
        -webkit-transform: translateY(-97px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    85% {
        opacity: 0;
        -webkit-transform: translateY(97px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(97px);
    }
}
@-moz-keyframes load {
    0% {
        opacity: 0;
        -moz-transform: translateY(-97px);
    }
    15% {
        opacity: 0;
        -moz-transform: translateY(-97px);
    }
    30% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    70% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    85% {
        opacity: 0;
        -moz-transform: translateY(97px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(97px);
    }
}

/*====/========        ===== ==/====/
Reset CSS 
====/========        =======/====/*/

* {
    padding: 0;
    margin: 0;
    outline: none!important;
}
a,
span {
    display: inline-block;
}
a:hover,
a:focus {
    text-decoration: none;
}
img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none
}
body {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}
a,
ul.drop_down_menu,
.owl-prev,
.owl-next,
a.read_more_btn:after,
.single_practice,
.attornies_content,
.attornies_content>h4,
.attornies_content>span,
.attornies_content>p,
.single_news,
.attorneys_name,
.practice_details_content > img,
.single_testimonial,
.single_news_widget > a::before,
.single_comment *,
.single_news_site_bar > * > h4::after,
.gellery_menu li,
.map_contact > li > * {
    transition: all .4s linear;
}
.section_padding {
    padding: 100px 0;
}
.section_padding_top {
    padding-top: 100px;
}
.section_padding_bottom {
    padding-bottom: 100px;
}
.section_title {
    margin: 0 auto 50px;
    text-align: center;
    width: 600px;
}
.section_title h2 {
    color: #010101;
    font-weight: 400;
    margin-bottom: 10px;
}
.section_title span {
    line-height: 28px;
    color: #222222;
}

/*====/========        ===== ==/====/
Reset css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
header  CSS start 
====/========        =======/====/*/

a.header_top_contact>i {
    color: #001a45;
    margin-right: 15px;
}
a.header_top_contact {
    color: #666666;
    margin-right: 30px;
    position: relative;
}
a.header_top_contact:hover {
    color: #001A57;
}
.social_links > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #6d6d6d;
    font-size: 13px;
    line-height: 30px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}
.social_links > a:first-child {
    margin-left: 0;
}
.social_links>a:hover {
    color: #001a45;
    box-shadow: 0 0 8px rgba(0, 26, 87, .3);
}
.header_top {
    padding: 12px 0;
}
.header_bottom {
    background: #001A57;
    padding: 5px 0;
}
@media only screen and (min-width:768px) {
    .main_menu>li {
        display: inline-block;
        position: relative;
    }
    .main_menu>li> a {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        position: relative;
        padding: 20px 0 15px;
        margin-left: 30px;
    }
    .main_menu>li> a:after {
        position: absolute;
        width: 100%;
        height: 2px;
        content: "";
        transition: .4s cubic-bezier(0, 0, 0.57, 1.79);
        background: #fff;
        visibility: hidden;
        left: -22px;
        opacity: 0;
        bottom: 0;
    }
    .main_menu>li> a:hover:after,
    .main_menu>li.active> a:hover:after {
        visibility: visible;
        opacity: 1;
        left: 0;
    }
    ul.drop_down_menu {
        position: absolute;
        z-index: 4;
        top: 75px;
        visibility: hidden;
        opacity: 0;
        left: 0;
        border-top: 2px solid #fff;
        transform: scaleY(.7)translateY(-40px);
    }
    ul.drop_down_menu>li> a {
        background: #001A57;
        width: 180px;
        text-align: left;
        padding: 8px 13px;
        border-bottom: 1px solid #361E14;
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
    }
    .main_menu>li:hover .drop_down_menu a {
        transform: rotate(0);
        transform-style: preserve-3d;
        opacity: 1;
    }
    ul.main_menu>li:hover ul.drop_down_menu {
        visibility: visible;
        opacity: 1;
        transform: rotate(0)translate(0)scale(1);
    }
}
.slicknav_menu {
    display: none;
}

/*====/========        ===== ==/====/
header area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
welcome area css start
====/========        =======/====/*/

.welcome_content,
.welcome_img {
    height: 600px;
}
.welcome_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.single_welcome_slider {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    z-index: 1;
}
.single_welcome_slider:after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.welcome_img img {
    position: absolute;
    bottom: 0;
}
.welcome_content h1 {
    font-size: 50px;
    color: #fff;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 20px;
}
.welcome_content span {
    color: #c4c4c4;
    line-height: 30px;
}
.welcome_content a {
    color: #f5f5f5;
    background: #011754;
    width: 170px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    line-height: 45px;
    margin-top: 15px;
    border-radius: 24px;
}
.welcome_content a:after {
    position: absolute;
    width: 158%;
    left: 125px;
    height: 3px;
    background: #fff;
    content: "";
    border-radius: 24px;
    top: 0;
    z-index: -1;
    transform: rotate(-50deg);
    transition: .4s linear
}
.welcome_content a:hover:after {
    visibility: visible;
    opacity: .1;
    height: 474%;
    left: -90px;
    top: -83px;
}
.welcome_slider .owl-prev,
.welcome_slider .owl-next {
    background: #011754 none repeat scroll 0 0;
    border: 3px solid #2d2927;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}
.welcome_slider .owl-prev:hover,
.welcome_slider .owl-next:hover {
    color: #011754;
    background: #fff;
    border-color: #434141;
}
.welcome_slider .owl-prev {
    left: 50%;
    margin-left: -625px;
}
.welcome_slider .owl-next {
    margin-right: -625px;
    right: 50%;
}
.welcome_content h1 {
    -webkit-animation-duration: .7s!important;
    animation-duration: .7s!important;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.welcome_content span {
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.welcome_content a {
    -webkit-animation-duration: 1.3s!important;
    animation-duration: 1.3s!important;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.welcome_img img {
    -webkit-animation-duration: 1.6s!important;
    animation-duration: 1.6s!important;
    -webkit-animation-delay: 1.2s;
    animation-delay: .5s;
}

/*====/========        ===== ==/====/
welcome area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
practice area css start
====/========        =======/====/*/

.law_section_grey {
    background: #F6F6F6;
}
.our_practice_area.home {
    padding-top: 90px;
}
.our_practice_area {
    padding-bottom: 50px;
}
.practice_icon {
    width: 85px;
    height: 70px;
    text-align: center;
    float: left;
    overflow: hidden;
    position: relative;
}
.practice_icon span {
    background-position: center center;
    background-repeat: no-repeat;
    height: 44px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: all 0.4s ease 0s;
    visibility: visible;
    width: 50px;
}
.single_practice {
    color: #434343;
    margin-bottom: 50px;
    padding: 10px 0 20px 10px;
}
.single_practice:hover .practice_icon span {
    top: 0;
    visibility: hidden;
    transform: rotateX(-50deg);
    transform-style: preserve-3d;
    opacity: 0;
}
.single_practice:hover .practice_icon span.practice_hover_icon {
    visibility: visible;
    opacity: 1;
    transform: rotate(0);
    top: 50%;
}
.practice_icon span.practice_hover_icon {
    top: 100%;
    visibility: hidden;
    opacity: 0;
}
.single_practice:hover .practice_icon {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.practice_title {
    overflow: hidden;
    padding: 5px;
    margin: 0 -5px;
}
.practice_title a {
    color: #030202;
    font-size: 22px;
    text-decoration: none;
    margin: 9px 12px;
    padding: 10px 20px;
}
.single_practice:hover {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.single_practice:hover .practice_title a {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 25px;
    color: #001a45;
}
.single_practice p {}
a.read_more_btn {
    margin-top: 15px;
    position: relative;
    color: #434343;
    padding-right: 24px;
}
a.read_more_btn:after {
    content: "\f178 ";
    font-family: fontawesome;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    right: 0;
}
.single_practice:hover a.read_more_btn {
    color: #011754;
}
.single_practice:hover a.read_more_btn::after {
    right: -6px;
}

/*====/========        ===== ==/====/
practice area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
count area css start
====/========        =======/====/*/

.count_area {
    background-image: url("/img/pettern1.png");
    background-repeat: repeat;
    padding: 65px 0;
}
.count_icon {
    border-right: 2px solid #aaaaaa;
    float: left;
    margin-bottom: 22px;
    margin-right: 15px;
    margin-top: 8px;
    padding-right: 18px;
}
.count_content h1 {
    color: #2a2a2a;
    font-size: 40px;
    margin-bottom: 5px;
}
.count_content > span {
    color: #2a2a2a;
}

/*====/========        ===== ==/====/
count area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
attornies area css start
====/========        =======/====/*/

.attornies_area.padding_90 {
    padding-top: 90px;
}
.attornies_img > img {
    width: 100%;
}
.attornies_img {
    padding-bottom: 25px;
    position: relative;
}
a.attorny_btn {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 3px solid #d0d0d0;
    border-radius: 50%;
    bottom: 5px;
    box-sizing: border-box;
    color: #001a45;
    left: 50%;
    line-height: 32px;
    margin-left: -17.5px;
    position: absolute;
    text-align: center;
    width: 35px;
}
.attornies_content {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 25px 10px 20px;
	max-height: 500px;
	overflow: auto;
}
.attornies_content:hover {
    background: #001a45 none repeat scroll 0 0;
}
.attornies_content > h4 {
    color: #030202;
    font-weight: 600;
    margin-bottom: 7px;
}
.attornies_content > span {
    color: #030202;
    font-size: 16px;
    margin-bottom: 8px;
}
.attornies_content > p {
    color: #797979;
}
.attornies_content:hover > h4 {
    color: #fff;
}
.attornies_content:hover > span {
    color: #f6f6f6;
}
.attornies_content:hover > p {
    color: #e2e2e2;
}
.attornies_img > a::after {
    content: "";
    font-family: fontawesome;
}
.attornies_img > a {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 2px solid #d0d0d0;
    border-radius: 50%;
    bottom: 10px;
    color: #001a45;
    height: 30px;
    left: 50%;
    line-height: 22px;
    margin-left: -15px;
    position: absolute;
    text-align: center;
    width: 30px;
}

/*====/========        ===== ==/====/
attornies area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
testimonial area css start
====/========        =======/====/*/

.single_testimonial_wraper {
    padding: 5px;
}
.single_testimonial_slider {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    color: #444444;
    padding: 30px 40px 60px;
}
.client_photo {
    border-radius: 50%;
    display: inline-block;
    height: 90px;
    width: 90px;
}
.single_testimonial_slider > h4 {
    color: #001a45;
    font-weight: 600;
    margin-top: 20px;
}
.single_testimonial_slider > span {
    color: #666666;
    margin-bottom: 20px;
    margin-top: 5px;
}
.brands > img {
    margin-bottom: 30px;
}
.testimonial_area {
    padding-bottom: 60px;
    padding-top: 90px;
}
.testimonial_area .section_title {
    margin-bottom: 60px;
    width: 360px;
}
.testimonial_slider .owl-next,
.testimonial_slider .owl-prev {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #d5d5d5;
    border-radius: 50%;
    color: #001a45;
    font-size: 16px;
    line-height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 35px;
}
.testimonial_slider .owl-next:hover,
.testimonial_slider .owl-prev:hover {
    background: #001a45 none repeat scroll 0 0;
    color: #fff;
}
.testimonial_slider .owl-prev {
    left: -17.5px;
}
.testimonial_slider .owl-next {
    right: -17.5px;
}

/*====/========        ===== ==/====/
testimonial area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
news area css start
====/========        =======/====/*/

.single_news > img {
    float: left;
    margin-right: 29px;
}
.single_news {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    overflow: hidden;
}
.single_news:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.news_content {
    padding: 20px 0 0;
}
.post_date {
    color: #666666;
    display: block;
    font-style: italic;
    margin-bottom: 5px;
}
a.news_header {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none;
}
.news_header::after {
    background: #001a45 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 60px;
}
.news_content > p {
    color: #444444;
}
.entry_meta > a {
    color: #666666;
    font-size: 16px;
    margin-right: 30px;
    text-transform: capitalize;
}
.entry_meta > a > i {
    color: #001a45;
    margin-right: 5px;
}
.entry_meta {
    margin-top: 5px;
}
.news_area.padding_90 {
    padding-top: 90px;
}
.news_area {
    padding-bottom: 70px;
}

/*====/========        ===== ==/====/
news area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
case_consultation area css start
====/========        =======/====/*/

.case_consultation {
    background-image: url("/img/consult_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative;
    z-index: 1;
}
.case_consultation::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.69;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.case_consultation .section_title h2 {
    color: #fff;
}
.case_consultation .section_title > span {
    color: #e6e6e6;
}
.case_consultation .section_title {
    margin-bottom: 60px;
}
.case_consultation_form input,
.case_consultation_form textarea,
.case_consultation_form select {
    border: medium none;
    border-radius: 3px;
    color: #555555;
    text-indent: 20px;
    width: 100%;
}
.case_consultation_form input,
.case_consultation_form select {
    height: 50px;
    margin-bottom: 20px;
}
.case_consultation_form textarea {
    height: 190px;
    padding-top: 10px;
}
.case_consultation_form select {
    text-indent: 7px;
}
a.submit_btn {
    background: #001a45 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 16px;
    line-height: 45px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 170px;
    z-index: 1;
}
a.submit_btn:after {
    position: absolute;
    width: 158%;
    left: 125px;
    height: 3px;
    background: #fff;
    content: "";
    top: 0;
    z-index: -1;
    transform: rotate(-50deg);
    transition: .4s linear;
    border-radius: 3px;
}
a.submit_btn:hover::after {
    height: 474%;
    left: -70px;
    opacity: 0.1;
    top: -83px;
    visibility: visible;
}
.nice-select {
    color: #343333;
    height: 50px;
    line-height: 50px;
    width: 100%;
}
.nice-select::after,
.nice-select.open::after {
    border: medium none;
    content: "";
    font-family: fontawesome;
    right: 10px;
    top: 4px;
    transform: rotate(0deg);
}
.nice-select .list {
    border-radius: 0;
    margin-top: 0;
    text-transform: capitalize;
    width: 100%;
}
.nice-select .current {
    text-transform: capitalize;
}

/*====/========        ===== ==/====/
case_consultation area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
footer_top area css start
====/========        =======/====/*/

.footer_top_area {
    background-image: url("/img/footer_pettern.png");
    padding: 80px 0 60px;
}
.footer_logo {
    margin-bottom: 5px;
    margin-top: -10px;
}
.single_footer > span {
    color: #cccbcb;
    margin-bottom: 10px;
    margin-right: -13px;
}
.footer_header {
    color: #fff;
    font-size: 20px;
    margin-bottom: 40px;
}
.single_footer.news_widget {
    padding-left: 10px;
}
a.news_post {
    color: #cccccc;
    margin-bottom: 30px;
    text-decoration: none;
}
.time {
    font-size: 14px;
    margin-bottom: 5px;
}
.footer_menu > a {
    color: #cccccc;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
.news_post > img {
    float: left;
    margin-right: 18px;
}
.footer_menu a > i {
    margin-right: 10px;
}
.footer_menu > a:hover,
.contact_info > a:hover {
    color: #ffff;
}
.contact_info > a {
    color: #cccccc;
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    text-decoration: none;
}
.contact_info a > i {
    color: #ffffff;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: 0;
}
.time > i {
    color: #fff;
    margin-right: 5px;
}
.footer_top_area .social_links > a {
    background: #ebebeb none repeat scroll 0 0;
    color: #001a45;
    font-size: 13px;
}
.footer_top_area .social_links > a:hover {
    background: #001a45 none repeat scroll 0 0;
    color: #ffffff;
}
.footer_top_area .social_links {
    margin-top: 10px;
}
.footer_top_area .social_links > a:first-child {
    margin-left: 0;
}

/*====/========        ===== ==/====/
footer_top area css end
====/========        =======/====/*/


/*====/========        ===== ==/====/
copyright area css start
====/========        =======/====/*/

.copyright_area {
    background: #001a45 none repeat scroll 0 0;
    padding: 12px 0;
}
.copyright_area p {
    color: #fff;
    font-size: 15px;
}
.copyright_area .main_menu > li > a::after {
    display: none;
}
.copyright_area .main_menu > li > a {
    padding: 0;
}

/*====/========        ===== ==/====/
copyright area css end
====/========        =======/====/*/


/*============================/========        ===== ==/============================/
inner_page_tittle area css
============================/========        =======/============================/*/

.tittle_area {
    background-image: url("/img/page_title_bg.jpg");
    color: #fff;
    padding: 85px 0;
}
.tittle_area h2 {
    font-size: 28px;
    font-weight: 600;
}
.tittle_area a {
    color: #fff;
}

/*============================/========        ===== ==/============================/
about page css start
============================/========        =======/============================/*/

.margin_100 {
    margin-top: 100px;
}
.about_story_content > h1 {
    color: #444444;
    font-size: 40px;
    margin-bottom: 25px;
}
.about_story_content > p {
    color: #444444;
    margin-bottom: 10px;
}
.about_story_content > p:last-child {
    margin: 0;
}
.spacer {
    padding-top: 100px;
}

/*============================/========        ===== ==/============================/
about page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
attorneys_details page css start
============================/========        =======/============================/*/

.attorneys_name {
    margin-bottom: 50px;
}
.attorneys_name:hover,
.attorny_contact:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.attorneys_details_area h4 {
    color: #313131;
    font-weight: 600;
}
.attorneys_name>h4 {
    padding-left: 10px;
    padding-top: 10px;
}
.attorneys_name > span {
    color: #6b6b6b;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.attorny_contact > span,
.education_information > span {
    color: #323232;
    font-weight: bold;
    margin-bottom: 15px;
}
.contact_details > a {
    color: #595959;
    padding-left: 35px;
    position: relative;
    display: block;
}
.contact_details > a > i {
    content: "/";
    left: 0;
    line-height: 30px;
    position: absolute;
    top: 0;
}
.contact_details {
    margin-bottom: 20px;
}
.attorny_contact {
    margin-bottom: 50px;
    padding: 10px;
}
.education_information {
    background: #f1f0f0 none repeat scroll 0 0;
    padding: 20px 10px;
}
.attorneys_content > h4 {
    margin-bottom: 15px;
}
.attorneys_content > p {
    color: #454545;
}
.attorneys_content {
    margin-bottom: 45px;
}
.attonreys_skill > h4 {
    margin-bottom: 25px;
}
.bi-label {
    left: 100%;
    margin-left: -37px;
    position: absolute;
    top: 5px;
}
.bi-mlst-innerLine {
    display: none;
}
.single_progress_bar > span {
    position: relative;
    top: -5px;
}

.barfiller .tip {
    background: transparent none repeat scroll 0 0;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.barfiller .tip::after {
    display: none;
}

.barfiller {
  background: #e5e5e5 none repeat scroll 0 0;
  box-shadow: none;
  margin-bottom: 8px;
}
.single_progress_bar {
    margin-bottom: 10px;
}
.best_award > h4 {
    margin-bottom: 35px;
}
.single_award {
    float: left;
    margin-bottom: 39px;
    margin-top: 10px;
    text-align: center;
    width: 50%;
}
.best_award {
    overflow: hidden;
}
.single_award > img {
    margin-bottom: 5px;
    width: 100%;
}
.attornies_area.padding_0 {
    padding-top: 0;
}
.attorneys_tittle {
    color: #404040;
    font-size: 20px;
    margin: 65px 0 75px;
}
.single_award > span {
    color: #454545;
}
.attorneys_name > img {
    width: 100%;
}

/*============================/========        ===== ==/============================/
attorneys_details page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
Practice_area page css start
============================/========        =======/============================/*/

.practice_category {
    background: #f0f0f0 none repeat scroll 0 0;
    margin-bottom: 35px;
    padding: 15px 20px 10px;
}
.practice_category a {
    border-bottom: 1px solid #e3e3e3;
    color: #030202;
    display: block;
    line-height: 45px;
}
.practice_category li:last-child > a {
    border-bottom: 0 none;
}
.practice_download_bar {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 20px 0 30px 15px;
}
.practice_download_bar > h4 {
    color: #030202;
    font-weight: 600;
    margin-bottom: 10px;
}
.download_pdf {
    margin-top: 10px;
    overflow: hidden;
}
.download_pdf > a {
    background: #001a57 none repeat scroll 0 0;
    border-radius: 3px;
    color: #f6f6f6;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 170px;
}
.download_pdf > i {
    color: #838383;
    font-size: 35px;
    line-height: 50px;
    margin-left: 20px;
}
.practice_details_content > img {
    margin-bottom: 55px;
}
.practice_details_content:hover > img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.practice_details_content h3 {
    margin-bottom: 30px;
}
.practice_details_content > p {
    margin-bottom: 15px;
}
.practice_details_content > p:last-child {
    margin-bottom: 0;
}

/*============================/========        ===== ==/============================/
Practice_area page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
testimonial page css start
============================/========        =======/============================/*/

.client_pic {
    background-position: to center;
    background-repeat: no-repeat;
    border-radius: 50%;
    float: left;
    height: 80px;
    margin-right: 20px;
    width: 80px;
}
.client_details {
    overflow: hidden;
    position: relative;
}
.single_testimonial {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
    padding: 20px 20px 15px;
}
.client_details > h4 {
    color: #222222;
    margin-top: 10px;
}
.client_details > span {
    color: #555555;
    margin-top: 5px;
}
.testimonial_client_content {
    margin-top: 10px;
}
.testimonial_client_content > h4 {
    color: #434343;
    font-weight: 600;
    margin-bottom: 15px;
}
.client_details::after {
    color: #d5d5d5;
    content: "” ";
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 19px;
}
.single_testimonial:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}
.testimonial_page_area.section_padding.law_section_grey {
    padding-bottom: 70px;
}

/*============================/========        ===== ==/============================/
testimonial page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
news page css start
============================/========        =======/============================/*/

.news_area.news_page_area {
    padding-bottom: 50px;
}
a.privew_page,
a.next_page {
    color: #222222;
    padding-bottom: 5px;
    position: relative;
}
a.privew_page::after,
a.next_page::after {
    background: #222222 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
a.page_number {
    background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 50%;
    color: #222222;
    line-height: 35px;
    margin: 0 4px;
    text-align: center;
    width: 35px;
}
.pagination {
    margin: -5px 0 0;
    overflow: hidden;
    padding: 5px 0;
}
.pagination > a {
    float: left;
}
a.privew_page {
    margin-right: 20px;
}
a.next_page {
    margin-left: 20px;
}
a.page_number:hover,
a.page_number.active {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.news_pagination_area {
    padding-bottom: 45px;
}

/*============================/========        ===== ==/============================/
news page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
single_news page css start
============================/========        =======/============================/*/

.single_news_page_area {
    padding-bottom: 70px;
}
.single_news_page > img {
    margin-bottom: 20px;
}
a.date {
    font-style: italic;
}
.single_news_page_content .entry_meta > a {
    color: #666666;
    margin-right: 20px;
}
.single_news_page_content .entry_meta > a > i {
    color: #585858;
    margin-right: 10px;
}
.single_news_page_content .entry_meta {
    margin-bottom: 8px;
}
.single_news_page_content > h4 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 22px;
}
a.news_btn:hover {
    color: #fff;
}
a.news_btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #001a45;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    width: 170px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
a.news_btn:after {
    position: absolute;
    width: 158%;
    left: 125px;
    height: 3px;
    background: #001a45;
    content: "";
    top: 0;
    z-index: -1;
    transform: rotate(-50deg);
    transition: .4s linear;
    border-radius: 3px;
}
a.news_btn:hover::after {
    height: 474%;
    left: -70px;
    opacity: 0.9;
    top: -83px;
    visibility: visible;
}
.single_news_page_wraper > * {
    margin-bottom: 50px;
}
.single_news_page_wraper > *:last-child {
    margin-bottom: 0;
}
.single_news_site_bar > * {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 25px 15px;
}
form.news_search_bar {
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.single_news_page a.news_btn {
    margin-top: 5px;
}
form.news_search_bar > input {
    border: medium none;
    color: #666666;
    height: 100%;
    text-indent: 10px;
    width: 100%;
}
.news_search_bar > a {
    color: #7b7a7a;
    line-height: 50px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.single_news_site_bar > * > h4 {
    color: #191919;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}
.single_news_site_bar > * > h4::after {
    background: #dedede none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 100%;
    margin-left: 20px;
    position: absolute;
    top: 50%;
    width: 150px;
}
.single_news_widget > a {
    color: #666666;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding-left: 30px;
    position: relative;
}
.news_widget_bar > h4 {
    margin-bottom: 30px;
}
.single_news_widget span {
    float: right;
}
.single_news_widget > a::before {
    background: #d0d0d0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}
.single_news_widget > a:last-child {
    margin-bottom: 0;
}
.single_news_widget > a:hover {
    color: #000000;
}
.single_news_widget > a:hover::before {
    background: #000 none repeat scroll 0 0;
}
.tag > span {
    border: 1px solid #e3e3e3;
    color: #666666;
    cursor: pointer;
    line-height: 40px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 0 13px;
}
.tag > span:nth-child(1) {
    margin-left: 0;
}
.tag > span:nth-child(4) {
    margin-left: 0;
}
.news_tag > h4 {
    margin-bottom: 30px;
}
a.single_recent_post {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}
.recent_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 111px;
    margin-right: 17px;
    width: 106px;
}
.recent_content > span {
    color: #666666;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}
.recent_content > span > i {
    color: #191919;
    margin-right: 15px;
}
.recent_content > h4 {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}
.recent_content {
    margin-top: 6px;
}

/*============================/========        ===== ==/============================/
single_news page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
news_details page css start
============================/========        =======/============================/*/

.news_details h4 {
    color: #001a45;
}
.news_details .single_news_page_content .entry_meta > a > i {
    color: #001a57;
}
.single_news_page_content > p {
    margin-bottom: 10px;
}
.news_details .single_news_page_content {
    overflow: hidden;
}
.news_details .single_news_page_content > img {
    float: left;
    margin: 10px 30px 10px 0;
    width: 370px;
}
.tag_share {
    margin-top: 30px;
}
.tag_share span:first-child {
    color: #1e1e1e;
    font-weight: 600;
    margin-left: 0;
}
.tag_share span {
    margin-left: 15px;
}
.share > span {
    cursor: pointer;
}
.share > span:hover {
    color: #001a45;
}
.share > span:first-child:hover {
    color: #1e1e1e;
}
.tag_share > p {
    margin-bottom: 10px;
}
.single_news_page_wraper.news_details .single_news_page {
    margin-bottom: 35px;
}
.news_comment > h4 {
    color: #262626;
    font-weight: 600;
    margin-bottom: 45px;
}
.comment_img {
    background-position: center center;
    background-size: cover;
    float: left;
    height: 100%;
    width: 176px;
    z-index: -1;
}
.comment_wraper {
    height: 176px;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
span.cmmenter_name {
    color: #262626;
    font-weight: 600;
}
.comment_title > span:last-child {
    float: right;
}
.comment_title > span:last-child {
    color: #818181;
    font-size: 14px;
}
.comment_title > span:last-child > i {
    margin-right: 10px;
}
.comment_content > a {
    color: #262626;
    padding-left: 20px;
    position: relative;
    margin-top: 5px;
}
.comment_content > a > i {
    color: #646464;
    left: 0;
    line-height: 27px;
    position: absolute;
}
.comment_content {
    background: #f6f6f6 none repeat scroll 0 0;
    bottom: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    position: absolute;
    right: 6px;
    width: 80%;
    top: 10px;
}
.single_comment > .single_comment {
    padding-left: 30px;
}
.comment_title {
    margin-bottom: 5px;
}
.comment_wraper:hover span.cmmenter_name {
    color: #001a45;
}
.comment_wraper:hover .comment_title span > i {
    color: #001a45;
}
.comment_wraper:hover .comment_content {
    background: #fff none repeat scroll 0 0;
}
.comment_wraper:hover .comment_content > a {
    color: #001a45;
}
.comment_wraper:hover .comment_content > a > i {
    color: #001a57;
}
.write_comment {
    margin-top: 25px;
}
.write_comment > h4 {
    color: #262626;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 55px;
}
.write_comment a.submit_btn {
    float: none;
}
.news_details .entry_meta {
    margin-bottom: 15px;
}
.single_news_site_bar > *:hover > h4::after {
    background: #001A57;
}

/*============================/========        ===== ==/============================/
news_details page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
faq page css start
============================/========        =======/============================/*/

dl.accordion {
    width: 100%;
}
.style2.accordion dt,
.accordion.style4 dt,
.accordion.style5 dt {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #dcdcdc;
    border-top: medium none;
    color: #0e0e0e;
    font-family: open sans;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
    padding: 0 0 15px 25px;
    text-transform: capitalize;
}
.style2.accordion dt.active,
.accordion.style4 dt.active,
.accordion.style5 dt.active {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.accordion.style2 dt.active::after,
.accordion.style4 dt.active::after,
.accordion.style5 dt:hover::after,
.accordion.style5 dt.active::after,
.accordion.style2 dt.active::after,
.accordion.style4 dt.active::after,
.accordion.style5 dt:hover::after,
.accordion.style5 dt.active::after,
.accordion.style2 dt::after,
.accordion.style4 dt::after,
.accordion.style5 dt::after {
    background: transparent none repeat scroll 0 0;
    color: #191919;
    content: "";
    font-family: fontawesome;
    font-size: 18px;
    font-weight: bold;
    left: -7px;
    line-height: 20px;
}
.accordion.style2 p {
    color: #444444;
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 15px;
}
.accordion.style2 p:first-child {
    margin-top: 0;
}
.faq_page_area .accordion dd {
    background: #f7f7f7 none repeat scroll 0 0;
}
dl.accordion {
    margin-bottom: 50px;
}
.single_faq_details > h3 {
    display: inline-block;
    margin-bottom: 45px;
    margin-top: -5px;
    position: relative;
}
.faq_page_area.sp {
    padding-bottom: 30px;
}
.single_faq_details h3::after {
    background: #c9c9c9 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 100%;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    width: 180px;
}
.faq_page_area .write_comment {
    margin-bottom: 95px;
    margin-top: 5px;
}
.faq_page_area .write_comment a.submit_btn {
    margin-top: 0;
}
.faq_page_area .case_consultation_form input {
    height: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    text-indent: 10px;
}
.faq_page_area .case_consultation_form textarea {
    height: 199px;
}

/*============================/========        ===== ==/============================/
faq page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
gellary page css start
============================/========        =======/============================/*/

.gellery_menu li {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    line-height: 38px;
    margin-left: 5px;
    text-align: center;
    width: 120px;
}
.gellery_menu li:first-child {
    width: 100px;
}
.gellery_menu li > a {
    color: #1a1a1a;
}
.gellery_menu li.active,
.gellery_menu li:hover {
    background: #001a45 none repeat scroll 0 0;
}
.gellery_menu li.active > a,
.gellery_menu li:hover > a {
    color: #fff;
}
.gellery_menu {
    margin-bottom: 70px;
}
.gellary_img > img {
    width: 100%;
}
.gellary_img {
    margin-bottom: 30px;
}
.gellary_page_area {
    padding-bottom: 70px;
}

/*============================/========        ===== ==/============================/
gellary page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
contact page css start
============================/========        =======/============================/*/

.contact_tittle h3 {
    color: #313131;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 5px;
}
.contact_tittle {
    margin-bottom: 50px;
    padding: 0 41px;
    text-align: center;
}
.contact_page_area .case_consultation_form input,
.contact_page_area .case_consultation_form textarea {
    text-indent: 10px;
}
.contact_page_area .case_consultation_form textarea {
    height: 200px;
}
.contact_page_area {
    padding-bottom: 80px;
    padding-top: 95px;
}
.map_contact_etails {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 40px 20px;
    margin: 45px 0;
}
.map_contact_title > h3 {
    color: #343434;
    font-weight: 600;
    margin-bottom: 15px;
}
.map_contact_title > span {
    color: #838383;
}
.map_contact_title {
    margin-bottom: 10px;
}
.map_contact > li {
    margin-bottom: 15px;
    padding-left: 55px;
    position: relative;
}
.map_contact > li:hover > * {
    color: #444444
}
.map_contact > li > * {
    color: #838383;
    display: block;
}
.map_contact > li i {
    font-size: 20px;
    left: 0;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.map_area {
    position: relative;
}

/*googlemap*/

// google logo remover css
a[href^="http://maps.google.com/maps"] {
    display: none !important
}
a[href^="https://maps.google.com/maps"] {
    display: none !important
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}
.gmnoprint div {
    background: none !important;
}
.map {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
}

/*============================/========        ===== ==/============================/
contact page css end
============================/========        =======/============================/*/


/*============================/========        ===== ==/============================/
error page css start
============================/========        =======/============================/*/

.error_content h1 {
    color: #f6f6f6;
    font-family: open sans;
    font-size: 256px;
    font-weight: 600;
    position: relative;
    text-shadow: -1px 0 #001a57, 0 1px #001a57, 1px 0 #001a57, 0 -1px #001a57;
}
.error_content h1::after {
    bottom: 0;
    content: "404";
    left: 0;
    position: absolute;
    text-shadow: 0 33px 21px rgba(0, 0, 0, 0.2);
    z-index: -1;
}
h1 {}
.error_content > span {
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.error_content input {
    background: #f1f1f1 none repeat scroll 0 0;
    border: medium none;
    color: #5f5f5f;
    height: 50px;
    margin-bottom: 10px;
    text-indent: 20px;
    width: 100%;
}
.error_content > a {
    color: #515151;
    padding-right: 15px;
    position: relative;
}
.error_content > a::after {
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}
.error_content {
    padding-right: 72px;
    text-align: center;
}
.error_page_area {
    padding: 170px 0;
}
.error_img {
    text-align: right;
    margin-top: 40px;
}

/*============================/========        ===== ==/============================/
error page css end
 ============================/========        =======/============================/*/