@import url(https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:300,400,600,700,800);
*{
    margin: 0;
     padding: 0;
     border: 0;
     outline: 0
}
body,html{
    overflow-x: hidden
}
html,html a{
    -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
}
body{
    font-family: 'Open Sans',sans-serif;
     font-size: 15px;
     color: #464646;
     overflow: hidden;
     line-height: 22px;
     background-color: transparent
}
p{
    color: #2a2a2a;
     margin-bottom: 15px
}
.tal{
    text-align: left
}
.tar{
    text-align: right
}
.tac{
    text-align: center
}
.ttu{
    text-transform: uppercase
}
.ttl{
    text-transform: lowercase
}
.ttn{
    text-transform: none
}
a{
    text-decoration: none!important;
     cursor: pointer
}
a:link,a:visited{
    transition: all .2s ease-out 0s;
     -webkit-transition: all .2s ease-out 0s;
     -moz-transition: all .2s ease-out 0s
}
:active,:focus,:hover,:visited{
    text-decoration: none;
     outline: 0!important
}
button,input,select,textarea{
    font-family: 'Open Sans',sans-serif
}
.page-wrapper{
    width: 100%;
     height: auto;
     position: relative;
     margin-top: 110px
}
h1,h3,h4,h5,h6{
    margin-top: 0;
     color: #353535
}
h2{
    margin-top: 0
}
.sep,.sep:after,.sep:before{
    right: 0;
     background: #353535;
     height: 1.5px
}
.sep{
    display: block;
     text-align: center;
     position: relative;
     left: 0;
     width: 30px;
     margin: 20px auto
}
.sep:after,.sep:before{
    content: '';
     position: absolute;
     left: -10px;
     width: 50px;
     margin: 5px 0
}
.sep:before{
    bottom: 0
}
.sep:after{
    top: 0
}
.sep-white,.sep-white:after,.sep-white:before{
    background: #fff
}
.gap-small{
    width: 100%;
     height: 20px;
     clear: both
}
.bg-gray{
    background: #f2f3f3!important
}
.no-pb{
    padding-bottom: 0!important
}
img{
    border: 0;
     outline: 0
}
.attorney .item .thumb img,.attorney .item:hover .thumb img,.img-fullwidth{
    width: 100%
}
.img-responsive{
    display: block;
     width: 100%;
     height: auto
}
.bg-white{
    background: #fff!important
}
.bg-black4{
    background: #f1f1f1!important
}
.heading-normal{
    width: 100%;
     height: auto;
     margin-bottom: 15px;
     overflow: hidden
}
.heading-normal h2{
    color: #dc203d;
     padding-bottom: 10px;
     font-size: 26px;
     font-weight: 600
}
.heading-normal p{
    color: #2a2a2a
}
h2,h3{
    font-weight: 600;
     text-transform: capitalize
}
h2{
    color: #333;
     position: relative;
     font-size: 34px;
     margin-bottom: 15px
}
.sf-menu li:hover li:hover li:hover a,h2 span,header.sticky .sf-menu li a:hover{
    color: #dc203d
}
#lang img,h3{
    display: inline-block
}
h3{
    font-size: 26px;
     margin-bottom: 10px
}
p.heading{
    margin-bottom: 50px;
     color: #666;
     font-size: 16px
}
.section-padding{
    padding: 50px 0
}
.template-btn{
    border: 2px solid #dc203d;
     color: #dc203d;
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     margin-top: 20px;
     padding: 10px 20px;
     transition: all .3s ease 0s
}
.template-btn:hover{
    background: #dc203d;
     color: #fff
}
.center-red-bar,.red-bar{
    height: 4px;
     position: relative
}
.center-red-bar{
    background: #dc203d;
     display: block;
     margin: 0 auto 15px;
     width: 80px
}
.red-bar{
    background: #dc203d 0 0;
     width: 70px;
     margin-bottom: 15px
}
#preloader{
    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 999999
}
#status{
    width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: url(../img/preloader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0)
}
#lang img{
    margin-left: 5px
}
.sf-menu li li a,header{
    -webkit-transition: all .4s ease;
     transition: all .4s ease
}
header,header.sticky{
    position: fixed;
     background: #fff;
     top: 0;
     width: 100%
}
header{
    background: 0 0;
     z-index: 99999;
     height: 110px
}
header .logo{
    float: left;
     -webkit-transition: background .2s;
     transition: background .2s
}
header .logo img{
    height: 70px;
     margin: 18px 0 10px;
     text-align: center;
     transition: all .3s ease
}
#lang,header .nav-wrapper,header .nav-wrapper ul{
    float: right
}
header.sticky{
    left: 0;
     height: 60px;
     z-index: 10000;
     -webkit-box-shadow: 0 8px 15px -7px rgba(0,0,0,.75);
     -moz-box-shadow: 0 8px 15px -7px rgba(0,0,0,.75);
     box-shadow: 0 8px 15px -7px rgba(0,0,0,.75)
}
header.sticky .logo img{
    height: 40px;
     margin-top: 10px;
     transition: all .3s ease;
     content: url(../img/logo-sticky.png)
}
header.sticky .sf-menu .menu-description{
    display: none
}
header.sticky .sf-menu li a{
    padding: 10px 18px;
     color: #333
}
header.sticky .sf-menu li li a{
    padding-top: 2px;
     padding-bottom: 2px
}
header.sticky .sf-menu>li{
    margin-top: 0;
     height: 60px;
     line-height: 40px
}
.sf-menu{
    margin-bottom: 0
}
.sf-menu ul{
    box-shadow: none;
     border-top: 0
}
.sf-menu a{
    padding-top: 0;
     padding-bottom: 0;
     font-weight: 400
}
.sf-menu li{
    text-transform: none;
     background: 0 0
}
.sf-menu li li>ul,.sf-menu li ul{
    border: 1px solid #ddd
}
.sf-menu li li>ul{
    margin-left: 1px
}
.sf-menu li li{
    min-width: 170px;
     height: auto;
     line-height: 30px;
     color: #fff;
     margin-right: 0;
     -webkit-transition: height 200ms ease-in;
     -moz-transition: height 200ms ease-in;
     -o-transition: height 200ms ease-in;
     transition: height 200ms ease-in
}
.sf-menu li li a{
    border-bottom: 1px solid #fff;
     border-top: 1px solid #fff;
     font-weight: 400!important;
     font-size: 13px;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     padding: 2px 0 2px 15px
}
.sf-menu li li:hover a:hover{
    border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd
}
.sf-menu li li:first-child:hover a:hover{
    border-top: 1px solid #fff
}
.sf-menu li li:last-child:hover a:hover{
    border-bottom: 1px solid #fff
}
.sf-menu li li:last-child{
    border-bottom: 0
}
.sf-menu li li:hover>ul{
    -moz-animation: slideInRight .3s ease;
     -webkit-animation: slideInRight .3s ease;
     animation: slideInRight .3s ease
}
.sf-menu li li:hover a{
    padding-left: 25px;
     font-weight: 400
}
.sf-menu li li:hover li a{
    padding-left: 15px
}
.sf-menu li li li{
    margin-left: -1px
}
.sf-menu li li li a{
    color: green
}
.sf-menu li li li a:hover{
    color: #2a2a2a;
     padding-left: 25px
}
.sf-menu li a{
    color: #fff;
     border: 0;
     font-size: 14px;
     font-weight: 400;
     padding: 10px 21px;
     text-transform: none
}
.sf-menu li:hover,.slide-single:hover p{
    background: 0 0
}
.sf-menu li:hover>ul{
    display: block;
     -moz-animation: zoomIn .3s ease;
     -webkit-animation: zoomIn .3s ease;
     animation: zoomIn .3s ease
}
.sf-menu li:hover a{
    color: #cd282c
}
.sf-menu li.sfHover{
    background: 0 0;
     font-weight: 700
}
.sf-menu>li{
    text-transform: uppercase;
     margin-top: 0;
     height: 110px;
     line-height: 90px
}
.sf-menu li a,.sf-menu>li>a,.slide-single h2{
    font-family: 'Open Sans',sans-serif
}
.sf-menu>li>a{
    color: #252525;
     font-size: 18px;
     font-weight: 300
}
.sf-menu li:hover li:hover a,.slide-single p a:hover{
    background: #fff;
     color: #dc203d
}
.sf-menu li:hover li:hover li a{
    color: #5b5b5b
}
.sf-menu li:hover li a{
    background: #fff!important;
     color: #5b5b5b
}
@media screen and (max-width:991px){
    #menu{
        display: none
    }
    .slicknav_menu{
        display: block
    }
    header.sticky .logo{
        z-index: 99999
    }
    body.sticky .slicknav_menu{
        z-index: 99999;
         position: fixed;
         width: 100%;
         margin-top: -65px
    }
    body.sticky .slide-carousel{
        margin-top: 124px
    }
    .featured-box .item{
        margin-bottom: 25px
    }
    .slicknav_nav .slicknav_row:hover,.slicknav_nav .slicknav_row:hover a{
        color: #333
    }
}
@media screen and (min-width:992px){
    .slicknav_menu{
        display: none
    }
    #menu{
        display: block
    }
}
.slicknav_menu .slicknav_menutxt{
    text-indent: -9999px
}
.slicknav_menu .slicknav_icon{
    margin-left: 0
}
@media screen and (max-width:599px){
    .top-bar{
        text-align: center
    }
    .top-bar .top-contact,.top-bar .top-social{
        float: none;
         width: 100%;
         display: inline-block
    }
    .top-bar .top-contact .list{
        width: 100%;
         float: none
    }
    .top-bar .top-social ul{
        float: none;
         width: 100%;
         text-align: center
    }
    .top-bar .top-social ul li{
        float: none;
         display: inline-block;
         margin-left: 0;
         margin-right: 0
    }
}
.slide-single,.slide-single .text{
    text-align: center;
     position: relative
}
.slide-single{
    width: 100%;
     height: 660px;
     background-image: url(../images/slide1.jpg);
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center
}
.slide-single .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #262626;
     opacity: .7
}
.slide-single .text{
    padding-top: 19%;
     z-index: 99
}
.slide-single .text-page{
    padding-top: 12%
}
.slide-single h2{
    font-size: 40px;
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 5px;
     width: 80%;
     line-height: 50px
}
.slide-single h2,.slide-single h3,.slide-single p a{
    padding: 10px 20px;
     color: #fff;
     display: inline-block
}
.slide-single h3{
    font-family: 'Open Sans',sans-serif;
     font-size: 27px;
     margin-bottom: 15px;
     font-weight: 500
}
.slide-carousel .item p,.slide-single p{
    font-size: 18px;
     color: #fff;
     font-weight: 500;
     margin-top: 20px
}
.slide-carousel .item h2,.slide-carousel .item h3,.slide-single p{
    font-family: 'Open Sans',sans-serif;
     text-transform: uppercase
}
.slide-single p a{
    border: 1px solid #fff;
     background: 0 0;
     font-weight: 600
}
.slide-single p a:hover{
    border-color: #fff
}
.slide-carousel{
    overflow: hidden;
     margin-bottom: -10px;
     position: relative
}
.slide-carousel .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #262626;
     opacity: 0
}
.slide-carousel .item{
    height: 660px;
     background: #4bcaff;
     text-align: center;
     background-repeat: no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     background-size: cover
}
.slide-carousel .item .photo{
    width: 100%;
     height: 100%
}
.slide-carousel .item .text{
    padding-top: 220px;
     text-align: center;
     position: relative;
     z-index: 99
}
.slide-carousel .item .text h2,.slide-carousel .item .text h3{
    text-transform: capitalize;
     font-weight: 400;
     -webkit-animation-duration: .8s;
     animation-duration: .8s;
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
     width: 80%;
     line-height: 50px;
     font-size: 88px;
     text-align: right
}
.slide-carousel .item .text h3{
    -webkit-animation-delay: .4s;
     animation-delay: .4s;
     line-height: 32px;
     text-transform: none;
     font-weight: 300;
     font-size: 43px
}
.slide-carousel .item .text .item-call-to-us,.slide-carousel .item .text .item-mail-us,.slide-carousel .item .text p{
    display: inline-block;
     -webkit-animation-duration: .8s;
     animation-duration: .8s;
     -webkit-animation-delay: .8s;
     animation-delay: .8s
}
.slide-carousel .item .text p{
    margin-top: 35px;
     text-align: right;
     padding: 10px 20px;
     width: 80%
}
.slide-carousel .item .text .item-call-to-us,.slide-carousel .item .text .item-mail-us{
    height: 166px;
     width: 250px;
     margin-left: 20px;
     position: relative;
     overflow: hidden
}
.slide-carousel .item .text .item-mail-us{
    background: url(../images/icon-mail.png) no-repeat center 30px rgba(9,22,48,.8)
}
.slide-carousel .item .text .item-call-to-us{
    color: #fff;
     background: url(../images/icon-phone.png) no-repeat center 30px #cd282c
}
.slide-carousel .item .text .item-call-to-us:after,.slide-carousel .item .text .item-mail-us:after{
    content: "";
     position: absolute;
     top: -140%;
     left: -210%;
     width: 200%;
     height: 200%;
     opacity: 0;
     transform: rotate(30deg);
     background: rgba(255,255,255,.13);
     background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%)
}
.slide-carousel .item .text .item-call-to-us:hover:after,.slide-carousel .item .text .item-mail-us:hover:after{
    opacity: 1;
     top: -30%;
     left: -30%;
     transition-property: left,top,opacity;
     transition-duration: .7s,.7s,.15s;
     transition-timing-function: ease
}
.slide-carousel .item .text .item-call-to-us span,.slide-carousel .item .text .item-mail-us span{
    color: #fff;
     font-weight: 300;
     font-size: 14px;
     text-transform: uppercase;
     display: block;
     text-align: center;
     padding-top: 85px
}
.slide-carousel .item .text .item-call-to-us b,.slide-carousel .item .text .item-mail-us b{
    display: block;
     font-size: 25px;
     padding-top: 10px
}
.slide-carousel .item h2,.slide-carousel .item h3{
    font-size: 40px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 0;
     display: inline-block;
     padding: 10px 20px
}
.slide-carousel .item h3{
    font-size: 27px;
     font-weight: 400;
     margin-bottom: 10px
}
.slide-carousel .item p{
    text-transform: capitalize
}
.slide-carousel .owl-prev{
    display: block;
     position: absolute;
     top: 44%;
     left: 0
}
.slide-carousel .owl-next{
    display: block;
     position: absolute;
     top: 44%;
     right: 0
}
.slide-carousel .owl-nav [class*=owl-]{
    font-size: 50px;
     font-weight: 400;
     padding: 10px;
     text-align: center;
     background: 0 0;
     color: #fff;
     transition: all ease .4s;
     display: none!important
}
.slide-carousel .owl-nav [class*=owl-]:hover{
    color: #dc203d;
     background: 0 0
}
.slide-single-page{
    background-image: url(../images/banner.jpg);
     height: 265px
}
.slide-single-page h2{
    font-size: 32px!important;
     font-weight: 500!important
}
.slide-single-page .overlay{
    opacity: .7
}
.slide-single-page .text{
    padding-top: 0!important
}
.slide-single-page .text-page{
    height: 300px;
     padding-top: 0
}
.slide-single-page .text-page .this-item{
    width: 100%;
     height: 300px;
     display: table;
     text-align: center
}
.slide-single-page .text-page .this-item h2{
    display: table-cell;
     vertical-align: middle;
     font-weight: 600!important;
     text-transform: capitalize!important
}
.description-area{
    padding: 0
}
.description-area .container{
    background: url(../images/desc_bg.png) no-repeat right center;
     padding: 100px 0
}
.description-area .description span{
    display: block;
     color: #1a2031;
     font-weight: 300;
     font-size: 20px;
     line-height: 34px;
     margin-bottom: 50px
}
.description-area .description{
    margin-bottom: 85px
}
.description-tags span{
    display: block;
     line-height: initial
}
.description-tags span:nth-child(1){
    color: #04255a;
     font-weight: 400;
     font-size: 34px;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 13px
}
.description-tags span:nth-child(2){
    color: #04255a;
     font-weight: 900;
     font-size: 45px;
     text-transform: uppercase;
     padding-left: 10%
}
.description-tags span:nth-child(3){
    color: #cd282c;
     font-weight: 900;
     font-size: 47px;
     text-align: left;
     padding-left: 30%;
     margin-bottom: 17px
}
.description-tags span:nth-child(4){
    color: #04255a;
     font-weight: 300;
     font-size: 34px;
     text-transform: uppercase;
     padding-left: 20%
}
.about_wrapper{
    background: #fff;
     padding: 40px;
     position: relative
}
.about_wrapper:after,.about_wrapper:before{
    content: '';
     width: 100%;
     height: 30px;
     background: #fff;
     opacity: .5;
     display: block;
     position: absolute;
     left: 0;
     bottom: -10px
}
.about_wrapper:after{
    opacity: .2;
     bottom: -20px
}
.about-area{
    background: url(../images/about-us-bg.jpg) no-repeat center right #e1e6ea;
     padding: 80px 0
}
.about-area h3{
    color: #0d2d60;
     font-size: 35px;
     font-weight: 900;
     text-transform: uppercase;
     display: block;
     margin-bottom: 30px
}
.about-area .about_wrapper span{
    line-height: 34px;
     font-size: 19px;
     font-weight: 300;
     display: block;
     margin-bottom: 45px;
     text-align: justify
}
.about-area .about_wrapper span:last-child,.aeo-section span:last-child{
    margin: 0
}
.offer-area{
    background: #f9fafa;
     padding: 65px 0
}
.offer-area h3{
    color: #0d2d60;
     font-size: 35px;
     font-weight: 900;
     text-transform: uppercase;
     display: block;
     margin-bottom: 50px;
     padding-left: 30px
}
span.offer{
    background: #fff;
     color: #1a2031;
     font-size: 23px;
     box-shadow: 0 12px 29px 0 rgba(0,0,0,.08);
     margin: 15px;
     width: calc(33.333333333% - 30px);
     display: inline-block;
     float: left;
     height: 235px;
     text-align: center;
     position: relative;
     padding-top: 80px
}
span.offer:before{
    content: '';
     width: 100%;
     height: 3px;
     position: absolute;
     left: 0;
     top: 0
}
span.offer:nth-child(odd):before{
    background: #04255a
}
span.offer:nth-child(even):before{
    background: #cd282c
}
span.offer span{
    line-height: 38px
}
.offer-info{
    color: #1a2031;
     font-size: 24px;
     font-weight: 300;
     line-height: 34px;
     padding: 50px 0 20px 30px
}
.aeo-section{
    background: url(../images/aeo_bg.jpg) no-repeat center right #ced5db;
     padding: 90px 0;
     height: 570px
}
.aeo-section h3{
    text-transform: uppercase;
     font-weight: 900;
     font-size: 25px;
     color: #0d2d60;
     display: block;
     margin-bottom: 50px
}
.aeo-section span{
    color: #252525;
     font-size: 19px;
     font-weight: 300;
     line-height: 29px;
     display: block;
     margin-bottom: 30px
}
.practice-box-bg-1{
    background: url(../images/pc1.jpg)
}
.practice-box-bg-2{
    background: url(../images/pc2.jpg)
}
.practice-box-bg-3{
    background: url(../images/dept9.jpg)
}
.practice-box-bg-4{
    background: url(../images/pc4.jpg)
}
.practice-box-bg-5{
    background: url(../images/pc5.jpg)
}
.practice-box-bg-6{
    background: url(../images/pc6.jpg)
}
.practice-box-bg-7{
    background: url(../images/pc7.jpg)
}
.practice-box-bg-8{
    background: url(../images/pc9.jpeg)
}
.practice-box-bg-9{
    background: url(../images/pc8.jpg)
}
.single-practice-box{
    background-color: #ddd;
     background-position: center center;
     background-size: cover;
     height: 200px;
     margin-bottom: 40px;
     position: relative
}
.about-video:after,.single-practice-box:after{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     background: rgba(0,0,0,.6)
}
.practice-content{
    bottom: 25px;
     left: 35px;
     position: absolute;
     z-index: 99
}
.attorney .text h3 a,.practice-content a{
    color: #fff
}
.practice-content>h3{
    display: block;
     color: #fff;
     font-size: 22px;
     font-weight: 400;
     text-transform: capitalize
}
a.practice-btn{
    font-size: 16px;
     padding: 5px 12px;
     border: 2px solid #dc203d;
     display: inline-block;
     margin-top: 5px;
     background: #dc203d;
     transition: all ease .4s;
     font-weight: 400
}
a.practice-btn:hover{
    background: #fff;
     color: #dc203d;
     border: 2px solid #fff
}
.about-video{
    background: url(../images/slide2.jpg);
     background-position: center center;
     background-size: cover;
     background-attachment: fixed;
     padding: 150px 0;
     background-color: #ddd;
     position: relative;
     text-align: center;
     z-index: 99
}
.about-video:after{
    z-index: -1
}
.featured-icon-box i.fa,.video-play-btn i.fa{
    background: #dc203d 0 0;
     border-radius: 50%;
     color: #fff;
     text-align: center
}
.video-play-btn i.fa{
    padding-left: 7px;
     transition: all .3s ease 0s;
     border: 2px solid #dc203d;
     font-size: 28px;
     height: 70px;
     line-height: 67px;
     width: 70px
}
.video-play-btn i.fa:hover{
    background: rgba(207,148,85,.3);
     color: #fff;
     border: 2px solid transparent
}
.video-play-btn{
    display: block;
     text-align: center
}
.about-content-box h3.section-title{
    text-align: left;
     margin-bottom: 40px
}
.about-content-box>h3.section-title::after{
    left: 35px;
     width: 25%
}
.about-item{
    margin-top: 15px;
     list-style: none;
     margin-left: -15px
}
.about-item>li{
    color: #333;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase
}
.about-item li i.fa{
    color: #dc203d;
     display: inline-block;
     font-size: 19px;
     height: 45px;
     line-height: 45px;
     margin-right: 5px;
     text-align: center;
     width: 45px;
     transition: all ease .3s;
     border: 1px solid transparent
}
.about-item li:hover i.fa{
    border: 1px solid #dc203d
}
.about-image img{
    max-width: 100%
}
.single-testimonial-item{
    background: url(../img/pattern.png);
     padding: 40px;
     transition: all ease .4s;
     margin: 5px;
     position: relative
}
.single-testimonial-item .bar-1,.single-testimonial-item .bar-2{
    content: "";
     height: 60px;
     left: 0;
     position: absolute;
     top: 0;
     width: 3px;
     background: #dc203d;
     transition: all ease .3s
}
.single-testimonial-item .bar-1{
    width: 60px;
     height: 3px
}
.single-testimonial-item .bar-3,.single-testimonial-item .bar-4{
    content: "";
     height: 60px;
     right: 0;
     position: absolute;
     bottom: 0;
     width: 3px;
     background: #dc203d;
     transition: all ease .3s
}
.single-testimonial-item .bar-4{
    width: 60px;
     height: 3px
}
.single-testimonial-item:hover .bar-1,.single-testimonial-item:hover .bar-2{
    top: 20px;
     left: 20px
}
.single-testimonial-item:hover .bar-3,.single-testimonial-item:hover .bar-4{
    right: 20px;
     bottom: 20px
}
.client-info>h4,.news .thumbnail .caption h3{
    color: #333;
     font-size: 20px;
     font-weight: 600
}
.client-info>h4 span{
    display: block;
     font-size: 14px;
     font-weight: 400;
     margin: 10px 0
}
.client-info{
    text-align: center
}
.client-img{
    display: block;
     height: 150px;
     margin: 25px auto;
     width: 150px
}
.client-img,.client-img>img{
    border-radius: 50%
}
.single-testimonial-item blockquote{
    font-family: 'Open Sans',sans-serif;
     font-size: 14px;
     font-weight: 400;
     text-align: center
}
.testimonial-wrapper .owl-nav div{
    background: rgba(207,148,85,.2) 0 0;
     height: 40px;
     left: -70px;
     position: absolute;
     top: 50%;
     width: 40px;
     text-align: center;
     font-size: 25px;
     line-height: 34px;
     margin-top: -20px
}
.testimonial-wrapper .owl-nav div.owl-next{
    left: auto;
     right: -70px
}
.our-clients{
    background: #f2f3f3
}
.single-client-item{
    width: 140px;
     height: 150px;
     display: table;
     margin: 0 auto
}
.client-item-inner{
    display: table-cell;
     vertical-align: middle
}
.featured{
    width: 100%;
     height: auto;
     padding-top: 50px;
     padding-bottom: 10px
}
.featured-info{
    overflow: hidden
}
.featured-info-single-box{
    border: 1px solid #dc203d;
     border-radius: 2px;
     padding: 25px;
     text-align: center;
     transition: all ease .4s;
     margin-bottom: 40px
}
.featured-info-single-box:hover{
    background: #f5f5f5;
     border: 1px solid #f5f5f5
}
.featured-icon-box{
    overflow: hidden
}
.featured-icon-box i.fa{
    border: 5px solid #ffdada;
     float: none;
     font-size: 35px;
     height: 60px;
     line-height: 50px;
     margin-right: 15px;
     width: 60px
}
.featured-icon-box>h3{
    font-size: 20px;
     font-weight: 700;
     margin-top: 20px;
     text-transform: uppercase
}
.featured-info-single-box>p{
    margin-top: 5px
}
.attorney{
    padding-top: 50px;
     padding-bottom: 50px
}
.attorney .heading{
    margin-bottom: 20px;
     text-align: center
}
.attorney .heading p,.news .heading p{
    text-align: center;
     color: #666;
     margin-bottom: 50px
}
.attorney .attorney-inner,.work-counter{
    position: relative
}
.attorney .item{
    padding-left: 10px;
     padding-right: 10px;
     margin-bottom: 20px
}
.attorney .item .thumb{
    position: relative;
     overflow: hidden
}
.attorney .item .thumb .overlay{
    width: 100%;
     height: 0;
     opacity: 1;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     background: rgba(0,0,0,.4)
}
.attorney .item:hover .thumb .overlay{
    opacity: 1;
     height: 100%
}
.attorney .item .social-icons{
    margin-top: -12%;
     position: absolute;
     bottom: -20px;
     width: 100%;
     opacity: 0;
     transition: all ease .4s
}
.attorney .item:hover .social-icons{
    bottom: 0;
     opacity: 1
}
.attorney .item .social-icons ul{
    text-align: center;
     padding-left: 10px;
     background: #dc203d;
     margin-bottom: 0
}
.attorney .item .social-icons ul li{
    list-style-type: none;
     display: inline-block;
     margin-right: 10px;
     padding: 5px 0
}
.attorney .item .social-icons ul li a{
    color: #fff;
     display: block;
     font-size: 16px;
     height: 34px;
     line-height: 30px;
     text-align: center;
     width: 34px;
     -webkit-transition: ease .3s all;
     -moz-transition: ease .3s all;
     -ms-transition: ease .3s all;
     -o-transition: ease .3s all;
     transition: ease .3s all;
     border: 2px solid #fff
}
.attorney .item .social-icons ul li a:hover{
    background: #333
}
.attorney .text{
    bottom: -10%;
     position: absolute;
     width: 100%;
     opacity: 0;
     left: -160px;
     -webkit-transition: ease .4s all;
     -moz-transition: ease .4s all;
     -ms-transition: ease .4s all;
     -o-transition: ease .4s all;
     transition: ease .4s all
}
.attorney .thumb:hover .text{
    left: 0;
     text-align: center
}
.attorney .item .text{
    bottom: 17%;
     opacity: 1
}
.attorney .text h3{
    color: #dc203d;
     font-weight: 700;
     font-size: 22px;
     margin-bottom: 5px
}
.attorney .text h4{
    font-size: 16px;
     font-weight: 500;
     color: #fff
}
.work-counter{
    width: 100%;
     height: auto;
     background: url(../img/counter/counter-bg.jpg) no-repeat center top;
     padding: 70px 0;
     font-family: 'Lora',serif
}
.work-counter .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #001a1a;
     opacity: .7
}
.news .heading,.work-counter .counter-col{
    text-align: center
}
.work-counter .counter-col .icon img{
    width: auto;
     height: auto;
     padding-top: 20px
}
.work-counter .counter-col .text h1{
    color: #0d2d60;
     font-size: 60px;
     margin-top: 10px;
     font-weight: 700;
     margin-bottom: 20px
}
.work-counter .counter-col .text h5{
    font-weight: 400;
     font-size: 20px;
     color: #040404;
     padding-bottom: 20px
}
.counter.plus::after{
    content: '+'
}
.news{
    background: #f2f3f3;
     padding-top: 50px;
     padding-bottom: 50px
}
.news .heading{
    margin-bottom: 20px
}
.attorney .heading h2,.news .heading h2{
    font-size: 34px;
     font-weight: 600;
     color: #333;
     margin-bottom: 15px;
     position: relative;
     text-transform: capitalize
}
.news .thumbnail{
    padding: 0;
     border-radius: 0
}
.gallery,.news .thumbnail,.news .thumbnail .photo{
    position: relative
}
.gallery .item .photo img,.news .thumbnail .photo img{
    width: 100%
}
.news .thumbnail .date{
    font-family: 'Open Sans',sans-serif;
     width: 100%;
     height: 0;
     position: absolute;
     bottom: 0;
     left: 0;
     background: rgba(70,70,70,.8);
     color: #fff;
     font-size: 14px;
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     opacity: 0
}
.news .thumbnail .date .inner{
    padding-top: 15px
}
.news .thumbnail:hover .date{
    opacity: 1;
     height: 50px
}
.news .thumbnail .caption{
    padding: 15px
}
.news .thumbnail .caption h3{
    color: #dc203d;
     text-transform: capitalize
}
.news .thumbnail .caption h4{
    font-family: 'Open Sans',sans-serif;
     color: #868686;
     font-weight: 400;
     font-size: 13px;
     margin-bottom: 15px
}
.news .thumbnail .caption p{
    font-size: 14px;
     line-height: 22px
}
.news .thumbnail .caption p a{
    background: #dc203d;
     border-color: #dc203d;
     margin-top: 10px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     border-radius: 0
}
.news .thumbnail .caption p a:hover{
    background: #2a2a2a;
     border-color: #2a2a2a
}
.gallery{
    padding-top: 50px;
     padding-bottom: 50px;
     text-align: center;
     background: #fff
}
.gallery .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #2a2a2a;
     opacity: .7
}
.gallery h2,.gallery h3{
    font-family: "Raleway",serif;
     text-align: center
}
.gallery h2{
    font-weight: 600;
     text-transform: uppercase;
     font-size: 30px;
     color: #2496d8
}
.gallery h3{
    display: inline-block;
     font-size: 24px;
     border-top: 1px dotted #f2f3f3;
     border-bottom: 1px dotted #f2f3f3;
     color: #f2f3f3;
     padding-top: 5px;
     padding-bottom: 10px
}
.gallery .menu-grid h2,.gallery h3{
    margin-bottom: 20px
}
.gallery .menu-grid h3{
    padding-top: 5px;
     padding-bottom: 5px
}
.gallery .menu-grid-item{
    overflow: hidden;
     margin-bottom: 50px
}
.gallery .item{
    margin-bottom: 30px;
     width: 100%
}
.gallery .item .inner{
    position: relative;
     overflow: hidden;
     margin-bottom: 25px
}
.gallery .item .inner:hover .desc{
    top: 0;
     opacity: .7;
     filter: alpha(opacity=70)
}
.gallery .item .desc{
    position: absolute;
     top: -15%;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0);
     background-color: #2a2a2a;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}
