/**!
 * custom CSS
 */

@font-face {
font-display:swap;
  font-family: 'BebasNeue';
  src: url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.woff2') format('woff2'),
       url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.woff') format('woff'),
       url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.ttf') format('truetype');
  font-display: block;
}

/*@font-face
{
font-display:swap;
    font-family: 'BebasNeue';
    src: url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.eot');
    src: url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/36A207_0_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.woff2') format('woff2'), url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.woff') format('woff'), url('/wp-content/themes/kcdefensecounsel/theme/css/webfonts/BebasNeue-webfont.ttf') format('truetype');
}*/

/**********************************************************
 * OTM changes from 28th-29th of January 2021 (Made by Rob Dirnens, OTM developer)
 * ********************************************************/

.navbar.bg-dark {
	background-color: #1a2c41!important;
}
.btn-info {
	color: #fff!important;
    border-color: #ebd154!important;
    background-color: #ebd154!important;
}

.navbar .btn-info {
	padding: 13px 20px!important;
}

.OTMForm .form-btn {
    background-color: #ecd153!important;
}

.OTMForm .form-btn:hover {
    transition: .6s ease;
    background-color: #727272!important;
}

.footer-form .OTMForm .form-icon:before {
    color: #ebd154;
}

.OTMForm .fa-mobile.form-icon:before {
    font-size: 21px;
}

.OTMForm .form-icon {
	top: 13px;
}

/*******************************************************
</ \>     <=/ Main \=>
********************************************************/

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body
{
    font-family: 'BebasNeue'!important;


}
.criminal-law-firm {
	font-size:30px;
}
p
{
    font-family: Lato;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;

    color: #1d1d1d;
}

a
{
    font-weight: 700;

    transition: .6s ease;

    color: #e8bf00;
}

a:hover
{
    font-weight: 700;

    transition: .6s ease;
    text-decoration: none;

    color: #ecd153;
}

li
{
    font-family: Lato;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;

    color: #1d1d1d;
}

h1,
h2,
h3,
h4,
h5,
h6
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    color: #1a2c42;
}

.border-bottom
{
    border-bottom: none !important;
}

.alert-warning
{
    color: #fff;
    border-color: #334051;
    background-color: #323f4f;
}

.alert p
{
    font-family: Lato;
    font-size: 15px;

    color: #fff;
}

.list-group-item.active
{
    font-weight: 300;
    font-weight: 500;
    line-height: 26px;

    z-index: 2;

    text-transform: uppercase;

    color: #fff;
    border-color: #1b2c41;
    border-radius: 0;
    background-color: #1b2c41;
}

.list-group-item.active:hover
{
    font-weight: 300;
    font-weight: 500;
    line-height: 26px;

    z-index: 2;

    text-transform: uppercase;

    color: #1b2c41;
    border-color: #1b2c41;
    background-color: #fff;
}

.list-group-item
{
    /* font-size: 20px; */
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    font-weight: 500;
    line-height: 26px;

    position: relative;

    display: block;

    margin-bottom: -1px;
    padding: .75rem 1.25rem;

    text-transform: uppercase;

    color: #3b3b3b;
    border: 1px solid rgba(0, 0, 0, .125);
    background-color: #fff;
}

.list-group a
{
    margin: 3px 0;

    border-radius: 0;
}

.btn-primary
{
    color: #fff;
    border-color: #ecd253;
    background-color: #ecd253;
}

.btn-primary:hover
{
    color: #fff;
    border-color: rgba(236, 210, 83, .67);
    background-color: rgba(236, 210, 83, .67);
}

/*******************************************************
</ \>     <=/ topbar \=>
********************************************************/

.topcontact
{
    font-family: 'BebasNeue';
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;

    color: #fff;
}

.topcontact span
{
    font-family: 'BebasNeue';
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;

    color: #fff;
}

.topcontact span a
{
    font-family: 'BebasNeue';
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;

    color: #fff;
}

.page-template-page-m-php #topbar {
    border-bottom: 1px solid #fff;
    background-color: #60615D;
}

.page-template-page-m-php #topbar p {
    font-family: 'BebasNeue';
    font-size: 25px;
    font-weight: 300;
    line-height: 16px;

    color: #fff;
}

.page-template-page-m-php .topbar-container {
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAfQ29tcHJlc3NlZCBieSBqcGVnLXJlY29tcHJlc3P/2wCEABQUFBQVFBcZGRcfIh4iHy4rJycrLkYyNjI2MkZqQk5CQk5Cal5yXVZdcl6phXZ2hanDpJukw+zT0+z///////8BFBQUFBUUFxkZFx8iHiIfLisnJysuRjI2MjYyRmpCTkJCTkJqXnJdVl1yXqmFdnaFqcOkm6TD7NPT7P/////////CABEIAHQFoAMBIgACEQEDEQH/xAArAAEBAQEBAAAAAAAAAAAAAAAAAQIDBAEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAPEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGzVKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAc9c4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvWUCgAAAAAAAAAAAAAAAAAAAAAAAAAAABDGSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG50AoAAAAAAAAAAAAAAAAAAAAAAAAAAAABz3ygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABZ0LSgAAAAAAAAAAAAAAAAAAAAAAAAAAAABDGSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABS9JaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAc98oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdM9AKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEMZIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWdC0oAAAAAAAAAAAAAAAAAAAAAAAAAAAAABz3ygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXQAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAADGCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/xAAbEAEAAwEBAQEAAAAAAAAAAAABAhFgUCExQf/aAAgBAQABPwDABXdk27aJ+91aNsF96TbtgrurRtonek+7UL7y0bYK70n3axO8tG1iX35O1Cu8tG1id+TtInfWjaGAk7SJXfWjaR+4CXe//8QAFBEBAAAAAAAAAAAAAAAAAAAAkP/aAAgBAgEBPwA0P//EABQRAQAAAAAAAAAAAAAAAAAAAJD/2gAIAQMBAT8AND//2Q==') no-repeat center center;
    background-size: cover;
}

