.modal.fade.in{top: 0% !important;}

input[type="submit"]
{
    width: auto;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
        background-color: brown;
    color: #fff;
}

/* blog styles */
.post-item-container
{
     background-color: #fff;
}

.post-image
{
    height: 217px;
    background-size: cover;
    background-position: center;
}

.post-description
{
    padding: 0px 17px 27px;
    margin-bottom: 27px;
}

.modal{
    background-color: #fff !important;
    border-radius: 15px !important;
}

.modal-header {
    background-color: brown;
}

.modal-header h3{color: #fff;}

@media only screen and (max-width: 1153px)
{
    .post-item-container{margin-right: 15px;}
    .post-description p {margin: 15px 0 !important;}

}
/* blog styles ends*/

/* sccordian style */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 0;

  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #4d4d4e;
  color: #fff;
  
}

.accordion.active{margin-bottom: 0 !important;}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  margin-bottom: 15px;
}

/* accordion style ends */

/*Navbar dropdown */
.drop:hover > .sub {display: block !important;}


.drop { position: relative; padding-bottom: 32px;}
.sub {
  background-color: #b6b8b7;
   display: none;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999999999999999;
  position: absolute;
  top: 84%;
  left: -7px;
  width: 259px;
  padding-left: 0 !important;
}

.drop a {}

/* Links inside the dropdown */
.sub li a {
  color: #fff !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  list-style-type: none;
}

.sub li {

  text-decoration: none;
  width: 100% !important;
  list-style-type: none;
  text-align: left;

}

.sub li:hover
{
    transition: 300ms;
    background: rgba(0, 0, 0, 0.50);
    color: #fff;
}





/* Foundation Framework Media Queries Updated: Donwald Hartman
2015-16-11*/

 /* min-width 1921px, xxlarge screens
=======================================================================
@media only screen and (min-width: 120.063em) { }*/


/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues
===========================================================================*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.top-section                    {background: rgba(0, 0, 0, 0.50);position: absolute;width: 100%;z-index: 9999;}

.logo                           {
    width: 34%;
    float: left;
}

.header-section                 {background:#9a9a9c}

.navigation                     {
    float: right;
    width: 65%;
    position: relative;
    top: 45px;
}
.navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
.navigation ul  li              {display:inline-block; list-style:none}
.navigation ul  li  a           {padding: 13px 25px;color:#fff;font-family: 'Open Sans', sans-serif;text-decoration: none;}
.navigation ul  li  a:hover     {color: #fff;text-decoration: underline;}



.slider-wrapper                 {
    float: right;
    width: 65%;
    /* height: 125px; */
}

.mainpic-wrapper               {text-align:right}

.top-content                    {
    width: 100%;
    float: left;
    top: 136px;
    position: relative;
    height: 106px;
    float: left;
}

.top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin: 10px 0;font-size:14px;color:#fff;text-align: justify;/* width: 10%; */}


.top-page-content                    {
    width: 34%;
    float: left;
    top: 160px;
    position: relative;
}


.content-section                     {background:#dcdddf;padding:15px 0;}


.content-index                             {width:64%}
.content                             { }

.top-content h1						           {font-family: 'Michroma', sans-serif;color:#414042;font-size: 18px;line-height:28px;margin: 35px 0 25px 0;/* text-align:center */}
.content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
.content h1 {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0;}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
.content h3                          {}

.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}

.bottom-section                        {background:#424242;padding: 15px 0;}
.bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}
.bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
.bottom-section	a					   {color:#FFF;}


.right-column                          {width:64%}

.divider                               {
    width: 1px;
    height: 266px;
    background: #fff;
    float: left;
    margin: 35px 14px;
}

.footer-section                        {background:#2b2b2b}
.footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0;}

.footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

.footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                   {display: none;}

#menu li                         {display: none; visibility: hidden;}

span.textbold							{font-weight:bold;}


input.form-button {
    padding: 10px 17px 12px 17px;
    margin: 20px 11px -5px 0px;
    width: 22% !important;
    border: #8f1f1f solid 1px;
    border-radius: 3px;
    background: #8f1f1f;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    padding: 12px 32px 0px 0px;
    }

textarea#message.text-form {height:125px;}

.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

.top-content img {/* float:left; */max-width: 100%;margin-left: -394px;}

span.error		 {color:#F00;}

#mapDiv {    margin: 15px 25px;}

}



/* min-width 1441px, xlarge screens
=======================================================================*/
@media only screen and (max-width: 90.063em) {

  .top-section                    {background: rgba(0, 0, 0, 0.50);position: absolute;width: 100%;z-index: 9999;}

  .logo                           {
      width: 34%;
      float: left;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
  }
  .navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 11px;color:#fff; font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color:#010000}

  .slider-wrapper                 {
      float: right;
      width: 65%;
  }

  /* dropdown */
  .sub{top: 297%;left: -15px;}

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 34%;
      float: left;
      top: 140px;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width:64%}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0; text-align:center}
  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
 .content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3 {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}

  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
	.bottom-section	a					   {color:#FFF;}

  .right-column                          {width:64%}

  .divider                               {
      width: 1px;
      height: 266px;
      background: #fff;
      float: left;
      margin: 35px 14px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0;}
  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:none}

#menu li                         {display: none; visibility: hidden;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 22% !important;
    border: #2b2b2b solid 1px;
    border-radius: 3px;
    background: #2b2b2b;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    /* padding: 12px 32px 0px 0px; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}





/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues
=======================================================================*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

  .top-section                    {background: rgba(0, 0, 0, 0.50);position: absolute;width: 100%;/* z-index: 9999; */}

  .logo                           {
      width: 34%;
      float: left;
      margin: 0px 11px;
  }

  .header-section                 {background:#9a9a9c;/* z-index: 9999 !important; */}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
  }
  .navigation ul                  {margin: -100px 75px 19px 34px;text-align: right;z-index: 8888 !important;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 20px;color:#fff;font-family: 'Open Sans', sans-serif;/* font-size: 9px; */}
  .navigation ul  li  a:hover     {color: #fff;text-decoration: underline;}

  .slider-wrapper                 {
      float: right;
      width: 65%;

  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 34%;
      float: left;
      top: 140px;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width:64%}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042;font-size:18px;line-height:28px;margin:15px 0;text-align:center;display: none;}
  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
 .content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}

.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}

  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin: 15px 0;font-size:14px;color:#fff;text-align: justify;/* padding: 3px 16px; */}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;/* margin-top: 30px; */}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width:64%}

  .divider                               {
      width: 1px;
      height: 266px;
      background: #fff;
      float: left;
      /* margin: 35px 14px; */
      margin: 15px 25px;
      display: none;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0;}

  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}
.slicknav_menu                           {display:none}

#menu li                         {display: none; visibility: hidden;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 22% !important;
    border: #8f1f1f solid 1px;
    border-radius: 3px;
    background: #8f1f1f;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    padding: 12px 32px 0px 0px;
    /* display: none; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}



/* min-width 1025px, large screens
======================================================================*/
@media only screen and (max-width: 64.063em) {

  .top-section                    {background: rgba(0, 0, 0, 0.50);position: absolute;width: 100%;z-index: 9999;}

  .logo                           {
      width: 34%;
      float: left;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
  }
  .navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 3px;color:#fff;font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color: #fff;text-decoration: underline;}

  .slider-wrapper                 {
      float: right;
      width: 65%;

  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 34%;
      float: left;
      top: 140px;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width:64%}
  .content                             { }
  .top-content h1					   {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0; text-align:center}
  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}
  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width:64%}

  .divider                               {
      width: 1px;
      height: 266px;
      background: #fff;
      float: left;
      margin: 35px 14px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0;}

  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:none}

