/*
Theme Name: Legal
Theme URI: http://fasterthemes.com/wordpress-themes/legal
Author: FasterThemes
Author URI: http://fasterthemes.com/
Description: Legal is a modern looking premium quality WordPress theme. It is clean, super flexible , fast in loading and bootstrap based responsive theme for business or personal websites. Legal Theme was developed specially for Advocates or Attorneys in mind. But this can be used for any business. It has got custom widgets, customizer options etc in order to get it customized as per your needs. Step by step documentation is here: https://fasterthemes.com/documentation/legal/
Requires PHP: 7.4
Requires at least: 5.8
Tested up to: 6.0
Version: 2.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Legal Theme, Copyright 2022 fasterthemes.com
Legal distributed under the terms of the GNU GPL
Tags: left-sidebar, right-sidebar, custom-background, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments , translation-ready, custom-header
Text Domain: legal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/ 
body{ 
    color: #212121;    
    font-size: 14px;
    background: none repeat scroll 0 0 #f8f8f8;
    font-family: 'Raleway';   
}
.theme-container{
    width: 1200px;
}
/**normal css**/
img{
    border:none;
    max-width: 100%;
}
.no-padding{
    padding-left:0;
    padding-right:0;    
}
textarea{resize:vertical;}
a:focus {
    outline: none;
    outline-offset: 0px;
}
a{
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}
a:hover, a:focus, a:active{
    text-decoration: none;  
    outline: none;
}
select{
    text-transform: capitalize; 
}
.no-padding{
    padding-left: 0;
    padding-right: 0;
}
input, textArea, select{
    outline: 0;
}
/**normal css**/

/*************header start*******/
/***top header***/
header{
    width: 100%;
    z-index: 9999;
    
}
.top-header {
    background-color: #1c1c1c;
    padding: 6px 0 3px 0;
}
.custom-logo-link{
    text-align: left;
}
.custom-logo-link h2.site-title{
    font-size: 22px;
    margin: 0px 0px 10px 0px;
    color: #212121;
    font-weight: 600;
}
.custom-logo-link p.site-description{
    font-size: 12px;
    color: #212121;
}

