/*
Theme Name: BBLI
Description: Semantic, SEO Optimised, Custom Wordpress Theme for BBLI
Author: BBLI
Author URI: http://bblinteractive.com.au
Version: 1.0
*/

@font-face {
	font-family: 'agenda-light2';
	src: url('fonts/agenda-light2.eot');
	src: local('☺'), url('fonts/agenda-light2.woff') format('woff'),
		url('fonts/agenda-light2.ttf') format('truetype'),
		url('fonts/agenda-light2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'interstate-lightcompresnormal';
	src: url('fonts/interstatelightcompressed-webfont.eot');
	src: url('fonts/interstatelightcompressed-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/interstatelightcompressed-webfont.woff') format('woff'),
		 url('fonts/interstatelightcompressed-webfont.ttf') format('truetype'),
		 url('fonts/interstatelightcompressed-webfont.svg#interstate-lightcompresnormal') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Defaults */
body{margin:0;background:#fff;color:#858585;min-width:320px;font:19px/22px agenda-light2,Arial,sans-serif}
img{border-style:none}
a{text-decoration:none;color:#4099b2}
a:hover{text-decoration:underline}
input,textarea,select{font:100% agenda-light2,Arial,Helvetica,sans-serif;vertical-align:middle;outline:0}
form,fieldset{margin:0;padding:0;border-style:none}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}

/* Header */
#header{width:100%;background:#000;border-bottom:8px solid #4099b2}
#header .bar{max-width:1276px;padding:21px 0 20px;margin:0 auto}
#header:after,#header .bar:after{display:block;clear:both;content:''}
#header .logo{float:left;margin:0 0 0 10px;text-indent:-9999px;overflow:hidden;width:246px;height:55px;background:url(images/luv_marketing_logo_bigger.png) no-repeat;background-size:245px 55px;}
#header .logo a{display:block;height:100%}

/* Navigation */
#nav{float:right;margin:0 0 -40px;padding:16px 5px 0 0;list-style:none;position:static !important}
#nav li{text-transform:uppercase;float:left;margin:0 0 0 3px;font:24px/26px interstate-lightcompresnormal,Arial,sans-serif}
#nav li a{padding:0 20px;color:#c4c4c4}
#nav li a:hover{text-decoration:none;color:#4099b2;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#nav li.current_page_item, .single-work #nav li#menu-item-30{position:relative;z-index:12;padding:0 0 49px;border-bottom:12px solid #4099b2}
#nav li.current_page_item a, .single-work #nav li#menu-item-30 a{color:#4099b2}

/* Main */
#main{width:100%;overflow:hidden}
#main .gallery{width:100%;overflow:hidden}
#main .gallery .gmask{width:100%;overflow:hidden}
#main .gallery ul{margin:0;padding:0;list-style:none;overflow:hidden;width:100%;position:relative;}
#main .gallery ul li{position:absolute;top:0;left:0;z-index:1;width:100%;}
#main .gallery ul li.active{z-index:2}
#main .gallery ul li img{width:100%;display:block;height:auto}
#main .gallery ul li .text-holder{position:absolute;padding:0px 0 0;height:100%; top:0;color:#fff;font-size:22px;line-height:24px;text-transform:uppercase;left:0;width:100%;text-align:center}
#main .gallery ul li .text-wrapper{display:table;vertical-align:middle;height:100%;max-width:990px;width:100%;margin:0 auto}
#main .gallery ul li .text-wrapper2{display:table-cell;vertical-align:middle}
#main .gallery ul li h2{text-align:center;text-transform:uppercase;color:#fff;font-size:65px;font-weight:normal;margin:0 0 17px;line-height:55px}
#main .gallery ul li .text-holder p{margin:0}
#main .section{width:100%;overflow:hidden;background:#f0f0f0}
#main .section-holder{max-width:980px;padding:97px 0 172px;overflow:hidden;margin:0 auto}
#main .section h2{text-transform:uppercase;text-align:center;font-weight:normal;color:#4099b2;margin:0 0 57px;font-size:65px;line-height:67px}
#main .section .list{margin:0 -50px 0 0;padding:0;list-style:none;overflow:hidden}
#main .section .list li{display:inline-block;text-align:center;vertical-align:top;margin:0 46px 50px 0;width:292px;height:257px;position:relative;background:#4099b2}
*+html #main .section .list li{display:inline}
#main .section .list li a{text-align:center;display:block;height:100%}
#main .section .list li a:hover{text-decoration:none}
#main .section .list li .title{text-transform:uppercase;margin:0;padding:23px 0 43px;font-size:25px;position:relative;z-index:10;display:block;text-align:center;line-height:27px;color:#fff}
#main .section .list li img{vertical-align:top}
#main .section .list li .text-h{-o-transition:.7s;-ms-transition:.7s;-moz-transition:.7s;-webkit-transition:.7s;width:242px;overflow:hidden;position:absolute;top:0;opacity:0;filter:alpha(opacity=0);text-align:left;left:0;color:#fff;font-size:16px;background:url(images/bg-text-h.png);line-height:20px;text-transform:uppercase;padding:84px 25px 0;height:173px}
#main .section .list li:hover .text-h{opacity:1;filter:alpha(opacity=100)}
#main .area{max-width:990px;margin:0 auto}
#main .area .col-holder:after,#main .area:after{display:block;clear:both;content:''}
#main .area .col-holder{width:100%;height:100%;}
#main .area .col{height:100%;max-height:233px; margin:0 -9999px 0 0;padding:122px 9999px 130px .8%;border-bottom:2px solid #878787;background:#fff;color:#a7a7a7;float:left;font-size:26px;line-height:30px;width:45.4%}
#main .area h2{width:354px;overflow:hidden;margin:-50px auto -55px;border:2px solid #4099b2;background:#fff;-webkit-box-shadow:0 0 3px 3px rgba(64,153,178,0.3);box-shadow:0 0 3px 3px rgba(64,153,178,0.3);color:#4099b2;position:relative;z-index:12;text-transform:uppercase;text-align:center;font-size:23px;font-weight:normal;line-height:26px}
#main .area h2 a{display:block;color:#4099b2;padding:20px 10px}
#main .area h2 span{font-size:33px;display:block;line-height:35px}
#main .area h2 a:hover{text-decoration:none;background:#4099b2;color:#fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .area .col:first-child{margin:0 0 0 -9999px;padding:122px 7.2% 130px 10010px;border-bottom:2px solid #878787;color:#fff;float:left;width:45%;font-size:25px;line-height:30px;background:#aeaeae url(images/bg-col.gif) no-repeat 100% 0}
#main .area .col p{margin:0}
#main .area .col h3{color:#a8a8a8;font-size:45px;font-weight:normal;margin:0 0 17px;padding:20px 0 0;text-transform:uppercase;line-height:47px}
#main .area .col h3 a{color:#a8a8a8}
#main .area .col h3 a:hover{text-decoration:none;margin:-20px 0 0;padding:8px 0 0;display:block;border-top:12px solid #4099b2;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .area .col:first-child h3{margin:0 0 16px;color:#fff}
#main .area .col:first-child h3 a{color:#fff}
#main .contact-area{max-width:980px;overflow:hidden;margin:0 auto;padding:146px 0 100px}
#main .contact-area.view2{padding:82px 0 100px;max-width:870px}
#main .contact-area .intro{display:block;text-align:center;color:#4099b2;font-size:22px;line-height:24px;margin:0 0 102px}
#main .contact-area .intro span{color:#4099b2;font-size:65px;line-height:84px;display:block;margin:0 0 10px}
#main .contact-area .social-networks{margin:0 6px 0 0;padding:0;list-style:none;float:left;width:136px}
#main .contact-area .social-networks li{vertical-align:top;overflow:hidden;margin:0 0 7px}
#main .contact-area .social-networks li a{width:136px;height:125px;display:block;background:url(images/bg-social.png) no-repeat;text-indent:-9999px;overflow:hidden}
#main .contact-area .social-networks li a.facebook{background-position:0 0}
#main .contact-area .social-networks li a.linkedin{background-position:0 -132px}
#main .contact-area .social-networks li a.facebook:hover{background-position:-136px 0;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .contact-area .social-networks li a.linkedin:hover{background-position:-136px -132px;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .contact-area .map-holder{float:left;margin:0 6px 0 0}
#main .contact-area .map-holder a{display:block}
#main .contact-area .map-holder img{vertical-align:top}
#main .contact-area .hold{overflow:hidden}
#main .contact-area .address{display:block;padding:0 0 0 70px;background:url(images/ico-address.png) no-repeat 29px 19px;overflow:hidden;color:#ababab;font-size:19px;text-transform:uppercase;line-height:25px}
#main .contact-area .address address{font-style:normal}
#main .contact-area .address .find-link{float:right;color:#838383;font-size:17px;padding:32px 25px 32px 25px;background:#f7f7f7;line-height:19px}
#main .contact-area .address .find-link:hover{color:#fff;background:#4099b2;text-decoration:none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .contact-area .tel{display:block;overflow:hidden;color:#7f7f7f;font-size:24px;line-height:30px;padding:26px 10px 27px 68px;background:#e7e7e7 url(images/ico-tel.png) no-repeat 30px 28px}
#main .contact-area .tel a{color:#7f7f7f}
#main .contact-area .tel a:hover{text-decoration:none;color:#4099b2; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .contact-area .mail{border-bottom:1px solid #f0f0f0;overflow:hidden;display:block;padding:32px 10px 31px 73px;color:#ababab;font-size:24px;background:url(images/ico-mail.png) no-repeat 27px 38px;line-height:26px}
#main .contact-area .mail a{color:#ababab}
#main .contact-area .mail a:hover{text-decoration:none;color:#4099b2;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .promo{max-width:990px;margin:0 auto;overflow:hidden;padding:90px 0 10px}
#main .promo h2{text-transform:uppercase;margin:0 0 47px;font-weight:normal;font-size:35px;line-height:37px;color:#a8a8a8;text-align:center}
#main .promo span{display:block;text-align:center;text-transform:uppercase;color:#a1a1a1;font-size:15px;line-height:17px}
#main .list-hold{width:100%;overflow:hidden;padding:56px 0 68px;background:#ededed}
#main .list-work{max-width:990px;margin:0 auto;padding:0 10px;list-style:none;overflow:hidden}
#main .list-work li{margin:0 37px 11px 0;float:left;text-transform:uppercase;font-size:35px;line-height:37px}
#main .list-work li a{padding:0 0 0 17px;color:#a5a5a5;white-space:nowrap;background:url(images/bullet.png) no-repeat 0 17px}
#main .list-work li.active a,#main .list-work li a:hover{text-decoration:none;color:#4099b2;background:url(images/bullet-h.png) no-repeat 0 17px;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .section.view2{padding:32px 0;background:#e2e2e2}
#main .content{max-width:906px;overflow:hidden;background:#fff;margin:0 auto;padding:80px 101px 32px}
#main .content h2{color:#787878;text-transform:uppercase;text-align:center;margin:0 0 35px;font-size:35px;font-weight:normal;line-height:37px}
#main .content h3{color:#787878;margin:0 0 43px;text-align:center;font-size:28px;text-transform:uppercase;line-height:30px;font-weight:normal}
#main .content h4{color:#4099b2;margin:0;text-align:center;font-size:19px;font-weight:normal;text-transform:uppercase;line-height:22px}
#main .content .links-list{margin:-24px -22px 37px;padding:0 0 17px;border-bottom:1px solid #f4f4f4;text-align:center;list-style:none;overflow:hidden}
#main .content .links-list li{vertical-align:top;overflow:hidden;display:inline-block;background:url(images/bullet-2.png) no-repeat 0 7px;padding:0 13px 0 10px;color:#afafaf;font-size:16px;line-height:16px}
*+html #main .content .links-list li{display:inline}
#main .content .links-list li a{color:#afafaf}
#main .content .img-holder{padding:37px 57px 41px;overflow:hidden;margin:0 -22px 78px;background:#f4f4f4}
#main .content .img-holder img{display:block;width:100%;height:auto}
#main .content p{margin:0 0 57px}
#main .content p a{font-weight:bold}
#main .content .alignleft{float:left;margin:0 0 0 20px}
#main .content .alignright{float:right;margin:0 20px 0 0}
#main .content .aligncenter{display:block;margin:0 auto 20px}
#main .content .links-holder{overflow:hidden}
#main .content .sub-links{margin:0 0 74px;padding:0;text-align:center;overflow:hidden}
#main .content .sub-links li{padding:0 25px 0 33px;font-size:19px;line-height:21px;text-transform:uppercase;display:inline-block;background:url(images/sep-01.png) no-repeat 0 4px}
#main .content .sub-links li:first-child{background:0}
*+html #main .content .sub-links li{display:inline}
#main .content .sub-links li a{color:#4099b2}
#main .content .social-networks{margin:0;padding:0 0 0 16px;list-style:none;overflow:hidden;text-align:center}
#main .content .social-networks li{display:inline-block;vertical-align:top;margin:0 5px 0 -5px}
*+html #main .content .social-networks li{display:inline;margin:0 4px}
#main .content .social-networks li a{width:61px;height:56px;background:url(images/bg-social2.png) no-repeat;text-indent:-9999px;overflow:hidden;float:left}
#main .content .social-networks li a.facebook{background-position:0 0}
#main .content .social-networks li a.linkedin{background-position:-67px 0}
#main .content .social-networks li a:hover{opacity:0.8;}
#main .contact-area h2{text-transform:uppercase;text-align:center;margin:0 0 59px;font-size:35px;font-weight:normal;line-height:37px;color:#4099b2}
#main .contact-area .gform_wrapper{border-top:2px solid #4099b2;overflow:hidden;margin:0 0 15px;background:#e2e2e2;padding:40px 38px 31px}
#main .contact-area .gform_body{overflow:hidden}
#main .contact-area .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden}
#main .contact-area .gform_body ul li{vertical-align:top;overflow:hidden;margin:0 0 12px}
#main .contact-area .gform_body ul li label{display:none}
#main .contact-area .gform_body ul li input[type="text"]{width:280px;height:24px;background:#fff;border:0;color:#b2b2b2;margin:0;padding:17px 28px;font-size:22px;line-height:24px;text-transform:uppercase}
#main .contact-area .gform_body ul li.textarea{width:438px;float:right;margin:-141px 7px 0 0}
#main .contact-area .gform_body ul li.textarea textarea{width:382px;height:89px;background:#fff;border:0;color:#b2b2b2;margin:0;padding:20px 28px;font-size:22px;line-height:24px;text-transform:uppercase}
#main .contact-area .gform_footer{overflow:hidden}
#main .contact-area .validation_error,
#main .contact-area .validation_message{display:none;}
#main .contact-area .gform_body ul li.gfield_error textarea,
#main .contact-area .gform_body ul li.gfield_error input[type="text"]{background:#fff0f0;}
#gforms_confirmation_message{display:block;text-align:center;padding:20px 0;font-size:25px;line-height:27px}
#main .contact-area input[type="submit"]{float:right;color:#4099b2;font-size:27px;line-height:30px;background:0;border:0;margin:0;padding:3px 5px 0;text-transform:uppercase;cursor:pointer}
#main .contact-area input[type="submit"]:hover{color:#fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#main .contact-area .columns{overflow:hidden}
#main .contact-area .columns .col{float:left;width:416px;margin:0 0 0 13px}
#main .contact-area .columns .col:first-child{margin:0;width:441px}
#main .contact-area .columns .map-holder{margin:0;overflow:hidden;float:none}
#main .contact-area .columns .map-holder a{display:block}
#main .contact-area .columns .map-holder a img{vertical-align:top}
#main .contact-area .columns .social-networks{float:right;width:auto;padding:23px 0 0;margin:0}
#main .contact-area .columns .social-networks li{float:left;margin:0 0 0 5px}
#main .error404 {padding:0 20px}
.single-work .content img{max-width:100%;height:auto;}
.page-template-pt-contact-php a.find-link{float:right !important;display:inline !important;}
/* Footer */
#footer{width:100%;text-align:center;padding:8px 0 43px;background:#e2e2e2;overflow:hidden}
#footer .info-list{margin:0;padding:0 23px 0 0;list-style:none;overflow:hidden;text-align:center}
#footer .info-list li{display:inline-block;vertical-align:top;overflow:hidden;color:#767676;font-size:14px;line-height:16px;text-transform:uppercase;margin:0 20px}
*+html #footer .info-list li{margin:0 16px;display:inline}
#footer .info-list li address{font-style:normal}
#footer .info-list li a{color:#767676}
.mobile{display:none}

/* Mobile */
@media only screen and (max-width:1030px){
	#main .gallery ul li h2{font-size:48px;line-height:46px;}
}
@media only screen and (max-width:995px){
	a.find-link{display:block;float:none !important;max-width:175px;}
	.page-template-pt-contact-php a.find-link{float:right !important;display:inline !important;}
}
@media only screen and (max-width:980px){
	#main .gallery ul li .text-holder{padding:11px 0 0}
	#main .section .list{text-align:center}
	#main .section .list li{float:none;overflow:hidden;display:inline-block;vertical-align:top}
	#main .contact-area .gform_wrapper{padding:15px}
	#main .contact-area .gform_body ul li.textarea textarea,#main .contact-area .gform_body ul li input[type="text"]{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;height:58px}
	#main .contact-area .gform_body ul li.textarea textarea{height:100px}
	#main .contact-area .gform_body ul li.textarea{width:100%;margin:0;overflow:hidden;float:none}
	#main .contact-area .columns .col,#main .contact-area .columns .col:first-child{float:none;width:auto;overflow:hidden;margin:0 0 10px}
	#main .contact-area .columns .social-networks{width:100%;overflow:hidden;margin:0;padding:10px 0 0;text-align:center}
	#main .contact-area .columns .social-networks li{vertical-align:top;float:none;display:inline-block}
	#main .contact-area .columns .map-holder a img{display:block;width:100%;height:auto}
	#main .contact-area .map-holder iframe {display:block;margin:0 auto}
	#main .content{padding:80px 11px 32px;}
	#nav{padding:18px 5px 0 0;}
}

@media only screen and (max-width:767px){
	#header .logo{width:161px;height:35px;background-size:161px 35px;-webkit-background-size:161px 35px;}
	#header .bar{padding:0}
	#main .gallery ul li img{min-height:130px}
	#main .gallery ul li .text-holder {padding:0px 10px 0}
	#main .gallery ul li .text-holder h2 {font-size:18px;line-height:1em}
	#main .gallery ul li .text-holder p {font-size:14px;line-height:1em;padding:0 20px;}
	#header .nav-h{float:right}
	#header .logo{margin:11px 0 0 21px}
	#header .nav-h .opener{width:60px;height:57px;display:block;background:url('images/bg-open.gif') no-repeat;text-indent:-9999px;overflow:hidden}
	#header .nav-h.active .opener{background-position:0 -57px}
	#header .nav-h li.active{border:0;padding:10px}
	#nav{position:absolute !important;z-index:12;top:65px;left:0;width:100%;margin:0;background:#000;padding:0;float:none;text-align:center}
	#nav li{vertical-align:top;overflow:hidden;text-align:center;float:none;margin:0;font-size:20px;padding:10px;line-height:22px}
	#nav li.current_page_item, .single-work #nav li#menu-item-30 {border:0;padding:10px}
	#header .nav-h li.active a{margin:0;padding:0}
	#main .section-holder{padding:30px 0 0}
	#main .section .list li .text-h{position:static;display:block;height:auto;padding:25px;opacity:1;}
	#main .section h2{font-size:40px;margin:0 0 29px;line-height:42px}
	#main .section .list li img{margin:0 0 20px}
	#main .section .list li{height:auto}
	#main .section .list{margin:0;text-align:center}
	#main .section .list li{margin:0 15px 20px}
	#main .area h2{width:auto;margin:0 0 10px}
	#main .area .col:first-child{background:#aeaeae}
	#main .contact-area .map-holder{text-align:center}
	#main .contact-area .map-holder iframe {display:block;margin:0 auto;max-width:100%}
	#main .area .col:first-child,#main .area .col{width:auto;margin:0;padding:10px 46px;float:none;overflow:hidden;max-height:none;border:2px solid #878787;}
	#main .contact-area{padding:30px 0}
	#main .contact-area .intro span{font-size:40px;line-height:42px}
	#main .contact-area .intro{margin:0 0 50px}
	#main .contact-area .social-networks{width:auto;float:none;text-align:center;overflow:hidden}
	#main .contact-area .social-networks li{displaY:inline-block;vertical-align:top}
	#main .contact-area .map-holder{overflow:hidden;width:100%;float:none;margin:0 0 10px}
	#main .contact-area .address .find-link{font-size:11px;padding:17px 18px;line-height:13px;display:inline !important;float:right !important;}
	#main .contact-area .mail,#main .contact-area .tel,#main .contact-area .address{font-size:15px;line-height:18px}
	#main .contact-area .mail{background-position:27px 34px}
	#main .contact-area .tel{background-position:30px 23px}
	#main .contact-area .address{background-position:29px 13px;padding-bottom:20px;}
	#main .promo h2,#main .contact-area h2{font-size:30px;line-height:32px;margin:0 0 29px}
	#main .contact-area.view2{padding:30px 0}
	#main .contact-area .gform_wrapper{padding:15px;}
	#main .contact-area .gform_wrapper form {margin-bottom:25px;}

	#main .contact-area .gform_body ul li.textarea textarea,#main .contact-area .gform_body ul li input[type="text"]{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;height:58px}
	#main .contact-area .gform_body ul li.textarea textarea{height:100px}
	#main .contact-area .gform_body ul li.textarea{width:100%;margin:0;overflow:hidden;float:none}
	#main .contact-area .columns .col,#main .contact-area .columns .col:first-child{float:none;width:auto;overflow:hidden;margin:0 0 10px}
	#main .contact-area .columns .social-networks{width:100%;overflow:hidden;margin:0;padding:10px 0 0;text-align:center}
	#main .contact-area .columns .social-networks li{vertical-align:top;float:none;display:inline-block}
	#main .contact-area .columns .map-holder a img{display:block;width:100%;height:auto}
	#main .promo{padding:15px 0}
	#main .list-work li{font-size:22px;float:none;overflow:hidden;vertical-align:top;line-height:25px;display:block}
	#main .list-hold{padding:24px 10px 9px}
	#main .list-work li a,#main .list-work li.active a,#main .list-work li a:hover{background-position:0 11px}
	#main .content{padding:19px 11px 22px}
	#main .section h2{font-size:30px;line-height:32px;margin:0 0 21px}
	#main .content .sub-links{margin:0 0 20px}
	#main .content .img-holder{margin:0 -22px 25px;padding:23px 30px}
	#main .content .sub-links li{padding:0 12px 0 25px}
	#footer .info-list{padding:0}
	#main .contact-area .columns .social-networks{padding: 25px 0 17px;}
	#main .area .col h3:first-child,#main .area .col h3{font-size:40px;line-height:44px;margin:0 0 4px;padding:2px 0 0;}
}