* { box-sizing:border-box; }
.padding, .s5_wrap {padding-left:12%;padding-right:12%;}
.spacing-s,#top-bar {padding-top:1em;padding-bottom:1em;}
.spacing, #s5_component_wrap {padding-top:3em;padding-bottom:3em;}
.spacing-l {padding-top:4em;padding-bottom:4em;}
.top-spacing {padding-top:3em;}
.top-spacing-l {padding-top:4em;}
.bottom-spacing {padding-bottom:3em;}
.bottom-spacing-l {padding-bottom:4em;}

.smaller {font-size: 80%;line-height: 1.1em;}
.plus {font-size: calc(1em + .5vw);line-height: 1.4em;}
.pluser {font-size: calc(1em + .9vw);line-height: 1.4em;}
.medium {font-size:calc(1em + 1.4vw);line-height:1.2em;}
.large {font-size:calc(1em + 1.8vw);line-height:1.2em;}

.line-height-2 {line-height: 1.8em;}
.color-white, .color-white *, #s5_footer_area1 * {color:#fff !important;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.align-middle {vertical-align:middle;}
.align-top {vertical-align:top;}
.align-bottom {vertical-align:bottom;}

.bk-red, .btn.bk-red:hover {background:#be1e2d;}
.bk-blue, .btn.bk-blue:hover{background:#0047ba;}
.bk-dark-blue, .btn.bk-dark-blue:hover{background:#003373;}
.bk-white-transparent {background: rgba(255,255,255,.8);}
.mobile-only {display:none !important;}
#menu.sticky {
	position: fixed !important;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
	height: auto;
	bottom: inherit !important;
	padding-left: 12%;
	padding-right: 12%;
	box-shadow: 0 0 6px rgba(0,0,0,.6);
	padding-top: 5px;
	padding-bottom: 5px;
	right: 0;
	text-align: center;
}
#menu:not(.sticky) > img {
	display: none;
}
#menu.sticky > img {
	width: 100px;
}
body.blog div.blog .pull-left.item-image img {
	max-height: 300px;
}
body.blog div.blog .pull-left.item-image {
	max-width: 20%;
}
[class*=" icon-"], [class^="icon-"] {
	vertical-align: unset;
}
a[href^="tel:"] {
	vertical-align: middle;
	color: #333;
	text-decoration: none;
}
#top-right a {font-size: 1.2em;}
.phone-icon img {
	width: 20px;
	display: inline-block;
}

.hero h3, .hero h1, .menu-icon .image-title { font-family: Roboto Condensed; }
.menu-icon .image-title {
	text-transform: uppercase;
	font-weight: 700;
}
.nav-header.menu-icon {
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}
.gold-gradient { /* https://colorzilla.com/gradient-editor/#a7803b+0,ffffff+23,a7803b+47,ffffff+72,a7803b+100 */
background: rgb(167,128,59);
background: -moz-linear-gradient(left, rgba(167,128,59,1) 0%, rgba(255,255,255,1) 23%, rgba(167,128,59,1) 47%, rgba(255,255,255,1) 72%, rgba(167,128,59,1) 100%);
background: -webkit-linear-gradient(left, rgba(167,128,59,1) 0%,rgba(255,255,255,1) 23%,rgba(167,128,59,1) 47%,rgba(255,255,255,1) 72%,rgba(167,128,59,1) 100%);
background: linear-gradient(to right, rgba(167,128,59,1) 0%,rgba(255,255,255,1) 23%,rgba(167,128,59,1) 47%,rgba(255,255,255,1) 72%,rgba(167,128,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7803b', endColorstr='#a7803b',GradientType=1 );
}
.gray-gradient { /* https://colorzilla.com/gradient-editor/#54565a+0,ffffff+23,54565a+47,ffffff+72,54565a+100 */
background: rgb(84,86,90);
background: -moz-linear-gradient(left, rgba(84,86,90,1) 0%, rgba(255,255,255,1) 23%, rgba(84,86,90,1) 47%, rgba(255,255,255,1) 72%, rgba(84,86,90,1) 100%);
background: -webkit-linear-gradient(left, rgba(84,86,90,1) 0%,rgba(255,255,255,1) 23%,rgba(84,86,90,1) 47%,rgba(255,255,255,1) 72%,rgba(84,86,90,1) 100%);
background: linear-gradient(to right, rgba(84,86,90,1) 0%,rgba(255,255,255,1) 23%,rgba(84,86,90,1) 47%,rgba(255,255,255,1) 72%,rgba(84,86,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54565a', endColorstr='#54565a',GradientType=1 );
}
#banner {
	background: #cda660;
	color: #fff;
	text-align: center;
	padding: .5em 2em;
	font-weight: 700;
	font-size: 1.4em;
}
#banner a{
	color: #fff;
	/* text-decoration:underline; */
}
#top-bar > * {
	color: #fff;
	margin-left: 2em;
	font-size: 1.2em;
	font-weight: 700;
}
#s5_header_wrap {
	text-align: right;
	position: relative;
}
div.s5_sub_wrap {
	/* margin-left: 5vw; */
}
#s5_nav li:last-child {
	margin-right: 0 !important;
}
#s5_nav li:nth-child(2) {
	margin-left: 0 !important;
}
#logo {
	cursor: pointer;
	display: inline-block;
	float: left;
	max-width: 17% !important;
	z-index: 9;
	margin-bottom: 1em;
}
#s5_menu_wrap {
	width: 75%;
	margin-top: .2em;
	display: inline-block;
}
#s5_header_area1 {
	padding-top: 1em;
	vertical-align: middle;
