.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #010101 url('../images/bg.jpg') 50% bottom no-repeat;
}

/* Top background */




#main {
  margin: 0 auto;
  position: relative;
  z-index: 10
}


#wrapper {
  max-width: 100%;
  margin: 0 auto;
}


/*======================= TYPOGRAPHY =======================*/
h1 {
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 50px;
  margin-top: 25px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  margin-bottom: 2px;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 20px
}
body.home h1 {
  padding-bottom: 0;
  margin-top: 5px
}

div#content-top {
  overflow: auto;
  margin-bottom: 20px
}

#blogview h1 {
  padding-bottom: 0
}

div.blog h2 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 32px;
  color:#010101;
  border-bottom:1px #aaabab solid;
  padding-bottom: 10px;
}

.layout-blog div.blog h2 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 32px;
  color:#010101;
  border-bottom:0;
  padding-bottom: 2px;
  padding-top: 10px

}

.layout-blog div.blog h2 a {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  border-bottom:0;
}

div.blog > h2 + div h2, div.blog > h2 + div + div h2 {
  margin: 0;
  padding: 0;
  font-size: 28px;
  line-height: 28px;
  margin-top: 5px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  border: none;
}

div.blog > h2 + div h2 a, div.blog > h2 + div + div h2 a{
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 24px;
  margin-top: 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  margin-bottom: 0px;
  color: #000;
  text-transform: uppercase;
}


h3 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 28px;
  color:#242424;
  padding-bottom: 5px;
}
h4 {
  font: 22px/22px 'Arial', serif;
}

h5 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  margin-top: 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 5px
}

h6 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  line-height: 26px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  color:#a0a0a0;
  text-transform: uppercase;
}

.page-header h5 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  margin-bottom: 0px;
  font-size: 20px;
  color:#242424;
  padding-bottom: 5px;
  line-height: 48px
}

.camera_caption h2 {
  font-size: 50px;
  font-family: 'Titillium Web', sans-serif;
  color: #010101;
  line-height: 50px;
  letter-spacing: -1px;
  font-weight: 400;
  border-bottom:0 ;
  margin-bottom: 0;
  text-transform: uppercase;
}
.camera_caption h2 span {
  font-family: 'Titillium Web', sans-serif;
  display: block;
  font-weight: 700;
  font-size: 40px;
}

.camera_caption h4 {
  font-size: 18px;
  line-height: 14px;
  text-transform: uppercase;
  color: #373a3f;
  margin: 0;
}
p {
  margin-bottom: 12px;
}
p.highlight {
  color: #6bce9c;
}
/*Buttons*/
.btn-primary {
  margin-top: 10px;
  background:#94a0aa;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 26px;
  display: block;
  float: left;
  color: #e9e9e9;
  text-transform: uppercase;
  border:none;
  text-shadow:none;
 
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #1b5236 \9;
}
.btn-primary.active,
.btn-primary:active {
  box-shadow: none;
}
.btn-info {
  padding: 0;
  background: none;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  color: #2f3237;
  text-shadow: none;
  font-size: 15px;
  font-family: 'Homenaje';
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  margin-bottom: 20px;
  float: left;
  margin-top: 0!important;

}
.btn-info:hover {
    background: url(../images/bg-read-more.png) 50% bottom no-repeat;
  color:#fff;

 -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}
.btn-info:active {
  box-shadow: none;
  background: url(../images/bg-read-more.png) 50% bottom no-repeat;
  color:#fff;

 -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}
/*User Login*/
#form-login-remember label {
  margin-bottom: 20px;
}
#mod-finder-searchword {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 4px;
  border: 1px solid #ebebeb;
  box-shadow: none;
}
/*Images*/
.item-image {
  padding: 0px;
  border: none;
  margin-bottom: 10px;
}
.item-image.icon {
  border: none;
  padding: 0;
  float: left;
  margin-right: 24px;
}

.pull-left.item-image {
  float: left;
  margin: 0 18px 30px 0;
}
.img-intro-right,
.pull-right.item-image {
  float: right;
  margin: 0 18px 30px 0;
}
.item-icon {
  float: left;
  margin: 0 13px 0 0;
}
.single-article .item-body {
  overflow: hidden;
}

.single-article  {
  overflow: auto;
}
/*Lists*/
ul.item-list,
.categories-module,
.archive-module {
  margin-left: 0;
  margin-bottom: 20px;
}
ul.item-list li,
.categories-module li,
.archive-module li {
  list-style: none;
  margin: 0 0 6px 0;
}
ul.item-list li a,
.categories-module li a,
.archive-module li a {
  background: url(../images/big-gray-arrow.png) left 5px no-repeat;
  padding: 0 0 0 17px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  color: #575c66;
  font-size: 14px;
  font-family: 'Titillium Web'
}


ul.item-list li a:hover,
.categories-module li a:hover,
.archive-module li a:hover {
  color: #a0a0a0;
}