.gallery .item .desc p{
    color: #f2f3f3;
     font-size: 14px;
     line-height: 20px;
     font-weight: 600;
     padding: 0 20px;
     margin-top: 30%
}
.gallery .nav-tabs{
    border-bottom: 0;
     margin-top: 20px;
     margin-bottom: 20px
}
.gallery .nav-tabs>li{
    margin-right: 10px;
     float: none;
     display: inline-block;
     vertical-align: top
}
.gallery .nav-tabs>li>a{
    font-family: "Raleway",serif;
     font-size: 18px;
     background: 0 0;
     color: #fff;
     border: 1px solid #fff;
     border-radius: 0;
     padding: 6px 10px
}
.gallery .nav-tabs>li>a:hover{
    color: #2a2a2a;
     border-color: #2496d8;
     background: #2496d8
}
.gallery .nav-tabs>li.active>a,.gallery .nav-tabs>li.active>a:focus,.gallery .nav-tabs>li.active>a:hover{
    background: #2496d8;
     color: #2a2a2a;
     border: 1px solid #2a2a2a;
     border-radius: 0
}
.gallery a.gallery-photo i{
    color: #fff;
     font-size: 30px
}
.parallex{
    background-image: url(../images/slide1.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     padding-top: 70px;
     padding-bottom: 70px;
     text-align: center;
     position: relative
}
.parallex .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .7
}
.parallex h2{
    font-size: 34px;
     color: #fff;
     text-align: center;
     margin-bottom: 15px;
     font-weight: 600
}
.parallex p{
    color: #fff
}
.parallex a{
    background: #fff;
     margin-right: 5px;
     color: #2f2f2f;
     display: inline-block;
     font-size: 14px;
     padding: 10px 25px;
     text-transform: uppercase;
     margin-top: 20px;
     transition: all ease .4s;
     font-weight: 600
}
.parallex .active-btn{
    background: 0 0;
     color: #fff;
     border: 2px solid #fff
}
.parallex .active-btn:hover,.parallex a:hover,.scrollup i{
    background: #dc203d;
     color: #fff
}
.parallex a:hover{
    border-color: #dc203d
}
.scrollup{
    position: fixed;
     z-index: 99999;
     bottom: 20px;
     right: 20px;
     display: none
}
.scrollup i{
    width: 50px;
     height: 50px;
     line-height: 40px;
     border-radius: 50%;
     border: 4px solid #dc203d;
     font-size: 26px;
     opacity: .5;
     filter: alpha(opacity=50)
}
.scrollup i:hover{
    opacity: 1;
     filter: alpha(opacity=1)
}
.pricing-col{
    padding: 50px 0
}
.pricing-col .heading,.pricing-col .pricing-tab .img .top-text .text,.scrollup i{
    text-align: center
}
.pricing-col .heading p{
    margin: 0
}
.pricing-col .pricing-tab{
    margin-top: 60px
}
.pricing-col .pricing-tab .img{
    width: 100%;
     height: auto;
     position: relative
}
.pricing-col,.pricing-col .pricing-tab .img img{
    width: 100%;
     height: auto
}
.pricing-col .pricing-tab .img .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.6)
}
.pricing-col .pricing-tab .img .overlay h2,.pricing-col .pricing-tab .img .top-text{
    -webkit-transition: ease .4s all;
     -moz-transition: ease .4s all;
     -ms-transition: ease .4s all;
     -o-transition: ease .4s all;
     transition: ease .4s all
}
.pricing-col .pricing-tab .img .overlay h2{
    color: #fff;
     text-align: center;
     margin-top: 100px;
     font-weight: 400;
     font-size: 28px
}
.pricing-col .pricing-tab .img .top-text{
    position: absolute;
     left: calc(50% - 35px);
     top: -35px;
     background: #dc203d;
     border-radius: 50%;
     width: 90px;
     height: 90px
}
.pricing-col .pricing-tab .img .top-text .text h2{
    color: #fff;
     font-size: 26px;
     font-weight: 400;
     margin: 22px 0 0
}
.pricing-col .pricing-tab .img .top-text .text p{
    color: #fff;
     font-size: 14px;
     font-weight: 600
}
.pricing-col .pricing-tab .list ul{
    text-align: center;
     margin-bottom: 0
}
.pricing-col .pricing-tab .list ul li{
    list-style-type: none;
     line-height: 50px;
     background: #444;
     font-size: 14px;
     color: #fff
}
.pricing-col .pricing-tab .list ul li:nth-child(2n){
    background: #5d5b5b!important;
     color: #fff
}
.pricing-col .pricing-tab .buy{
    background: #333;
     text-align: center;
     padding: 30px 0
}
.pricing-col .pricing-tab .buy a{
    color: #fff;
     border: 2px solid #999;
     padding: 8px 20px;
     font-weight: 500;
     -webkit-transition: ease-in-out .3s all;
     -moz-transition: ease-in-out .3s all;
     -ms-transition: ease-in-out .3s all;
     -o-transition: ease-in-out .3s all;
     transition: ease-in-out .3s all
}
.pricing-col .pricing-tab .buy a:hover{
    border: 2px solid #fff;
     background: #fff;
     color: #555
}
.contact{
    background: #fff;
     padding-top: 50px;
     padding-bottom: 50px
}
.contact .item{
    margin-bottom: 20px;
     overflow: hidden;
     background: #dc203d;
     padding: 15px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}