/* 	position: relative;
	z-index: 999999999;
	background: #fff; */
}
.top-gold-border {
	height: 5px;
}
button.btn {
	padding: .2em 1.5em !important;
	font-size: 1em;
}
button.btn span {
	color: #fff;
}
#ff_form1 #bfPage1 > div:first-child {
  border-right: 4px solid #ccc;
  float: left;
  margin-right: 30px;
  min-height: 525px;
  padding-right: 25px;
  width: 320px;
}
.bfQuickMode .controls .control-label {
	width: 100%;
}
.s5_responsive_mobile_sidebar_show_ltr {
	z-index: 9;
	top: 48px;
}
input, texteara, select {
	height: auto !important;
}
a.phone {
	text-decoration: none !important;
	cursor: default;
}
#our-team > div {
	display: inline-block;
	margin: 1em 1% 1em 7%;
	width: 250px;
	vertical-align: top;
}
.left {
	float: left;
}
.right {
	float: right;
}
.col2 {
	display: inline-block;
	width: 45%;
}
.col3 {
	display: inline-block;
	width: 32%;
}
.col1-4 {
	display: table-cell;
	width: 25%;
}
.col2-4 {
	display: table-cell;
	width: 50%;
}
.col3-4 {
	display: table-cell;
	width: 75%;
}
.square-menu {
	margin-left: 6vw;
}
.col3-4 p {
	padding-right: 1em;
}
.col-first {
	padding-right: 4vw;
}
.col-middle {
	padding-left: 2vw;
	padding-right: 2vw;
}
.col-last {
	padding-left: 4vw;
}
.col-first .with-border, .col-middle .with-border, .col-last .with-border {
	padding-top: .9em;
}
.col3 .bk-highlight2.color-white p {
	min-height: 200px;
}

.bk-quote {
	/* background-image: url("/images/quotemarks.png"); */
	background-repeat: no-repeat;
	background-position: center 25%;
}
.item-page, #s5_below_body {
	color: #707070;
}
li.active > span.separator, li.active > a, #menu a:hover {
	color: #8c8523 !important;
}
.btn.btn-secondary {
	background: #8C8523;
	border: 0;
}
.btn.btn-secondary::after {
	content: ">";
	padding-left: 0.8em;
	color: #000;
	font-weight: 300;
	transition: all .2s linear;
}
a.btn.btn-secondary:hover::after {
	color: #fff !important;
	font-size: .8em;
}
ul.type-of-cases {
	list-style: none inside;
	/* margin-left: 0; */
	margin-top:2em;
}
ul.type-of-cases li {
	margin: 1.5em 0 0;
}
.item-page ul.type-of-cases {
	list-style: none inside;
	/* margin-left: 0; */
}
a.btn {
	border: 2px solid #9db2c3;
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.1em;
	padding: .4em .8em;
	margin-top: .5em;
	margin-bottom: .5em;
}
.parallax-top {
	background-attachment: fixed;
}
.min-height-350 {min-height:350px;}
.min-height-650 {min-height:650px;}
.min-height-800 {min-height:800px;}

.hero.min-height-350 { max-height:450px; }
body:not(.homepage) .hero h3.bottom-title, body:not(.homepage) .hero h1.bottom-title {
	font-size: calc(1.8em + 1vw);
	padding-top: 1vw;
	padding-bottom: 1vw;
	text-align: left;
}
h1, h2, h3 {
	margin-bottom: .8em;
	line-height: 1.2em;
}