.theme-logo,
.header-navigation{
    padding: 0;
}
.theme-logo img {
    max-height: 55px;
    max-width: 239px;
}
.social-part ul {
    display: inline-block;   
    text-align: left;
    margin: 0;
    padding-left: 0;
}
.social-part ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.social-part ul li a {
    /* color: #8c8c8c; */
    font-size: 16px;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.social-part ul li a{
    border: 1px solid #4e4e4e;
    display: block;
    font-size: 16px;
    height: 25px;
    text-align: center;   
    width: 25px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.top-header-email{
    float: left;
    margin: 0;
    padding-right: 15px;
}
.top-header-email a{
    /* color: #8c8c8c; */
    display: inline-block;
    font-size: 14px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-top: 4px;

}
.top-header-email i{
    margin-right: 15px;
    font-size: 16px;
   
}
.callus-part p{
    text-align: right;
    margin: 2px 0 0 0;
    font-size: 14px;
    font-family: 'Raleway'; 
    font-weight: 600;
}
.callus-part p span{
    color: #8c8c8c;
    font-size: 14px;
    /* text-transform: uppercase; */
    margin-right: 3px;
}

.bottom-header{
    padding: 15px 0 15px 0;
    background-color: #f5f5f5;
}

/*********header end************/

/***************footer strat***************/
.page-footer{
    background-color: #212121;
    margin-top: 40px;
    width: 100%;
    padding-top: 20px;
}
.footer-logo{
    text-align: center;
}
.footer-row{
    margin-top: 25px;
}
.footer-widget h3{
    color: #ffffff;
    font-size: 18px;
    font-family: 'Raleway';
    text-transform: uppercase;
    padding-bottom: 25px;
    margin-bottom: 15px;
    font-weight: 600;
}
.footer-widget .textwidget{
    color: #ffffff;
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}
.footer-widget p{
    color: #ffffff;
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}
.footer-widget input[type="email"] {
    background-color: #e5e5e5;
    border: medium none;
    border-radius: 4px;
    color: #222222;
    padding: 7px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.footer-widget input[type="submit"] {
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    margin-top: 10px;
    padding: 8px 15px 5px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}
.footer-widget input[type="submit"]:hover, .footer-widget input[type="submit"]:focus {
    background-color: #ffffff;
    color: #545454;
}
.footer-widget ul {
    padding: 0;
    text-align: justify;
}
.footer-widget li {
    list-style: outside none none;
    margin-bottom: 7px;
}
.footer-widget ul li a { 
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    color: #ffffff;
    text-transform: capitalize;   

}
.footer-widget ul li a:before {
    content: "\f105";
    font-size: 16px;
    padding-right: 5px;
    font-family: FontAwesome;
}
.footer-widget ul ul{
    padding-left: 15px;
}
.footer-widget ul ul a:before{
    content: "-";
}
.footer-bottom {
    color: #e5e5e5;
    margin-top: 40px;
    padding: 15px 0;
    width: 100%;
    /* float: left; */
}
.footer-bottom p {
    display: inline-block;
    margin: 0;
    text-transform: capitalize;
    font-size: 13px;
}
.footer-bottom p a {
    color: white;
    
}
.footer-bottom p:last-child {
    padding-left: 5px;
    color: white;
}
.footer-bottom .terms {
    text-align: right;
}
.footer-bottom .widget ul {
    margin: 0;
    padding: 0;
}
.footer-bottom .widget ul li {
    display: inline;
}
.footer-bottom .widget ul li:after {
    content: "|";
    padding: 0 3px 0 4px;
}
.footer-bottom .widget ul li:last-child:after {
    content: "";
    padding: 0;
}
.footer-bottom .widget ul li a {
    color: #e5e5e5;
    text-transform: capitalize;
    font-size: 13px;
}

/*******footer logo****/
.footer-logo{
    margin-bottom: 15px;
}
.footer-logo a{
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    padding:0 50px 15px;
    position: relative;
}
.footer-logo a:after,
.footer-logo a:before{
    background-color: #222222;/**same as body color*/
    content:"\f111";
    position: absolute;
    bottom: -4px;
    font-family:'FontAwesome';
    font-size: 6px;
    color: #b0b0b0;
    z-index: 1;
    height: 12%;
    cursor: default;
}
.footer-logo a:after{
    right: 50%;
    padding-right: 3px;
}
.footer-logo a:before{
    left: 50%;
    padding-left: 3px;
}

.footer-recent-post{    
    display: inline-block;   
    width: 100%;
}
.footer-widget .footer-recent-post li {
    border-bottom: 1px solid #4f4f4f;
    display: inline-block;
    width: 100%;
}
.footer-widget .footer-recent-post li a:before {
    content: "";
    padding: 0;
}
.footer-recent-img{
    line-height: 0;
    padding-bottom: 15px;
    float: left;
    margin-right: 10px;
    width: 90px;
    margin-top: 5px;
}
.post-date{
    float: left;
    width: calc(100% - 100px) !important;
    width: -webkit-calc(100% - 100px);
    width: 62%;
}
.post-date > a {
    color: #d7d7d7;
    display: list-item;
    line-height: 1.3;
    list-style: outside none none;
    margin-bottom: 12px;   
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;    
    text-transform: capitalize;
}
.social-widget{
    display: inline-block;
    width: 100%;
}
.social-widget ul{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 15px;
}
.social-widget ul li{
    display: inline;
    list-style: none;
    margin-right: 5px;
}
.social-widget ul li a{
    display: inline-block;
}
.social-widget ul li a{
    background-color: #ffffff;
    border-radius: 5px;
    color: #222222;
    font-size: 22px;
    height: 30px;  
    text-align: center;
    width: 30px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.social-widget ul li .facebook-icon:hover, .social-widget ul li .facebook-icon:focus {
    background-color: #3b5998;
    color: #ffffff;
}
.social-widget ul li .twitter-icon:hover, .social-widget ul li .twitter-icon:focus {
    background-color: #48c4d2;
    color: #ffffff;
}
/***************footer end***************/

/****************pagination start**************/
.site-pagination {    
    display: inline-block;
    width: 100%;
}
.site-pagination > ul {
    text-align: center;
    margin: 0;
    padding-left: 0;
}
.site-pagination ul li {   
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}
.site-pagination ul li a {
    border: 1px solid #000000;
    border-radius: 1px;
    color: #000000;
    display: inline-block;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    padding: 7px 13px;
}

/****************pagination end**************/

/****************breadcrumb start**************/
.breadcrumb-bg {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}
.site-breadcrumb .home-title span:after,.site-breadcrumb .home-title span:before{
    background-color: #fff;
}
.site-breadcrumb .home-title > h2 {
    margin-top: 10px;
}
.site-breadcrumb .home-title span {
    border-top: 0 none;
    font-size: 24px;
    padding-left: 128px;
    padding-right: 128px;
}
.breadcrumb-menubar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align: center;
    margin-bottom: 0;
    padding: 15px 5px;
    text-transform: capitalize;
}
.breadcrumb-menubar > li > a {
    color: #000000;

}
.breadcrumb-menubar > li + li:before{
    color: #000000;
    padding: 0;
}

/****************breadcrumb end**************/

/****************sidebar start**************/
.sidebar-box{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d7d7d7;
}
.sidebar-widget {    
    display: inline-block;
    padding: 15px;
    width: 100%;   
}
.search-form {
    position: relative;
}
.search-form label {
    width: 100%;
    margin: 0;
}
.search-form label:after{
     content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    top: 9px;
    right: 12px;
    color: #595959;
}
.search-form .screen-reader-text {
    display: none;
}
.search-form .search-field {
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 7px 15px;
    width: 100%;
}
.search-form .search-submit {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    border: medium none;
    color: #9e9e9e;
    font-size:14px;
    padding: 0;
    position: absolute;
    right: 17px;
    top: 6px;
    vertical-align: middle;
}

.sidebar-widget .widget-title {
    border-bottom: 1px solid #d7d7d7;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 16px;
    margin: 0 -15px;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.sidebar-widget  ul {
    list-style: outside none none;
    padding-left: 0;
}
.sidebar-widget  ul li ul{
    border-top: 1px dashed #595959;
    margin-top: 10px;
    padding-left: 15px;
}
.sidebar-widget ul li {
    border-bottom: 1px dashed #595959;
    clear: both;
    color: #595959;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
}
.sidebar-widget  ul li ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.sidebar-widget ul li a{ 
    color: #595959;
    font-size: 13px;
    text-transform: capitalize;
}

.sidebar-widget .textwidget p{
    font-size: 13px;
    color: #595959;
    line-height: 24px;
}
.left-tag {
    float: left;
    text-align: left;
    text-transform: capitalize;
}
.right-tag {
    float: right;
    text-align: right;
    text-transform: capitalize;
}
.tagcloud{
    text-align: left;
}
.tagcloud > a {
    color: #595959;
    display: inline-block;
    margin: 13px 5px 0 0;
}
/****************sidebar end**************/

/********home page starts**********/
.section-main {
    position: relative;
    display: inline-block;
    width: 100%;
}
/**banner******/
.theme-banner{
    padding: 0;
    margin-bottom: 75px;
}
.blur-effect{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner-inner-content{
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20%;
}
.banner-inner-content h1{
    text-transform: capitalize;
    color: #ffffff;
    font-size: 58px;
    font-family: 'Raleway';
    font-weight: 600;
    margin-top: 5px;
}
.banner-inner-content p{
    text-transform: capitalize;
    color: #ffffff;
    font-size: 32px;
    font-family: 'Raleway';
    font-weight: 600;
    margin: 10px 0 50px 0;
}
.banner-button a{
    border: 1px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-family: 'Raleway';
    font-weight: 600;
    padding: 10px 35px;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.banner-button a:hover,.banner-button a:focus{
    background-color: #ffffff;
    color: #181818;
}
.carousel-control{
    top: 50%;
    bottom: 41%;    
    position: absolute;
    padding: 10px;
    margin-bottom: 75px
}
.carousel-control.left{
    /* background-color: #000; */
    left: 10px;
     background-image: none;
}
.carousel-control i.fa{
 text-align: center;
}
.carousel-control.right{
  /* background-color: #000; */
    
    background-image: none;
    right: 10px;
}
.theme-banner .item > img{
    width: 100%;
}
/********section our***/
.home-practise-section{
    margin-bottom: 45px;
    padding: 0;
}
.home-title {
    display: inline-block;
    width: 100%;
}
.home-title h2{
    text-align: center;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
.home-title h2 span{
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    padding: 15px 50px;
    font-family: 'Raleway';
    font-weight: 600;
    border-bottom: 1px solid #b0b0b0;
    position: relative;
    color: #000;
    display: inline-block;
}
.home-title span:after,
.home-title span:before{
    background-color: #f8f8f8;/**same as body color*/
    content:"\f111";
    position: absolute;
    bottom: -4px;
    font-family:'FontAwesome';
    font-size: 6px;
    color: #b0b0b0;
    z-index: 1;
    height: 7px;
}
.home-title span:after{
    left: 50%;
    padding: 0 0px 0px 10px;

}
.home-title span:before{
    right: 50%;
    padding: 0 10px 0px 0px;

}
.home-title p{
    text-align: center;
    width: 80%;
    margin: 30px auto 0 auto;
    font-size: 16px;
    color: #7f7f7f;
}
/****our practice***/
.section-column{
    margin-top: 50px;
}
.section-column .column-company .home-title h2 span,
.section-column .column-book .home-title h2 span{
    border-top: none;
    width: 100%;
    font-size: 22px;
}
.company-col1{
    background-color: #f8f8f8;
}
.company-col1 ul{
    padding: 0;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
}
.company-col1 ul li{
    padding: 0;
    color: #535353;
    text-transform: capitalize;
    font-size: 16px;
    font-family: 'Raleway'; 
    font-weight: 600; 
    list-style: none;
    margin-top: 30px;
}
.company-col1 ul li i{
    color: #999999;
    font-size: 44px;
    margin-right: 30px;
    vertical-align: middle;
}
.company-col1 p{
    font-size: 14px;
    color: #212121;
    line-height: 26px;
    text-align: justify;
}
.column-book form{
    margin-top: 50px;
}
.column-book input{
    padding: 10px 10px;
    width: 100%;
    margin-bottom: 30px;   
    color: #545454;
    font-size: 14px;
}
.column-book input[type=date]{
    line-height: inherit;
}
.column-book i {
    position: absolute;
    top: 10px;
    right: 24px;
    font-size: 24px;
    color: #999999;
}
.column-book input[type=submit]{
    width: auto;
    padding: 8px 35px;
    text-transform: uppercase;
    color: #212121;
    font-family: 'Raleway';
    font-weight: 600; 
    font-size: 16px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.column-book input[type=submit]:hover, .column-book input[type=submit]:focus{
    color: #ffffff;
}
.column-book select{   
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 30px;
    color: #545454;
    font-size: 14px;
    outline: 0;
}
.column-book textarea{    
    width: 100%;
    margin-bottom: 30px;
    resize: vertical;
    padding: 10px 10px;
    color: #545454;
    font-size: 14px;
}
/****end**/

/************here to help css****/
.home-image-section{
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    padding: 0;   
    margin:  0 0 75px 0;
}
.home-image-section .blur-effect{
    position: static;
    padding: 100px 0 120px 0;
    background-color: rgba(0,0,0,0.8);
}
.home-image-section h2{
    text-transform: uppercase;
    font-size: 44px;
    text-align: center;
    color: #ffffff;
    font-family: 'Raleway';
    font-weight: 600; 
}
.home-image-section .banner-button{
    text-align: center;
    margin-top: 50px;
}

/******latest blog start********/
.no-img{
    min-height: 200px;
    background-color: #ccc;
}

i.fa.fa-ban.fa-stack-1x {
    font-size: 60px;
    top: 46%;
}

.no-img i.fa {
    top: 46%;
    position: absolute;
    font-size: 25px;
    color: #595959;
}
.home-our-blog{
    margin: 0 0 0px;
    padding: 0;
}
.our-latest-blog{
    margin-top: 60px; 
}
.attorneys .our-box-left > img {
    min-height: 234px;
}
.latest-blog-img{
    border: 1px solid #d7d7d7;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    background: none repeat scroll 0 0 #ffffff;
}
.post-meta ul{
    display: inline-block;
    padding:10px 8px;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}
.post-meta ul li{
    list-style: none;
    float: left;
    margin-right: 5px;
    text-align: left;
    font-size: 12px;
}
.post-meta ul li a,
.post-meta ul li span{
    color: #595959;
}

.latest-blog-inner .latest-blog-title{
    color: #212121;
    font-size:16px;
    font-family: 'Raleway';
    font-weight: 600; 
    margin: 10px 0 15px;
    display: inline-block;
    text-transform: capitalize;
    word-break: break-word;
}
.latest-blog-inner h3.latest-blog-title:hover, .latest-blog-inner h3.latest-blog-title:focus{
    color: #212121;
}
.latest-blog-inner {
    padding: 20px 20px;
}
.latest-blog-inner p{
    color: #2c2c2c;
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}
.button-div {
    bottom: -20px;
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 100%;
}
.button-read{
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 600; 
    padding: 10px 20px;
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #030102;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.button-read:hover, .button-read:focus{
    background-color: #ffffff;
    color: #545454;
}
/*************end******/


/****************home page end**************/

/****************blog page start**************/
.page-article {
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 70px;
    width: 100%;
}
.blog-page .latest-blog-img {
    margin-bottom: 60px;
}
.blog-page .our-latest-box:nth-child(2n+1) {
    clear: both;
}
/****************blog page end**************/

/****************single-blog page start**************/
.single-blog-page .latest-blog-img{
    padding-bottom: 0;
}
.single-blog-page .latest-blog-inner p{
    margin-bottom: 10px;
}
.attorney-detail{
    margin-bottom: 35px;
}
.attorney-detail .inner-grid {
    margin-bottom: 15px;
}
.comments-article .home-title h2 span{
    border-top: 0 none;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding-left: 128px;
    padding-right: 128px;
}
.comments-article > ol {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}

.comment-body {
    margin-bottom: 20px;
    position: relative;
}
.comment-author {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
}
.comment-author, .comment-content {
    padding-left: 50px;
}
.comment-author .says {
    display: none;
}
.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 34px;
    left: 0;
    padding: 2px;
    position: absolute;
    top:30px;
    width: 34px;
}
.comment-list{
    padding: 0;
    list-style: outside none none;
}
.comment-list .children {
    padding-left: 20px;
    list-style: outside none none;
    margin-bottom: 10px;
}
.comment-metadata {
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 8px;
    width: auto;
}
.comment-body a{
    color: #212121;
}
.comment-body .reply {
    position: absolute;
    right: 5px;
    top: 0;
}
.comment-author .fn{
    color: #212121;
    font-weight: normal;
}

.comment-metadata .reply a {
    color: #212121;
    display: inline-block;
    float: right;
    text-align: right;
}
.comment-content{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    color: #272727;
    display: inline-block;
    font-size: 13px;    
    padding: 10px;
    white-space: normal;
    width: 93%;
    margin-left: 50px;
}
.comment-form p {
    margin-bottom: 20px;
}
.comment-form label {
    display: none;
}
.comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form-url input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b0b0b0;
    color: #272727;
    font-size: 13px;
    padding: 10px;
    width: 100%;
}
.comment-form .comment-form-comment > textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b0b0b0;
    color: #6a6a6a;
    font-size: 13px;
    margin-top: 20px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}
.comment-form-email {
    margin: auto 15px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    float: left;
    width: 32%;
}
.comment-form-comment {
    clear: both;
}
.wpcf7-form p{
    display: inline-block;
    margin: 0 0 15px;
    width: 100%;
}
.wpcf7-form-control-wrap input {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #272727;
    font-size: 13px;   
    padding: 10px;
    width: 100%;
}
.wpcf7-form-control-wrap textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none #c6c6c6;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #6a6a6a;
    font-size: 13px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}
.reply-box {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.reply-box .home-title h2 span, .get-in-touch .home-title h2 span{
    border-top: 0 none;
    font-size: 16px;    
    padding-left: 128px;
    padding-right: 128px;
}
.reply-box .home-title h2, .get-in-touch .home-title h2{
    margin-top: 0;
    margin-bottom: 40px;
}

.wpcf7-form .wpcf7-submit,.form-submit > input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #000000;
    border-radius: 2px;
    color: #000000;
    float: left;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 13px;
    margin-top: 20px;
    padding: 8px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.wpcf7-form .wpcf7-submit:hover,.wpcf7-form .wpcf7-submit:focus, .form-submit > input[type="submit"]:hover,.form-submit > input[type="submit"]:focus,
.column-book input[type="button"]:hover, .column-book input[type="button"]:focus{
   color: #ffffff;
  
}
/****************single-blog page end**************/

/****************contact-us page start**************/
.contact-us .home-title span{
    padding-top: 0;
}
.get-in-touch > iframe{
    width: 100%;
    height: 230px;
}
.get-in-touch > p {
    color: #6a6a6a;
    font-size: 13px;
    margin: 20px auto;
}
.get-in-touch > ul{
    padding-left: 0;
}
.get-in-touch > ul li{
    list-style: none;
    padding-bottom: 5px;
}
.get-in-touch > ul li span{
    color: #6a6a6a;
    margin-right: 5px;
}
/****************contact-us page end**************/

/* Appoiment Form */
.column-book input[type="text"]{

    padding: 10px 10px;
    width: 46%;
    margin-bottom: 30px;   
    color: #545454;
    font-size: 13px;
    float: left;
    background: #fff;
}
.column-book select{   
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 30px;
    color: #545454;
    font-size: 14px;
    outline: 0;
}
.column-book textarea{    
    width: 100%;
    margin-bottom: 30px;
    resize: vertical;
    padding: 10px 10px;
    color: #545454;
    font-size: 13px;
    background: #fff;
}
.column-book input[type=button]{
    background: none repeat scroll 0 0 #ffffff;
    width: auto;
    padding: 8px 35px;
    text-transform: uppercase;
    color: #212121;
    font-family: 'Raleway';
    font-weight: 600; 
    font-size: 16px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.column-book .row{
    margin: 0;
}
.column-book .panel {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    border-radius: 0;
}
.column-book .panel-body {
    padding: 0;
}
.column-book .form-group{
    margin-bottom: 0;
}
#appointment_email, #datetime{
    margin-left: 17px;
}
#appointment_name, #appointment_phone{
    margin-right: 17px;
}
.our-latest-blog .our-latest-box:nth-child(3n+1) {
    clear: both;
}
.Label-book {
    color: #120000;
    font-family: 'Raleway'; !important;
    font-weight: 600;
    line-height: 1.8;
    padding-top: 6px !important;   
}
.column-book .subscribe-box h3{
    text-align: center;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 26px;
    padding: 15px 50px;
    font-family: 'Raleway';
    font-weight: 600;
    border-bottom: 1px solid #b0b0b0;
    position: relative;
    color: #000;
    display: inline-block;
    background-color: transparent;
}
.column-book .subscribe-box h3:after{
    background-color: #f8f8f8;
    content: "\f111";
    position: absolute;
    bottom: -4px;
    font-family: 'FontAwesome';
    font-size: 6px;
    color: #b0b0b0;
    z-index: 1;
    height: 9px;
    left: 50%;
    padding: 0 0px 0px 10px;
}
.column-book .subscribe-box h3:before{
    background-color: #f8f8f8;
    content: "\f111";
    position: absolute;
    bottom: -4px;
    font-family: 'FontAwesome';
    font-size: 6px;
    color: #b0b0b0;
    z-index: 1;
    height: 9px;
    right: 50%;
    padding: 0 10px 0px 0px;
}
.column-book form {
    margin-top: 20px;
}
#displaymessage {
    color: #449D44;
    font-size: 20px;
    margin-top: 20px;
}    
.masonry-container .our-latest-box{
    padding: 0px;
}
.blank-image{
    min-width: 100%;
    height: 232px;
    width: 370px;
    background: #e2e2e2;
}
/*custom.css*/
/* wp default css */
dt, dd {
    margin-bottom: 15px;
}
td, th {
    border: 1px solid #ccc;
    padding: 5px;
}
td, th a{
    color: #000;
}
.comments-box {
    padding: 0;
}
.wp-caption-text{
    margin-top:10px;
}
.wp-caption-text a:hover{
    color:#fff;
}
.sticky .entry-date {
    display: none;
}
.bypostauthor{
}
.breadcrumb.breadcrumb-menubar li > a {
    padding: 0 5px;
}

/* main sidebar */
.main-sidebar .tagcloud{
    text-align: left;
}
.main-sidebar .tagcloud > a {
    color: #595959;
    display: inline-block;
    margin: 13px 5px 0 0;
    font-size: 13px !important;
    padding:5px;
}
.footer-widget .tagcloud > a {
    color: #fff;
    font-size: 15px !important;
    padding:5px;
}
.main-sidebar table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.main-sidebar table th {
    color:#000;
}
.footer-widget table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.footer-widget caption {
    text-align: center;
    color:#fff;
}

.main-sidebar select{
    padding: 4px;
    width: 100%;
    background: transparent;
}
.footer-widget select{
    padding: 4px;
    width: 100%;
    color:#000;
}
.footer-widget ul li {
    color: #ffffff;

}
.footer-widget ul li a{
    color: #ffffff;
}
.main-sidebar img {
    height: auto;
    max-width: 100%;
}
.main-sidebar caption {
    text-align: center;
}
.sidebar-box .widget_calendar td, .widget_calendar th {
    color:#000;
    font-size: 12px;
}
.footer-widget .widget_calendar td, .widget_calendar th {
    color:#fff;
    text-align: center;
}


/**/
/**
 gallery
* -----------------------------------------------------------------------------
*/
.gallery {
    margin-bottom: 20px;
}
.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}
.gallery-columns-1 .gallery-item {
    max-width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}
.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}
.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
/**/
img {
    height: auto;
}
table{
    width:100%;
    text-align: center;
}
.post-meta{
    text-align:center;
}
.alignleft {
    display: inline;
    float: left;
}
blockquote.alignleft, 
.wp-caption.alignleft, img.alignleft {
    margin: 0.421em 1.684em 1.6842em 0;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: 0.4211em 0 1.6842em 1.6842em;
}
.alignright {
    display: inline;
    float: right;
}
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 1.2632em;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
    padding: 10px 10px 2px;
    text-align: center;
    color: #fff;
}
.wp-caption .wp-caption-text{
    color: #fff;
    text-align: center;
}
.wp-caption .wp-caption-text a{
    color: #000;
}
.wp-caption th{
    color: #000;
}
.wp-caption, .gallery {
    margin-bottom: 1.6842em;
}
iframe,
embed {
    max-width: 100%;
}
/* end wp default css */