#topbar {
    border-bottom: 2px solid #8c95a1;
    background-color: #1a2c41;
}

#topbar p
{
    font-family: 'BebasNeue';
    font-size: 25px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
}

.topbar-container {
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-top.jpg') no-repeat center center;
    background-size: cover;
}

/*******************************************************
</ \>     <=/ page-box \=>
********************************************************/

.result-block {
    margin-bottom: 30px;
    padding: 20px;
    border: 2px solid #000;
    background: #f3f3f3d1;
    box-shadow: 0 3px 12px 0 rgba(9, 9, 9, .22);
}

.result-title
{
    font-size: 20px!important;
    font-weight: bold;

    text-transform: uppercase;
}


/*******************************************************
</ \>     <=/ navbar \=>
********************************************************/

.navbar-toggler
{
    margin: 20px auto;
}

.navbar li + li
{
    border-left: 1px solid #fff;
}

.navbar-dark .navbar-nav .nav-link
{
    font-family: 'BebasNeue';
    font-size: 20px;
    font-weight: 400;

    padding: 12px;

    text-transform: uppercase;

    color: rgba(255, 255, 255, .5);
    color: #fff;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link
{
    font-family: 'BebasNeue';
    font-size: 20px;
    font-weight: 400;

    text-transform: uppercase;

    color: #ecd152;
}

.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin: 0px;
  padding-top: 0px;
}

.btn-info {
    font-size: 20px;
    padding: 13px 20px;
    transition: .6s ease;
    color: #fff;
    border-color: #ebd154;
    background-color: #ebd154;
}

.btn-info:hover
{
    transition: .6s ease;

    color: #fff;
    border-color: #fff;
    background-color: #727272;
}

.page-template-page-m-php .btn-info {
    font-size: 20px;
    padding: 13px 20px;
    transition: .6s ease;
    color: #fff;
    border-color:  #0B0B0B;
    background-color:  #0B0B0B;
}

.page-template-page-m-php .btn-info:hover {
    transition: .6s ease;
    color: #fff;
    border-color: #fff;
    background-color: #727272;
}


.btn:not(:disabled):not(.disabled)
{
    cursor: pointer;

    border-radius: 0;
}

/*******************************************************
</ \>     <=/ hero \=>
********************************************************/

#hero
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-hero.jpg') no-repeat center center;
    background-size: cover;
}

.h1-hero
{
    font-family: 'BebasNeue';
    font-size: 83px;
    font-weight: 300;
    line-height: 91px;

    text-transform: uppercase;

    color: #fff;
}

.p-hero
{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;

    letter-spacing: 7.83px;
    text-transform: uppercase;

    color: #fff;
}

/*******************************************************
</ \>     <=/ brand \=>
********************************************************/

.logos
{
    margin: 15px 0 10px 0;
}

.logos .svg-inline--fa
{
    font-size: 26px;
}

.logos span
{
    font-family: 'BebasNeue';
    font-size: 23px;
    font-weight: 300;
    line-height: 23px;

    text-transform: uppercase;

    color: #606c7b;
}

.logos-1
{
    padding: 21px 19px;

    border: 1px solid #e2e2e2;
}

.logos-2
{
    padding: 21px 9px;
}

.logos .avvo
{
    position: absolute;
    top: 23px;
}

.logos a {
    color: #1b2d40;
    width: auto;
    height: auto;
    margin: 0 5px;
    display: inline-block
}

.logos img:hover
{
    opacity: .6;
}

.logos .svg-inline--fa:hover
{
    transition: .6s ease;

    opacity: .6;
}

.logos img.badges {
    width: 100px;
    height: auto;
    max-width: 100%;
}

/*******************************************************
</ \>     <=/ practice-areas \=>
********************************************************/

.felony
{
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAfQ29tcHJlc3NlZCBieSBqcGVnLXJlY29tcHJlc3P/2wCEABERERESERMVFRMaHBkcGiYjICAjJjoqLSotKjpYN0A3N0A3WE5fTUhNX06MbmJiboyiiIGIosWwsMX46/j///8BERERERIRExUVExocGRwaJiMgICMmOiotKi0qOlg3QDc3QDdYTl9NSE1fToxuYmJujKKIgYiixbCwxfjr+P/////CABEIAIIBkAMBIgACEQEDEQH/xAAuAAEBAQEBAQAAAAAAAAAAAAAAAQIDBAYBAQEBAQAAAAAAAAAAAAAAAAABAgP/2gAMAwEAAhADEAAAAPllduUWk1KLBZBQLKWwasVnAdEoIa1LLLABUFQCRyxvFAgAhQEAG7BQLBUpACiylBdZtc5YXeNkvOx1vOrUhtBUFQJZGOfXnUCCFikAAKVBUFQVBq40aSgGkpdTRhrIFTO8RdYqoku9Y2CWWEJYTOoc2s1AgFuRpkaZFAAAABbNK1zp01jZaDj25lWWOdkq5RYLbkm9c9liFQJYSVWJ0Jzu4RRFEUZURYAAAOnPosahd8x1ch1xnKajZgkssqlJKBaSxVgAiFBCAAABlRFEAAlhrpjalsRpWbqmOfbiNlmBm5aKWmVFS2QWAIACEAAARYAAIAAG9TSrNAFKTz9/Od0tmc7xLCytZoQVLYFggAJAAAEURYEoAAlgB01z2tsFuaaSmOPTB1sWUHNZKqrmaBYyJQAgEAAAARYSgAAgAXYtABdBzwJ2hShMkrQZoIWQAQgAAAAAIH//xAAlEAABAgYCAwADAQAAAAAAAAABABECECAhMDFAQRJQUQMiMmH/2gAIAQEAAT8AqYKyfETUMkfPOpjU9nLF6A7lDuQKCeYwn0UO5XBXldAq8nT4CjldOnTyvO2EIi9BDpgr5TgcfE4+Jx8T/wCLyxCsSOqCHCcsyE+0MRHHdAq1QLHF5IHCyabJkyZMmTYwUQmZOhSYf2f1I2tq4TiQoMQRj+K+J+aN0MEx6KaL6mi+pj2VYKG5R1WZBEc2Gll4rxXiowxUFd5EMgjzYcMV4kA0tTKC6QR0hzodYe5xamaDrnjBEWBkNSOkA8jymwjWCP8Amo7PpITIoGQKeX5OkN0naMxxjiG8EfSh3SaRxf/EABQRAQAAAAAAAAAAAAAAAAAAAHD/2gAIAQIBAT8AYf/EABYRAAMAAAAAAAAAAAAAAAAAAAFgcP/aAAgBAwEBPwCQhA//2Q==');
    background-size: cover;
}

