/*
Theme Name: D3design
Theme URI: http://d3design.com.au
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
*/

@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
img {
	border: 0 none;
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
li {
	list-style: none;
}
.clearfix:after {
	height:0;
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
a {
	text-decoration:none;
}
body {
  background: #262626 none repeat scroll 0 0;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

@font-face {
	font-family:'HelveticaNeue-Regular';
	src: url('fonts/HelveticaNeue_gdi.eot');
	src: url('fonts/HelveticaNeue_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue_gdi.woff') format('woff'),
		url('fonts/HelveticaNeue_gdi.ttf') format('truetype'),
		url('fonts/HelveticaNeue_gdi.otf') format('opentype'),
		url('fonts/HelveticaNeue_gdi.svg#HelveticaNeue-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0-10FFFF;
}

.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.topsectinobanner {
    float: left;
    width: 100%;
}

.centerlize {
    position: absolute;
   width:100%;
height:100%;

}

.newscenterlize {
   position: absolute;
   width:100%;
	height:100%;

}


.centerlizetop {
    position: relative;
   width:100%;
	max-width:1040px;
	margin:0 auto;
}
.contentholder {
    position: absolute;
    top: 270px;
}
.contentholders {
    position: absolute;
    bottom: 195px;
}
.logoh {
    margin: 0 auto;
    width: 1040px;
    margin-bottom: 0px;
}
.logoh img {
    max-width: 18%;
padding-left:10px;
}

.topsectinobanner .bx-wrapper .bx-viewport {
    left: 0px;
}
.text {
    width: 983px;
    margin: 0 auto;
    text-align: center;
}
.text p {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    font-family: 'Roboto' !important;
    font-weight: 300;
	text-align:center;


}
.headercont {
  background: #000 none repeat scroll 0 0;
  float: left;
  padding: 7px 20px;
  width: 96%;

}
.headercontfull {
  background: #000 none repeat scroll 0 0;
  float: left;
  width: 100%;
-moz-box-shadow: 0 5px 5px rgba(0,0,0, .6);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0, .6);
    box-shadow: 0 3px 3px rgba(0,0,0, .6);

}

.fixedheade{
position:fixed; z-index:1000;display:block;overflow-y: auto;-webkit-transform: translate3d(0,0,0)
}
.logo {
  float: left;
  margin-top: 0px;
  width: 190px;
}

#menu-wrap img {
	float: left;
	width: 25px;
	margin: 5px 15px 0 0;
}
#menu-wrap > div {
	display: none;
}
.navigation {
  float: right;
  position: relative;
  width: auto;
}
nav {
	width:100%;
	display:block;
	position:relative;
	z-index:2;
}
.menutriger {
	display:none;
}
nav ul {
	width:auto;
	margin:auto;
	list-style-type:none;
background:;
}
nav ul li {
  color: #ffffff;
  float: left;
  padding: 0 22px;
  position: relative;
}
nav ul li:first-child {
  padding-left: 0;
}

nav ul li:last-child {
  padding-right: 0;
}
nav ul li a {
    color: #fff;
    display: block;
    font: 12px/45px 'Roboto' !important;
    text-transform: uppercase;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    height: 33px;
    padding-left: 5px;
    padding-right: 5px;

}

nav ul li a:hover, nav ul li a.selected {
  
  color: #fff;
height:32px;
    border-bottom: 1px solid #fff;
}
nav ul li ul {
display:none;
}
nav ul li:hover ul {
  background: none repeat scroll 0 0 #97999c;
  display: block;
  left: 30%;
  padding: 10px 0px 0;
  position: absolute;
  top: 40px;
  width: 194px;
  z-index: 10000;
}
nav ul li ul li {
float:none;
margin:0px;
border-bottom:1px solid #626264;
background:none; position:relative;  font:normal 16px 'MyriadProRegular'; line-height:26px; color:#b5b28d; height:30px; padding:0; border-right:none;
border-left:none;
border-top:none;
}
nav ul li ul li:last-child {
	border-bottom:none;
}
nav ul li ul li a {
	font:normal 16px Arial, Helvetica, sans-serif;
	line-height:26px;
	color:#FFF;
	height:30px;
	padding:0 0 0 5px !important;
}
nav ul li ul li a:hover {
	height:30px;
	background:none;
}
nav ul li ul li ul {
	display:none;
	visibility:hidden;
}
nav ul li ul li:hover ul {
	display:block;
	visibility:visible;
	left:180px;
	top:0px;
}
.newslide {
    float: left;
    width: 100%;
}

.newslide .bx-wrapper .bx-viewport {left:0;}

.newslide .bx-wrapper .bx-next{background:url(images/newsliconright.png); background-repeat: no-repeat; height: 38px; width: 23px;right:80px;}
.newslide .bx-wrapper .bx-next:hover{background:url(images/newsliconrighth.png); background-repeat: no-repeat; height: 38px;
    width: 23px;
    right: 85px;}

.newslide .bx-wrapper .bx-prev{background:url(images/newslicon.png);     background-repeat: no-repeat; height: 38px; width: 23px;left:80px}
.newslide .bx-wrapper .bx-prev:hover{background:url(images/newsliconh.png); background-repeat: no-repeat; height: 38px; width: 23px;left:80px;} 


.newscat {
	height:52px;
	background-color:#F15B22;
         min-width:230px;padding-left:40px;
}
.newscat h2 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    text-transform: uppercase;
    color: #231F20;
    padding-top: 18px;
    text-align: right;
    padding-right: 10px;
}
.newscat {
    position: absolute;
    top: 25px;
    z-index: 1;
}

