/**/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC);

html {
  width: 100%;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}

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

body {
  font: 13px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
  color: #4f4f4f;
  position: relative;
  min-width: 960px;
  height: 100%;
  min-height: 100%;
  background: #1c1c1c;
}

html,body {
  height: 100%;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans',sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
}

#headerPhone {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 75%;
  top: 57%;
}

h2 {
  font: 36px/43px 'Marcellus SC',serif;
  letter-spacing: 3px;
  margin-bottom: 20px;
}

h3 {
  font-size: 24px;
  line-height: 36px;
}

p {
  margin-bottom: 18px;
}

p.p1 {
  margin-bottom: 8px;
}

p.p2 {
  margin-bottom: 21px;
}

img {
  max-width: 100%;
}

address {
  font-style: normal;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.list {
  padding-top: 1px;
  margin-bottom: 34px;
}

ul.list li {
  font: 12px/24px 'Open Sans',sans-serif;
  color: #5e962c;
  letter-spacing: 1px;
  text-transform: uppercase;
}

ul.list li .fright {
  min-width: 30px;
  margin-left: 10px;
}

ul.list1 li {
  margin-bottom: 22px;
}

ul.list1 li .date {
  float: left;
  font-weight: 700;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  letter-spacing: 1px;
  top: -1px;
  position: relative;
  font-size: 12px;
  margin-right: 8px;
}

ul.list2 {
  margin-bottom: 20px;
}

ul.list2.l1 {
  margin-top: -4px;
}

ul.list2 li {
  font: 12px/24px 'Open Sans',sans-serif;
  color: #5e962c;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: url(..css/images/marker.png) 0 9px no-repeat;
  padding-left: 14px;
}

/*links*/
a {
  text-decoration: none;
  color: inherit;
  outline: none;
  transition: .5s ease;
  -o-transition: .5s ease;
  -webkit-transition: .5s ease;
}

a:hover {
  color: #fff;
}

a.btn {
  font-family: 'Open Sans',sans-serif;
  color: #4a7425;
  text-decoration: underline;
  letter-spacing: 2px;
  line-height: 18px;
  display: inline-block;
  margin-top: 13px;
  text-transform: uppercase;
}

a.btn:hover {
  color: #fff;
}

a.link1 {
  font: bold 14px/36px 'Open Sans',sans-serif;
  color: #5d962b;
  letter-spacing: 1px;
  text-transform: uppercase;
}

a.link1:hover {
  color: #fff;
}

a.link-1 {
  color: #fff;
}

a.link-1:hover {
  color: #5e962c;
}

/*preclass*/
.mb0 {
  margin-bottom: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.pad0 {
  padding: 0 !important;
}

.pad1 {
  padding-right: 12px;
}

.pt0 {
  padding-top: 0;
}

.img_inner {
  margin-top: 4px;
  max-width: 100%;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.fleft {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 0;
}

.fleft.fl1 {
  margin-right: 20px;
}

.fright {
  float: right !important;
}

.f_right {
  float: right;
  margin-top: 10px;
  top: 6px;
  position: relative;
  margin-left: 15px;
}

.upp {
  text-transform: uppercase;
}

.alright {
  text-align: right;
}

.center {
  text-align: center;
}

.wrapper,.extra_wrapper {
  overflow: hidden;
}

.clear {
  float: none !important;
  clear: both;
}

/*header*/
.main {
  background: url(..css/images/main_bg.png) 0 0 repeat;
}

header {
  display: block;
  padding-top: 30px;
  background: url(..css/images/header_bg.png) 0 0 repeat-x;
}

header h1 {
  padding-bottom: 36px;
}

header h1 a {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 776px;
  height: 174px;
  text-indent: -999px;
}

header h1 a img {
  display: block;
}

/*slider*/
#slider {
  box-shadow: 0 0 4px #000;
  z-index: 990;
  position: relative;
  height: 537px;
  overflow: hidden;
}

#slider .flex-direction-nav {
  display: none;
}

#carousel {
  z-index: 999;
  position: relative;
  overflow: hidden;
  height: 149px;
}