/* custom css */ 
.custom-header-img {
    text-align: center;
    width: 100%;
}
.carousel-inner .fa {
    color: #fff;
    font-size: 100px;

}
.sidebar-widget > h3{
    border-bottom: 1px solid #d7d7d7;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 14px;
    margin: 0 -31px;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.site-pagination .screen-reader-text{
    display:none;
}
.footer-logo > a{
    font-size: 31px;
    font-weight: 600;
    text-transform: uppercase;
}
.col-md-3.theme-logo > a {
    text-transform: capitalize;
}
.sidebar-widget .post-date > a{
    margin-bottom:8px;
    text-align: left;
}
.footer-widget .post-date > a{
    margin-bottom:2px;
    text-align: left;
}
/* comment title */
.comment-reply-title {
    border-bottom: 1px solid #b0b0b0;
    color: #000000;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.comment-list .comment-content p{
    margin:0px;
}


/* seacrh fourm */
.sidebar-widget .searchform .screen-reader-text{
    display:none;
}
.footer-widget .search-form input[type="submit"]{   
    background-color: transparent;
    background-image: url("images/search.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 21px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -500px;
    top: 0px;
    width: 19px;
}
.sidebar-widget .search-form input[type="submit"]{   
    text-indent: -500px;
}
.sidebar-widget .search-form input[type="submit"]:after{
    content: '\f002';
    font-family: FontAwesome;
}
.searchform {
    position: relative;
}
.sidebar-widget .searchform input[type="text"]{
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 7px 15px;
    width: 80%;
}

.error404 .page-article .jumbotron{
    padding: 20px;
    background: #ececec;
}
.error404 .page-article .jumbotron h1{
    font-size: 30px;
}
.error404 .page-article .jumbotron p{
    font-size: 14px;
}
.searchform button{
    position: absolute;
    padding: 7px 10px;
    background: #fffafa;
    border: 1px 1px 1px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 0px;
}
.searchform input[type="text"]{
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 7px 15px;

}
.searchform input[type="submit"] 
{
    border: medium none;
    color: #fff;
    font-weight: bold;
    padding: 7px 12px;
    text-transform: capitalize;
}
.search-formmain .search-field {
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 7px 15px;
    width: auto !important;
}
.search-formmain .search-submit {
    color: #fff;
    left: 207px;
    padding: 11px 10px;
    position: absolute;
    top: 0;
}

/* pagignation */
.page-numbers{
    border: 1px solid #000;
    color: #000;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 13px;
    padding: 7px 13px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.next.page-numbers {
    text-transform: uppercase;
}
.prev.page-numbers {
    text-transform: uppercase;
}
.nav-previous {
    float: left;
    margin-bottom: 15px;
}
.nav-next {
    float: right;
    margin-bottom: 15px;
}
.page-links{
    margin-bottom: 25px;
}
.page-links  a{
    border: 1px solid #000;
    color: #000;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 13px;
    padding: 7px 13px;
    text-align: center; 
}
.page-links > span{
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 13px;
    padding: 7px 13px;
    text-align: center; 
}
.page-links-title{
    border:none !important;
}
.inner-grid .img-responsive{
    width:100%;
}
.no-img{
    max-height: 247px;
    width:100%;
}
.site-pagination .pagination {
    margin: 0 0 20px;
}
.button-div{
    left: 0;

}
.spage{
    padding-top: 10px;
}
.theme-logo img {
    display: inline-block;
}

/*media.css*/
/**==============theme media screen start==================**/

@media screen and (max-width:1200px){
    .theme-container{
        width: 92%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px){
    .banner-inner-content h1 {
        font-size: 40px;
    }
}
@media screen and (max-width: 1024px){
    
    .theme-logo img{
        max-height: 40px;
    }
}
@media(min-width:981px) and (max-width: 1024px){
    .comment-form-email {
        margin: auto 13px;
    }
    .home-title h2 span{
        padding: 15px 40px;
    }
    .get-in-touch .home-title h2 span {  
        padding-left: 95px;
        padding-right: 95px;
    }
    .banner-inner-content h1{
        font-size: 40px;
    }   
    #appointment_name, #appointment_phone {
        margin-right: 14px;
    }
    #appointment_email, #datetime {
        margin-left: 14px;
    }
}
@media(min-width:768px) and (max-width: 980px){
    .home-title h2 span{
         padding: 15px 0;
    }
    .bottom-header{
        text-align: center;
    }
    .banner-inner-content{
        top: 10%;
    }
    .banner-inner-content h1{
        font-size: 38px;
    }
    .banner-inner-content p{
        margin: 10px 0 30px;
        font-size: 26px;
    }
    .our-box-left > img{
        width: 100%;
    }
    .comment-img {
        padding: 0;
    }
    .reply-box .home-title h2{
        margin-bottom: 20px;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        float: none;
        margin: 0;
        width: 100%;
    }
    .wpcf7-form-control-wrap {
        display: inline-block;
        width: 100%;
    }
    .wpcf7-form-control-wrap input{
        margin-top: 20px;
    } 
    .get-in-touch .home-title h2 span{
        padding-left: 53px;
        padding-right: 53px;
    }
    .our-latest-box:nth-child(2n+1), .attorneys:nth-child(2n+1){
        clear: both;
    }
    .comment-author .avatar {
        top: 5px;
    }
    .comment-content {
        margin-left: 0;
        width: 100%;
    }
    .comment-metadata {
        display: block;
        padding-left: 50px;
    }
    .column-book input[type="text"]{
        width: 100%;
    }
    #appointment_name, #appointment_phone {
        margin-right: 0;
    }
    #appointment_email, #datetime {
        margin-left: 0;
    }
    .our-latest-blog .our-latest-box:nth-child(3n+1) {
        clear: none;
    }
    .our-latest-blog .our-latest-box:nth-child(2n+1) {
        clear: both;
    }
}
@media(max-width:767px){
    .theme-logo img {
    display:block;
    }
    .page-article{
        margin-bottom: 0;
        margin-top: 50px;
    }
    .home-image-section .blur-effect {  
        padding: 50px 0 60px;
    }
    .home-image-section h2{
        font-size: 26px;
    }
    .theme-banner,.home-image-section {
        margin-bottom: 50px;
    }
    .section-column,.our-section-list  {
        margin-top: 30px;
    }
    .home-practise-section,.home-our-section {
        margin-bottom: 20px;
    }
    .home-our-blog{
        margin-bottom: 30px;
    }
    .comment-author .avatar {
        top: 5px;
    }
    .comment-content {
        margin-left: 0;
        width: 100%;
    }
    .comment-metadata {
        display: block;
        padding-left: 50px;
    }
    .home-title h2 span,.section-column .column-company .home-title h2 span, .section-column .column-book .home-title h2 span{
        font-size: 20px;
    }
    
    /**top header**/
    .callus-part,
    .social-part,
    .top-header-email,
    .callus-part p,
    .theme-logo,
    .footer-bottom .terms,
    .footer-bottom{
        text-align: center;
        float: none;
    }
    .footer-bottom .terms{
        margin-top: 10px;
    }
    .social-part ul li{
        margin-top: 5px;
    }
    .social-part ul{
        padding-left: 0;       
    }
    .callus-part p{
        margin: 0 0 10px;
    }
    .banner-button a{
        padding: 10px 30px;
    }
    .site-pagination{
        margin-bottom: 10px;
    }
    .comments-article li > ul{
        padding-left: 15px;
    }
    .comment-img {
        padding: 0;
    }
    .wpcf7-form-control-wrap {
        display: inline-block;
        width: 100%;
    }
    .reply-box .home-title h2{
        margin-bottom: 20px;
    }
    .wpcf7-form-control-wrap input{
        margin-top: 20px;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        float: none;
        margin: 0;
        width: 100%;
    }
    .comments-article .home-title h2 span, .reply-box .home-title h2 span, .get-in-touch .home-title h2 span, .site-breadcrumb .home-title span{
        font-size: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    /*****our-section***/
    .our-section-box{
        margin-bottom: 30px;
    }
    .our-box-left img{
        margin: 0 auto;
    }
    .gallarey-container{
        padding: 0;
    }
    .column-book input[type="text"]{
        width: 100%;
    }
    #appointment_name, #appointment_phone {
        margin-right: 0;
    }
    #appointment_email, #datetime {
        margin-left: 0;
    }
    /****footer***/
    .footer-logo a{
        padding: 0 0 15px;
    }
}
@media (min-width:568px) and (max-width: 767px){

    .attorneys:nth-child(2n+1) {
        clear: both;
    }
    .attorneys{
        float: left;
        width: 50%;
    }    
    .our-box-right p{
        text-align: justify;
    }
    .footer-logo a:after, .footer-logo a:before{
        bottom: -5px;
    }
    .company-col1 ul li {
        float: left;
        width: 50%;
    }
    .company-col1 ul li i {
        float: left;
        width: 16%;
        margin-left: 5px;
    }
    .company-col1 ul li span {
        float: left;
        width: 70%;
    }
    .company-col1 ul li:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width: 481px) and (max-width: 767px){
    .banner-inner-content{
        top: 10%;
    }
    .banner-inner-content h1{
        font-size: 20px;
    }
    .banner-inner-content p{
        font-size: 16px;
        margin: 10px 0;
    }
    .banner-button a{
        font-size: 14px;
    }
    .carousel-inner .fa {
        font-size: 60px;
    }
}
@media (min-width: 380px) and (max-width: 480px){    
    .footer-logo a:after, .footer-logo a:before{
        bottom: -5px;
    }
}
@media screen and (max-width: 568px){
    .banner-inner-content{
        top: 6%;
        margin: 0 152px;
    }
    .carousel-control{
        top: 38%;
    }
}
@media screen and (max-width: 480px){
    .inner-grid img{
        margin: 0 auto;
    }
    .banner-inner-content{
        display: none;
    }
}
@media screen and (max-width: 380px){    
    .home-page .home-title h2 span, .our-firm .home-title h2 span{
        padding: 15px 0; 
    }
    .our-firm-tabs > li {
        float: none;
    }    
}
@media screen and (max-width: 320px){  
    .footer-logo a:after, .footer-logo a:before{
        bottom: -4px;
    }
}
@media(min-width:685px) and (max-width: 767px){
    .section-column .column-company .home-title h2 span{
        width: 570px;
    }
}
/**==========theme media screen end==============**/
.breadcrumb.breadcrumb-menubar li a:after{
    content: '/';
    padding-left: 10px;
}



