/* CSS Document */

/**********************************************************/
/***************************RESET**************************/
/**********************************************************/
.menusp{display:none; position: relative;
    z-index: 99999999; top: 27px; text-align:center}
    
    
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, textarea, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

#main{
	width: 1000px; margin: auto; background:#fff; overflow:hidden
}
ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
}

/**********************************************************/
/***************************GLOBAL*************************/
/**********************************************************/

html {
    overflow-y: scroll;
    height: 100%;
}

body {
    font-family: 'arial';
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    background:#666666;
}

section#main-content {
    min-height: 100%;
}

a, a:hover,
input, input:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

.opacity {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 & - */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease; /* Mozilla fix */
}

.opacity:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease; /* Mozilla fix */
}

.clear {
    height: 0;
    clear: both;
}

.box-container {
    margin: 0 auto;
    width: 940px;
    padding: 0 10px;
}

input, textarea {
    display: block;
}

select {
    float: left;
}

textarea {
    padding: 10px 15px;
    line-height: 18px;
    resize: vertical;
    margin: 0;
}

input[type="text"],
input[type="password"] {
    height: 18px;
    padding: 10px 15px;
    line-height: 18px;
    margin: 0;
}

div.submit {
    position: relative;
    height: 38px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit i {
    height: 38px;
    width: 38px;

    line-height: 38px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit:hover i {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit input[type="submit"] {
    position: absolute;
    height: 40px;
    line-height: 40px;
    margin: 0;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: none;
    background: none;
    display: block;
    font-weight: bold;
    cursor: pointer;
    width: 120px;
}

input[type="checkbox"],
input[type="radio"] {
    display:none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    cursor: pointer;
    height: 28px;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    display: block;
    float: left;
    height: 14px;
    width: 14px;
    margin: 5px 10px 0 0;
    font-family: FontAwesome;
    font-size: 1.3em;
    text-align: center;
    line-height: 14px;
}

input[type="checkbox"] + label::before {
    content: "\f096";
    border-radius: 2px;
}

input[type="checkbox"] + label:hover:before {
    content: "\f0c8";
}

input[type="checkbox"]:checked + label::before {
    content: "\f14a";
}

input[type="radio"] + label::before {
    content: "\f10c";
    border-radius: 6px;
}

input[type="radio"] + label:hover:before {
    content: "\f111";
}

input[type="radio"]:checked + label::before {
    content: "\f192";
}
/*******************Main**************************/

#main{

margin-right: auto;
margin-left: auto;
}

.main-width{
	width:1340px;
	margin:auto;
}

/******************Header*************************/

#header {
	background-color:#efefef;
	border-bottom: 8px solid #a01110;
	float:left;
	width:100%;
    height:125px;
	
}
.blue {border-bottom: 8px solid #2a75ba!important; }

.blue-black {border-bottom: 8px solid #3d2f75!important; }

.blue-kim {border-bottom: 8px solid #0c2f46!important; }

.grey{border-bottom: 8px solid #999999!important; }
.border-thanks{border-bottom: 8px solid #fff!important; }
#header .logo{
	float:left; width: 300px; text-align:right
}

#header .logo img { text-align:center; padding:18px 20px; width: 240px;}

#header .menu{ 
	float:left;
	margin-top: 70px;
    width:670px;
}

.menu ul, .menu li {
	display:inline;
}


.menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 8px 4px 10px 0;
  list-style: none;
}
.menu ul li {
  font: bold 12px/14px sans-serif;
  display: inline;
  margin-right: -4px;

  position: relative;
  padding: 5px 5px; padding-bottom:0;
  cursor: pointer;
  height:30px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
        .menu ul li {   margin-right: -7px;}
}

.menu ul li.k1{margin-left:100px;position:relative}
.menu ul li.fblast{position:relative}
.menu ul li.fblast:hover{border-bottom: 0}
.k1 img{left: -100px;
    position: absolute;
    top: -25px;}
.fblast img{
	left: 10px;
    position: absolute;
    top: -25px;
}

.menu ul li > a{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  height:30px;
}

.menu ul li > a.pgd{
  margin-top:-21px;
}

.menu ul li.active{border-bottom: 2px solid #a01110;
  color: #333;
	
}
.menu ul li:hover {
/*  background: #555;*/
border-bottom: 2px solid #a01110;
  color: #333;
}
.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 21px;
  left: 0;
  width: 205px;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1022200;
}
.menu ul li .media_menu{
	width: 370px;
}
.menu ul li ul li { 
  background: #cccecf; 
  display: block; 
  color: #999999;
  height:20px;
}
.menu ul li ul li:hover {/* background: #666;*/ color:#881415; border-bottom:0 }
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


/**************Banner slideshow******************/
#content { 
	float: left;
	width:100%;
    position:relative;
}

#banner { 
	float: none;
	width:100%;
	z-index: 100;
}

/*******************Tabs***********************/
ul.tabs{
	display:inline;
	margin: 10px 20px 10px 44px;
}
ul.tabs li { display:inline; color:#999 }
#footerblue ul.tabs li {color:#eee }
ul.tabs li:hover a{
	 color:#eee 
}
ul.tabs li:hover a{ color:#CC0000;}
ul.tabs li.actived a{ color:#CC0000;}
/*******************siderbar***********************/

#sidesroll {
	margin: 10px 20px;
    padding-top:20px;
}


.contentalbum div{ color:#999;}

.hide{display:none}



.siderbar-inner .item ul{ margin:20px 4% 0 4%;
	position:relative; 
	width:110%;
	float:left;
	
}

.siderbar-inner ul, .siderbar-inner li{
	display:inline;
}
.siderbar-inner .item li{ float:left; width: 145px; margin: 0 1%; color:#999;}
.siderbar-inner .item li div{ font-size: 11px; color: #fff}

.siderbar-inner .item li:hover { border-bottom:0px solid #CC0000;}

.siderbar-inner > .item > img,
.siderbar-inner > .item > a > img {
  display: block;

  max-width: 100%;
  height: auto;
}
.siderbar-inner .item li a > img {

  width: 100%;

}
.siderbar {
  position: relative;
  z-index: 10;
}
.siderbar-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.siderbar-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.siderbar-inner > .item > img,
.siderbar-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .siderbar-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .siderbar-inner > .item.next,
  .siderbar-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .siderbar-inner > .item.prev,
  .siderbar-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.siderbar-inner > .active,
.siderbar-inner > .next,
.siderbar-inner > .prev {
  display: block;
}
.siderbar-inner > .active {
  left: 0;
}
.siderbar-inner > .next,
.siderbar-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.siderbar-inner > .next {
  left: 100%;
}
.siderbar-inner > .prev {
  left: -100%;
}
.siderbar-inner > .next.left,
.siderbar-inner > .prev.right {
  left: 0;
}
.siderbar-inner > .active.left {
  left: -100%;
}
.siderbar-inner > .active.right {
  left: 100%;
}
.siderbar-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=100);
  opacity: 1;
}
.siderbar-control.left {
	background:url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/previous.png) no-repeat center left; 
}
.siderbar-control.right {
	background:url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/next.png) no-repeat center right;
  right: 0;
  left: auto;
}
.siderbar-control:hover,
.siderbar-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

/*******************carousel***********************/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
  z-index: 10;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=10);
  opacity: .1;
}
.carousel-control.left {
	background:url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/previous.png) no-repeat center; 
}
.carousel-control.right {
	background:url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/next.png) no-repeat center;
  right: 0;
  left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}