#carousel .slides li {
  background-color: #000;
  height: 106px;
}

#carousel li img {
  opacity: .5;
  width: 100%;
}

#carousel li img:hover,#carousel li.flex-active-slide img {
  opacity: 1;
  cursor: pointer;
}

#carousel .flex-direction-nav {
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #1e1e1e;
  background: url(..css/images/bg_prevnext.png) 0 0 repeat;
}

#carousel .flex-direction-nav li {
  margin-left: 15px;
  float: left;
}

#carousel .flex-direction-nav li+li {
  float: right;
  margin-right: 15px;
}

#carousel .flex-direction-nav li a {
  display: block;
  width: 10px;
  height: 19px;
  overflow: hidden;
  text-indent: -1000px;
  background: url(..css/images/prevnext.png) 0 0 no-repeat;
  transition: 0 ease;
  -o-transition: 0 ease;
  -webkit-transition: 0 ease;
}

#carousel .flex-direction-nav li a:hover {
  background-position: 0 bottom;
}

#carousel .flex-direction-nav li+li a {
  background-position: right 0;
}

#carousel .flex-direction-nav li+li a:hover {
  background-position: right bottom;
}

.text1 {
  color: #fff;
  font: bold 12px/18px 'Open Sans',sans-serif;
  text-transform: uppercase;
  margin-top: -3px;
  letter-spacing: 1px;
  margin-bottom: 11px;
}

/*Light_block*/
.light_block {
  background: url(..css/images/light_bg.png) 0 0 repeat;
  margin-top: -148px;
  position: relative;
  padding-top: 193px;
  padding-bottom: 49px;
  border-bottom: 3px solid #1e1e1e;
}

.light_block .block1 {
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'Open Sans',sans-serif;
  color: #fff;
  padding-top: 4px;
  text-transform: uppercase;
  font-size: 14px;
}

.light_block .block1 p {
  margin-bottom: 20px;
}

.light_block .block1 strong {
  color: #3f3f3f;
}

.donate {
  background: url(..css/images/donate_bg.png) 0 0 repeat;
  border-top: 3px solid #1e1e1e;
  border-bottom: 3px solid #1e1e1e;
  padding: 16px 25px 21px;
}

.donate span {
  font: bold 18px/22px 'Open Sans',sans-serif;
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  display: block;
}

.donate a.btn {
  margin-top: 7px;
}

/*Content*/
.content {
  padding-bottom: 39px;
}

.content.page1 {
  padding-top: 0;
  background: #171717;
  padding-bottom: 63px;
}