.square-menu {
	margin-left: 6vw;
}
.square-menu > .square-item {
	display: inline-block;
	margin: 1em;
	background: #012043;
	padding: 2em;
	width: calc(50% - 4em);
	min-height: 230px;
	vertical-align: middle;
	position: relative;
}
.square-item a {
	color: #fff;
	text-decoration: none;
}
.square-item a span img {
	display: block;
	max-width: 26% !important;
	min-width: 65px;
}
.square-item a p {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #8C8523;
	width: 100%;
	text-align: right;
	padding-right: 1em;
}


.img-overlay {
	position: relative;
	width: 100%;
}
.img-overlay > div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1em 2em;
}

ul.icons li {
	display: inline-block;
	font-size: 1.6em;
	margin: 1em 0;
	/* vertical-align: baseline; */
	min-width: 190px;
	/* min-height: 255px; */
	text-align: center;
	width: 25%;
}
ul.icons li img {
	margin: 0 auto 1.2em;
	display: block;
	transition: all 1s ease;
}
ul.icons li a:hover img {
	/* margin-bottom: .2em !important; */
	/* -webkit-filter: drop-shadow(0 0 8px #000);
    filter: drop-shadow(0 0 8px #000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')"; */
}
ul.icons li a:hover {
	/* text-shadow:0 0 4px #000; */
	text-decoration:none !important;
}
.footer-content > * {
	vertical-align: middle;
}
.social-icons > * {
	display: inline-block;
	/* vertical-align: middle; */
	margin: 0 .5em;
}
#s5_footer {
	margin-top: 2em;
	margin-bottom: 1em;
}
.footer-content {
	font-size: 1.2em;
}
#top-bar {
	text-align: right;
	margin-bottom: .5em;
}

.hero {
	position: relative;
	overflow: hidden;
	min-height: 300px;
}
#s5_top_row1 .hero {
	border-bottom: 5px solid;
}
.bordertop, #s5_footer_area1 {
	/* background: url("/images/herotop-grad-bar.jpg") repeat center top; */
	padding-top: 5px;
	background-size:100% auto;
}
.hero img {
	min-width:100%;
	min-height:300px;
}
.hero h3, .hero h1 {
	position: absolute;
	right: 0;
	top: 0;
	font-size: calc(1.4em + 3vw);
	line-height: 1.3em;
	text-transform: inherit;
	text-shadow: 0 0 4px #fff;
	height: 100%;
	/* text-transform: capitalize; */
	margin: 5px 0 0 !important;
	padding-top: 14%;
	/* http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+75 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.hero > p {
	padding: 0 !important;
}
.hero.hero-interior-title {
	min-height: 100px;
}
/* .bottom-title {
	right: inherit !important;
	background: rgba(255,255,255,.8) !important;
	top: inherit !important;
	left: 0;
	bottom: 0;
	height: auto !important;
	width: 100%;
} */
.bottom-title {
	right: inherit !important;
	background: #012043cc !important;
	top: inherit !important;
	left: 0;
	bottom: 0;
	height: auto !important;
	width: 100%;
	color: #fff !important;
	text-shadow: 0 0 0 transparent !important;
}
.item-page ul {
	margin-left: 2em;
}
.item-page ul li {
	line-height: 1.2em;
	margin-bottom: .4em;
	list-style-position:outside;
}
#ff_form2 .ff_elem {
	max-width: 100%;
}
#ff_form2 .control-label {
	width: 100%;
}
#business-info {
	margin-top: 1em;
}
#top-right > a {
	margin-left: 1em;
	font-weight: 700;
	vertical-align: middle;
}
#top-right > a[href^="tel:"] {
	font-size: 1.4em;
}
#top-right {
	position: relative;
	top: 0;
	z-index: 1;
	float: right;
}
body.leaving-site .hero.bordertop {
	min-height: 145px;
}
#our-team a.btn.btn-primary {
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
	margin-top: .8em;
}
body .hero.titleonly {
	min-height: inherit;
	padding: 0;
}
body .hero.titleonly .bottom-title {
	position: relative;
	margin: auto !important;
}
.bio-info {
	float: left;
	width: 180px;
	margin-right: 3em;
	margin-bottom: 1em;
}
.item-page .bio-info img {
	width: 180px;
}
body.matt-putnam .bio-content a.btn.btn-primary {
	margin-top: 1em;
}