.contact .item:hover{
    background: #2a2a2a
}
.contact .icon{
    float: left;
     margin-right: 15px;
     margin-top: 6px;
     color: #f2f3f3;
     font-size: 20px
}
.contact .text{
    float: left
}
.contact .text h3{
    color: #fff;
     font-family: 'Open Sans',sans-serif;
     font-size: 24px;
     font-weight: 600;
     margin-top: 5px
}
.contact .text p,.contact .text ul li{
    color: #fff;
     font-weight: 400
}
.contact .text ul li{
    list-style-type: none;
     font-size: 14px
}
.contact .cform-1 .btn-success{
    background-color: transparent;
     border-width: 2px;
     border-color: #dc203d;
     color: #dc203d;
     font-size: 16px;
     padding: 10px 20px;
     border-radius: 0;
     font-weight: 400;
     text-transform: capitalize;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}
.contact .cform-1 .btn-success:hover,.error-page .content .button a:hover{
    background: #dc203d;
     color: #fff
}
.contact .cform-1 .form-control{
    border-radius: 0;
     box-shadow: none
}
.contact .cform-1 input[type=email],.contact .cform-1 input[type=text],.contact .cform-1 textarea{
    background: 0 0;
     border-width: 2px;
     color: #2a2a2a
}
.contact .cform-1 input[type=email]:focus,.contact .cform-1 input[type=text]:focus,.contact .cform-1 textarea:focus{
    border-color: #dc203d
}
.contact .cform-1 input[type=email],.contact .cform-1 input[type=text]{
    height: 40px
}
.error-page{
    background: #fff;
     padding-top: 50px;
     padding-bottom: 50px;
     position: relative
}
.error-page .title .inner{
    font-family: 'Open Sans',sans-serif;
     width: 200px;
     height: 200px;
     background: #dc203d;
     color: #fff;
     border: 5px solid #dc203d;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     text-align: center;
     margin: 0 auto;
     text-transform: uppercase
}
.error-page .title .inner span:first-child{
    display: block;
     line-height: 60px;
     margin: 40px 0 0;
     font-size: 66px
}
.error-page .title .inner span:last-child{
    display: block;
     margin: 0;
     line-height: 60px;
     font-size: 30px
}
.error-page .content{
    margin-top: 40px;
     text-align: center
}
.error-page .content h2{
    color: #dc203d;
     font-size: 24px
}
.error-page .content p{
    font-size: 16px;
     color: #2a2a2a
}
.error-page .content .button{
    margin-top: 40px
}
.error-page .content .button a{
    font-size: 18px;
     -webkit-transition: all .4s ease 0s;
     -moz-transition: all .4s ease 0s;
     -o-transition: all .4s ease 0s;
     transition: all .4s ease 0s;
     border: 2px solid #dc203d;
     color: #dc203d;
     font-weight: 600;
     text-transform: uppercase;
     padding: 12px 16px
}
.blog{
    background: #fff;
     padding-top: 50px;
     padding-bottom: 50px
}
.blog .post-item{
    margin-bottom: 30px
}
.blog .image-holder,.blog ul li{
    position: relative
}
.blog .image-holder .date{
    position: absolute;
     right: 10px;
     bottom: 10px;
     font-size: 14px;
     font-weight: 600;
     z-index: 999
}
.blog .image-holder .day,.blog .image-holder .month{
    width: 60px;
     height: 40px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     font-size: 16px
}
.blog .image-holder .day{
    background: #dc203d;
     position: relative
}
.blog .image-holder .day:before{
    position: absolute;
     top: 22px;
     left: 24px;
     color: #dc203d;
     font-family: 'FontAwesome';
     content: '\f0d7';
     font-size: 24px
}
.blog .image-holder .month{
    background: #2a2a2a;
     text-transform: uppercase
}
.blog h1,.blog h3 a{
    font-size: 24px
}
.blog h2,.blog h3{
    font-size: 20px
}
.blog h3{
    text-align: left;
     margin-top: 0;
     margin-bottom: 10px;
     text-transform: uppercase
}
.blog h3 a{
    text-transform: capitalize;
     font-weight: 600
}
.blog h3 a:hover,.blog p{
    color: #2a2a2a
}
.blog h1,.blog h2,.blog h3,.blog h4{
    font-weight: 700
}
.blog h5,.blog h6{
    font-size: 14px;
     font-weight: 700
}
.blog h6{
    font-size: 12px
}
.blog p{
    margin-bottom: 15px
}
.blog .text{
    padding: 20px 0
}
.blog .text ul.status{
    overflow: hidden;
     margin-bottom: 15px
}
.blog .text ul.status li{
    text-align: left;
     color: #dc203d;
     font-size: 13px;
     float: left;
     list-style-type: none;
     margin-right: 15px;
     line-height: 18px;
     margin-bottom: 5px;
     padding-left: 0
}
.blog .text ul.status li a,.blog h1,.blog h2,.blog h3,.blog h3 a,.blog h4,.blog h5,.blog h6{
    color: #dc203d
}
.blog .text ul.status li i{
    margin-right: 8px
}
.blog .pagination ul li:before,.blog .text ul.status li:before,.sidebar .widget ul.tag-cloud li:before{
    content: ''
}
.blog ul li{
    padding-left: 18px;
     margin-bottom: 10px;
     list-style-type: none
}
.blog ul li:before,.sidebar .widget ul li:before{
    position: absolute;
     top: 0;
     left: 0;
     font-family: 'FontAwesome';
     content: '\f044';
     color: #353535
}
.blog p.button{
    margin-top: 30px;
     display: block
}
.blog p.button a{
    background: 0 0;
     border: 2px solid #dc203d;
     color: #dc203d;
     font-size: 16px;
     padding: 8px 14px;
     font-weight: 400;
     text-transform: capitalize
}
.blog p.button a:hover{
    background: #2a2a2a;
     color: #fff;
     border-color: #2a2a2a
}
.blog .pagination{
    margin-top: 20px
}
.blog .pagination ul{
    width: 100%;
     height: auto;
     text-align: center
}
.blog .pagination ul li{
    display: inline-block;
     color: #2a2a2a;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     margin-right: 10px;
     padding-left: 0
}
.blog .pagination ul li a{
    background: #dc203d;
     color: #fff;
     display: block;
     font-size: 16px;
     border: 1px solid #dc203d
}
.blog .pagination ul li a i{
    margin-right: 0
}
.blog .pagination ul li a.active,.blog .pagination ul li a:hover{
    background: #2a2a2a;
     border: 1px solid #2a2a2a;
     color: #fff
}
.blog .gallery-carousel{
    position: relative;
     z-index: 999
}
.blog .owl-controls{
    position: absolute;
     top: 0;
     right: 0;
     z-index: 999
}
.blog .owl-controls .owl-next,.blog .owl-controls .owl-prev{
    background: #353535;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     padding-left: 13px;
     padding-right: 13px
}
.blog .owl-controls .owl-next i,.blog .owl-controls .owl-prev i,.blog h4{
    font-size: 16px
}
.blog .owl-controls .owl-next:hover,.blog .owl-controls .owl-prev:hover{
    background: #dc203d
}
.blog .video{
    position: relative;
     padding-bottom: 56.25%;
     padding-top: 25px;
     height: 0
}
.blog .video iframe{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}
.blog .audio{
    width: 100%;
     height: 100%;
     margin: 0 auto
}
.sidebar{
    width: 100%
}
.sidebar .widget{
    overflow: hidden;
     margin-bottom: 30px
}
.sidebar .widget h4{
    color: #dc203d;
     font-size: 22px;
     font-weight: 600;
     padding-bottom: 6px;
     margin-bottom: 15px
}
.sidebar .widget ul li{
    display: block;
     float: none;
     color: #2a2a2a;
     position: relative;
     padding-left: 15px;
     margin-bottom: 10px
}
.sidebar .widget ul li:before{
    content: '\f105';
     color: #2a2a2a;
     top: 1px;
     left: 3px;
     font-weight: 600
}
.comments .comment-list .text p,.comments .comment-list .text span,.sidebar .widget ul li a{
    color: #2a2a2a;
     font-size: 14px
}
.sidebar .widget ul li a:hover{
    color: #dc203d
}
.sidebar .widget ul.tag-cloud li{
    display: inline-block;
     padding-left: 0;
     font-size: 12px;
     margin-right: 5px
}
.sidebar .widget ul.tag-cloud li a{
    display: block;
     padding: 4px 10px;
     border: 2px solid #afafaf
}
.sidebar .widget ul.tag-cloud li:hover{
    background: #dc203d;
     border-color: #dc203d;
     color: #fff
}
.sidebar .widget ul.tag-cloud li:hover a{
    color: #fff;
     border: 2px solid #dc203d
}
.sidebar .widget-search input{
    height: 36px;
     color: #2a2a2a;
     border: 2px solid #dc203d;
     background: 0 0;
     float: left;
     padding-left: 6px;
     padding-right: 6px;
     border-radius: 0
}
.sidebar .widget-search input:focus{
    border: 2px solid #dc203d
}
.sidebar .widget-search button{
    width: 42px;
     height: 36px;
     float: left;
     border: 2px solid #dc203d;
     background: #dc203d;
     border-radius: 0;
     margin-left: 5px;
     color: #fff;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}
.author-box{
    width: 100%;
     height: auto;
     background: #dc203d;
     color: #2a2a2a;
     text-align: left
}
.author-box .inner{
    padding: 20px;
     overflow: hidden
}
.author-box .author-thumb{
    width: 15%;
     float: left
}
.author-box .author-thumb img{
    width: 100%;
     height: auto;
     padding-right: 15px
}
.author-box .author-info{
    width: 85%;
     float: left
}
.author-box .author-info h3{
    color: #fff;
     font-weight: 600;
     font-size: 22px;
     text-transform: none
}
.author-box .author-info p{
    color: #fff;
     line-height: 22px;
     font-size: 14px
}
.author-box .author-info ul li{
    float: left;
     list-style-type: none;
     margin-right: 5px;
     padding-left: 0
}
.author-box .author-info ul li:before,.comments .comment-list .children>li:before,.comments .comment-list>li:before{
    content: ''
}
.author-box .author-info ul li a{
    width: 30px;
     height: 30px;
     line-height: 30px;
     color: #dc203d;
     background: #fff;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     text-align: center;
     display: block
}
.author-box .author-info ul li a i{
    margin-right: 0;
     font-size: 14px
}
.author-box .author-info ul li a:hover{
    background: #2a2a2a;
     color: #fff
}
.comments{
    margin-top: 40px
}
.comments h2{
    font-size: 18px;
     font-family: 'Open Sans',sans-serif
}
.comments .comment-list{
    background: 0 0;
     padding: 15px
}
.comments .comment-list .thumb{
    width: 80px;
     display: table-cell;
     vertical-align: top
}
.comments .comment-list .thumb img{
    border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%
}
.comments .comment-list .text{
    padding: 0;
     display: table-cell;
     vertical-align: top
}
.comments .comment-list .text .inner{
    margin-left: 10px
}
.comments .comment-list .text h3{
    margin-top: 0;
     text-transform: none;
     font-size: 18px
}
.comments .comment-list .text span.date{
    margin-right: 40px
}
.comments .comment-list .text span.date i{
    margin-right: 5px
}
.comments .comment-list .text span.reply a{
    font-family: 'Open Sans',sans-serif;
     background: #dc203d;
     color: #fff;
     padding: 6px 12px;
     font-size: 14px
}
.comments .comment-list .parent{
    margin-bottom: 0;
     overflow: hidden
}
.comments .comment-list .children .parent{
    margin-bottom: 0
}
.comments .comment-list .children .parent-inner{
    background: 0 0;
     padding: 15px;
     overflow: hidden;
     margin-left: 60px
}
.comments .comment-list .children .children .parent-inner{
    background: 0 0;
     padding: 15px;
     overflow: hidden;
     margin-left: 120px
}
.comments .comment-list .children>li,.comments>li{
    list-style-type: none;
     display: block;
     margin-right: 0;
     margin-bottom: 0
}
.comments .comment-list>li{
    border-bottom: 1px dashed #a1a1a1;
     margin-bottom: 20px;
     padding-left: 0
}
.comments .comment-list>li:last-child{
    border-bottom: 0;
     margin-bottom: 0
}
.comments .respond{
    background: 0 0;
     margin-bottom: 20px
}
.comments .respond .cform-1 .btn-success{
    font-family: 'Open Sans',sans-serif;
     background-color: transparent;
     border: 2px solid #dc203d;
     color: #dc203d;
     font-size: 16px;
     padding: 8px 20px;
     font-weight: 600;
     border-radius: 0;
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}
.comments .respond .cform-1 .form-control{
    border-radius: 0;
     box-shadow: none
}
.comments .respond .cform-1 input[type=email],.comments .respond .cform-1 input[type=text],.comments .respond .cform-1 textarea{
    font-family: 'Open Sans',sans-serif;
     background: 0 0;
     border: 2px solid #ccc;
     color: #2a2a2a;
     font-size: 14px
}
.under-construction-v1{
    width: 100%;
     height: 100vh;
     position: relative;
     background: url(../images/slide2.jpg);
     background-size: cover;
     background-position: center
}
.under-construction-v1 .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #2a2a2a;
     opacity: .8
}
.under-construction-v1 .inner{
    width: 100%;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
}
.under-construction-v1 .btn-success,.under-construction-v1 h1{
    font-family: 'Open Sans',sans-serif;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600
}
.under-construction-v1 h1{
    text-align: center;
     margin-bottom: 25px;
     font-size: 50px
}
.under-construction-v1 p{
    color: #fff;
     text-align: center;
     margin-bottom: 5px;
     font-size: 16px
}
.under-construction-v1 .newsletter{
    text-align: center
}
.under-construction-v1 .btn-success{
    display: inline-block;
     background-color: #dc203d;
     border: 0;
     border-color: #fff;
     font-size: 16px;
     padding: 10px 20px;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     border-radius: 0
}
.comments .respond .cform-1 .btn-success:hover,.under-construction-v1 .btn-success:hover{
    background: #2a2a2a;
     border-color: #2a2a2a;
     color: #fff
}
.under-construction-v1 .form-control{
    border-radius: 0;
     box-shadow: none;
     width: 100%;
     outline: 0
}
.under-construction-v1 input[type=email]{
    background: #f2f3f3;
     border: 2px solid #f2f3f3;
     height: 40px;
     color: #000
}
.faq,.featured-box{
    padding-top: 50px;
     padding-bottom: 50px
}
.faq{
    background: #fff
}
.faq h1{
    font-size: 24px;
     margin-bottom: 20px
}
.faq .panel{
    box-shadow: none!important;
     border-radius: 0!important
}
.faq .panel-group{
    margin-bottom: 40px
}
.faq .panel-group .panel-heading a:after{
    content: '\f068';
     font-family: 'FontAwesome';
     position: absolute;
     font-weight: 400;
     font-size: 14px;
     right: -1px;
     top: -6px;
     padding: 21px;
     color: #dc203d
}
.faq .panel-group .panel-heading a.collapsed:after{
    content: '\f067';
     font-family: 'FontAwesome';
     font-size: 14px;
     right: -1px;
     top: -6px;
     padding: 21px;
     color: #dc203d
}
.faq .panel-default>.panel-heading{
    background: #eee;
     color: #2a2a2a;
     padding: 0;
     border-radius: 0;
     position: relative;
     font-size: 14px
}
.faq h4.panel-title a{
    display: block;
     padding: 14px;
     font-size: 14px;
     font-weight: 600
}
.faq .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top: 0
}
.featured-box{
    background: #f2f3f3
}
.featured-box .item{
    padding: 30px 15px;
     position: relative
}
.featured-box .item .overlay{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #dc203d;
     opacity: .9;
     z-index: 10
}
.featured-box .item .icon{
    margin-bottom: 20px;
     display: block
}
.featured-box .item .icon i{
    font-size: 40px
}
.featured-box .item .icon,.featured-box .item .text{
    text-align: center;
     color: #fff;
     position: relative;
     z-index: 1000
}
.featured-box .item .text h2{
    font-family: 'Open Sans',sans-serif;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 20px;
     border: 2px solid #fff;
     border-radius: 18px;
     display: inline-block;
     padding: 6px 22px
}
.featured-box .item .text p{
    font-family: 'Open Sans',sans-serif;
     color: #fff;
     font-size: 14px;
     font-weight: 500
}
.appointment-v1{
    background: #dc203d;
     padding-top: 30px;
     padding-bottom: 30px
}
.appointment-v1 .left p{
    color: #fff;
     font-size: 22px;
     padding-top: 10px;
     line-height: 28px
}
.appointment-v1 .right{
    float: right
}
.appointment-v1 .right a{
    font-size: 18px;
     padding: 10px 20px;
     display: block;
     color: #fff;
     border: 2px solid #fff;
     font-weight: 500
}
.appointment-v1 .right a:hover{
    background: #2a2a2a;
     color: #f2f3f3;
     border: 2px solid #2a2a2a
}
.footer-col{
    width: 100%;
     height: auto;
     background: url(../images/footer_bg.jpg) no-repeat top right #839492;
     position: relative;
     padding: 60px 0;
     background-position-x: 41%;
     background-size: cover;
}
.footer-col .address-infos .text{
    color: #fff;
     font-weight: 400;
     margin-bottom: 20px
}
.footer-col .address-infos .text span{
    display: block;
     line-height: 28px;
     font-weight: 300;
     font-size: 17px
}
.footer-col .address-infos .text span a{
    color: #fff
}
.footer-col .address-infos .text span a:hover{
    color: #1a2031
}
.footer-col .address-infos .text a.mailto{
    background: #1a2031;
     color: #fff;
     padding: 0 15px;
     height: 35px;
     line-height: 35px;
     display: inline-block
}
.footer-col .address-infos .text a.mailto:hover{
    background: #cd282c
}
.footer-col .address-infos .text a.mailto i{
    font-size: 13px;
     margin-right: 5px;
     position: relative;
     top: -1px
}
.footer-col input.form-control{
    height: 50px;
     line-height: 50px;
     color: #626262;
     font-size: 15px;
     border-radius: 0;
     border-color: #fff
}
.footer-col textarea.form-control{
    color: #626262;
     font-size: 15px;
     border-radius: 0;
     border-color: #fff;
     padding: 20px;
     height: 200px
}
.footer-col .form-group{
    margin-bottom: 10px
}
.footer-col .form-group input.btn{
    width: 185px;
     border-radius: 0;
     height: 50px;
     background: #cd282c;
     border-color: #cd282c;
     font-weight: 700;
     font-size: 13px;
     transition: all .3s ease
}
.footer-col .form-group input.btn:hover{
    background: #0d2d60;
     border-color: #0d2d60
}
.attorney-name h2,.footer-col h2{
    font-weight: 700;
     text-transform: uppercase
}
.footer-col h2{
    color: #fff;
     margin: 0;
     font-size: 16px
}
.footer-col .newsletter p{
    color: #9c9c9c;
     margin-top: 35px;
     font-size: 14px
}
.footer-col .newsletter .field button,.footer-col .newsletter .field input[type=email]{
    box-shadow: none;
     text-shadow: none;
     border-radius: 0;
     height: 45px;
     -webkit-transition: ease .4s all;
     -o-transition: ease .4s all;
     transition: ease .4s all
}
.footer-col .newsletter .field input[type=email]{
    float: left;
     font-size: 14px;
     padding-left: 10px;
     width: 42%;
     border: 0
}
.footer-col .newsletter .field button{
    width: 30%;
     background: #dc203d;
     border: 1px solid #dc203d;
     text-transform: uppercase
}
.footer-col .newsletter .field button:hover{
    background: #2a2a2a;
     border: 1px solid #2a2a2a
}
.footer-col .recent-post h2{
    margin-bottom: 25px
}
.footer-col .recent-post .list{
    border-bottom: 1px dashed #696969
}
.footer-col .recent-post .list h3{
    margin: 0;
     font-weight: 500
}
.footer-col .archive .archive-list p a,.footer-col .recent-post .list h3 a{
    color: #c7c7c7;
     font-size: 16px;
     -webkit-transition: ease .4s all;
     -o-transition: ease .4s all;
     transition: ease .4s all
}
.footer-col .recent-post .list p{
    margin: 0 0 10px;
     color: #9c9c9c;
     font-size: 14px
}
.footer-col .archive .text h2{
    margin-bottom: 30px
}
.footer-col .archive .archive-list p{
    overflow: hidden;
     margin: 0;
     padding-top: 5px;
     padding-bottom: 5px
}
.footer-col .archive .archive-list p a{
    float: left
}
.footer-col .archive .archive-list p span{
    float: right;
     background: rgba(255,255,255,.16);
     padding: 0 3px;
     border-radius: 5px;
     color: #fff
}
.footer-bottom{
    width: 100%;
     height: auto;
     background: #fff;
     padding: 30px 0
}
.footer-bottom .copyright,.footer-bottom .copyright2{
    font-size: 17px;
     color: #252525;
     text-align: left;
     font-weight: 300
}
.footer-bottom .copyright2{
    text-align: right
}
.google-map iframe{
    width: 100%;
     height: 400px
}
.contact-form .form-control{
    height: 40px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
}
.contact-form label,.faq h1{
    font-weight: 600
}
.contact-form .form-group{
    overflow: hidden
}
.contact-form textarea{
    height: 200px!important
}
.contact-form .btn.btn-success{
    background: #dc203d;
     border: 2px solid #dc203d;
     border-radius: 0;
     font-size: 18px;
     font-weight: 400;
     padding: 10px 15px;
     -webkit-transition: all ease .3s;
     -moz-transition: all ease .3s;
     -ms-transition: all ease .3s;
     -o-transition: all ease .3s;
     transition: all ease .3s;
     color: #fff;
     margin-top: 20px
}
.contact-form .btn.btn-success:hover{
    background: #464646;
     color: #fff;
     border: 2px solid #464646
}
ul.form-contact-info li{
    display: block;
     padding-bottom: 20px
}
ul.form-contact-info li a{
    color: #333
}
ul.form-contact-info li i.fa{
    color: #dc203d;
     margin-right: 15px
}
.faq h1,ul.form-contact-info li:hover a{
    color: #dc203d
}
ul.form-contact-info li:hover i.fa{
    color: #fff;
     background: #dc203d
}
.get-appointment .contact-form{
    margin-left: -30px
}
.practice-single-content{
    margin-top: 40px
}
.practice-single-content>h3{
    text-transform: none
}
.attorney-image>img,.practice-featured-box>img{
    max-width: 100%
}
.practice-featured-box{
    margin-bottom: 30px
}
.attorney-name{
    margin-top: 30px
}
.attorney-name h2{
    font-size: 25px
}
.attorney-name span{
    display: block;
     font-size: 15px;
     font-weight: 400;
     margin-top: 5px;
     text-transform: capitalize
}
.info-box .box-title{
    color: #dc203d;
     font-size: 21px;
     padding-bottom: 15px;
     position: relative;
     text-transform: uppercase
}
.info-box .box-title::after{
    background: #dc203d 0 0;
     bottom: 0;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 65px
}
.info-box{
    margin-bottom: 35px
}
.skill-single{
    margin-bottom: 20px
}
.skill-single>h4{
    color: #333;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 5px
}
.skill-single .progress{
    border-radius: 0;
     height: 19px;
     margin-bottom: 0;
     transform: translate(1px,5px)
}
.skill-single .progress-bar{
    background-color: #dc203d;
     font-size: 12px;
     font-weight: 600;
     line-height: 16px
}
.info-box #info-go li{
    padding-right: 10px
}
.info-box #info-go li i.fa{
    color: #dc203d;
     padding-right: 5px
}
.info-social{
    margin-top: 15px
}
.info-social i.fa{
    background: #dc203d 0 0;
     color: #fff;
     font-size: 20px;
     height: 35px;
     line-height: 33px;
     text-align: center;
     width: 35px;
     border: 2px solid;
     transition: all ease .4s
}
.info-social i.fa:hover{
    background: 0 0;
     color: #dc203d!important;
     border: 2px solid
}
.info-contact>ul{
    list-style: outside none none
}
.footer-social.info-social>li{
    display: inline-block;
     margin-right: 5px
}
