/*
Theme Name: Lawfirm Theme
Author: Propolife team
Author URI: https://aodaihousing.com/
Text Domain: theme
*/

@charset "UTF-8";
/* CSS Document */
@media (min-width: 768px) and (max-width: 991px) {.navbar-brand .img-responsive{transition: all 0.5s ease;margin-top: 10px;}.panel-facebook{margin-top:10px;}.center-block{text-align:center}}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (max-width: 767px){
.center{text-align:center}
.navbar{width:inherit !important}
.navbar-brand{}
.navbar-default .navbar-nav > li > a {line-height:normal !important;}
.navbar-nav {margin: 0px -15px 0px -15px;}
.topic {margin-top: -25px !important;}
.panel-facebook{margin-top:10px;}
.navbar-fixed-top .select-lang{top:7px !important;right:50px !important}
.slidermain{position:static !important;min-height:50px !important}
.languageSelect{right: 55px !important;}
.top-info .companyname{padding-right:15px !important}
.top-info .companyname .caption{border-top: solid 5px #A9905A;}
.top-info .companyname .caption h3{}
.top-info .companyname a{display:block;line-height:normal !important;height:inherit !important;}
.top-info .support{padding:0px 15px !important}
.top-info .support .hotline{font-size: 20px !important;}
.top-info .support .caption{padding:10px 30px !important;}
.top-info .address{}
.top-info .address .caption p{color:#ffffff;text-align:justify !important;margin-bottom:0px !important;}
}
/*----------Gerneral transition setup-------------*/
.btn,.navbar-nav li,.navbar ul li ul,.list-group-item{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
body{background-color:#ffffff;font-family:Arial, sans-serif;font-size: 12px;line-height: 26px;}
ul li a{font-size:12px;color:#000000}
a{color:#000000;text-decoration:none}
a:hover,a:focus{text-decoration:none}
header{background-color:#345A80}
.caption p.excerpt{text-align:center;margin-top:10px;color:#FFFFFF;white-space: normal;}
.panel-heading h3{color:#000;font-size:12px;margin:0px}
.form-control{border-radius:0px;}
.form-horizontal .form-control{margin-bottom:10px;}
label{font-weight:normal}
.bg-default{background-color:#ffffff;}
.show-grid{margin-bottom:15px;}
.panel{border-radius:0px;margin-bottom:10px;}
.panel-heading{border-radius:0px;}
.thumbnail>.fa{background-color: #000;border-radius: 50%;line-height:70px;width:70px;height:70px;color:#FFFFFF;font-size:25px;margin-top:15px;}
.thumbnail h3{font-size:20px;  margin-top: 10px;}
.map{border: solid 1px #CCCCCC;}
#map-canvas{height:268px;width:auto;}
/*--------------------------*/
.slidermain{top:-109px;position:relative;background: #CACACA;min-height:245px;}
hr{margin:10px 0px}
/*----------Top menu-------------*/
.logo{z-index:1;}
.logo:hover, .logo:hover img.logo:hover a,.logo a:hover{background-color:#345A80 !important;opacity:100;}
.logo a{background-color:#345A80;padding:10px 15px;}
.navbar-brand{font-size: 12px;color:#ffffff !important}
.navbar-default .navbar-nav > li > a { color: #ffffff;font-size:12px;text-transform:uppercase}
.navbar-default .navbar-nav li{transition: all .5s linear;-o-transition: all .5s linear;-moz-transition: all .5s linear;-webkit-transition: all .5s linear;}
.navbar-default .navbar-nav li:hover{background-color:#A9905A;cursor:pointer}
.navbar-default{border:none;margin:auto !important}
.navbar{margin:0px;box-shadow:none;}

.navbar-default{background:#345A80;border-radius: 0px;}
.navbar-default .navbar-toggle {border-color: #FFF;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-toggle:hover{background-color:#A9905A}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #000000;background-color: #A9905A;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,.navbar-header .active {color: #000;background-color: #A9905A;}
.navbar-default .navbar-toggle {border:none}
.navbar-toggle{padding:7px 0px}

.navbar-nav > li > .dropdown-menu {border-radius:0px;background-color:#7BA7D4;border:none;left:0px}
.navbar-nav > li > .dropdown-menu li{}
.navbar-nav > li > .dropdown-menu li a{color:#FFFFFF;text-decoration:none;font-size:12px;line-height:35px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000000;}

.sub-menu{display:none;position:absolute;background-color:#7BA7D4;padding:15px;width:185px;}
.sub-menu li{display:block;border:none !important}
.sub-menu li a{color:#FFFFFF;text-decoration:none;font-size:12px;display:block;}
.navbar-default .navbar-nav li:hover .sub-menu{display:inline-block;top:115px;}
/*----------Footer-------------*/
.doc-footer{background-color:#345a80;padding: 15px 0px;margin-top: 30px;}
.footer-menu{margin:20px 0px 10px 0px}
.footer-menu li{display:inline;padding:0 5px;border-right: 1px solid #000000}
.footer-menu li a{color:#ffffff;font-size:12px;text-transform:uppercase}
.footer-menu li a:hover, .footer-menu li.active a{color:#7BA7D4;text-decoration:none}
.footer-menu li:last-child{border-right:none}
.socials{}
.socials a {display:inline-block;width:35px;height:35px;font-size:15px;line-height:35px;text-align: center;text-decoration: none;border: 2px solid #fff;border-radius: 50%;transition: border-color ease 0.4s}
.socials .fa{color:#345A80;background-color:#FFFFFF}
.socials a:hover {color: #ffffff;background-color: #7BA7D4;border-color: #7BA7D4;}
.footer-privacy,.footer-privacy a {font-size: 12px;line-height:35px;color:#ffffff}
.footer-privacy .fa,.footer-privacy p{display:inline-block}
/*----------Menu page-------------*/
.thumbnail {border:none;border-radius:0px;padding:0px;}
/*----------Topic-------------*/
.topic{margin-top:-165px}
.topic .thumbnail{height:330px;}
/*----------About page-------------*/
.title h3{}
.title-detail small{margin-left:5px;font-weight: normal;}
h3.title-detail{font-size:24px;}
/*----------Topic scroll-------------*/
.list-group-item time{color: #F20000;}
/*----------Menu scroll-------------*/
.media{background-color:#ffffff}
.modal-title {text-transform: uppercase;}
.caption h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.viewdetail{background-color: #7BA7D4;padding: 15px;color: #ffffff;}
p img{max-width: 658px;height: auto;margin-bottom:15px;}
.top-service{}
.top-service{background-color: #345a80;position:relative}
.top-service:hover img{opacity:0}
.top-service {color:#ffffff;display:block;min-height:263px;}
.top-service img{opacity:0.5;-webkit-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.top-service span{position:absolute;top:50%;left:15%;border-top: solid 2px #ffffff;;border-bottom: solid 2px #ffffff;text-transform:uppercase}
.top-service:before{border-bottom:solid 2px #ffffff;border-top:solid 2px #ffffff}
.top-service h3 {color: #ffffff;padding: 30px 15px;font-size: 18px;text-align: center;margin-bottom: 0px;}
.top-service h3 {position: absolute;top: 50%;margin-top: -45px;left: 0;right: 0;}
/*.top-service h3:before {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;content: '';width: 30px;height: 3px;background: #ffffff;display: block;left: 50%;margin-left: -15px;top: 0;}
.top-service h3:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;content: '';width: 30px;height: 3px;background: #ffffff;display: block;left: 50%;margin-left: -15px;bottom: 0;}*/
.btn-readmore{color: #345a80;text-transform: uppercase;display: inline-block;position: relative;padding-bottom: 10px;margin-bottom:30px;font-weight:bold}
.btn-readmore:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;content: '';width: 30px;height: 3px;background: #345a80;display: block;left: 50%;bottom: 0;margin-left: -15px;}
.heading{color:#345A80;text-transform:uppercase}
/*----------Staff page-------------*/
.staff-grid{margin-bottom:10px}
.staff-grid .caption{position:inherit;border:none}
.staff-grid .thumbnail{background-color:#FFFFFF;border-bottom:solid 5px #ededed;}
.staff-grid .thumbnail .avatar{background:#cacaca;display:table;height:200px;width:100%;}
.staff-grid .thumbnail .avatar .fa-user{color:#bbbbbb;font-size:72px;display:table-cell;vertical-align:middle;margin:0px;padding:0px}
.staff-grid .caption h5{line-height: 30px;}
/*----------FAQS-------------*/
.faq span{font-size: 14px;line-height: 24px;font-weight:bold}
.faq span:hover{color: #A9905A;}
.faq span .fa{color:#A9905A;margin-right:10px;}
.faq .panel-detail{margin: 10px 0px;font-size: 14px;text-align:justify;}
.clickable{cursor:pointer}
.media .fa-file-pdf-o{color:#842122}
.media p{text-align:justify}
.fa-file-word-o{color: #337ab7;}
.list-group-item{border-radius:0px !important;}
.languageSelect{position:absolute;top: 10px;right: -25px;}
.language-chooser-image li{display:inline-block}
/*----------Top Info-------------*/
.top-info{margin-bottom:15px;}
.top-info .companyname{padding-right:0px}
.top-info .companyname .caption{padding:30px 0px 0px 30px;text-align:left}
.top-info .companyname .caption h3{margin:0px;text-transform:uppercase}
.top-info .companyname a{display:block;background-color: #ffffff;height: 112px;}
.top-info .companyname a,.top-info .support .caption{}
.top-info .support{padding:0px}
.top-info .support .hotline{font-size:24px;color: #A9905A;}
.top-info .support .hotline span{color:#000000;font-size:16px;}
.top-info .support .caption{padding:30px 30px 0px 0px;background-color:#ffffff;}
.top-info .address{}
.top-info .address .caption{background: #345A80;color: #ffffff;padding:30px;text-align: left;font-size: 18px;}
.top-info .address .caption p{text-align:justify;margin-bottom:0px;display: inline;}
.dl-horizontal dd{color:#A9905A;line-height:26px;}
.dl-horizontal dt{color:#337AB7;line-height:26px;}
.clickable span{color:#A9905A}
.answer-icon{float:left;font-size: 3em;padding: .2em;border: solid 5px #eee;margin-right:5px;color:#A9905A}
.panel-edit p{margin-bottom:0px;}