.misdemeanor
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/misdemeanor.jpg');
    background-size: cover;
}

.dui
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/dui.jpg');
    background-size: cover;
}

.possession
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/possession.jpg');
    background-size: cover;
}

.theft
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/theft-robbery.jpg');
    background-size: cover;
}

.assault
{
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAfQ29tcHJlc3NlZCBieSBqcGVnLXJlY29tcHJlc3P/2wCEAA4ODg4PDhASEhAXGBYYFyEfHBwfITIkJyQnJDJNMDgwMDgwTURSQz5DUkR6X1VVX3qMdnB2jKqYmKrWy9b///8BDg4ODg8OEBISEBcYFhgXIR8cHB8hMiQnJCckMk0wODAwODBNRFJDPkNSRHpfVVVfeox2cHaMqpiYqtbL1v/////CABEIAIIBkAMBIgACEQEDEQH/xAAuAAEBAQEBAQAAAAAAAAAAAAAAAQIDBAYBAQEBAQAAAAAAAAAAAAAAAAABAwL/2gAMAwEAAhADEAAAAPixviAs0sdtHnnbiAjWaULLBvv5+5EE5dcmJ05ggAACAAAALKqWIAAUsUkqqAUZahKAgNDrzGmIdM5L05WSheYAAAAEAAFIsAAK6Dm6Dm6Dm6F5twjQy3TGd4Lcw0gsEdOZekxqq6c4yQASiKIpIsAFlIAADq5jcyNSCoKgtyNXJdMw1mEXeTUwO3O9V5unMkQ3lTctTjKVrHRI2ObZczQy0MzYw3DLUTIKgsCoKgoFgoFlLGSFOm+PU0yNSBNQijPPpgzQ3vj1LAAijKiASjmAAAABYKBYLYGaG8Uz1xsqC3IqCpgSaWBFyOqCoKgqAADmAAAAABYKlFlJAqC7502xooBDILILAFLrNKgsAAADAAAAAAAAKgAAAbxTQAGdQyABZTQAAAAAMAAAAAAAAAAAAA3kLQZCAAaACgQKABA//8QAJBAAAgEDBAMBAAMAAAAAAAAAAAERAhASICExQDBBUVATYYH/2gAIAQEAAT8A1pTqWmlw5ExxIivrPxpSplFLoxUwZ0FVVDpiPFRySkiaZkyRU5FSNbcdND6rc73p5Q7sRUlHTXQi7FZWSISMmZMlk2nprnoTaSRNfBtQtrKIf0y2glfbOVdJCpT9mK+mA6f7IX0jzLXijFGKIRCIIWiEzFGNJjQOmkhkO21tyH8urZtUr6TvuQ9DhdKTIyMjIyMiSSSWSSSZGZmTNlzJ/I/SM38GlVuh0tFNLgd4cEGJiPl3h6YMSGR1ndJFV6OT/RpfR0MxqNyRGZkh8u9NXpkEEEEXkk2IRBBHUqV6LTohGKMTFDp0UvyvqNy7QxOH4qnC0ITld93XFlwvDU5Z6uhOH33oXPhb2i3qzuvwlzrkydoX0caV+HLE9LIGo1r8t86l+NOpr81WV30//8QAFBEBAAAAAAAAAAAAAAAAAAAAcP/aAAgBAgEBPwBh/8QAFxEBAAMAAAAAAAAAAAAAAAAAAQBQcP/aAAgBAwEBPwCkIuef/9k=');
    background-size: cover;
}

.crimes
{
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAfQ29tcHJlc3NlZCBieSBqcGVnLXJlY29tcHJlc3P/2wCEAA4ODg4PDhASEhAXGBYYFyEfHBwfITIkJyQnJDJNMDgwMDgwTURSQz5DUkR6X1VVX3qMdnB2jKqYmKrWy9b///8BDg4ODg8OEBISEBcYFhgXIR8cHB8hMiQnJCckMk0wODAwODBNRFJDPkNSRHpfVVVfeox2cHaMqpiYqtbL1v/////CABEIAIIBkAMBIgACEQEDEQH/xAAtAAEBAQEBAAAAAAAAAAAAAAAAAQIDBgEBAQEBAAAAAAAAAAAAAAAAAAECA//aAAwDAQACEAMQAAAA8qO3IFAFSKWLACgEKySyKsLAACUk1DOpQ3g1rj1lolAAAAiiLAAAAAkTTKqhAoQqCoIsFlKAlFlGNZlnbGpalAAAJQAiCoKgszbBLCwAWABrEN4tM6UhCgKJQAWF1YzagqCwAAEsCwiiAmdYs3M6sTQiwqUKIAAgJk3c00ABLCgWCpc00XLQy1CUAJKIsEomdQXnvWaQskLrmOjOyYJc2w1rl0TE2XPTKzTI1c0oIsAKlLcpdWJbAAAiiKICSjk3lEtrLdjm6F561izSbMtSM6zaWZNZgqDVzbNJSwEUAENb52XaJaiKgiqiiKIsEoiwKIok1Dm6c7KgNUxrVlk1CSjndZstys1YBSLk0xAbl6CUICgAAAAAAAAEoiiKIoijLQxNw5zeUms2zUgTUWXWomyUWosgCUpQQgKUAAAIAAACgAQJCJCsCyguwtM2UAoAD//EACIQAAMAAQQCAwEBAAAAAAAAAAABERAgITBAAhIxUFFBYf/aAAgBAQABPwDROleGnt+LKT550KUpXyUokJDeF8LE7FRS8FG4b/pFwMfVmil4d8SixuiMS1sjYkl0aXFKXi8X+4bKV/RN6aioulonkQi+j8hCaH5Irf8ACE7NNzc3NyP9I/0n+kIiIi4GIhNDFmExUUrw9sJ5XWqKilf4bm58M/ul4WWx4rE8PCENwvHddKioi1sbYniopcp4ZGepMImEiMneYnojIyYTJiYhsliDZXw3Un0GiMjPUhCEINQT0NOkRRvEfA9FL+Dot9z47D3xT2KXK8SEw1w1iWKhsVvRhCE0tIaxD1PUmprTdHto8fH+vrTEIREXHM3N0rxS+pa1rxEvsFx//8QAGhEAAgMBAQAAAAAAAAAAAAAAETAAAUAQUP/aAAgBAgEBPwBIgRbBBBlp10usA1BR6W3TTww+Cd3/xAAaEQACAwEBAAAAAAAAAAAAAAARMAABQCBg/9oACAEDAQE/AEmHIYc1uK7wHUVCB9eJrr//2Q==');
    background-size: cover;
}

