/*** # featured header (index) PANEL 3b styles ***/
#panel-3b-top {
	width:100%;
	height: 0px;
	padding: 0px 0px 17.76% 0px;
	background: url("images/panel-3b-top.jpg") no-repeat left top;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left:0;
}

#panel-3b-mid {
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left:0;
	text-align: center;
	display: table;
}
#panel-3b-mid-iwrap {
	width:100%;
	height: 70.16%;
	padding: 17.76% 0px 12.08% 0px;
	display: table-cell;
	vertical-align: middle;
}
#panel-3b-mid-iiwrap {
	max-width: 1550px;
	margin: 0px auto;
	padding: 0px 80px;
}

#panel-3b-bot {
	width:100%;
	height: 0px;
	padding: 0px 0px 12.08% 0px;
	background: url("images/panel-3b-bot.jpg") no-repeat left top;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left:0;
}

#panel-3b-top h2 {
	line-height:50px;
	font-size: 48px;
	color: #57D5FE;
	padding: 5.99% 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: rgba(60,17,78,.05);
	text-align: center;
}
#panel-3b-top h2 a, #panel-3b-top h2 a:hover {color: #57D5FE;}
/*  tweaks to keep aligned well */
@media only screen and (min-width : 960px) and (max-width : 1539px) {
#panel-3b-top h2 {line-height:50px;font-size: 43px;}
}
@media only screen and (min-width : 960px) and (max-width : 1339px) {
#panel-3b-top h2 {line-height:50px;font-size: 38px;}
}
@media only screen and (min-width : 960px) and (max-width : 1139px) {
#panel-3b-top h2 {line-height:50px;font-size: 33px;}
}

/*** # featured header (index) PANEL 4 styles ***/
#panel-4 a {
	width: 33.33%;
	float: left;
	background: #5d5aab;
	color: #f4f4f4;
	font-size: 3.36vh;
	font-weight: 400;
	text-align: center;
	display: block;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
#panel-4 a.alt {
	background: #3a135c;
}

#panel-4 a span.box-wrap {
	width: 100%;
	height: 0px;
	padding-bottom: 50vh;
	position: relative;
	display: block;
}

#panel-4 a span.box {
	width: calc(100% - 54px);
	height: calc(50vh - 54px);
	position: absolute;
	top: 0;
	left: 0;
	padding: 27px;
	display: table;
}

#panel-4 a span.box-inner {
	width: 70%;
	height: calc(100% - 40px);
	padding: 20px 15%;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid transparent;
	-o-transition: 2s; -ms-transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; transition:2s;
}

#panel-4 a span.icon {
	width: 175px;
	height: 12.2vh;
	display: block;
	margin: 0px auto 3vh auto;
}

#panel-4 a span.title {
	padding: 0px 0px 1.8vh 0px;
	line-height: 4.1vh;
	display: block;
}
#panel-4 a span.title.title-alt {
	line-height: 8.2vh;
}

#panel-4 a span.text-wrap {
	height: 10px;
	border: 1px solid transparent;
}

#panel-4 a span.text {
	font-size: 1.9vh;
	text-align: left;
	line-height: 2.09vh;
	font-family: "Esteban", "Times New Roman", Times, serif;
	display: none;
	border-bottom: 1px solid transparent;
}

#panel-4 a:hover span.box-inner {
	border: 1px solid #57d5fe;
}

/*  tweaks to keep aligned well */
@media only screen and (min-width : 960px) and (max-width : 1559px) {#panel-4 a {font-size: 3.21vh;}	#panel-4 a span.title {padding: 0px 0px 1.67vh 0px;line-height: 4.02vh;}#panel-4 a span.title.title-alt {line-height: 8.04vh;}}
@media only screen and (min-width : 960px) and (max-width : 1509px) {#panel-4 a {font-size: 3.1vh;}	#panel-4 a span.title {padding: 0px 0px 1.6vh 0px;line-height: 3.86vh;}#panel-4 a span.title.title-alt {line-height: 7.72vh;}}
@media only screen and (min-width : 960px) and (max-width : 1459px) {#panel-4 a {font-size: 2.99vh;}	#panel-4 a span.title {padding: 0px 0px 1.53vh 0px;line-height: 3.7vh;}#panel-4 a span.title.title-alt {line-height: 7.4vh;}}
@media only screen and (min-width : 960px) and (max-width : 1409px) {#panel-4 a {font-size: 2.88vh;}	#panel-4 a span.title {padding: 0px 0px 1.46vh 0px;line-height: 3.54vh;}#panel-4 a span.title.title-alt {line-height: 7.08vh;}}
@media only screen and (min-width : 960px) and (max-width : 1359px) {#panel-4 a {font-size: 2.77vh;}	#panel-4 a span.title {padding: 0px 0px 1.39vh 0px;line-height: 3.38vh;}#panel-4 a span.title.title-alt {line-height: 6.76vh;}}
@media only screen and (min-width : 960px) and (max-width : 1309px) {#panel-4 a {font-size: 2.66vh;}	#panel-4 a span.title {padding: 0px 0px 1.32vh 0px;line-height: 3.22vh;}#panel-4 a span.title.title-alt {line-height: 6.44vh;}}
@media only screen and (min-width : 960px) and (max-width : 1259px) {#panel-4 a {font-size: 2.55vh;}	#panel-4 a span.title {padding: 0px 0px 1.25vh 0px;line-height: 3.06vh;}#panel-4 a span.title.title-alt {line-height: 6.12vh;}}
@media only screen and (min-width : 960px) and (max-width : 1209px) {#panel-4 a {font-size: 2.44vh;}	#panel-4 a span.title {padding: 0px 0px 1.18vh 0px;line-height: 2.9vh;}#panel-4 a span.title.title-alt {line-height: 5.8vh;}}
@media only screen and (min-width : 960px) and (max-width : 1159px) {#panel-4 a {font-size: 2.33vh;}	#panel-4 a span.title {padding: 0px 0px 1.11vh 0px;line-height: 2.74vh;}#panel-4 a span.title.title-alt {line-height: 5.48vh;}}
@media only screen and (min-width : 960px) and (max-width : 1109px) {#panel-4 a {font-size: 2.22vh;}	#panel-4 a span.title {padding: 0px 0px 1.04vh 0px;line-height: 2.42vh;}#panel-4 a span.title.title-alt {line-height: 4.84vh;}}
@media only screen and (min-width : 960px) and (max-width : 1059px) {#panel-4 a {font-size: 2.11vh;}	#panel-4 a span.title {padding: 0px 0px .97vh 0px;line-height: 2.26vh;}#panel-4 a span.title.title-alt {line-height: 4.52vh;}}
@media only screen and (min-width : 960px) and (max-width : 1009px) {#panel-4 a {font-size: 2vh;}	#panel-4 a span.title {padding: 0px 0px .9vh 0px;line-height: 2.1vh;}#panel-4 a span.title.title-alt {line-height: 4.2vh;}}

/*** # featured header (index) PANEL 5 styles ***/
#p5-text-wrap {
	padding: 10vh 50px 50px 20px;
}

#p5-text {
	width: 100%;
	max-width: 1004px;
	height: 80vh;
	margin: 0px auto 0px auto;
	border: 3px solid #57d5fe;
	display: table;
}
#p5-text-in {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#p5-text p {
	padding: 2.55vh 15% 2.55vh 15%;
	text-align: justify;
	color: #ffffff;	
	font-size: 3.8vh;
	line-height: 4.8vh;
	font-weight: 450;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
#p5-text p a {
	color: #f6fd00;
	font-weight: 400;
	text-decoration: none;
}
#p5-text p a:hover, #p5-text p a:hover span {
	color: #f6fd00;
	text-decoration: underline;
}

/*** # featured header (index) PANEL 6 styles ***/
#panel-6 a {
	width: 33.33%;
	float: left;
	display: block;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition:.5s;
	overflow: hidden;
	position: relative;
}

#panel-6 a span.box-owrap {
	width: 100%;
	height: 0px;
	padding-bottom: 50vh;
	position: absolute;
	display: block;
	overflow: hidden;
}

#panel-6 a span.box-owrap-pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #301250;
}

#panel-6 a span.box-wrap {
	width: 100%;
	height: 0px;
	padding-bottom: 50vh;
	position: relative;
	display: block;
	background: url("images/p6link-mask.png") repeat center center;
}

#panel-6 a span.box {
	width: calc(100% - 78px);
	height: calc(50vh - 78px);
	position: absolute;
	top: 0;
	left: 0;
	padding: 39px;
	display: table;
}

#panel-6 a span.box-inner {
	width: 74%;
	height: calc(100% - 40px);
	padding: 20px 13%;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #faff00;
	-o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; transition:1s;
}

#panel-6 a.box-alt span.box-inner {
	border: 1px solid #57d5fe;
}

#panel-6 a span.type {
	padding: 0px 0px 3.5vh 0px;
	color: #faff00;
	font-size: 11px;
	font-weight: 700;
	line-height: 12px;
	text-transform: uppercase;
	display: block;
}
#panel-6 a.box-alt span.type {
	color: #57d5fe;
}

#panel-6 a span.title {
	padding: 0px 0px 2.27vh 0px;
	color: #ffffff;
	font-size: 4.16vh;
	font-weight: 400;
	line-height: 5.18vh;
	display: block;
}
#panel-6 a span.text-wrap {
	height: 10px;
	border: 1px solid transparent;
}
#panel-6 a span.text {
	font-size: 1.9vh;
	text-align: left;
	line-height: 2.09vh;
	font-family: "Esteban", "Times New Roman", Times, serif;
	display: none;
	color: #ffffff;
	font-weight: 400;
	border-bottom: 1px solid transparent;
}

#panel-6 a:hover span.box-wrap {background: none;}
#panel-6 a:hover span.box-inner {background: url("images/p6link-mask.png") repeat center center;border: 1px solid transparent;}