ul.image-list {
  margin: 0;
}
ul.image-list li {
  list-style: none;
  float: left;
  margin-bottom: 8px;
}
ul.image-list li.firstItem {
  margin: 0 8px 8px 0;
}
ul.image-list li.lastItem {
  margin: 0 0 8px 8px;
}
/*Pagination*/
.pagination {
  margin-bottom: 20px !important;
  padding-right: 10px
}
.pagination ul {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0 auto;
}
.pagination ul li span.pagenav {
  color: #242424;
}
.pagination ul li a{
  color:#a0a0a0;
}
.pagination ul li a:hover {
  background: none;
  color: #a0a0a0;
  text-decoration: underline; 
}
.pagination ul li.num span.pagenav {
  color: #a0a0a0;
}
/*======================= Footer & socials =======================*/

.socials {
  position: absolute;
  bottom:25px;
  right:30px;
}



.footer-phone {
  color: #bebebe;
  font-size: 18px;
  font-family: 'Titillium Web', sans-serif;
  line-height: 24px;
  text-align: right;
  text-transform: uppercase;
  padding-right: 30px;
}

.footer-phone span {
  font-weight: 700;
}
.footer-phone p{
  margin-bottom: 0
}

/*======================= HEADER =======================*/

#header-row .container header #logo {
  padding-top: 18px;
  padding-bottom: 8px;
}
#header-row .container header #logo  a{
  display: block;
  margin: 0 auto;
  max-width: 304px
}

header div.search {
  position: relative;
  background: url('../images/bg-input.jpg') left top repeat;
  margin-top: 30px;
  border:1px #a6a6a6 solid;
  height:25px;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: hidden;
}

header div.search input.inputbox {
  background: none;
  -webkit-border-radius:  0px;
  -moz-border-radius:  0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  color:#b3b3b3;
  border: none;
  width: 205px
}

header div.search input.button{
  position: absolute;
  right:5px;
  top:3px;
  background: url('../images/search-button.png') left top repeat;
  text-indent: -9999px;
  width: 31px;
  height:27px;
  opacity:0.5;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
header div.search input.button:hover{
  opacity:1;
}

#navigation-row {
  position: relative;
  z-index: 1001
}

#navigation-row nav {
    background: #000;
    border-top: 1px #181818 solid
}

#navigation-row nav ul.sf-menu  {
  float: right;
  right: 50%;
  position: relative;
}


#navigation-row nav ul.sf-menu > li {
  float: left;
  min-height: 65px;
  margin: 0;
  padding: 0;
  position: relative;
  left:50%;
}
#navigation-row nav ul.sf-menu > li.parent{
    background: url('../images/arrow-bottom.png') 90% 50% no-repeat;
    padding-right: 5px
}

#navigation-row nav ul.sf-menu > li.parent:hover{
    background: url('../images/big-arrow-top.png') 40px 100% no-repeat;
}

#navigation-row nav ul.sf-menu > li > a{
  text-decoration: none;
  text-transform: uppercase;
  color: #bebebe;
  font-family: "Homenaje";
  font-weight: 400;
  font-size: 14px ;
  line-height: 65px;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

#navigation-row nav ul.sf-menu > li > a:hover{ color:#fff;}
#navigation-row nav ul.sf-menu > li.active > a{color:#fff}

#navigation-row nav ul.sub-menu  {
  position: absolute;
  left:-65px;
  top:65px;
  background: #a5a5a5;
  width: 200px
}

#navigation-row nav ul.sub-menu li.parent   {
    background: url('../images/arrow-right.png') 90% 50% no-repeat;
}

#navigation-row nav ul.sub-menu li.parent:hover  {
    background:#888888 url('../images/arrow-right.png') 90% 50% no-repeat;
}

.sf-menu ul.sub-menu {
  position: relative;
  padding: 10px 20px;
}

#navigation-row nav ul.sub-menu li.parent ul {
  left:220px;
  top:-6px;
  padding-top: 7px;
  padding-bottom: 9px;
  width: 150px;
  padding-left: 5px ;
  padding-right: 5px

}

#navigation-row nav ul.sub-menu  li:hover{
  background: #888888;
}
#navigation-row nav ul.sub-menu li + li  {
  border-top: 1px #c0c0c0 solid
}

#navigation-row nav ul.sub-menu li a {
    color: #ededed;
    font-family: 'Arial', serif;
    font-size: 22px;
    line-height:45px;
    text-decoration: none;
    text-align: center;
    font-family: "Homenaje";

}

#navigation-row nav ul.sub-menu li a:hover {
  color: #fff;
}


#showcase-row {
  max-height: 565px;
  margin-top: 4px
}


.view-featured #header-row .container {
  padding-bottom: 12px;
}
.moduletable.finder h4 {
  padding-left: 6px;
}
.moduletable.finder form#mod-finder-searchform {
  padding-left: 6px;
}

form#searchForm > div {
  float: left;
  padding-right: 20px
}
.searchintro {
  line-height: 40px
}

.btn.hasTooltip.btn-primary {
  margin-top: 0
}