.newsrightbottomlight h5, .newsmiddle h5, .newsrighttoplight h5, .newstopleftlight h5 {
  font-family: 'roboto' !important;
    font-size: 40px;
    color: #fff;
    padding-bottom: 33px;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
    text-transform:uppercase;
    min-width:700px;
	font-weight:700;


}


.newsrighttoplight h5{text-align:right;}
.newsrighttopdark h5{
 font-family: 'roboto' !important;
    font-size: 40px;
    color: #000;
    padding-bottom: 33px;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
    text-transform:uppercase;
    width:700px;

}




.newsmiddle p{
    font-size: 15px;
    font-family: 'roboto' !important;
    color: #fff;
    line-height: 20px;
    font-weight: 300;
    padding-bottom: 20px;

}

.newsrighttoplight p{

    font-size: 13px;
    font-family: 'roboto' !important;
    color: #fff;
    line-height: 20px;
    font-weight: 300;
 
text-align:right;
}

.newsrighttopdark p{

    font-size: 15px;
    font-family: 'roboto' !important;
    color: #000;
    line-height: 22px;
    font-weight: 300;
    float:right;
    text-align:right;


}

.newsmiddle{
 margin: 0 auto;
    position: absolute;
    bottom: 25%;
    width: 800px;
    left: 25%;
   
}
.newsmiddle h3 {
    font-size: 50px;
    font-family: HelveticaNeue-Regular;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 65px;
    margin-bottom: 10px;
}

.newsrightbottomlight p {
    font-size: 15px;
    font-family: Roboto;
    color: #fff;
    line-height: 20px;
    font-weight: lighter;

}
.newsrightbottomlight {
    position: absolute;
    width: 404px;
    float: right;
    bottom: 170px;
    right: 100px;
}
.newsrightbottomlight h3 {
    font-size: 50px;
       font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 700;
text-transform:uppercase;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 65px;
    margin-bottom: 10px;
}


.newsrightbottomdark p {
    font-size: 13px;
    font-family: HelveticaNeue-Regular;
    color: #fff;
    line-height: 20px;
    font-weight: lighter;
}
.newsrightbottomdark {
    position: absolute;
    bottom: 73px;
    width: 404px;
    right: 100px;
}
.newsrightbottomdark h3 {
    font-size: 50px;
    font-family: HelveticaNeue-Regular;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 65px;
    margin-bottom: 10px;
}

.newsrighttoplight p {
    font-size: 15px;
    font-family: 'roboto';
    color: #fff;
    line-height: 22px;
    font-weight: 300;
}
.newsrighttoplight,.newsrighttopdark {
    position: absolute;
    top: 120px;
    width: 700px;
    right: 100px;
}
.newsrighttop h3 {
    font-size: 34px;
    font-family: HelveticaNeue-Regular;
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid #000;
    line-height: 65px;
    margin-bottom: 10px;
}