#menu li                         {display: none; visibility: hidden;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 22% !important;
    border: #2b2b2b solid 1px;
    border-radius: 3px;
    background: #2b2b2b;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    /* padding: 12px 32px 0px 0px; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues
===========================================================================
*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


  .top-section                    {background: rgba(0, 0, 0, 0.50);position: relative;width: 100%;z-index: 9999;}

  .logo                           {
      width: 90%;
      float: left;
      margin: 0px 25px;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
      display: none;
  }
  .navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 11px;color:#fff; font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color: #fff;}

  .slider-wrapper                 {
      float: left;
      width: 100%;
  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 40%;
      float: left;
      top: 0px;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width: 100%;}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042;font-size:18px;line-height:28px;margin:15px 0;text-align:center;display: none;}

  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042;font-size:14px;line-height:28px;margin: 15px 25px;text-align:justify;}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042;font-size:18px;line-height:28px;margin: 15px 25px;}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}
  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;/* margin:15px 0; */font-size:14px;color:#fff;text-align: justify;margin: 15px 25px;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;/* margin-top: 30px; */margin: 15px 25px;}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width: 100%;}

  .divider                               {
      width: 96%;
      height: 1px;
      background: #fff;
      float: left;
      margin: 20px 5px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;/* margin: 25px 0; */margin: 15px 25px;}

  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:block}

#menu li                         {display: block; visibility: visible;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: 0px 11px -5px 0px;
    width: 18% !important;
    border: #8f1f1f solid 1px;
    border-radius: 4px 4px 4px 4px;
    background: #8f1f1f;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    padding: 12px 32px 0px 0px;
    /* display: none; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}


/* min-width 641px, medium screens
=====================================================================*/
@media only screen and (max-width: 40.063em) {

  .top-section                    {background: rgba(0, 0, 0, 0.50);position: relative;width: 100%;z-index: 9999;}

  .logo                           {
      width: 90%;
      float: left;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
      display: none;
  }
.navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 11px;color:#fff; font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color:#010000}

  .slider-wrapper                 {
      float: left;
      width: 100%;
  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 100%;
      float: left;
      top: 0;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width: 100%;}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0; text-align:center}

  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}
  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width: 100%;}

  .divider                               {
      width: 96%;
      height: 1px;
      background: #fff;
      float: left;
      margin: 20px 5px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0;}

  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:block}

#menu li                         {display: block; visibility: visible;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 22% !important;
    border: #2b2b2b solid 1px;
    border-radius: 3px;
    background: #2b2b2b;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    /* padding: 12px 32px 0px 0px; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}