.moduletable.finder .btn.finder {
  background: url(../images/search-btn.png) left top no-repeat;
  display: block;
  width: 21px;
  height: 21px;
  box-shadow: none;
  border: none;
  position: absolute;
  top: 7px;
  right: 4px;
}
.moduletable.finder div.finder {
  position: relative;
}
.moduletable.finder div.finder a {
  text-transform: lowercase;
  color: #d4d4d4;
}
.moduletable.finder div.finder a:hover {
  color: #349f69;
}
.moduletable.finder input[type="text"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
}

button.btn.validate.btn-primary {
    color: #FFFFFF;
    border: none;
    display: block;
    font-size: 18px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;

    -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

    width: 180px;
    font-family: 'Titillium Web', sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 27px;
    display: block;
    float: left;
    color: #e9e9e9;
    margin-top: 10px;
    font-weight: 700

}
button.btn.validate.btn-primary:hover {
    color: #fff;
    background: #444
}

#aside-left aside, #aside-right aside {

}


/*======================= NAVIGATION =======================*/
#navigation-row .container {
  margin-top: 0px;
}
.select-menu {
  display: none;
}
.moduletable.navigation ul.sf-menu {
  position: relative;
  /*SubMenu Styles*/

  /*Define 1st SubMenu position*/

  /*Define menu width*/

  /*Define SubMenu position*/

  /*Define 2nd+ SubMenu position*/

}
.moduletable.navigation ul.sf-menu > li {
  width: 161px;
  padding: 0;
  margin: 0;
  height: 104px;
}
.moduletable.navigation ul.sf-menu > li.active > a,
.moduletable.navigation ul.sf-menu > li.sfHover > a,
.moduletable.navigation ul.sf-menu > li.current > a,
.moduletable.navigation ul.sf-menu > li.active > span,
.moduletable.navigation ul.sf-menu > li.sfHover > span,
.moduletable.navigation ul.sf-menu > li.current > span {
  background: #6bce9c;
  color: #ffffff;
  padding: 30px 0;
  margin: 0;
}
.moduletable.navigation ul.sf-menu > li.lastItem {
  width: 166px;
}
.moduletable.navigation ul.sf-menu > li > a,
.moduletable.navigation ul.sf-menu > li > span {
  font-size: 12px;
  line-height: 44px;
  font-family: Arial, sans-serif;
  color: #ffffff;
  background: #373a3f;
  height: 44px;
  display: block;
  padding: 30px 0;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-transform: uppercase;
}
.moduletable.navigation ul.sf-menu > li > a:hover,
.moduletable.navigation ul.sf-menu > li > span:hover {
  background: #6bce9c;
  color: #ffffff;
  padding: 30px 0;
  margin: 0;
}
.moduletable.navigation ul.sf-menu > li > a:hover > span,
.moduletable.navigation ul.sf-menu > li > span:hover > span {
  background-position: center bottom !important;
}
.moduletable.navigation ul.sf-menu li:hover > ul,
.moduletable.navigation ul.sf-menu li.sfHover > ul {
  top: 106px;
}
.moduletable.navigation ul.sf-menu ul {
  width: 161px;
}
.moduletable.navigation ul.sf-menu li li:hover ul,
.moduletable.navigation ul.sf-menu li li.sfHover ul {
  top: -32px;
  left: 163px;
}
.moduletable.navigation ul.sf-menu li li li:hover ul,
.moduletable.navigation ul.sf-menu li li li.sfHover ul {
  top: -32px;
  left: 163px;
}
.moduletable.navigation ul.sf-menu ul {
  background: #e0e1e2;
  padding: 32px 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.moduletable.navigation ul.sf-menu ul li {
  margin: 0 0 1px 0;
}
.moduletable.navigation ul.sf-menu ul li a,
.moduletable.navigation ul.sf-menu ul li span {
  font-size: 12px;
  line-height: 18px;
  font-family:  Arial, sans-serif;
  color: #373a3f;
  background: none;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
.moduletable.navigation ul.sf-menu ul li a:hover,
.moduletable.navigation ul.sf-menu ul li span:hover {
  background: #373a3f;
  color: #ffffff;
}
.moduletable.navigation ul.sf-menu ul li.active > a,
.moduletable.navigation ul.sf-menu ul li.sfHover > a,
.moduletable.navigation ul.sf-menu ul li.active > span,
.moduletable.navigation ul.sf-menu ul li.sfHover > span {
  background: #373a3f;
  color: #ffffff;
}
.moduletable.navigation ul.sf-menu ul li.firstItem {
  border: none;
}
/*======================= SHOWCASE =======================*/
/*======================= FEATURED =======================*/
#feature-row .container {
  margin-bottom: 30px;
}
/*======================= MAINTOP =======================*/
/*======================= CONTENT TOP =======================*/
/*======================= CONTENT =======================*/
#content-row .container {
  padding-bottom: 0px;
  background: #fff;
  border-top: 3px solid #A5A5A5;
  padding-top: 0px
}



