@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);

h1{
    font-family: roboto slab !important;
}

.page-top{
    float:left;
    min-height:100px;
    position:relative;
    width:100%;
}
.page-top > img{max-width:100%;}
.page-top-wrapper{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.page-top:before{
    background:black none repeat scroll 0 0;
    content:"";
    height:100%;
    left:0;
    opacity:0.8;
    position:absolute;
    top:0;
    width:100%;
}
.page-name{
    display:table-cell;
    vertical-align:middle;
}
.page-top-wrapper .container{display:table;}
.breadcrumbs{
    display:table-cell;
    list-style:outside none none;
    margin:0;
    padding:0;
    text-align:right;
    vertical-align:middle;
}
.page-name h1{
    color:#fff;
    display:block;
    font-size:39px;
    font-weight:700;
    margin:0 0 10px;
    text-transform:uppercase;
}
.page-name > span{
    color:#f1f1f1;
    display:block;
    font-size:14px;
}
.breadcrumbs > li{
    color:#f1f1f1;
    display:inline-block;
    font-size:14px;
    padding:0 10px;
    position:relative;
}
.breadcrumbs > li a{color:inherit;}
.breadcrumbs > li::before{
    content:"/";
    position:absolute;
    right:-4px;
    top:0;
}
.breadcrumbs > li:last-child::before{display:none;}

/*#tg-footer{background-color:#dbdbdb !important;border:none;}*/

form p {width:auto !important;}
                               
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:10px 0;
    position:relative;z-index:1;
}
.block.less-spacing{padding:60px 0}
.block .container{padding:0;}
/*.container{padding:0;}*/
.block.remove-gap{padding-top:0;}
.block.no-padding{padding:0;}
.block.remove-bottom{padding-bottom:0;}
.block.gray,.gray{background-color:#f8f8f8;}
.story{
    float:left;
    position:relative;
    overflow:hidden;
    width:100%;
}
.story-img{
    position:absolute;
    right:0;
    top:0;
    width:50%;
}
.story-img > img{width:100%;}
.story-detail{
    background:none repeat scroll 0 0 #f6f6f6;
    float:left;
    margin:30px 0;
    padding:30px 50px;
    width:100%;
}
.story-detail span{
    float:left;
    font-size:22px;
    margin-bottom:20px;
    width:100%;
    font-weight:600;
}
.story-detail > h4{
    float:left;
    font-size:22px;
    line-height:34px;
    font-weight:600;
    margin:0 0 20px;
    width:100%;
}
.story-detail > p{
    float:left;
    margin-bottom:30px;
    width:100%;
}
.lawyer-intro{
    display:table;
    float:left;
    width:100%;
}
.lawyer-intro > img{
    display:table-cell;
    vertical-align:middle;
    max-width:auto !important;
}
.lawyer-info{
    display:table-cell;
    padding-left:40px;
    vertical-align:middle;
    width:100%;
}
.lawyer-info h5{
    float:left;
    font-size:15px;
    font-weight:600;
    margin:0 0 5px;
    width:100%;
}
.lawyer-info > span{
    float:left;
    font-size:12px;
    width:100%;
}
.lawyer-info > strong{
    color:#303030;
    float:left;
    font-size:20px;
    margin-top:10px;
    width:100%;
}
.lawyer-info > strong i{
    color:#939191;
    font-size:13px;
    font-style:normal;
}
.gray .story-detail{background:#fdfcfc;}

#tg-main{padding:0px !important;}

.team{
    float:left;
    width:100%;
    margin-bottom:15px;
}
.member{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.member > img{width:100%;}
.member-info{
    background:none repeat scroll 0 0 #fff;
    float:left;
    padding:40px 50px;
    position:relative;
    width:100%;
}
.member-info > span{
    float:left;
    font-family:arimo;
    font-size:12px;
    width:100%;
}
.member-info > h3{
    float:left;
    font-size:15px;
    font-weight:600;
    margin:10px 0 15px;
    text-transform:uppercase;
    width:100%;
}
.member-info > h3 a{color:inherit;}
.social-icons{
    float:left;
    width:100%;
}
.social-icons > a{
    color:#b5b1b1;
    float:left;
    font-size:17px;
    margin-right:5px;
    text-align:center;
    width:20px;
}

 /*Responsive style*/

@media (max-width:1200px){
.service{padding:70px 20px 50px}
.welcome-img > img:last-child{right:100px}
.team-info-box{margin:0 0 20px;padding:30px 40px}
.team-info-box > ul{width:100%}
.team-social{margin-top:20px;text-align:center;width:100%}
.theme-layout.boxed{width:90%}
}




@media (max-width:980px){
.column{float:left;width:100%;margin-bottom:50px;}
.column:last-child{margin-bottom:0;}
.responsive-header{display:block;}
.theme-layout{padding:0!important}
.service-detail{margin-top:10px;padding:0;text-align:center;width:100%;}
.container.fancy > div > div:after,
.container.fancy > div > div:before{display:none;}
.service-detail{margin-top:10px;padding:0;text-align:center;width:100%;}
.container.fancy > div > div::after, .container.fancy > div > div::before{display:none;}
.practice-box, .practice-box.hor{float:left;margin:0 !important;width:50%;}
.reviews-carousel{padding:0;}
.team .row > div{float:left;width:50%;}
.big-blog-text{float:left;padding:40px;position:relative;width:100%;}
.big-blog-thumb strong{font-size:13px; padding:10px;}
.story-img{float:left;position:relative;width:100%;}
.story-detail{margin:0;}
.flicker-photos > .row > div{float:left;width:33.334%;}
.footer-widgets > .row > div{float:left;width:50%;}
.contact-widget > span{float:none;width:auto;}
.contact-widget .btn{display:block}
.fancy-cols > div{float:left;width:100%}
.service-sec .row > div{float:left;width:50%}
.blog-grid .row > div{display:inline-block;margin:0 -2px;width:50%}
.blog-grid{text-align:center}
.welcome-img > img:last-child{right:100px}
.welcome-img > img, .welcome-img > img:last-child, 
.welcome-img:hover > img:first-child{animation:none !important;float:left;position:relative;right:auto;top:0;width:50%}
.welcome-img{float:left;margin-top:50px;width:100%}
.welcome-img{min-height:auto}	
.welcome-area .row > div{display:unset;float:left;width:100%}
.practice-img{width:100%}
.practice-detail{margin:0;width:100%}
.history-img{padding-right:30px;display:unset;float:left;width:100%}
.history-scroll{display:unset;float:left;width:100%}
.history-img > img{width:150px}
.history-item{padding:30px}
.pricing-table{text-align:center}
.pricing-table .row > div{display:inline-block;margin:0 -2px;width:50%}
.gallery > div{float:left;width:50%}
.story-img > img{width:100%}
.all-practice-areas .row > div{float:left;width:50%}
.team-img{display:unset;float:left;text-align:center;width:100%}
.team-description{display:unset;float:left;margin-top:30px;width:100%}
.responsive-menu ul ul li{overflow:hidden;padding-left:30px}
.topbar .top-info{background:#201f20;float:left;text-align:center;width:100%}
.topbar .top-info .info{display:inline-block;float:none}
.topbar .top-info .info:last-child{margin:0}
.social-links{background:#171717;float:left;text-align:center;width:50%}
.social-links > span{display:none}
.social-links a{margin-right:5px}
body.move{margin-left:-200px;}
.menubar{display:none;}
header.stick {position:relative !important}
.header-height {display:none}

}




@media (max-width:767px){
.block .container{padding:0 15px;}
.practice-areas{padding-left:0;}
.parallax.png{display:none;}
.service-box{border:0 none;display:inline-block;padding:30px;text-align:center;width:49%;}
.services-wrapper{border:0 none;border-radius:0;display:unset;float:left;margin:0 !important;padding:0;text-align:center;width:100%;}
.service-box i{width:100%;}
.story-detail{padding:40px 30px;}
.big-blog-thumb strong{position:relative;float:left;width:100%;background:black;
    -webkit-transform:translate(0);
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    transform:translate(0);
}
.title h2,.title.simple > h2{font-size:32px}
.title > p,.title.simple > p{font-size:13px;line-height:25px}
.title.light > h2{font-size:27px;letter-spacing:0.7px;}
.title.light > span{font-size:13px;}
.addbar{padding:20px;width:100%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
.addbar-wrapper{padding:0 15px}
.boxed-layer::before{padding:0}
.big-blog-text{padding:20px}
.big-blog-wrap > h3{font-size:16px;line-height:22px}
.big-blog-wrap > p{font-size:13px;line-height:26px}
.signup > input, .signup > button{width:100%}
.fancy-cols > div{padding:40px}
.side-title > h2{font-size:32px}
.side-title{margin-bottom:20px}
.title br{float:left;}
.white-wrapper{padding:40px 20px}
.service-sec{padding:0 15px}
.service-sec .row > div{width:100%}
.fancy-parallax > span{font-size:16px}
.fancy-parallax > h4{font-size:30px}
.fancy-parallax > p{font-size:13px;margin-top:0}
.fancy-parallax > a{margin-top:20px; padding:15px 30px}
.fancy-parallax{margin-top:100px}
.welcome-text > h3{font-size:35px;line-height:50px}
.welcome-text > strong{font-size:18px}
.welcome-text > p{line-height:28px;margin-top:10px}
.welcome-text > a{margin-top:30px}
.welcome-info > span{display:table;margin:0;text-align:center}
.welcome-info > strong{font-size:20px}
.welcome-info > strong i{font-size:30p}
.pricing-table{padding:0}
.pricing-table .row > div{margin:0;width:100%}
.page-top-wrapper .container{display:unset;float:left;padding:0 20px;width:100%}
.page-name{display:unset;float:left;width:100%}
.page-name h1{font-size:28px;margin-bottom:5px}
.page-name > span{font-size:12px}
.breadcrumbs{display:unset;float:left;margin-top:20px;width:100%}
.page-top > img{min-height:170px}
.gallery-hover > h4{font-size:17px;padding-bottom:10px}
.gallery-hover > span{font-size:13px;margin-top:10px}
.all-practice-areas .row > div{width:100%}
.blog-date{border-bottom:1px solid #aeaeae;border-right:0 none;margin:0;padding:10px 0;width:100%}
.blog-text{float:left;margin-top:30px;width:100%}
blockquote{padding:30px 20px}
.contact > span{font-size:40px;margin-right:0;width:100%}
.information{float:left;padding:0;text-align:center;width:100%}
.information > strong{width:100%}
.contact{margin-bottom:20px}
.popup-inner {width:80%}
.popup-title {padding:20px 30px}
.popup-title > span {font-size:40px;margin-right: 20px}
.popup-title > h5 { font-size: 18px;margin-bottom: 0;margin-top: 10px;}
.popup-form {padding: 30px}
.popup-form > h5 {font-size:18px}
.post-author-box {padding:20px}
.post-author-detail {float: left;width: 100%}
.comments-section > ul > li ul {padding:0}
br{float:left;}
.video-slide iframe {min-height:auto}
}





@media (max-width:480px){
.practice-box, .practice-box.hor,
.team .row > div{width:100%}
.service-box{width:100%}
.lawyer-info{display:unset;float:left;padding:0;}
.lawyer-intro > img{display:unset;margin-bottom:20px;}
.reviewer-info{width:100%}
.reviewer-name{margin-top:20px;padding:0;text-align:center;width:100%;}
.reviewer-name > span{width:100%}
.footer-widgets > .row > div{width:100%;}
.blog-grid .row > div{display:inline-block;margin:0;width:100%}
.history-item > img{width:100%}
.welcome-img > img,.welcome-img > img:last-child{width:100%}
.gallery > div{width:100%}
.social-links{width:100%}
.responsive-reg{width:100%;
-webkit-transform:translate(0px);
-moz-transform:translate(0px);
-ms-transform:translate(0px);
-o-transform:translate(0px);
transform:translate(0px);
}
.responsive-bar > span{bottom:0;height:78px;top:auto}

}

#tabholder{
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    min-height:300px;
}

.nav-tabs .active a{
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.note{color:#dd4b39 !important;}
.align_vertical{vertical-align:middle;}
.well-table{text-align:left !important; border:none!important;padding:0px;}
.align_central{text-align:center !important;}
.help_text{font-size:10px;color:#dd4b39 !important;}
.td_no_border{border:none;}

.list-group-bg{
    background-color:#dd4b39 !important;
    color:#fff !important;
}

.panel-group .panel-body{padding:0px !important;}
.panel-group .panel-body .list-group-item {border-radius:0px;}
.panel-group .panel-body .list-group {margin-bottom:0px;}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-radius:10px 10px 0 0 !important;
    }
}

.disabledbutton {
    cursor: not-allowed !important;
    pointer-events:none;
    opacity: 0.4;
}

.overlay,
.overlay-wrapper > .overlay,
.loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
 

.wizard-step{
    background-color: #cfcfcf;
    padding:20px;
    font-size:22px;
    margin-top:50px;
    margin-bottom:50px;
    text-align:center;
    color:#fff;
    font-family:roboto slab !important;
    text-transform:uppercase;
}
        
.wizard-step > .fa{
    font-size:45px;
    margin-bottom:10px;
}
           
.col-md-4 > div.active{
    background-color:#dd4b39 !important;
}
         
.col-md-4 > div.complete{
    background-color:#00a65a !important;
}

.form-menu{
    border: 1px solid #C0C0C0;
    border-bottom: none;
    text-align:center;
    background-color:#fff;
}
                     
#side_menu > .active{         
    color: #dd4b39;
    height:80px;
    border-left: 3px solid #dd4b39 !important;
    border-right: 3px solid #dd4b39 !important;
    border-top: 1px solid #dd4b39 !important;
    border-bottom: 1px solid #dd4b39 !important;
    /*vertical-align: central;*/
}
                      
.form-menu:first-child {
    border-radius: 5px 5px 0 0;
}

.form-menu:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #C0C0C0;
}
       

.form-menu > .fa{
    width:100%;
    font-size:40px;
    padding:5px 0 10px 0;
}
        
.form-menu > p{
    width:100% !important;
    text-align:center;
    margin-bottom:5px;
}

.form-menu:hover {
    color: #dd4b39;
    cursor: pointer;
}

.why-willeffect{
    display:inline-block;
    background-color:#dd4b39;
    color:#fff;
    padding:10px;
    width:100%;
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}

.contact-form{
    padding:20px;
    background-color:#fff;
    margin-top:10px;
}

.contact-title{
    font-size:18px;
    /*border-bottom:1px solid #dd4b39;*/
    text-align:center;
    padding:10px;
    color:#dd4b39;
    margin-bottom:0px;
    margin-top:10px;
    font-weight:bold;
}

.underline{                             
    border-bottom:2px solid #dd4b39;
    height:1px;
    margin:5px auto auto auto;
    width:35%;
}

.contact-body > .form-group{
    margin-bottom:5px;    
}

@media (min-width: 300px) and (max-width: 767px) {  
        
    #processing{
        margin-top:50px;            
        margin-left:88px !important;
        text-align:center;
        padding-top:10%;
        font-size:15px;
    }             

    #form_menu > .col-xs-3{
        padding-right:0px;
        width:90px;
    }
           
    #content_container{
        width:79% !important;
        margin-left:88px !important;
        margin-top:3px;
    }
                
    #side_menu{
        position:absolute;
        left:0px;
        top:130px;        
        z-index:99999999;
        padding-left:0px;
    }
         
    .form-menu{
        min-height:55px !important;
        max-height:80px !important;
        height:55px !important;
        padding-left:0px;
        padding-right:0px;
        font-size:11px;
    }
            
    .form-menu > p{
        /*display:none;*/
        font-size:12px;
        width:100% !important;
        text-align:center !important;
        line-height:0px;
    }  

    /*#step_assign > p::after{
        content: 'Assign';
    }*/
            
    .form-menu > .fa{
        padding-top:5px !important;
        padding-bottom:10px !important;
    }  
    
    .tg-features > .row{
        padding-left:15px;
    }

    .tg-features > .row > .col-xs-5{
        width:48%;
    }
    
    .form-menu > .fa{
        width:100%;
        font-size:20px;
        padding:5px 0 10px 0;
    }

    .tg-feature{
        max-height:167px !important;
        padding-left:0px !important;
        padding-right:0px !important;
    }
                     
    #img_mobile{
        display:block;
    }
    
    #img_desktop{
        display:none;
    }

    #contact_content{
        width:100% !important;
    }

    /*.why-willeffect{
        max-height:44px;
        margin-top:266px;
    }*/

    #why{
        width:100% !important;
    }
    
    .tg-navigation ul li{
	    line-height: 50px !important;
    }

    .tg-maintitle{
        margin-top:10px;
    }

    .margin18{
        margin-left:18% !important;
    }

}