/*  tweaks to keep aligned well */
@media only screen and (min-width : 960px) and (max-width : 1559px) {#panel-6 a span.type {padding: 0px 0px 3.26vh 0px;}#panel-6 a span.title {font-size: 3.92vh;line-height: 4.88vh;}}
@media only screen and (min-width : 960px) and (max-width : 1509px) {#panel-6 a span.type {padding: 0px 0px 3.1vh 0px;}#panel-6 a span.title {font-size: 3.76vh;line-height: 4.68vh;}}
@media only screen and (min-width : 960px) and (max-width : 1459px) {#panel-6 a span.type {padding: 0px 0px 2.94vh 0px;}#panel-6 a span.title {font-size: 3.6vh;line-height: 4.48vh;}}
@media only screen and (min-width : 960px) and (max-width : 1409px) {#panel-6 a span.type {padding: 0px 0px 2.78vh 0px;}#panel-6 a span.title {font-size: 3.44vh;line-height: 4.28vh;}}
@media only screen and (min-width : 960px) and (max-width : 1359px) {#panel-6 a span.type {padding: 0px 0px 2.62vh 0px;}#panel-6 a span.title {font-size: 3.28vh;line-height: 4.08vh;}}
@media only screen and (min-width : 960px) and (max-width : 1309px) {#panel-6 a span.type {padding: 0px 0px 2.46vh 0px;}#panel-6 a span.title {font-size: 3.12vh;line-height: 3.88vh;}}
@media only screen and (min-width : 960px) and (max-width : 1259px) {#panel-6 a span.type {padding: 0px 0px 2.3vh 0px;}#panel-6 a span.title {font-size: 2.96vh;line-height: 3.68vh;}}
@media only screen and (min-width : 960px) and (max-width : 1209px) {#panel-6 a span.type {padding: 0px 0px 2.14vh 0px;}#panel-6 a span.title {font-size: 2.8vh;line-height: 3.48vh;}}
@media only screen and (min-width : 960px) and (max-width : 1159px) {#panel-6 a span.type {padding: 0px 0px 1.98vh 0px;}#panel-6 a span.title {font-size: 2.64vh;line-height: 3.28vh;}}
@media only screen and (min-width : 960px) and (max-width : 1109px) {#panel-6 a span.type {padding: 0px 0px 1.82vh 0px;}#panel-6 a span.title {font-size: 2.48vh;line-height: 3.08vh;}}
@media only screen and (min-width : 960px) and (max-width : 1059px) {#panel-6 a span.type {padding: 0px 0px 1.66vh 0px;}#panel-6 a span.title {font-size: 2.32vh;line-height: 2.88vh;}}
@media only screen and (min-width : 960px) and (max-width : 1009px) {#panel-6 a span.type {padding: 0px 0px 1.5vh 0px;}#panel-6 a span.title {font-size: 2.16vh;line-height: 2.68vh;}}

/*** # featured header (index) PANEL 7 styles ***/
#footer-left {
	width: calc(49.6% - 60px);
	padding: calc(50vh - 250px) 40px 0px 20px; 
	float: left;
}

#footer-right {
	width: calc(49.5% - 90px);
	padding: calc(50vh - 225px) 50px 0px 40px;
	float: right;
}

/*** # PANEL 7 LEFT styles ***/
#footer-panel-form {
	margin: 0px auto 0px auto;
	max-width: 475px;
	padding: 29px 35px 25px 35px;
	background: rgba(255,255,255,.9);
	box-shadow: 10px 8px 16px rgba(0,0,0,0.2);
	position: relative;
}

#footer-panel-form p {
	font-size: 16px;
	color: #46125a;
	padding: 0px 0px 0px 0px;
	line-height: 4.7vh;
	text-align: center;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

#footer-panel-form p.title {
	padding: 0px 0px 28px 0px;
	color: #37135b;
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
}

/*** # PANEL 7 RIGHT styles ***/
#footer-panel-office {
	margin: 0px auto 0px auto;
	max-width: 545px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

img.imgoffice {
	display:block;
	margin: 0px auto 2.4vh auto;
	display: block;
	text-align:center;
	border: none;
	max-width: 100%;
	height: auto;
}

p.office-address {
	padding: 0px 0px 1.8vh 0px;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
}
p.office-address a span {
	display: inline-block;
}
p.office-address a {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
p.office-address a:hover, p.office-address a:hover span {
	color: #ffffff;
	text-decoration: underline;
}

#mycarousel ul li#panel-7 ul.office-contact {
	padding: 0px 0px 0px 0px;
	height: auto;
	color: #57d5fe;
	font-size: 16px;
	line-height: 25px;
}
#mycarousel ul li#panel-7 ul.office-contact li {
	height: auto;
	float: none;
	padding: 0px 0px 0px 0px;
	overflow: auto;
}
#mycarousel ul li#panel-7 ul.office-contact li span.detail {
	width: calc(33% - 16px);
	padding: 0px 16px 0px 0px;
	margin: 0px 11px 0px 0px;
	text-align: right;
	display: inline-block;
	border-right: 2px solid #c8b9ce;
}
#mycarousel ul li#panel-7 ul.office-contact li a, ul.office-contact li span.detail-data {
	display: inline-block;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
#mycarousel ul li#panel-7 ul.office-contact li a.detail-data, ul.office-contact li span.detail-data {
	padding: 0px 0px 0px 0px;
}
#mycarousel ul li#panel-7 ul.office-contact li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#socialmedia {
	width: 275px;
	padding: 3.4vh 0px 0px 0px;
	font-size: 18px;
	color: #B4B4D5;
	float: right;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

@media only screen and (min-height : 850px) {
#footer-left {padding: 180px 40px 0px 20px; }
#footer-right {padding: 220px 50px 0px 40px;}
}

/*************************************************** # Case Study Statistics SECTION styles ***************************************************/
#firm-statistics {
	padding: 90px 20px 0px 20px;
}

#firm-success {
	max-width: 1220px;
	margin: 0px auto -54px auto;
	padding: 21px 0px 0px 0px;
	background: url("images/big-bar.png") no-repeat center top;
	background-size: 100% 10px;
}

#firm-data {
	width: 100.93%;
	margin: 0px 0px 60px -.93%;
	height: 241px;
	background: url("images/firm-data-bg.png") no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.data-point {
	width: calc(33.33% - 30px);
	padding: 74px 10px 0px 10px;
	display: inline-block;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	vertical-align: top;
}

.data-point strong {
	color: #48135b;
	font-size: 72px;
	line-height: 48px;
	display: inline-block;
	padding: 0px 0px 20px 0px;
}

p.imgtitle {
	width: 100%;
	height: 42px;
	text-align: center;
	padding: 21px 0px 10px 0px;
	font-weight: 300;
	font-size: 16px;
	line-height: 21px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	display: inline-block;
}

/*************************************************** # Case Study Photo Gallery SECTION styles ***************************************************/

.photo-gallery-wrap {
}

.photo-gallery {
	max-width: 1523px;
	margin: 0px auto;
	padding: 150px 0px 10px 0px;
}

.photo-gallery-iwrap {
  position: relative;
}

a.gallery-prev {
	width: 90px;
	height: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0;
	top: 0;
	z-index:120;
}
a.gallery-prev span {
	width:100%;
	height: 119px;
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	margin: auto 0px auto 0px;
	background: rgba(0,0,0,.3) url("images/arrow-gallery.png") no-repeat center center;
	color: #ffffff;
	text-indent: -999999px;
}
a.gallery-prev:hover {

}

a.gallery-next {
	width: 90px;
	height: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	position: absolute;
	right: 0;
	top: 0;
	z-index:120;
}
a.gallery-next span {
	width:100%;
	height: 119px;
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	margin: auto 0px;
	background: rgba(0,0,0,.3) url("images/arrow-gallery.png") no-repeat center center;
	transform: rotate(180deg);
	color: #ffffff;
	text-indent: -999999px;
}
a.gallery-next:hover {
}

#gallery-carousel {
	width: 100%; 
	overflow: hidden;
	margin:0px 0px 0px 0px;
  position: relative;
	z-index:100;
}

#gallery-carousel ul {
  width: 20000em;
	list-style: none;
  position: relative;
}

#gallery-carousel ul li  {
	width: 100%;
  float: left;
  position: relative;
}

#gallery-carousel ul li img {
	display: block;
	border: none;
	width:100%;
	height: auto;
	margin: 0px auto 0px auto;
  position: relative;
	z-index:90;
}
#gallery-carousel ul li span.caption {
	display: block;
	width:calc(100% - 40px);
	padding: 27px 20px 27px 20px;
  position: absolute;
	left:0;
	bottom:0;
	z-index:90;
	font-size: 24px;
	line-height: 29px;
	color: #ffffff;
	text-align: center;
	background: rgba(0,0,0,.6);
	font-weight: 400;
}

@media only screen and (min-width : 960px) and (max-width : 1569px) {
.photo-gallery {padding: 9.55vw 0px 10px 0px;}
a.gallery-prev {width: 5.73vw;}
a.gallery-prev span {height: 7.57vw; background-size: 2.29vw 3.69vw;}
a.gallery-next {width: 5.73vw;}
a.gallery-next span {height: 7.57vw; background-size: 2.29vw 3.69vw;}
#gallery-carousel ul li span.caption {width: calc(100% - 2.54vw); padding: 1.71vw 1.27vw 1.71vw 1.27vw; font-size: 1.52vw; line-height: 1.84vw;}
}


/*************************************************** # about us clients SECTION styles ***************************************************/
#our-happy-clients {
}

#our-clients {
	max-width: 1550px;
	margin: 0px auto;
	padding: 30px 20px 0px 20px;
}

#cl-icon-wrap {
	padding: 70px 0px 0px 0px;
	text-align: center;
}

.title-wrap {
	max-width: 1392px;
	padding: 0px 10px;
	margin: 0px auto;
}

.client {
	width: calc(20% - 8px);
	margin: 0px 0px 17px 0px;
	display: inline-block;
}
.client span {
	width: 100%;
	max-width: 275px;
	margin: 0px auto;
	height: 0px;
	padding-bottom: 32.7%;
	display: block;
	position: relative;
	color: #000000;
	text-align: left;
	text-indent: -999999px;
}
@media only screen and (min-width : 960px) and (max-width : 1089px) {
#panel-3b .client {width: calc(25% - 8px);}
}

/*************************************************** # about us our staff SECTION styles ***************************************************/
#our-staff {
}

#our-team {
	max-width: 1392px;
	margin: 0px auto;
	padding: 0px 30px 0px 30px;
}

#staff-wrap {
	width: calc(100% + 20px);
	padding: 60px 0px 0px 0px;
	margin-left: -10px;
	text-align: center;
	position: relative;
	z-index:150;
}
#staff-wrap.reduced-width {
	max-width:1000px;
	margin: 0px auto;
}

.staff {
	width: calc(25% - 20px);
	margin: 0px -2px 16px -2px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
}

.staff a {
	width: 100%;
	height: 0px;
	padding-bottom: 92.1%;
	display: block;
	position: relative;
}
.staff a:hover {
	filter: Alpha(opacity= 85); 
	-moz-opacity: .85; 
	opacity: .85;
}

.staff#staff-susan a {background: url("images/staff-susan-ziegler.jpg") no-repeat center center;background-size:cover;}
.staff#staff-courtney a {background: url("images/staff-blackburn.jpg") no-repeat center center;background-size:cover;}
.staff#staff-harriet a {background: url("images/staff-coates.jpg") no-repeat center center;background-size:cover;}
.staff#staff-ronnie a {background: url("images/staff-gee.jpg") no-repeat center center;background-size:cover;}
.staff#staff-sam a {background: url("images/staff-greer.jpg") no-repeat center center;background-size:cover;}
.staff#staff-sara a {background: url("images/staff-hansen.jpg") no-repeat center center;background-size:cover;}
.staff#staff-liene a {background: url("images/staff-karklins.jpg") no-repeat center center;background-size:cover;}
.staff#staff-rebecca a {background: url("images/staff-laws.jpg") no-repeat center center;background-size:cover;}
.staff#staff-al a {background: url("images/staff-paulson.jpg") no-repeat center center;background-size:cover;}
.staff#staff-leticia a {background: url("images/staff-perez.jpg") no-repeat center center;background-size:cover;}
.staff#staff-melissa a {background: url("images/staff-picciuto.jpg") no-repeat center center;background-size:cover;}
.staff#staff-scott a {background: url("images/staff-simpson.jpg") no-repeat center center;background-size:cover;}
.staff#staff-eric a {background: url("images/staff-watkins.jpg") no-repeat center center;background-size:cover;}


/* staff Looking */
.staff-look {
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	top:60px;
	left:0;
	padding: 0px 0px 0px 0px;
	display: none;
}