.content.page1 h3 {
  padding-top: 41px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.content h3 {
  padding-top: 41px;
  letter-spacing: 1px;
  margin-bottom: 19px;
}

.content h3.head1 {
  padding-top: 31px;
  margin-bottom: 17px;
}

.content h3.head2 {
  padding-top: 24px;
}

.light_block1 {
  background: #171717;
  margin-top: 49px;
  padding-bottom: 50px;
  border-top: 3px solid #1a1a1a;
  border-bottom: 3px solid #1a1a1a;
}

.light_block1 .img_inner {
  margin-top: 2px;
}

.light_block1 a {
  font-size: 12px;
  font-family: 'Open Sans',sans-serif;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 11px;
}

.light_block1 a:hover {
  color: #5e962c;
}

.block2 .icon {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.block2:first-child {
  border: none;
  margin-top: -1px;
  padding-top: 0;
}

.block2 .text1 {
  margin-bottom: 2px;
  margin-top: 0;
}

.block2 {
  padding-right: 10px;
  margin-right: 5px;
  margin-bottom: 16px;
  padding-top: 15px;
  border-top: 1px solid #1c1c1c;
}

blockquote {
  overflow: hidden;
}

blockquote .fleft {
  margin-right: 20px;
}

blockquote .text1 {
  margin-top: -1px;
  padding-bottom: 1px;
}

blockquote .signature {
  background: url(..css/images/signature.png) right 14px no-repeat;
  padding-top: 31px;
  font-size: 11px;
  text-align: right;
}

.blog {
  overflow: hidden;
  border-bottom: 1px solid #1c1c1c;
  padding-bottom: 30px;
  padding-top: 18px;
}

.blog:first-child {
  padding-top: 0;
  margin-top: -8px;
}

.blog .fleft {
  margin-top: 12px;
  margin-right: 20px;
}

/****Map***/
.map {
  padding-top: 4px;
  padding-right: 15px;
}

.map figure {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 19px;
  display: block;
}

.map figure iframe {
  width: 100%;
  height: 265px;
  max-width: 100%;
}

.map p {
  display: block;
  padding-bottom: 10px;
}

dd {
  font-size: 20px;
  padding: 2% 0;
}

address dd span {
  min-width: 84px;
  display: inline-block;
}

address dt p {
  margin-bottom: 10px;
}

/************Footer***********/
footer {
  display: block;
  padding: 38px 0 55px;
  text-transform: uppercase;
  font-size: 11px;
  border-top: 3px solid #202020;
  font-family: 'Open Sans',sans-serif;
  letter-spacing: 1px;
}

footer span {
  position: relative;
  top: 36px;
  font-size: 16px;
}

.socials {
  float: right;
  overflow: hidden;
  padding-top: 4%;
}

.socials a {
  float: left;
  display: block;
  background: url(..css/images/socials.png) 0 0 no-repeat;
  height: 16px;
  width: 10px;
}

.socials a:hover {
  opacity: .5;
}

.socials a:first-child+a {
  background-position: -27px 0;
  margin-left: 18px;
  width: 19px;
}

.socials a:first-child+a+a {
  background-position: -63px 0;
  margin-left: 17px;
  width: 14px;
}

.socials a:first-child+a+a+a {
  background-position: right 0;
  margin-left: 14px;
  width: 15px;
}

/**to top**/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-left: 550px;
  overflow: hidden;
  width: 43px;
  height: 22px;
  border: none;
  text-indent: -999px;
  z-index: 20;
  background: url(..css/images/totop.png) no-repeat left top;
  transition: 0 ease;
  -o-transition: 0 ease;
  -webkit-transition: 0 ease;
}

#toTop:hover {
  outline: none;
  background-position: 0 bottom;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
  body {
    min-width: 768px;
  }
  
  #headerPhone{
    left: 70%;
  }

  #slider {
    height: 428px;
  }

  .map {
    padding-right: 0;
  }

  .map figure,.map figure iframe,#form input,#form textarea,#form .success {
    width: 100% !important;
  }

  #form .success {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  .map figure {
    height: auto !important;
  }

  .extra_wrapper {
    overflow: visible;
  }

  .extra_wrapper.hidden .text1 {
    margin-top: 0;
  }

  .pad1,.pad2,.pad3 {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  body {
    min-width: 420px;
  }
  
  #headerPhone{
    left:29%;
    top:49%;
  }

  .grid_12 img {
    margin: 0 !important;
  }

  #slider {
    height: 237px;
  }

  .light_block1 .img_inner {
    margin-top: 25px !important;
  }

  header h1 {
    margin-bottom: 20px;
  }

  header h1 a {
    width: 423px;
  }

  .img_inner.fleft {
    float: none;
    margin-top: 20px !important;
  }

  .img_inner.f_right {
    float: none;
    margin-left: 0;
  }

  .img_inner {
    width: 100%;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
  }

  header h1 {
    float: none;
    position: relative;
    padding-top: 10px;
  }

  header h1 a {
    margin: 0 auto;
    height: auto;
  }

  header h1 a img {
    width: 100%;
  }

  .map figure iframe {
    width: 100%;
    height: 300px;
  }

  footer .socials {
    float: none;
    padding-bottom: 25px;
  }

  footer span {
    display: block;
    top: 5px;
  }

  .content.page1 .extra_wrapper {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 479px) {
  body {
    min-width: 300px;
  }
  
  #headerPhone{
    left:15%;
    top:43%;
  }

  .grid_12 img {
    margin: 0 !important;
  }

  header h1 a {
    width: 305px;
  }

  #slider {
    height: 170px;
  }

  .map figure iframe {
    width: 100%;
    height: 150px;
  }
}