.traffic
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/traffic.jpg');
    background-size: cover;
}

.more-areas
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/more-areas.jpg');
    background-size: cover;
}

#practices
{
    overflow-x: hidden;
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-fighting.png') no-repeat center center;
    background-size: cover;
}

#practices .col-xs-12
{
    transition: .3s ease;
    text-align: center;

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#practices .col-xs-12:hover
{
  transition: all ease-in-out .3s;
  opacity: .8;
}

#practices a
{
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    cursor: pointer;
    display: block;
    padding: 70px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: all ease-in-out .3s;
}

#practices a img {
  width: 50px;
  transform: translateX(-15px);
  transition: all ease-in-out .3s;
}

#practices a:hover img {
  transform: translateX(-30px);
  transition: all ease-in-out .3s;
}



/*******************************************************
</ \>     <=/ content \=>
********************************************************/

.page-template-page-m-php #content li:after
{
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 10px;
    content: '\f0da';
    color: #0B0B0B;
    transform: rotate(180deg);
}

.page-template-page-m-php #content ul {
    padding-left: 0;
    list-style: none;
}

.content-h1 {
    font-family: 'Oswald';
    font-size: 52px;
    font-weight: 400;
    line-height: 62px;
    text-transform: uppercase;
    color: #1a2c42;
}

.content .svg-inline--fa
{
    color: #ebd154;
}

.content .pel
{
    font-family: Lato;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;

    width: 95%;

    color: #414141;
}

.content a
{
    font-family: Lato;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;

    width: 95%;

    color: #414141;
}

.content ul li
{
    list-style: none;
}

.content ul li a
{
    padding-left: 5px;
}

.content ul
{
    padding: 0;
}


.content-list
{
    /*  margin-top: 40px;*/
}

.img-l-border
{
    font-size: 25px;

    float: left;

    width: 35px;
    margin-right: 10px;
}

.img-l-border2
{
    font-size: 25px;

    float: left;

    width: 40px;
    margin-right: 10px;
}

.img-l-border3
{
    font-size: 25px;

    float: left;

    width: 40px;
    margin-right: 10px;
}

.img-l-border4
{
    font-size: 25px;

    float: left;

    width: 40px;
    margin-right: 10px;
}

/*******************************************************
</ \>     <=/ fighting \=>
********************************************************/

.fighting-h3
{
    font-family: 'BebasNeue';
    font-size: 28px;
    font-weight: 300;
    line-height: 21px;

    text-transform: uppercase;

    color: #fff;
}

#fighting p
{
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;

    color: #fff;
}

#fighting a:hover
{
    transition: .6s ease;
    text-decoration: none;

    opacity: .4;
}

#fighting a
{
    transition: .3s ease;
}

#fighting
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-fighting.png') no-repeat center center;
    background-size: cover;
}

#fighting span
{
    font-family: 'oswald';
    font-size: 42px;
    font-weight: 400;
    line-height: 42px;

    text-transform: uppercase;

    color: #fff;
}

/*******************************************************
</ \>     <=/ attorneys \=>
********************************************************/

.attorneys-text
{
    margin-top: 2em !important;
    margin-left: 20px;
}

.attorneys-text h3
{
    font-family: 'BebasNeue';
    font-size: 25px;
    line-height: 26px;

    color: #1d2e43;
}

.t-y p
{
    text-align: justify;
}

/*******************************************************
</ \>     <=/ consultation \=>
********************************************************/

.btn-info3
{
    font-size: 20px;

    padding: 13px 100px;

    transition: .6s ease;

    color: #fff;
    border-color: #ebd154;
    background-color: #ebd154;
}

.btn-info3:hover
{
    transition: .6s ease;

    color: #000;
    border-color: #fff;
    background-color: #727272;
}

/*******************************************************
</ \>     <=/ blog \=>
********************************************************/

.blog-image:hover
{
    opacity: .6;
}



/*******************************************************
</ \>     <=/ consultation \=>
********************************************************/

.consultation
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAABwAQMAAAA0SBsrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURRwuQiGTTl4AAAAnSURBVHja7cExAQAAAMKg9U9tDQ+gAAAAAAAAAAAAAAAAAAAAAHgyQhAAAVSc16YAAAAASUVORK5CYII=') no-repeat center center;
    background-size: cover;
}

.consultation p
{
    font-family: 'oswald';
    font-size: 26px;
    font-weight: 300;

    margin-bottom: 0;

    color: #fff;
}