.default {background: url("images/featured-page-sls-bg.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;}
.melissa {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.ronnie {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.leticia {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.scott {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.ethan {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.wilson {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.courtney {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.liene {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.rebecca {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.bailey {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.rubin {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.kaylen {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.stephan {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.john {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.jennifer-c {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.anya {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}
.jennifer-h {background: url("images/look-at-front.jpg") no-repeat center center;background-size: 100% 100%;z-index: 100;display: none;}


.staff-pic {
	width: calc(25% - 8px);
	height: 0px;
	padding-bottom: 25%;
	display:inline-block;
	position: relative;
	float:none;
	z-index: 150;
	margin: 0px 2px 4px 2px;
}

.staff-pic a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 150;
}
.staff-pic a#st-picciuto, .staff-pic a#st-picciuto2, .staff-pic a#st-picciuto3, .staff-pic a#st-picciuto4 {background: url("images/staff-picciuto-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-gee, .staff-pic a#st-gee2, .staff-pic a#st-gee3, .staff-pic a#st-gee4 {background: url("images/staff-gee-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-laws, .staff-pic a#st-laws2, .staff-pic a#st-laws3, .staff-pic a#st-laws4 {background: url("images/staff-laws-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-rubin, .staff-pic a#st-rubin2, .staff-pic a#st-rubin3, .staff-pic a#st-rubin4 {background: url("images/staff-rubin-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-stephan, .staff-pic a#st-stephan2, .staff-pic a#st-stephan3, .staff-pic a#st-stephan4 {background: url("images/staff-almendinger-pic-hr.png") no-repeat center center;background-size:cover;}
.staff-pic a#st-john, .staff-pic a#st-john2, .staff-pic a#st-john3, .staff-pic a#st-john4 {background: url("images/staff-gray-pic-hr.png") no-repeat center center;background-size:cover;}
.staff-pic a#st-jennifer-c, .staff-pic a#st-jennifer-c2, .staff-pic a#st-jennifer-c3, .staff-pic a#st-jennifer-c4 {background: url("images/staff-cerda-pic-hr.png") no-repeat center center;background-size:cover;}
.staff-pic a#st-anya, .staff-pic a#st-anya2, .staff-pic a#st-anya3, .staff-pic a#st-anya4 {background: url("images/staff-delventhal-pic-hr.png") no-repeat center center;background-size:cover;}
.staff-pic a#st-jennifer-h, .staff-pic a#st-jennifer-h2, .staff-pic a#st-jennifer-h3, .staff-pic a#st-jennifer-h4 {background: url("images/staff-hawkins-pic-hr.png") no-repeat center center;background-size:cover;}
.staff-pic a#st-mora, .staff-pic a#st-mora2, .staff-pic a#st-mora3, .staff-pic a#st-mora4 {background: url("images/staff-mora-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-kapp, .staff-pic a#st-kapp2, .staff-pic a#st-kapp3, .staff-pic a#st-kapp4 {background: url("images/staff-kapp-pic-hr.jpg") no-repeat center center;background-size:cover;}
.staff-pic a#st-courtney, .staff-pic a#st-courtney2, .staff-pic a#st-courtney3, .staff-pic a#st-courtney4 {background: url("images/staff-blackburn-pic-hr.png") no-repeat center center;background-size:cover;}
.default {z-index: 110;}
.melissa {display: block;}
.ronnie {display: block;}
.leticia {display: block;}
.scott {display: block;}
.ethan {display: block;}
.wilson {display: block;}
.courtney {display: block;}
.liene {display: block;}
.rebecca {display: block;}
.bailey {display: block;}
.kaylen {display: block;}
.rubin {display: block;}

/* new staff */
.team-profile {
	padding: 0px 0px 51px 0px;
}
.team-profile.first {
	padding: 100px 0px 51px 0px;
}
.profile-lt {
	width: 32.35%;
	height: 0px;
	padding: 0px 0px 32.35% 0px;
	margin: 0px 6.61% 0px 0px;
}

.profile-rt {
	width: 61.04%;
	display: table;
}
.profile-rt-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;	
}

.team-profile h3 {
	line-height:32px;
	font-size: 30px;
	color: #501960;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
.team-profile h3 a, .team-profile h3 a:hover {color: #501960;}

.team-profile h4 {
	line-height:21px;
	font-size: 21px;
	color: #917799;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:400;
	font-family: "Esteban", "Times New Roman", Times, serif;
}
.team-profile h4 a, .team-profile h4 a:hover {color: #917799;font-weight:400;}

.team-profile h5 {
	line-height:24px;
	font-size: 20px;
	padding: 20px 0px 0px 0px;
}

.content .team-profile p {
	padding: 15px 0px 0px 0px;
	line-height: 34px;
	font-size: 21px;
	color:#282828;
}

/*  tweaks to keep aligned well */
@media only screen and (min-width : 960px) and (max-width : 1259px) {
.team-profile h3 {line-height:2.54vw;font-size: 2.38vw;padding: 0px 0px .79vw 0px;}
.team-profile h4 {line-height:1.66vw;font-size: 1.66vw;}
.team-profile h5 {line-height:1.9vw;font-size: 1.58vw;padding: 1.58vw 0px 0px 0px;}
.content .team-profile p {padding: 1.19vw 0px 0px 0px;line-height: 2.54vw;font-size: 1.66vw;}
}
/*************************************************** # about us content image SECTION styles ***************************************************/
#image-content-wrap {
	position: relative;
	z-index: 196;
}

#image-content {
	max-width: 1480px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#image-content-iwrap {
	padding: 0% 0px 0% 0px;
	margin-top: -7.63%;
}

#ic-img {
	width: 37.43%;
	height: 0px;
	padding-bottom: 41.68%;
	background: url("images/susan-ziegler-pic.jpg") no-repeat center center;background-size: cover;
}

#ic-text {
	width: 52.36%;
	display: table;
	padding: 0px 4.81% 0px 5.4%;
}
#ic-text-cell {
	width:100%;
	height: 80.88%;
	display: table-cell;
	vertical-align: bottom;
	padding: 15% 0px 4.12% 0px;
}

#ic-text h2 {
	line-height:42px;
	font-size: 40px;
	color: #6a1681;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: none;
}
#ic-text h2 a, #ic-text h2 a:hover {color: #6a1681;}

#ic-text h3 {
	line-height:20px;
	font-size: 20px;
	color: #000100;
	padding: 0px 0px 18px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:400;
	font-family: "Esteban", "Times New Roman", Times, serif;
	background: none;
}
#ic-text h3 a, #ic-text h3 a:hover {color: #000100;}

#ic-text p {
	line-height:30px;
	font-size: 20px;
	color: #212121;
	padding: 15px 0px 15px 0px;
}

#ic-text a.arrow-link {margin: 2.83% 0px 0px 0px;}

@media only screen and (min-width : 960px) and (max-width : 1519px) {
#ic-text h2 {line-height: 2.76vw; font-size: 2.63vw; padding: 0px 0px 0.39vw 0px;}
#ic-text h3 {line-height: 1.31vw; font-size: 1.31vw; padding: 0px 0px 1.18vw 0px;}
#ic-text p  {line-height: 1.97vw; font-size: 1.31vw; padding: 0.98vw 0px 0.98vw 0px;}
#ic-text a.arrow-link {line-height:1.71vw;font-size: 1.57vw;}
#ic-text a.arrow-link span {padding: 0px 2.3vw 0px 0px; background-position: right .32vw center;background-size: .855vw auto;}
#ic-text a.arrow-link:hover span {background-position: right center;}
}
/*************************************************** # about us team SECTION styles ***************************************************/
#sls-team-wrap {
	background: #36125a;
	position: relative;
	text-align: center;
}

#sls-team {
	max-width: 1500px;
	margin: 0px auto;
	padding: 6.87% .56%;
}

#sls-team-iwrap {
	padding: 2.93% 0px 1.66% 0px;
}

#sls-team-panels {
	padding: 4.4% 0px 0% 0px;
}

#sls-team h2 {
	line-height:48px;
	font-size: 45px;
	color: #16e6ff;
	padding: 0px 20px 3px 20px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: none;
}
#sls-team h2 a, #sls-team h2 a:hover {color: #16e6ff;}

#sls-team p {
	max-width: 43.24%;
	line-height:30px;
	font-size: 20px;
	color: #ffffff;
	padding: 15px 20px 15px 20px;
	margin: 0px auto;
}

.team-member, a.team-member {
	width: 23.88%;
	padding: 0px 0px 0px 0px;
	margin: 0px .56% 2.33% .56%;
}
a.team-member:hover {
	text-decoration: none;
}

.team-member span.img, a.team-member span.img {
	width:100%;
	height: 0;
	padding-bottom: 111.42%;
	display: block;
	margin: 0px 0px 4.45% 0px;
}
a.team-member:hover span.img {filter: Alpha(opacity= 85);-moz-opacity: .85;opacity: .85;}
.team-member span.img#img-gilbert, a.team-member span.img#img-gilbert {background: url("images/img-gilbert.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-melissa, a.team-member span.img#img-melissa {background: url("images/img-melissa.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-ronnie, a.team-member span.img#img-ronnie {background: url("images/img-ronnie.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-rebecca, a.team-member span.img#img-rebecca {background: url("images/img-rebecca.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-rubin, a.team-member span.img#img-rubin {background: url("images/img-rubin.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-hannah, a.team-member span.img#img-hannah {background: url("images/img-hannah.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-alex, a.team-member span.img#img-alex {background: url("images/img-alex.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-adam, a.team-member span.img#img-adam {background: url("images/img-adam.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-lashanae, a.team-member span.img#img-lashanae {background: url("images/img-lashanae.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-richard, a.team-member span.img#img-richard {background: url("images/img-richard.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-steven, a.team-member span.img#img-steven {background: url("images/img-steven.jpg") no-repeat center center;background-size: cover;}
.team-member span.img#img-karyne, a.team-member span.img#img-karyne {background: url("images/img-karyne.jpg") no-repeat center center;background-size: cover;}

.team-member span.title, a.team-member span.title {
	line-height:32px;
	font-size: 30px;
	color: #ffffff;
	padding: 0px 0px 3px 0px;
	display: block;
	font-weight: 700;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.team-member span.position, a.team-member span.position {
	line-height:30px;
	font-size: 20px;
	color: #b0addb;
	padding: 0px 0px 0px 0px;
	display: block;
	font-weight: 400;
}

@media only screen and (min-width : 960px) and (max-width : 1539px) {
#sls-team h2 {line-height: 3.11vw; font-size: 2.92vw; padding: 0px 20px 0.19vw 20px;}
#sls-team p {line-height: 1.94vw; font-size: 1.29vw; padding: 0.97vw 20px 0.97vw 20px;}
.team-member span.title, a.team-member span.title {line-height: 2.07vw; font-size: 1.94vw; padding: 0px 0px 0.19vw 0px;}
.team-member span.position, a.team-member span.position {line-height: 1.94vw; font-size: 1.29vw;}

}

/*************************************************** # pop panels SECTION styles ***************************************************/
.pop-panel-wrap {
	text-align: center;
	background: #F7F7F7;
	background: linear-gradient(180deg, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
	position: relative;
}
.pop-panel-wrap.dark {
	background: #432567;
	background: linear-gradient(180deg, rgba(67, 37, 103, 1) 0%, rgba(84, 37, 103, 1) 100%);
}

.pop-panel {
	max-width: 1480px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

.pop-panel-iwrap {
	padding: 6.42% 0px 0% 0px;
}

.pop-panels {
	padding: 5.27% 0px 0% 0px;
	position: relative;
	z-index: 196;
}

.pop-panel-left {
	width: 47.02%;
	padding: 2.9% 0px 2.9% 0px;
	background: #cccccc;
	position: relative;
	margin-bottom: 1.75%;
}
.pop-panel-left#office-discussion {background: url("images/office-discussion.jpg") no-repeat center center;background-size: cover;}
.pop-panel-left#collaborate {background: url("images/collaborate.jpg") no-repeat center center;background-size: cover;}

.pop-panel-left-text {
	width: 116.81%;
	margin-left: 96.12%;
	background: #ffffff;
	box-shadow: 0px 0px 6px 5px rgba(204,204,204,.2);
	border-radius: 6px;
	position: relative;
}
.pop-panel-wrap.dark .pop-panel-left-text {background: url("images/dark-bg.jpg") no-repeat center center;background-size: 100% 100%;box-shadow: 0px 0px 6px 5px rgba(0,0,0,.05);}

.pop-panel-left-itext {
	padding: 6.4% 15.39% 5.78% 15.39%;
}

.pop-panel-right {
	width: 47.02%;
	padding: 2.9% 0px 2.9% 0px;
	background: #cccccc;
	position: relative;
	float:right;
}
.pop-panel-right#layout-review {background: url("images/layout-review.jpg") no-repeat center center;background-size: cover;}
.pop-panel-right#handshake {background: url("images/handshake.jpg") no-repeat center center;background-size: cover;}

.pop-panel-right-text {
	width: 116.81%;
	margin-left: -112.64%;
	background: #ffffff;
	box-shadow: 0px 0px 6px 5px rgba(204,204,204,.05);
	border-radius: 6px;
	position: relative;
}
.pop-panel-wrap.dark .pop-panel-right-text {background: url("images/dark-bg.jpg") no-repeat center center;background-size: 100% 100%;box-shadow: 0px 0px 6px 5px rgba(0,0,0,.05);}

.pop-panel-right-itext {
	padding: 6.4% 15.39% 5.78% 15.39%;
}

.pop-panel h2 {
	line-height:48px;
	font-size: 45px;
	color: #6a1681;
	padding: 0px 20px .25% 20px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: none;
}
.pop-panel h2 a, .pop-panel h2 a:hover {color: #6a1681;}
.pop-panel-wrap.dark .pop-panel h2, .pop-panel-wrap.dark .pop-panel h2 a, .pop-panel-wrap.dark .pop-panel h2 a:hover {color: #16e6ff;}
.pop-panel p {
	max-width: 43.24%;
	line-height:30px;
	font-size: 20px;
	color: #282828;
	padding: 15px 20px 15px 20px;
	margin: 0px auto;
}
.pop-panel-wrap.dark .pop-panel p {color:#ffffff;}
.pop-panel h3 {
	line-height:34px;
	font-size: 30px;
	color: #43174f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: none;
}
.pop-panel h3 a, .pop-panel h3 a:hover {color: #43174f;}
.pop-panel-wrap.dark .pop-panel h3, .pop-panel-wrap.dark .pop-panel h3 a, .pop-panel-wrap.dark .pop-panel h3 a:hover {color:#b0addb;}

.pop-panel h4 {
	line-height:29px;
	font-size: 24px;
	color: #601674;
	padding: 1.84% 0px .98% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	background: none;
}
.pop-panel h4 a, .pop-panel h4 a:hover {color: #601674;}
.pop-panel-wrap.dark .pop-panel h4, .pop-panel-wrap.dark .pop-panel h4 a, .pop-panel-wrap.dark .pop-panel h4 a:hover {color:#16e6ff;}

.pop-panel .pop-panels p {
	max-width: none;
	color: #000000;
}
.pop-panel-wrap.dark .pop-panel .pop-panels p {color:#ffffff;}

@media only screen and (min-width : 960px) and (max-width : 1519px) {
.pop-panel h2 {line-height: 3.15vw; font-size: 2.96vw;}
.pop-panel p {line-height: 1.97vw; font-size: 1.57vw; padding: 0.98vw 20px 0.98vw 20px;}
.pop-panel h3 {line-height: 2.23vw; font-size: 1.97vw;}
.pop-panel h4 {line-height: 1.90vw; font-size: 1.57vw;}

}
/*************************************************** # about us our services SECTION styles ***************************************************/
#about-our-services {
}

#our-services {
	max-width: 1392px;
	margin: 0px auto;
	padding: 0px 30px 60px 30px;
}

#about-services {
	padding: 80px 0px 0px 0px;
}
#our-services a.find-more {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 35px 0px;
}


/*************************************************** # about us attorney pane views SECTION styles ***************************************************/
.staff-pane-wrap {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top:0;
	left:0;
	background: url("images/attorney-pane-underlay.png") repeat center center;
	z-index: 250;
	display:none;
	min-width: 320px;
}

.staff-pane {
	width: 100vw;
	height: 77vh;
	padding: 16.1vh 0px 16.1vh 0px;
	position: absolute;
	top:-4.7vh;
	left:0;
	background: url("images/attorney-pane-bg.png") no-repeat center center;
	background-size: 100% 100%;
	z-index: 250;
}

.staff-info-wrap {
	max-width: 1350px;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 0px auto;
	overflow: hidden;

}
.staff-info {
	width: 100%;
	max-height: 75.9vh;
	padding: 0px 40px 0px 0px;
	position: relative;
	overflow: auto;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #030303;
}

a.close-staff {
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	top: calc(4.7vh + 20px);
	right: 30px;
	background: url("images/close-purple.png") no-repeat center center;
}
a.close-staff:hover {
	filter: Alpha(opacity= 85); 
	-moz-opacity: .85; 
	opacity: .85;
}

.fltlt-staff {
	width: 41.9%;
	float: left;
}
.fltrt-staff {
	width: 51.9%;
	float: right;
	margin-top: -20px;
}

.fltlt-staff img {
	display: block;
	margin: 0px auto 37px auto;
	text-align:center;
	border: none;
	max-width: 100%;
	height: auto;
}

.fltlt-staff p {
	padding: 15px 0px 15px 22px;
	font-size: 24px;
	color: #41115b;
	font-weight: 300;
}
.fltlt-staff p.title {
	padding: 0px 0px 0px 22px;
	font-size: 38px;
	line-height: 34px;
	color: #41115b;
	font-weight: 700;
}
.fltlt-staff p.title a {
	color: #41115b;
	text-decoration: none;
	font-weight: 700;
}
.fltlt-staff p.title a:hover {
	color: #41115b;
	text-decoration: underline;
}

.fltrt-staff p {
	padding: 15px 0px 15px 0px;
}
.fltrt-staff ul {
	padding: 0px 0px 0px 20px;
}
.fltrt-staff ol {
	padding: 0px 0px 0px 20px;
}
.fltrt-staff ul li, .fltrt-staff ol li {
	padding: 3px 0px 3px 0px;
}

/*************************************************** # Layout 2 SECTION styles ***************************************************/
.layout-2-wrap {
	padding: 23px 0px 20px 0px;
	display:flex;
	flex-direction: row-reverse;
	position: relative;
	background: url("images/layout-2-wrap-bg.png") no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.layout-2-image-wrap {
	width: 50%;
	position: relative;
}

.layout-2-image {
	width: 100%;
	height: 100%;
	max-width: 870px;
	position: absolute;
	top:40px;
	left:0;
	z-index: 190;
}

@media only screen and (min-width : 960px) and (max-width : 1939px) {
.layout-2-image.l2-image-a {background: url("images/design-wrsmh.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-a2 {background: url("images/design-breyer.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-a3 {background: url("images/design-balboa.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-b {background: url("images/social-gibson.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-c {background: url("images/seo-jdlaw.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-d {background: url("images/ppc-breyer.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-e {background: url("images/local-map.png") no-repeat left center;background-size: contain;}
.layout-2-image.l2-image-f {background: url("images/marketing-keys.png") no-repeat left center;background-size: contain;}
}
@media only screen and (min-width : 1940px) {
.layout-2-image {left:auto;right:0;}
.layout-2-image.l2-image-a {background: url("images/design-lependorf-lg.png") no-repeat right center;background-size: contain;}
.layout-2-image.l2-image-a2 {background: url("images/design-breyer.png") no-repeat right top;background-size: contain;}
.layout-2-image.l2-image-a3 {background: url("images/design-balboa.png") no-repeat right top;background-size: contain;}
.layout-2-image.l2-image-b {background: url("images/social-gibson-lg.png") no-repeat right center;background-size: contain;}
.layout-2-image.l2-image-c {background: url("images/seo-jdlaw-lg.png") no-repeat right center;background-size: contain;}
.layout-2-image.l2-image-d {background: url("images/ppc-breyer.png") no-repeat right center;background-size: contain;}
.layout-2-image.l2-image-e {background: url("images/local-map.png") no-repeat right center;background-size: contain;}
.layout-2-image.l2-image-f {background: url("images/marketing-keys.png") no-repeat right center;background-size: contain;}
}

.layout-2-text {
	width: 50%;
}

.layout-2-text-pane {
	width: calc(100% - 160px);
	max-width: 595px;
	padding: 255px 75px 255px 85px;
	line-height: 30px;
	float: left;
}
.layout-2-text-pane.alt {
	padding: 125px 75px 125px 85px;
}

.layout-2-overlay-top {
	width: 100%;
	height: 0px;
	padding-bottom: 5.26%;
	position: absolute;
	top:0;
	left:0;
	z-index: 185;
}
@media only screen and (min-width : 960px) {
.layout-2-overlay-top {
	background: url("images/plain-overlay-top-bg.png") no-repeat left top;
	background-size: 100% 100%;
}
}

.layout-2-overlay-bot {
	width: 100%;
	height: 0px;
	padding-bottom: 6.2%;
	position: absolute;
	bottom:-1px;
	left:0;
	z-index: 195;
}
.layout-2-overlay-bot.flip {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}
@media only screen and (min-width : 960px) {
.layout-2-overlay-bot {
	background: url("images/grey-stripe-overlay-bg.png") no-repeat right bottom;
	background-size: 100% 100%;
}
}

.layout-2-image p {
	width: calc(100% - 140px);
	padding: 0px 120px 0px 20px;
	margin: 0px auto;
	max-width: 550px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #eeecef;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	position: absolute;
	bottom: 135px;
	left: 0;
	right: 0;
	z-index: 195;
}
.layout-2-image p.place1 {bottom: 155px;}
.layout-2-text p {
	padding: 15px 0px 15px 0px;
	color: #ffffff;
}

.layout-2-text ul {
	padding: 15px 0px 15px 0px;
	color: #ffffff;
	list-style:none;
}
.layout-2-text ul li {
	padding: 0px 0px 0px 0px;
}
.layout-2-text ul li a {
	color: #ffffff;
	font-weight: 700;
	text-decoration:none;
}
.layout-2-text ul li a:hover {
	color: #ffffff;
	text-decoration:underline;
}

/*************************************************** # Layout 3 SECTION styles ***************************************************/
.layout-3-wrap {
	padding: 138px 0px 60px 0px;
	position: relative;
	overflow: hidden;
}
.layout-3-wrap.alt {
	background: #f9f9f9;
	padding: 138px 0px 160px 0px;
}
.alt-top {
	width:100%;
	padding-bottom: 5.3125%;
	background: url("images/happy-client-alt-top.png") no-repeat right center;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.layout-3-iwrap.l3-image-a {background: url("images/design-breyer-2.png") no-repeat right center;background-size: auto 80%;}
.layout-3-iwrap.l3-image-a3 {background: url("images/design-breyer-3.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-a4 {background: url("images/design-balboa-2.png") no-repeat right -50px;background-size: auto;}
.layout-3-iwrap.l3-image-b {background: url("images/laptop-guisti.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-b2 {background: url("images/laptop-bottlinger.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b3 {background: url("images/laptop-bussey.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b4 {background: url("images/laptop-page.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b5 {background: url("images/laptop-low.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b6 {background: url("images/laptop-grant.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-c {background: url("images/social-jdicks-2-alt.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-d {background: url("images/social-wrsh.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-d2 {background: url("images/social-wrsh2.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-e {background: url("images/local-wrsh.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-f {background: url("images/content-breyer.png") no-repeat right center;background-size: auto 100%;}

@media only screen and (min-width : 1940px) {
.layout-3-iwrap.l3-image-a {background: url("images/design-breyer-2-lg.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-a3 {background: url("images/design-breyer-3.png") no-repeat right center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-a4 {background: url("images/design-balboa-2.png") no-repeat 75% -50px;background-size: auto;}
.layout-3-iwrap.l3-image-b {background: url("images/laptop-guisti.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-b2 {background: url("images/laptop-bottlinger.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b3 {background: url("images/laptop-bussey.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b4 {background: url("images/laptop-page.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b5 {background: url("images/laptop-low.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b6 {background: url("images/laptop-grant.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-c {background: url("images/social-jdicks-2-alt.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-d {background: url("images/social-wrsh.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-d2 {background: url("images/social-wrsh2.png") no-repeat right calc(50% - 475px) center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-e {background: url("images/local-wrsh.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
.layout-3-iwrap.l3-image-f {background: url("images/content-breyer-lg.png") no-repeat right calc(50% - 475px) center;background-size: auto 100%;}
}

.layout-3-text {
	width: 50%;
	min-width: 735px;
}

.layout-3-text-pane {
	width: calc(100% - 135px);
	max-width: 675px;
	padding: 7px 0px 0px 75px;
	margin: 0px 0px 64px 0px;
	line-height: 30px;
	float: right;
}

.testimonial-pane {
	width: auto;
	padding: 124px 53px 98px 53px;
	background: #fafafa;
	box-shadow: 10px 8px 16px rgba(208,200,216,0.5);
	position: relative;
}
.cs-testimonial .testimonial-pane {
	box-shadow: 10px 8px 16px rgba(0,0,0,0.05);
}
.testimonial-pane.tpane-alt {
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	box-shadow: none;
	position: relative;
	-ms-transform: rotate(-3deg); /* IE 9 */
  -webkit-transform: rotate(-3deg); /* Safari */
  transform: rotate(-3deg);
}

img.imgauthor {
	margin: 0px auto 0px auto;
	display: block;
	position: absolute;
	top:-52px;
	left:0;
	right:0;
	z-index:180;
	border: none;
	max-width: 100%;
	height: auto;
	box-shadow: 10px 8px 16px rgba(227,223,231,0.5);
}
.cs-testimonial img.imgauthor {
	box-shadow: 10px 8px 16px rgba(0,0,0,0.05);
}

img.imgldquo {
	display: block;
	position: absolute;
	left:52px;
	top:38px;
	z-index:180;
	border: none;
}
img.imgrdquo {
	display: block;
	position: absolute;
	bottom:46px;
	right:54px;
	z-index:180;
	border: none;
}

.testimonial-pane p {
	padding: 0px 15px 0px 15px;
	color: #212121;
}
.testimonial-pane.tpane-alt p {
	padding: 3px 0px 3px 0px;
	line-height: 60px;
	font-size: 36px;
	color: #57d5fe;
	font-weight: 700;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.testimonial-pane.tpane-alt p span {
	width: calc(100% - 30px);
	padding: 0px 15px 0px 15px;
	line-height: 60px;
	background: url("images/text-underlay.png") repeat left top;
	background-size: 100% auto;
	display: inline-block;
}
.testimonial-pane.tpane-alt p span.last {
	width: auto;
}

.testimonial-pane p.title {
	padding: 0px 0px 26px 0px;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-align: center;
}
.testimonial-pane p.title span {
	font-size: 24px;
	font-weight: 400;
}
.testimonial-pane p.title a {
	color: #000000;
	font-weight: 300;
	text-decoration: none;
}
.testimonial-pane p.title a:hover {
	color: #000000;
	text-decoration: none;
}

a.case-study {
	width: 350px;
	line-height: 60px;
	margin: 170px auto 0px auto;
	display: block;
	background: url("images/button-purple.png") no-repeat center center;
	background-size: contain;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration:none;
}
a.case-study:hover {
	color: #ffffff;
	text-decoration:none;
	filter: Alpha(opacity= 85); 
	-moz-opacity: .85; 
	opacity: .85;
}

a.case-study.cs-jdlaw {margin: 300px auto 0px auto;}

a.case-study-alt {
	width: 350px;
	height: 60px;
	line-height: 60px;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #3f115a;
	margin: 170px auto 0px auto;
  border: none;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration:none;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 30px;
	display: block;
}
a.case-study-alt span {
  position: relative;
  pointer-events: none;
  overflow: hidden;
	z-index:20;
}
a.case-study-alt::before {
  --size: 0;
  content: '';
  position: absolute;
  right: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #56d5fe, transparent);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: width .2s ease, height .2s ease;
	z-index:10;
}
a.case-study-alt:hover::before {
  --size: 800px;
}


a.case-study-alt.cs-jdlaw {margin: 300px auto 0px auto;}

/*************************************************** # Layout Items SECTION styles ***************************************************/
.layout-items-wrap {
	background: #f9f9f9;
	position: relative;
	overflow: hidden;
}

.layout-items {
	max-width: 1370px;
	margin: 0px auto;
	padding: calc(5.26% + 10px) 50px 0px 50px;
}

.layout-items-overlay-top {
	width: 100%;
	height: 0px;
	padding-bottom: 5.26%;
	position: absolute;
	top:0;
	left:0;
	z-index: 185;
}
@media only screen and (min-width : 960px) {
.layout-items-overlay-top {
	background: url("images/layout-items-overlay-top-bg.png") no-repeat left top;
	background-size: 100% 100%;
}
}

.layout-items .fltlt, .layout-items .fltrt {
	padding: 0px 0px 52px 0px;
}

.item-number {
	width: 93px;
	padding: 3px 0px 0px 0px;
	float: left;
	font-size: 91px;
	line-height: 70px;
	font-weight: 700;
	color:#47bae1;
	text-align: center;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.item-text {
	width: calc(100% - 175px);
	padding: 0px 80px 0px 0px;
	float: left;
}

.layout-items p {
	padding: 15px 0px 15px 0px;
}

.layout-items ul {
	padding: 10px 0px 10px 30px;
	line-height: 26px;
}
.layout-items ul li {
	padding: 5px 20px 5px 0px;
}

/*************************************************** # Contact floating side panels styles ***************************************************/
#floating-site-panels {
	padding: 0px 0px 10px 0px;
}

.float-panels {
	height: 23.43vw; 
	margin-bottom: 3.59vw;
	position: relative;
}
.inner-float-panels {
	position: absolute;
	height: 23.43vw; 
	top: 0;
	z-index: 150;
	transform: translateY(15.62vw);
  transition: transform 700ms ease;
}
.inner-float-panels#fp-top {width: 131.51vw; left: 20.83vw;}
.inner-float-panels#fp-bot {width: 138.54vw; left: -76.04vw;}
.inner-float-panels#mp-top {width: 131.51vw; left: 20.83vw;}
.inner-float-panels#mp-bot {width: 138.54vw; left: -76.04vw;}
.inner-float-panels.popped {transform: translateY(0);}

.float {
	height: 23.43vw; 
	border-radius: 1.45vw;
}

.float#float-1 {width: 41.40vw; margin-right: 3.64vw;}
.float#float-2 {width: 41.40vw; margin-right: 3.64vw;}
.float#float-3 {width: 41.40vw;}
.float#float-4 {width: 48.43vw; margin-right: 3.64vw;}
.float#float-5 {width: 41.40vw; margin-right: 3.64vw;}
.float#float-6 {width: 41.40vw;}

.float#merch-1 {width: 41.40vw; margin-right: 3.64vw;}
.float#merch-2 {width: 41.40vw; margin-right: 3.64vw;}
.float#merch-3 {width: 41.40vw;}
.float#merch-4 {width: 48.43vw; margin-right: 3.64vw;}
.float#merch-5 {width: 41.40vw; margin-right: 3.64vw;}
.float#merch-6 {width: 41.40vw;}


/*************************************************** # website scroll SECTION styles ***************************************************/
#website-scroll-wrap {
	margin-top: 0px;
	opacity: .01;
}

#website-scroll {
	max-width: 1630px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#website-scroll-iwrap {
	padding: 0px 0px 2.91% 0px;
}
#website-scroll-iwrap .title-pane h2 {margin-top: 40px;}
#website-scroll-iwrap .content-pane {padding-top: 1.4%;}

/*************************************************** # photo edit SECTION styles ***************************************************/
#photo-edit-wrap {
}

#photo-edit {
	max-width: 1630px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#photo-edit-iwrap {
	padding: 0px 0px 0px 0px;
}
#photo-edit-iwrap .title-pane h2 {margin-top: 40px;}
#photo-edit-iwrap .content-pane {padding-top: 4.4%;}

/************ # photo text panel styles ************/

#photo-text-panel {
	width:100%;
	height:100%;
	position: absolute;
	bottom:0;
	left:0;
	z-index: 180;
	display: table;
	color: #ffffff;
	opacity: 1;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

#photo-text-wrap {
	width:100%;
	height:calc(100% - 539px);
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 539px;
}

.photo-text {
	width: 100%;
	display: none;
}

.photo-text#photo-text-0 {display: block;}

.photo-text p {
	line-height:29px;
	font-size: 24px;
	color: #ffffff;
	padding: 14px 0px !important;
}
.photo-text p a {color: #ffffff;}
.photo-text p a:hover {color: #ffffff;}

#page-flip {
	position: absolute;
	display: inline-block;
	bottom: 467px;
	left: 0;
	line-height: 55px;
	font-size: 24px;
	padding: 0;
	color: #ffffff;
	z-index: 190;
}
#page-flip a {
	width: 56px;
	height: 55px;
	display: inline-block;
	color: #ffffff;
	text-indent: -99999px;
}
#page-flip a#prev {margin: 0px 20px 0px 0px;background: url("images/arrow-turquoise-left.png") no-repeat center center;background-size:contain;}
#page-flip a#next {margin: 0px 0px 0px 20px;background: url("images/arrow-turquoise-right.png") no-repeat center center;background-size:contain;}

#page-flip a:hover {
	filter: Alpha(opacity= 90); 
	-moz-opacity: .9; 
	opacity: .9;
}

/************ # photo selection styles ************/
#show-photos-owrap {width: 100%;height:0px;padding-bottom:79.29%;position:relative;margin:7.92% 0px 12.07% 0px;}

#show-photos-wrap {
	width: calc(100% - 26px);
	height: calc(100% - 26px);
	position: absolute;
	top:0;
	left:0;
	z-index: 150;
	background: #070b0f;
	border-radius: 40px;
	padding: 13px;
	overflow: hidden;
}
.active-photo {
	width: calc(100% - 22px);
	height:  calc(100% - 22px);
	overflow:hidden;
	display:block;
	background: #070b0f;
	border: 1px solid #605440;
	border-radius: 30px;
	padding: 11px;
}

.photo-lg {
	width: 100%;
	height: 0;
	padding-bottom: 78.43%;
	display:none;
	color:#ffffff;
	text-indent: -99999px;
	border-radius: 20px;
}

@media only screen and (min-width : 960px) and (max-width : 1669px) {
#photo-text-wrap {height: calc(100% - 32.27vw); padding-bottom: 32.27vw;}
.photo-text p {line-height: 1.73vw; font-size: 1.43vw; padding: 0.83vw 0px !important;}
#page-flip {bottom: 27.96vw; line-height: 3.29vw; font-size: 1.43vw;}
#page-flip a {width: 3.35vw; height: 3.29vw;}
#page-flip a#prev {margin: 0px 1.19vw 0px 0px;}
#page-flip a#next {margin: 0px 0px 0px 1.19vw;}
#show-photos-wrap {width: calc(100% - 1.55vw); height: calc(100% - 1.55vw); border-radius: 2.39vw; padding: 0.77vw;}
.active-photo {width: calc(100% - 1.31vw); height: calc(100% - 1.31vw); border-radius: 1.79vw; padding: 0.65vw;}
.photo-lg {border-radius: 1.19vw;}

}


/*************************************************** # website/photo shared SECTION styles ***************************************************/
.title-pane {
	width: 24.24%;
	padding: 1px 0% 0px 0px;
	margin: 0px 6.13% 0px 0px;
	position: relative;
	color: #ffffff;
}

.content-pane {
	width: 69.63%;
	color: #ffffff;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	padding: 0px 0% 0px 0px;
	position: relative;
}

.title-pane h2 {
	line-height:72px;
	font-size: 60px;
	color: #ffffff;
	padding: 28px 0px 80px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:900;
	background: url("images/bar-turquoise.png") no-repeat left top;
	text-transform: uppercase;
}
.title-pane h2 a, .title-pane h2 a:hover {color: #ffffff;}
.title-pane h2#pe-h2 {}
.content-pane p, .title-pane p {
	line-height:29px;
	font-size: 24px;
	padding: 20px 25px 0px 25px;
}
.photo-edit .content-pane p {padding: 49px 25px 0px 25px;}
.content-pane a {
	color: #ffffff;
}
.content-pane a:hover {
}

#ws-panel-wrap {
	background: #070b0f;
	border-radius: 40px;
	padding: 13px;
	overflow: hidden;
	margin-top: 80px;
}

#ws-panel {
	background: #070b0f;
	border: 1px solid #605440;
	border-radius: 30px;
	padding: 11px;
	overflow: hidden;
}

#ws-panel-iwrap {
	border-radius: 20px;
	overflow-x: hidden;
	position: relative;
}

#ws-panel-iiwrap {
	width: calc(100% + 17px);
	height: 690px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#ws-panel img {
	width: 100%;
	display: block;
	margin: 0px auto 0px auto;
	height: auto;
}

#scroll-to-view {
	width: 190px;
	height: 125px;
	position: absolute;
	z-index: 150;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	margin: auto;
	text-align: center;
	background: rgba(0,0,0,.7);
	-o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s;
	color: #ffffff;
	line-height:22px;
	font-size: 18px;
	cursor: default;
	display: none;
	transform: translateY(200px);
  transition: transform 700ms ease;
}
#scroll-to-view.popped {transform: translateY(0);}
#scroll-to-view span {
	width: 190px;
	height: 130px;
	position: absolute;
	top:0;
	left:0;
	padding-top: 25px;
	margin-top: 50px;
	opacity:0;
	display: block;
	pointer-events: none;
	background: url("images/arrow-down-turquoise.png") no-repeat center 158px;
	transition: background-position 600ms linear;
  will-change: background-position;
}
#scroll-to-view span.bg-shift {
  background-position: center 88px;
}
@media only screen and (min-width : 960px) and (max-width : 1669px) {
.title-pane h2 {line-height: 4.31vw; font-size: 3.59vw; padding: 1.67vw 0px 4.79vw 0px; background-size: 7.84vw auto;}
.content-pane p, .title-pane p {line-height: 1.73vw; font-size: 1.43vw; padding: 1.19vw 1.49vw 0px 1.49vw;}
.photo-edit .content-pane p {padding: 2.93vw 1.49vw 0px 1.49vw;}
#ws-panel-wrap {border-radius: 2.39vw; padding: 0.77vw; margin-top: 4.79vw;}
#ws-panel {border-radius: 1.79vw; padding: 0.65vw;}
#ws-panel-iwrap {border-radius: 1.19vw;}
#ws-panel-iiwrap {height: 41.31vw;}
}




/*************************************************** # Perfect photo SECTION styles ***************************************************/
#making-the-perfect-photo {
}

#the-perfect-photo {
	max-width: 1680px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#perfect-photo {
	padding: 7.1% 0px 0% 0px;
}

#photo-outer {
	background: #070b0f;
	border-radius: 40px;
	padding: 13px;
	overflow: hidden;
}

#photo-bord {
	background: #070b0f;
	border: 1px solid #605440;
	border-radius: 30px;
	padding: 11px;
	overflow: hidden;
}

#photo-inner {
	border-radius: 20px;
	overflow-x: hidden;
}

#photo-inner {box-sizing: border-box;}

.img-comp-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1630 / 790;
  overflow: hidden;
}

.img-comp-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position: left center;
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  top: 0;
  height: 100%;
  width: clamp(40px, 5.63vw, 97px);
  background: url("images/compare-bar.png") no-repeat center center;
  background-size: 100% auto;
  transform: translateX(-50%);
}

.img-comp-container, .img-comp-slider {
  touch-action: none;
}


@media only screen and (max-width : 1719px) {
#photo-outer {border-radius: 2.32vw; padding: 0.75vw;}
#photo-bord {border-radius: 1.74vw; padding: 0.63vw;}
#photo-inner {border-radius: 1.16vw;}
}

/*************************************************** #  SECTION styles ***************************************************/

#company-merch {
}

#company-swag {
	max-width: 1630px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#company-promotions {
	padding: 7.85% 0px 2.45% 0px;
}

#floating-merch-panels {
	padding: 0px 0px 10px 0px;
}




/*************************************************** # case study cta SECTION styles ***************************************************/
#case-study-cta-wrap {
	border-bottom: 3px solid #222222;
}

#case-study-cta {
	max-width: 1630px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

#case-study-cta-iwrap {
	padding: 12.94% 0px 18.77% 0px;
}

#case-study-cta h2 {
	line-height:71px;
	font-size: 48px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	text-align: center;
}
#case-study-cta h2 a, #case-study-cta h2 a:hover {color: #ffffff;}
#case-study-cta h2 span {
  display: inline-block;
  padding: 0px 36px 0px 10px;
  margin: 0px 0px 0px 1px;
  height: 71px;
  background: url("images/purple-text-gradient.jpg") no-repeat center center;
  background-size: auto 100%;
  transition: background-position 200ms ease;
  will-change: background-position;
}

#case-study-cta h2 span:hover {
  background-position: calc(50% + 40px) center;
}

#case-study-cta h2 span:focus-visible {
  background-position: calc(50% + 40px) center;
}

@media only screen and (max-width : 1099px) {
#case-study-cta h2 {line-height: 6.45vw; font-size: 4.36vw;}
#case-study-cta h2 span {padding: 0px 3.27vw 0px 0.90vw; height: 6.45vw;}
#case-study-cta h2 span:hover {background-position: calc(50% + 3.63vw) center;}
#case-study-cta h2 span:focus-visible {background-position: calc(50% + 3.63vw) center;}
}


/*************************************************** #  SECTION styles ***************************************************/


/*************************************************** #  SECTION styles ***************************************************/



/*************************************************** # Contact SLS SECTION styles ***************************************************/
#contact-sls {
	width: calc(100% - 40px);
	padding: 199px 20px 231px 20px;
	overflow: hidden;
	margin-top: -50px;
	position: relative;
	z-index: 190;
}
#contact-sls.icontact {
	padding: 134px 20px 137px 20px;
	margin-top: -8.35%;
}
#contact-sls.icontact.alt {
	margin-top: 0%;
}
#contact-sls.ccontact {
	padding: 186px 20px 137px 20px;
	margin-top: 0px !important;
	top: -52px;
	margin-bottom: -52px;
}
#contact-sls.cscontact {
	padding: 186px 20px 137px 20px;
	margin-top: 0px !important;
	top: -120px;
	margin-bottom: -120px;
}
#contact-sls.acontact {
	padding: 186px 20px 137px 20px;
	margin-top: 0px !important;
	top: -82px;
	margin-bottom: -82px;
}

#contact-us {
	max-width: 613px;
	margin: 0px auto;
	padding: 37px 80px 51px 80px;
	position: relative;
}

#contact-us p {
	font-size: 16px;
	color: #46125a;
	padding: 15px 0px 15px 0px;
	line-height: 4.7vh;
	text-align: center;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

#cform-sls-page, #cform-sls-book {
	position: relative;
}

/*************************************************** # Related Articles SECTION styles ***************************************************/
.related-articles-wrap {
	position: relative;
	z-index: 190;
}

.related-articles {
	max-width: 1270px;
	margin: 0px auto;
	padding: 42px 50px 58px 50px;
}

.fltlt-related {
	width: calc(50% - 34px);
	float: left;
}

.fltrt-related {
	width: calc(50% - 34px);
	float: right;
}

.img {
	width: 100%;
	height: 0px;
	padding: 0px 0px 75% 0px;
	margin: 0px auto 0px auto;
	display: block;
	border: none;
	position:relative;
}
.img a {
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 180;
	display:block;
}

.related-articles p {
	padding: 15px 0px 15px 0px;
	color: #ffffff;
}


/*************************************************** # SECTION related styles ***************************************************/
#sec-related-wrap {
	padding: 5.3125% 0px 6.35% 0px;
	position: relative;
	z-index: 180;
}
#sec-related-wrap.web-design-bump {
	margin-top: -5.3125%;
}
#sec-related-wrap.sb-bump {
	padding: 5.3125% 0px 0px 0px;
}

#sec-related-top {
	width: 100%;
	padding-bottom: 5.3125%;
	height: 0;
	background: url("images/rel-top.png") no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 180;
}
#sec-related-top.flip {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}

#sec-related-bot {
	width: 100%;
	padding-bottom: 6.35%;
	height: 0;
	background: url("images/rel-bot.png") no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 1px;
	left: 0;
}
#sec-related-bot2 {
	width: 100%;
	padding-bottom: 6.35%;
	height: 0;
	background: #5d5aab;
}
#sec-related-bot.flip {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}
#sec-related-iwrap {
	background: #5d5aab;
}
#sec-related {
	max-width: 1270px;
	margin: 0px auto;
	padding: 40px 20px 40px 20px;
	color: #ffffff;
	font-size:22px;
	line-height: 34px;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 500;
}