.table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0 3px;
    /* text-align: center; */
    margin: 0 auto 2em;
    /* max-width: 1000px; */
}
.thead {
  display: table-header-group;
  text-align:center;
}
.table > h3, div.success-stories h3, div.recent-success h3, .table > h1, div.success-stories h1, div.recent-success h1, .table > h2, div.success-stories h2, div.recent-success h2 {
	font-size: 28px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
div.success-stories h3,div.recent-success h3, div.success-stories h1,div.recent-success h1, div.success-stories h2,div.recent-success h2 {
  display: block;
}
.table > h3 {
  display: table-caption;
}
.trow {
  display: table-row;
/* http://colorzilla.com/gradient-editor/#e0e1e2+0,ffffff+77,e0e1e2+100 */ 
background: rgb(224,225,226);
background: -moz-linear-gradient(left,  rgba(224,225,226,1) 0%, rgba(255,255,255,1) 77%, rgba(224,225,226,1) 100%);
background: -webkit-linear-gradient(left,  rgba(224,225,226,1) 0%,rgba(255,255,255,1) 77%,rgba(224,225,226,1) 100%);
background: linear-gradient(to right,  rgba(224,225,226,1) 0%,rgba(255,255,255,1) 77%,rgba(224,225,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e2', endColorstr='#e0e1e2',GradientType=1 );

}
.trow:nth-child(2n) {
	background: #9eb0c1;
}
.trow:nth-child(2n+1) {
	background: #c5d0da;
}
.tcell, .thead h4 {
	display: table-cell;
	font-weight: 600;
	min-width: 10%;
}

.tcell {
	padding: 8px 18px;
	color: #231F20;
	/* margin-bottom: 5px; */
	border-top: 1px solid #738899 !important;
	border-bottom: 1px solid #738899 !important;
}

div.thead h4 {
  text-transform:uppercase;
}
.tcell:first-child,.tcell:last-child {
  padding-left: 36px;
}
.tcell i {
  display: block;
  font-weight: 300;
}
/* .tcell.business-type {
	border-left: 1px solid;
}
.tcell.location,.tcell:last-child {
	border-right: 1px solid;
} */

body .thead > h4 {
	/* background-color: #bbbdbf; */
	/* box-shadow: 0 12px 6px -6px #ddd inset; */
	/* line-height: 40px; */
	padding: 20px 18px 10px;
	position: relative;
	text-align: left;
	color: #fff !important;
	background: #aa8d58;
	width: 1%;
}
.table > h3.gold, .table > h2.gold {
	background: #fff;
	color: #aa8d58;
	font-weight: 700;
	font-size: 3em;
	margin: .5em auto;
}
.table .padding {
	max-width: 1430px;
	margin: auto;
}

div.client-spotlight {
}
div.client-spotlight > div {
	display: inline-block;
	text-align: left;
	width: 570px;
	max-width: calc(50% - 4.5vw);
	margin: 2vw;
	position: relative;
	overflow: hidden;
}
div.client-spotlight div.content {
	position: absolute;
	/* top: 15vw; */
	background: -moz-linear-gradient(left, rgba(170,141,88,1) 0%, rgba(170,141,88,0) 100%);
	background: -webkit-linear-gradient(left, rgba(170,141,88,1) 0%,rgba(170,141,88,0) 100%);
	background: linear-gradient(to right, rgba(170,141,88,1) 0%,rgba(170,141,88,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8d58', endColorstr='#00aa8d58',GradientType=1 );
	color: #fff;
	text-shadow: 0 0 4px #000;
	padding: 1em 1.5em;
	height: 95px;
	bottom: 0;
	transition: all .3s linear;
	line-height: 1.3em;
	width:100%;
}
div.client-spotlight > div div.content-hover {
	position: absolute;
	height: 100%;
	padding: 3vw 1.5em;
	background: rgba(157,178,195,1);
	color: #fff;
	text-shadow: 0 0 4px #000;
	top:0;
	transition: all .3s linear;
	line-height: 1.3em;
	opacity:0;
	width:100%;
}
div.client-spotlight > div:hover div.content-hover {
	opacity:1;
}
div.client-spotlight div.content h3 {
	margin-bottom: 0 !important;
}
div.client-spotlight div.content p.text {
	margin-top: 1em;
}
p.btn-readmore a, p.btn-readmore span {
	color: #fff;
	text-shadow: 0 0 0 transparent;
	border: 1px solid;
	font-size: .9rem;
	padding: .2em .8em;
	text-decoration: none;
	margin-top: .5em;
	display: inline-block;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	background: #9db2c3;
}
p.btn-readmore a:hover, p.btn-readmore span:hover {
	background: #90a5b6;
}
body.client-spotlight .hero h3.bottom-title, body.client-spotlight .hero h1.bottom-title {
	padding-top: .5vw;
	padding-bottom: .5vw;
	font-size: calc(1.8em + 2em);
	line-height: 1.1em;
	background: rgba(255,255,255,.5) !important;
}
div.client-spotlight > div > img {
	transition: all .3s linear;
	opacity: 1;
}
div.client-spotlight > div:hover > img {
	transform: scale(1.2);
	opacity: 0;
}
div.client-spotlight > div div.content-hover p.text {
	font-size: 90%;
}
.pull-left.item-image {
	margin: 0 2em 1em 0;
	max-width: 50%;
}
div.hero.title-only .bottom-title {
	position: relative !important;
	margin: 0 !important;
}
#s5_top_row1 .hero.title-only {
	min-height: inherit !important;
}
blockquote {
	font-weight: 400;
	display: table;
	padding-right: 65px;
	position: relative;
	text-align: justify;
}
blockquote::after {
	content: url(/templates/ac/images/typography/s5_right_quote.png);
	display: table-cell;
	position: absolute;
	bottom: 0;
	right: 0;
}
.footer-content a img {
	width: 40px;
}
.footer-content .right a {
	margin-left: 1em;
}
.with-border::after, .with-border.border-top::before {
	content: " ";
	width: 150px;
	display: block;
	border-bottom: 2px solid #8C8523;
	max-width: 33%;
	padding-top: 1em;
	line-height: 1.1em;
	/* margin-bottom: 1em; */
}
.with-border.border-top::before {
	margin-bottom: 1em;
}
.with-border.border-top::after {
	display:none;
}
.with-border.border-left::after {
	float: left;
	margin-right: 1em;
	padding-top: .4em;
}
.with-border.border-right::after {
	margin-left: 1em;
	padding-top: 0;
	display: inline-block;
	vertical-align: middle;
}
.col3 .with-border::after {
	margin-bottom: 1em;
}
.bk-highlight2.color-white p {
	padding: 1em;
}
.bk-grey{background:#D7D8DB;}

.jmslideshow .slideshow-content {
	position: relative;
	max-width: 31%;
	top: 0;
	left: 0;
	bottom: 0 !important;
	right: 0 !important;
	display: inline-block;
	padding: 1em;
	margin: 0 1%;
	background: #012043;
	min-height: 245px;
	vertical-align: middle;
}
.jmslideshow .slideshow-content * {color:#fff !important;}
.jmslideshow .slideshow-content a {color:#CEA316 !important;}
.jmslideshow .slideshow-content h3 {
	font-weight: 400;
	line-height: 1.1em;
	margin-bottom: .5em;
}
div.jmslide-item {
	padding: 0 35px;
	text-align:center;
}
.jmslideshow .slideshow-content {
	text-align: left;
}
p {
	/* font-size: 105%; */
}
body.attorneys div.blog {
	text-align: center;
}
body.attorneys div.blog .pull-left {
	float: none !important;
	margin: 0 auto 2em !important;
	max-width: 100%;
}
body.attorneys div.blog .page-header h2 {
	font-size: 1.2em;
	margin-top: 0.3em;
}
.s5_wrap.bottom-title.inverse {
	color: #fff !important;
	background: #012043 !important;
	text-shadow: 0 0 0 transparent;
}
div.cat-children {
	/* display: none; */
}
div.blog h4 {
	font-size: 1.2em;
	line-height: 1.1em;
	margin: .5em 0 .1em;
}
div.blog a.btn.btn-primary {
	font-size: 1em;
	margin-top: 0.5em;
}
ul {list-style-position:inside;}
div.blog .items-row {
	margin-top: 2em;
	padding-bottom: 1.5em;
}
.img_caption {
	text-align: center;
	font-size: 90%;
	font-style: italic;
}
div.cat-children > div {
	display: inline-block;
	width: 21%;
	font-size: 80%;
} 
body.attorneys .row-fluid [class*="span"] {
	display: inline-block;
	float: none;
	width: calc(25% - 30px);
}
hr {
	clear: both;
}
.icons-list > li {
	display: inline-block;
	width: 300px;
	text-align: center;
	margin: 2em 2vw;
	max-width: calc(33% - 4vw);
}
.icons-list {
	text-align: center;
}
.icons-list > li span {
	display: block;
	padding-top: 1em;
	font-weight: 600;
	color: #8c8632;
}

body.practice-areas ul.type-of-cases h2 {
	font-size: inherit;
	color: #fff !important;
	font-family: inherit;
	font-weight: inherit;
	display: inline;
}


/* -------------------------------- 

Main components 

-------------------------------- */
.cd-testimonials-wrapper {
  position: relative;
  width: 90%;
  max-width: 1000px;
  background-color: #012043dd;
  margin: 2em auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 40px 70px;
  z-index: 1;
}
.cd-testimonials-wrapper::after {
	content: '\201C';
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
	height: 50px;
	padding-top: 30px;
	margin-left: -25px;
	background: #012043dd;
	/* font-family: "Georgia",serif; */
	color: #fff;
	/* font-size: 70px; */
	font-size: 4.375rem;
	text-align: center;
	display: none;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-wrapper {
    margin: 4em auto;
    padding: 64px 50px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-wrapper::after {
    /* quotation mark visible */
    display: block;
  }
}

.cd-testimonials {
  color: #ffffff;
  text-align: center;
}
.cd-testimonials::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials > li {
  position: absolute;
  opacity: 0;
}
.cd-testimonials > li:first-child {
  position: relative;
  opacity: 1;
}
.cd-testimonials > li.clone {
	position: absolute;
	opacity: 0 !important;
}
.cd-testimonials p {
  font-style: italic;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 0 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials p {
    font-size: 22px;
    font-size: 1.275rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials p {
    font-size: 26px;
    font-size: 1.275rem;
    line-height: 1.6;
  }
}

.cd-author img, .cd-author .cd-author-info {
  display: inline-block;
  vertical-align: middle;
}
.cd-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cd-author .cd-author-info {
  text-align: left;
  line-height: 1.2;
}
.cd-author .cd-author-info li:first-child {
  font-size: 14px;
  font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
	/* font-size: 12px; */
	font-size: 1.1em !important;
	color: #fff;
}
@media only screen and (min-width: 768px) {
  .cd-author img {
    width: 50px;
    height: 50px;
  }
  .cd-author .cd-author-info {
    line-height: 1.4;
  }
  .cd-author .cd-author-info li:first-child {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-author .cd-author-info li:last-child {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.flex-direction-nav li {
	position: absolute;
	height: 100%;
	width: 40px;
	top: 0;
	display: block;
}
.flex-direction-nav li:first-child {
  left: 0;
}
.flex-direction-nav li:last-child {
  right: 0;
}
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
  background-color: #323234;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .flex-direction-nav li {
    width: 50px;
  }
}
@media only screen and (min-width: 1170px) {
  .flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }
}

.cd-see-all {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #252527;
  text-align: center;
  text-transform: uppercase;
  color: #6b6b70;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}
.no-touch .cd-see-all:hover {
  color: #79b6e4;
}

.cd-testimonials-all {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-testimonials-all .cd-testimonials-all-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials-all .cd-testimonials-item {
  margin-bottom: 2em;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0) scale(0.4);
  -moz-transform: translate3d(0, 0, 0) scale(0.4);
  -ms-transform: translate3d(0, 0, 0) scale(0.4);
  -o-transform: translate3d(0, 0, 0) scale(0.4);
  transform: translate3d(0, 0, 0) scale(0.4);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
}
.cd-testimonials-all p {
  position: relative;
  background: #79b6e4;
  color: #ffffff;
  padding: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  border-radius: 0.25em;
  margin-bottom: 1em;
}
.cd-testimonials-all p::after {
  /* creating the triangle in css */
  content: '';
  position: absolute;
  top: 100%;
  left: 2em;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top-color: #79b6e4;
}
.cd-testimonials-all .cd-author {
  text-align: left;
  margin-left: 1.5em;
}
.cd-testimonials-all .cd-author img {
  box-shadow: 0 0 0 transparent;
}
.cd-testimonials-all.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {
  -webkit-overflow-scrolling: touch;
}
.cd-testimonials-all.is-visible .cd-testimonials-item {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 46%;
    margin: 0 2% 3em;
  }
  .cd-testimonials-all .cd-author {
    margin-left: 1em;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 30%;
    margin: 0 1.6666% 3em;
  }
}

.close-btn {
  position: fixed;
  display: block;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 5%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.close-btn::before, .close-btn::after {
  /* close icon in css */
  content: '';
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 24px;
  top: 8px;
  left: 19px;
  background-color: #39393c;
}
.close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