a.readmore, a.btn.btn-info {
  margin-top: 0px;
  background:url(../images/arrow-small.jpg) left 50% no-repeat;
  padding-left: 25px;
  padding-right: 15px;
  line-height: 18px;
  display: block;
  float: left;
  color: #4d4d4d;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  font-family: 'Homenaje';

}

a.readmore:hover, a.btn.btn-info:hover {
   color: #000;
   text-decoration: none
}
.page-header {
  margin: 0;
  padding-bottom: 0px;
  border-style: none;
}
.article-wrapper {
  overflow: hidden;
}
/*===== Home Page ======*/
.blog-featured .items-row .item .item-image {
  float: none;
  margin-right: 0;
}
/*===== About Page ======*/
ul.history {
  margin-left: 0;
}
ul.history li {
  margin-bottom: 5px;
  overflow: hidden;
}
ul.history li .item-title {
  margin-right: 9px;
}
ul.history li .item-title a:after {
  content: " -";
}
ul.history li .item-content {
  overflow: hidden;
}
/*===== Services Page ======*/
.circles {
  overflow: hidden;
  width: 100%;
  margin-bottom: 24px;
}
.circles .circle {
  background: #6bce9c;
  width: 186px;
  height: 186px;
  float: left;
  -webkit-border-radius: 93px;
  -moz-border-radius: 93px;
  border-radius: 93px;
  text-align: center;
}
.circles .circle h3 {
  font-size: 34px;
  color: #ffffff;
  line-height: 184px;
  margin: 0;
}
.circles .circle.arrow {
  margin-right: 74px;
  position: relative;
}
.circles .circle.arrow:after {
  content: ".";
  font-size: 0px;
  background: url(../images/arrow-right.png) left top no-repeat;
  width: 46px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: -60px;
  margin-top: -8px;
}
.services-overview .item-body {
  overflow: hidden;
}
/*===== Gallery Page ======*/
#gallery .img-intro-left {
  margin: 0 0 9px 0;
}
#gallery .img-intro-right {
  margin: 0 0 9px 0;
}
#gallery .filters {
  color:#343942;
}
#gallery .gallery-img-intro {
  margin-bottom: 10px;
}
#gallery .gallery-img-intro a img {
  width: 100%;
}
#gallery .edit {
  margin-bottom: 6px;
}
/*===== Blog Page ======*/
.published {
  background: #6bce9c;
  padding: 15px 21px;
  margin-right: 21px;
}
.published h4 {
  display: block;
  margin: 0;
  text-align: center;
  color: #ffffff;
}
#blogview {
  padding-right: 10px;
}

.items-row .item {
  padding-bottom: 10px;
  overflow: auto;
}

.item-header {
  margin-bottom: 0px;
}
.item-header .page-header {
  padding-top: 1px;
}
.blogview-item-body {
  //overflow: hidden;
}
#blogview .item-image {
  float: none;
}
/*===== Archive Page ======*/
.archive form fieldset.filters {
  padding-bottom: 30px;
}
#archive-items > div {
  padding-bottom: 30px;
}
/*===== Testimonials Page ======*/
.blogtestimonials .items-row > div {
  border-bottom: 1px solid #ededee;
  margin-bottom: 30px;
  padding-bottom: 12px;
}

.blog .items-row {}

.blog > h2 + div > div, .blog > h2 + div + div > div {
  padding: 10px 10px 5px 10px;
  color: #5d6573;
  font-size: 14px;
  float: left;
  overflow: auto;
  position: relative;
  background: #e2e2e2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  margin-bottom: 20px
}

.blog  div img {
  max-width: 100%
}

.blog > h2 + div > div:hover, .blog > h2 + div + div > div:hover {
  background: #c5c4c4;
  cursor: default;
}

.blog > h2 + div > div:hover p,  .blog > h2 + div + div > div:hover p {
   color: #000!important
}

.blog > h2 + div .img-intro-left img,  .blog > h2 + div + div .img-intro-left {
    margin: 0 auto;
    display: block;
 }


.custom .phone-num {
  display: block;
  background:  url(../images/opa_70.png) 10px 10px repeat;
  text-align: center;
  font-size: 35px;
  line-height: 50px;
  font-family: 'Titillium Web', sans-serif;
  color: #000;
  text-transform: uppercase;
  padding: 20px;
  margin-bottom: 0
}

.custom .phone-num span{
  display: block;
  text-align: center;font-size: 60px;
  line-height: 70px;
  font-weight: 700
}



/*===== Contact Form ======*/
#jform_contact_message {
  resize: none;
}
#contact-form label {
  display: inline-block;
  margin-bottom: 5px;
}
/*== Asides ==*/
aside > .moduletable {
  margin-bottom: 30px;
  overflow: hidden;
  background:#fff ;
  padding:0
}


aside > .moduletable.testimonials {
  background: none;
  padding: 0 ;

}

aside > .moduletable.testimonials p{
  background: #d6dee6 url(../images/bg-testimonials.jpg) 10px 10px no-repeat;
  padding: 20px;
  margin-bottom: 0;
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-family: Arial;
  font-size: 14px;
  line-height: 20px
}

