html,
body {
 height: 100%;
}

body {
 color: #777777;
 font-family: "Open Sans",Arial,sans-serif;
 font-size: 14px;
 line-height: 22px;
}

/* Header */
header {
 clear: both;
 border-top: 5px solid #EDEDED;
 background: #f6f6f6;
 background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
 background: -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
 background: -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
 background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
}

/* Social Icons */
header div.social-icons {
 clear: right;
 float: right;
}

header div.social-icons a {
 margin: 2px 6px 0 0; 
}

header div.social-icons a:hover {
 text-decoration: none; 
}


header div.container {
 position: relative;
}

/* Search */
header div.search {
 float: right;
 margin: 10px 0 0;
 min-width: 206px;
}

header div.search button {
 background: none;
 border: 0;
 color: #BCBCC4;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 10px;
 top: 6px;
}

header div.search button:hover {
 color: #000;
}

header div.search div.control-group {
 position: relative;
 text-align: right;
}

header div.search input.search-query {
 -moz-transition-duration: 0.2s;
 -moz-transition-property: all;
 -moz-transition-timing-function: ease-in;
 -o-transition-duration: 0.2s;
 -o-transition-property: all;
 -o-transition-timing-function: ease-in;
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: all;
 -webkit-transition-timing-function: ease-in;
 font-size: 0.9em;
 margin: 2px 0 0 10px;
 padding-right: 30px;
 padding-left: 10px;
 transition-duration: 0.2s;
 transition-property: all;
 transition-timing-function: ease-in;
 width: 150px;
}

header div.search input:focus {
 width: 180px;
}

/* Logo */
header h1.logo {
 float: left;
 margin: 15px 0;
 padding: 0;
}


/* Page-top */
section.page-top {
    background: #171717 url(../images/layout/top-bg.jpg) no-repeat center top;
    border-bottom: 5px solid #CCCCCC;
    border-top: 5px solid #384045;
    margin-bottom: 35px;
    margin-top: 0px;
    min-height: 50px;
    padding: 20px;
    position: relative;
    text-align: left;
}

section.page-top.main {
    padding: 0px;
}


section.page-top ul.breadcrumb {
 background: none;
 margin: -3px 0 0;
 padding: 0;
}

section.page-top ul.breadcrumb > li {
 text-shadow: none;
}

section.page-top ul.breadcrumb li a:hover {
 color: #999;
 text-decoration: none;
}

section.page-top h2 {
 border-bottom: 5px solid #CCC;
 color: #FFF;
 display: inline-block;
 font-weight: 200;
 margin: 0 0 -25px;
 min-height: 37px;
 padding: 0 0 17px;
 position: relative;
}

div#layerslider-container-fw {
 width: 100%;
 margin: 0px auto;
}
/* For Bonsait admin */ 
section.page-top .bonsait-content-header-menu {
 position: absolute; 
 left: 0;
 top: 0px;
 z-index: 5000;
}

.slidertext p, .slidertext h1, .slidertext a {
 color: #fefefe;
}


/* Footer */
footer {
 background: #d4df4c;
 border-top: 4px solid #afb7ba;
 font-size: 0.9em;
 margin-top: 40px;
 padding: 40px 0 0;
 position: relative;
}

footer div.container div.row > div {
 margin-bottom: 25px;
}

footer div.container input:focus {
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}

footer div.social-icons li:hover {
 background-color: transparent;
}

footer div.twitter a.time {
 color: #999;
 display: block;
 font-size: 0.9em;
 padding-top: 3px;
}

footer div.twitter ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

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

footer ul.contact i {
 float: left;
 margin: 4px 5px 10px 0;
 width: 16px;
 text-align: center;
}

footer ul.contact p {
 margin-bottom: 10px;
}

footer a.logo {
 display: block;
}

footer form {
 filter: alpha(opacity=85);
 opacity: 0.85;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
 color: #FFF !important;
}

footer p {
 color: #666 !important;
}

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

footer a:hover {
 color: #aa3355 !important;
 text-decoration:underline !important;
}