/*******************Footer**********************/

#footer {	
    margin: 30px 35px auto 40px;
	float:none;
    clear:both;
	width:calc(100% - 75px);
	position: relative;
	background-color:#f0f0f0;
	z-index: 1000000;
}
#footerblue {	
    margin: 30px 35px auto 40px;
	float:none;
    clear:both;
	width:calc(100% - 75px);
	background-color:#2a75ba;
	z-index: 1000000;
}
#footerblue-black {	
    margin: 30px 35px auto 40px;
	float:none;
    clear:both;
	width:calc(100% - 75px);
	background-color:#3d2f75;
	z-index: 1000000;
}
#footer-kim{
    margin: 30px 35px auto 40px;
	float:none;
    clear:both;
	width:calc(100% - 75px);
	background-color:#0071b8;
	z-index: 1000000;
}

#footer-list{ 
position:relative}

#footer-from{ margin: 30px;}

#footer-list .item1, #footer-list .item2, #footer-list .item3, #footer-list .item4 { float:left; margin: 1%;}
.item1 .wel-soft{ color:#a31110; font-weight:800; padding: 8px 0;}
.item1 strong{ font-weight:bold;}
#footer-list .item1 { width:16.5%; padding-left:10px; color:#58595b;margin-top:-80px;}
#footer-list .item1 h3 a img{
	width: 150px;
}
.home #footer-list .item1 h3 a img{
	width: 130px;
	margin-left: 10px;
}
#footer-list .item2, #footer-list .item3, #footer-list .item4{ width: 21.5%;color:#fff; height: 370px;  padding: 0px 15px; margin-top: 50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 2); font-size: 13px;}
#footer-list .item2{ border-bottom: 0px solid #c2272d; height: 370px;}
#footer-list .item2 h3, #footer-list .item3 h3, #footer-list .item4 h3 { padding: 22px 0px; font-size:18px;  height:70px;}
#footer-list .item2{
	background-color:#881415;	 margin-top:-60px;
}
#footer-list .item3{
	background-color:#18469d; margin-top:-60px;
}
#footer-list .item3{ border-bottom: 0px solid #c2272d; height: 370px;}
#footer-list .item4{
	background-color:#0071b8; margin-top:-60px;
}
#footer-list .item4{ border-bottom: 0px solid #c2272d; height: 370px; padding: 0; width: calc(21.5% + 30px);}
#footer-list .item4 .textcontent4{
	  padding: 0px 15px;
}
#footer-list .item4 img { width: 100%}