aside > .moduletable.testimonials p strong{
  padding-bottom: 10px;
  display: block;
}

aside > .moduletable.testimonials p.name{
  background: url(../images/bg_name.png) 0px 0px no-repeat;
  margin-bottom: 0;
  text-align: right;;
  padding-right: 20px;
  font-weight: 700;
  line-height: 14px;
  color: #94a0aa;
}

aside > .moduletable.testimonials .moduleTitle  {
  border: 0;
  color: #242424;
  font-size: 24px;
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 10px;
  font-weight: 400
}


aside > .moduletable.testimonials img {
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin: 12px;
  margin-bottom: 15px;
}

.search-pagination {
  margin: 20px 0 0 0;
}
/*======================= CONTENT BOTTOM =======================*/
#content-bottom-row {
  margin-top: 2px;
}

body.home #content-bottom-row  {
  padding-top: 20px;
  padding-bottom: 20px
}


/*======================= MAINBOTTOM =======================*/
#mainbottom-row .container {
  margin-top: 30px;
}



/*======================= BOTTOM =======================*/

/*======================= FOOTER =======================*/
#footer-wrapper {}

#copyright-row {}

#copyright-row .container {
    background: url(../images/opa_90.png) 0 0px repeat;
    padding-top: 30px;
    padding-bottom: 40px;
}


#copyright-row .container a {
  text-decoration: underline;
  color: #ccc;

}
#copyright-row .container a:hover {
  color: #fff;
  text-decoration: none
}
/*===== Social Media ======*/
.social {
  text-align: right;
  position: relative;
  top: -5px;
}
.social li {
  margin: 0 0 0 5px;
}
.social li a {
  width: 23px;
  height: 23px;
  line-height: 23px;
}
.social li a:hover {
  background-position: left bottom;
}

.menusocials {}


#showcase-row .camera_wrap .camera_pag {
  position: absolute;
  left:90px;
  bottom:6px;
}

#showcase-row .camera_wrap .camera_pag .camera_pag_ul li {
  background: url(../images/bullets.png) 0 -40px no-repeat;
}
#showcase-row .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
  background: url(../images/bullets.png) 0 -2px no-repeat;
}


#showcase-row .camera_wrap .camera_pag .camera_pag_ul li span {
  background: none
}

.view-featured #content-row {
  padding-bottom: 0px;
}


.copy {
  color: #6b6b6b;
  font-size: 12px;
  font-family: Arial;
  padding-left: 30px;
}

.footer-menu {
  float: left;
  margin: 0;
  padding:0;
  list-style: none ;
  width: 300px;
  margin-left: 25px;
}

.footer-menu li{
  float: left;
  width: 130px;
  padding-left: 20px;
  background: url(../images/arrow-footer.png) 5px 50% no-repeat;
  line-height: 24px
}

#copyright-row .footer-menu li a{
 color: #adadad;
 text-decoration: none;
 font-size: 18px;
 font-family: 'Homenaje';
}

.copy div p {
  line-height: 32px;
  padding-top: 10px
}

#navigation-row div.custom {
  border-top: 3px #a5a5a5 solid
}
#navigation-row div.custom p{
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #bebebe;
  background: #1a1a1a;
  font-family: "Titillium Web";
  border-top: 1px #000 solid;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;

}

#navigation-row div.custom p b, #navigation-row div.custom p a{
  font-weight: 700;
  text-decoration: none;
  color: #bebebe;
  font-size: 30px;
  text-transform: uppercase;
}

#navigation-row div.custom p a:hover{
  color: #fff;
}

#navigation-row div.custom div.clearfix {
   height:1px;
}

.blog-featured {
  padding-top: 0px
}

.blog-featured .items-row .item {
  background: #fafafa;
  -webkit-border-radius:  0px;
  -moz-border-radius:  0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.blog-featured .items-row .item:hover {}

div.blog-featured img {
  max-width: 100%
}



#content-bottom-left > div.moduletable >* {
  padding-left: 30px
}


#content-bottom-right .moduletable.span6   {
  padding: 0px;
}

.moduletable.span6 .inner {
  margin-right: 15px;
  padding:10px 25px 10px;
  background: #fdfefe;
}

div.team div.row > div p {
 margin-bottom: 0px
}

div.team div.row > div {
  width: 94%;
}
div.team div.row > div + div {
  padding-top: 10px
}

div.team .img-intro.item-image {
  float: left;
  padding: 3px;
  background: #fff;
  margin-right: 20px;
}

.newsflash-title {
  margin: 0;
  padding: 0;
  color: #0d97d7;
  font-family: "Homenaje";
  font-size: 16px;
  text-decoration: underline;
  margin-bottom: 8px;
}

.newsflash-title a{
  color: #a0a0a0;
  font-family: "Homenaje";
  font-size: 13px;
  text-decoration: underline;
}
.newsflash-title:hover, .newsflash-title a:hover{
  text-decoration: none;
}




.blog-featured .items-row .item {
  position: relative;
  background: #000
}

