@font-face {
  font-family: "lucida_granderegular";
  src: url("../fonts/lucida_grande.eot");
  src: url("../fonts/lucida_grande.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lucida_grande.woff") format("woff"), url("../fonts/lucida_grande.ttf") format("truetype"),
    url("../fonts/lucida_grande.svg#lucida_granderegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "lucida_grandebold";
  src: url("../fonts/lucida_grande_bold.eot");
  src: url("../fonts/lucida_grande_bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lucida_grande_bold.woff") format("woff"), url("../fonts/lucida_grande_bold.ttf") format("truetype"),
    url("../fonts/lucida_grande_bold.svg#lucida_grandebold") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100%;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
}

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,
input,
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 {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
}

body {
  background: #9fa374;
  color: #80835f;
  font-size: 12px;
  font-family: "lucida_granderegular", arial;
  height: 100%;
  line-height: 18px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
.fixer {
  display: block;
  position: relative;
}

/* headers
-----------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
}

/* links
-----------------------------------------------*/
a {
  color: #80835f;
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline: 0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* paragraphs
-----------------------------------------------*/
p,
address {
  display: block;
  font-style: normal;
}

strong,
b {
  font-family: "lucida_grandebold", arial;
  font-weight: normal;
}
em,
i {
  font-style: italic;
}

/* general
-----------------------------------------------*/

#holder {
  background: #fefefe;
  clear: both;
  display: block;
  margin: 0 auto;
  position: relative;
  width: 959px;
  -webkit-box-shadow: 0 0 5px 2px #55573e;
  box-shadow: 0 0 5px 2px #55573e;
}

.fixer {
  clear: both;
  display: block;
  margin: 0 auto;
  width: 924px;
}

/* header
-----------------------------------------------*/

#header {
  clear: both;
  display: block;
  min-height: 140px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 99;
}

#header .logo {
  background: url("../img/logo2020.jpg") no-repeat 0 0;
  display: block;
  height: 77px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  text-indent: -9999em;
  top: 20px;
  width: 216px;
}

#nav {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 112px 0 0 0;
  position: relative;
  z-index: 1;
}
#nav .menu {
  background: #c3cf21;
  clear: both;
  display: block;
  margin: 0;
  min-height: 20px;
  overflow: hidden;
  padding: 4px 40px;
  white-space: nowrap;
}
#nav .menu li {
  background: url("../img/divider2x12.jpg") no-repeat left 4px;
  float: left;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  padding: 0 10px 0 12px;
}
#nav .menu a {
  color: #82855d;
  font-family: "lucida_granderegular", arial;
}
#nav .menu a:hover,
#nav .menu .active {
  color: #ffffff;
  text-decoration: none;
}
#nav .menu .home {
  background: none;
  padding-left: 0;
}

#nav-toggle {
  display: none;
}

/* banner -----------------------------------------------*/

#banner {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
}
#banner img {
  float: left;
  z-index: 1;
}
#banner ul {
  margin: 0;
  padding: 0;
}
#banner li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

#banner .bx-wrapper {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0 0 20px 0;
}

#banner .bx-pager {
  bottom: 0;
  float: right;
  overflow: hidden;
  padding: 0 20px 0 0;
  right: 0;
  width: auto;
  z-index: 9999;
}
#banner .bx-pager .bx-pager-item {
  float: left;
  padding: 0 0 0 7px;
}
#banner .bx-pager .bx-pager-link {
  background: url("../img/bullets-slider.png") no-repeat 0 0;
  float: left;
  height: 10px;
  margin: 0;
  overflow: hidden;
  text-indent: -9999em;
  width: 10px;
}
#banner .bx-pager .bx-pager-link:hover,
#banner .bx-pager .active {
  background-position: 0 -10px;
}

/* main
-----------------------------------------------*/

#main {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 10px 20px 10px 40px;
  position: relative;
  z-index: 1;
}

.bg-rhs360 {
  background: url("../img/bg-rhs360.jpg") repeat-y right 0;
}
.bg-rhs480 {
  background: url("../img/bg-rhs480.jpg") repeat-y right 0;
}

#main .col-lhs270 {
  float: left;
  width: 270px;
}
#main .col-lhs280 {
  float: left;
  width: 280px;
}
#main .col-lhs292 {
  float: left;
  width: 292px;
}
#main .col-lhs540 {
  float: left;
  width: 540px;
}
#main .col-lhs570 {
  float: left;
  width: 570px;
}