/*menu-start*/
header{
    height: auto;
    position: relative;
    width: 100%;
    background: #f8f8f8;
}
#mainmenu {
    float: right;
}
#mainmenu ul,
#mainmenu ul li{
    margin: 0;
    padding: 0;
    outline: 0;
    color: #000000;
    line-height: 1;
    font-weight: 400;
    list-style: none;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
}
#mainmenu ul li a{
    margin: 0;
    padding: 15px 0;
    outline: 0;
    color: white;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    list-style: none;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
    text-transform:uppercase;
}
#menu-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    background: #673AB7;
}
#mainmenu > ul > li {
    float: left;
    
    padding: 0 20px;
}
#mainmenu > ul > li > a:hover, 
.fixed-header.fixed #mainmenu > ul > li > a:hover, 
#mainmenu > ul > li.current-menu-item > a {
    background: transparent;
}
#mainmenu > ul > li:last-child {
    margin-right: 0 !important;padding-right: 0 !important;
}
#mainmenu.align-center > ul {
    font-size: 0;text-align: center;
}
#mainmenu.align-center > ul > li {
    display: inline-block;float: none;
}
#mainmenu.align-center ul ul {
    text-align: left;
}
#mainmenu.align-right > ul > li {
    float: right;
}
#mainmenu.align-right ul ul {
    text-align: right;
}
.main-logo,#mainmenu > ul > li > a{
    height: auto;
    display: inline-block;
    align-items: center; 
    text-decoration: none;
}
.on-scroll .main-logo,.on-scroll #mainmenu > ul > li > a,.on-scroll #mainmenu #menu-button {
    height: 80px;
}