/*******************************************************
</ \>     <=/ reviews \=>
********************************************************/

#reviews
{
    background-color: #1d2e43;
}

#reviews p
{
    color: white;
}

#reviews .svg-inline--fa
{
    color: #ebd154;
}

#reviews h2.background span
{
    padding: 0 50px;

    color: white;
    background: #1d2e43;
}

/*******************************************************
</ \>     <=/ testimonials \=>
********************************************************/

.testimonials-img
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/1.jpg') no-repeat center center;
    background-size: cover;
}

.testimonials-img2
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/2.jpg') no-repeat center center;
    background-size: cover;
}

.testimonials-img3
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/3.jpg') no-repeat center center;
    background-size: cover;
}

.testimonials-img4
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/4.jpg') no-repeat center center;
    background-size: cover;
}

.testimonials-img5
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/5.jpg') no-repeat center center;
    background-size: cover;
}

.testimonials-img6
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/6.png') no-repeat center center;
    background-size: cover;
}

.testimonials p
{
    font-family: Lato;
    font-size: 15px;
    font-style: italic;
    line-height: 25px;

    color: #fff;
}

.testimonials h3
{
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;

    margin: 0;

    color: #fff;
}

.testimonials span
{
    font-family: Lato;
    font-size: 15px;
    font-style: italic;
    line-height: 15px;

    color: #fff;
}

.testimonials-content
{
    margin: 1px;
    padding: 10px 20px;
}

.testimonials .svg-inline--fa
{
    color: #ebd154;
}

/*******************************************************
</ \>     <=/ expert \=>
********************************************************/

.expert
{
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-expert.jpg') no-repeat center center;
    background-size: cover;
}

.expert .expert-h3
{
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 300;

    margin: 0;

    text-transform: uppercase;

    color: #fff;
}

.expert span
{
    font-family: Lato;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;

    color: #fff;
}

/*******************************************************
</ \>     <=/ contact \=>
********************************************************/

#contact .strike > span:before {
    right: 107%;
    width: 60%;
    margin-right: 15px;
}

#contact .strike > span:after {
    left: 107%;
    width: 60%;
    margin-right: 15px;
}

#contact .OTMForm textarea {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 81px;
    padding-top: 10px;
}

#contact {
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-contact.png') no-repeat center center;
    background-size: cover;
}

.page-template-page-m-php #contact {
    background: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/bg-contact-gray.jpg') no-repeat center center;
    background-size: cover;
}


#contact span
{
    font-family: 'oswald';
    font-size: 42px;
    font-weight: 400;
    line-height: 42px;
    text-transform: uppercase;
    color: #fff;
}

.bg-light
{
    background-color: #fff!important;
}

/*******************************************************
</ \>     <=/ botbar \=>
********************************************************/

#botbar .topcontact span a {
    font-family: 'BebasNeue';
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #1a2c42;
}

.botbar-container {
    background-color: white;
    background-size: cover;
}

#botbar {
    background-color: #fff;
}

#botbar p {
    font-family: 'BebasNeue';
    font-size: 20px;
    font-weight: 300;
    line-height: 16px;
    color: #1a2c42;
}

.page-template-page-m-php #botbar .topcontact span a {
    font-family: 'BebasNeue';
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #60615D;
}

.page-template-page-m-php .botbar-container {
    background-color:#b6b6a7;
    background-size: cover;
}

.page-template-page-m-php #botbar {
    background-color:#b6b6a7;
}

.page-template-page-m-php #botbar p {
    font-family: 'BebasNeue';
    font-size: 20px;
    font-weight: 300;
    line-height: 16px;
    color: #60615D;
}

/*******************************************************
</ \>     <=/ copyright \=>
********************************************************/

#copyright {
    background-color: #1d2e43;
}

.page-template-page-m-php #copyright {
    background-color: #60615D;
}

#copyright p
{
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

#copyright a
{
    font-family: Lato;
    font-size: 13px;
    font-weight: 400;

    color: #fff;
}

#copyright a:hover
{
    text-decoration: none;
}

#copyright img
{
    width: 50%;
    margin-left: 5px;
}

/*******************************************************
</ \>     <=/ OTMform \=>
********************************************************/

.input-wrapper
{
    position: relative;
}

.form-wrapper h2
{
    font-weight: 500;

    margin-bottom: 20px;

    text-align: center;
}

.form-wrapper p
{
    font-size: 14px;
}

.OTMForm input,
.OTMForm textarea
{
    font-size: 14px;
    line-height: 40px;

    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding-left: 45px;

    -webkit-transition: all .30s ease-in-out;
       -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
         -o-transition: all .30s ease-in-out;
            transition: all .30s ease-in-out;

    color: #000;
    border: 1px solid #757575;
    background: #fff;
}

.sidebar-contact .OTMForm input
{
    margin-bottom: 15px;
}

.sidebar-contact .otm-form-response
{
    color: #3b3b3b;
}

input::placeholder,
textarea::placeholder
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;

    color: #565656;
}

.OTMForm input
{
    width: 100%;
    height: 45px;
    margin-bottom: 32px;
}

.OTMForm textarea
{
    font-size: 14px;
    line-height: 20px;

    width: 100%;
    height: 120px;
    padding-top: 10px;
}

.form-icon
{
    line-height: 40px;
    position: absolute;
    left: 25px;
    color: #757575;
}


.OTMForm input:focus,
.OTMForm textarea:focus
{
    border: 1px solid #1e90ff;
    outline: 5px #1e90ff;
    box-shadow: 0 0 5px #1e90ff;
}

.OTMForm .form-btn
{
    font-family: 'Oswald', sans-serif;
    font-size: 24px;

    width: 100%;
    padding: 10px 0;

    transition: .6s ease;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background-color: #0B0B0B;
}

.OTMForm .form-btn:hover
{
    transition: .6s ease;

    color: #fff;
    background-color: #727272;
}