@media (min-width: 768px) and (max-width: 1920px) {
               
    #processing{
        margin-top:50px;
        text-align:center;
        width:100%;
        padding-top:10%;
        font-size:20px;
    }

    #form_menu{
        padding-bottom:30px !important;
        padding-top:10px !important;
        display:block !important;
        padding-left:15px;
    }

    #content_container{
        width:100% !important;
        margin-left:0px !important;
        margin-top:28px;
    }
                     
    #side_menu{
        position:absolute;
        left:0px;
        top:105px;        
        z-index:99999999;
        padding-left:0px;
    }
                      
    /*#form-menu-mob{
        display:none;
    }*/

    .form-menu{
        max-width:120px !important;
        min-width:120px !important;
        height:60px !important;
        min-height:60px !important;
        max-height:60px !important;
        background-color:#fff;
    }
    
    .form-menu:first-child {
        border-radius: 5px 5px 0 0;
    }

    .form-menu:last-child {
        border-radius: 0 0 5px 5px;
        border-bottom: 1px solid #C0C0C0;
    }

    .form-menu > .fa{
        font-size:20px;
        padding-bottom :5px;
    }
                          
    #form_menu > .col-md-2{
        max-width:125px !important;
    }

    .height233{
        min-height:214px;
    }

    .tg-addressbar{
        text-align:center;
    }
    
    #img_mobile{
        display:none;
    }
    
    #img_desktop{
        display:block;
        min-height:266px;
        margin-bottom:10px;
    }

    .block .col-md-8{
        padding-right:11px !important;
    }

    .tg-coptrights{
        width:60%;
    }

    .member img{
        max-height:327px !important;
        max-width: 255px;
    }
}