#mainmenu ul ul {
    position: absolute;
    padding: 0px 0 0px;
    background: #ffffff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.1);
}
#mainmenu.align-right li:hover > ul {
    right: 0;
}
ul.sub-menu .submenu-right {
    right: 100%;
}
ul.sub-menu .submenu-left {
    left: 100%;
}
#mainmenu ul ul ul {
    top: 0;
}
#mainmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#mainmenu ul ul li {
    height: 0;
    padding: 0 0px;
    margin: 0 0 0px;
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#mainmenu ul li:hover > ul > li {
    height: 40px;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
#mainmenu ul ul li a {
    min-width: 130px;
    white-space: nowrap;
    padding: 10px 15px;
    background: none;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}
#mainmenu ul ul li:hover > a,
#mainmenu ul ul li a:hover {
    color: #1CBAC8;
}
.main-nav {
    min-height: inherit;
    border: 0;
    margin: 0;
    border-radius: 0;
}
.transparent .main-nav .logo-dark,
.transparent .main-nav.on-scroll .logo-light {
    display: none;
}
.transparent .main-nav .logo-light,
.transparent .main-nav.on-scroll .logo-dark {
    display: flex;
}
header:not(.transparent) .main-nav .logo-light {
    display: none;
}
.fixed {
    padding: 0;
    background-color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.main-logo {
    float: left;
    position: relative;
    z-index: 1;
    max-width: 300px;
}
.main-logo a img {
    width: auto;
    height: 100%
}
.fixed-header.fixed #mainmenu > ul > li > a {
    color: #ffffff;
}
.fixed-header.fixed #mainmenu ul ul {
    background: rgba(255, 255, 255, 1)
}
.transparent {
    position: absolute;
    background: transparent;
    top: auto;
    color: #ffffff;
    width: 100%;
}
.main-nav {
    opacity: 1;
    z-index: 999;
    width: 100%;
    background: #fff; 
    /* position: fixed; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px; */
}
.transparent .main-nav {
    box-shadow: none;
}
.main-nav.fixed-header.fixed {
    position: fixed;
    top: auto;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
#mainmenu #menu-button{
    display: none;
}
#mainmenu > ul > li.has-sub button.submenu-button{
    position: absolute;
    right: 0;
    top: 15px;
    border: 0;
}
#mainmenu ul ul.sub-menu.open {
    display: block!important;
    left: auto;
}
#mainmenu ul ul.sub-menu.open > li {
    height: 40px;
    opacity: 1;
    transform: scale(1, 1);
}
#mainmenu ul ul.sub-menu.open ul {
    left: 100%;
}

