/********************************************************************/
/* VARIABLES */
/********************************************************************/
/*@import "https://www.dudal.com/dcminc/themes/dudal2019/1.2/base.less";*/
/*
@import "basic.less";
@import "grid.less";
@import "elements.less";

@import "styles.less"; 

@import "responsive.less";
@import "print.less";
*/
#flxCookieBar a.flxButton {
  background: #CF5619 !important;
}
a,
a:link,
a:visited {
  color: #CF5619;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
a:hover,
a:link:hover,
a:visited:hover {
  color: #ab4715;
}
/********************************************************************/
/* BUTTONS */
/********************************************************************/
.flxLinkButtonInline,
.flxLinkButton,
#submitknap,
.knap,
.button,
.btn,
a.flxLinkButtonInline,
a.flxLinkButton,
a#submitknap,
a.knap,
a.button,
a.btn,
.elementBox1Link a,
.elementBox2Link a,
.elementBox3Link a {
  font-size: 16px;
  font-family: 'Source Sans Pro', sans-serif;
  background: #CF5619;
  border: 1px solid #af4915;
  text-shadow: none;
  color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.flxLinkButtonInline.border,
.flxLinkButton.border,
#submitknap.border,
.knap.border,
.button.border,
.btn.border,
a.flxLinkButtonInline.border,
a.flxLinkButton.border,
a#submitknap.border,
a.knap.border,
a.button.border,
a.btn.border,
.elementBox1Link a.border,
.elementBox2Link a.border,
.elementBox3Link a.border {
  background: transparent;
  border: 1px solid #CF5619;
  color: #CF5619;
  text-shadow: none;
}
.flxLinkButtonInline.tiny,
.flxLinkButton.tiny,
#submitknap.tiny,
.knap.tiny,
.button.tiny,
.btn.tiny,
a.flxLinkButtonInline.tiny,
a.flxLinkButton.tiny,
a#submitknap.tiny,
a.knap.tiny,
a.button.tiny,
a.btn.tiny,
.elementBox1Link a.tiny,
.elementBox2Link a.tiny,
.elementBox3Link a.tiny {
  /*padding: 4px 8px;
		font-size: 70%;*/
}
.flxLinkButtonInline.small,
.flxLinkButton.small,
#submitknap.small,
.knap.small,
.button.small,
.btn.small,
a.flxLinkButtonInline.small,
a.flxLinkButton.small,
a#submitknap.small,
a.knap.small,
a.button.small,
a.btn.small,
.elementBox1Link a.small,
.elementBox2Link a.small,
.elementBox3Link a.small {
  /*padding: 6px 12px;
		font-size: 85%;*/
}
.flxLinkButtonInline.large,
.flxLinkButton.large,
#submitknap.large,
.knap.large,
.button.large,
.btn.large,
a.flxLinkButtonInline.large,
a.flxLinkButton.large,
a#submitknap.large,
a.knap.large,
a.button.large,
a.btn.large,
.elementBox1Link a.large,
.elementBox2Link a.large,
.elementBox3Link a.large {
  /*font-size: 120%;
		padding: 12px 19px;*/
}
.flxLinkButtonInline.xlarge,
.flxLinkButton.xlarge,
#submitknap.xlarge,
.knap.xlarge,
.button.xlarge,
.btn.xlarge,
a.flxLinkButtonInline.xlarge,
a.flxLinkButton.xlarge,
a#submitknap.xlarge,
a.knap.xlarge,
a.button.xlarge,
a.btn.xlarge,
.elementBox1Link a.xlarge,
.elementBox2Link a.xlarge,
.elementBox3Link a.xlarge {
  /*padding: 15px 24px;
		font-size: 160%;*/
}
.flxLinkButtonInline:hover,
.flxLinkButton:hover,
#submitknap:hover,
.knap:hover,
.button:hover,
.btn:hover,
a.flxLinkButtonInline:hover,
a.flxLinkButton:hover,
a#submitknap:hover,
a.knap:hover,
a.button:hover,
a.btn:hover,
.elementBox1Link a:hover,
.elementBox2Link a:hover,
.elementBox3Link a:hover {
  background: #a14314;
  border-color: #a14314;
  color: #fff;
}
#sliderWrapper {
  background: #CF5619;
}
html,
body {
  height: 100%;
  margin: 0;
}
#logo {
  background-image: url(/img/Office4Rent-500.png);
  text-indent: -2000px;
}
.elementIconContainer {
  color: #CF5619;
}
.primaryColorSection * {
  color: #fff !important;
}
.primaryColorSection .elementIconContainer {
  color: rgba(255, 255, 255, 0.7);
}
body h1,
.flxElement h1,
body h2,
.flxElement h2,
body h3,
.flxElement h3,
body h4,
.flxElement h4,
body h5,
.flxElement h5,
body h6,
.flxElement h6 {
  font-family: 'Ubuntu', sans-serif;
}
.flxSectionType2 {
  background: #f5f7f7;
  background: #f5f5f5;
  background: linear-gradient(0deg, #f5f5f5 0%, #fafafa 100%);
}
#pageHeaderContainer.hasImage #PageTitle {
  width: 80%;
  margin: 120px auto;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 480px) {
  #pageHeaderContainer.hasImage #PageTitle {
    width: 100%;
  }
}
#pageHeaderContainer.hasImage #PageTitle h1 {
  font-size: 3.5em;
  line-height: 1;
}
#pageHeaderContainer.hasImage #PageTitle p {
  font-size: 1.5em;
}
#homeSlider .slide .inner {
  min-height: 500px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
