.client_example {margin:0 2px 0 0; height:326px; width:328px; overflow:hidden; float:left; display:inline; text-align:center; cursor: pointer;}
.client_example_name {padding:8px 0 0; text-align:center; font-size:16px; letter-spacing:0.1em; text-transform:uppercase;}
.view_client_example {height:270px; width:328px; overflow:hidden; position:relative;-webkit-backface-visibility: hidden; max-width:auto;}
.view_client_example img.client_picture  {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.view_client_example:hover img.client_picture {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);}
#featured_clients.vs-dots .client_example:hover .client_example_name span {color:#D9001B;}

.view_client_example .mask {padding:94px 0 0; height:160px; width:312px; overflow:hidden; position:absolute; top:8px; left:8px; colour:#fff; background:#222; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

.view_client_example .mask_logo {padding:48px 0 0; height:208px;}

.view_client_example:hover .mask {opacity: 1;}



.view_client_example .view_client_example_logo {display:block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.view_client_example .view_client_example_name {display:block; color:#FFFFFF; font-weight: bold; font-size:16px; letter-spacing:0.12em; text-transform:uppercase; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view_client_example .view_client_example_line {background:#B2B2B2; display:block; height:1px; width:222px; margin:11px auto; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view_client_example .view_client_example_link {display:block; color:#FFFFFF; font-weight: bold; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view_client_example .view_client_example_or {opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view_client_example .view_client_example_link img {-moz-user-select: none; -webkit-user-select: none; pointer-events: none;}

#cboxCurrent {color:#fff;}


/***** styles_wider_2013 starts ******/

body{min-width:1200px;}
.content_wrapper {width:1200px;}
#directionsPanel{width:1200px;}
.header_container_spacer {min-width:1200px;}
.header_container .header_links_section {width:440px;}
.header_container li {padding:23px 20px 0; letter-spacing:0.2em;}
#body_container {min-width:1200px;width:100%;}
#body_container #section_banner {min-width:1200px;}
.portfolio-slide, .main-slider {min-width:1200px;}


.office_address {padding:52px 0 0 80px; margin:0 4px;}
.office_address_2 {margin:0 55px;}



#footer_bar_review_total {width:269px; padding:11px 0 0 0; }


.portfolio_row_1 {height:456px;}
.portfolio_row_1 .client_example {margin:0; height:456px; width:1096px;}
.portfolio_row_1 .view_client_example, .portfolio_row_1 .view_client_example img.client_picture {height:400px; width:1096px;}
.portfolio_row_1 .view_client_example .mask {padding:159px 0 0; height:225px; width:1080px;}
.portfolio_row_1 .view_client_example .mask_logo {padding:120px 0 0; height:264px;}

.portfolio_row_2 {height:376px;}
.portfolio_row_2 .client_example {margin:0 56px 0 0; height:376px; width:520px;}
.portfolio_row_2 .portfolio_client_2 {margin: 0;}
.portfolio_row_2 .view_client_example, .portfolio_row_2 .view_client_example img.client_picture {height:320px; width:520px;}
.portfolio_row_2 .view_client_example .mask {padding:119px 0 0; height:185px; width:504px;}
.portfolio_row_2 .view_client_example .mask_logo {padding:81px 0 0; height:223px;}

.portfolio_row_3 {height:326px;}
.portfolio_row_3 .client_example {margin:0 56px 0 0; height:326px; width:328px;}
.portfolio_row_3 .portfolio_client_3 {margin: 0;}
.portfolio_row_3 .view_client_example, .portfolio_row_3 .view_client_example img.client_picture {height:270px; width:328px;}
.portfolio_row_3 .view_client_example .mask {padding:94px 0 0; height:160px; width:312px;}
.portfolio_row_3 .view_client_example .mask_logo {padding:56px 0 0; height:198px;}