/*----//// Responsive ////----*/

@media (max-width: 1024px) {
    /*---- Home start ----*/
    /*Menu*/
    
    #menu-line {
        display: none;
    }
    #mainmenu {
        width: 100%;
        top: 0;
        position: relative;
        float: none;
    }
    #mainmenu ul {
        width: 100%;
        display: none;
        clear: both;
        position: relative;
        top: 0px;
        text-align: left;
        /* background: rgb(248, 248, 248); */
        padding: 15px 0;
        margin-top: 15px;
    }
    #mainmenu ul li,
    #mainmenu ul ul li,
    #mainmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        opacity: 1;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #mainmenu li:hover > ul {
        padding: 0;
    }
    #mainmenu ul li a {
        width: 100%;
        color: #ffffff;
    }
    #mainmenu > ul > li > a,
    .on-scroll #mainmenu > ul > li > a {
        padding: 0px;
        line-height: 30px;
        height: inherit;
        display: block;
        border-bottom: 1px solid #ffffff;
    }
    #mainmenu > ul > li > a:hover,
    #mainmenu > ul > li > a.active {
        background: transparent;
    }
    #mainmenu > ul > li > a:before,
    #mainmenu ul ul li a:before,
    #mainmenu ul > li.has-sub > a:after {
        display: none;
    }
    #mainmenu > ul > li,
    #mainmenu.align-center > ul > li,
    #mainmenu.align-right > ul > li {
        float: none;
        display: block;
        z-index: 2;
    }
    #mainmenu li > ul {
        left: auto;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    #mainmenu li:hover > ul {
        left: auto;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    #mainmenu ul ul {
        position: absolute;
        left: -9999px;
        padding: 0px 0 5px;
    }
    #mainmenu ul ul li a {
        line-height: 30px;
        padding: 0;
    }
    #mainmenu ul ul,
    #mainmenu ul ul ul {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        padding: 0;
        margin: 0px 0 0px;
    }
    #mainmenu > ul > li.has-sub > a::after,
    #mainmenu ul ul li.has-sub > a::after {
        display: none;
    }
    #mainmenu #menu-button:focus {
        outline: 0;
    }
    #mainmenu #menu-button {
        font-size: 30px;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        position: absolute;
        cursor: pointer;
        z-index: 1111;
        border: 0;
    }
    #mainmenu #menu-button:after{
        content: '';
        position: absolute;
        top: 20px;
        right: 5px;
        display: block;
        width: 22px;
        height: 2px;
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    #mainmenu #menu-button.menu-opened:after{
        content: '';
        position: absolute;
        top: 26px !important;
        right: 5px !important;
        display: block;
        width: 22px;
        height: 2px;
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    #mainmenu #menu-button:before{
        content: '';
        position: absolute;
        top: 25px;
        right: 5px;
        display: block;
        width: 22px;
        height: 7px;
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    #mainmenu #menu-button.menu-opened:before{
        content: '';
        position: absolute;
        top: 25px;
        right: 7px;
        display: block;
        width: 22px;
        height: 7px;
        border-bottom: 0 !important;
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    #mainmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
       
        height: 30px;
        width: 30px;
        cursor: pointer;
        color: #676767;
    }
    #mainmenu .submenu-button::before {

        width: 100%;
        height: 100%;
        font-size: 20px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mainmenu .submenu-button.submenu-opened::before {
        content: '\f106';
    }
    .fixed-header.fixed #mainmenu > ul > li > a {
        color: #676767;
    }

    #mainmenu > ul > li{
        margin: 0;padding: 0;
    }
    #mainmenu > ul > li.has-sub button.submenu-button{
        top:0;
    }
    #mainmenu ul ul.sub-menu.open > li{height: auto;}
    #mainmenu ul ul.sub-menu.open ul{left: auto;}
}
/*-----------------------------------*/
@media (max-width:480px){
    .main-logo {
        max-width: 230px;
    }
}
/*menu-end*/
/*Header-End*/