footer h4 {
 font-size: 1.8em;
 font-weight: 400;
}

/* Social Icons */
footer div.social-icons a {
 margin: 2px 10px 0 0; 
}

footer div.social-icons a:hover {
 text-decoration: none; 
 color: #0088FF !important;
}


div.footer-copyright {
 background: #0C0C0C;
 border-top: 4px solid #111;
 margin-top: 40px;
 padding: 30px 0 10px;
}

div.footer-copyright nav {
 float: right;
}

div.footer-copyright nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

div.footer-copyright nav ul li {
 border-left: 1px solid #505050;
 display: inline-block;
 line-height: 12px;
 margin: 0;
 padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
 border: medium none;
 padding-left: 0;
}

div.footer-copyright p {
 color: #555;
 margin: 0;
 padding: 0;
}




/* Boxed Layout */
body.boxed {
 background-color: transparent;
 background-position: 0 0;
 background-repeat: repeat;
}

body.boxed div.body {
 -moz-border-radius: 5px;
 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 -webkit-border-radius: 5px;
 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 background-color: #FFFFFF;
 border-bottom: 5px solid #121214;
 border-radius: 5px;
 border-top: 5px solid #CCC;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 margin: 25px auto;
 max-width: 100%;
 width: 1040px;
}

body.boxed header {
 padding: 15px 0;
}

/* Scroll to Top*/
a.scroll-to-top {
 -moz-border-radius: 50px 50px 0 0;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 -webkit-border-radius: 50px 50px 0 0;
 -webkit-transition: all 0.3s;
 background: #404040;
 border-radius: 50px 50px 0 0;
 bottom: 0px;
 color: #FFF;
 display: block;
 height: 9px;
 opacity: 0;
 padding: 13px 0 27px;
 position: fixed;
 right: 10px;
 text-align: center;
 text-decoration: none;
 transition: all 0.3s;
 width: 49px;
 z-index: 9999;
}

a.scroll-to-top:hover {
 filter: alpha(opacity=100);
 opacity: 1;
}

a.scroll-to-top.visible {
 filter: alpha(opacity=75);
 opacity: 0.75;
}




/* Responsive styles */
@media (min-width: 768px) and (max-width: 979px) { 

 header nav ul.nav-main {
  margin-right: -10px;
 }

}

@media (max-width: 767px) { 

 /* Base */
 body.boxed {
  background: none !important;
 }

 header {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 0px;
 }

 section.page-top,
 footer,
 div.footer-copyright {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
 }
 
 body.boxed div.body {
  border: 0;
  border-bottom: 0;
  border-top: 0;
  box-shadow: none;
  margin: 0;
  width: auto;
 }

 body.boxed header {
  padding: 0;
 }

 header div.search {
  display: block;
  float: none;
  position: absolute;
  right: 0;
  margin-top: 0;
 }

 header div.search input {
  float: right;
  width: 45% !important;
 }

 section ul.nav {
  margin-top: 20px;
  margin-bottom: 20px;
 }

 header div.social-icons {
  display: none;
 }

 header h1.logo {
  margin-right: 10%;
 }


 .mobile-max-width.small {
  max-width: 200px;
 }

 /* Miscellaneous */
 .pull-bottom-phone {
  margin-bottom: 35px;
 }

 .pull-top-phone {
  margin-bottom: 35px;
 }

 /* Flexslider */
 div.flexslider-center-mobile div.flex-viewport {
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
 }

 div.flexslider-center-mobile.flexslider-simple {
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
 }

}

@media (max-width: 767px) { 

 /* Base */
 body {
  font-size: 13px;
 }

 h2 {
  font-size: 2.3em;
  line-height: 33px;
 }


 header ul.nav-top {
  display: none;
 }

 header div.search {
  display: none;
 }

 header h1.logo img {
  width: 100%;
 }


}

@media (max-width: 1180px) { 


}

@media (max-width: 767px) { 


}

@media (max-width: 380px) { 

}