.blog-featured .items-row .item p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-featured .items-row .item div.grid-3 {
 float: left;
 position: relative;
}

.blog-featured .items-row .item div.grid-3 + div.grid-3 {
margin-left: 2px
}

.blog-featured .items-row .item p.link{
  position: absolute;
  left:0;
  bottom:0;
  width: 100%;
  height: auto;
  background: url(../images/opa_70.png) left 5px repeat;
}

.blog-featured .items-row .item p.link a{
  padding:10px 15px 15px; 
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 24px;
  line-height: 28px;
  font-family: 'Titillium Web';
  font-weight: 400;
}

.blog-featured .items-row .item p.link a span{
  display: block;
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
}

.blog-featured .items-row .item p.link a em{
  background: url(../images/right.jpg) right  0px no-repeat;
  height: 41px;
  display: block;
  width: 41px;
  position: absolute;
  right:20px;
  top:20px;
  text-indent: -9999px;
  opacity: 0.35;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.blog-featured .items-row .item p.link a:hover em{
    opacity: 0.75;
}




 #aside-right p img, #aside-left p img {
  margin-bottom: 10px;
  max-width: 95%;
}

 #archive-items > div {
  overflow: hidden;
 }

.introtext {
  font-size: 13px;
  font-family: Arial;
}
p a {
  text-decoration: underline;
}


p a:hover {
  text-decoration: none;
  color:#000;
}


.introtext p strong {
  font-family: 'Arial';
  line-height: 20px;
  font-weight: 700;
}

ul.list {
    padding-top: 5px
}

ul.list,  ul.list li {
  padding: 0;
  list-style: none;
  color:#555555;
  padding-bottom: 15px;
}

ul.list li {
  margin-bottom: 0px
}

ul.list li a{
  background: url(../images/arrow-footer.png) left 7px no-repeat;
  padding: 0 0 0 15px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  color: #3c3c3c;
  font-size: 16px;
  font-family: 'Titillium Web'
}

ul.list li a:hover, ul.item-list li a:hover {
  color: #000
}

/* Carousel */

.es-carousel-wrapper-main {
  background: #fff;
  overflow: hidden;
  position: relative;
  padding-top: 20px;
}

.es-carousel-wrapper-main h6 {
  position: absolute;
  left:30px;
  top: 16px;
  z-index: 101;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: 'Titillium Web';
}

.es-carousel {
  width: 690px;
  right:0;
  position: relative;
  float: right;
  border-left: 1px #b2b2b2 solid;
  padding-left: 20px;
}
.es-carousel ul{}


/* FOOTER */
#footer {}

#footer ul.nav {
  overflow: auto;
  padding-bottom: 15px;
  padding-left: 20px
}

#footer ul.nav li{
  float: left;
  
}

#footer ul.nav li a{
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-family: "Homenaje";
  font-weight: 700;
  font-size: 16px ;
  line-height: 55px;
  display: block;
  padding-left: 20px;
  padding-right: 20px
}

#footer ul.nav li a:hover{
  background: #a0a0a0
}


#camera-slideshow {
  margin-bottom: 0!important;
}




.single-article img, .item-page img {
  float: left;
  margin-bottom: 15px;
  margin-right: 25px;
  max-width: 90%;
}

.contact {
  padding-top: 1px;
  padding-bottom: 20px
}

.contact .span7 {
  float: right;
  width: 50%
}

.contact .contact-misc {
  float: left
}

.contact-miscinfo {
  margin-left: -35px;
  overflow: hidden;
}
.contact-form {
  background-color:#fff;
}





.home .content-inner {
  background: none;
  border-top: 0;
}


#aside-right {
  padding-top: 25px
}

div.blog {
  overflow: auto;
  clear: both;
  padding-top: 10px;
  padding-bottom: 20px
}

div.blog img {
 float: left;
 margin-right: 25px;
}






.price  tr:first-child td {
  color:#000;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif;
  background: #e4e4e4

}

.price  tr td {
  border:1px #afafaf solid;
  padding: 10px 15px;
  background: #f5f5f5;
  line-height: 20px
}

/* #isotopeContainer {
  width: 112%;
  margin-left: -5%
} 
 */
/* #isotopeContainer {
  margin-left: -35px;
  margin-right: -30px
} */

/* .isotope-item > * {
  padding:0 20px
}
 */
#gallery .gallery-img-intro a img {
  max-width: 100%
}

.isotope .isotope-item {
  margin-bottom: 20px
}

.cat-children {
  display: none;

}

.contact h1 {
  padding-bottom: 0
}


#archive-items p img{
  margin-right: 25px;
  float: left;
}

#archive-items h5{
  padding-bottom: 0;
  line-height: 28px
}

.home .items-row .item {
    padding-bottom: 2px;
}

.home #content-row .container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 2px;
}


.home #component > * {
    padding-left: 0px;
    padding-right: 0px;
}

.home h5 {
  padding-bottom: 10px
}

.page-header + .page-header h1 {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400
}