#main .col-rhs250 {
  float: right;
  width: 250px;
}
#main .col-rhs280 {
  float: right;
  width: 280px;
}
#main .col-rhs300 {
  float: right;
  width: 300px;
}
#main .col-rhs312 {
  float: right;
  padding: 0 28px 0 0;
  position: relative;
  width: 312px;
}
#main .col-rhs432 {
  float: right;
  padding: 0 70px 0 41px;
  position: relative;
  width: 350px;
}
#main .col-rhs544 {
  float: right;
  width: 544px;
}

#main h1 {
  clear: both;
  color: #80835f;
  font-family: "lucida_grandebold", arial;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 0 5px 0;
}
#main h3 {
  clear: both;
  color: #80835f;
  font-family: "lucida_grandebold", arial;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  padding: 0 0 10px 0;
}
#main p,
#main address {
  color: #80835f;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 20px 0;
}

#main h3 a:hover,
#main p a:hover {
  color: #1e1e1e;
  text-decoration: none;
}

#main .pic-lhs {
  border: 1px solid #8c8c8d;
  clear: left;
  float: left;
  margin: 3px 20px 10px 0;
}

#main .list {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0 0 20px 0;
}
#main .list li {
  background: url("../img/bullets-green8x7.png") no-repeat 0 5px;
  clear: both;
  display: block;
  font-family: "lucida_grandebold";
  font-size: 14px;
  list-style: none;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 0 0 10px 18px;
}

#content .list li {
  font-family: "lucida_granderegular", arial;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 15px 18px;
}

#main .riba {
  background: url("../img/riba.png") no-repeat 0 0;
  display: block;
  height: 52px;
  margin: 0 auto;
  margin-top: 240px;
  overflow: hidden;
  text-indent: -9999em;
  width: 218px;
}

#main .pic {
  clear: both;
  display: block;
  overflow: hidden;
}
#main .pic img {
  float: left;
  width: 100%;
}

#main .box {
  background: #d6e150;
  border: 1px solid #96989a;
  clear: both;
  display: none;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 328px;
}
#main .box .box-inner {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
#main .box .list {
  padding: 0;
}
#main .box .list li {
  font-family: "lucida_grandebold", arial;
  font-size: 12px;
  padding: 0 0 7px 0;
}
#main .box p {
  font-size: 12px;
}

/* pages -----------------------------------------------*/

#content {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 40px 0 100px 0;
  position: relative;
}
#content .head {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative;
}

.home #main {
  padding: 20px 20px 10px 40px;
}
.home #content {
  padding: 0;
}

.profile {
}

.links {
}
.links #content h3 {
  font-family: "lucida_grandebold";
  font-size: 12px;
  padding: 0;
}
.links #content h3 a {
  font-family: "lucida_grandebold";
  font-size: 12px;
}
.links .col-rhs312 {
  padding-top: 70px !important;
}

.gallery {
}
.gallery #content h2 {
  font-family: "lucida_grandebold";
  font-size: 14px;
  padding: 0 0 20px 0;
}
.gallery #content .list li {
  background: url("../img/bullets-white7x6.png") no-repeat 0 6px;
  font-size: 12px;
  padding-left: 16px;
}
.gallery .col-rhs544 {
  padding-top: 75px;
}
.gallery .pic {
  clear: none !important;
  float: left;
  padding: 0 28px 23px 17px;
  width: 225px;
}
.gallery .pic img {
  border: 1px solid #96989a;
  float: left;
}
.gallery .link {
  float: left;
  width: 225px;
}
.gallery .col-lhs330 {
  float: left;
  width: 330px;
}

.gallery .col-lhs330 .box h2 {
  padding-bottom: 10px !important;
}
.gallery .col-lhs330 .box p {
  padding-bottom: 10px !important;
}

#main .gallery-panels {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.clients {
}
.clients #content {
  padding-bottom: 0;
}
.clients #content .list li {
  background: none;
  font-family: "lucida_granderegular";
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 20px 0;
}

.contact {
}
.contact .col-rhs432 {
  padding-top: 85px !important;
}
.contact .map {
  border: 1px solid #c6ce53;
  clear: both;
  display: block;
  height: 263px !important;
  overflow: hidden;
  padding: 0;
  width: 348px;
}
.contact .col-rhs432 p {
  padding: 12px 0 0 0 !important;
}
.contact .col-rhs432 a {
  color: #e1e97e;
}

.fullpage #content {
  padding-top: 40;
}

/* footer
-----------------------------------------------*/

#footer {
  background: #80835f;
  clear: both;
  display: block;
  height: 100px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 9999;
}

