* {border:0;margin:0}
img {border:0}
body {font:12px Arial, Helvetica, sans-serif;color:#303030;background:url(images/bg.jpg) left top repeat-x #000;line-height:18px}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#main {width:1005px;margin:0px auto;background:url(images/main.jpg) right top no-repeat}
#header {height:196px}
#logo {height: 102px;padding:0px 0px 0px 0px}/* conflict with mobile menu*/
#logo a {text-decoration:none;font-size:14px;font-weight:bold;color:#fff}
#logo H3 a {font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left}
#buttons {text-align:center;height:53px;margin-left:0;background:url(images/buttons.png) center top no-repeat;padding-left:50px}
#buttons a {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:100;display:block;float:left;text-decoration:none;color:#fff;text-align:center;padding-top:17px;height:36px;width:180px;text-transform:uppercase}
.but {}
#buttons .but:hover {text-decoration:none;background:url(images/but_hover.gif) top repeat-x}
.cont_top {background:url(images/cont_top.png) top no-repeat;height:12px}
.cont_bot {background:url(images/cont_bot.png) bottom no-repeat;height:12px}
#content {background:#fff;padding:0px 12px 0px 12px}
.top_img {width:981px;height:291px;background:url(images/img11.jpg) left top no-repeat}
.circl {background:url(images/circl.gif) left top no-repeat;height:15px;width:17px;margin:6px 2px 0px 2px;float:right}
.circl:hover {background:url(images/circl_hov.gif) left top no-repeat}
#content_razd {background:url(images/content_razd.gif) 623px repeat-y;padding:10px 0px 10px 0px;clear:both}
.ram1_top {background:url(images/ram1_top.jpg) left top no-repeat;width:947px;padding:0px 17px 0px 17px}
.ram1_bg {background:url(images/ram1_bg.gif) left repeat-y}
.ram1_bot {background:url(images/ram1_bot.gif) left bottom no-repeat;height:28px}
.span_b {font-size:14px;color:#000;font-weight:bold}
.read_but {float:right;margin:0px 40px 0px 0px;background:url(images/but_read.gif) left top no-repeat;width:114px;height:23px;padding:5px 0px 0px 0px;text-align:center;vertical-align:middle}
.read_but a {height:28px;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;text-decoration:none}
.read_but a:hover {text-decoration:underline}
.i_col_razd {background:url(images/i_col_razd.gif) 308px repeat-y}
.float_left {float:left}
.razd_v {height:1px;background:url(images/razd_v.gif) repeat-x}
.ram2_top {background:url(images/ram2_top.jpg) left top no-repeat;width:638px;padding:0px 10px 0px 10px}
.ram2_bg {background:url(images/ram2_bg.gif) left repeat-y}
.ram2_bot {background:url(images/ram2_bot.gif) left bottom no-repeat;height:12px}
.a_bold {color:#303030;font-weight:bold;text-decoration:none}
.a_bold:hover {text-decoration:underline}
#left {width:694px;float:left;color:#000;margin-left:0;padding:0px 0px 0px 0px}
.img_l {float:left;margin:0px 15px 0px 0px}
.img_r {float:right;margin:0px 0px 0px 15px}
H1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#D84005;text-align:left;padding:0;line-height:20px}
H2 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#D84005;text-align:center;padding:0;line-height:20px}
.read {display:block;float:right;height:20px;width:85px;text-align:center;padding:0;text-decoration:none;font-size:12px;color:#D84005}
.read:hover {font-size:12px;text-decoration:underline}
.read_bg1 {background:url(images/read_bg1.gif) top }
.read_bg2 {background:url(images/read_bg2.gif) top repeat-x}
#right {float:right;width:266px;margin-right:0}
.span_dat {color:#002380;text-decoration:underline}
.bot_top {height:13px;background:url(images/bot_top.gif) 0px 0px no-repeat}
.bot_bot {height:13px;background:url(images/bot_bot.gif) 0px bottom no-repeat}
#bottom {width:100%;background:url(images/bot_bg.gif) left repeat-y;color:#fff;padding:0px 0px 0px 0px}
#bottom h2 {font-family:Arial, Helvetica, sans-serif;padding:0;font-size:18px;text-align:center;color:#fff;font-weight:100;line-height:20px}
.razd_bot {background:url(images/razd_bot.gif) repeat-x;height:1px}
.b_col1 {width:230px;height:204px;float:left;margin-left:74px;background:url(images/razd_bot.gif) bottom repeat-x}
.b_col2 {width:230px;height:204px;float:left;margin-left:79px;line-height:25px;background:url(images/razd_bot.gif) bottom repeat-x}
.b_col2 ul {list-style:none;padding:0px 0px 0px 40px}
.b_col2 li {padding:8px 0px 2px 0px;background:none}
.b_col2 li a {color:#fff;text-decoration:none}
.b_col2 li a:hover {text-decoration:underline}
.fu_i {padding:0px 14px 0px 0px;vertical-align:middle }
.b_col3 {width:230px;height:204px;float:left;margin-left:77px;text-align:left;background:url(images/razd_bot.gif) bottom repeat-x}
.b_col3 ul {list-style:none;padding:0px 0px 0px 40px}
.b_col3 li {padding:8px 0px 0px 20px;background:url(images/fish2.gif) 0px 14px no-repeat}
.b_col3 ul a:hover {text-decoration:underline}
.b_col3 ul a {color:#fff;text-decoration:none;font-weight:bold}
#footer {height:60px;font-size:12px;color:#fff;text-align:center;padding:15px 0px 0px 0px;background:url(images/footer.jpg) 0px 15px no-repeat}
#footer a {color:#fff;font-size:12px;text-decoration:none}
#footer a:hover {color:#fff;font-size:12px;text-decoration:underline}
/* blog */
.text {padding:0;background:#fff;clear:both}
.span_munth {color:#fff;font-size:10px}
.dat_img {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#fff;float:left;width:67px;height:55px;padding:10px 0px 0px 0px;margin-right:15px;background:url(images/dat_img.gif) 0px 0px no-repeat;text-align:center}
.a_non {text-decoration:none;color:#60010C}
.a_non a:hover {text-decoration:none}
.a_und {text-decoration:underline;color:#60010C}
.a_und:hover {text-decoration:none}
.datc_coment {height:20px;width:100%;background:url(images/datc_coment.gif) top repeat-x;padding:12px 0px 0px 0px}
.datc  {float:left;width:346px}
.coment {float:right;width:146px;text-align:right}
.ram_top {background:url(images/ram_top.jpg) left top no-repeat;width:236px;padding:0px 15px 0px 15px}
.ram_bg {background:url(images/ram_bg.gif) left repeat-y}
.ram_bot {background:url(images/ram_bot.gif) left bottom no-repeat;height:12px}
.spis {list-style:none;padding:0px 0px 0px 23px}
.spis li {padding:6px 0px 0px 22px;background:url(images/fish1.gif) 0px 12px no-repeat}
.spis a:hover {text-decoration:underline}
.spis a {color:#303030;text-decoration:none;font-weight:bold}
.blog_l_razd {background: url(images/blog_l_razd.gif) 12px repeat-x;height:12px}
/* calendar */
#calendar {margin:0;color:#000}
#calendar a {color:#000}
#calendar table {width:100%;text-align:center}
#calendar thead {}
#calendar tbody td {border:1px solid #fff}
#calendar #prev {text-align:left;color:#f00}
#calendar #prev a {color:#f00}
#calendar #next {text-align:right;color:#f00}
#calendar #next a {color:#f00}
#calendar tfoot a {text-decoration:none;font-weight:bold}
#calendar #now {background:#696969;border:1px solid #f00;font-weight:bold;color:#fff}
/* gallery */
.row {padding:0;height:237px}
.box_img2 {width:298px;height:226px;background:url(images/box_img.jpg) left top no-repeat;padding:11px 11px 0px 11px;float:left}
.box_razd {width:10px;height:50px;float:left}
.rol_over:hover {background:url(images/rol_over_galery.png) left top no-repeat}
.g_size {width:298px;height:123px;display:block}
/* about us */
.about_img {float:left;margin:0px 22px 0px 0px}
.about_col {float:left;width:210px;padding:0px 0px 0px 20px}
/* contact us */
.contact {width:610px;padding:0px 0px 0px 40px}
.input_txt2 {width:575px;border:none;background:url(images/input_txt2.jpg) left top repeat-x;padding:6px 15px 6px 15px;color:#fff}
.input_txt3 {width:575px;border:none;background:url(images/input_txt2.jpg) left top repeat-x;padding:6px 15px 6px 15px;color:#FF0000}
.text_area2 {width:575px;height:120px;font-size:14px;border:none;background:url(images/text_area2.jpg) 0px 0px repeat-x;padding:8px 15px 8px 15px;color:#fff;font-family:Arial, Helvetica, sans-serif}
.submit2 {background:url(images/but_read.gif) top repeat-x;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;padding:5px 2px 8px 2px;width:114px;margin:0;text-transform:uppercase}
.lh {line-height:22px}
/* scroll styles here */
.item {width:981px;height:291px}
.item img {float:left}
.item h2 {border:none;margin-bottom:15px}
.scrollable {position:relative;overflow:hidden;width:981px;height:291px} 
.scrollable .items {width:20000em;position:absolute}
.scrollable .items div {float:left} 
.scrollable .items .item {overflow:hidden}
.scrollable .items .item p {line-height:16px}
.navi {width:auto;height:0px;float:right;margin:5px 0;padding-right:20px} 
.navi a {width:17px;cursor:pointer;height:15px;float:left;margin:0 0 0 3px;background:url(images/circl.gif) no-repeat scroll right top;display:block;font-size:1px} 
.navi a:hover, .navi a.active {background-position:left top;margin:0 0 0 3px; background:url(images/circl_hov.gif) no-repeat scroll right top}
.header1 {width:981px;height:291px;background:url(images/img11.jpg) no-repeat}
.header2 {width:981px;height:291px;background:url(images/img11_2.jpg) no-repeat}
.header3 {width:981px;height:291px;background:url(images/img11_3.jpg) no-repeat}
.header4 {width:981px;height:291px;background:url(images/img11_4.jpg) no-repeat}
/* DO NOT CHANGE */
div.pp_overlay {background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder {display:none;position:absolute;width:100px;z-index:10000}

/* David stuff here */

:root {
  --home-bg-color: #f2f3ee;
  --menu-bg-color: #cbcbc2;
  --silde-btn-border: #808080;
  --slide-btn-bg: #ddf2db;
  --slide-btn-hoverbg: #f1fff1;
  --alpha-green: rgba(33, 96, 47, 0.51);
  --icon-hover-color: #344a39;
  --icon-hover-bg: #709680;
  --text-color: #616161;
  --border-color: #709680;
  --heading-color: #344a39;
  --box-shadow-color: #b5b5ac;
  --lightest-green: #86a58d;
  --light-green: #9ab09a;
  --dark-green: rgba(52, 74, 57, 0.86);
  --box-shadow: 0px 0px 3px 5px var(--box-shadow-color);
  --border-radius: 60px 5px;
  --fade-green: rgba(57, 87, 64, 0.55);
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  /*box-sizing: border-box;*/ /*5-29-24 */
  list-style: none;
}

#ham-menu {
  display: none;
}
label[for="ham-menu"] {
  display: block;
  position: fixed;
  top: 24px;
  left: 20px;
  z-index: 999;
  width: 60px;
  height: 60px;
  background-color: var(--home-bg-color);
  border-radius: 15px;
  border: 2px solid var(--border-color);
}
.ham-menu {
  width: 50vw;
  height: 100%;
  position: fixed;
  top: 0;
  visibility: hidden;
  transform: translate(-110%);
  z-index: 998;
  background-color: var(--lightest-green);
  transition: 1s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ham-menu > ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  padding: 20px;
  height: 50%;
}
.ham-menu > ul > li {
  font-size: 5rem;
  white-space: nowrap;
  letter-spacing: 0.15em;
  cursor: pointer;
  color: rgb(97, 97, 97);
}
#ham-menu:checked + label {
  background-color: transparent;
  border-color: var(--dark-green);
}
#ham-menu:checked ~ div.ham-menu {
  transform: translate(0px);
  visibility: visible;
}
.full-page-green {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dark-green);
  z-index: 997;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: 500ms;
  position: fixed;
  top: 0;
  left: 0;
}
#ham-menu:checked ~ div.full-page-green {
  display: block;
  opacity: 1;
  visibility: visible;
}
[for="ham-menu"] > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  align-items: center;
}
.menu-line {
  display: block;
  width: 17px;
  height: 2px;
  margin: 10px 0 5px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: var(--border-color);
  transition: 500ms;
  transform-origin: right center;
}
[for="ham-menu"] > div > span:nth-child(4),
[for="ham-menu"] > div > span:nth-child(5),
[for="ham-menu"] > div > span:nth-child(6) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transform-origin: left center;
}
#ham-menu:checked + label span {
  background-color: var(--dark-green);
}
#ham-menu:checked + label span:nth-child(2),
#ham-menu:checked + label span:nth-child(5) {
  transform: scale(0);
}
#ham-menu:checked + label span:nth-child(1) {
  transform: translateY(17px) rotate(45deg);
}
#ham-menu:checked + label span:nth-child(4) {
  transform: translateY(17px) rotate(-45deg);
}
#ham-menu:checked + label span:nth-child(3) {
  transform: translateY(-17px) rotate(-45deg);
}
#ham-menu:checked + label span:nth-child(6) {
  transform: translateY(-17px) rotate(45deg);
}
p {
  display: inline;
  font-size: 1.8rem;
  line-height: 1.5em;
  word-spacing: 0.5em;
  letter-spacing: 0.1em;
  font-family: "OpenSansCondensed-Light";
}
/*a is conflecting with mobile menu css*/
/*
a {
text-decoration:none;
  font-size: 5.6rem;
  line-height: 1.5em;
  word-spacing: 0.5em;
  letter-spacing: 0.1em;
  /*font-family: "OpenSansCondensed-Light";
  display: inline;
  font-weight: bold;
  padding: 7px;
  color: var(--icon-hover-bg);
  color:black;
}
*/

/*
a::after {
  content: "\e806";
  display: inline-block;
  font-family: fontello;
  padding: 5px;
  font-size: 12S0px;
  transform: rotate(-90deg);
}

.text {
  font-size: 2.5rem;
  line-height: 1.5em;
  word-spacing: 0.5em;
  letter-spacing: 0.1em;
  font-family: "OpenSansCondensed-Bold", sans-serif;
}*/
.title {
  font-size: 3rem;
  line-height: 1.5em;
  word-spacing: 0.5em;
  letter-spacing: 0.1em;
  font-family: "OpenSansCondensed-Bold", sans-serif;
  color: var(--icon-hover-bg);
  padding: 10px;
}
.heading {
  font-size: 6rem;
  line-height: 1.5em;
  word-spacing: 0.5em;
  letter-spacing: 0.1em;
  font-family: "Patua One";
}
.centre-text {
  text-align: center;
}
.bold-text {
  font-weight: bold;
}

a {text-decoration:none;}

.centre-text.bold-text{height:73%;}

/*-----David's Stuff----*/

/* Styles for desktop devices (screens wider than 768 pixels) 
@media screen and (min-width: 769px) {
    #buttons {
        display: block;
    }
    #main > label {
        display: none;
    }
}

/* Styles for mobile devices (screens up to 768 pixels wide)
@media screen and (max-width: 767px) {
    #buttons {
        display: none;
    }
    #main > label {
        display: block;
    }
}
/*-----End David's Stuff----*/