#homeSlider .slide .inner h1 {
  font-size: 4em;
  line-height: 1;
}
#homeSlider .slide .inner p {
  font-size: 1.5em;
}
#homeSlider .slide .inner .readmore:hover {
  color: #CF5619;
}
#gid28 {
  margin-top: 40px;
  margin-bottom: -90px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.35);
  transition: all 200ms ease-in-out;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbfbfb+0,f0f0f0+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #f0f0f0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */
  /*@media(hover: hover) and (pointer: fine) {
		&:hover {
			background: yellow;
		}
	}*/
}
#gid28 td {
  margin-top: 5px;
  margin-bottom: 5px;
}
#gid28:hover,
#gid28:focus,
#gid28:active {
  box-shadow: 3px 3px 14px rgba(50, 50, 50, 0.35);
}
@media screen and (max-width: 768px) {
  #gid28 {
    margin-bottom: -50px;
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/********************************************************************/
/* HEADINGS */
/********************************************************************/
h1,
.elementNormal1 h1,
.elementNormal2 h1,
.elementNormal3 h1,
.elementBox1 h1,
.elementBox2 h1,
.elementBox3 h1,
#PageTitle h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 38px;
  line-height: 44px;
  font-weight: 600;
  color: #444;
}
h2,
.elementNormal1 h2,
.elementNormal2 h2,
.elementNormal3 h2,
.elementBox1 h2,
.elementBox2 h2,
.elementBox3 h2 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #444;
}
.elementNormal2 h2 {
  font-size: 24px;
}
h3,
.elementNormal1 h3,
.elementNormal2 h3,
.elementNormal3 h3,
.elementBox1 h3,
.elementBox2 h3,
.elementBox3 h3 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #444;
}
h4,
.elementNormal1 h4,
.elementNormal2 h4,
.elementNormal3 h4,
.elementBox1 h4,
.elementBox2 h4,
.elementBox3 h4 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #444;
}
.primaryColorSection {
  background: #CF5619;
  color: #fff;
}
.primaryColorSection a {
  color: #fff;
}
.primaryColorSection .flxElement hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
.primaryColorSection.sectionBorderTop,
.primaryColorSection.sectionBorderBottom {
  /*border-color: #fff;*/
}
.elementBox1 {
  background: #CF5619;
  color: #fff;
}
.elementBox1 h1,
.elementBox1 h2,
.elementBox1 h3,
.elementBox1 h4,
.elementBox1 h5,
.elementBox1 h6,
.elementBox1 h7,
.elementBox1 a {
  color: inherit;
}
.elementBox3 {
  transition: all 200ms ease;
  -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
.elementBox3:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
}
#menuline > a {
  display: none;
}
#menuline > li.active:before {
  background-color: #CF5619;
}
.smButtons {
  position: fixed;
  right: 0;
  top: 200px;
  background-color: #fff;
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.35);
  padding: 6px 6px 6px 6px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  transition: all 100ms ease-in-out;
  z-index: 100000;
}
.smButtons a {
  display: block;
  width: 40px;
  overflow: hidden;
}
.smButtons img {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}
.smButtons:hover {
  padding: 6px 10px 6px 6px;
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.55);
}
#footerWrapper,
.push {
  height: 319px;
}
#pagecontainer {
  min-height: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -319px;
}
a.intranetButton {
  position: fixed;
  right: 0px;
  bottom: 70px;
  display: block;
  transform: rotate(90deg);
  transform-origin: center bottom;
  z-index: 8000;
  background-color: #CF5619;
  padding: 10px;
  margin: 0;
  transition: all 300ms ease-in-out;
  color: #fff;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
a.intranetButton:hover {
  color: #fff;
  box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.35);
  background-color: #c65218;
}
/*# sourceMappingURL=sitestyles.css.map */