#sec-related h2, #sec-related h2 a, #sec-related h2 a:hover {
	color: #ffffff;
}
#sec-related p {
	padding: 17px 0px;
}
#sec-related a, #sec-related a:hover {
	color: #ffffff;
	font-weight: 600;
}

#sec-related .fltlt {
	width: calc(100% - 500px);
	float: left;
	max-width: 650px;
	padding: 0px 0px 0px 0px;
}
#sec-related .fltrt {
	width: 460px;
	float: right;
	padding: 0px 0px 0px 0px;
}



/*************************************************** # SECTION styles ***************************************************/






/*************************************************** # SECTION styles ***************************************************/
/*** #  styles ***/



/*** #  styles ***/



/*** #  styles ***/



/*** #  styles ***/



/*** #  styles ***/


/*************************************************** # FOOTER styles ***************************************************/
footer {
	background: #0f0115;
}

footer-inner {
	max-width: 1270px;
	margin: 0px auto -26px auto;
	padding: 50px 50px 49px 50px;
	color: #5d5aab;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

#disclaimer {
	width: calc(100% - 325px);
	float: left;
}

#social-media {
	width: 275px;
	padding: 0px 0px 0px 0px;
	float: right;
}

/*** # disclaimer styles ***/
#disclaimer p {
	padding: 11px 0px 11px 0px;
}
#disclaimer p a {
	color: #5d5aab;
	font-weight: 400;
	text-decoration: none;
}
#disclaimer p a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/*** # social (main) styles (SHARED) ***/
#social-media p, #socialmedia p {
	padding: 0px 0px 0px 0px;
	line-height: 36px;
}