.newsrighttop p a {
    color: #007CC7;
}
.newstopleftdark h5{ 
      font-family: 'roboto' !important;
    font-size: 40px;
    color: #000;
    padding-bottom: 33px;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
    text-transform: uppercase;
    min-width: 700px;
    font-weight: 700;}


.newstopleftdark  p {
    font-size: 15px;
    font-family: 'roboto';
    color: #000;
    line-height: 22px;
    font-weight: 300;

}
.newstopleftlight p {
    font-size: 15px;
    font-family: 'roboto';
    color: #fff;
    line-height: 22px;
    font-weight: 300;
}
.newstopleftlight, .newstopleftdark {
  top: 120px;
  left: 140px;
  position: absolute;
 
}


.designsection {
    float: left;
    width: 97%;
    background: #262626;
    padding: 20px;
   
}
.designsection annv li{color:#000;}
#services .designsection {border-bottom: 1px solid #fff;}
#services .designsection:first-child{border-bottom: 0px; solid #fff;padding-bottom: 0; }
.designsection:last-child{border-bottom: 0px solid #fff!important;}
.designsectionfull {
    float: left;
    width: 100%;
    background:#262626;
  }

.designsection h4,#ourwork .designsectionpanelHeadingWork {
    float: left;
  
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 62px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 6px;
    color:#fff;
}

#ourwork .designsectionpanelHeadingWork h4 {color: #000;font-weight:300;line-height:35px;padding-top:16px;}
.block {
    float: left;
    width: 31%;
    margin-right: 30px;
}
.block:last-child{margin-right:0;}
.block p {
 
    font-size: 15px;

    font-family: 'Roboto' !important;
    font-weight: 300;

    color: #fff;
    margin-bottom: 15px;
}
.block ul li {
    font-family: 'Roboto' !important;
    font-weight: 300;

    font-size: 15px;
    color: #fff;
   
}

.block span{color: #F15B22;}
.block h5 {
       font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
   text-transform:uppercase;
    line-height: 34px;
	color:#F15B22;

}
.designsection img{float:left;}
.bxfixed {
    float: left;
    width: 100%;
    height: 315px;
    background: url(images/flex.jpg);
    background-repeat: no-repeat;
    background-size: cover;
background-attachment:fixed;
}
.annv{width:1170px;height:80px;float:left;}
.annv li:first-child {
  padding-left: 0;
}
.annv li:last-child {
  padding-right: 0;
}
.annv li {
    float: left;
    padding: 0 65px;
	font-family:roboto;
	font-size:17px;}
.annv li a{color:#fff;}
.annv li a:hover{color:#fff; text-decoration:underline;}
#ourwork .designsectionwork .annv li a{color:#000 !important;padding-bottom:1px;text-decoration:none;padding-left:5px;padding-right:5px;}
#ourwork .designsectionwork .annv li a:hover{color:#000 !important;border-bottom:1px solid #000;padding-left:5px;padding-right:5px; }
#ourwork .designsectionwork .annv li a.selected{color:#000 !important;border-bottom:1px solid #000;padding-left:5px;padding-right:5px;}
.ourworks {
    float: left;
    width: 100%;
}

.ourworks .bx-wrapper .bx-viewport {left:0;}
.ourworks .bx-wrapper .bx-next{background:url(images/newsliconright.png); background-repeat: no-repeat; height: 38px; width: 23px;right:80px;}
.ourworks .bx-wrapper .bx-next:hover{background:url(images/newsliconrighth.png); background-repeat: no-repeat; height: 38px; width: 23px;right:80px}

.ourworks .bx-wrapper .bx-prev{background:url(images/newslicon.png);     background-repeat: no-repeat; height: 38px; width: 23px;left:80px}
.ourworks .bx-wrapper .bx-prev:hover{background:url(images/newsliconh.png); background-repeat: no-repeat; height: 38px; width: 23px;right:80px;} 


.worktop-left-top-dark {
    left: 100px;
    top: 100px;
    width: 610px;
    position: relative;
    float: left;
}
.worktop-right-top-dark {
    right: 100px;
    top: 100px;

    position: relative;
    float: right;
}
.worktop-left-top-dark p {
   font-size: 14px;
    color: #000;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    max-width: 410px;
}
.worktop-left-top-dark h3 {
   font-family: 'Roboto' !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    font-size: 33px;
    padding-bottom: 8px;
}
.worktop-left-top-dark h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 11px;
}
.worktop-left-top-dark {
    left: 100px;
    top: 100px;
    width: 610px;
    position: relative;
    float: left;
}
.worktop-right-top-dark {
    right: 100px;
    top: 100px;
    position: relative;
    text-align:right;
    float: right;
   max-width:900px;

}
.worktop-right-top-dark p {
    font-size: 14px;
    color: #000;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    max-width:360px;
    padding-left:300px;
}
.worktop-right-top-dark h3 {
      font-family: 'Roboto' !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    font-size: 33px;
    padding-bottom: 8px;
}
.worktop-right-top-dark h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 11px;
}

/* Light version */
.worktop-left-top-light {
    left: 100px;
    top: 100px;
    width: 410px;
    position: relative;
    float: left;
}
.worktop-right-top-light {
    right: 100px;
    top: 100px;
    min-width: 700px;
    position: relative;
    float: right;
    text-align: right;
}
.worktop-left-top-light p {
   font-size: 14px;
    color: #000;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    color:#fff;
    max-width:350px;

}
.worktop-left-top-light h3 {
    font-family: 'Roboto' !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    font-size: 33px;
    padding-bottom: 8px;
    color:#fff;
}
.worktop-left-top-light h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 11px;
}
.worktop-left-top-light {
    left: 100px;
    top: 100px;
    width: 610px;
    position: relative;
    float: left;
}
.worktop-left-middle-light {
    left: 100px;
    top: 350px;
    width: 410px;
    position: relative;
    float: left;
}
.worktop-left-middle-light p {
    font-size: 15px;
    color: #fff;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.worktop-left-middle-light h3 {
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    font-size: 35px;
}
.worktop-left-middle-light h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}
.worktop-left-bottom-light {
    left: 100px;
    top: 600px;
    width: 410px;
    position: relative;
    float: left;
}
.worktop-left-bottom-light p {
    font-size: 15px;
    color: #fff;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.worktop-left-bottom-light h3 {
    font-weight: normal;
    color: #fff;
    font-family: 'Roboto' !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    font-size: 35px;
}
.worktop-left-bottom-light  h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}
.worktop-right-top-light {
    right: 100px;
    top: 100px;
    width: 410px;
    position: relative;
    float: right;
}
.worktop-right-top-light p {
    font-size: 14px;
    color: #000;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    max-width: 410px;
    padding-left: 300px;
}
.worktop-right-top-light h3 {
    font-family: 'Roboto' !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    font-size: 33px;
    padding-bottom: 8px;
    color:#fff;
}
.worktop-right-top-light h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 11px;
}
.worktop-right-middle-light {
    right: 100px;
    top: 350px;
    width: 410px;
    position: relative;
    float: right;
}
.worktop-right-middle-light p {
    font-size: 15px;
    color: #fff;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.worktop-right-middle-light h3 {
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    font-size: 35px;
}
.worktop-right-middle-light h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}
.worktop-right-bottom-light {
    right: 100px;
    top: 600px;
    width: 410px;
    position: relative;
    float: right;
}
.worktop-right-bottom-light p {
    font-size: 15px;
    color: #fff;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.worktop-right-bottom-light h3 {
    font-weight: normal;
    color: #fff;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    font-size: 35px;
}
.worktop-right-bottom-light h4 {
    color: #F15B22;
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}
.clientsect {
    float: left;
    width: 96%;
    background: #D0D2D3;
    padding: 20px;
}
.clientsectfull {
    float: left;
    width: 100%;
    background: #D0D2D3;
 
}


