/*

Theme Name: SBM

Author: Jimmy Yang

Design: SBM

Author URI: http://www.test.net

Description: SBM Website

Version: 1.0

License: Owned by Jimmy Yang

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: Sydney WordPress

*/



html, body {
  height: 100%;
}
.mainbody:after {
  content: "";
  display: block;
}
/*
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  /*
  height: 142px; 
}
*/
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
  position:relative;
	background: url("images/pixeltopsection.jpg") no-repeat top center;
}
.page-wrap:after {
  content: "";
  display: block;
}

html, body, applet, object, iframe,







body{color:#FFF;margin:0;font-family:Arial, Helvetica, sans-serif;  background:url('images/pixelrepeatedbackground.jpg') repeat-x #ccc8c5;
background-position:top center; }


a{text-decoration:none;}
img{border:0;}

.header{float:left;width:100%;height:160px;}
.slider{ background: none;
    clear: both;
    float: left;
    height: 330px;
   
    width: 100%;}



.mainnav {float:right;margin-top:120px;font-weight: 600;padding-right:30px;padding-left:0px;}
.mainnav li:first-child{background:none !important;}
.mainnav li{float:left;list-style-type:none;background:url("images/seperator.png") no-repeat scroll -3px -3px transparent;padding:0px 10px; line-height:13px;}

/*.mainnav  li a {color:#fff;text-transform:uppercase;letter-spacing: 0.04em;}*/