#footer-list .item4 h3{
	  padding-top:4px; padding-bottom: 40px;
}

#footer-thanks{
    margin: 30px 35px auto 40px;
	float:none;
    clear:both;
	width:925px;
	background-color:#efefef;
	z-index: 1000000;
	padding-top: 0px; position: relative;
}
.footer-tree{
	position: absolute; right: -35px; bottom: 0px;
}
.space-tree{
	padding-right: 160px!important;
}

.connect{
	float: left; border-right: 2px solid #6c6c6e; height: 120px; width: 190px; font-size: 42px; text-align: right; padding-right: 15px; color: #6c6c6e; padding-top: 30px; margin-top: 10px;
}
.footeraddress{
	float: left; width: auto; font-size: 14px; color: #6c6c6e; padding-top: 10px; margin-left: 20px;
}
.footeraddress p{
	margin-bottom: 30px
}
.footeraddress p a img{
	position: relative; z-index: 88888;
}

.footeraddress-1{
	float: left; width: 250px; line-height: 22px
}

.footeraddress-2{
	float: left; width: 250px;line-height: 22px
}



/***********************List soft********************************/
#list-soft{ margin:30px 30px 0px 30px;}
#list-soft .soft-1,#list-soft .soft-2,#list-soft .soft-3,#list-soft .soft-4{
	width:46%;
	padding:2%;
	float:left;
}
#list-soft .soft-1, #list-soft .soft-3{ border-right: 1px solid #999; margin-left: -1px;}
#list-soft .soft-1, #list-soft .soft-2{ border-bottom: 1px solid #999;}
.img-soft { text-align:right; float:left; width:35%;}
.img-soft img {width:90%;}
.text-soft{ float:right; width:60%; color:#666666; }
.text-soft h3 { color:#333; line-height:40px; font-weight:600;}
.text-align-right { text-align:right; padding: 10px 0px 10px 20px; font-style:italic; color:#666666;}
.cart, .text-cart{ width:50%; float:left; color:#666666;}

.text-cart{ text-align:right;}

.navigation-next { color:#999; padding: 10px; }
.navigation-next a { color:#999; padding: 0 15px; }

/**********************Home **********************/
.popup-video-home { background-color: #fff;
    border: 5px solid #ffffff;    
    position: absolute;
    top:60px; right:48px;
    width: 405px;
    height: 227px;
    z-index: 100000;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
}
.popup-video-home h4 { color:#999999;}
.popup-video-home img{
	width: 100%
}

/**********************Media **********************/
.popup-media { background-color: #fff;
    border: 5px solid #ffffff;    
    position: absolute;
    top:160px; right:80px;
    width: 415px;
    height: 247px;
    z-index: 100000;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
}
.popup-media h4 { color:#999999;}
.popup-media img{
	width: 100%
}


/******************Kimperley********************/

.box-photography{
	width:600px; background-color:#f0f0f0; float:right; position:relative; z-index: 100000; margin-top:-90px; 
	/*margin-bottom: -80px;*/
	-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding:10px;
}
.box-photography .item-photo1{ float:left; width:71%; padding:5px; padding-top:0; font-size:12px; color:#666; line-height:16px; font-weight:500; text-align:justify}
.box-photography .item-photo2{float:left; width:26%; margin-top:-30px; text-align:center}
.wel-soft{ color:#a31110; font-weight:800; text-align:center}

.logo-argyle {width:180px; padding: 15px 15px 10px 0; margin-left:30px;}
.logo-argyle .sponsored-text{ color:#FFFFFF;}
.logo-argyle img { border: 3px solid #FFFFFF; width: 100%; margin-top: 20px}
.list-news { float:left; width:30%; padding:0 0 0 25px}

.img-news { float:left; width: 40%;}
.img-news  img { border: 4px solid #FFFFFF; width: calc(100% - 8px);}
.text-news { float:right; width: calc(60% - 8px); font-size:11px; color:#FFFFFF; text-align:justify}
.text-news h3 { margin:0 0 10px 0; color:#FFFFFF; font-weight:700; text-transform: uppercase;}
/*******************Form contact************************/

.itemcontact, .itemcontact-first{
	color: #fff;
	padding: 8px;
	width:100%;
	height: 100px;
	margin-bottom: 10px;
}
.itemcontact {
	width: 75%;
}
.itemcontact img, .itemcontact-first img{	
	float: left;
	margin-right: 10px;
}

.item-form-left{ width:55%; float:left;}
.item-form-right{ width:45%; float:left;}
.item-form-left .leftname, .item-form-right .leftname{ float:left; width:38%; font-size:14px; font-weight:700; color:#666; padding-top: 5px;}
.formline { padding: 2px 0; float:left; width:100%;}
.formline input, .formline textarea { opacity: 0.6; padding:8px; width:100%;}
.formline textarea{ height: 100px;}
.messageform{ height:134px;}
.leftinput{width:62%; float:left; }
.icon-submit { background:transparent url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon-send.png) no-repeat; cursor: pointer; color:#000; width:57px!important; height:22px!important; padding:0px!important;}
.item-form-right .leftinput{width:70%; float:left; }
.item-form-right .leftname{width:23%; float:left; }
textarea{
	font-style: italic;
}

#copyright { text-align:right; padding: 20px 30px; font-size:11px;position: relative; color:#999}
#copyright-light { text-align:right; padding: 20px 30px; font-size:11px; color:#f0f0f0}
.linkfootertestimonial{
	position: absolute; left: 25%; color: #414042; font-size: 16px; top: 15px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020000;
	
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	padding: 0px!important; 
/*	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;*/
}

.fancybox-opened {
	z-index: 8030000;
}

.fancybox-opened .fancybox-skin {
/*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/web/20240312083630im_/http://bvisualmedia.com.au/template/css/fancybox_sprite.png');
}
*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060000;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/web/20240312083630im_/http://bvisualmedia.com.au/template/css/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	bottom: -70px;
	left:18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 80400000;
	background-image: url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/icon-close.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.fancybox-nav {
	position: absolute;
	bottom:-35px;
	width: 40%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/web/20240312083630im_/http://bvisualmedia.com.au/template/css/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 80400000;
}

.fancybox-prev {
	left: 50px;
}

.fancybox-next {
	left: 100px;
}

.fancybox-nav span {
	position: absolute;	
	bottom: -40px;
	width: 36px;
	height: 34px;
	cursor: pointer;
	z-index: 8040000;
	visibility: visible;
}

.fancybox-prev span {
	left: 10px;
	content: 'Previous';
	 color:#FFFFFF;text-transform:uppercase;
}
.fancybox-prev span:after{content: 'Previous';}
.fancybox-next span {
	left: 38px;
	color:#FFFFFF;
	content: 'Next';
	text-transform:uppercase;
}
.fancybox-next span:before{content: '|'; padding-right:10px;}
.fancybox-next span:after{content: 'Next';}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010000;
	background: rgba(0, 0, 0, 0.95);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050000;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050000;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.bannerblue{
	background: #177EBD; min-height:400px;color: #fff;
}
.contentbannertestimonial{
	position: absolute; width: 925px; top: 20px; left: 60px; 
}

.banner-testimonial{
	float: left; width: 46%;
}
.banner-testimonial h2{
	font-size: 22px; margin-bottom: 10px
}
.itemtestimonial{
	font-style: italic; text-align: justify;margin-bottom: 10px; overflow: hidden; font-size: 12px !important;width:98%; 
}
.itemtestimonial span{
	float: right;
}
.itemtestimonial hr{
	color: white;
  height: 1px;
	margin-left: 0;
	text-align: left;
	width: 71%;
}
.itemtestimonial img{
	margin-right: 5px;
	margin-top: 5px;
}
.testimonial-scroll{
	height: 350px;
	overflow-x: auto;
}	
.testimonial-scroll::-webkit-scrollbar {
	margin-left: 10px;
	width: 5px;
	background-color: #F5F5F5;
}
.testimonial-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: rgba(0,0,0,0.1);
  border: 1px solid #ccc;
}

.testimonial-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #aaa;
}

.testimonial-scroll::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.testimonial-scroll::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.banner-clients{
	float: left; margin-left: 50px;
}
.banner-clients h2{
	font-size: 22px; margin-bottom: 10px
}
.banner-clients img {
	max-height: 300px;
}
.contentbannercontactnew{
	position: absolute; width: 925px; top: 25px; left: 30px; 
}
.ctbannerleftnew{width: 50%; float: left;}
.ctbannerleftnew h2{
	font-size: 22px; color: #fff; margin-top:40px;
}
.ctbannerrightnew{
float: right; width: 310px;
}




.contentbannercontact{
	position: absolute; width: 515px; color: #c6c6c6; top: 100px; left: 120px;
}
.ctbannerleft{	border-right: 2px solid #c6c6c6; padding: 15px 20px 15px 0; width: 270px; float: left;}
.ctbannerright{
	font-size: 12px;  padding: 15px 0px 15px 20px; float: left;
}	
.circleline{ width:13px; height: 13px; border: 1px solid #c6c6c6; border-radius: 13px; text-align: center; line-height: 15px; display: inline-block; font-size: 10px; margin-top:3px;}

.title1banner{
	font-size: 48px; line-height: normal;
}

.title2banner{
	font-size: 22px;
}

.box-main{
	background:#efefef;
}

.box-main-thanks{
	background:#fff;
}
.title-thanks{
	position: absolute; top:-80px; left: calc(50% - 150px);
}


.gallery-images {  }
.navigation-slide-gallerry { bottom: 30px; text-align:center;  position: fixed; left: 500px;}
.navigation-slide-gallerry  .previous, .navigation-slide-gallerry  .next{ padding: 0 50px;}

@import url("/web/20240312083630cs_/http://bvisualmedia.com.au/template/css/responsive.css");
@import url("/web/20240312083630cs_/http://bvisualmedia.com.au/template/css/responsive.css")

/* Responsive ---------------------------------------------------------------------------------------- */

@media only screen and ( max-width: 1024px )
{
   

			
}

@media only screen and ( max-width: 768px )/* Làm luôn cho 736px cua ip6 flug ngang */
{

#main{width:100%;} 	
#header .menu{	display: none;}
#header .logo{	float:none; margin:auto; text-align:center;}
/* home */
.popup-video-home{right:155px; top: 20px; position: static; margin:20px auto;  }
#footer-list .item1{width:96%; float:none; margin-top: 30px;}
#footer-list .item1 h3{text-align: center;}
#footer-list .item2, #footer-list .item3, #footer-list .item4{	width:26.5%; margin-top:10px;}
.linkfootertestimonial{	left:35px;}

.menusp{display:block;}
ul#menu{float:left; position:absolute; right:0;  padding:10px 0;
@include transition-property(right);
  @include transition-duration(1s);
  @include transition-timing-function(ease);}
  
.toggleMenu { 
    padding: 11px 10px;
    color: #fff;

}

.toggleMenu:hover { 
}

.toggleMenu {
    display:  none;
	
	border: none;
	width: 15px;
	height: 7px;
	text-indent: -900em;
	overflow: hidden;
	position:absolute  ; top:5px; right:5px;
	cursor: pointer;
	outline: none;
    border-radius:3px;
}


.toggleMenu:after {
	content: '';
	position: absolute;
	width: 62%;
	height: 2px;
	background: #444;
	top: 9px;
	left: 16%;
	box-shadow: 
		0 5px 0 #444, 
		0 10px 0 #444;
}

.nav {
    list-style: none;
     *zoom: 1;
    
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;

}
.nav ul a {
    text-align:center;
}
.nav a {
    
    color:#fff;
    text-align:center;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-bottom: 1px solid #a01110;
}

.nav > li:last-child a {
    padding-right:0px;
}

/*.nav > li > .parent {
    background-image: url("/web/20240312083630im_/http://bvisualmedia.com.au/template/images/themes/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}*/
.nav > li > a {
    display: block;
    color:#fff;
    font-size:14px;
    padding:15px 0;
}
.nav > li a.cureent{
    color:#b7231c;
}

.nav > li a:hover{
    color:#fff; cursor:pointer;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
    width:200px;
    border-top:1px solid #aaa;
}
.nav > li.hover > ul {
    left: 0;
    
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #cccecf;
    position: relative;
    z-index:99999999;
    
    padding:10px;
}

.nav li li a:hover {
    display: block;
    background: #cccecf;
    position: relative;
    z-index:99999999;
    
    padding-left:5px;
    color:#881415;
}

.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {
    .nav{width:100%; background:#cccecf;}
    
    .nav > li a{
		color:#333;
	}
    
    .nav > li a:hover{
    background-color:#cccecf; border-radius:0px; color:#881415;
}
    .nav > li a.active{
    background-color:#cccecf; border-radius:0px; color:#881415;
}
    
    .active {
        display: block;
    }
    .nav > li {
        float: none;  padding:0 10px;
    }
    .nav > li:last-child { border-bottom:0;}
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/web/20240312083630im_/http://bvisualmedia.com.au/template/images/themes/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
   .nav li  ul {

    width:100%;
}

}




/**********************Media **********************/
.popup-media {top:150px; right:60px; width: 200px;    height: 119px;}


.siderbar-inner > .active {
  left: 0; display: inline-flex; overflow: hidden;
}

/**********************kimberley **********************/
.box-photography{
	margin-top:-95px;
}
.list-news{
	width:27%;
}
.img-news{
	float:none; width:100%
}
.text-news{
	float:none; width:100%
}

/**********************Contact **********************/
.contentbannercontactnew{
	width:675px; top:5px; position:relative;overflow: hidden;    padding: 20px 0;
}
.formline input, .formline textarea { border:1px solid #eee; width:90%}
.formline input:hover, .formline textarea:hover { border:1px solid #ccc}
.formline input[type="submit"]{
	border:0px
}
.ctbannerleftnew h2{
	color:#999;
}
#footer-thanks{
	width: 90%;
}
.connect{
	color: #6c6c6e;
    float: left;
    font-size: 42px;
    height: auto;
    padding-left: 18px;
    padding-right: 15px;
    text-align: left;
    width: 90%;
    border: 0;
}
.footeraddress p a{
	display: inline-block;
}


/**********************Testimonial **********************/
.contentbannertestimonial{	width:92%;}
.banner-clients{	width:50%;}
.banner-clients img{	max-width: 100%}

}


@media only screen and ( max-width: 667px )/* Làm luôn cho Android (Nexus 4) landscape 600px và iPhone 5 landscape: 568px */
{
	.title-thanks{position:static}
/* home */
.popup-video-home{right:25%; top: 20px; width: 260px; height: 146px;}
#footer-list .item1{width:96%; float:none; margin-top: 30px; margin-bottom: 20px;}
#footer-list .item1 h3{text-align: center;}
#footer-list .item2, #footer-list .item3, #footer-list .item4{	width:90%; margin:auto; float:none; margin-top:10px;}
#footer-list .item4 img{
	width:100%!important; margin:auto;
}
#footer-list .item4{
	width:98%!important;
}
#footer-list .item4 h3{padding-bottom:70px}
.linkfootertestimonial{	left:35px;}

/**********************Media **********************/
.popup-media {top:95px; right:60px; width: 200px;    height: 119px;}



/**********************DVD **********************/
#list-soft .soft-1, #list-soft .soft-2, #list-soft .soft-3, #list-soft .soft-4{
	width:100%; border:0px;  border-bottom: 1px solid #999;
}
.text-soft h3{
	line-height:24px;
}

/**********************kimberley **********************/
.box-photography{
	margin-top:5px; margin-bottom:5px; width:auto;
}

.list-news{
	width:26.5%;
	padding: 10px 0 0 25px;
}

/**********************Contact **********************/
.contentbannercontactnew{
	width:95%; left: 15px;
}
.formline input, .formline textarea { border:1px solid #eee; width:90%}
.formline input:hover, .formline textarea:hover { border:1px solid #ccc}
.formline input[type="submit"]{
	border:0px
}
.ctbannerleftnew h2{
	color:#999;
}
.ctbannerleftnew{
	width:55%;
}
.itemcontact{
	width:280px;
}
.ctbannerrightnew{
	width:45%;
}

#footer-thanks{
	width: 88%;
}
.connect{
	color: #6c6c6e;
    float: left;
    font-size: 42px;
    height: auto;
    padding-left: 18px;
    padding-right: 15px;
    text-align: left;
    width: 90%;
    border: 0;
}

/**********************Testimonial **********************/
.banner-clients{width:49%;}


}
		
@media only screen and ( max-width: 480px ) /*Làm luôn cho iPhone 6 Plump portrait 414px*/
{   
   /* home */
.popup-video-home{right:25%; top: 10px; width: 200px; height: 112px;}
#footer{
	width:100%; margin:30px 0 0 0;
}
#footer-list .item1{width:96%; float:none; margin-top: 30px; margin-bottom: 20px;}
#footer-list .item1 h3{text-align: center;}
#footer-list .item2, #footer-list .item3, #footer-list .item4{	width:90%; margin:auto; float:none; margin-top:10px;}
#copyright{	text-align: center;}
.linkfootertestimonial{ position:static; display:block; margin-bottom: 10px;}

/**********************Media **********************/
.popup-media {top:130px; right:35px; width: 311px; height: 190px; position:static; margin:20px auto;}

ul.tabs{
	margin:10px 20px 10px 7px;
}


/**********************kimberley **********************/
.box-photography .item-photo1{
	width:auto;
}
.box-photography .item-photo2 {
    float: none;
    margin: auto;
    text-align: center;
    width: 250px; display:block;
}
.list-news{
	width:84.5%;
	padding: 10px 0 0 25px;
	margin-bottom:25px;
}

/**********************Contact **********************/
.contentbannercontactnew{
	width:95%; left: 15px;
}
.ctbannerleftnew{
	width:100%;
}
.itemcontact{
	width:95%;
}
.ctbannerrightnew{
	width:100%;
}

#footer-thanks{
	width: 95%; margin-left: 10px;
}
.connect{
	color: #6c6c6e;
    float: left;
    font-size: 42px;
    height: auto;
    padding-left: 18px;
    padding-right: 15px;
    text-align: left;
    width: 90%;
    border: 0;
}
.footer-tree{
	right:0;
}

.ctbannerleftnew h2{margin-top:25px; margin-bottom:35px;}

/**********************Testimonial **********************/
.contentbannertestimonial{
	left:10px;
	width:95%;
	position: static;
	padding: 10px; background: #0072b9; min-height: 200%;
}
.banner-clients{width:100%; margin-left:0; clear: both; padding-bottom: 15px;}
.banner-testimonial{
	width:100%; float: none;
}

}


@media only screen and ( max-width: 384px ) /*Làm luôn cho iPhone 6 portrait 375px*/
{
/* home */
.popup-video-home{right:15%; top: 10px; width: 240px;height: 135px;}

/**********************Media **********************/
.popup-media {top:120px; right:35px; width: 76.6%; height: 165px;}




ul.tabs{
	margin:10px 0px 10px 0px;
	font-size:11px;
}
ul.tabs li{
	padding:5px 10px 5px 0; display: inline-block;
}
ul.tabs li.jo{
	padding:0px;
}

#copyright{
	padding:20px 5px;
}

/**********************kimberley **********************/
.list-news{
	width:84%;}
	
	/*------ Graphy --------------*/
.siderbar-inner > .active{
	display: inline-block;
	height: 185px;
	overflow: hidden;
}




}

@media only screen and ( max-width: 320px )
{
/* home */
.popup-video-home{right:15%; top: 10px; width: 200px; height: 112px;}	

/**********************Media **********************/
.popup-media {top:100px; right:35px; width: 72%; height: 135px;}

ul.tabs{
	margin:10px 0px 10px 0px;
	font-size:11px;
}
ul.tabs li{
	padding:5px 10px 5px 0; display: inline-block;
}
ul.tabs li.jo{
	padding:0px;
}


.connect{
	font-size:36px;
}
/**********************kimberley **********************/
.list-news{
	width:84%;}

#footer-kim{
	margin: 0;
	width:100%
}

/*------ Graphy --------------*/
.siderbar-inner > .active{
	display: inline-block;
	height: 135px;
	overflow: hidden;
}

}
		
		
@media only screen and ( max-width: 240px )
{
			
}

@media screen and (-webkit-min-device-pixel-ratio:0) {    select:focus,   textarea:focus,   input:focus {     font-size: 16px;
    background: #eee;
  } }


/* Slide */

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    
    width:93%;
    margin:auto;
    
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    
}
.nbs-flexisel-item img {
    width: auto;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height:80px;
}

.nbs-flexisel-item .contentalbum{
	margin-right: 5px;
}

/*** Navigation ***/
@media only screen and ( max-width: 375px )
{
	.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {    top:27px!important;}
}
@media only screen and ( max-width: 320px )
{
.nbs-flexisel-inner{width:95%}
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/previous.png) no-repeat;background-size: 70% 80%;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(/web/20240312083630im_/http://bvisualmedia.com.au/template/images/icon/next.png) no-repeat;background-size:  70% 80%;
}
/*
     FILE ARCHIVED ON 08:36:30 Mar 12, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:14:51 Apr 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.43
  exclusion.robots: 0.015
  exclusion.robots.policy: 0.006
  esindex: 0.01
  cdx.remote: 22.006
  LoadShardBlock: 74.838 (3)
  PetaboxLoader3.datanode: 68.098 (4)
  load_resource: 69.023
  PetaboxLoader3.resolve: 36.958
*/