.OTMForm .form-btn:focus,
.OTMForm .form-btn:active
{
    border: 2px solid #1e90ff;
    box-shadow: 0 0 7px #1e90ff;
}

.otm-form-response
{
    font-size: 17px;

    margin-top: 20px;
    padding-bottom: 17px;

    text-align: center;

    color: #fff;
}

.hero-form h3
{
    font-family: 'BebasNeue';
    font-size: 47px;
    font-weight: 300;

    text-transform: uppercase;

    color: #fff;
}

.disc
{
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;

    color: #fff;
}

#contact .disc
{
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;

    color: #fff;
}

.disc span
{
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;

    color: #fff;
}

.hero-form
{
    margin: 100px auto 100px;
    padding: 20px 15px 0;

    background: rgba(26, 44, 65, .6);
}

.form-control
{
    border-radius: 0;
}

.btn-info-form
{
    font-family: 'BebasNeue';
    font-size: 20px;
    font-size: 27px;
    font-weight: 400;

    width: 100%;

    transition: .6s ease;

    color: #1a2c42;
    background-color: white;
}

.btn-info-form:hover
{
    transition: .6s ease;

    color: #000;
    border-color: #fff;
    background-color: #727272;
}

.btn-info-form2
{
    font-family: 'Oswald', sans-serif;
    font-size: 27px;
    font-weight: 400;

    display: block;

    width: 100%;
    padding: 10px 0;

    transition: .6s ease;
    text-align: center;

    color: #1a2c42;
    background-color: white;
}

.btn-info-form2:hover
{
    font-weight: 400;

    transition: .6s ease;
    text-decoration: none;

    color: #fff;
    border-color: #fff;
    background-color: #727272;
}

p.form-text {
	color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}
p.criminal-law-firm {
	font-size: 30px;
	color: #ebd154;
    font-weight: 600;
    margin-bottom: 5px;
}

.fill-full .form-wrapper p.full-form-text {
	color: #1a2c42;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center;
}

/*******************************************************
</ \>     Served-form
********************************************************/

#served .container
{
    background-color: #1b334f;
}

#served .row-eq
{
    display: flex;
}

#served
{
    font-size: 20px;

    color: #fff;
}

#served .col-eq
{
    margin: 10px;

    background: #fff;

    flex: 1;
}

@media (max-width: 768px)
{
    #served .row-eq
    {
        display: block;
    }
    #served .col-eq
    {
        flex: unset;
    }
}


#served .list-icons .btn,
.list-icons .btn .glyphicon,
.list-icons .btn span
{
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;

    -kthtml-transition: all .2s linear;
}

#served .list-icons .btn
{
    display: flex;

    margin: 5px;
    padding: 10px;

    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    text-align: left;
    white-space: inherit;

    background-color: rgba(255, 255, 255, 0);

    align-items: center;
    -kthtml-transition: all .2s linear;
}

@media (max-width: 768px)
{
    #served .list-icons .btn
    {
        margin: 1px;
        padding: 2px 2px 2px 10px;
    }
}

#served .list-icons .btn:hover
{
    background-color: #ebd153;
}

#served .list-icons .btn:hover .glyphicon
{
    transform: scale(1.3, 1.3);

    color: #ff7600;
    background-color: #fff;
}

#served .list-icons .btn:hover span
{
    color: #fff;
}

#served .list-icons .btn span
{
    font-size: 15px;
    line-height: 15px;

    color: #fff;
}

#served .list-icons .btn .glyphicon
{
    font-size: 18px;

    margin-right: 9px;
    padding: 10px;

    color: #fff;
    border-radius: 50px;
    background-color: #ecd253;
/* 	background-color: #ccc; */
}

#served h3
{
    color: #fff;
}

@media only screen and (min-width: 991px)
{
    #served .list-icons .collapse
    {
        display: block;
    }
}

/*******************************************************
</ \>     fill-form
********************************************************/

.fill-full .input-wrapper
{
    position: relative;
}

.fill-full .form-wrapper h2
{
    font-weight: 500;

    margin-bottom: 20px;

    text-align: center;
}

.fill-full .form-wrapper p
{
    font-size: 14px;
}

.fill-full #OTMForm input,
.fill-full #OTMForm textarea
{
    font-size: 14px;
    line-height: 40px;

    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 30px;

    -webkit-transition: all .30s ease-in-out;
       -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
         -o-transition: all .30s ease-in-out;
            transition: all .30s ease-in-out;

    color: #000;
    border: 1px solid #757575;
    background: #fff;
}

.fill-full #OTMForm input
{
    width: 100%;
    height: 40px;
}

.fill-full #OTMForm textarea
{
    font-size: 14px;
    line-height: 20px;

    width: 100%;
    height: 120px;
    padding-top: 10px;
}

.fill-full .form-icon
{
    line-height: 40px;

    position: absolute;
    left: 25px;

    color: #757575;
}

.fill-full #OTMForm input:focus,
.fill-full #OTMForm textarea:focus
{
    border: 1px solid #1e90ff;
    outline: 5px #1e90ff;
    box-shadow: 0 0 5px #1e90ff;
    ;
}

.fill-full #OTMForm .form-btn
{
    font-family: 'Oswald', sans-serif;
    font-size: 24px;

    width: 100%;
    padding: 10px 0;

    transition: .6s ease;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background-color: #ecd153;
}

.fill-full #OTMForm .form-btn:hover
{
    color: #1e90ff;
    border: 1px solid #1e90ff;
    outline: 5px #1e90ff;
    box-shadow: 0 0 5px #1e90ff;
}

.fill-full #OTMForm .form-btn:focus,
.fill-full #OTMForm .form-btn:active
{
    border: 2px solid #1e90ff;
    box-shadow: 0 0 7px #1e90ff;
}

.fill-full .otm-form-response
{
    font-size: 20px;

    margin-top: 0;

    text-align: center;

    color: #edd252;
}

.fill-full .fa-map-marker-alt
{
    font-size: 30px;

    color: #ecd153;
}