/* max-width 640px, mobile-only styles, use when QAing mobile issues
=====================================================================*/
@media only screen and (max-width: 40em) {
  .top-section                    {background: rgba(0, 0, 0, 0.50);position: relative;width: 100%;z-index: 9999;}

  .logo                           {
      width: 90%;
      float: left;
      margin: 0px 18px;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
      display: none;
  }
  .navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 11px;color:#fff; font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color: #fff;}

  .slider-wrapper                 {
      float: left;
      width: 100%;
  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 50%;
      float: left;
      top: 0;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width: 100%;}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042;font-size:18px;line-height:28px;margin:15px 0;text-align:center;display: none;}

  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042;font-size: 14px;line-height:28px;margin:15px 0;text-align:justify;padding: 0px 10px 0 3px;}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}
  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size: 13px;color:#fff;text-align: justify;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width: 100%;}

  .divider                               {
      width: 96%;
      height: 1px;
      background: #fff;
      float: left;
      margin: 20px 5px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size: 13px;color:#fff;text-align:center;margin: 25px 0;}

  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:block}

#menu li                         {display: block; visibility: visible;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 24% !important;
    border: #8f1f1f solid 1px;
    border-radius: 3px;
    background: #8f1f1f;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    /* padding: 12px 32px 0px 0px; */
    /* display: none; */
    }

textarea#message.text-form {height:125px;}

span.error		 {color:#F00;}
}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {
  .top-section                    {background: rgba(0, 0, 0, 0.50);position: relative;width: 100%;z-index: 9999;}

  .logo                           {
      width: 90%;
      float: left;
  }

  .header-section                 {background:#9a9a9c}

  .navigation                     {
      float: right;
      width: 65%;
      position: relative;
      top: 45px;
      display: none;
  }
  .navigation ul                  { margin: 8px 75px 19px 34px;  text-align: right;}
  .navigation ul  li              {display:inline-block; list-style:none}
  .navigation ul  li  a           {padding: 13px 11px;color:#fff; font-family: 'Open Sans', sans-serif;}
  .navigation ul  li  a:hover     {color: #fff;}

  .slider-wrapper                 {
      float: left;
      width: 100%;
  }

  .mainpic-wrapper               {text-align:right}

  .top-content                    {
      width: 100%;
      float: left;
      top: 0;
      position: relative;
  }

  .top-content   p               {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size:14px;color:#fff;text-align: justify;}


  .top-page-content                    {
      width: 34%;
      float: left;
      top: 160px;
      position: relative;
  }


  .content-section                     {background:#dcdddf; padding:15px 0}


  .content-index                             {width: 100%;}
  .content                             { }
  .top-content h1						 {font-family: 'Michroma', sans-serif;color:#414042;font-size:18px;line-height:28px;margin:15px 0;text-align:center;display: none;}

  .content p                           {font-family: 'Open Sans', sans-serif;color:#414042; font-size:14px; line-height:28px; margin:15px 0; text-align:justify}
  .content h1                          {font-family: 'Michroma', sans-serif;color:#414042; font-size:18px; line-height:28px; margin:15px 0}
.content h2{font-family: 'Michroma', sans-serif;color:#414042; font-size:16px; line-height:28px; margin:15px 0;}
  .content h3                          {}
.content ul li{    font-family: 'Open Sans', sans-serif;color: #414042;font-size: 14px;}
  .bottom-section                        {background:#424242;padding: 15px 0;}
  .bottom-section  p                     {font-family: 'Open Sans', sans-serif;line-height:28px;margin:15px 0;font-size: 13px;color:#fff;text-align: justify;}
  .bottom-section  h3                    {font-family: 'Michroma', sans-serif;font-size:18px;color:#fff;margin-top: 30px;}
.bottom-section	a					   {color:#FFF;}

  .right-column                          {width: 100%;}

  .divider                               {
      width: 96%;
      height: 1px;
      background: #fff;
      float: left;
      margin: 20px 5px;
  }

  .footer-section                        {background:#2b2b2b}
  .footer-section  p                     {font-family: 'Open Sans', sans-serif;font-size: 13px;color:#fff;text-align:center;margin: 25px 0;}


  .footer-section  a                     {font-family: 'Open Sans', sans-serif;font-size:14px;color:#fff;text-align:center;margin: 25px 0; text-decoration: underline;}

  .footer-section  a:hover               { text-decoration: none;}

.slicknav_menu                           {display:block}

#menu li                         {display: block; visibility: visible;}

span.textbold							{font-weight:bold;}

input.form-button {
    padding: 10px 17px 12px 17px;
    margin: -12px 11px -5px 0px;
    width: 24% !important;
    border: #8f1f1f solid 1px;
    border-radius: 3px;
    background: #8f1f1f;
    color: #fff;
    float: left;
    font-size: 15px;
    position: relative;
}

form#contactform   {
    min-height: 14px;
    /* padding: 12px 32px 0px 0px; */
    /* display: none; */
    }

textarea#message.text-form {height:125px;}


span.error		 {color:#F00;}

 }