#footer .riba {
  background: url("../img/riba-small.png") no-repeat 0 0;
  float: left;
  height: 31px;
  overflow: hidden;
  text-indent: -9999em;
  width: 134px;
}

#footer .col-lhs {
  float: left;
  padding: 22px 0 0 40px;
  width: 600px;
}
#footer .col-rhs {
  float: right;
  padding: 20px 0 0 0;
  width: 280px;
}

#footer address {
  color: #c3cf21;
  font-size: 12px;
  line-height: 20px;
  padding: 0 0 3px 0;
}
#footer address span {
  color: #c3cf21;
  font-size: 12px;
}

#footer ul {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
#footer ul li {
  background: url("../img/divider2x11.jpg") no-repeat left 4px;
  color: #c3cf21;
  float: left;
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  padding: 0 10px 0 12px;
}
#footer ul a {
  color: #c3cf21;
  font-family: "lucida_granderegular", arial;
}
#footer ul a:hover {
  color: #ffffff;
  text-decoration: none;
}
#footer ul .active {
  color: #ffffff;
}
#footer ul .first {
  background: none;
  padding-left: 0;
}

#footer .col-lhs strong,
#footer .col-lhs ul a {
  color: #ffffff;
}
#footer .col-rhs ul {
  padding: 10px 0 0 0;
}

#footer a:hover {
  text-decoration: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 975px) {
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT */
@media only screen and (max-width: 767px) {
  html,
  body,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  em,
  li,
  em,
  strong {
  }

  html {
    -webkit-text-size-adjust: none;
  }

  #holder {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
  }

  #header {
    height: auto;
    min-height: 1px;
    padding: 0 0 20px 0;
  }

  #header .logo {
    display: block;
    float: none;
    left: auto;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }

  #header #nav {
    background: #c3cf21;
    position: relative;
    padding: 0;
  }
  #header #nav .menu {
    clear: both;
    display: none;
    float: none;
    overflow: hidden;
    padding: 0;
  }
  #header #nav .menu li {
    border-bottom: 1px solid #ffffff;
    clear: both;
    display: block;
    float: none;
    font-size: 18px;
    overflow: hidden;
    padding: 0;
  }
  #header #nav .menu a {
    color: #ffffff;
    display: block;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
  }
  #header #nav .menu .last {
    border: 0;
  }

  #header #nav-toggle {
    background: #ffffff url("../img/link-menu.jpg") no-repeat right 0;
    border-top: 5px solid #c3cf21;
    clear: both;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -9999em;
  }

  #main {
    background: #fefefe !important;
    min-height: 1px;
    padding: 20px 20px 30px 20px !important;
    width: auto;
  }
  #main .col-lhs270,
  #main .col-lhs280,
  #main .col-lhs292,
  #main .col-lhs540,
  #main .col-lhs570 {
    clear: both;
    display: block;
    float: none;
    overflow: hidden;
    padding: 0;
    width: auto;
  }
  #main .col-rhs250,
  #main .col-rhs280,
  #main .col-rhs300,
  #main .col-rhs312,
  #main .col-rhs432,
  #main .col-rhs544 {
    clear: both;
    display: block;
    float: none;
    overflow: hidden;
    padding: 0 !important;
    width: auto;
  }

  #main .col-lhs292 {
    padding-bottom: 30px;
  }

  #main #content {
    padding: 0;
  }
  #main .profile {
    padding: 0;
  }
  #main .riba {
    margin-top: 0;
  }

  #main .map {
    width: auto;
  }
  #main a {
    color: #80835f;
  }

  .gallery .pic {
    padding: 0 0 20px 0;
  }

  .gallery .gallery-panels {
    display: none !important;
  }

  #footer {
    bottom: auto;
    min-height: 1px;
    height: auto;
    padding: 20px 20px 0 20px;
    width: auto;
    position: relative;
    text-align: center;
  }
  #footer .col-lhs,
  #footer .col-rhs {
    clear: both;
    display: block;
    float: none;
    overflow: hidden;
    padding: 0 0 20px 0;
    width: auto;
  }
  #footer .riba {
    display: block;
    float: none;
    margin: 0 auto;
  }
  #footer address {
    line-height: 24px;
    text-align: center;
  }
  #footer address span {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
  }
  #footer ul li {
    background: none;
    clear: both;
    display: block;
    float: none;
    line-height: 24px;
    overflow: hidden;
  }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  #header .logo {
    background: url("../img/logo2020.jpg") no-repeat 0 0;
    background-size: 216px 77px;
  }
  #main .riba {
    background: url("../img/riba.png") no-repeat 0 0;
    background-size: 218px 52px;
  }
}