.designsectionpanel{clear:both;width:1170px;height:80px;border-bottom:1px solid #fff;margin-bottom:30px;}
.designsectionpanelLogo{float:left;margin:14px;margin-left:0px;margin-right:20px;width:55px;height:50px;background:transparent url('http://d3design.com.au/wp-content/themes/ddesign/images/headericon.png') no-repeat top left;background-size:contain;}
.designsectionpanelHeading{float:left;}


.designsectionpanelwork{clear:both;max-width:1170px;height:80px;border-bottom:1px solid #000;margin-bottom:30px;padding-top:20px;}
.designsectionpanelLogoWork{float:left;margin:14px;margin-left:0px;margin-right:20px;width:55px;height:50px;background:transparent url('http://d3design.com.au/wp-content/themes/ddesign/images/headericon.png') no-repeat top left;background-size:contain;}
.designsectionpanelHeadingWork{float:left;}


.clientsectpanel{clear:both;height:80px;border-bottom:1px solid #231F20;}
.clientsectlogo{float:left;margin:14px;margin-left:0px;margin-right:20px;}
.clientsectheading{float:left;}


.clientsect h2 {
   font-family: 'Roboto' !important;
    font-size: 35px;
    border-bottom: 1px solid;
    width: 400px;
    line-height: 65px;
    font-weight: 300;
	color:#231F20;
}
.clientsect h4{
    float: left;
    width: 100%;
    color: #000;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 62px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    margin-top: 6px;
}
.clientsect p{
font-family: 'Roboto' !important;

    font-size: 16px;
	line-height: 23px;
    font-weight: 300;
	color:#231F20;
	margin:10px 0;
max-width:810px;
	}
	.clientsect ul{float:left; width:100%; margin:25px 0;}
.clientsect ul li {

    float: left;
    width: 20%;
    height: 150px;
    text-align: center;
    margin: 0 auto;
}

.clientsect ul li img{margin:0;}
	.clientsect ul li:first-child{padding-left:0}
	.clientsect ul li:last-child {padding-right: 0;}
	.miantextm {
    float: left;
    width: 96%;
    padding: 20px;
    background: #CEC6B6;
}
.miantextmfull {
    float: left;
    width: 100%;
    background: #CEC6B6;
}
.tesibg {
  background: rgba(0, 0, 0, 0) url("images/quote.png") no-repeat scroll left top;
  height: 40px;
background-size:contain;

}
.textbend {
  background: rgba(0, 0, 0, 0) url("images/quatend.png") no-repeat scroll right bottom;
  height: 39px;
background-size:contain;
 
}
.textoinalcont {
  float: left;
  padding: 0 45px;
  width: 91%;
  margin-top:-25px;
}
.textoinalcont p{ 
    font-family: Roboto;
    font-size: 15px;
    line-height: 23px;
    font-weight: 300;
    color:#262626; 
    font-style:italic;
    padding-left:50px;
    padding-right:100px;
}

.textoinalcont h5{
    font-family: 'Roboto' !important;
    font-style: normal;

    font-size: 23px;
   line-height: 23px;
   font-weight: 300;
color:#F15B22; text-align:center; margin-bottom:30px;
font-weight:bold;
text-transform:uppercase;
}
.contctussecbg {
  background: rgba(0, 0, 0, 0) url("images/contacts.jpg") no-repeat  0 0 / cover ;
  float: left;
  height: 315px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position-y: 20px;
}
.contctussecbg h2 {
    text-align: center;
    color: #fff;
        font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 56px;
    border-bottom: 1px solid;
    width: 500px;
    margin: 0px auto;
    position: relative;
    top: 100px;
}
.contctustext {
    float: left;
    width: 96%;
    background: #262626;
    padding: 20px;
}
.contctustextfull {
    float: left;
    width: 100%;
    background: #262626;
}
.contctustext h4 {
    float: left;
    width: 100%;
    color: #fff;
       font-family: 'Roboto' !important;
    font-weight: 300;

    font-size: 35px;
text-transform:uppercase;

    margin-bottom: 25px;
    margin-top: 20px;
}
.bloksa {
    float: left;
    width: 31%;
    margin-right: 30px;
}
.bloksa:last-child{margin-right:0;}
.bloksa p {
        font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;

    font-size: 15px;
    color: #fff;
    margin-bottom: 15px;
}
.bloksa p a{text-decoration:underline;}
.bloksa a {color:#fff;}
.bloksa li a {
    font-size: 35px;
}
.bloksa li {
    display: inline;
    width: 50px;
}
.footessection {
    float: left;
    width: 96%;
    background: #262626;
    padding: 20px;
}
.footessectionfull {
    float: left;
    width: 100%;
    background: #262626;
   
}

.footessection p{    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    color: #fff;}
	#control_panel table{display:none;}
 #map_canvas {
  width: 100%;
  border: 0;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(99%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.nicescroll-rails{background-color:rgba(0,0,0,.4)}

.bx-clone{display:none;}

.backslide a,.backslide a:hover{color:#0080FF;}
.designsectionpanelwork {margin-left:30px;}
.designsectionwork .annv{margin-left:10px;}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.logoh img{max-width:50% !important;}
.text p{font-size:15px !important;}
.block h5{font-size:15px;line-height:25px;}
.newsrightbottomlight p{display:none;}
.slicknav_btn {top:2px;}
.contctustext h4{font-size:16px;font-weight:700;}
.slicknav_menu ul{position:relative;}
.clientsect p,.bloksa p ,.block ul li{    font-size: 12px;}
.designsection h4 {border:none !important;font-size:15px;}
.wrapper {max-width:100% !important;padding:10px;}
.headercont {
    background: #000 none repeat scroll 0 0;
    float: left;
    padding: 0px 0px;
    width: auto;
}

.designsectionpanel {
    clear: both;
    max-width: 100%;
    height: 50px;
    border-bottom: 1px solid #fff
padding-top:0px !important;
}
.designsectionpanelwork{
    clear: both;
    max-width: 93%;
    height: 50px;
    border-bottom: 1px solid #000
padding-top:0px !important;

}
.designsectionpanelLogo,.designsectionpanelLogoWork, .clientsectlogo {
    float: left;
    margin: 14px;
    margin-left: 0px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: transparent url('http://d3design.com.au/wp-content/themes/ddesign/images/headericon.png') no-repeat top left;
    background-size: contain;
}
.designsectionpanelHeading,.designsectionpanelHeadingWork{
width:86%;
}
.designsectionpanelHeading h4, .designsectionpanelHeadingWork h4{
margin-top:3px  !important;
font-size:16px !important;
}
.bxfixed{height:115px;}
.block{width:94% !important;}
.bloksa {width:92% !important;}

.textoinalcont .bx-viewport{height:170px !important;}

.newscat{min-width:60px;height:20px;padding-top:0px !important;margin-top:0px;margin-top:10px;}
.newsrightbottomlight h5, .newsmiddle h5, .newsrighttoplight h5, .newstopleftlight h5{font-size:16px;border:none;}
.mobilecontent{display:none;}
.newsrighttopdark,.newstopleftlight,.newsrightbottomlight, .newstopleftdark {
    top: 50px;
    left: 21px !important;
    position: absolute;
    height: 30px;
}

.newsrighttopdark h5, .newstopleftdark h5,  .newsrighttoplight h5{font-size:16px; border:none;}
.newsrighttopdark p,.newstopleftlight p,.newstopleftdark p, .newsrighttoplight p{display:none;}
.newsmiddle {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}

.designsectionwork ul li{width:24%;}
.designsectionwork ul li a{color:#000;font-size:11.5px;}

.newsrighttopdark, .newsrighttoplight{
    top: 40px;
    right: 120px;
    position: absolute;
    height: 30px;
width:100%;
left:0px !important;
}


.newsrighttopdark h5 {
  font-family: 'roboto' !important;
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
    text-transform:uppercase;
    font-weight:700 !important;
    width:100%;
}
.newsrighttoplight h5{
 font-family: 'roboto' !important;
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
    text-transform:uppercase;
    font-weight:700 !important;
    width:100%;
}
.newstopleftdark h5{
  font-family: 'roboto' !important;
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
    text-transform:uppercase;
    font-weight:700 !important;
    width:100%;
}


.annv{width:100%;height:80px;float:left;margin-left:10px;}
.bx-wrapper .bx-pager{display:none;}

.worktop-left-top-light p,.worktop-left-top-dark p, .worktop-right-middle-light p, .worktop-right-top-dark p, .worktop-right-bottom-dark p, .worktop-left-bottom-dark p, .worktop-left-middle-light p, .worktop-right-top-light p{display:none !important;}
.worktop-left-top-light, .worktop-left-top-dark,   .worktop-left-middle-light, .worktop-left-bottom-dark {
    left: 20px;
    top: 20px;
    width: 100%;
    position: relative;
    float: left;
   text-align:left;
}


.worktop-right-top-dark{
    left: -30px;
    top: 20px;
    width: 100%;
    position: relative;
    float: left;
   text-align:left;

}
.worktop-right-bottom-dark{
    right: 40px;
    top: 150px;
    width: 100%;
    position: relative;
    /* float: right; */
    text-align: right;
    max-width: 80%;


}

 .worktop-right-top-dark {
        right: 30px;
    top: 20px;
    width: 100%;
    position: relative;
    float: right;
    /* margin-right: 37px; */
    min-width: 700px;
    text-align: right;
}

.worktop-right-middle-light {
    right: 40px;
    top: 20px;
    width: 100%;
    position: relative;
    /* float: right; */
    text-align: right;
    max-width: 50%;
}
.worktop-right-top-dark h3, .worktop-right-top-dark h4, .worktop-right-middle-light h3, .worktop-right-middle-light h4,.worktop-left-top-dark h3, .worktop-left-top-dark h4, .worktop-left-top-light h3,.worktop-left-top-light h4,.worktop-right-bottom-dark h3, .worktop-right-bottom-dark h4, .worktop-left-bottom-dark h3, .worktop-left-bottom-dark h4, .worktop-left-middle-light h3, .worktop-left-middle-light h4, .worktop-right-top-light h3{font-size:16px;line-height:auto;line-height:16px;height:20px;}
.clientsect p {margin-right:20px;}
.centerlize{max-width:100% !important;}

.tesibg,.textbend{background-size:contain;width:20px;}
.bxtextimonial p{padding:0px;line-height:10px;}
.textbend{float:right;}

.clientsect ul li {

    float: left;
    width: 12% !important;
    height: 30px;
    text-align: center;
    margin: 0 auto;
}
.clientsect ul li img{
	margin:0 auto;
}

.clientsect ul li:nth-child(3) img,.clientsect ul li:nth-child(5) img,.clientsect ul li:nth-child(7) img, .clientsect ul li:nth-child(9) img, .clientsect ul li:nth-child(11) img, .clientsect ul li:nth-child(13) img,.clientsect ul li:nth-child(15) img,.clientsect ul li:nth-child(17) img{
	margin:0;
}


.newslide .bx-wrapper .bx-next{background:url(images/newsliconright.png); background-repeat: no-repeat; height: 38px; width: 23px;right:0px;}
.newslide .bx-wrapper .bx-next:hover{background:url(images/newsliconrighth.png); background-repeat: no-repeat; height: 38px;
    width: 23px;
    right: 5px;}

.newslide .bx-wrapper .bx-prev{background:url(images/newslicon.png);     background-repeat: no-repeat; height: 38px; width: 23px;left:10px}
.newslide .bx-wrapper .bx-prev:hover{background:url(images/newsliconh.png); background-repeat: no-repeat; height: 38px; width: 23px;left:10px;} 


.ourworks .bx-wrapper .bx-next{background:url(images/newsliconright.png); background-repeat: no-repeat; height: 38px; width: 23px;right:0px;}
.ourworks .bx-wrapper .bx-next:hover{background:url(images/newsliconrighth.png); background-repeat: no-repeat; height: 38px; width: 23px;right:0px}

.ourworks .bx-wrapper .bx-prev{background:url(images/newslicon.png);     background-repeat: no-repeat; height: 38px; width: 23px;left:10px}
.ourworks .bx-wrapper .bx-prev:hover{background:url(images/newsliconh.png); background-repeat: no-repeat; height: 38px; width: 23px;right:10px;} 


#ourwork .designsectionpanelHeadingWork{padding-bottom:0px;margin-bottom:0px;}
.designsectionpanelwork{clear:both;max-width:1170px;height:50px;border-bottom:1px solid #000;margin-bottom:0px;padding-top:0px;margin-left:10px;margin-right:30px;}
#ourwork .designsectionpanelHeadingWork h4{padding-top:2px;}
.clientsectpanel{height:50px;width:95%;}
.clientsectpanel h4 {
    float: left;
    width: 100%;
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;

    line-height: 50px;
}

.clientsect ul li:first-child{padding-left:10px;}
.clientsect p{clear:both;}

.worktop-left-top-dark h4,.worktop-right-top-light h4,.worktop-left-top-light h4, .worktop-right-top-dark h4{font-size:13.5px !important;line-height:16px;}
.worktop-left-top-dark h3,.worktop-right-top-light h3, .worktop-left-top-light h3, .worktop-right-top-dark h3{padding-bottom:0px;}



.designsection {
    float: left;
    width: 89%;
    background: #262626;
    padding: 20px;
   
}


.contctussecbg {
  background: rgba(0, 0, 0, 0) url("images/contacts.jpg") no-repeat  0 0 / cover ;
  float: left;
  height: 215px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed !important;
  background-position-y: 20px;
}

#ourwork .designsectionwork .annv li a,#ourwork .designsectionwork .annv li a.selected{padding-left:0px;}

#ourwork .designsectionwork .annv li{text-align:left;}


.newslide .bx-wrapper .bx-next{background:url(images/newsliconrightmobile64_.png); background-repeat: no-repeat; height: 45px; width: 25px;right:5px;}
.newslide .bx-wrapper .bx-next:hover{background:url(images/newsliconrighthmobile64_.png); background-repeat: no-repeat; height: 49px; width: 31px;right: 2px;}
.newslide .bx-wrapper .bx-prev{background:url(images/newsliconmobile64_.png);     background-repeat: no-repeat; height:45px; width: 23px;left:20px}
.newslide .bx-wrapper .bx-prev:hover{background:url(images/newsliconhmobile64_.png); background-repeat: no-repeat; height: 45px; width: 23px;left:20px;} 


.ourworks .bx-wrapper .bx-next{background:url(images/newsliconrightmobile64_.png); background-repeat: no-repeat; height: 45px; width: 25px;right:5px;}
.ourworks .bx-wrapper .bx-next:hover{background:url(images/newsliconrighthmobile64_.png); background-repeat: no-repeat; height: 49px; width: 31px;right: 5px;}
.ourworks .bx-wrapper .bx-prev{background:url(images/newsliconmobile64_.png);     background-repeat: no-repeat; height:45px; width: 23px;left:20px}
.ourworks .bx-wrapper .bx-prev:hover{background:url(images/newsliconhmobile64_.png); background-repeat: no-repeat; height: 45px; width: 23px;left:20px;} 


.newsrighttopdark, .newsrighttoplight{right: 30px;
    top: 50px;
    width: 100%;
    position: relative;
    float: right;
    /* margin-right: 37px; */
text-align:right;
min-width:700px;
left:-40px !important;
}

.worktop-right-top-light,.worktop-right-top-dark{
  

right: 30px;
    top: 20px;
    width: 100%;
    position: relative;
    float: right;
    /* margin-right: 37px; */

}

/*.backslide{height:230px !important;}*/

}

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

.contctussecbg {
  background: rgba(0, 0, 0, 0) url("images/contacts.jpg") no-repeat  0 0 / cover ;
  float: left;
  height: 515px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed !important;
  background-position-y: 20px;
}




.clientsect ul li {

    float: left;
    width: 20%;
    height: 180px;
    text-align: center;
    margin: 0 auto;
}

.designsectionpanel{max-width:100%;}

nav ul li a {
    color: #fff;
    display: block;
    font: 12px/35px 'Roboto' !important;
    text-transform: uppercase;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    height: 23px;
    padding-left: 5px;
    padding-right: 5px;
position:relative;top:-7px

}

.designsectionwork .annv{margin-left:30px;}
.annv li{padding: 0 45px;}

.newscat{top:10px !important;height:40px !important;min-width:100px;}
.newscat h2{font-size:20px !important;padding-top:10px !important;font-weight:normal !important;}
.designsectionpanel{max-width:100% !important;}
.designsectionpanelHeading {max-width:70% !important;}
}.logoh a h1{display:none;}