.fill-full .case-p input
{
    padding-left: 5px!important;
}

/*******************************************************
</ \>     <=/ h2-line \=>
********************************************************/

h2
{
    font-size: 33px;

    margin-top: 30px;
    margin-bottom: 40px;

    text-align: center;
    text-transform: uppercase;

    color: #1a2c42;
}

h2.background
{
    position: relative;
    z-index: 1;
}

h2.background:before
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;

    width: 75%;
    margin: 0 auto;

    content: '';

    border-top: 4px solid #ebd154;
}

h2.background span
{
    padding: 0 50px;

    background: #fff;
}

h2.double:before
{
    border-top: none;
}

h2.double:after
{
    position: absolute;
    z-index: -1;
    top: 45%;
    right: 0;
    left: 0;

    width: 95%;
    margin: 0 auto;

    content: '';

    border-bottom: 1px solid blue;
    -webkit-box-shadow: 0 1px 0 0 red;
       -moz-box-shadow: 0 1px 0 0 red;
            box-shadow: 0 1px 0 0 red;
}

h2.no-background
{
    position: relative;

    overflow: hidden;
}

h2.no-background span
{
    position: relative;

    display: inline-block;
    zoom: 1;

    padding: 0 20px;

    vertical-align: baseline;

    *display: inline;
    *vertical-align: auto;
}

h2.no-background span:before,
h2.no-background span:after
{
    position: absolute;
    top: .73em;

    display: block;

    width: 1000px;

    content: '';

    border-top: 1px solid red;
}

h2.no-background span:before
{
    right: 100%;
}

h2.no-background span:after
{
    left: 100%;
}

h2.no-span
{
    display: table;

    white-space: nowrap;
}

h2.no-span:before,
h2.no-span:after
{
    position: relative;
    top: .5em;

    display: table-cell;

    width: 45%;

    content: '';

    border-top: 1px solid green;
}

h2.no-span:before
{
    right: 1.5%;
}

h2.no-span:after
{
    left: 1.5%;
}

.background span
{
    font-family: 'BebasNeue';
    font-size: 44px;
    font-weight: 300;

    text-transform: uppercase;

    color: #1a2c42;
}

.strike
{
    display: block;
    overflow: hidden;

    text-align: center;
    white-space: nowrap;
}

.strike > span
{
    position: relative;

    display: inline-block;
}

.strike > span:before,
.strike > span:after
{
    position: absolute;
    top: 50%;

    width: 9999px;
    height: 4px;

    content: '';

    background: #0B0B0B;
}

.strike > span:before
{
    right: 120%;

    width: 130%;
    margin-right: 15px;
}

.strike > span:after
{
    left: 120%;

    width: 130%;
    margin-left: 15px;
}

/*******************************************************
</ \>     <=/ Image Hover \=>
********************************************************/

.blog-title-name
{
    position: absolute;
    bottom: 0;

    width: 100%;
    padding: 10px 10px;

    background-color: #1c2e43;
}

.blog-title-name h3
{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;

    color: #fff;
}

.blog-article-content
{
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;

    color: #fff;
}

.blog-hr
{
    width: 100px;
    height: 4px;

    background-color: #ebd154;
}

.blog-article-title
{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;

    color: #fff;
}

.blog-article p
{
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;

    color: #fff;
}

.container-img
{
    position: relative;

    width: 100%;
}

.image
{
    display: block;

    width: 100%;
    height: auto;
}

.overlay
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 0;

    transition: .5s ease;

    background-color: #1c2e43;
}

.container-img:hover .overlay
{
    height: 100%;
}

.text
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 92%;

    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    color: white;
}

/*******************************************************
</ \>     <=/ contact-us \=>
********************************************************/

.contact-us .svg-inline--fa
{
    font-size: 30px;

    color: #ecd153;
}

.map
{
    border: 3px solid #ecd153!important;
}

.contact-us .tel
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;

    transition: .6s ease;

    color: #1d1d1d;
}

.contact-us hr
{
    width: 15%;

    border-top: 3px solid rgb(236, 209, 82);
}

/*******************************************************
</ \>     <=/ dropdown \=>
********************************************************/

.dropdown-menu
{
    background-color: #1d334f;
}

.dropdown-item
{
    font-size: 15px;

    text-transform: uppercase;

    color: #fff;
}

.dropdown-menu li
{
    border-left: 4px solid #ecd153!important;
}

.dropdown-menu
{

    padding: 0;

    border-radius: 0;
}

/*******************************************************
</ \>     <=/ sidebar \=>
********************************************************/

.sidebar-contact
{
    margin-top: 100px;
    margin-bottom: 20px;
    padding: 10px;

    border: solid 1px #ededed;
}

.sidebar-contact a
{
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    font-weight: 500;
    line-height: 26px;

    color: #3b3b3b;
}

.sidebar-contact .svg-inline--fa
{
    color: #e8bf00;
}

/*******************************************************
</ \>     <=/ Responsive Media Queries \=>
********************************************************/

/*---------------------------------------------------
        .a. -> Large Screens Size
    ---------------------------------------------------*/

@media screen and (min-width: 1200px)
{
    .page-template-page-m-php .container
    {
        max-width: 1350px!important;
    }
    .blog-row .container
    {
        max-width: 1140px!important;
    }
}

/*---------------------------------------------------
        .b. -> Medium Screens Size
    ---------------------------------------------------*/

@media screen and (max-width: 1199px)
{
    .navbar-dark .navbar-nav .nav-link
    {
        font-size: 16px;
    }
}

/*---------------------------------------------------
        .c. -> Small Screens Size
    ---------------------------------------------------*/
