/****************************************************************************
    CSS RESET
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}



/****************************************************************************
    FONTS
****************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,300);



/****************************************************************************
    BASIC STYLES
****************************************************************************/
body {background: #fff;}
a {color: #006b9b; text-decoration: none; outline: 0;}
h2 {font: 30px 'Raleway', sans-serif; font-weight: 700; color: #322c2b; background: url("images/heading-bg2.png") left bottom no-repeat; padding-bottom: 18px; margin-bottom: 25px;}
h2 a {color: #322c2b;}
h3 {font: 21px 'Raleway', sans-serif; font-weight: 700; color: #322c2b;}
h3 a {color: #322c2b;}
h4 {font: 18px 'Raleway', sans-serif; font-weight: 700;}
h5 {font: 36px 'Raleway', sans-serif; font-weight: 300; margin-bottom: 30px; color: #7c7776;}
.first h5 {font: 30px 'Raleway', sans-serif; font-weight: 300; margin-bottom: 20px;}
h6 {font-size: 10px;}
p {font: 16px/28px 'Raleway', sans-serif; font-weight: 400; color: #322c2b; margin-bottom: 25px;}
p strong {font-family: 'Raleway', sans-serif; font-weight: 700;}
p em {font-style: italic;}
::-moz-selection {background: #9d9391; color: #fff; text-shadow: none;}
::selection {background: #9d9391; color: #fff; text-shadow: none;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; clear: both;}
img {max-width: 100%;}
.center {text-align: center;}



/****************************************************************************
    HEADER
****************************************************************************/
header {background: #dddddd; min-height: 172px;}
.logo {line-height: 114px;}
.logo a img {height: 69px; vertical-align: middle;}
.logo a span {color: #5b5251; font: 12px 'Raleway', sans-serif; font-weight: 400; vertical-align: middle;}
.logo h2 {padding: 0px; margin: 0px; background: none; line-height: 114px;}
.logo h2 a {color: #fff; border-right: 1px solid #5b5251; padding-right: 10px; margin-right: 10px; vertical-align: middle;}
.logo h2 span {color: #5b5251; font: 12px 'Raleway', sans-serif; font-weight: 400; vertical-align: middle;}
.phone {text-align: right;}
.phone p {font:22px 'Raleway', sans-serif; font-weight: 700; margin-top: 37px; margin-right: 6px; color: #000; margin-bottom: 0;}
.phone p strong {vertical-align: middle; background: url("images/phone.png") left center no-repeat; display: inline-block; padding-left: 40px;}
header .nav {margin-bottom: 0px;}
.nav, .sub-menu {background: #006b9b;}
.nav ul {width: 75%; float: left;}
.nav ul li {font: 15px/58px 'Raleway', sans-serif; font-weight: 400; color: #ffffff; float:left; border-right: 1px solid #007db5; position: relative;}
.nav ul li:last-child {border-right: 0px;}
.nav ul li a {color: #ffffff; padding: 20px 24px 20px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.nav ul li a:hover, .nav ul li.active > a {background: #007db5; color: #ffffff;}
.nav ul li .sub-menu {width: 200px; position: absolute; top: 58px; z-index: 9999; opacity: 0.8; display: none;}
.nav > ul > li > .sub-menu {left: 0px;}
.nav > ul > li > .sub-menu .sub-menu {left: 200px; top: 0px;}
.nav ul li .sub-menu li {border: 0px; display: block; width: 100%;}
.nav ul li .sub-menu li a{display: block; padding: 0px; width: 90%; padding-left: 20px;}
.responsive_nav {display: none;}
.responsive_nav a {background: #006b9b url("images/resposive-errow.png") 90% center no-repeat; padding: 20px 24px; display: block; font: 15px 'Raleway', sans-serif; font-weight: 400; color: #ffffff;}
.responsive_nav a:hover {background: #007db5 url("images/resposive-errow.png") 90% center no-repeat;}
.res-nav {display: none; font: 15px/58px 'Raleway', sans-serif; font-weight: 400; color: #ffffff; background: #006b9b;}
.res-nav a {display: block; color: #ffffff; padding: 0px 24px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.res-nav a:hover {background: #007db5; color: #ffffff;}
.widget li .sub-menu {width: auto; position: static; display: block; background: none;padding-top: 10px; margin-left: 20px;}
.widget li .sub-menu li:last-child {margin-bottom: 0px; border: 0px;}
.social_icon {width: 25%; float: right; text-align: right;}
.social_icon a {display: inline-block;padding: 19px 14px;border-right: 1px solid #007db5; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.social_icon a:last-child {border: 0px;}
.social_icon a span {width: 19px; height: 18px; display: inline-block; vertical-align: middle; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.social_icon a:not(.icon):hover span {background-position: 0 -19px !important;}
.social_icon a.fb span {background: url("images/fb.png") no-repeat;background-position: 0 0px;}
.social_icon a.tw span {background: url("images/tw.png") no-repeat;background-position: 0 0px;}
.social_icon a.rss span {background: url("images/rss.png") no-repeat;background-position: 0 0px;}
.social_icon a.in span {background: url("images/in.png") no-repeat;background-position: 0 0px;}
.social_icon a.icon span {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.clnt_sys {margin-bottom: 100px;}
.clnt_sys figure {width: 101px; height: 99px; float: left;  margin-bottom: 20px;}
.clnt_sys figure a {width: 100% ; height: 100% ; display: block; overflow: hidden;}
.clnt_sys figure img {width: 100%; height: 100%; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}
.clnt_sys figure a:hover img {transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-webkit-transform: scale(1.3, 1.3);}
.clnt_sys p {width: 78%; float: right; font-size: 20px; color: #77706f; line-height: 27px;  margin-bottom: 20px;}
.clnt_sys h2 {background: url("images/heading-bg2.png") left bottom no-repeat; margin-bottom: 10px; color: #322c2b;}
.clnt_sys span  {color: #006b9b; font: 15px 'Raleway', sans-serif; font-weight: 700;}



/****************************************************************************
    SLIDER
****************************************************************************/
.wraper {background: #eeecec;}
.wrapr_two {background:#322c2b url("images/bg2.html") no-repeat;}
.wrapr_two .slides .detail h1 {color: #ffffff;}
.wrapr_two .slides .detail h3 {color: #888180;}
.wrapr_two .slides .detail p {color: #6c6564;}
.slider-wrap {width: 1170px; height: 370px; margin: 0 auto;}
.slide-wrap {height: 370px;}
.slider-wrap > a {position: absolute; top: 358px; margin-top: -25px; width: 48px; z-index: 999999; height: 49px; display: block;-webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.slider-wrap > a.left {background: url("images/slider_left.png") no-repeat; left: 0px; background-position: 0 0;}
.slider-wrap > a.right {background: url("images/slider_right.png") no-repeat; right: 0px; background-position: 0 0;}
.slider-wrap > a:hover {background-position: 0 -49px !important;}
.slides {width: 100%;}
.slides .detail {padding-top: 50px;}
.slides .detail h1 {color: #322c2b; background: url("images/heading-bg.png") left bottom no-repeat; padding-bottom: 15px; margin-bottom: 30px; font: 36px 'Raleway', sans-serif; font-weight: 700;}
.slides .detail h3 {color: #322c2b; margin-bottom: 30px; font: 30px 'Raleway', sans-serif; font-weight: 300;}
.slides .detail p {color: #322c2b; margin-bottom: 50px; font: 18px 'Raleway', sans-serif; font-weight: 400; line-height: 30px;}
.slides figure {margin-top: 20px; height: 300px; text-align: right;}
.slides .butn {margin: 0;}
/*.slides figure img {height: 100%; width: 100%;}*/



/****************************************************************************
    FLEX SLIDER
****************************************************************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider-wrap {height: auto;}
.flex-caption {background: #3f3938; padding: 30px; width: 400px; position: absolute; bottom: 80px;}
.flex-caption h1 {color: #ffffff; margin: 0 0 20px 0; font: bold 24px "Raleway";}
.flex-caption p {color: #8f8887; margin: 0;}
.flexslider {position: relative;}
.flex-control-nav {display: none;}
.flex-direction-nav {position: absolute; bottom: 50%; margin-bottom: -25px; right: -48px;}
.flex-direction-nav li {display: inline-block; font-size: 0; margin: 0 -1px;}
.flex-direction-nav .flex-prev {display: block; background: url("images/slider_left.png") no-repeat !important;  background-position: 0 0 !important; width: 49px; height: 50px; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}
.flex-direction-nav .flex-next {display: block; background: url("images/slider_right.png") no-repeat !important; background-position: 0 0 !important; width: 49px; height: 50px; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}
.flex-direction-nav .flex-prev:hover {background-position: 0 -49px !important;}
.flex-direction-nav .flex-next:hover {background-position: 0 -49px !important;}



/****************************************************************************
    CONTENT
****************************************************************************/
.service-wrap {padding-bottom: 90px;}
.service-wrap .butn {margin-left: 0px;}
.service-wrap .first {min-height: 400px;}
.service-two .first {text-align: center; min-height: inherit; margin-bottom: 60px;}
.service-two .first h2 {font-size: 48px; background-position: center bottom !important; margin-bottom: 10px;}
.service-two .service {background: #f5f3f3; margin-bottom: 30px;}
.service-two .service figure {margin-top: 30px;}
.service-two .service p {padding: 0 40px;}
.service {text-align: center; margin-bottom: 10px;}
.service figure {text-align: center; width: 100%; display: inline-block; margin-bottom: 30px;}
.service figure a {width: 100%; height: 100%; overflow: hidden; text-align: center;}
.service figure img {max-width: 100%;}
.service-wrap p a  {color: #006b9b; display: block;}
.service-wrap p, .service h3 {margin-bottom: 20px;}
.service h3 a {font-size: 21px;}
.trust-wrap h2 {margin-bottom: 48px;}
.trust-wrap {background:#f5f3f3; padding-top: 86px; padding-bottom: 44px; margin-bottom: 110px;}
.trust-wrap.trust_content {margin-bottom: 0px;}
.trust-wrap .butn {margin-left: 0;}
.trust {margin-bottom: 30px; width: 270px;}
.jcarousel-item.trust {margin-left: 14px; margin-right: 14px;}
.trust figure {width: 100%; /*height: 191px;*/ margin-bottom: 38px;}
.trust figure a {width: 100% ; height: 100% ; display: block; overflow: hidden;}
.trust figure a:hover img {transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-webkit-transform: scale(1.3, 1.3);}
.trust figure img {max-width: 100%; /*width: 100%; height: 100%;*/ transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}
.trust h3 {margin-bottom: 25px;}
.client-wrap {margin-bottom: 119px;}
.client-wrap h2 {font: 30px 'Raleway', sans-serif !important; font-weight: 700; color: #322c2b !important; /*background: url("images/heading-bg2.png") left bottom no-repeat !important;*/ padding-bottom: 18px !important; margin-bottom: 25px !important;}
.client-wrap .first {margin-bottom: 30px;}
.client-wrap .client {margin-bottom: 30px;margin-top: 17px;}
.client ul {border: 1px solid #e5e3e3; border-bottom: 0px;}
.client ul li {margin: 0px !important; padding: 0px !important; background: none !important; display: inline-block; width: 216px; float: left; border-right: 1px solid #e5e3e3; border-bottom: 1px solid #e5e3e3; text-align: center;}
.client ul li:nth-child(4n) {border-right: 0px;}
.client ul li a {margin: 21px 0px; display: block;}
.client ul li img {max-width: 100%;}



/****************************************************************************
    ATTORNEYS
****************************************************************************/
.title_bar  {margin-bottom: 32px;}
.title_bar h2 {display: inline-block; font-size: 36px; padding-top: 36px; margin-bottom: 36px; background: url("images/heading-bg.png") left bottom no-repeat;}
.atorneys .trust{margin-bottom: 48px;}
/*.atorneys {padding-bottom:450px;}*/
.atorney_detail .figure {float: right; margin-bottom: 30px; margin-left: 30px;}
.atorney_detail p {font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.atorney_img a{display: block; width: 100%; height: 100%; margin: 0 0 30px;}
.atorney_img img {max-width: 100%;}
.inquire ul {margin-bottom: 40px;}
.inquire ul li {font: 14px/26px 'Raleway', sans-serif; font-weight: 400; background: url("images/green_errow.png") left 12px no-repeat; padding-left: 20px; margin: 4px 0px;}
.inquire .box {text-align: center; background: #eeecec; padding: 27px 0px;  margin-bottom: 40px;}
.inquire .box p {font-size: 14px; color: #877e7d; margin-bottom: 18px;}
.inquire .box p:last-child {margin: 0px;}
.inquire .box .butn {border-radius: 4px; padding: 12px 62px; font: 24px 'Raleway', sans-serif; font-weight: 700; background: #322c2b;}
.atorney_books {margin-bottom: 90px;}
.atorney_books h2 {font-size: 22px; margin-top: 35px; margin-bottom: 33px;}
.atorney_books .books {width: 105px; height: 133px; float: left; margin-right: 58px;}
.atorney_books .books:last-child {margin-right: 0px;}
.atorney_books .books a {display: block;}
.atorney_books .books a img {width: 100%; height: 100%;}
.video {margin-bottom: 90px; position: relative;}
.video iframe  {width: 100%; height: 245px; display: block; line-height: 0;}
.video .vid-icon {width: 115px; height: 115px; position: absolute; background: #259c59 url(images/vid-icon.png) center center no-repeat; bottom: 0; right: 0;}



/****************************************************************************
    ABOUT
****************************************************************************/
.about_desc {margin-bottom: 90px;}
.about_desc p {font: 15px 'Raleway', sans-serif; font-weight: 300; line-height: 30px; color: #322c2b;}
.tag_line {margin-bottom: 40px; margin-top: 60px;}
.tag_line ul li {font: 18px 'Raleway', sans-serif; font-weight: 400; background: url("images/green_errow.png") left 12px no-repeat; padding-left: 20px; line-height: 30px; margin-left: 20px; padding-bottom: 12px; color: #322c2b; margin-bottom:12px; border-bottom: 1px solid #cccaca;}
.feature_list {margin-bottom: 40px;}
.feature_list h2 {margin-bottom: 55px !important; font: 30px 'Raleway', sans-serif !important; font-weight: 700; background: url("images/heading-bg2.png") left bottom no-repeat !important; padding-bottom: 18px !important;}
.featur {margin-bottom: 50px;}
.featur figure {width: 100px; height: 86px; display: inline-block;}
.featur a:hover img {border-radius: 25%;}
.featur figure a {display: block;}
.featur figure img{width:  100%; height: 100%;}
.featur p{font-size: 14px; color: #877e7d; width: 67%; float: right;}



/****************************************************************************
    SINGLE
****************************************************************************/
.single .date {font: 16px 'Raleway', sans-serif; font-weight: 700; background: #006b9b; text-align: center; padding: 16px 13px 19px; display: inline-block; color: #c8fbde; float: left; margin-right: 21px; margin-bottom: 35px;}
.single .date span {font: 25px 'Raleway', sans-serif; font-weight: 700; margin-bottom: 3px; display: block; text-align: center; color: #c8fbde;}
.single .title {float: left;}
.single .title h2 {margin-bottom: 15px; font: 24px 'Raleway', sans-serif; font-weight: 700; color: #322c2b;}
.single .title h2 a{font: 24px 'Raleway', sans-serif; font-weight: 700; color: #322c2b;}
.post {margin-bottom: 40px; margin-top: 22px;}
.post figure {margin-bottom: 35px; display: inline-block; line-height: 0px; float: left; max-width: 100%;}
.post figure.small {margin-right: 30px;}
.post figure img {max-width: 100%;}
.post .meta p {color: #322c2b; font: 15px 'Raleway', sans-serif; font-weight: 400;}
.post .meta p a {color: #322c2b;}
.post .meta p a strong {font-weight: bold; color: #006b9b;}
.page .post-detail {margin-bottom: 60px;}
.post-detail h1, .post-detail h2, .post-detail h3,
.post-detail h4, .post-detail h5, .post-detail h6 {font-family: 'Raleway', sans-serif; font-weight: 400; margin-bottom: 15px; color: #322c2b;}
.post-detail h1 {font-size: 36px;}
.post-detail h2 {font-size: 30px; background: none; font-weight: normal; padding: 0px; text-align: left;}
.post-detail h3 {font-size: 26px;}
.post-detail h4 {font-size: 24px;}
.post-detail h5 {font-size: 20px;}
.post-detail h6 {font-size: 18px;}
.post-detail p {margin: 0 0 30px;}
.post-detail ul, .post-detail ol {margin-bottom: 40px;}
.post-detail ul > li {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #322c2b;  margin-bottom: 25px; background: url("images/green_errow.png") no-repeat left 4px ; padding-left: 20px;}
.post-detail ul ul {margin-top: 25px;}
.post-detail ol li {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #322c2b;  margin-bottom: 25px; list-style: decimal; margin-left: 20px;}
.post-detail pre {padding: 20px; margin-bottom: 25px;}
.post-detail code {padding: 5px;}
.post-detail blockquote {margin-bottom: 40px; background: #eeecec; border-left: 5px solid #56a778; padding: 15px;}
.post-detail blockquote p {font: italic 13px/25px 'Raleway', sans-serif; font-weight: 400; color: #322c2b;}
.post-detail blockquote p:last-child {margin: 0px !important;}
.post-detail form {margin-bottom: 40px;}
.post-detail form br {display: none;}
.post-detail input[type="text"]{max-width: 31%; background: #eeecec; float: left; margin-right: 20px; font:14px 'Raleway', sans-serif; font-weight: 400; border: 0px !important; border-radius: 0px; height: 24px;}
.post-detail .last {margin-right: 0px !important;}
.post-detail textarea {width: 98.6%; background: #eeecec; font:14px 'Raleway', sans-serif; font-weight: 400; border: 0px !important; border-radius: 0px; height: 70px; resize: none;}
.post-detail input[type="submit"]{border: 0px !important; font: 12px 'Raleway', sans-serif; font-weight: 400; padding: 12px 40px; margin-left: 0px;}
.post-detail p small {color: #858585; font:14px 'Raleway', sans-serif; font-weight: 400;}
.post.no-found form {position: relative; width: 50%}
.post.no-found form input[type="text"] {box-shadow: none; background: #eeecec; font: 15px 'Raleway', sans-serif; font-weight: 700; border: 0px; width: 87%; height: 32px; padding-right: 42px; border-radius: 0px;}
.post.no-found form input[type="submit"] {width: 21px; border: 0px; height: 22px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url("images/serch.png") no-repeat; right: 16px;}
.post-detail table {width: 100%; text-align: left; margin-bottom: 30px;}
.post-detail table th,
.post-detail table td {width: 24%; border-right: 1px solid #cbc9c9;font: 16px 'Raleway', sans-serif; font-weight: 400; color: #322c2b;border-bottom: 1px solid #cbc9c9; height: 30px; line-height: 30px; padding-left: 1%;}
.post-detail table th {font-family: 'Raleway', sans-serif; font-weight: 700;}
.post-detail table tr th:last-child,
.post-detail table tr td:last-child {border-right: 0px;}
.post-detail table tr:last-child th,
.post-detail table tr:last-child td {border-bottom: 0px;}
.post-detail table.border {border: 1px solid #cbc9c9;}
.post-detail table.border th {background: #56a778; color: #fff;}
.comments h2 {font-size: 24px; margin-bottom: 35px;}
.comments ul li,
.comments ul li > div {margin-bottom: 30px;}
.comments ul li figure {width:71px; height:71px; float:left; margin-right:20px;}
.comments ul li .comnt_detail {width:88%; float:right;}
.comments ul li .comnt_detail span {margin-right: 16px; margin-bottom:16px; display: inline-block;}
.comments ul li .comnt_detail .meta {border-bottom: 1px solid #eeecec; margin-bottom: 8px ;}
.comments ul li .comnt_detail .meta p {margin-bottom: 8px ; color: #7b7777;}
.comments ul li .comnt_detail .comment-reply-link {color: #006b9b; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700;}
.comments ul li .comnt_detail p {font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 400; line-height: 24px; color: #7b7777; margin-bottom: 20px;}
.comments > ul > li:last-child {margin-bottom: 125px;}
.comments .children {margin-left: 86px;}
.comments .children .comnt_detail{width: 86%;}
.comment_form h2 {font-size: 24px; margin-bottom: 35px;}
.comment_form, #respond {margin-bottom: 130px;}
.comment_form, #respond {width: 90%;}
.comment_form input[type="text"], #respond input[type="text"]{margin-bottom: 20px; box-shadow: none; width: 95%; background: #eeecec; font: 15px 'Raleway', sans-serif; font-weight: 700; border: 0px !important; border-radius: 0px; height: 32px; color: #878787; padding-left: 15px; padding-right: 15px;}
.comment_form textarea, #respond textarea {margin-bottom: 20px; box-shadow: none; width: 95%; background: #eeecec; font: 15px 'Raleway', sans-serif; font-weight: 700; border: 0px !important; border-radius: 0px; height: 170px; resize: none; color: #878787; padding: 15px;}
.comment_form input[type="submit"], #respond input[type="submit"]{border: 0px !important; font: 15px 'Raleway', sans-serif; font-weight: 700; padding: 12px 60px; float: right; color: #fff; background: #006b9b;}
.pagination {text-align: right; margin: 0 0 130px;}
.pagination p {font: 15px 'Raleway', sans-serif; font-weight: 700; color: #7d7d7d;}
.pagination a {font: 15px 'Raleway', sans-serif; font-weight: 700; color: #7d7d7d; border-bottom: 2px solid #ffffff; margin: 0 9px; display: inline-block; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;}
.pagination a:hover,
.pagination a.active {border-bottom: 2px solid #006b9b; color: #322c2b;}



/****************************************************************************
    SIDBAR
****************************************************************************/
.sidebar .widget {margin-bottom: 50px;}
.sidebar .widget form {position: relative;}
.sidebar .widget form input[type="text"] {box-shadow: none; background: #eeecec; font: 15px 'Raleway', sans-serif; font-weight: 700; border: 0px; width: 85%; height: 32px; padding-right: 42px; border-radius: 0px; padding-left: 15px;}
.sidebar .widget form input[type="submit"] {width: 21px; border: 0px; height: 22px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url("images/serch.png") no-repeat; right: 16px;}
.sidebar .widget .recent-post li {border-bottom: 1px solid #eeecec; padding-bottom: 20px; margin-bottom: 20px;background: none; padding-left: 0px; width: 100%; float: none;  margin-right: 0px;}
.sidebar .widget .recent-post li:last-child {border: 0px;}
.sidebar .widget .recent-post li > a {display: block; float: left; width: 70px; height: 70px;}
.sidebar .widget .recent-post li > a img{width: 100%; height: 100%;}
.sidebar .widget .recent-post div {float: right; width: 283px;}
.sidebar .widget .recent-post div h5{margin-bottom: 10px; color: #322c2b ; font-size: 14px; font-weight: bold;}
.sidebar .widget .recent-post div h5 a{color: #322c2b ; font-size: 14px; font-weight: bold;}
.sidebar .widget .recent-post div p {font-size: 14px; margin-bottom: 0px; font-family: 'Raleway', sans-serif; font-weight: 400; color: #afafaf;}
.sidebar .widget .recentcomments {width: 100%; float: none;}
.sidebar .widget .recentcomments a {color: #}
.sidebar .widget ul {overflow: hidden;}
.sidebar .widget ul li {width: 40%; float: left; margin-right: 15px; border-bottom: 1px solid #eeecec; margin-bottom: 20px; font: 15px 'Raleway', sans-serif; font-weight: 400; background: url("images/green_errow.png") left 5px no-repeat;  padding-left: 20px; padding-bottom: 5px;}
.sidebar .widget ul li a {color: #322c2b;}
.sidebar .widget ul li a:hover {color: #006b9b;}
.sidebar .widget ul li:nth-child(2n) {margin-right: 0;}
.sidebar .widget li.page_item {width: 100%; float: none; margin-right: 0px; border: none;}
.sidebar .widget li.page_item ul.children {margin-top: 25px;}
.sidebar .widget li.page_item ul.children li:last-child {border: none; margin: 0; padding-bottom: 0;}
.sidebar .widget li.menu-item {width: 100%; float: none; margin-right: 0px; border: none;}
.sidebar .widget li.menu-item ul.children {margin-top: 25px;}
.sidebar .widget li.menu-item ul.sub-menu li:last-child {border: none; margin: 0; padding-bottom: 0;}
.sidebar .widget li.recentcomments a {font-weight: bold;}
.sidebar .widget .tagcloud a {margin: 0px 20px 15px 0px; font: 15px 'Raleway', sans-serif; font-weight: 700; font-size: 15px !important; color: #afafaf; border-bottom: 2px solid #afafaf; padding-bottom: 3px; display: inline-block;}
.sidebar .widget .tagcloud a:hover {color: #7ab794; border-bottom: 2px solid #006b9b;}
#wp-calendar {width: 100%;}
#wp-calendar caption {margin-bottom: 10px; font-weight: bold;}
#wp-calendar thead {background: #006b9b; text-align: center; margin-bottom: 6px; display: block; line-height: 25px;}
#wp-calendar td {text-align: center; width: 14%; display: inline-block; vertical-align: middle;}
#wp-calendar td#today a {border-bottom: 2px solid #006b9b;}
#wp-calendar th {width: 52px; color: #fff; display: inline-block; vertical-align: middle;}



/****************************************************************************
    SEARCH FORM
****************************************************************************/
.no-found form {position: relative;}
.no-found form input[type="text"] {box-shadow: none; background: #eeecec; font: 15px 'Raleway', sans-serif; font-weight: 700; border: 0px; width: 87%; height: 32px; padding-right: 42px; border-radius: 0px;}
.no-found form input[type="submit"] {width: 21px; border: 0px; height: 22px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url("images/serch.png") no-repeat; right: 16px;}



/****************************************************************************
    CONTACT
****************************************************************************/
.contact_page p.contact-text {margin-bottom: 30px; font: 14px 'Raleway', sans-serif; font-weight: 400; color:#322c2b ; line-height: 22px;}
.contact_page .map {margin-bottom: 46px;}
.contact_form {margin-bottom: 50px;}
.contact_form fieldset{width: 48%; float: left; margin-right: 3%;}
.contact_form fieldset.last {margin-right: 0px;}
.contact_form input[type="text"],
.contact_form input[type="email"] {margin-bottom: 27px; width: 97%; background: #f5f3f3; font: 14px 'Raleway', sans-serif; font-weight: 400; border-color: #e2e0e0; border-radius: 0px; height:30px; box-shadow: none;}
.contact_form textarea {margin-bottom: 27px; width: 96%; background: #f5f3f3; font:14px 'Raleway', sans-serif; font-weight: 400;  border-color: #e2e0e0; padding: 10px 10px; border-radius: 0px; box-shadow: none; height: 230px; resize: none;}
.contact_form input[type="submit"]{border: 0px !important; font:20px 'Raleway', sans-serif; font-weight: 400; padding: 9px 60px; margin: 0px; background: #006b9b; color: #fff;}
label.error {display: none !important;}
input.error,
textarea.error {border-color: #e9322d !important;}
#loading {margin: 0px 0px 0px 20px; display: inline-block; visibility: hidden; vertical-align: middle;}
#success {display: none; margin: 25px 0 0; padding: 10px 15px; font-weight: bold;}
.adress h2 {margin-bottom: 43px;}
.adress .top {margin-bottom: 57px;}
.adress .top p {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #322c2b; padding-bottom: 13px; margin-bottom: 10px; border-bottom: 1px solid #e2e0e0; padding-left: 31px; vertical-align: middle;}
.adress .top p.adrs {background: url("images/adrs.png") no-repeat left 0px;}
.adress .top p.mail {background: url("images/mail.png") no-repeat left 0px;}
.adress .top p.call {background: url("images/cal.png") no-repeat left 0px;}



/****************************************************************************
    ERROR
****************************************************************************/
.error_page {text-align: center; min-height: 900px; padding-top: 70px;}
.error_page .hex:before {content: " "; width: 0; height: 0; border-bottom: 130px solid #006b9b; border-left: 222px solid transparent; border-right: 222px solid transparent; position: absolute; top: -130px; left: 0;}
.error_page .hex {margin: 30px auto 0; width: 444px; height: 260px; background-color: #006b9b; position: relative; margin-bottom: 175px;}
.error_page .hex:after {content: ""; width: 0; position: absolute; bottom: -130px; border-top: 130px solid #006b9b; border-left: 222px solid transparent; border-right: 222px solid transparent; left: 0;}
.error_page .hex strong {font: 200px/140px 'Raleway', sans-serif; font-weight: 700; color: #ffffff; padding-top: 30px; padding-bottom: 30px; display: inline-block; border-bottom: 2px solid #ffffff; margin-bottom: 20px;}
.error_page .hex span {display: block; font: 22px 'Raleway', sans-serif; font-weight: 700; color: #ffffff;}
.error_page a {font: 24px 'Raleway', sans-serif; font-weight: 700; color: #006b9b;}



/****************************************************************************
    *-*-*-* RIGHT SIDEBAR *-*-*-*
****************************************************************************/
.main_content {margin-bottom: 150px;}
.main_content p {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #322c2b; line-height: 32px; margin-bottom: 50px;}
.main_content ul {margin-bottom: 50px;}
.main_content ul li {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #322c2b;  margin-bottom: 25px; background: url("images/green_errow.png") no-repeat left center ; padding-left: 20px;}



/****************************************************************************
    GALLERY
****************************************************************************/

.portfolio-nav {margin-bottom: 60px;}
.portfolio-nav ul {margin-bottom: 15px; border-bottom: 1px solid #eeecec; display: block;}
.portfolio-nav li {float: left; margin-bottom: -1px; list-style-type: none;}
.portfolio-nav li a {padding: 0 9px 10px; display: inline-block; border-bottom: 1px solid #eeecec; font: 16px 'Raleway', sans-serif; font-weight: 700; color: #d1d1d1;
    -webkit-transition:all 0.6s ease-in-out 0s;
    -moz-transition:all 0.6s ease-in-out 0s;
    -o-transition:all 0.6s ease-in-out 0s;
}
.portfolio-nav li a:hover {color: #322c2b; border-color: #006b9b;}
.portfolio-nav li .selected {color: #322c2b; border-color: #006b9b;}
#project-container  {margin-bottom: 80px; width: 100%;}
.portfolio {text-align: center; margin-bottom: 30px;}
.portfolio.post {text-align: left;}
.portfolio > a {display: block; overflow: hidden; line-height: 0px;}
.portfolio > a img {opacity: 1;
    transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}
.portfolio > a:hover img {opacity: 0.8;}
.portfolio .overlay {/*position: absolute; bottom: 0px; left: 0px;*/ background: #eeecec; padding: 15px 0px; width: 100%; text-align: center;}
.portfolio .overlay h6 {font: 25px 'Raleway', sans-serif; font-weight: 400; color: #322c2b; margin-bottom: 2px;}
.portfolio .overlay a {color: #006b9b; font: 14px 'Raleway', sans-serif; font-weight: 400;}
.home_content {padding-top: 96px; background: none;}



/****************************************************************************
    TERMS
****************************************************************************/
.terms {margin-bottom: 150px;}
.terms div {margin-bottom: 30px;}
.terms p {font: 14px 'Raleway', sans-serif; font-weight: 400; color: #777574; line-height: 32px;}
.terms h6 {font: 14px 'Raleway', sans-serif; font-weight: 700; color: #777574; margin-bottom: 30px;}



/****************************************************************************
    SERVICES DETAIL
****************************************************************************/
.service_detail .top, .service_detail .second , .service_detail .thrd {margin-bottom: 60px;}
.service_detail .top .two p{color: #9d9391; font:14px 'Raleway', sans-serif; font-weight: 400; line-height: 24px;}
.service_detail .top .one h2 {font-size: 30px; margin: 15px auto 15px;}
.service_detail .top .one p {color: #9d9391; font: 14px 'Raleway', sans-serif; font-weight: 700; line-height: 24px;}
.service_detail .top figure {margin-bottom: 25px; text-align: center; width: 71px; float: left;}
.service_detail .top figure img {max-width: 100%;}
.service_detail .top .one > div {float: right; width: 70%;}
.service_detail .top .span8 p {margin-top: 20px;}
.servc_detail_wrap {padding: 60px 0px; background: #f5f3f3; text-align: center;}
.servc_detail_wrap h2 {display: inline-block; background-position: bottom center; margin-bottom: 60px;}
.servc_detail_wrap .service {margin-bottom: 30px;}



/****************************************************************************
    SHORTCODES
****************************************************************************/
.typo_title {font: 16px 'Raleway', sans-serif !important; font-weight: 700; border-bottom: 1px solid #eeecec; color:  #322c2b; margin-bottom: 32px !important; padding-bottom: 10px;}
.demo_buttons {margin-bottom: 30px;}
.demo_buttons .butn {margin-bottom: 30px;}



/****************************************************************************
    FOOTER
****************************************************************************/
footer {background: #202020;padding-top: 79px;}
footer .widget {margin-bottom: 100px;}
footer .widget h4 {color:#c7c7c7; background:url("images/footer-headng.png") left bottom no-repeat; padding-bottom: 10px; margin-bottom: 38px;}
footer .widget p {color:#606060; margin-bottom: 30px;}
footer .widget li {border-bottom: 1px solid #323232; padding-bottom: 10px; margin-bottom: 10px; color: #616161; font: 14px 'Raleway', sans-serif; font-weight: 400;}
footer .widget li a {color: #616161; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
footer .widget li a:hover {color: #999999;}
footer .widget li span,
footer .widget p a {color: #999999;}
footer .widget .menu li {width: 45%; float: left; margin-right: 10%;}
footer .widget .menu li:nth-child(2n) {margin-right: 0px;}
footer .widget .get_touch li:last-child {border-bottom: 0px;}
.social a {width: 30px; height: 30px; display: inline-block; margin-left: 4px; background-position: 0 0; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.social a:hover {background-position: 0 -30px !important;}
.social a.fb {background: url("images/fbk.png") no-repeat;background-position: 0 0px;}
.social a.tw {background: url("images/twtr.png") no-repeat;background-position: 0 0px;}
.social a.rs {background: url("images/rs.png") no-repeat;background-position: 0 0px;}
.social a.in {background: url("images/in2.png") no-repeat;background-position: 0 0px;}
.social a.vn {background: url("images/ver.png") no-repeat;background-position: 0 0px;}
.social a.gp {background: url("images/gp.png") no-repeat;background-position: 0 0px;}
footer .footer-bottom {border-top: 1px solid #323232;}
footer .footer-bottom p{color:#606060 ; font-size: 14px;padding:25px;}
footer .footer-bottom p a {margin-left: 30px; color:#606060 ; font:14px 'Raleway', sans-serif; font-weight: 400;}
footer .footer-bottom p a:hover {color: #999999;}
footer .footer-bottom .right{text-align: right;}
footer .footer-bottom p a:first-child {margin: 0;}



/****************************************************************************
    CAROUSEL
****************************************************************************/
.brands-carousel {border-bottom: 0;border-top: 0;text-align: center;}
.brands-carousel .jcarousel-clip-horizontal {overflow: hidden;height: auto;width: 100%; z-index: 10;}
.brands-carousel .jcarousel-next:hover, .brands-carousel .jcarousel-prev:hover {opacity: 0.7;}
.brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev {width: 12px; height: 23px; position: absolute; top: -75px; cursor: pointer;text-indent: -999em;z-index: 9999;}
.brands-carousel .jcarousel-prev {right: 50px; background: url("images/left-arrow.png") no-repeat center 0px;}
.brands-carousel .jcarousel-next {right: 26px;background: url("images/right-arrow.png") no-repeat center 0px;}
.brands-carousel ul.brands-carousel-list {list-style: none;}
.brands-carousel ul.brands-carousel-list li {height: auto;text-align: left;}
.brands-carousel ul.brands-carousel-list li a {width: 100%; height: 100%; display: block;}
/*.brands-carousel ul.brands-carousel-list li a img {width: 100%; height: 100%;}*/



/****************************************************************************
    ISOTOPE CSS3 TRANSITIONS
****************************************************************************/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}



/****************************************************************************
    CAROUSEL
****************************************************************************/
.wrap {position: relative; margin-left: 0px;}
#wrapper {width: 470px; float: right; margin: 0px 40px;}
#carousel-wrapper {padding-bottom: 10px; position: relative;}
#carousel {position: relative;}
#carousel-wrapper .caroufredsel_wrapper {height: 178px !important;}
#carousel > span {height: 311px !important;}
#carousel > span img {width: 100%;}
.wrap .next {display: block; width: 55px; height: 108px; top: 139px; position: absolute; right: -16px; background: url("images/next.html") no-repeat;}
.wrap .prev {display: block; width: 55px; height: 108px; top: 139px; position: absolute; left: -16px; background: url("images/prev.html") no-repeat;}
#thumbs-wrapper {width: 100%; margin-bottom: 30px; position: relative;}
#thumbs {overflow: hidden; width: 300px; height: 300px; width: 300px; height: 300px;}
#carousel span, #carousel img, #thumbs a, #thumbs img {display: block; float: left;}
#carousel span, #carousel a, #thumbs span {position: relative;}
#thumbs img {border: none; width: 100%; position: absolute; top: 0; left: 0;}
#carousel img {border: none; position: absolute; top: 0; left: 0;}
#carousel img.glare, img.glare {width: 102%; height: auto;}
#thumbs-wrapper .caroufredsel_wrapper {margin: 0px !important; height: 70px !important;}
#thumbs a {position: relative;}
#thumbs {width: 100% !important; height: 377px !important;}
#thumbs a {margin-bottom: 10px !important; float: left; width:78px !important; height: 44px !important; border: 5px solid #ffffff; margin: 0 2px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s;}
#thumbs a:hover, #thumbs a.selected {border-color: #006b9b;}
#thumbs a img {height: 100%;}
#prev {display: block; width: 25px; height: 60px; position: absolute; top: 5px;  display: block !important;  background: url("images/single-prev.html") no-repeat; background-size: 100% 100%;}
#next {display: block; width: 25px; height: 60px; position: absolute; top: 5px; right: 18px; display: block !important;  background: url("images/single-next.html") no-repeat;  background-size: 100% 100%;}
#prev {background-position: 0 0; left: 10px;}
#prev.disabled, #next.disabled {display: block !important;}
#donate-spacer {height: 100%;}
#donate {border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden;}
#donate p, #donate form {margin: 0; float: left;}
#donate p {width: 650px;}
#donate form {width: 100px;}
#rev_slider_3_1_wrapper .tp-leftarrow.default{transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;  background: url("images/slider_left.png") no-repeat; background-position: 0 0; width: 49px; height: 50px;}
#rev_slider_3_1_wrapper .tp-rightarrow.default {background: url("images/slider_right.png") no-repeat; background-position: 0 0;  width: 49px; height: 50px; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;margin-top: -25px !important;}
#rev_slider_3_1_wrapper .tp-leftarrow:hover {background-position: 0 -49px;}
#rev_slider_3_1_wrapper .tp-rightarrow:hover  {background-position: 0 -49px;}


/****************************************************************************
    RESPONSIVE
****************************************************************************/
@media only screen and (max-width: 1179px)
{
    .clnt_sys figure {margin-right: 20px;}
    .clnt_sys p {float: none; width: auto; font-size: 16px;}
    .sidebar .widget .recent-post div {width: 65%;}
    .comments .children .comnt_detail {width: 82%;}
    .comments ul li .comnt_detail {width: 85%;}
    .atorney_books .books {margin-right: 23px;}
    .featur figure {float: left; margin-right: 20px;}
    .featur p {float: none; width: auto;}
    .inquire .box .butn {padding: 12px 20px;}
	.slider-wrap{display:none;}
}


@media only screen and (max-width: 979px)
{
    header .nav {margin-left: 20px;}
    .nav ul li a {padding: 20px 15px;}
    .single .title {width: 75%;}
    .sidebar .widget form input[type="text"] {width: 78%;}
    .comments .children .comnt_detail {width: 76%;}
    .comments ul li .comnt_detail {width: 80%;}
    .service_detail .top figure {float: none; margin-right: auto; margin-left: auto;}
    .service_detail .top .one > div {float: none; width: 100%;}
    .trust h3 {font-size: 16px;}
    .atorney_books .books {margin-right: 50px; margin-bottom: 25px;}
    .service h3 a {font-size: 18px;}
	.slider-wrap{display:none;}
}


@media only screen and (max-width: 767px)
{
    .nav > ul {display: none;}
    .responsive_nav {display: block; width: 67%; float: left; height: 100%}
    h2, footer .widget h4 {background-position: center bottom; text-align: center;}
    header .nav {margin-left: 0px;}
    header .logo {text-align: center;}
    header .phone p {text-align: center; margin: 0 0 25px;}
    .social_icon {width: 33%;}
    .service-wrap, .client-wrap, footer .widget {width: 80%; margin: 0 auto; text-align: center;}
    .service-wrap .first {min-height: inherit;}
    .trust-wrap .container {width: 80%;}
    .trust, footer .footer-bottom, footer .footer-bottom .right {text-align: center;}
    footer .widget {margin-bottom: 30px;}
    footer .footer-bottom p {line-height: 24px;}
    footer .footer-bottom {padding-top: 25px;}
    .service-two .service {overflow: hidden;}
    .clnt_sys h2, .single .title h2 {text-align: left;}
    .clnt_sys {margin: 0px auto 40px; text-align: left; width: 80%;}
    .title_bar {text-align: center;}
    .content > .container {width: 80%; margin: 0 auto;}
    .atorney_books .books {margin-right: 18px; margin-bottom: 0px;}
    .single .title {width: auto;}
    .sidebar .widget h2, .single .title h2 {text-align: left; background-position: left bottom;}
    .sidebar .widget .recent-post li > a {margin-right: 20px;}
    .sidebar .widget .recent-post div {width: auto; float: left;}
    .social {margin-bottom: 30px; text-align: center;}
    .brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev {top: -35px;}
	.slider-wrap{display:none;}
}


@media only screen and (max-width: 568px)
{
    .social_icon a {padding: 19px 12px;}
    .responsive_nav {width: 63%;}
    .social_icon {width: 37%;}
	.slider-wrap{display:none;}
}


@media only screen and (max-width: 320px)
{
    .service-wrap, .client-wrap, footer .widget {width: 95%;}
    .trust-wrap .container {width: 95%;}
    .content > .container {width: 95%;}
    .responsive_nav {width: 100%;}
    .social_icon {width: 100%; text-align: center;}
    .clnt_sys {width: 95%;}
	.slider-wrap{display:none;}
}


/****************************************************************************
    IE10
****************************************************************************/
.ie10 header {   height: 137px;  }
.ie10 .logo { line-height: 50px; text-align: left;}
.ie10 .logo a img{ border: 0px; }
.ie10 .logo a span { display: block;  }
.ie10 .phone { text-align: right; line-height: 80px;}
.ie10 .phone p  {line-height: 80px; text-align: right;}
.ie10 .nav > ul { width: 69%; float: left; }
.ie10 .nav > ul li a {  padding: 20px 13px;  }
.ie10 .social_icon {width: 31%; }
.ie10 .clnt_sys p {  width: 74%;font-size: 18px;}
.ie10 footer .widget .links li {width: 33%;}
.ie10 .footer-bottom {padding: 10px 0;}
.ie10 .footer-bottom p{  line-height: 30px; text-align: center;}
.ie10 .footer-bottom p span{ margin-left: 8px;}
.ie10 .footer-bottom .right{ text-align: center;}
.ie10 .title_bar h2 {margin-left: 0px;}
.ie10 .sidebar .recent-post div { width: 71%;}
.ie10 .sidebar .widget form input[type="text"] { width: 83%;}
.ie10 .comments ul li .comnt_detail { width: 85%;}
.ie10 .comments ul li.children .comnt_detail {  width: 82%; }
.ie10 .atorney_books .books { width: 71px;}
.ie10 .featur p {width: 62%; }
.ie10 .warnings .bar { height: auto;}
.ie10 #tabs > ul > li a { width: 99px; background-position: 5px center; }
.ie10 .tab ul li div { width: 49%;}
.ie10 .price_table .price { width: 299px; margin-bottom: 40px; }



/****************************************************************************
    IE9
****************************************************************************/
.ie9 header {   height: 137px;  }
.ie9 .logo { line-height: 50px; text-align: left;}
.ie9 .logo a img{ border: 0px; }
.ie9 .logo a span { display: block;  }
.ie9 .phone { text-align: right; line-height: 80px;}
.ie9 .phone p  {line-height: 80px; text-align: right;}
.ie9 .nav > ul { width: 69%; float: left; }
.ie9 .nav > ul li a {  padding: 20px 13px;  }
.ie9 .social_icon {width: 31%; }
.ie9 .clnt_sys p {  width: 74%;font-size: 18px;}
.ie9 footer .widget .links li {width: 33%;}
.ie9 .footer-bottom {padding: 10px 0;}
.ie9 .footer-bottom p{  line-height: 30px; text-align: center;}
.ie9 .footer-bottom p span{ margin-left: 8px;}
.ie9 .footer-bottom .right{ text-align: center;}
.ie9 .title_bar h2 {margin-left: 0px;}
.ie9 .sidebar .recent-post div { width: 71%;}
.ie9 .sidebar .widget form input[type="text"] { width: 83%;}
.ie9 .comments ul li .comnt_detail { width: 85%;}
.ie9 .comments ul li.children .comnt_detail {  width: 82%; }
.ie9 .atorney_books .books { width: 71px;}
.ie9 .featur p {width: 62%; }
.ie9 .warnings .bar { height: auto;}
.ie9 #tabs > ul > li a { width: 99px; background-position: 5px center; }
.ie9 .tab ul li div { width: 49%;}
.ie9 .price_table .price { width: 299px; margin-bottom: 40px; }



/****************************************************************************
    IE8
****************************************************************************/
.ie8 header {   height: 137px;  }
.ie8 .logo { line-height: 50px; text-align: left;}
.ie8 .logo a img{ border: 0px; }
.ie8 .logo a span { display: block;  }
.ie8 .phone { text-align: right; line-height: 80px;}
.ie8 .phone p  {line-height: 80px; text-align: right;}
.ie8 .nav > ul { width: 69%; float: left; }
.ie8 .nav > ul li a {  padding: 20px 13px;  }
.ie8 .social_icon {width: 31%; }
.ie8 .clnt_sys p {  width: 74%;font-size: 18px;}
.ie8 footer .widget .links li {width: 33%;}
.ie8 .footer-bottom {padding: 10px 0;}
.ie8 .footer-bottom p{  line-height: 30px; text-align: center;}
.ie8 .footer-bottom p span{ margin-left: 8px;}
.ie8 .footer-bottom .right{ text-align: center;}
.ie8 .title_bar h2 {margin-left: 0px;}
.ie8 .sidebar .recent-post div { width: 71%;}
.ie8 .sidebar .widget form input[type="text"] { width: 83%;}
.ie8 .comments ul li .comnt_detail { width: 85%;}
.ie8 .comments ul li.children .comnt_detail {  width: 82%; }
.ie8 .atorney_books .books { width: 71px;}
.ie8 .featur p {width: 62%; }
.ie8 .warnings .bar { height: auto;}
.ie8 #tabs > ul > li a { width: 99px; background-position: 5px center; }
.ie8 .tab ul li div { width: 49%;}
.ie8 .price_table .price { width: 299px; margin-bottom: 40px; }



/****************************************************************************
    IE7
****************************************************************************/
.ie7 header {   height: 137px;  }
.ie7 .logo { line-height: 50px; text-align: left;}
.ie7 .logo a img{ border: 0px; }
.ie7 .logo a span { display: block;  }
.ie7 .phone { text-align: right; line-height: 80px;}
.ie7 .phone p  {line-height: 80px; text-align: right;}
.ie7 .nav > ul { width: 69%; float: left; }
.ie7 .nav > ul li a {  padding: 20px 13px;  }
.ie7 .social_icon {width: 31%; }
.ie7 .clnt_sys p {  width: 74%;font-size: 18px;}
.ie7 footer .widget .links li {width: 33%;}
.ie7 .footer-bottom {padding: 10px 0;}
.ie7 .footer-bottom p{  line-height: 30px; text-align: center;}
.ie7 .footer-bottom p span{ margin-left: 8px;}
.ie7 .footer-bottom .right{ text-align: center;}
.ie7 .title_bar h2 {margin-left: 0px;}
.ie7 .sidebar .recent-post div { width: 71%;}
.ie7 .sidebar .widget form input[type="text"] { width: 83%;}
.ie7 .comments ul li .comnt_detail { width: 85%;}
.ie7 .comments ul li.children .comnt_detail {  width: 82%; }
.ie7 .atorney_books .books { width: 71px;}
.ie7 .featur p {width: 62%; }
.ie7 .warnings .bar { height: auto;}
.ie7 #tabs > ul > li a { width: 99px; background-position: 5px center; }
.ie7 .tab ul li div { width: 49%;}
.ie7 .price_table .price { width: 299px; margin-bottom: 40px; }



/****************************************************************************
    Accordions
****************************************************************************/
#accordion {margin-bottom: 50px;}
#accordion h5 {margin-top: 30px; margin-bottom: 0px; outline: 0px;}
#accordion h5 a {font: 14px 'Raleway', sans-serif; font-weight: 700; color: #322c2b;  background: #eeecec url("../images/plus.png") no-repeat 99% center; padding: 10px; outline: none; display: block;}
#accordion h5 a:focus,
#accordion h5 a:active {outline: none;}
#accordion h5.ui-accordion-header-active a {background: #eeecec url("../images/mins.png") no-repeat 99% center;}
#accordion div p {margin-bottom: 15px;}
#accordion div p:last-child {margin: 0;}
#accordion div {border: 1px solid #eeecec; height: auto !important; border-top: 0px !important; padding: 10px 15px; margin-bottom: 28px;}



/****************************************************************************
    Drop Cap
****************************************************************************/
.tabls {margin-bottom: 40px;}
.tabls h5 {font:18px 'helvetica', sans-serif; color: #322c2b;margin-bottom: 20px;}
.tabls .borderd-tabel table {border-left: 1px solid #cbc9c9;margin-bottom: 20px;}
.tabls .borderd-tabel table th {background: #006b9b; color: #ffffff;}



/****************************************************************************
    Drop Cap
****************************************************************************/
.dc_one {font-size: 50px; font-family: 'Raleway', sans-serif; font-weight: 400; display: inline-block; margin-right: 10px; float: left; color: #006b9b; line-height: 45px;}
.dc_two {font-size: 30px; font-family: 'Raleway', sans-serif; font-weight: 400; display: inline-block; margin-right: 10px; float: left; color: #fff; background: #006b9b; padding: 5px 10px; border-radius: 50%;}



/****************************************************************************
    Button
****************************************************************************/
.butn {margin: 0 5px; font: 18px 'Raleway', sans-serif; font-weight: 700; color: #ffffff; background: #006b9b; display: inline-block; padding: 12px 19px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.butn:hover {background: #007db5; opacity: .85 !important;}
.butn.small {padding: 12px 19px;}
.butn.medium {padding: 10px 32px;}
.butn.large {padding: 14px 42px;}
.butn.green {background: #006b9b;}
.butn.gray {background: #e6e6e6;}
.butn.pink {background: #f26f6f;}
.butn.blue {background: #44b2e9;}
.butn.lite {background: #5ccb96;}
.butn.cyan {background: #53d4d6;}
.butn.black {background: #322c2b;}
.butn.black:hover {background: #322c2b; opacity: 0.85;}



/****************************************************************************
    Alert
****************************************************************************/
.bar {position: relative; min-height: 45px; margin-bottom: 40px; padding: 0px 15px;}
.bar p {font: 13px 'Raleway', sans-serif; font-weight: 400; color: #ffffff; float: left; line-height: 45px;}
.bar .close {font: 16px 'OCR A Std', sans-serif; color: #ffffff; position: absolute; top: 50%; margin-top: -10px; right: 20px;}
.red_bar {background: #d31f1f;}
.blue_bar {background: #5acdde;}
.green_bar {background: #248330;}
.yellow_bar {background: #d2be39;}



/****************************************************************************
    Tabs Styles
****************************************************************************/
.tabs {margin-bottom: 25px; border: 1px solid #eeeeee;}
.tabs > ul {margin: 0px !important;}
.tabs > ul > li {min-width: 33.3%; float: left;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition:  0.5s; padding: 0px !important; margin: 0px !important;}
.tabs > ul > li a {background-color: #006b9b; font:13px 'Raleway', sans-serif; font-weight: 400; padding: 15px 0px !important; margin: 0px !important; text-align: center; display: block; text-decoration: none;color: #ffffff;  outline: 0px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; -ms-transition: color 0.5s; transition: color 0.5s;}
.tabs > ul > li a:hover {color: #ffffff; background: #2e794e;}
.tabs > ul > li.ui-state-active a {color: #ffffff; background: #2e794e;}
.tabs .tab {padding: 10px 15px 0px;}



/****************************************************************************
    Toggles Styles
****************************************************************************/
.toggle h5{margin-bottom: 28px;border: 1px solid #eeecec; height: auto !important;}
.toggle h5 a{padding-left: 38px !important; font:15px 'Raleway', sans-serif; font-weight: 400; color: #000000;  background: #f7f7f7 url("../images/plus.png") no-repeat 1% center; padding: 10px ;outline: none; display: block;}
.toggle div p  {margin-bottom: 10px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}
.toggle div{border: 1px solid #eeecec;height: auto !important; border-top: 0px !important; margin-top: -28px; padding: 28px 20px 20px; margin-bottom: 28px;}
.toggle h5 a:focus {outline: none;}
.toggle h5.ui-accordion-header-active {border-top:3px solid #ff6347;}
.toggle h5.ui-accordion-header-active a {background: #f7f7f7 url("../images/mins.png") no-repeat 1% center;}



/****************************************************************************
    Price Table
****************************************************************************/
.price {border: 1px solid #006b9b; text-align: center; margin-bottom: 30px; margin-top: 30px;}
.price h6 {margin-bottom: 10px; font: 18px 'Raleway', sans-serif; font-weight: 700; color: #ffffff; position: relative; top: -20px; background: #006b9b; padding: 10px 15px; display: inline-block;}
.post-detail .price h6 {margin-bottom: 10px; color: #ffffff;}
.price ul {margin: 0px;}
.price li {margin: 0px !important; background-image: none !important; padding: 0 !important;}
.price li strong {font: 48px 'Raleway', sans-serif; font-weight: 700; color: #006b9b; display: inline-block; border-bottom: 3px solid #000000; padding-bottom: 6px; margin-bottom: 10px;}
.price li strong small {vertical-align: 21px; font: 20px 'Raleway', sans-serif; font-weight: 700; display: inline-block;}
.price li span {font: 12px 'Raleway', sans-serif; font-weight: 400; color: #6c7070; display: block; margin-bottom: 13px;}
.price li.clrd {background: #f8f7f7; padding: 24px 0 0 !important;}
.price li.clrd p {padding-left: 45px; text-align: left; margin-bottom: 10px; background: url("../images/green_errow2.png") 30px center no-repeat; font: 14px/24px 'Raleway', sans-serif; font-weight: 400; color: #6c7070;}
.price li.clrd a {padding: 7px 50px; margin: 24px 0 0;}
.black.price h6 {background: #3a3a3a; color: #fff;}
.black.price li strong {border-color: #006b9b;}
.black.price {border-color: #000000;}
.black.price li.clrd a {background: #3a3a3a;}