@charset "utf-8";
/* CSS Document */

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; /*-webkit-backface-visibility: hidden; */ margin: 0px; padding: 0px}

body, html { background-color:#01aad3;}
a { color:#000;  text-decoration:none;}



/* Header */
.headerwrap { width:100%; height:75px; background-color:#01aad3;}
header { width:1024px; margin:0 auto;}
.socialicons { float:right; margin:26px 11px 0px 0px;}

/* Nav */
nav { overflow:hidden; float:left;}
nav ul {}
nav ul li { float:left; display:block; padding:8px 13px; margin: 27px 0px 0px 24px; }
nav ul li.logo { padding:0px 0px; cursor:pointer; margin:-5px 15px 0px 0px;}
nav ul li a { color:#FFFFFF; text-decoration:none; font-family:'Carrois Gothic', sans-serif; font-size:14px; text-transform:uppercase;}
nav ul li.active-main  {  background-color:#bf1e2e;  }
nav ul li.active-main a { }
nav ul li:hover {}
.navigation{ display:none; }
.menu-mobile { display:none;}


.container { margin:0 auto; width:1024px; position:relative; }

/* Content */
.content { overflow:hidden; margin-bottom:30px;}
.content .prev { position:absolute; top:54%; left:-48px; cursor:pointer;}
.content .next { position:absolute; top:53%; right:-28px; cursor:pointer;}


/* Work */
.work-nav {text-align:right; float:right; width:435px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px;  }
body.main .work-nav {text-align:right; float:right; width:0px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px;  }
.work-nav ul { padding:10px 0px 0px 0px;}
.work-nav ul li { display:inline; padding:15px;   }
.work-nav ul li a { color:#FFF; text-decoration:none; font-family:'Carrois Gothic', sans-serif; font-size:13px; text-transform:uppercase;}
.work-nav ul li a:hover {border-bottom:4px solid #01aad3;}
.work-nav ul li.active a { border-bottom:4px solid #01aad3;}

.work-section1 { margin:10px 0px 0px 0px; display:block;}
.work-section1.second { display:block;  margin:10px 0px 0px 0px;}
.work-section1.third { display:block;  margin:10px 0px 0px 0px;}
.work-section1 ul li { position:relative; width:240px; height:240px; float:left; margin:10px 16px 0px 0px; display:none; cursor:pointer;}
body.client .work-section1 ul li { position:relative; width:240px; height:240px; float:left; margin:10px 16px 0px 0px; display:none; cursor:none;}
.work-section1 ul li.extra { display:none;}
.work-section1 img {   opacity:0.9;}
body.client .work-section1 img { opacity:1;}
.work-section1 img:hover { opacity:1; cursor:auto; }

span.redbg {/*background-image:url(../images/redbg.png);*/ background-color:#bf1e2e; position:absolute; color: #FFFFFF;float: left; height: 30px;  position:absolute; width:0px; z-index:2000;  bottom:0px; left:0; overflow:hidden; -webkit-transition:width 1s; -moz-transition: width 1s; transition:width 1s; -o-transition:width 1s;  }
span.redbg.active-title { width:240px;}

span.redbg em { color: #FFFFFF; opacity:0; text-align:center; font-family: 'Carrois Gothic', sans-serif; line-height:25px; text-transform:uppercase; font-size:11px; font-style:normal; display:block; line-height:32px;
transition:opacity 1s .2s ease-in;
 -moz-transition: opacity 1s .2s ease-in; 
-webkit-transition: opacity 1s .2s ease-in; 
-o-transition: opacity 1s .2s ease-in;  
-webkit-backface-visibility: hidden;
}
.work-section1 ul li:hover span em { opacity:1;}

/* Company */

.company-nav {text-align:right; float:right; width:334px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px; }
body.main .company-nav {text-align:right; float:right; width:0px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px; }
.company-nav ul { padding:10px 0px 0px 0px;}
.company-nav ul li { display:inline; padding:15px;  }
.company-nav ul li a { color:#FFF; text-decoration:none; font-family:'Carrois Gothic', sans-serif; font-size:13px; text-transform:uppercase;}
.company-nav ul li a:hover {border-bottom:4px solid #01aad3;}
.company-nav ul li.active a { border-bottom:4px solid #01aad3;}

/* Law */

.law-nav {text-align:right; float:right; width:560px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px; }
body.main .law-nav {text-align:right; float:right; width:0px; background-color:#bf1e2e; height:36px; margin:40px 17px 0px 0px; }
.law-nav ul { padding:10px 0px 0px 0px;}
.law-nav ul li { display:inline; padding:15px;  }
.law-nav ul li a { color:#FFF; text-decoration:none; font-family:'Carrois Gothic', sans-serif; font-size:13px; text-transform:uppercase;}
.law-nav ul li a:hover {border-bottom:4px solid #01aad3;}
.law-nav ul li.active a { border-bottom:4px solid #01aad3;}


.lawpics { padding-left:10px; margin-right:17px;}

.law-rotator { margin:20px 17px 0px 0px; float:left;}
.what-works  { float:left; overflow:hidden; display:none;}
.what-works h2 { color:#FFFFFF; font-family:'Carrois Gothic', sans-serif; font-size:20px; margin:20px 0px 5px 0px; font-weight:lighter;  }
.what-works p { color:#FFFFFF; font-family:'Carrois Gothic', sans-serif; font-size:14px; line-height:22px;  margin:0 0 17px; }
body.main .what-works p { color:#FFFFFF; font-family:'Carrois Gothic', sans-serif; font-size:14px; line-height:22px;  margin:0 0 17px; width:95%;}


.teampage { position:relative; display:none;}
.team { float:right; margin:20px 16px 0px 0px; border:1px solid #FFF;}
.teambg {width: 862px; height: 0px; background-color: #000; margin-left: 144px; position: absolute; z-index: 500; top: 21px; opacity: 0.7; }
.teamtext { position:absolute; z-index:1000; width:752px; left:212px; top:120px;}
.teamtext p { display:none; color:#FFF; font-family:'Carrois Gothic', sans-serif; font-size: 22px;
line-height: 32px; margin:0 0 15px; }

table.gadget img, span.powered { display:none; }
table.gadget { position: absolute; right:36px; z-index:2000; bottom:108px; }


/* Contact */

.location { margin:60px 30px 0px 0px; float:left;}
.location h2 { font-family:'Carrois Gothic', sans-serif; font-size: 22px; color:#FFF; margin:0px 0px 10px 0px;}
.location p { font-family:'Carrois Gothic', sans-serif; color:#FFFFFF; margin:0 0 10px; font-size:16px;}
.form { float:left; margin:10px 0px 0px 0px; max-width: 311px;}
.form h2 { font-family:'Carrois Gothic', sans-serif; font-size: 22px; color:#FFF; margin:50px 0px 10px 0px;}
.form p { font-family:'Carrois Gothic', sans-serif; color:#fff; font-size:14px; margin:0 0 15px; line-height:22px; }
.form input { width:250px; height:30px; padding-left:3px; font-family:'Carrois Gothic', sans-serif;}
.form input.submit {width: 100px; height: 30px; border: none; background-color: #bf1e2e; float: right; color: #FFFFFF; font-family: 'Carrois Gothic', sans-serif; cursor: pointer;}
.form textarea { width:310px; height:285px; padding:3px; font-family:'Carrois Gothic', sans-serif;}
.errors, .errors1 { background-color: #bf1e2e; padding:5px 20px; text-align:center;}
.errors { margin:8px 0px 0px 0px; display:block; width:250px;}
.errors1 { margin:5px 0px 0px 0px; display:block; width:310px;}

/* Leadership */

.staff {margin:20px 0px 0px 0px; display:block;}
.staff ul {}
.staff ul li { display:block; float:left; margin:0px 2px 0px 0px; position:relative; cursor:pointer;}
.staff ul li:first-child { display:block; float:left; margin:0px 7px 0px 0px;}
.name_people { position:absolute; bottom:7px;  font-family:'Carrois Gothic', sans-serif; color:#fff; font-size:14px; left:5px;}
.people_button { position:absolute; font-family:'Carrois Gothic', sans-serif; color:#fff; font-size:14px; bottom:6px; right:5px; background-color:#FFFFFF; width:50px; height:19px; text-align:center; line-height:19px; color:#bf1e2e; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:none; cursor:pointer;}
.minibio { position:absolute; top:0; margin:10px; display:none; }
.minibio p { color:#FFF; font-family:'Carrois Gothic', sans-serif; line-height:22px; font-size:14px; }
.minibio h3 { color:#FFF; font-family:'Carrois Gothic', sans-serif; font-size:18px; margin-top:15px; margin-bottom:5px;}
.hover { position:absolute; width:332px; height:0px; background-color:#000; top:0; opacity:0.8;}
.staff ul li:last-child { display:block; float:left; margin:0px 0px 0px 5px;}
.staff img { width:332px; height:551px;}


.mass { margin-top:20px}
.mass p {color:#FFF; font-family:'Carrois Gothic', sans-serif; line-height:22px; font-size:14px;}

.scrollup{ width:40px; height:40px; opacity:1;position:fixed; bottom:50px; right:100px; display:none;text-indent:-9999px; z-index:2000; background:url(../images/icon_top2.png) no-repeat;}


@media screen and (min-width: 320px) and (max-width: 568px) {
	
body.work .content, body.client .content, body.tv .content { margin-bottom:20px;}
.scrollup { right:0;}
	
/* Header */
header { width:100%;}	
.socialicons { display:none;}	

/* Nav */
.navigation { display:block;}
nav ul li { display:none;}
nav ul li.logo { display:block;}
.navigationwrap { background-color:#bf1e2e; height:0px; width:100%; display:block; -webkit-transition:height 1s; -moz-transition: height 1s; transition:height 1s; -o-transition:height 1s; overflow:hidden;}
.navigationwrap.activeNav { height:201px;}
.menu-mobile { display:block; float:right; margin:17px 14px 0px 0px; cursor:pointer;}
.navigation {}
.navigation ul {}
.navigation ul li { border-top:1px solid #9f0d1c; text-align:center; padding:8px;}
.navigation ul li:hover {background-color:#01aad3;}
.navigation ul li:last-child { border-bottom:1px solid #9f0d1c; padding:9px;}
.navigation ul li a { color:#FFF; text-decoration:none; font-family:'Carrois Gothic', sans-serif; font-size:14px;}

/* Container */
.container { width:100%;}

/* Work */
.work-nav { width:100%; margin:40px 0px 0px 0px;}
.work-nav ul li { padding: 0 5px; line-height:12px; float:left;}
.company-nav ul li { float:left; padding:0 13px; line-height:12px;}
.company-nav { width:100%;}
.work-section1 ul { margin:0px 0px 0px 42px;}
.prev, .next { display:none;}
body.main .company-nav, body.main .law-nav,  body.main .work-nav  {margin:40px 0px 0px 0px}
.company-nav, .law-nav {margin:40px 0px 0px 0px}

.location { padding-left:3px; padding-right:3px;}
.location iframe { width:100%; margin-left:13px;}
.location h2 { margin-left:13px;}
.location p, .location p a { margin-left:13px;}
.form { margin-left:10px; margin-bottom:15px;}
.form h2 { margin:25px 0px 10px 0px;}
.form textarea { width:250px;}
small a { margin-left:15px;}

.team {width:300px; height:206px; margin-left:8px; display:block; float:left;}
.teamtext { position:relative; left:0px; top:15px; padding:10px; width:100%;}
.teamtext p { display:block; font-size:14px; line-height:26px;}
.what-works { padding:10px;}
/*.law-nav ul li:last-child, .law-nav ul li:last-child a { display:none;}
.law-nav ul li:nth-child(3), .law-nav ul li:nth-child(3) a { display:none;}*/
.law-nav ul li { padding:0 15px; float: left; line-height:12px;}
.staff img { width:300px; height:479px;}
.staff ul li { margin-left:11px; margin-bottom:10px;}
.staff ul li:first-child { margin-left:11px; margin-bottom:10px;}
.staff ul li:last-child { margin-left:11px; margin-bottom:10px;}
.name_people { font-size:13px;}
.law-rotator { display:none;}

.errors1 { width:250px;}
.law-nav ul li.mobile, .law-nav ul li.mobile a { display:none;}
.law-nav { width:100%;}
.submit { -webkit-appearance:none;}
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {

.work-nav ul {}
.work-nav ul li { padding:0 18px;}	
.staff ul { margin-left:25px;}
.staff ul li { float:left;}
.staff img { width:240px; height:384px;}	
.name_people { bottom:4px;}
	
}

@media screen and (min-width:768px) and (max-width:1024px)  {
/*html, body { background-color:#00FF00;}*/
.socialicons { display:none;}
.container { width:100%;}
.work-section1 ul li { position:relative; width:240px; height:240px; float:left; margin:10px 7px 0px 5px; display:none; cursor:pointer;}
body.client .work-section1 ul li { margin:10px 7px 0px 5px;}
.prev, .next { display:none;}
img.team { width:730px; height:502px;}
.teambg {width: 727px; height: 0px; background-color: #000; margin-left: 24px; position: absolute; z-index: 500; top: 22px; opacity: 0.7;}
.teamtext { position: absolute; z-index: 1000; width: 704px; left: 40px; top: 89px;}
.staff ul { margin-left:80px;}
.location { margin:60px 0px 0px 14px;}
.location iframe { width:200px;}
.form { margin:10px 0px 0px 14px;}
.submit { -webkit-appearance:none;}
.law-rotator { display:none;}
body.main .what-works p { color: #FFFFFF; font-family: 'Carrois Gothic', sans-serif; font-size: 14px; line-height: 22px; width:100%; margin:0 0 17px;  }
.what-works { margin:0px 0px 0px 59px;}
.mass {margin-top: 20px;
margin-left: 6px;}
.scrollup { right:0;}
}