#component > * {
  padding-left: 30px;
  padding-right:30px
}







#component {
  padding-bottom: 10px;
}

#aside-left + #component div.item-page {
  padding-top: 0
}

.item-page {
  padding-bottom: 20px
}

#aside-left > aside{
  padding-left: 30px
}




#aside-left + #component > * {
  padding-left: 0;
  padding-right: 30px
}

#aside-left, #aside-right {
  padding-top: 25px
}

#component + #aside-right > * {
  padding-left: 0;
  padding-right: 30px;
  margin-left: -30px
}


.map {
  margin-left: 0;
  margin-right: 00;
  padding-left: 0!important;
  padding-right: 0!important;
  width: 100%;
  height:400px;
  position: relative;
}
.map iframe{
  margin-left: 0;
  margin-right: 00;
  width: 100%
}






/*----- media queries

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

media queries ------*/

@media (min-width: 1200px) {
  #main {
    max-width: 1170px;
  }
  #camera-slideshow {
    min-height:565px 
  }
  #navigation-row nav ul.sf-menu > li > a {
    font-size: 24px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .camera_caption h2, .camera_caption h2 span {
    font-size: 45px
  }
  .camera_caption h2 {
     font-size: 58px
  }

  #camera-slideshow .camera_prev {
    left: 50px;
  }
  #camera-slideshow .camera_next {
    left: 100px;
  }
  .grid-3 {
    width: 33.21%
  }
  div.blog-featured img {
    min-width: 100%;
  }
  .es-carousel {
    width: 780px;
    margin-right: 30px
  }
  .es-carousel ul li {
    margin-left: 30px;
  }

  .footer-menu {
    padding-left: 50px;
    width: 460px
  }
  .footer-menu li {
    width: 200px;
  }
  #copyright-row .footer-menu li a {
    font-size: 22px;
    line-height: 32px
  }
  .footer-phone {
    font-size: 22px;
    line-height: 34px
  }
  .es-carousel-wrapper-main h6 {
    font-size: 26px;
  }

  .content-inner > div#component > *{
    padding-left: 30px;
    padding-right: 30px
  }


  .home .content-inner > div#component > *{
    padding-left: 0px;
    padding-right: 0
  }
  #blogview div.item img {
    float: left;
    margin-right: 25px
  }


  .thumbnails > li {
    margin-left: 85px;
  }

}
@media (max-width: 1199px) {
  #main {
    max-width: 940px;
  }
  .blog-featured .items-row .item h2.item-title {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px
  }
  
  #navigation-row nav ul.sf-menu > li > a {
    font-size: 24px;
  }
  #camera-slideshow .camera_caption > div {
    top:30px;
    left:30px;
  }
  #content-bottom-left .moduletable{
    margin-bottom: 20px
  }
  .es-carousel {
    margin-right: 20px
  }
  #blogview div.item img {
    float: left;
    margin-right: 25px
  }
  .pull-left.item-image {
    margin-right: 5px;
    margin-bottom: 5px
  }
  h5 {
    font-size: 14px;
    padding-bottom: 2px
  }
  #component > * {
      padding-left: 20px;
      padding-right: 20px;
  }

  h1 {
    font-size: 36px
  }
  .thumbnails > li {
    margin-left: 65px;
  }
  .contact-miscinfo {
    margin-left: -25px;
    overflow: hidden;
  }



}
@media (min-width: 980px) and (max-width: 1199px) {}
@media (min-width: 979px) {}
@media (max-width: 979px) {
  
  #main {
    max-width: 756px;
  }
  #header-row .container header #logo {
    padding-top: 8px;
    padding-bottom: 4px
  }
  #navigation-row nav ul.sf-menu > li > a {
    font-size: 18px;
  }

  #navigation-row div.custom p, #navigation-row div.custom p a {
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px
  }
  .camera_caption h2 {
    font-size: 40px;
    line-height: 42px
  }
  #camera-slideshow .camera_caption > div p {
    padding-right: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
  }

  .camera_caption h2 span{
    font-size: 30px;
  }
  .blog-featured .items-row .item div.grid-3 {
    width: 33.15%
  }

  .blog-featured .items-row .item p.link a , .blog-featured .items-row .item p.link a span {
    font-size: 20px
  }
  .custom .phone-num {
    font-size: 28px;
    line-height: 40px
  }
  .custom .phone-num span {
    font-size: 45px;
    line-height: 50px
  }
  .footer-menu {
    width: 260px;
  }

  .footer-menu li {
    width: 110px
  }

  .footer-phone {
    font-size: 14px
  }
  .es-carousel {
    width: 580px
  }
  .es-carousel-wrapper-main h6 {
    font-size: 16px;
  }
  .es-carousel ul li {
    margin-left: 0px;
    width: 170px!important;
    margin-right: 40px!important
  }
  
  #navigation-row nav .sf-menu ul.sub-menu {
    padding-left:10px;
    padding-right: 10px;
    left:-55px; 
  }
  #navigation-row nav .sf-menu ul.sub-menu ul.sub-menu {
    left:-170px;
  }
  #content-bottom-left .moduletable{
    margin-bottom: 30px
  }
  body.home #content-bottom-row > div.span12 {
    padding-bottom: 0
  }
  .custom .phone-num {
    font-size: 18px;
    line-height: 30px;
  }

  .custom .phone-num  span{
    font-size: 32px;
    line-height: 32px;
  }
  #carousel .es-nav {
    bottom: 20px
  }
  .footer-menu {
    margin-left: 0
  }
  .pull-left.item-image {
    margin-right: 15px
  }
  h3 {
    font-size: 22px
  }
  .single-article img, .item-page img {
    max-width: 88%;
  }
  .price tr td {
      padding: 8px;
  }
  .thumbnails > li {
    margin-left: 48px;
  }

  #component + #aside-right > * {
      margin-left: 0px;
  }
  .contact-miscinfo {
    margin-left: -15px;
  }


}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {
  #main {
    max-width: 450px;
  }
  #navigation-row div.custom p{    
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px
  }


  #navigation-row div.custom p strong{    
    font-size: 18px;
    display: block;
    line-height: 24px
  }

  .blog-featured .items-row .item div.grid-3 {
    width: 32.91%;
  }
  .blog-featured .items-row .item p.link {
    display: none
  }
  #showcase-row .camera_caption {
    display: none!important
  }
  .camera_prev, .camera_next, .camera_commands {
    top:inherit!important;
  }

  #content-bottom-left .moduletable {
    padding-right: 20px
  }

  .introtext img{
    clear: both;
    float: none;
    margin-bottom: 20px;
    display: block;
  }
  #content-bottom-left > div.moduletable > * {
    padding-left: 20px
  }

  #content-bottom-right .moduletable {
    padding-left: 20px;
    padding-right: 20px
  }
  .footer-phone {
    text-align: left;
    padding-left: 30px;
    padding-top: 20px
  }

  .es-carousel {
    width: 260px;
  }
  .es-carousel ul li  {
    margin-left: 50px;
  }
  .es-carousel {
   padding-left: 0;
   margin-right: 20px
  }
  .thumbnails > li {
    margin-left: 0;
  }

  .thumbnails > li img {
    min-width: 100%
  }

  #component + #aside-right > * {
      margin-left: 20px;
      padding-left: 0
  }

  #aside-left, #aside-right {
      padding-top: 0px;
  }
  #aside-left + #component > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  #aside-left > aside {
    padding-left: 20px;
    padding-right: 20px
  }
  
  .contact-miscinfo {
    margin-left: -5px;
  }


}
/**/
@media (min-width: 482px) and (max-width: 767px) {}