#social-media a, #socialmedia a {
	width: 36px;
	height: 36px;
	margin: 0px 0px -7px 5px;
	display: inline-block;
	background: url("images/social-media-icons.png") no-repeat left top;
	color:#ffffff;
	text-indent: -999999px;
	text-align:left;
}
#socialmedia a {
	margin: 0px 0px -9px 5px;
}
#social-media a:hover, #socialmedia a:hover {
	filter: Alpha(opacity= 85); 
	-moz-opacity: .85; 
	opacity: .85;
}

#social-media a.instagram, #socialmedia a.instagram {background-position: 0px 0px;margin-left: 15px;}
#social-media a.facebook, #socialmedia a.facebook {background-position: -42px 0px;}
#social-media a.twitter, #socialmedia a.twitter {background-position: -83px 0px;}
#social-media a.youtube, #socialmedia a.youtube {background-position: -124px 0px;}
#socialmedia p.smlinks {
	text-align: center;
	padding: 10px 0px 0px 0px;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	clear: both;
}
#socialmedia p.smlinks a {
	width:auto;
	height:auto;
	margin: 0;
	background: none;
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
	text-indent: 0px;
}

/******************************************** # Styles Tablet and Mobile SHARED ********************************************/
@media only screen and (max-width : 959px) {
/* pane 3b (index) */
#panel-3b-top {position: relative;top: inherit;left:inherit;}
#panel-3b-mid {height: auto;position: relative;top: inherit;left:inherit;display: block;}
#panel-3b-mid-iwrap {height: auto;padding: 40px 0px 40px 0px;display: block;}
#panel-3b-mid-iiwrap {padding: 0px 10px;}
#panel-3b-bot {position: relative;bottom: inherit;left:inherit;}
#panel-3b-top h2 {padding: 3.99% 0px 0px 0px;line-height:50px;font-size: 33px;}
/* pane 4 (index) */
#panel-4 a span.box-wrap {padding-bottom: 40vh;}
#panel-4 a span.box {height: calc(40vh - 54px);}
#panel-4 a {width:50%;font-size: 26px;}
#panel-4 a.alt2 {background: url("images/panel-4-bg-alt.png") no-repeat center top;background-size: 100% 100%;}
#panel-4 a.alt.alt3 {background: #5d5aab;}
#panel-4 a span.icon {width: 118px;height: 90px;margin: 0px auto 20px auto;}
#panel-4 a span.title {padding: 0px 0px 10px 0px;line-height: 31px;}
#panel-4 a span.title.title-alt {line-height: 31px;}
/* pane 5 (index) */
#p5-text-wrap {padding: 80px 49px 80px 49px;}
#p5-text {height: auto;padding: 190px 0px 280px 0px;}
#p5-text p {padding: 25px 40px 25px 40px;font-size: 44px;line-height: 53px;text-align: left;}
/* pane 6 (index) */
#panel-6 a {width: 50%;}
#panel-6 a span.box-wrap {padding-bottom: 35vh;}
#panel-6 a span.box {height: calc(35vh - 78px);}
#panel-6 a.box-alt span.box-wrap {padding-bottom: 45vh;}
#panel-6 a.box-alt span.box {height: calc(45vh - 78px);}
#panel-6 a:hover span.box-wrap {background: url("images/p6link-mask.png") repeat center center;}
#panel-6 a:hover span.box-inner {background: none;border: 1px solid #57d5fe;}
#panel-6 a.box-alt:hover span.box-inner {background: none;border: 1px solid #faff00;}
#panel-6 a span.type {padding: 0px 0px 15px 0px;}
#panel-6 a span.title {padding: 0px 0px 0px 0px;font-size: 24px;line-height: 28px;}
/* pane 7 (index) */
#footer-left {display:none;}
#footer-right {width: auto;padding: 99px 40px 99px 40px;float: none;}
#footer-panel-office {max-width: 546px;}
img.imgoffice {margin: 0px auto 20px auto;}

/* Case Study Statistics */
#firm-statistics {padding: 20px 20px 0px 20px;}
#firm-success {padding: 16px 0px 0px 0px;background-size: 100% 8px;}
#firm-data {height: auto;}
.data-point {padding: 44px 10px 30px 10px;font-size: 14px;line-height: 20px;}
.data-point strong {font-size: 52px;line-height: 38px;padding: 0px 0px 15px 0px;}
/* gallery */
.photo-gallery {padding: 90px 0px 10px 0px;}
a.gallery-prev {width: 55px;}
a.gallery-prev span {height: 72px; background-size: 22px 35px;}
a.gallery-next {width: 55px;}
a.gallery-next span {height: 72px; background-size: 22px 35px;}
#gallery-carousel ul li span.caption {width: calc(100% - 24px); padding: 16px 12px 16px 12px; font-size: 14px; line-height: 17px;}

/* about us page */
#our-clients {padding: 20px 20px 0px 20px;}
#cl-icon-wrap {padding: 40px 0px 0px 0px;}
.client {width: calc(25% - 8px);margin: 0px 0px 10px 0px;}
.staff {width: calc(25% - 12px);padding: 0px 6px 0px 6px;margin: 0px -2px 8px -2px;}
#staff-wrap {padding: 40px 0px 0px 0px;}
.staff-look {height: calc(100% - 40px);top:40px;}
#our-services {padding: 0px 30px 40px 30px;}
#about-services {padding: 40px 0px 0px 0px;}
.team-profile.first {padding: 50px 0px 51px 0px;}
.team-profile h3 {line-height:24px;font-size: 22px;padding: 0px 0px 7px 0px;}
.team-profile h4 {line-height:15px;font-size: 15px;}
.team-profile h5 {line-height:17px;font-size: 14px;padding: 12px 0px 0px 0px;}
.content .team-profile p {padding: 12px 0px 0px 0px;line-height: 20px;font-size: 14px;}
/* new about us page */
#ic-text h2 {line-height: 2.76vw; font-size: 2.63vw; padding: 0px 0px 0.39vw 0px;}
#ic-text h3 {line-height:12px;font-size:12px;padding:0px 0px 2px 0px;}
#ic-text p {line-height:16px;font-size:12px;padding:6px 0px 6px 0px;}
#ic-text a.arrow-link {line-height:16px;font-size:15px;}
#ic-text a.arrow-link span {padding:0px 22px 0px 0px;background-position:right 3px center;background-size:8px auto;}
#ic-text a.arrow-link:hover span {background-position:right center;}

#sls-team {padding: 6.87% .56%;}
#sls-team-iwrap {padding: 20px 0px 0px 0px;}
#sls-team-panels {padding: 20px 0px 0% 0px;}
#sls-team h2 {line-height:29px;font-size:28px;padding:0px 10px 1px 10px;}
#sls-team p {max-width: 400px;line-height:18px;font-size:14px;padding:9px 10px 9px 10px;}
.team-member, a.team-member {width: 32.21%;margin: 0px .56% 2.33% .56%;}
.team-member span.title, a.team-member span.title {line-height:19px;font-size:18px;padding:0px 0px 1px 0px;}
.team-member span.position, a.team-member span.position {line-height:18px;font-size:12px;}

.pop-panel-iwrap {padding: 20px 0px 0% 0px;}
.pop-panels {padding: 20px 0px 0% 0px;}
.pop-panel-left-itext {padding: 40px 40px 40px 40px;}
.pop-panel-right-itext {padding: 40px 40px 40px 40px;}
.pop-panel h2 {line-height:30px;font-size:28px;}
.pop-panel p {max-width: 400px;line-height:18px;font-size:14px;padding:9px 20px 9px 20px;}
.pop-panel h3 {line-height:21px;font-size:18px;}
.pop-panel h4 {line-height:18px;font-size:16px;}

/* Layout 2 */
.layout-2-wrap {display:block;}
.layout-2-image-wrap {width: auto;}
.layout-2-image {width: auto;height: 290px;margin-bottom:20px;max-width: none;position: relative;top:auto;left:auto;}
.layout-2-image.l2-image-a {background: url("images/design-lependorf-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-image.l2-image-a2 {height: 380px;background: url("images/design-breyer-mobile.png") no-repeat center top;background-size: contain;}
.layout-2-image.l2-image-a3 {height: 380px;background: url("images/design-balboa-mobile.png") no-repeat center top;background-size: contain;}
.layout-2-image.l2-image-b {background: url("images/social-gibson-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-image.l2-image-c {background: url("images/seo-jdlaw-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-image.l2-image-d {background: url("images/ppc-breyer-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-image.l2-image-e {background: url("images/local-map-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-image.l2-image-f {background: url("images/marketing-keys-mobile.png") no-repeat center center;background-size: contain;}
.layout-2-text {width: auto;}
.layout-2-text-pane {width: auto;max-width:none;padding: 77px 30px 20px 30px;float: none;}
.layout-2-image p {padding: 0px 20px 0px 20px;width: calc(100% - 40px);bottom: 20px;}
.layout-2-image p.place1 {bottom: 20px;}
/* Layout 3 */
.layout-3-wrap {padding: 53px 0px 0px 0px;}
.layout-3-wrap.alt {padding: 78px 0px 100px 0px;}
.layout-3-iwrap.l3-image-a, .layout-3-iwrap.l3-image-a3, .layout-3-iwrap.l3-image-a4, .layout-3-iwrap.l3-image-d, .layout-3-iwrap.l3-image-e, .layout-3-iwrap.l3-image-f {background: none;}
.layout-3-iwrap.l3-image-b {background: url("images/laptop-guisti.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-b2 {background: url("images/laptop-bottlinger.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b3 {background: url("images/laptop-bussey.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b4 {background: url("images/laptop-page.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b5 {background: url("images/laptop-low.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b6 {background: url("images/laptop-grant.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-c {background: url("images/social-jdicks-2-alt.png") no-repeat right center;background-size: 65% auto;}
.layout-3-text {width: auto;min-width: inherit;}
.layout-3-text-pane {width:auto;max-width: none;padding: 0px 30px 0px 30px;margin: 0px auto 34px auto;float: none;}
.testimonial-pane.tpane-alt {width: 500px;margin: 0px 0px 0px 0px;}
.testimonial-pane.tpane-alt p {padding: 2px 0px 2px 0px;line-height: 40px;font-size: 25px;}
.testimonial-pane.tpane-alt p span {width: calc(100% - 24px);padding: 0px 12px 0px 12px;line-height: 40px;}
a.case-study {margin: 0px auto 20px auto;}
a.case-study.cs-guisti {margin: 40px auto 20px auto;}

/* Layout Items */
.layout-items {padding: calc(5.26% + 10px) 30px 0px 30px;}
.layout-items .fltlt, .layout-items .fltrt {padding: 0px 0px 22px 0px;}
.item-number {width: 43px;font-size: 51px;line-height: 36px;}
.item-text {width: calc(100% - 48px);padding: 0px 5px 0px 0px;}

/* website*/
#ws-panel-wrap {border-radius:22px;padding:7px;margin-top:45px;}
#ws-panel {border-radius:17px;padding:6px;}
#ws-panel-iwrap {border-radius:11px;}
#ws-panel-iiwrap {height:396px;}

/* photo */
#photo-text-wrap {height: calc(100% - 27.27vw); padding-bottom: 27.27vw;}
.photo-text p {line-height:15px;font-size:12px;padding:5px 0px !important;}
#page-flip {bottom: 22.96vw;line-height:31px;font-size:13px;}
#page-flip a {width:32px;height:31px;}
#page-flip a#prev {margin:0px 11px 0px 0px;}
#page-flip a#next {margin:0px 0px 0px 11px;}
#show-photos-wrap {width:calc(100% - 14px);height:calc(100% - 14px);border-radius:22px;padding:7px;}
.active-photo {width:calc(100% - 13px);height:calc(100% - 13px);border-radius:17px;padding:6px;}
.photo-lg {border-radius:11px;}


/* website/photo shared */
.title-pane h2 {line-height: 4.31vw; font-size: 3.59vw; padding: 1.67vw 0px 4.79vw 0px; background-size: 7.84vw auto;}
.content-pane p, .title-pane p {line-height:16px;font-size:12px;padding:11px 14px 0px 14px;}
.photo-edit .content-pane p {padding:28px 14px 0px 14px;}


/* Contact */
#contact-sls {padding: 49px 20px 49px 20px;margin-top: -20px;}
#contact-sls.icontact {padding: 89px 20px 49px 20px;margin-top: -80px;}
#contact-sls.ccontact, #contact-sls.acontact {padding: 101px 20px 49px 20px;}
#contact-sls.cscontact {padding: 101px 20px 49px 20px;top: -62px;margin-bottom: -62px;}
input[type=submit].subform.subform2 {width: 281px;line-height: 62px;font-size: 20px;}
/* Related Articles */
.related-articles {padding: 42px 30px 58px 30px;}
.fltlt-related {width: calc(50% - 10px);}
.fltrt-related {width: calc(50% - 10px);}
/* Related section */
#sec-related {padding: 40px 60px 40px 60px;}
#sec-related .fltlt {width: auto;float: none;max-width: none;padding: 0px 0px 0px 0px;}
#sec-related .fltrt {width: auto;float: none;padding: 0px 0px 0px 0px;}
#sec-related-bot2 {padding-bottom: 80px;}
/* footer */
footer-inner {padding: 30px 30px 29px 30px;}
#social-media {margin: 0px auto 20px auto;float: none;}
#disclaimer {width: auto;float: none;}
/* site menu */
#site-menu ul {padding: 0px 0px 0px 0px;list-style: none;line-height: 29px;font-size: 27px;}



}

/******************************************** # Styles Standard Wide PC ONLY ********************************************/
@media only screen and (min-width : 960px) and (max-width : 1599px) {
/* Layout 2 */
.layout-2-text-pane {width: calc(100% - 100px);padding: 136px 45px 205px 55px;}
.layout-2-image {top:45px;}
.layout-2-image p {bottom: 105px;width: calc(100% - 120px);padding: 0px 100px 0px 20px;}

/* Layout 3 */
.layout-3-iwrap.l3-image-a {background: url("images/design-breyer-2.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-a3 {background: url("images/design-breyer-3.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-a4 {background: url("images/design-balboa-2b.png") no-repeat right 300px;background-size: 65% auto;}
.layout-3-iwrap.l3-image-b {background: url("images/laptop-guisti.png") no-repeat right center;background-size: 60% auto;}
.layout-3-iwrap.l3-image-b2 {background: url("images/laptop-bottlinger.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b3 {background: url("images/laptop-bussey.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b4 {background: url("images/laptop-page.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b5 {background: url("images/laptop-low.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-b6 {background: url("images/laptop-grant.png") no-repeat right center;background-size: 45% auto;}
.layout-3-iwrap.l3-image-c {background: url("images/social-jdicks-2-alt.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-d {background: url("images/social-wrsh.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-d2 {background: url("images/social-wrsh2.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-e {background: url("images/local-wrsh.png") no-repeat right center;background-size: 65% auto;}
.layout-3-iwrap.l3-image-f {background: url("images/content-breyer.png") no-repeat right center;background-size: 65% auto;}
.layout-3-wrap {padding: 68px 0px 40px 0px;}
.layout-3-wrap.alt {padding: 98px 0px 120px 0px;}
.layout-3-text {min-width: 535px;}
.layout-3-text-pane {width: calc(100% - 60px);padding: 77px 0px 0px 0px;margin: 0px 0px 34px 0px;}
.layout-3-text h2 {padding: 35px 0px 128px 0px;}
a.case-study {margin: 40px auto 0px auto;}
a.case-study.cs-guisti {margin: 90px auto 0px auto;}
a.case-study.cs-jdlaw {margin: 150px auto 0px auto;}

}

/******************************************** # Styles Standard PC ONLY ********************************************/
@media only screen and (min-width : 960px) and (max-width : 1399px) {
/* Layout Items */
.item-text {width: calc(100% - 135px);padding: 0px 40px 0px 0px;}

}

/******************************************** # Styles THIN PC ONLY ********************************************/
@media only screen and (min-width : 960px) and (max-width : 1199px) {
/* Layout 2 */
.layout-2-text-pane {width: calc(100% - 80px);padding: 86px 35px 105px 45px;}
.layout-2-text p {line-height: 26px;}
.layout-2-image {top:25px;}
.layout-2-image p {bottom: 75px;}
/* Layout 3 */
.layout-3-text-pane {margin: 0px 0px 14px 0px;}
.layout-3-wrap {padding: 0px 0px 20px 0px;}
.layout-3-text h2 {padding: 35px 0px 98px 0px;}
a.case-study {margin: 30px auto 0px auto;}
/* Layout Items */
.item-text {width: calc(100% - 95px);padding: 0px 0px 0px 0px;}

}

/******************************************** # Styles Tablet ONLY ********************************************/
@media only screen and (min-width : 640px) and (max-width : 959px) {
/* Layout 2 */
.layout-2-overlay-top {background: url("images/plain-overlay-top-bg-tablet.png") no-repeat left top;background-size: 100% 100%;}
.layout-2-overlay-bot {background: url("images/grey-stripe-overlay-bg-tablet.png") no-repeat right bottom;background-size: 100% 100%;}
/* Layout Items */
.layout-items-overlay-top {background: url("images/layout-items-overlay-top-bg-mobile.png") no-repeat left top;background-size: 100% 100%;}

}

/******************************************** # Styles THIN Tablet ONLY ********************************************/
@media only screen and (min-width : 640px) and (max-width : 739px) {
/* Panel 3b */
#panel-3b-top h2 {line-height:40px;font-size: 28px;}
/* Layout 2 */
.layout-2-image p {bottom: 5px;}
/* Layout 3 */
a.case-study.cs-jdlaw {margin: 150px auto 0px auto;}

}

/******************************************** # Styles Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 639px) {
/* Panel 3b */
#panel-3b-top h2 {line-height:30px;font-size: 22px;}
/* Panel 4 */
#panel-4 a {width: 100%;}
#panel-4 a {background: #5d5aab !important;}
#panel-4 a.alt {background: url("images/panel-4-bg-alt.png") no-repeat center top !important;background-size: 100% 100% !important;}
/* Panel 5 */
#p5-text-wrap {padding: 20px 20px 20px 20px;}
#p5-text {height: auto;padding: 60px 0px 80px 0px;}
#p5-text p {padding: 9px 20px 9px 20px;font-size: 18px;line-height: 22px;}
/* Panel 6 */
#panel-6 a {width: 100%;}
#panel-6 a.box-alt span.box-wrap {padding-bottom: 35vh;}
#panel-6 a.box-alt span.box {height: calc(35vh - 54px);}
/* Panel 7 */
#footer-right {padding: 20px 20px 20px 20px;}
#footer-panel-office {text-align:center;}
img.imgoffice {margin: 0px auto 20px auto;}
p.office-address {font-size: 16px;line-height: 21px;}
#mycarousel ul li#panel-7 ul.office-contact {font-size: 12px;line-height: 22px;display: inline-block;margin: 0px auto;}
#mycarousel ul li#panel-7 ul.office-contact li span.detail {width: 50px;padding: 0px 8px 0px 0px;margin: 8px 6px 8px 6px;}
#mycarousel ul li#panel-7 ul.office-contact li a, ul.office-contact li span.detail-data {font-size: 14px;}
/* Case Study Statistics */
#firm-statistics {padding: 0px 20px 10px 20px;}
#firm-data {padding:0px 0px 28px 0px;margin: 0px 0px 30px -.93%;}
.data-point {width: calc(100% - 30px);padding: 34px 10px 0px 10px;}
/* gallery */
.photo-gallery {padding: 61px 0px 10px 0px;}
a.gallery-prev {width: 36px;}
a.gallery-prev span {height: 48px; background-size: 14px 23px;}
a.gallery-next {width: 36px;}
a.gallery-next span {height: 48px; background-size: 14px 23px;}
#gallery-carousel ul li span.caption {width: calc(100% - 16px); padding: 10px 8px 10px 8px;position:relative;background: #000000;}

/* about us page */
#our-clients {padding: 0px 20px 0px 20px;}
#cl-icon-wrap {padding: 20px 0px 0px 0px;}
.client {width: calc(33% - 8px);margin: 0px 0px 7px 0px;}
#staff-wrap {padding:20px 0px 0px 0px;}
.staff {width: calc(33% - 10px);padding: 0px 5px 0px 5px;margin: 0px -2px 6px -2px;}
.staff-look {display:none !important;}
.staff-pic {width: 33%;display:inline-block; float:none;padding: 0px 0px 33% 0px;margin: 0px -2px 5px -2px;}
.staff-pic a {width: calc(100% - 10px);left: 5px;}
.team-profile {padding: 0px 0px 25px 0px;}
.team-profile.first {padding: 25px 0px 25px 0px;}

#our-services {padding: 0px 30px 20px 30px;}
#about-services {padding: 20px 0px 0px 0px;}
#our-services a.find-more {padding: 10px 0px 0px 0px;margin: 0px 0px 20px 0px;}
.fltlt-staff {width: 100%;float: none;}
.fltrt-staff {width: 100%;float: none;margin-top: 20px;}
a.close-staff {width: 20px;height: 20px;right: 10px;background-size:contain;}
/* new about us page */
#image-content {padding: 0px 10px 0px 10px;}
#image-content-iwrap {margin-top: -7.63%;}
#ic-img {width: 27.43%;padding-bottom: 31.68%;}
#ic-text {width: calc(72.57% - 20px);padding: 0px 10px 0px 10px;}
#ic-text-cell {height: 80.88%;padding: 15% 0px 4.12% 0px;}
#ic-text h2 {line-height:17px;font-size:16px;padding:0px 0px 2px 0px;}

#sls-team h2 {line-height:25px;font-size:24px;}
#sls-team p {line-height:16px;font-size:12px;}
.team-member, a.team-member {width: 48.88%;margin: 0px .56% 2.33% .56%;}
.team-member span.title, a.team-member span.title {line-height:17px;font-size:16px;}

.pop-panels {padding: 20px 0px 20px 0px;}
.pop-panel {padding: 0px 0px 0px 0px;}
.pop-panel-left {width: 79.02%;padding: 2.9% 0px 2.9% 0px;margin-bottom: 10px;}
.pop-panel-left-text {width: 116.81%;margin-left: 4.82%;}
.pop-panel-right {width: 79.02%;padding: 2.9% 0px 2.9% 0px;}
.pop-panel-right-text {width: 116.81%;margin-left: -21.94%;}
.pop-panel-left-itext {padding: 20px 20px 20px 20px;}
.pop-panel-right-itext {padding: 20px 20px 20px 20px;}
.pop-panel h2 {line-height:26px;font-size:24px;padding: 0px 10px 1px 10px;}
.pop-panel p {line-height:16px;font-size:12px;padding:6px 10px 6px 10px;}
.pop-panel h3 {line-height:19px;font-size:16px;}
.pop-panel h4 {line-height:16px;font-size:14px;}

/* Layout 2 */
.layout-2-overlay-top {background: url("images/plain-overlay-top-bg-mobile.png") no-repeat left top;background-size: 100% 100%;}
.layout-2-overlay-bot {background: url("images/grey-stripe-overlay-bg-mobile.png") no-repeat right bottom;background-size: 100% 100%;}
.layout-2-text-pane {line-height: 28px;padding: 37px 20px 20px 20px;}
.layout-2-image p {bottom: 0px;}

/* Layout 3 */
.layout-3-wrap {padding: 28px 0px 0px 0px;}
.layout-3-text-pane {line-height: 28px;padding: 0px 0px 0px 0px;}
.testimonial-pane {padding: 114px 5px 68px 5px;box-shadow: none;}
.testimonial-pane p.title {padding: 0px 0px 16px 0px;}
.testimonial-pane.tpane-alt {width: 300px;margin: 0px 0px 0px 0px;}
.testimonial-pane.tpane-alt p {padding: 2px 0px 2px 0px;line-height: 30px;font-size: 14px;}
.testimonial-pane.tpane-alt p span {width: calc(100% - 20px);padding: 0px 10px 0px 10px;line-height: 30px;}
img.imgldquo {left:21px;top:63px;width:32px;height:auto;}
img.imgrdquo {right:21px;bottom:26px;width:32px;height:auto;}
a.case-study {width: 280px;line-height: 48px;font-size: 20px;}
a.case-study.cs-jdlaw {margin: 150px auto 0px auto;}
/* pane 6 (index) */
#panel-6 a span.title {padding: 0px 0px 0px 0px;font-size: 20px;line-height: 24px;}
/* Layout Items */
.layout-items {padding: calc(5.26% + 10px) 20px 0px 20px;}
.layout-items-overlay-top {background: url("images/layout-items-overlay-top-bg-mobile.png") no-repeat left top;background-size: 100% 100%;}

/* website */
#scroll-to-view {width: 114px;height: 75px;line-height:18px;font-size: 14px;transform: translateY(100px);transition: transform 700ms ease;}
#scroll-to-view.popped {transform: translateY(0);}
#scroll-to-view span {width: 114px;height: 60px;padding-top: 15px;background-position: center 128px;background-size: 16px auto;transition: background-position 600ms linear;will-change: background-position;}
#scroll-to-view span.bg-shift {background-position: center 55px;}

/* photo */
#show-photos-owrap {margin: 0px 0px 40px 0px;}
#photo-text-panel {width:100%;height:auto;position: relative;display:block;padding-top: 30px;opacity: 1 !important;}
#photo-text-wrap {width:100%;height:auto;position: relative;display: block;padding-bottom: 0px;opacity: 1 !important;}
.photo-text p {line-height:15px;font-size:12px;padding:5px 0px !important;}
#page-flip {position: relative;bottom: 0;padding-top: 10px;}



/* website/photo shared */
.title-pane {width: auto;padding: 1px 0% 0px 0px;margin: 0px 0% 0px 0px;}
.content-pane {width: auto;padding: 1px 0% 0px 0px;}
.title-pane h2 {line-height:27px;font-size:22px;padding:10px 0px 30px 0px;background-size:50px auto;}
.content-pane p, .title-pane p {line-height:16px;font-size:12px;padding:0px 0px 0px 0px;color:#ffffff !important; opacity: 1 !important;}
.photo-edit .content-pane p {padding:0px 0px 0px 0px;}

#website-scroll-wrap .stuck, #photo-edit-wrap .stuck {position: static !important;}
#website-scroll-wrap .columns, #photo-edit-wrap .columns {height: auto !important; overflow: visible !important;}

#company-promotions {padding-bottom: 40px;}

/* Contact */
#contact-sls {padding: 0px 0px 0px 0px; width:100%;}
#contact-sls.icontact {padding: 50px 0px 0px 0px;}
#contact-sls.ccontact{padding: 52px 0px 0px 0px;}
#contact-sls.cscontact {padding: 52px 0px 0px 0px;top: -52px;margin-bottom: -52px;}
#contact-sls.acontact {padding: 52px 0px 0px 0px;top: -42px;margin-bottom: -42px;}
#contact-us {padding: 27px 20px 31px 20px;}
textarea.tform {margin: 0px 0px 12px 0px;}
input[type=submit].subform {width: 280px;line-height: 48px;font-size: 20px;}
input[type=submit].subform.subform2 {width: 240px;line-height: 53px;font-size: 20px;}
/* Related Articles */
.related-articles {padding: 32px 20px 38px 20px;}
.fltlt-related {width: auto;float: none;}
.fltlt-related.xpad {padding-bottom:20px;}
.fltrt-related {width: auto;float: none;}
.related-articles p {padding: 13px 0px 13px 0px;}
/* Related section */
#sec-related {padding: 40px 40px 40px 40px;font-size:18px;line-height: 30px;}
content ul.clist2, ul.clist2 {line-height: 22px;font-size:18px;}
content .fltlt ul.clist2, .fltlt ul.clist2 {padding: 7px 0px 0px 0px;}
content .fltrt ul.clist2, .fltrt ul.clist2 {padding: 0px 0px 7px 0px;}
content ul.clist2 li, ul.clist2 li {padding: 4px 20px 4px 21px;background: url("images/bullet2.png") no-repeat left 10px;}
/* footer */
footer-inner {padding: 30px 20px 29px 20px;color: #5d5aab;font-size: 16px;line-height: 20px;}


}

/******************************************** # Styles THIN Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 469px) {
/* about us page */
.client {width: calc(50% - 8px);margin: 0px 0px 3px 0px;}
.profile-lt {width: 100%;height: 0px;padding: 0px 0px 100% 0px;margin: 0px 0px 30px 0px;}
.profile-rt {width: auto;display: block;padding: 0px 0px 30px 0px;}
.profile-rt-cell {width: auto;height: auto;display: block;vertical-align: top;	}
/* Panel 3b */
#panel-3b-top h2 {line-height:22px;font-size: 18px;}
/* Panel 4 */
#panel-4 a {font-size: 14px;}
#panel-4 a span.title {line-height: 20px;}
#panel-4 a span.title.title-alt {line-height: 20px;}
/* Layout 2 */
.layout-2-image p {bottom: -5px;}
/* Layout 3 */
.layout-3-iwrap.l3-image-b {background: url("images/laptop-guisti.png") no-repeat right center;background-size: 260px auto;}
.layout-3-iwrap.l3-image-b2 {background: url("images/laptop-bottlinger.png") no-repeat right center;background-size: 260px auto;}
.layout-3-iwrap.l3-image-b3 {background: url("images/laptop-bussey.png") no-repeat right center;background-size: 260px auto;}
.layout-3-iwrap.l3-image-b4 {background: url("images/laptop-page.png") no-repeat right center;background-size: 260px auto;}
.layout-3-iwrap.l3-image-b5 {background: url("images/laptop-low.png") no-repeat right center;background-size: 260px auto;}
.layout-3-iwrap.l3-image-b6 {background: url("images/laptop-grant.png") no-repeat right center;background-size: 260px auto;}
a.case-study.cs-jdlaw {margin: 75px auto 0px auto;}
/* pane 6 (index) */
#panel-6 a span.box-owrap {padding-bottom: 36vh;}
#panel-6 a span.title {padding: 0px 0px 0px 0px;font-size: 16px;line-height: 18px;}

}