/* @media only screen and (max-width: 767px) {
html.i-amphtml-fie>body, html.i-amphtml-singledoc>body
{
        overflow-x:hidden !important;
}
	
} */
@media screen and (max-width: 991px)
{
	
    .container-img
    {
        position: relative;

        width: 52%;
        margin: 0 auto;
    }
    #copyright img
    {
        width: 30%;
        margin-left: 5px;
    }
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link
    {
        font-family: 'BebasNeue';
        font-size: 28px;
        font-weight: 400;

        text-transform: uppercase;

        color: #ecd152;
    }
    .navbar-dark .navbar-nav .nav-link
    {
        font-size: 28px;
    }
    .navbar li + li
    {
        border-left: none;
    }

    .navbar ul li
    {
        padding: 4px 0;

        text-align: center;
    }

    .dropdown-menu li
    {
        border-left: none!important;
    }

    .topbar-container
    {
        background: none;
    }

    .topcontact span a
    {
        font-family: 'BebasNeue';
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;

        color: #fff;
    }
    input::placeholder,
    textarea::placeholder
    {
        font-family: Lato;
        font-size: 11px;
        font-weight: 400;

        color: #565656;
    }
    #botbar .topcontact span a
    {
        font-family: 'BebasNeue';
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;

        color: #60615D;
    }
    h2.background span
    {
        padding: 0;

        background: #fff;
    }
    .OTMForm input
    {
        width: 100%;
        height: 45px;
        margin-bottom: 10px;
    }
    .hero-form
    {
        margin: 0 auto 0;
        padding: 20px 15px 0;

        background: rgba(26, 44, 65, .6);
    }
}

/*---------------------------------------------------
        6.d. -> Extra-Small Screens Size
    ---------------------------------------------------*/

@media screen and (max-width: 767px)
{
    .content h2.background:before
    {
        display: none;
    }
    .content .pel
    {
        font-family: Lato;
        font-size: 15px;
        font-weight: 300;
        line-height: 23px;

        width: 100%;

        color: #414141;
    }

    .blog-title-name h3
    {
        font-family: Lato;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;

        color: #fff;
    }
    .blog-article-content
    {
        font-family: Lato;
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;

        color: #fff;
    }
    .background span
    {
        font-family: 'BebasNeue';
        font-size: 26px;
        font-weight: 300;

        text-transform: uppercase;

        color: #1a2c42;
    }
    #contact span
    {
        font-family: 'oswald';
        font-size: 26px;
        font-weight: 400;
        line-height: 42px;

        text-transform: uppercase;

        color: #fff;
    }
    .content h3
    {
        font-size: 22px;
    }
    .attorneys-text h3
    {
        font-size: 18px;
    }
}

/*---------------------------------------------------
        6.e. -> Mini Screens Size
    ---------------------------------------------------*/

@media screen and (max-width: 479px)
{
    .blog-article-content
    {
        display: none;
    }
    #topbar p
    {
        font-size: 20px;
    }
}

@media screen and (max-width: 425px)
{
}

#content h2 {
  text-align: left;
  font-size: 33px;
  font-family: 'BebasNeue', sans-serif;
  margin-top: 0;
  margin-bottom: 25px;
  color:#0B0B0B;
}

.page-template-page-m-php #content h2 {
    color:#0B0B0B;
}

#content img {
  height: auto;
  max-width: 100%;
}

/* 3M design */

.container-responsive {
    position: relative;
}

.page-template-page-m-php .bg-dark {
    background-color: #60615D!important;
}

.bg-dark {
    background-color: #1a2c41!important;
}

.page-template-page-m-php #mega-menu-wrap-navbar {
    background-color: #60615D!important;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-item > a.mega-menu-link:hover {
    color:#fff;
    background: #0B0B0B;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #0B0B0B;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-flyout ul.mega-sub-menu {
    border-left: 5px #60615D solid;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-item.mega-current-menu-item {
    background:#0B0B0B;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-current_page_item a {
    color: #ffffff !important;
    font-size: 22px !important;
}

.page-template-page-m-php #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-item > a.mega-menu-link {
    line-height: 58px;
}

.inner-bg {
    background:#b6b6a7;
}

.container-responsive {
    max-width: 1210px;
}

.nav-fix {
    position: absolute;
    right:0px;
}

.page-template-page-m-php article {
    text-align: right;
}

.page-template-page-m-php article a {
    color: #0B0B0B;
}

.page-template-page-m-php article a:hover {
    color: #0B0B0B;
    text-decoration: underline;
}

.page-template-page-m-php article h1 {
    font-family: 'Oswald';
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;

    text-transform: uppercase;

    color: #0B0B0B;
}

.bg-fix
{
    font-family: 'BebasNeue';

    background: #b6b6a7 url('/wp-content/themes/kcdefensecounsel/theme/css/../img/body-bg-gray.jpg') repeat-y;
    background-size: 35% auto;
    width: 100%;
}

.page-template-page-m-php #content ul.silos {
    text-align: left;
}

.page-template-page-m-php #content ul.silos li {
    position: relative;
}

.page-template-page-m-php #content ul.silos li a {
    font-size: 32px;
    color:#0B0B0B;
    text-transform: uppercase;
}

.page-template-page-m-php #content ul.silos {
    margin-top:100px;
    margin-bottom:70px;
}

.page-template-page-m-php #content ul.silos li:before {
    display: none;
}

.page-template-page-m-php #content ul.silos li:after {
    content: '';
    background-image: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/icons/arrow-back.svg');
    width: 46px;
    height: 47px;
    display: inline-block;
    position: absolute;
    top: -9px;
    transform: none;
}

.page-template-page-m-php #content ul.silos li {
    margin-bottom:12px;
}

.page-template-page-m-php #content ul.silos li a {
    padding-right: 20px;
}

.page-template-page-m-php .back-page {
    background-image: url('/wp-content/themes/kcdefensecounsel/theme/css/../img/icons/back.svg');
    width: 88px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 70px;
    left: -88px;
}


@media screen and (max-width: 767px) {

    .phone-icon {
        width: 36px;
        margin: auto;
    }

    .make-it-stick {
        position: sticky;
        z-index: 99999999;
        top:0; 
    }
}