@import url(normalize.css);
@import url(homepage.css);



meta.foundation-data-attribute-namespace {
  font-family: false; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%; 
}

body {
  font-size: 0.8125em; 
  background: #fff;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: 'verdana', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }
.clear{
  clear: both;
}
.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75em; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.3125em;
    margin-right: -0.3125em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.3125em;
  padding-right: 0.3125em;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.top-bar .top-bar-section .right{
  height: auto;
}
#wrapper {
display: block;
width: 100%;
margin-bottom: 40px;
line-height: 1.6em;
}
#content {
display: block;
float: left;
width: 71%;
margin: 0 0 20px 0;
}
#rightblock {
display: block;
float: right;
width: 26%;
}
.holder {
display: block;
width: 98%;
margin: 10px 0 0 0;
padding: 0px 15px 10px;
color: #666666;
background-color: #fff;
}
#rightblock .holder h2 {
margin: 0;
padding: 8px 0;
font-size: 1em;
font-weight: bold;
color: #333333;
background-color: #F7F7F7;
line-height: normal;
border-bottom: 1px dashed #CCCCCC;
}
.row.head{
  margin-top: 20px;
  margin-bottom: 40px
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
margin: 0 0 15px 0;
padding: 0 0 8px 0;
line-height: normal;
font-weight: normal;
font-size: 1.538em;
font-family: Tahoma Times, serif;
border-bottom: 1px dashed #CCCCCC;
}
#rightblock .holder .readmore {
display: block;
font-weight: bold;
line-height: normal;
width: 100%;
text-align: right;
}
#rightblock .holder a {
color: #660000;
background-color: #F7F7F7;
}
#footer {
display: block;
width: 100%;
margin: 0;
padding: 25px 0;
border-top: 1px dashed #666666;
}
#copyright {
display: block;
float: left;
width: 100%;
font-size: 0.923em;
}
#copyright p {
margin: 0;
padding: 0;
}
.services-list li{
  list-style-image: url('../images/tick.gif')
}
#wrapper .services-list li a{
  color: #0000EE;
}
#wrapper .services-list li a:hover{
  text-decoration: underline;
}
br.clear {
clear: both;
margin-top: -15px;
}
.imgl, .imgr {
border: 0px solid #6A604F;
padding: 5px;
color: #666666;
background-color: #F7F7F7;
}
.imgl {
float: left;
margin: 0 8px 8px 0;
clear: left;
}
.imgl, .imgr {
border: 0px solid #6A604F;
padding: 5px;
color: #666666;
background-color: #F7F7F7;
}
.imgr {
float: right;
margin: 0 0 8px 8px;
clear: right;
box-shadow: 0px 5px 15px #888888;
}
.website-portfolio a{
  font-weight: 200;
}
.website-portfolio .slide img{
  height: 100%
}
#slideshow{
  margin-bottom: 6%;
}
#slideshow li{
  border: 1px solid #e3e3e3;

}
@media only screen {
   .column,
  .columns {
    position: relative;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    float: left; }
  }
@media only screen and (min-width: 40.063em) {
  .column,
  .columns {
    position: relative;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    float: left; }
  }
@media only screen and (min-width: 64.063em) {
  .column,
  .columns {
    position: relative;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    float: left; }

  .large-12 {
    width: 50%; }

   }

.top-bar {
  overflow: hidden;
  height: 2.8125em;
  line-height: 2.8125em;
  position: relative;
  margin-bottom: 0; 
  margin-top: 19%; 
  }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }

    @media only screen and (max-width: 40em) {
      .top-bar{
        background: #333;
      }
 }
  .top-bar .title-area {
    position: relative;
    margin: 0; 
    border-bottom: 2px solid #FE668C}
  .top-bar .name {
    height: 2.7em;
    margin: 0;
    font-size: 16px; }
    
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 0.8125em;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 0.9375em;
      height: 2.8125em;
      line-height: 2.8125em; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 2.5em 0 0.9375em;
        color: #FFFFFF;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 0.9375em;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
 
  .top-bar-section ul li {
    display: block;
    float: none;
    margin: 0;
    line-height: 2.5em;
     }

  .top-bar-section ul li:last-child a{
      border: none;}
    .top-bar-section ul li > a {
      margin: 0 8px 0 0;
      border-right: 1px solid #CCCCCC;
      color: #660000;
      line-height: 1.1em;
      padding-right: 10px;
      font-size: 0.8125em;
     }
    

@media only screen and (min-width: 40.063em) {
  .top-bar {
    overflow: visible; 
    border-bottom: 1px dashed #000;
  }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; 
      display: none}

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
      
}
@media only screen and (max-width: 650px){
  body{
    font-size: 1em
  }
  .top-bar{
    margin-top: 15px;
  }
   .top-bar-section ul li{
    border-bottom: 1px solid #e3e3e3; 
    background: #FE668C;
    text-align: center;
  }
   .top-bar-section ul li a{
    color: #fff;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1em
   }

  #container, #content, #rightblock,  #footer, #service-content{
  width: 100% !important;
  float: none;
  padding: 3%;
  box-sizing: border-box;
  margin: auto;
  }
  #rightblock .holder {
  padding: 0;
  }
  .row.head{
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .columns{
    padding: 0
  }
  .contact-us form *{
    width: 100%;
    margin-bottom: 2%;
    min-height: 18px
  }
  #logo{
  float: none;
  margin-right: auto;
  margin-left: auto;
  width: 75% !important;
}

}

a{
  text-decoration: none;
}

a img {
  border: none; }
.contactdetails { width: 560px; margin: 40px 0 40px 0; }
.contactdetails label { text-align: left; float: left; width: 270px; padding: 9px; }
.contactdetails input {width: 200px; margin: 0 0 10px 0; padding: 9px; background: #ccc; border: 1px #fff solid; }

.commentarea {width: 560px; padding: 0 0 20px 9px; margin-bottom: -14px;}
.commentarea textarea { padding: 6px; width: 485px; height: 120px; background: #ccc; border: 1px #fff solid; }

.mandatory {color: red;}

.submitbutton2 { width: 356px; text-align: left; padding-left: 9px; }
.submitbutton2 input {color: #4f4f4f; font-size: 20px; margin: 10px auto 0 auto; width: 80px; background: #bddf6c; border: 1px #677847 solid; padding: 5px; }
.submitbutton2 input:hover { color: #fff; cursor:pointer; }
.submitbutton2 input:active {color: #231f69; }
#type2 { width: 507px; height: 70px; margin: 0 0 10px 0; }
#type2 label {float: left; margin-top: 20px; padding-left: 9px; }
#type2 input {float: right; width: 200px; margin: 14px 0 10px 0; padding: 9px; background: #ccc; border: 1px #fff solid; }
#typeimg2 {float: left; width: 80px; height: 80px; padding: 0; margin-left: 37px; }