/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* Color Scheme #12 - Striking & Simple
==================================================


Smokey Black { #0B0C10 / 11, 12, 16 }
Blue {  #1F2833 / 31, 40, 51 }
Light Gray {  #C5C6C7 / 197, 198, 199 }
Neon Teal {  #66FCF1 / 102, 252, 241 }
Teal { #45A29E / 69, 162, 158 }





*/

/* #Site Styles
================================================== */

* { -moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; box-sizing: border-box; 	}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


img {max-width: 100%;}


html {}

/* sticky header - home
================================================== */
div.header {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: rgba(31, 40, 51, 0.0); line-height: 40px; }
div.header.active {background: #1F2833;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}

/* sticky header - home
================================================== */
div.header-no-hero {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: #1F2833; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 1.0;);}
div.header-no-hero.active {background: #1F2833;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}


/* # bands / containers - 
================================================== */

.band {padding: 0; margin:0}
.white-band {background:#FFF; }
.creamy-yellow-band {background:#FFF; }
.light-gray-band {background:#C5C6C7; }
.main-content {padding:100px 0; }
.blog-content {padding:100px 0; }
.main-content-50 {padding:50px 0; }

.navigation { padding: 10px 25px; max-width:1600px; margin:0 auto; }
.navigation-interior { padding: 10px 25px; max-width:1600px; margin:0 auto; background:white; }

.highlight-color {color:#005696}
.home-intro-sidebar h2 {font-weight:600}
.no-hero {margin-top: 155px; }


/* top row
================================================== */

.top-row {background:#0B0C10; color:#FFF; font-size: 16px; text-transform:uppercase; padding: 0 25px;  height:56px; line-height:56px; font-weight:normal}
.top-row-container {max-width:1500px; margin:0 auto; }
.top-row p {margin:0; color:#FFF}
.top-row .right p {color:#FF; text-align:right }
.top-row a {color:#FFF; text-decoration:none; font-weight:normal}
.top-row a:hover {color: #e7d350; text-decoration:none}
.top-row .left {float:left}
.top-row .right {float:r}
.top-row .right i, .top-row .left i  {color: #66FCF1}
.top-row .right i {margin-left:10px}

/* # home hero
================================================== */



.big-hero {position:relative; width: 100%;padding: 0 7%;display: table;vertical-align:middle; margin: 0; background: rgba(11, 12, 16, 0.2); }
.text {padding:300px 0 100px 0; }
p.headline {color:white; font-size: 60px; line-height: 70px; text-transform:uppercase; text-shadow: 2px 1px 2px #000000; text-align:center; margin-top: 0;margin-bottom: 3px;font-family: 'Oswald', sans-serif;
font-weight: 700;  text-align:left}
p.headline-small {color:white; font-size: 28px; font-style:italic; line-height: 50px; text-transform:uppercase; text-shadow: 2px 1px 2px #000000; text-align:center; margin-top: 0;margin-bottom: 2rem;font-family: 'Oswald', sans-serif;
font-weight: 700;  text-align:left}
#owl-carousel-mini {width:500px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:normal; text-align:left}
#owl-carousel-mini cite {text-align:left}
#home-hero-image img {display:block; margin-bottom:0; position:absolute; bottom:0; margin-top: 100px}
#home-hero-image p { margin:0; text-align:center}
 
.call-out-left {background: rgba(31, 40, 51, 0.5); color:white; font-size: 20px; line-height: 26px;  text-transform:uppercase; padding: 15px 25px; width:50%; position:absolute; bottom: 30vh; left:0; text-align:left}
.call-out-right {background: rgba(69, 162, 158, 0.9); color:white;  text-transform:none; padding: 15px 10px 15px 25px; width:60%; position:absolute; bottom: 0; right:0; text-align:left}
.call-out-text-container {padding-left: 15px}
h1.call-out-text-bold  {font-size: 26px; font-weight:bold; margin-bottom:10px; color:white}
.call-out-text {font-size: 16px; }

.fixed-backgroun {
background: url("https://esquenazilaw.com/images/fullscreen/esquenazi/shutterstock_1023647725-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
    height: auto;
}
    
   

/* # home introduction
================================================== */

.introduction {font-size: 18px; padding:50px 0; background:  #f5f5f5}
.introduction h1, .main-content h1 {text-align:center; color:#0B0C10; margin-bottom:10px; }
.blog-content h1 {color:#0B0C10; margin-bottom:20px; }

  /* #sidebar stuff
================================================== */

.sidebar-form-lead-in {background:  #1F2833; padding: 20px; margin:0; color:white}
.sidebar-form-lead-in h3 {background:  #45A29E; padding: 10px; margin:0 0 20px 0; color:white; ;text-align:center; border: 0px solid #66FCF1; text-transform:uppercase }
.sidebar-form-lead-in p {margin:0; color:white; font-size: 15px; text-align:center}
.sidebar-form-lead-in a {color:white; text-decoration:underline; font-weight:normal}
.sidebar-form-lead-in a:hover {color:white; text-decoration:none}


 /* #espanol page
================================================== */
.sidebar-cta-box {background:#F7F7F7; border-top: 5px solid #45A29E; text-align:center; padding: 20px;  border-left: 1px solid #EEE; border-right: 1px solid #EEE;  border-bottom: 1px solid #EEE; margin-bottom: 20px}
.sidebar-cta-box i {color: #1F2833; text-align:center}
.sidebar-cta-box h4 {color: #1F2833; text-align:center; font-size: 18px; line-height: 26px; text-transform:uppercase}
.sidebar-cta-box p, .sidebar-cta-box address {font-size: 14px; line-height: 24px; text-align:center; margin:0; color:#666}


#blog-section h1 {margin-bottom: 50px; }
#blog-section h3 {margin-bottom: 5px; font-size: 24px}
#blog-section .blog-sidebar h3 {background:#1C8D95; text-align:center; padding: 15px 10px; color:white; text-transform:uppercase; font-size: 16px; line-height: 24px; margin-bottom:20px }
.blog-sidebar ul {list-style-type:none; margin-left:5px}
.blog-post-date {color:#666; font-size: 14px}

 /* #espanol page
================================================== */
#contact-page .sidebar-cta-box {background:#F7F7F7; min-height:140px; border-top: 5px solid #45A29E; text-align:center; padding: 20px;  border-left: 1px solid #EEE; border-right: 1px solid #EEE;  border-bottom: 1px solid #EEE; margin-bottom: 50px}

/* #practice pages
================================================== */
#practice-area-page .sidebar-cta-box {background:#F7F7F7; min-height:140px; border-top: 5px solid #45A29E; text-align:center; padding: 20px;  border-left: 1px solid #EEE; border-right: 1px solid #EEE;  border-bottom: 1px solid #EEE; margin-bottom: 50px}

#practice-area-page .sidebar-cta-box p {font-size: 18px; line-height: 26px; text-align:left; margin:0; color:#333}


/* # home carousel
================================================== */

#owl-practice {margin-bottom:30px}
.practice-item {background:#1C8D95; text-align:center}
.practice-item .practice-title { text-align:center; padding: 10px; font-size: 14px; text-transform:uppercase; color:white}
.practice-item a {color:white; font-weight:normal}
.practice-item a:hover {color:white;  opacity:1}

.item .img-container {position: relative;height: 100%;width: 100%;}
.item  .image { display: block;  width: 100%;  height: auto;}
.item .img-container .overlay { position: absolute;   bottom: 0;   background: rgb(11, 12, 16);  background: rgba(11, 12, 16, 1.0); color: #FFF;   width: 100%;  transition: .5s ease;  opacity:0;  color: white;  font-size: 20px;  padding: 2px 5px;  text-align: center;}
.item .img-container:hover .overlay {opacity: 1.0;}
.item .practice-text {color: white;font-size: 16px;text-align: center;}

/* # header practice carousel
================================================== */

#practice-header-carousel {margin-bottom:50px; }
#practice-header-carousel .practice-item {background:#1C8D95; text-align:center}
#practice-header-carousel .practice-item .practice-title { text-align:center; padding: 10px; font-size: 14px; text-transform:uppercase; color:white}
#practice-header-carousel .practice-item a {color:white; font-weight:normal}
#practice-header-carousel .practice-item a:hover {color:white;  opacity:1}

#practice-header-carousel .item .img-container {position: relative;height: 100%;width: 100%;}
#practice-header-carousel .item  .image { display: block;  width: 100%;  height: auto;}
#practice-header-carousel .item .img-container .overlay { position: absolute;   bottom: 0;   background: rgb(11, 12, 16);  background: rgba(11, 12, 16, 1.0); color: #FFF;   width: 100%;  transition: .5s ease;  opacity:1.0;  color: white;  font-size: 20px;  padding: 2px 5px;  text-align: center;}
#practice-header-carousel .item .img-container:hover .overlay {opacity: 1.0;}
#practice-header-carousel .item .practice-text {color: white;font-size: 16px;text-align: center;}


/* # what we do page - intro
================================================== */

.what-we-do-intro {padding:50px 0 0 0;background-color: rgba(255, 255, 255, 1.0); background-image: url("../images/bg/shutterstock_528579187.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


#text-box {font-size:16px; padding-bottom:50px; background: rgba(255, 255, 255, 0.0); }

#what-we-do-intro-image img {display:block; margin-bottom:0; position:absolute; bottom:0; right:0;}
#what-we-do-intro-image p { margin:0 0 0 0; text-align:center}



/* # practice teasers - 
================================================== */
.practice-teasers {background: rgba(69, 162, 158, 0.8);padding: 50px 0 50px 0}
.practice-teasers h2 {color:#FFF;  text-align:center}
.practice-teasers p.subtext {font-size:26px; line-height:34px; color:white; text-align:center}


.practice-teasers-directory {background: rgba(255, 255, 255, 1.0);padding: 50px 0 50px 0; color:#1F2833 }
.practice-teasers-directory h2 {color:#444;  text-align:center}
.practice-teasers-directory p.subtext {font-size:26px; line-height:34px; color:#444; text-align:center}
.practice-teaser-box { color:#1F2833; border: 0 solid black; margin-bottom: 50px; min-height:130px;  }

.practice-teaser-box h3  {color:#444; font-size: 18px; margin-bottom:5px; text-transform:uppercase; text-align:left}
.practice-teaser-box i {color:#45A29E}
.practice-teaser-box h3 a {color:#444; text-decoration:underline}
.practice-teaser-box h3 a:hover {color:#45A29E; text-decoration:none}
.practice-teaser-box p {font-size:15px; line-height: 22px; margin:0; color: #666}


.float-column {
    float: left;
    width: 50%;


}

.float-column .left-column {background: rgba(31, 40, 51, 0.8); height:250px;  }
.float-column .left-column h2 {color:white; text-transform:uppercase; font-size: 40px; line-height: 48px}
.float-column .right-column {background: rgba(68, 68, 68, 0.8);  height:250px;   color:white; font-size: 26px; line-height:34px}

.float-column .element {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);padding: 50px}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width:910px) {
    .float-column {
        width: 100%;
    }
}

/* # vertical practice menu
================================================== */

.vertical-practice-menu {width: 100%; font-weight:normal; padding-bottom: 50px; margin: 0 0 0 0; }
.vertical-practice-menu a {font-size: 16px; text-transform:uppercase; margin: 8px 0;background:#FFF; color: #222; display: block; padding: 6px 10px 6px 45px; text-decoration: none; font-weight:normal;}
.vertical-practice-menu a:before {font-family: "Font Awesome 5 Pro"; content: "\f138";    padding: 12px 10px 12px 20px;text-decoration: none;  font-weight:300;line-height: 16px}
 
 /* # testimonials section - home
================================================== */

.testimonials-section {background: rgba(11, 12, 16, 0.0);padding: 100px 0; text-align:center}
#owl-testimonials blockquote p {text-align:center}
#owl-testimonials blockquote cite {text-align:center; margin:0; padding-left:0}

 /* # hero images - interior pages
================================================== */




/* interior hero images
================================================== */

#hero-image-sub {margin-bottom:30px;  }
.hero-image-wrongful-death {background-image: url("https://esquenazilaw.com/images/page-headers/wrongful-death.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-car-accident {background-image: url("https://esquenazilaw.com/images/page-headers/car-accident.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-construction-accident { background-image: url("https://esquenazilaw.com/images/page-headers/shutterstock_596650529.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-defective-drugs { background-image: url("https://esquenazilaw.com/images/page-headers/defective-drugs.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-slip-and-fall { background-image: url("https://esquenazilaw.com/images/page-headers/slip-fall.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-product-liability { background-image: url("https://esquenazilaw.com/images/page-headers/product-liability.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-defective-tires { background-image: url("https://esquenazilaw.com/images/page-headers/defective-tires.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-brain-injury { background-image: url("https://esquenazilaw.com/images/page-headers/brain-injury.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-insurance-disputes { background-image: url("https://esquenazilaw.com/images/page-headers/insurance-disputes.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-vacation-accidents { background-image: url("https://esquenazilaw.com/images/page-headers/vacation-accidents.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-premises-liability { background-image: url("https://esquenazilaw.com/images/page-headers/premises-liability.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-negligent-security { background-image: url("https://esquenazilaw.com/images/page-headers/negligent-security.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-truck-accidents { background-image: url("https://esquenazilaw.com/images/page-headers/truck-accident.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-boating-accidents { background-image: url("https://esquenazilaw.com/images/page-headers/boating-accident.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-medical-malpractice { background-image: url("https://esquenazilaw.com/images/page-headers/medical-malpractice.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-motorcycle-accidents { background-image: url("https://esquenazilaw.com/images/page-headers/motorcycle-accidents.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-nursing-home-abuse { background-image: url("https://esquenazilaw.com/images/page-headers/nursing-home-abuse.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-image-personal-injury { background-image: url("https://esquenazilaw.com/images/page-headers/personal-injury.jpg");height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}








.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}

/* Place text in the middle of the image */
.hero-text h1 {text-transform:uppercase; color:#FFF; font-size: 50px; line-height:60px; letter-spacing: .1em; padding: 0; margin:0; width:100%; text-shadow: 2px 1px 2px #15245c;}
.hero-text p.headline {text-transform:uppercase; color:#FFF; font-size: 44px; line-height:54px; letter-spacing: .1em; padding: 0; margin:0; width:100%; text-shadow: 2px 1px 2px #15245c; font-family: 'Oswald', sans-serif;font-weight: 700;}
.hero-text h1 span.skinny-font {color:#BF8E5D; font-weight:700; letter-spacing: 0.060em;  text-shadow: 2px 1px 2px #000;}
.hero-text p.hero-subtext { color:white; font-size: 21px; line-height: 32px; text-transform:uppercase; text-shadow: 2px 1px 2px #15245c; margin:20px 0 50px 0}

/* bio pages
================================================== */

p.name {font-size: 20px; line-height: 26px; color: #444; margin-bottom:0; font-weight:700}
p.title {font-size:18px; color: #555; margin-bottom:0; font-style:italic}
p.phone {font-size:16px; color: #666; margin-bottom:0}
p.email {font-size:16px; color: #666; margin-bottom:20px}

.cd-panel {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  font-size: 16px
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(191, 142, 93 , 0.96);
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}

.cd-panel__header h5 {
  color: #FFF;
  padding-left: 5%;
   font-size: 26px; line-height: 50px; 
   margin:0
}

.cd-panel--from-right .cd-panel__header {
  right: 0;
}

.cd-panel--from-left .cd-panel__header {
  left: 0;
}

.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}

.cd-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cd-panel__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-panel__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cd-panel__close:hover {
  background-color: #424f5c;
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.cd-panel__close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
          animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
          animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #FFF;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 50%;
  }
}

.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content p {
  font-size: 1.4rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}

.cd-panel__content p:first-of-type {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}


#practice-area-page h1 {text-align:left}

/*practice area directory / grid
================================================== */
.practice-directory {padding: 70px 0}
.practice-directory h2 {text-align:center; margin-bottom: 0}
.practice-area-grid{*zoom:1; margin-top: 70px}
.practice-area-grid:before,.practice-area-grid:after{content:"";display:table}
.practice-area-grid:after{clear:both}

.practice-area-grid .practice-area-box{float:left;margin:0 ;width:16.66666666666%;height:170px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 3px 15px 0 rgba(0,0,0,0.19999999999999996);box-shadow:0 3px 15px 0 rgba(0,0,0,0.19999999999999996)}

.practice-area-grid .practice-area-box:first-child,.practice-area-grid .practice-area-box:nth-child(6n+1){clear:left;margin-left:0}
.practice-area-grid .practice-area-box a {display:block;position:relative;height:100%;text-decoration:none;overflow:hidden}
.practice-area-grid .practice-area-box a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #fff;background:rgba(60, 58, 79, 0.7);-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;-ms-transition:200ms;transition:200ms}

.practice-area-grid .practice-area-box a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);border:1px solid transparent;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=(0));opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;-ms-transition:200ms;transition:200ms}

.practice-area-grid .practice-area-box a:hover:before{background:rgba(204,204,204,0.5)}

.practice-area-grid .practice-area-box a:hover:after{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=(100));opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.practice-area-grid .practice-area-box a:hover .practice-area-info{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.practice-area-grid .practice-area-box img{display:block}
.practice-area-grid .practice-area-box .practice-area-info{display:table;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;padding:0 15px;width:100%;height:100%;text-align:center;-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;-ms-transition:200ms;transition:200ms}.practice-area-grid .practice-area-box .practice-area-info .info-wrap{display:table-cell;vertical-align:middle}
.practice-area-grid .practice-area-box h2 {font-size:18px;line-height:26px;text-transform:uppercase;color:#fff; margin-bottom:0}

@media screen and (max-width:1290px){
.practice-area-grid .practice-area-box .practice-area-info{padding:0 10px}
.practice-area-grid .practice-area-box .type{font-size:1.25em}
.practice-area-grid .practice-area-box h2{font-size:24px;line-height:34px;}
.practice-area-grid {margin-top: 70px}
}

@media screen and (max-width:1024px){
.practice-area-grid {margin:0 auto;max-width:800px}
.practice-area-grid .practice-area-box{margin:1px;width:49%;height:350px}
.practice-area-grid .practice-area-box:nth-child(3n+1){clear:none;margin-left:0}
.practice-area-grid .practice-area-box:first-child,.practice-area-grid .practice-area-box:nth-child(2n+1){clear:left;margin-left:0}
.practice-area-grid {margin-top: 70px}
}

@media screen and (max-width:760px){
.practice-area-grid{max-width:365px}
.practice-area-grid .practice-area-box{margin:0 0 32px!important;width:100%!important;height:350px}
.practice-area-grid {margin-top: 70px}
}

@media screen and (max-width:480px){
.practice-area-grid {margin-top: 70px}
.practice-area-grid .practice-area-box{height:300px}
}




/* page bottom
================================================== */

.bottom {background: rgba(11, 12, 16, 0.9); text-align:left; padding: 50px 0; font-size: 16px;color: #FFF;  }
.bottom i {color:#66FCF1}
.bottom .icon-position {float:left; margin-right: 10px; margin-top: 5px}

.footer-logo p {text-align:center}
.footer-logo img {width:308px; height:70px; margin-bottom:25px}
.footer-logo .social-media-links {margin:0 auto}
.footer-logo  .social-media-links a {color:#FFF; margin: 0 8px}
.footer-logo  .social-media-links a:hover {color:#e7d350; margin: 0 8px; }

.bottom h3 {font-size: 20px; color:#FFF;  margin: 0 0 20px 0; text-transform:uppercase; font-weight:700}

.bottom strong {color:#FFF; font-size: 18px; }
.bottom address {margin-bottom:0}
.bottom ul {list-style-type:none; margin-left:0}
.bottom ul li {margin: 0; padding:0px 0px; }
.bottom ul li a {font-weight:normal}
.bottom ul li a:hover {font-weight:normal; color:#66FCF1; text-decoration:none}


.bottom .sub-footer {padding-bottom:0; font-size: 14px; margin:0 auto; width:80%; font-weight:bold}
.footer-copyright {text-align:center; margin-top: 40px; font-size: 14px; font-weight:normal}
.bottom a {color:#FFF; text-decoration:none; font-weight:normal}
.bottom a:hover {color:#FFF; text-decoration:underline; }
.bottom p {margin-bottom:0}

#badges-carousel-container {margin-top:50px}
#badges-carousel  {margin:0 auto; width:70%}
#badges-carousel .item {background:#FFF; padding: 6px; border: 1px solid #DDD; margin:0 10px}
#badges-carousel .item img{ width: 100%;height: auto; border: 1px solid #EEE; padding:3px}




/* misc
================================================== */

address {padding-bottom:10px; margin-bottom: 10px; font-style:normal}
.align-left {float:left}
.align-right {float:right}
.margin-top-zero {margin-top:0; }
.margin-bottom-50 {margin-bottom:50px; }
.center {text-align:center}
i {margin-right:6px}
.small-text {font-size: 16px; text-align:center; margin-bottom:50px}
.anchor{display: block;height: 150px; /*same height as header*/  margin-top: -155px; /*same height as header*/  visibility: hidden;}
.checked { color: #66FCF1;	}
.sidebar img {border: 1px solid #dcddd3}
.teal-highlight {color:#45A29E}

/* call now button - footer
================================================== */
#callnowbutton {display:none;} 
@media screen and (max-width:650px){
#callnowbutton {display:block; background:#187A81; border-top:1px solid #14666C;width:100%;position:fixed; bottom:0; text-decoration:none;  z-index:9999; padding: 8px 5px; }
#callnowbutton p {margin:0; text-align: center; color:white; font-size: 16px; text-transform:uppercase}
#callnowbutton p a {color:white; text-decoration:none}
#callnowbutton p a:hover {color:white; text-decoration:none}
#callnowbutton i {color:white}
}

/* # button reveal effects - Sweep To Right
================================================== */

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #66FCF1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: black;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* responsive google map 
================================================== */
iframe, object, embed {max-width: 100%;}



/* #Media Queries
================================================== */

/* Landscape */
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 834px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  .hide {display:none}
	  .no-hero {margin-top: 145px; }
	  .text {padding:300px 0 100px 0; }
	  #owl-carousel-mini blockquote p {font-size: 18px; line-height: 26px;}
	  #contact-page .sidebar-cta-box {height:auto}

}


/* iPad  Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


.mobile-only {display:block}


.big-hero {position:relative; width: 100%;padding: 0 3%;display: table;vertical-align:middle; margin: 50px 0 0 0; }
.no-hero {margin-top: 120px}
.text {padding:160px 0 50px 0; }
p.headline {color:white; font-size: 50px; line-height: 60px; }
p.headline-small {color:white; font-size: 23px; line-height: 32px; }
#owl-carousel-mini {width:400px; }
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img {display:block; margin-bottom:0; position:absolute; bottom:0; margin-top: 100px; width:50%}
#home-hero-image p { margin:0; text-align:center}

 #what-we-do-intro-image img {width:50%}
 

.call-out-right {background: rgba(31, 40, 51, 0.9); color:white;  text-transform:uppercase; padding: 15px 10px 15px 25px; width:80%; position:absolute; bottom: 0; right:0; text-align:left}
.call-out-text-container {padding-left: 15px}
.call-out-text-bold  {font-size: 20px; font-weight:bold; margin-bottom:10px; color:white}
.call-out-text {font-size: 16px; }



.bottom { font-size:14px}
.bottom .icon-position i {display:none}

}

/* iPad  Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.desktop-only {display:none}
.mobile-only {display:block}

.big-hero {position:relative; width: 100%;padding: 0 3%;display: table;vertical-align:middle; margin: 100px 0 0 0;}
.no-hero {margin-top: 70px}
.text {padding:200px 0 0 0; }
p.headline {color:white; font-size: 70px; line-height: 80px; text-align:center}
p.stars {text-align:center}
#owl-carousel-mini {width:500px; margin: 0 auto}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold; text-align:center}
#owl-carousel-mini blockquote {text-align:center}
#home-hero-image img {display:block;  position:absolute; margin:0 auto; }
#home-hero-image p { margin:0; text-align:center}
 
 #what-we-do-intro-image img {width:50%}

.call-out-right {background: rgba(31, 40, 51, 0.9); color:white;  text-transform:uppercase; padding: 15px 10px 15px 25px; width:80%; position:absolute; bottom: 0; right:0; text-align:left}
.call-out-text-container {padding-left: 15px}
.call-out-text-bold  {font-size: 20px; font-weight:bold; margin-bottom:10px; color:white}
.call-out-text {font-size: 16px; }
 

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}

 }
 
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
.desktop-only {display:none}
.mobile-only {display:block}


.text {padding:50px 0 30px 0; padding-left:0;  }
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}
p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px;text-align:center}

p.stars {text-align:center}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}

#what-we-do-intro-image img {position:relative; margin-top: 0}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}

p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}

}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) mobile landscape 480x320, small tablet portrait 600x800*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.desktop-only {display:none}
.mobile-only {display:block}


.text {padding:50px 0 30px 0; padding-left:0;  }
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}


p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px; line-height: 30px;text-align:center}

.big-hero {margin-top: 70px }
.no-hero {margin-top:70px}

p.stars {text-align:center}
#owl-carousel-mini {width: 767px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}

#what-we-do-intro-image img {position:relative; margin-top: 0}


blockquote p { font-family: 'Roboto', sans-serif;color:#FFF; font-size: 16px; line-height:24px;  text-align:left}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}


p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}

}

/* iPhone 6 Plus - Portrait & Landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
	
.desktop-only {display:none}
.mobile-only {display:block}

h1, h2, h3, h4, h5, h6 {text-align:center}
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}


.home-intro-sidebar h2 {font-weight:600; font-size: 26px; line-height: 34px }
.main-content {padding: 30px 0 30px 0}

.big-hero {margin-top: 70px }
.no-hero {margin-top:70px}


.text {padding:50px 0 30px 0; padding-left:0;  }
p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px; line-height: 30px;text-align:center}

p.stars {text-align:center}
#owl-carousel-mini {width: 736px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}

#what-we-do-intro-image img {position:relative; margin-top: 0}


blockquote p { font-family: 'Roboto', sans-serif;color:#FFF; font-size: 16px; line-height:24px;  text-align:left}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}


p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}

}



/* iPhone 6 - Portrait & Landscape*/
@media only screen 
and (min-device-width : 0px) 
and (max-device-width : 667px) { 
	
.desktop-only {display:none}
.mobile-only {display:block}

h1, h2, h3, h4, h5, h6 {text-align:center}
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}

.home-intro-sidebar h2 {font-weight:600; font-size: 26px; line-height: 34px }
.main-content {padding: 30px 0 30px 0}

.big-hero {margin-top: 70px }
.no-hero {margin-top:70px}


.text {padding:50px 0 30px 0; padding-left:0;  }
p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px; line-height: 30px;text-align:center}

p.stars {text-align:center}
#owl-carousel-mini {width: 667px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}

#what-we-do-intro-image img {position:relative; margin-top: 0}



blockquote p { font-family: 'Roboto', sans-serif;color:#FFF; font-size: 16px; line-height:24px;  text-align:left}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}


p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
.desktop-only {display:none}
.mobile-only {display:block}

h1, h2, h3, h4, h5, h6 {text-align:center}
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}
.main-content {padding: 30px 0 30px 0}

.big-hero {margin-top: 70px }
.no-hero {margin-top:70px}

.text {padding:50px 0 30px 0; padding-left:0;  }
p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px; line-height: 30px;text-align:center}

p.stars {text-align:center}
#owl-carousel-mini {width: 479px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}

#what-we-do-intro-image img {position:relative; margin-top: 0}


blockquote p { font-family: 'Roboto', sans-serif;color:#FFF; font-size: 16px; line-height:24px;  text-align:left}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}


p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}

	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {
	
.desktop-only {display:none}
.mobile-only {display:block}

h1, h2, h3, h4, h5, h6 {text-align:center}
.practice-teasers-directory .practice-teaser-box h3 {text-align:left}
.main-content {padding: 30px 0 30px 0}

.big-hero {margin-top: 70px }
.no-hero {margin-top:70px}

.text {padding:50px 0 30px 0; padding-left:0;  }
p.headline {color:white; font-size: 36px; line-height: 46px;  text-align:center; }
p.headline-small {font-size: 22px; line-height: 30px;text-align:center}

p.stars {text-align:center}
#owl-carousel-mini {width: 319px}
#owl-carousel-mini blockquote p {font-size: 20px; line-height: 28px; font-weight:bold}
#home-hero-image img { margin-bottom:0; position:relative; margin-top: 0}
#home-hero-image p { margin:0; text-align:center}
.call-out-right {width:100%;  text-align:center}
.call-out-text-container {padding-left: 5px; text-align:center}


#what-we-do-intro-image img {position:relative; margin-top: 0}



blockquote p { font-family: 'Roboto', sans-serif;color:#FFF; font-size: 16px; line-height:24px;  text-align:left}

.bottom { text-align:center; padding: 30px 0 50px 0;  }
.bottom .footer-logo p {padding-bottom:20px; text-align:center}
.bottom p {text-align:center; }
.bottom .footer-column {padding-bottom: 15px}
.bottom .icon-position  {text-align:center}
.bottom .align-left  {float:none; text-align:center}
.bottom .align-right  {float:none; text-align:center}
.bottom .icon-position i {display:none}



p {text-align:left; font-size: 18px}
address {font-size: 18px}
.button {width:100%}
	
	}