/*.md-toolbar-tools h1 {*/
    /*font-size: inherit;*/
    /*font-weight: inherit;*/
    /*margin: inherit;*/
/*}*/

/*md-sidenav.md-locked-open {*/
    /*width: 150px !important;*/
    /*min-width: 150px !important;*/
    /*max-width: 150px !important;*/
/*}*/
#content h3, #content2 h3{
    font-size:24px;
    color:#395067;
    margin: .5em .5em;
    text-transform: uppercase;
    /*display: inline;*/
    border-bottom: 1px #395067 solid;
}
.ic-facebook {
    color: #3b5998;
}
.ic-twitter {
    color: #00aced;
}
.ic-google-plus {
    color: #dd4b39;
}
#content_share a {
    text-decoration: none;
}
#content_share a:hover {
    color: #000000;
}

/*Page with 3 colunm*/
#content #aside_l, #content #aside_r {
    float: left;
    max-width: 230px;
    padding: 10px;
    /*background: #cccccc;*/
}
#content #aside_r {background: #cccccc; margin-right: 10px; border-top: 30px; border-color: #395067;}
#aside_r div, #aside_r2 div, #home_clearboth_right div{
    background: #395067;
    margin: -10px;
    padding: 10px;
    color: #ffffff;
}
#content #content_main {
    /*background: #eeeeee;*/
    max-width: 490px;
    float: left;
    padding: 10px;
}
#content #content_main2 {
    max-width: 69%;
    float: left;
    padding: 10px;
    /*background: #cccccc;*/
}

/*Home ################*/
#content #container_home{
    /*background: #cccccc;*/
    /*width: 100%;*/
    width: 700px;
    margin: 0 10px;
    float: left;
}
#container_home #container_row{
    /*background: red;*/
    margin: 10px 0;
}
#container_row #left_box{
    /*background: green;*/
    float: left;
    width: 30%;
}
#name_lawyer{text-transform: uppercase; font-weight: bold;}
#left_box img{ width: 90%;}
#container_row #right_box{
    /*background: red;*/
    float: left;
    width: 70%;
}

 /*#### aside*/
#content #container_side{
    /*background: #cccccc;*/
    width: 220px;
    float: left;
    margin: 0 10px;
}
#container_side #container_side_row{
    /*background: #ffffff;*/
    margin: 10px 0;
    padding: 10px 20px;
    border: 1px solid #395067;
    box-sizing: border-box;
    text-transform: uppercase;
}
#container_side_row ul li{
    list-style: none;
    margin: 0 -20px;
    line-height: 25px;
}
#container_side_row a{color: #000000; text-decoration: none;}
#container_side_row a:hover{text-decoration: underline; font-weight: bold;}
#container_side_row div{
    background: #395067;
    color: #ffffff;
    margin: -10px -20px;
    padding: 10px 20px;
}
/*Home ################*/


#content #aside_r2 {
    float: left;
    max-width: 29%;
    padding: 10px;
    background: #cccccc;
    margin: 10px;
}
 /*Homepage style*/
#content2 #home_l, #content2 #home_c,#content2 #home_r {
    /*background: #cccccc;*/
    float: left;
    width: 300px;
    margin: 0 10px 5px 11px;
    padding: 0 0 15px 0;
    box-sizing: border-box;
}
#content #aside_hl, #content #aside_hr {
    /*background: #cccccc;*/
    float: left;
    max-width: 46%;
    margin: 15px;
    box-sizing: border-box;
    padding: 0 15px;
}
#content #home_clearboth {
    /*background: #cccccc;*/
    /*clear: both;*/
    margin: 10px 20px 0 30px;
    float: left;
}
#home_clearboth_right{
    margin-top: 20px;
    float: left;
    text-transform: uppercase;
}
#home_clearboth_right ul li, #home_clearboth_right a{
    list-style: none;
    margin-left: -20px;
    /*line-height: 30px;*/
    color: #395067; text-decoration: none; line-height: 25px;
}
#home_clearboth_right a:hover{ text-decoration: underline;}
#home_l div, #home_c div, #home_r div {
    width: 99%;
    height: 180px;
    background-size: cover;
}
#home_l div {    background-image: url('/assets/img/banner_event.jpg');}
#home_c div {    background-image: url('/assets/img/contactus_banner.jpg');}
#home_r div {    background-image: url('/assets/img/banner_book_law.jpg');}
#content2 h4, #content2 a,#aside_hl h4,#aside_hl a,#aside_hr h4,#aside_hr a {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
}
#content2 a:hover,#aside_hl a:hover,#aside_hr a:hover{text-decoration: underline}
#aside_hl div, #aside_hr div {
    width: 99%;  height: 200px; background-size: cover;
}
#aside_hl div{background-image: url('/assets/img/banner_legal.jpg')}
#aside_hr div{background-image: url('/assets/img/banner_tax.jpg')}


 /*#################### lawyer profile*/
#aside_l img {
    width: 100%;
}
#aside_r img {
    width: 100%;
}
#box_lawyer {
    /*background: #cccccc;*/
    width: 190px;
    /*height: 300px;*/
    /*height: auto;*/
    position: relative;
    float: left;
    margin: 10px;
    padding: 10px;
}
#box_lawyer:hover {box-shadow: #000000 0 0 15px;
    background: #cccccc;
    -webkit-transition: background-color 900ms linear;
    -moz-transition: background-color 900ms linear;
    -o-transition: background-color 900ms linear;
    transition: background-color 900ms linear;
}
#box_lawyer img {
    width: 100%;
}
#aside_r a, #aside_r2 a{
    color: #395067; text-decoration: none; line-height: 25px;
}
#aside_r a:hover, #aside_r2 a:hover{
    text-decoration: underline;
}
/*####################*/
 /*Search box*/
#search_box input[type=text]{
    height: 50px;
    /*width: 800px;*/
    width: 98%;
    color: #395067;
    padding: 10px;
    color: #395067; border: #395067 0.08em solid;
}
#search_box #search_button {
    margin-left: -40px;
    z-index: 9;
    /*position: static;*/
}
 /*Form contact*/
#form_contact input[type=text],#form_contact select,#form_contact input[type=email],#form_contact textarea{
    width: 470px;
    height: 35px;
    margin-top: 5px;
    padding: 4px 10px;
    color: #395067; border: #395067 0.08em solid;
}
#form_contact textarea{
    height: 200px; line-height: 30px;
}
#form_contact input[type=text]:focus,#form_contact select:focus,#form_contact input[type=email]:focus,#form_contact textarea:focus,#search_box input[type=text]:focus{
    box-shadow: #395067 0 0 10px;
}
/*for desktop*/
@media screen and (min-width:700px) {

}
/*for mobile*/
@media screen and (max-width:699px) {
    #content #aside_l, #content #aside_r {  max-width: 699px;  }
    #content #aside_r {background: #cccccc; margin: 0;}
    #content #content_main2 {  max-width: 100%;  }
    #content #aside_r2 {  max-width: 100%;  }
    /*Homepage style*/
    #content2 #home_l,#content2 #home_c,#content2 #home_r {  max-width: 100%;  }
    #content #aside_hl, #content #aside_hr {  max-width: 100%;  }
    #home_l div, #home_c div, #home_r div {  display: none;  }
    /*Form contact*/
    #form_contact input[type=text],#form_contact select,#form_contact input[type=email],#form_contact textarea{
        width: 300px;
    }
}