.selected{
	background: #fff;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
    color:#dd4b39 !important;
}

.selected > .tg-iconbox > i{
    color:#dd4b39 !important;
}

.selected > .tg-title > h3 > a{
    color:#dd4b39 !important;
}
        
.story-detail > ul > li{
  list-style:none !important;
}

.story-detail > ul > li::before {
  content: "\2022"; 
  color: #dd4b39;   
  display: inline-block; 
  font-size: 1.6em; 
  padding-right: 10px; 
  position: relative;
  top: 3px; 
}
   
.story-detail > .col-md-12 > ul > li{
  list-style:none !important;
}

.story-detail > .col-md-12 > ul > li::before {
  content: "\2022"; 
  color: #dd4b39;   
  display: inline-block; 
  font-size: 1.6em; 
  padding-right: 10px; 
  position: relative;
  top: 3px; 
}

.dropdown-item{
     color:#dd4b39;
}

.list-group-item{  
     color:#dd4b39;
}

.dropdown-item:hover{
     background-color:#dd4b39;
     color:#fff;
}

.tg-btn-holder > .tg-btn{
    margin-bottom:7px !important;
}

.gmap3{
    margin-top:20px;
    border: 2px solid #C0C0C0;
    width: 100%;
    height: 300px;
    border-radius:5px;
}

.disabled-nav{
    color:#D3D3D3;
    cursor:not-allowed;
    border-color:#D3D3D3;
}

.disabled-nav:hover{
    color:#D3D3D3;
    cursor:not-allowed;
    border-color:#D3D3D3;
}

.disabled-nav:last-child{
    color:#D3D3D3;
    cursor:not-allowed;
    border-bottom-color:#D3D3D3;
}