.mainnav  li a {
	
	color: #121111;

		
	    font-size: 14px;
	    font-weight: 400;
	    text-transform: uppercase;
}
.mainnav  li a:hover{color:#999;}
#new-royalslider-1{margin:0 auto;}

.btnlogin{
font-family: "Oswald";
}

.contactbox a{color:#121111;}
.contactbox a:hover{color:#594cc5;}


#gforms_confirmation_message{clear:both;padding-top:30px;padding-left:30px;}


#gform_fields_7 label{display:none;}
#gform_fields_7 input{padding:10px;color:#999;font-size:14px;width:290px !important;}

#gform_submit_button_7{background:#333;border:0;padding:10px 50px;font-size:14px;color:#FFF;font-weight:600;margin-top:2px;}

#field_7_1, #field_7_2, #field_7_5, #field_7_7, #field_7_8{float:left;clear:none !important;margin-bottom:20px;}



#input_7_5, #input_7_8{margin-left:20px;}
.contactbox{float:left;}
.contactbox p{margin-top:0px;}

#gform_wrapper_7{margin:20px 30px;}
.homecontent{width:668px;float:left;background: none;padding-top: 15px;}



.current-menu-item a{color:#999 !important;}


.mainnav li:last-child{border:0px !important;}


 

.mainbody {
  
	
    color: #333;
    float: left;
    margin: -40px 0 70px 0;
    padding-bottom: 100px;
    width: 960px;
}
.mainbody h1{padding-left:28px;color:#121111;}
.mainbody h3{padding-left:28px;font-weight:300;font-family: "Lato",arial,sans-serif;color: #121111;font-size:22px;}
/*.mainbody h3{color:#ffff00;}*/

.homecontent{width:960px;float:left;}
.homecontent h1{font-size:30px;margin-bottom:10px;font-family: "Lato",arial,sans-serif;
 font-weight:300;}
.homecontent p{padding: 0px 40px 0 30px; font-size: 15px;}

.pagecontent{width:668px;float:left;}
.pagecontent h1{font-size:28px;margin-bottom:0px;margin-bottom: 15px;
    margin-top: 40px;font-weight:300;font-family: "Lato",arial,sans-serif}
.pagecontent p{padding: 0px 40px 0 30px; font-size: 15px;letter-spacing: 0.3pt;
    line-height: 17px;}
.pagecontent ul{padding: 0px 40px 0 30px; font-size: 15px;margin-left:20px;}	
.pagecontent h2{padding: 0px 40px 0 30px; font-size:20px;color:#ffff00;}	


.footer{float:left;border-top:1px solid #8a8a8a;width:100%;}

.sidebar{float:right;width:291px;}

.sidebar img{margin-bottom:20px;}

.logins {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.92);
  border-bottom: 15px solid #575756;
  display: none;
  height: 190px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}
.loginlink {
  float: left;
  margin-right: 20px;
}

.firstbox {float:left;padding-left:35px;}

.secondbox {float:left;margin-left:210px;}

.thirdbox {float:left;margin-left:50px;}

.fourthbox{float:right;padding-right: 30px;}
.homecontent p{font-size:15px;}

.sidebar h2{color:#cdc1aa;margin-top:30px;font-size:36px; margin-bottom: 20px;}
.footer h3{margin-bottom:15px;}
.footersaas{background:#575756;background-position:center;height:72px;clear:both;position:fixed;bottom:0px;
-moz-box-shadow: 0 0 5px 1px #b9b9b9;
-webkit-box-shadow: 0 0 5px 1px #b9b9b9;
box-shadow:0 0 5px 1px #b9b9b9;z-index:4;
}

.prepressitem{float:left;width:215px;padding-left:10px;padding-right:5px;height:140px;}
.prepressitem h3{font-size:14px;margin-bottom:0px; padding-left:0px !important;margin-top:10px;font-weight:600;}
.prepressitem p{padding:0px 0px;margin-top:5px;}

.prepressitem a{color:#000;float:left;font-weight:300;}
.prepressitem a:hover{color:#121111;}

.aligncenter{text-align:center;}
.quote{background:url("images/quotemark.png") no-repeat scroll -2px 45px transparent;}
.quote p:first-child{margin-top:94px;}
.quote p{font-size:20px;color:#333;padding-right:20px;font-weight:300;}
.quote span{display:block;float:right;font-size:13px;color:#333;padding-right:30px;text-align:right;}

/*linh*/
#gform_7{clear:both;}
#phuoc
img{border:0;} 
#gform_fields_7 label{display:none;}
/*linh*/
#field_7_2, #field_7_5,#field_7_6,#field_7_7{float:left!important;margin-bottom:20px;clear:none!important;}

#field_7_3{float:left;clear:none !important;margin-bottom:20px;}
/*linh*/


#input_7_5, #input_7_8 {
margin-left: 20px;
}



#input_7_3{width:564px;}
/*.mainbody>a img{padding-top:230px!important;}*/
.contactbox a{color:#333;}
.contactbox a:hover{color: #121111;}
.contactbox b{font-size:17px;}
.gform_button{
background: none repeat scroll 0 0 #FFFF00;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size: 14px!important;
    font-weight: 600;
    padding: 10px 50px;
}
/*end linh*/

#gform_fields_7 input{padding:10px;color:#999;font-size:14px;width:290px!important;}
#gform_fields_7 textarea{color:#999;font-size:14px;padding:10px;}

#input_7_3{margin-right:0px;}
#gform_7{margin-left:0px;}

.pagecontent h1 {
font-size: 36px;
margin-bottom: 0px;

margin-bottom: 15px;
margin-top: 40px;
font-weight: 300;
font-family: "Lato",arial,sans-serif;
}

/*linh*/
#field_7_1, #field_7_2{float:left !important;clear:none !important;}

#gform_wrapper_7{margin:20px 30px;}

.gform_title {
    padding-left: 0 !important;
}


#hotspot-1893{margin-left:40px;margin-top:-20px;}


.lightbox-title{font-family:"Lato" !important;font-size:14px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
 .mainbody {
	height:auto;
}
.homecontent{margin: 0 0 20px 0;height:190px;}
}
.alt .lightbox-close{
    right: -13px !important;
    top: -12px !important;
}
.lightbox-overlay{
    background: rgba(0, 0, 0, 0.7) !important;
}
.logo_lightbox span{
    display: block;
    width: 174px;
    max-width: 210px;
    height: 80px;
    float: right;
    background:url(images/logo_new.png) 0px 10px;
    background-repeat:no-repeat;
}
.lightbox-skin {
    background: none repeat scroll 0 0 #1F1E1D !important;
    border: 2px solid white !important;
}
.alt.lightbox-gallery .lightbox-title-inside-wrap {
    float: left;
    margin: 0px !important;
    width: 100%;
	border:none;
	color:#FFF;font-weight:300;
}
.alt #lightbox-buttons {
    display: none;
	}

.prepressitem h3 {
    margin-top: 9px;float:left;
	}
	
.contactbox p {line-height:20px !important;}	
.contactbox a:hover{color:#727272;}



.homecontent .gallery img{float:left;width:212px;}

.homecontent .gallery img:hover{  -moz-box-shadow: -3px -3px 3px #999;
-webkit-box-shadow: -3px 3px 3px #999;
box-shadow: -3px -3px 3px #999;}


#gform_7 .gform_footer{margin-top:10px !important;padding-top:0px !important;}

#gforms_confirmation_message{clear:both;padding-top:30px;padding-left:30px;}


#gform_fields_7 label{display:none;}
#gform_fields_7 input{padding:10px;color:#999;font-size:14px;width:260px !important;}
 
#input_7_1_3_container{width:inherit;margin-right:21px;}

#field_7_4, #field_7_2, #field_7_5, #field_7_7, #field_7_8{float:left;clear:none !important;margin-bottom:20px;}
/*linh*/



#field_7_4{width:594px;}
#input_7_6{width:567px;height:141px;}

 

#input_7_1_6_container{float:left !important;}
.contactbox{float:left;padding-bottom:30px;}
.contactbox p{margin-top:0px;}
.premedia{padding-top:0px;margin-top:0px;clear:both;}
#gform_wrapper_7{margin:20px 30px;}	

.pixeltop{background:url('images/topbg.jpg') top center #cdcac8;position:absolute;}

.hs-spot-transhape-inner{width:45px;height:45px; background:none !important;} 
.lightbox-iframe{
    background: black;
}
.lightbox-title{font-family:"Lato" !important;font-size:14px;}




/*linh*/
.page-wrap-1{
width:100%;border-top:10px solid #6d6d6d;
}
.main-wrapper{
	width:960px;margin:0 auto;height:195px;
}
.header{
	margin-top:0px;
}
.header a img{
	float:left;padding-top:35px;padding-left:50px;
}


.wp_mbhidden{display:none!important;}
.desktop{
	display:block;
}
.mobile{
	display:none;
}
/*************** mobile  ******************/
@media only screen and (min-device-width:320px) and (max-device-width:568px)
{
html, body, applet, object, iframe, body,.page-wrap{
	background:none;
	margin-bottom: 0;
    min-height: inherit;
}
.mainnav{
	display:none;
}
.home-wrap {
  display: none;
}
.slider{
	background-repeat:none;
	background-image:none!important;
	height:inherit;
	float:none;
}
.site-footer, .page-wrap:after {
    height: inherit;
}
.page-wrap {
    overflow: hidden;
}
 
 .page-wrap-1{
	display:none;
 }	
.main-wrapper {
  height: inherit;
  width: 94%;
}
 .footersaas{
	display:none;
}
 .mainbody {
  float: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
 .pagecontent{
	float:none;
	width:100%;
 }
.header {
  height: inherit;
  margin-bottom: 30px;
  margin-top: 0;
  text-align: center;
}
 .header a img{
	float:none;
	padding:0px;
	
 }
 .headerpic{
	background:none!important;
	height:inherit!important;
 }
 .wp-mobile {
    font-weight: bold;
}
 .headerpic.mobile > img {
  width: 100%;
}
 div#fisrt_row a {
width: 34%;
}
a#phone_icon {
background: url(./images/phone_pixel.png) no-repeat scroll left center / 44px 57px #a0a0a0;
padding-left: 14%;
}
.mobile_menu_item {
padding: 10px;
margin-bottom: 10px;
font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
display: inline-block;
white-space: nowrap;
line-height: 1.8em;
position: relative;
outline: none;
overflow: visible;
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 1px 1px 2px 0 #CCCCCC;
-moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
-webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
width: 83%;
font-size: 20px;
}
a#email_icon {
background: url(./images/envelope_pixel.png) no-repeat scroll left center / 44px 57px #a0a0a0;
padding-left: 14%;
float: right;
padding-right: 0px;
margin-right: 0px;
}
.mobile_menu_item {
padding-left: 15%;
padding-right: 6px;
}
.mobile_menu_item {
color: #000000;
text-decoration: none;
}
 
a#about_icon {
background: url(./images/magglass_pixel.png) no-repeat scroll left center / 44px 57px #4D4D4D;
}
a#misson_icon {
background: url(./images/studios_pixel.png) no-repeat scroll left center / 44px 57px #4D4D4D;
}
a#heritage_icon {
background: url(./images/portfolio_pixel.png) no-repeat scroll left center / 44px 57px #4D4D4D;
}
a#gettouch_icon {
padding-left: 15%;
padding-right: 5px;
background: url(./images/getintouch_pixel.png) no-repeat scroll left center / 44px 57px #4D4D4D;
}
 li.mb_item  >a {
 background-color:#b6b5b5!important;
/* margin: 10px 0px 10px 0px; */
}
#mobile_menu > ul {
  margin: 10px 0;
  padding: 0;
}
.pagecontent h1{
	display:none;
}
div#breadcumbs {
  color: #7f7f7f;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-left: 0;
}
div#breadcumbs a {
  color: #7f7f7f;
  font-size: 13px;
  font-weight: normal;
}


p.mb_title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
p.mb_title + p {
  margin: 4px 0 0;
}
.pagecontent p {
  color: #000000;
  font-size: 12px;
  margin-bottom: 6px;
  
  padding: 0;
}
.quote{
	background:none;
}
.sidebar{
	float:none;
	width:100%;
}
.quote p:first-child {
  margin-top: 0px;
}
.quote p {
  color: #333;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  padding-right: 20px;
}
.quote br {
  display: none;
}
.quotename:after {
  content: " - ";
}
.quotename {
  font-weight: normal;
}
.quote span {
  font-size: 12px;
  float: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#gform_wrapper_7{
	display:none;
}
.contactbox {
  float: left;
  padding-bottom:0px;
  width: 50%;
}
.contactbox p {
  line-height: 18px !important;
  margin-top:0px;
}

.contactbox b {
  font-size: 13px;
}
.google-map{
	clear: inherit;
    float: left;
    width: 50%;
}
.google-map img {
 /*  height: 238px; */
  padding: 0 !important;
  width: 100%;
}.google-map img {
  height: 218px;
  padding: 0 !important;
  width: 100%;
}
.contactbox > div {
  width: 100% !important;
}
.bodymid_mobile {
  clear: both;
}


/*spot map*/
.mainbody .renatitle {
  color: #000000;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  padding: 0;
}

#hotspot-1893 {
	margin:0px;
}
.hs-wrap img{
	width:100%;
}
.hs-wrap .hs-spot{
	height:7%!important;
	width:5%!important;

}
.hs-wrap > div:nth-of-type(2) {
	
    left: 47%!important;
    top: 16%!important;
    
}
.hs-wrap > div:nth-of-type(3) {
	
    left: 28%!important;
    top: 72%!important;
    
}
.hs-wrap > div:nth-of-type(4) {

    left: 68%!important;
    top: 40%!important;
}
.hs-wrap > div:nth-of-type(5) {
	left: 26%!important;
    top: 47%!important;
}
.hs-wrap > div:nth-of-type(6) {
	left: 11%!important;
    top: 31%!important;
 }
.firstbox_mobile > a {
  margin: 0 20px;
}
.firstbox_mobile {
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
 

div.fourthbox_mobile {
  clear: both;
  padding-top: 10px;
}
div.bodymid_mobile p {
  margin: 0;
  text-align: center;
}
div.bodymid_mobile strong {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}

a.grey_text {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
}
div#ft_logo_mb {
  background-color: #0a0a0a;
  float: left;
  padding-bottom: 20px;
  padding-left: 25px;
}
div.logo_mb {
  display: inline-block;
  text-align: center;
  width: 32%;
}
.fourthbox_mobile,.secondbox_mobile,.thirdbox_mobile{
	background:#a9a8a6;
	padding-bottom:10px;
	box-shadow: 0 10px 0 #a9a8a6;
}
.thirdbox_mobile{
	padding-bottom:15px;
} 
div#ft_logo_mb {
  background-color: #8b8986;
  float: none;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
 .ft_logo > img {
  height: 41px !important;
  width: 98px !important;
}
.firstbox_mobile img {
  height: 33px;
  width: 33px;
}
ul.mb_mn_content {
    font-size: 15px;
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 !important;
}
#mb_footer_menu {
    background-color: #d6d6d6;
    width: 100%;
}
#mb_menu_footer_ul {
    
    width: 94%;
}
ul.mb_mn_content li.menu-item {
    float: left;
    
    width: 28%;
}
ul.mb_mn_content li:nth-child(1){
	width: 19%;
}
ul.mb_mn_content li:nth-child(3){
	width: 20%;
}
ul.mb_mn_content li:nth-child(4){
	text-align: right;
    width: 33%;
}
ul.mb_mn_content li.menu-item.menu-item-160 {
    width: 19%;
}
ul.mb_mn_content li.menu-item.menu-item-162 {
    width: 20%;
}
ul.mb_mn_content li.menu-item.menu-item-164 {
    text-align: right;
    width: 33%;
}
ul.mb_mn_content li.menu-item a {
    color: #000000;
    font-size: 16px;
}
ul.mb_mn_content li.menu-item.current-menu-item a {
    color: #000000 !important;
    font-weight: bold;
}




 .mb_mn_content li.menu-item.menu-item-163 {
  display: none!important;
}
.hs-spot.visible.bottom.hs-spot-object {
	height: 30px!important;
    left: 30px!important;
    top: 66px!important;
    width: 30px!important;
}
 
 
 
 
 
.wp-mbhidden{
	display:block!important;
} 
 .desktop{
	display:none;
 }
 .mobile{
	display:block;
 }
 }
 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
	.page-wrap{
		margin-top:28px;
	}
} 
@media only screen
and (min-device-width:320px}
and (max-device-width:568px)
and (orientation : landscape){

.mb_item a {
  text-indent: -20px;
}
div#ft_logo_mb {
  background-color: #8b8986;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

}