/*
Theme Name: ZigZag Advertising Brisbane
Theme URL: http://zigzagadvertising.com.au/
Author: Zigzag Advertising - Daisy Fabon
Author URI: http://zigzagmedia.ph/
Description: Custom Theme for ZigZag
Version: 1.00
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,500italic,400italic,300italic,100italic,900,700,500,300);
/*font-family: 'Roboto', sans-serif;*/
@import url(css/ourwork_hover.css);
/***===========================
RESET
===============================***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after
{content:none}table{border-collapse:collapse;border-spacing:0}
/* GLOBAL STYLES
-------------------------------------------------- */
body {background:#f1f1f1;font-family: 'Roboto', sans-serif;color: #000000;-webkit-font-smoothing: antialiased;padding-bottom:0!important;margin:0!important;}
body p{line-height:19px;}
.container{ margin:0 auto;max-width:940px}
.wrapper{background:#222222}
.lt{float:left}
.rt{float:right}
a, a:hover, a:active, a:focus { outline:0; }
/*===============
HEADER
=================*/
body.login{background:#222222;}
.login h1 a{background:none!important;margin-left:50px}
.login h1 {margin-left:50px}
/*h1{background:url(img/zzau_logo.png) no-repeat; background-size:cover; width:162px; height:29px;margin-top:36px!important; border-right:1px solid #878787;padding-right:20px }*/
h1{width:162px; height:29px;margin-top:36px!important; border-right:1px solid #878787;padding-right:20px }
a h1 {line-height:0!important; font-size:0!important;}
.navbar-header{margin-left:15px!important;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-toggle {background:#0B5C90;}
.navbar-inverse .navbar-toggle{background:#d5db44;}
.navbar-wrapper .container {padding-left: 0;padding-right: 0;}
.navbar-wrapper{background:#000000}
.nav li a{display:inline-block;text-transform:uppercase; font-size:12px; color:#ffffff;font-weight:400;height:62px; padding-top:43px;padding-right:10px;padding-left:10px;font-family: 'futura_md_btbold'; content:'//'}
.nav li {display:inline;}
.nav li a:hover, .current_page_item a{font-weight:500;color:#D5DB44!important; text-decoration:none}
.nav li::after {  color:#ffffff;
content: " //";
}
.nav li:last-child:after { content: ""; }
.navbar-collapse{background:rgba(255,255,255,0);}
.component span{font-size:12px; text-transform:uppercase;font-family: 'futura_md_btbold';color:#ffffff;padding-top:5px;height:26px; border-right:1px solid #808080;padding-right:12px;display:block}
/*==================================
home page
====================================*/
.home-banner{background:#d4dc52; padding:57px 0;}
.home-border-bottom{background:url(img/zig_bottom.png) repeat-x; height:15px}
.serv-offer h2{text-align:center;font-size:24px; text-transform:uppercase; font-family: 'futura_extra_bt';}
.serv-offer{margin:34px auto;text-align:center;}
.h_banner{background:url(img/Header.png) no-repeat;background-size:100%;height:272px;padding-top:215px;}
.h_banner a{font-size:17px; border:2px solid #000000; text-transform:uppercase; letter-spacing:2px;padding: 15px 21px 10px 21px; color:#000000; font-family: 'futura_lt_btlight'; font-weight:600;letter-spacing:2px;margin-top: 15px; display: inline-block;}
.h_banner a:hover{color:#ffffff;border:2px solid #ffffff;}
.home_ourwork h2{font-size:36px;font-family: 'futura_extra_bt'; text-transform:uppercase;padding-bottom:33px}
.home_ourwork .col-md-6{padding-left:0!important}
.home_package{background:#000000;padding:30px 0 40px 0; color:#ffffff;font-size:11px; font-family: 'Roboto', sans-serif;line-height:14px;font-weight:normal;}
.home_ourpack h2{font-size:36px;font-family: 'futura_extra_bt'; text-transform:uppercase;padding-bottom:8px;}
.home_ourpack p{width:85%}
.home_pack h2{text-transform:uppercase;font-size:22px; text-align:center; padding-top:10px;letter-spacing:1px}
.home_pack p{padding:5px 0; text-align:center;}
.home_work_white{background:#ffffff;padding:20px 0 50px 0;}
#bold{font-family: 'futura_extra_bt';}
#underlined{text-decoration:underline;font-family: 'futura_lt_btlight';}
#italic{font-family: 'futura_lt_btlight'; font-weight:300}
#regular{font-family: 'futura_lt_btlight';}
.home_services a{color:#000000;}
.home_services img{ max-height:181px !important; width:auto !important;}
.home_package a{border:2px solid #ffffff; text-transform:uppercase; font-size:17px;padding:15px 21px 10px 21px; margin-top:15px; color:#ffffff; display:inline-block; font-family: 'futura_lt_btlight'; font-weight:600;letter-spacing:2px;}
.home_package a:hover{color:#D4DC52, border:2px solid #D4DC52; }
.home_package .col-md-12, .home_package.container, .home_package .col-md-4{padding-left:0!important;margin-left:0!important;}
.home_contact{background:#cbd855 url(img/clouds_bg.png) no-repeat bottom left;padding:30px 0}
.home_contact .col-md-12, .home_contact .col-md-6{padding-left:0!important;}
.head-title{font-size:36px;font-family: 'futura_extra_bt'; text-transform:uppercase;padding-bottom:8px;}
.home-form input{height:25px}
.home-form textarea{height:64px; resize:none;}
.home-form input, .home-form textarea{padding:5px;outline:none;text-transform:uppercase; width:95%;border:1px solid #ccc}
.home-form li{margin:12px 0;}
.submit{background:none; font-size:17px!important; border:2px solid #000000!important; text-transform:uppercase; letter-spacing:2px;padding-top: 11px!important; color:#000000; font-family: 'futura_lt_btlight'; font-weight:600;width:173px!important; height:48px!important;}
.submit:hover{border-color:#FFF!important;color:#ffffff;}
.home-form .col-md-6{padding-left:0!important} 
.home_client{padding:20px 0}
.home_client .container, .home_client .col-md-5, footer .col-md-12, footer .container, footer col-md-6{padding-left:0!important;}
.testimonial_body p, .testimonial-client {font-size:16px!important; letter-spacing:.1em; font-family: 'Roboto', sans-serif;font-weight:300;width: auto; float: left;}
.testimonial-position{font-style:italic;font-size: 16px;}
.testimonial-client:after{content:"—";}
.testimonial-client{padding-right:7px;}
.testimonial_body{padding-bottom:15px!important;display: inline-block;}
.cycle-slideshow {padding-bottom:0px!important}
blockquote{border-left:none!important}
.innerpage { padding-top:50px; padding-bottom:50px; }
/*==================================
ABOUT US
====================================*/
.about{background:url(img/about_bg.png) no-repeat bottom right;padding-top:40px; padding-bottom:130px;}
.about p{font-size:12px; font-family: 'Roboto', sans-serif;padding:10px; letter-spacing:.01em}
.about_15{background:#535353;font-size:22px;line-height:28px;font-family: 'futura_md_btbold'; color:#CBD855;padding:15px 0}
.our_team {padding-top:30px;padding-bottom:25px;}
.our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:0!important}
.our_team h2{padding-left:20px;}
.our_team h2, .about h2, .ourwork h2, .single-page h2{font-size:36px;font-family: 'futura_extra_bt';text-transform:uppercase}
.box-team{background:#9C3; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
.box-position{background:#CBD855; color:#00000;padding:10px 5px 0 5px;border-radius-bottom-left:5px;border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;}
.box-position h3{text-transform:uppercase;padding:0!important;margin:0!Important; font-size:16px;}
/*==================================
SERVICES
====================================*/
.services{background:#535353;text-align:center;color:#ffffff;padding-bottom:50px;}
.serv_tri{background:url(img/serrv_tri.jpg)no-repeat center; width:150px; height:31px; margin:0 auto}
.services h2{text-transform:uppercase;color:#cbd855;font-size:18px; text-align:center;font-family:'futura_md_btbold'; }
.services a:hover h2 { text-decoration:underline !important; } 
.services p{font-size:11px; line-height:19px;padding:0 10px}
.services-inner-banner{background:#d4dc52; padding:57px 0;}
.services-inner-banner h1 { width:100% !important; text-align:center; font-size:36px; font-family: 'futura_extra_bt'; border-right:0; }
.services-inner { padding-top:50px; padding-bottom:50px; }
.services-inner h2{font-size:25px;font-family: 'futura_extra_bt';padding-bottom:10px }
/*==================================
OUR WORK
====================================*/
.ourwork{padding-top:35px;padding-bottom:45px;}
/*.ourwork h2{padding-bottom:35px}*/
.ourwork .col-md-4{padding-left:0!important;}
.ourwork h3{margin-top:10px}
.ourwork h3 a{color:#000000;!important; border:1px solid #333;display:block;text-transform:uppercase; font-size:20px;font-family: 'futura_lt_btlight';letter-spacing:.02em; text-align:center;padding:10px 0 5px 0}
.ourwork h3 a:hover{color:#cbd855; border:1px solid #cbd855;}
.border-contact-zig{background:url(img/flip_zig.png) repeat-x; height:11px}
.our-client{margin-bottom:20px;}
.ourclients{padding:50px 0}
.ourclients h2{font-size:36px; text-transform:uppercase;font-family: 'futura_extra_bt'; letter-spacing:.02em;}
.ourclients  span{font-size:20px;font-family: 'futura_lt_btlight';}
.ourclients .col-md-4, .ourclients .col-md-6, .ourclients .col-md-12{padding-left:0!important; padding-right:0!important}
.ourwork .col-md-4{padding-left:10px!important;}
.single-page{padding:40px 0 60px 0;}
.single-page h2{margin-bottom:50px;}
.single-page h2, .single-page h3{text-transform:uppercase;}
.single-page h3{font-size:28px; letter-spacing:2px;font-family: 'futura_extra_bt';padding: 20px 0 10px 0; }
.single-page h4 a{font-size:16px;font-family: 'futura_lt_btlight';text-transform:uppercase; border:1px solid #000000; padding:8px 10px 5px 10px; margin-right:15px; color:#000000;}
.single-page h4{margin-bottom:40px;}
.single-page .col-md-9{padding-left:0;}
.single-page p{padding:20px 0;font-size: 16px !important;line-height:28px;
font-family: "Roboto",sans-serif;
font-weight: 300;}
.single-page ul{margin-top:20px}
.single-page li{list-style:disc; color:#b9b9b9;font-weight:500;margin-left:30px;font-size: 16px;
letter-spacing: 0.1em;line-height:21px;font-family: "Roboto",sans-serif; padding: 2px 0;}
.next{background:url(img/next.png) center left no-repeat;min-width:250px; height:52px;text-transform: uppercase;
padding-top: 10px;text-align:left;font-size:16px;font-family: 'futura_md_btbold';margin-top: 20px;}
.prev{background:url(img/prev.png) center right no-repeat;min-width:250px; height:52px;text-transform: uppercase;
padding-top: 10px; font-size:16px;font-family: 'futura_md_btbold';text-align: right;margin-top: 20px;}
.view_boxshadow{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);}
.portfolio h4{text-align:center; margin:20px 0;font-family: 'futura_lt_btlight';padding-bottom:10px }
.single-page .col-md-5, .single-page .col-md-12{padding-left:0; padding-right:0;}
.prev a, .next a{color:#000000;font-family: 'futura_md_btbold';width: 100%;display: block;height: 30px;padding-top: 10px;}
.prev a{padding-right: 102px;}
.next a{padding-left: 102px;}
.prev a:hover, .next a:hover{color:#D5DB44;}
/*SINGLE PAGE CUSTOM*/
#YouTubeModalDialog{width:670px!important; top:150px;}
.single-page img{height:auto!important}
.error_page{margin:150px 0}
/*==================================
CONTACT US
====================================*/
.c_banner{background:url(img/contact_phone.png) no-repeat center right;height:272px;padding-top:5px; width:100%;}
.c_banner h2{font-size:50px;font-family: 'futura_extra_bt';text-transform:uppercase}
div.wpcf7-validation-errors{border:none!important; color:red!important; font-size:14px}
.contact-us{padding-top:40px;padding-bottom:40px ;font-size:12px;}
.contact-us .col-md-4{padding-left:0!important}
ul.contactus{padding-top:20px;display: inline-block;}
.contactus li input{height:40px}
.contactus li input, .contact-us li textarea{margin:13px 0;text-transform:uppercase;padding:3px 10px; width:96%;}
.contactus li textarea{height:106px!Important; resize:none; border:1px solid #ccc}
.contact-us h2{font-size:36px;font-family: 'futura_extra_bt';padding-bottom:10px }
#getstarted:hover, .contact-us #submit:hover{color:#ffffff;background:#9C3;}
.contact-us a{color:#000000;}
.contact-address{background:#535353; padding:30px 0; color:#ffffff;text-transform:uppercase;}
.contact-address a{color:#ffffff;}
.contact-address span{font-family: 'futura_md_btbold'; }
.contact-address p{font-family: 'futura_lt_btlight';font-size:14px;}
.contact-address .padd-cont{padding-top:60px}
div.wpcf7-mail-sent-ok{border:none!important; font-size:16px;}
.contact-address iframe{width:100%; height:200px; frameborder:0; border:0;}
/*==================================
FOOTER
====================================*/
footer{background:#000000 url(img/foot-border.jpg) repeat-x top;padding-bottom:58px;margin:0!important;color:#ffffff;}
.foot-nav{padding-top:75px; color:#ffffff;}
.foot-nav li{display:inline-block; text-transform:uppercase;}
.foot-nav li a, .foot-nav li{color:#ffffff; font-size:12px;line-height:19px; font-family: 'futura_md_btbold';}
.foot-nav li::after {  color:#ffffff;
content: "  //";
}
address {font-size:12px; margin-top:20px; margin-bottom:0!important;}
address p{padding:0px!important;line-height:10px!important;}
.foot-nav li:last-child:after { content: ""; }
.foot-nav li a:hover{color:#D5DB44; }
.foot-nav ul {margin:0!important; padding:0!important;}
footer span{color:#ffffff; float:right; line-height:21px; font-size:12px;font-weight:300;text-align:right;padding-top:18px;}
.padd{padding-top:30px;padding-left:20px;}
footer .col-md-12{padding-left:0!important;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 319px) {
.creatabout h2, .creatabout p{display:none}
.home-banner{display:none;}
.home_ourwork h2 {margin-left:15px}
.home_package{padding-left:15px;}
.component span{font-size:8px; padding-right:5px;}
.nav{padding-top:10px; width:100%;padding-bottom:30px;}
.nav li a{display:block;padding-top:10px!important; color:#222222;text-align:center; height:auto}
.navbar-collapse{border:none!important;background:#ffffff}
}
@media (min-width: 320px) and (max-width:480px) {
/*h1{background:url(img/mobile-branding.png) no-repeat; width:270px; height:50px; border-right:none;}*/
h1{width:270px; height:50px; border-right:none;}
.nav{padding-top:10px; width:100%;padding-bottom:30px;}
.nav li a{display:block;padding-top:10px!important; color:#222222;text-align:center; height:auto}
.navbar-collapse{border:none!important}
footer h3, .component, footer span{text-align:center}
.foot-nav li{display:block;text-align:center}
.foot-nav li::after {  color:#ffffff;
content: " ";}
.h_banner{height:50px; padding-top:100px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#ffffff;border:1px solid #222222}
.home-banner{display:none;}
.home_package .col-md-12, .home_package.container, .home_package .col-md-4{padding-left:15px;}
.home_ourwork h2 {margin-left:20px}
.home_package{padding-left:15px;}
.component span{font-size:8px; padding-right:5px;}
.icon{width:34px!Important;}
}
@media (min-width:361px) and (max-width:479px) {
/*h1{background:url(img/mobile-branding.png) no-repeat; background-size:cover; width:280px; height:50px; border-right:none;}*/
h1{ width:280px; height:50px; border-right:none;}
.search input{margin-top:4.2%; border-radius:none!important}
.toppadding{margin-top:25%}
.home_package{padding-left:15px;}
}
@media (min-width:481px) and (max-width: 767px) {
.nav{background:#D5DB44;}
.nav li a{display:inline-block;padding:20px 20px 0px 20px; color:#333333}
.nav li a:hover,  .current_page_item a{color:#ffffff!important}
.nav li {display:inline}
.navbar-collapse{border:none!important}
.navbar-header{margin-left:0!important;padding:0!important;margin-top:12px}
.home_package .col-md-12, .home_package.container, .home_package .col-md-4, .home_contact .col-md-12, .home_contact .col-md-6, .home_client .container, .home_client .col-md-5, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10, .home_ourwork .col-md-6, .home_ourwork h2,.our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:15px!important;}
.team{margin:20px!important}
}
@media (min-width: 768px) and (max-width:991px){
/*h1{background:url(img/branding-tablet.png) no-repeat; width:130px; height:30px}*/
h1{ width:130px; height:30px}
.nav li a{font-size:9px;padding-left:5px;padding-right:5px  }
.nav li{padding:2px}
.getinfo{height:335px}
.home_services{margin-top:0}
.icon{margin-left:0!important}
.navbar-wrapper .container {
padding-left:  15px;
padding-right: 15px;
}
.navbar-wrapper .navbar {padding-left:  0;padding-right: 0;}
}
@media (width: 568px) {
.home_package .col-md-12, .home_package.container, .home_package .col-md-4, .home_contact .col-md-12, .home_contact .col-md-6, .home_client .container, .home_client .col-md-5, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10, .home_ourwork .col-md-6, .home_ourwork h2,.our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:15px!important;}
.team{margin:20px!important}
}
@media (max-width: 600px) {
.component{margin-left:0!important;}
.home_contact .col-md-12, .home_contact .col-md-6, .home_client .container, .home_client .col-md-5, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10, .home_ourwork .col-md-6, .home_ourwork h2{padding-left:15px!important;}
.padd{padding-left:0px!important;}
.team{margin:20px!important}
}
@media (width:667px) {
.home_package .col-md-12, .home_package.container, .home_package .col-md-4, .home_contact .col-md-12, .home_contact .col-md-6, .home_ourwork .col-md-6, .home_ourwork h2, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:15px!important;}
.team{margin:20px!important}
}
@media (width: 736px) {
.home_contact .col-md-12, .home_contact .col-md-6, .home_client .container, .home_client .col-md-5, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10, .home_package .col-md-12, .home_package.container, .home_package .col-md-4, .home_ourwork .col-md-6, .home_ourwork h2, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:15px!important;}
.team{margin:20px!important}
}
@media (width: 768px) {
.home_contact .col-md-12, .home_contact .col-md-6, .home_client .container, .home_client .col-md-5, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10, .home_package .col-md-12, .home_package.container, .home_package .col-md-4, .home_ourwork .col-md-6, .home_ourwork h2, .our_team .col-md-12, .our_team .col-md-3, .about_15 .col-md-10{padding-left:15px!important;}
.team{margin:20px!important}
.home_pack h2{font-size:16px;}
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
} 
/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
#logo-slider-wraper{width:75%!important;outline:1px solid red}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.home_package .col-md-12, .home_package.container, .home_package .col-md-4{padding-left:15px;}
}
/* Portrait */
@media (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media 
(min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
#logo-slider-wraper{width:75%!important;outline:1px solid red}
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
}
/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 
}
/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
}
/***=====
FONTFACE
===============================***/
@font-face {
font-family: 'futura_md_btbold';
src: url('./fonts/futura_bold_bt-webfont.eot');
src: url('./fonts/futura_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/futura_bold_bt-webfont.woff') format('woff'),
url('./fonts/futura_bold_bt-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futura_lt_btlight';
src: url('./fonts/futura_light_bt-webfont.eot');
src: url('./fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/futura_light_bt-webfont.woff') format('woff'),
url('./fonts/futura_light_bt-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'futura_extra_bt';
src: url('./fonts/Futura Extra Black BT.ttf');
font-weight: bold;
font-style: normal;}
/*****************************/
/*** OUR WORK PAGE ***/
nav.primary {
width:auto;
margin:30px auto;
display:table;
}
nav.primary ul li  {
float:left;
list-style:none;
margin-top: 10px;
}
nav.primary ul li a {
height:39px;
display:block;
font-size:15px;
color:#000;
padding:0 10px;
text-decoration:none;
line-height:39px;
border: 2px solid #333;
/*border-radius: 5px;*/
margin: 0 5px;
text-align:center;
padding:0 15px;
}
nav.primary ul li a {
height:39px;
display:block;
font-size:15px;
color:#000;
padding:0 10px;
text-decoration:none;
line-height:39px;
border: 2px solid #333;
/*border-radius: 5px;*/
margin: 0 5px;
text-align:center;
padding:0 15px;
/*font-family:'Roboto';*/
font-family: 'futura_lt_btlight'; font-weight:600;letter-spacing:2px;
text-transform:uppercase;
}
nav.primary li a.selected {background:#D4DC52; color:#ffffff;border:2px solid #D4DC52!important;
/*border-bottom: 3px solid #ED3131;*/
}
.main {
padding:0;
margin:0;
display:block;
}
.entry {
position:relative;
float:left;
cursor:pointer;
/*width:225px;
height:225px;*/
padding:0;
}
.portfolio { margin:0; }
.our-client-img-holder { width:100%; position:relative; } 
.our-client-caption-holder { width:100%; text-align:center; border:1px solid #333; font-size:20px; font-family:'Roboto'; padding-top:10px; padding-bottom:10px;  } 
.magnifier {
background:rgba(35,35,35,.7) url(img/magnifier.png) no-repeat center;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
opacity:0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.video-hover {
background:rgba(41,48,53,.7) url(images/video.png) no-repeat center;
position:absolute;
top:10px;
left:10px;
bottom:10px;
right:10px;
opacity:0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.entry:hover .video-hover,
.entry:hover .magnifier { opacity:1; }
img {
max-width:100%;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
transition-property:         transform, opacity;
}
@media screen and (max-width: 768px) {
.our-client { margin-bottom:20px; }
}
@media screen and (max-width: 480px) {
.our-client { width:100%; padding-left:15px; }
}