@media (max-width: 481px) {
   
  #main {
    max-width: 300px;
  }
  #navigation-row div.custom p, #navigation-row div.custom p a {
    font-size: 14px;
    line-height: 20px
  }

  .es-carousel {
    width: 150px;
  }
  .es-carousel ul li {
    max-width: 120px;
    padding-left: 0;
    margin-left: 20px
  }

  .es-carousel-wrapper-main h6 {
    display: none;
  }

  #carousel .es-nav {
      bottom: 25px;
  }

  .footer-phone {
    margin-bottom: 50px
  }
  .socials {
    bottom:15px;
  }
  .blog-featured .items-row .item div.grid-3 {
    width: 32.8%;
  }
  .custom .phone-num span {
    font-size: 25px;
  }

  .thumbnails > li img {
    min-width: auto;
  }

  .price tr td {
      padding: 5px;
  }

  h1 {
      font-size: 30px;
  }
  .pagination a, .pagination span {
    font-size: 14px;
    padding-right: 8px;
    display: block;
    float: left
  }

.form-horizontal .control-label {
    text-align: left;
}

}

@media (min-width: 320px) and (max-width: 481px) {}

@media (max-width: 320px) {
  
  #main {
    max-width: 240px;
    width: 240px;
  }
  .blog-featured .items-row .item div.grid-3 {
    width: 32.78%;
  }
  .camera_prev, .camera_next, .camera_commands {
    margin-left: -20px
  }
  .custom .phone-num span {
    font-size: 20px;
  }

  .custom .phone-num {
      font-size: 16px;
      line-height: 24px;
  }
  #carousel .es-nav {
    left:20px;
  }
  .es-carousel-wrapper-main {
    display: none;
  }
  #copyright-row .footer-menu li {
    width: 85px
  }
  #copyright-row .footer-menu li a {
    font-size: 14px;
  }
  .footer-phone {
    font-size: 18px;
  }
  .footer-menu {
    width: 210px;
  }


  .price tr td {
      padding: 5px 2px;
      font-size: 12px!important;
      vertical-align: top
  }

  h1 {
      font-size: 24px;
      padding-bottom: 5px;
      line-height: 30px
  }
  .page-header h5 {
    line-height: 30px;
    padding-top: 14px
  }
  .pagination ul{
    overflow: auto;
  }
  input, textarea {
      width: 190px;
  }


}