.camera_loader {

    background: url('../images/camera-loader.gif') no-repeat center;

}

.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: #161618 url('../images/bg.jpg') 50% top 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: 34px;

  line-height: 40px;

  margin-top: 15px;

  font-family: 'Titillium Web', sans-serif;

  font-weight: 300;

  color: #fff;

  text-transform: uppercase;

  padding-bottom: 22px

}

body.home h1 {

  padding-bottom: 10px;

  font-size: 40px

}



div#content-top {

  overflow: auto;

  margin-bottom: 20px

}



#blogview h1 {

  padding-bottom: 0

}



h2 {

  font-family: 'Titillium Web', sans-serif;

  font-weight: 700;

  margin-bottom: 0px;

  padding-bottom: 10px;

  text-transform: uppercase;





  margin-bottom: 5px;

  font-size: 32px;

  color:#fff;

  border-bottom:0;

  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: #fff;

  text-transform: uppercase;

  text-decoration: none;

}



div.blog > h2 + div h2 a:hover, div.blog > h2 + div + div h2 a:hover{

  color: #000;

}





h3 {

  font-family: 'Titillium Web', sans-serif;

  font-weight: 300;

  margin-bottom: 5px;

  font-size: 30px;

  color:#fff;

  text-transform: uppercase;

  padding-bottom: 10px;

  line-height: 40px;

  margin-top: 18px;

}



h4 {

  font: 22px/22px 'Arial', serif;

}



h5 {

  margin: 0;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

  margin-top: 0px;

  font-family: 'Titillium Web', sans-serif;

  font-weight: 400;

  color: #ccc;

  text-transform: uppercase;

  padding-bottom: 20px

}



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:#fff;

  padding-bottom: 5px;

  line-height: 48px

}



.camera_caption h2 {

  font-size: 60px;

  font-family: 'Open Sans', sans-serif;

  color: #fff;

  line-height: 60px;

  font-weight: 800;

  border-bottom:0 ;

  margin-bottom: 0;

  text-transform: uppercase;

  font-style: italic;

  margin-bottom: 0;

  padding-bottom: 0;

}

.camera_caption p {

  margin-bottom: 0;

  padding-bottom: 0;

}

.camera_caption span {

  font-family: 'Open Sans', sans-serif;

  display: block;

  font-weight: 800;

  font-style: italic;

  font-size: 30px;

  line-height: 40px

}



.camera_caption em {

  font-size: 30px;

  line-height: 40px;

  font-style: italic;

  color: #fff;

  margin: 0;

  display: block;

  text-transform: lowercase;

  padding-bottom: 5px

}



.camera_caption strong {

  display: block;

  font-size: 60px;

  line-height: 60px;

  font-style: italic;

  color: #e2c711;

  margin: 0;

  font-weight: 800;

  text-align: left;

  position: relative;

  margin-bottom: 10px;

}



.camera_caption small {

  font-size: 0.5em;

  line-height: 30px;

  display: block;

  float: left;

  padding-left: 85px;

}



.es-carousel h4 a{

  color: #979797

}



.es-carousel li:hover h4 a{

  color: #e2c711;

  text-decoration: none;

}











p {

  margin-bottom: 10px;

}

p.highlight {

  color: #6bce9c;

}

/*Buttons*/

.btn-primary {

  margin-top: 10px;

  background:url(../images/bg-more.png) left 0% no-repeat;

  height: 31px;

  line-height: 25px;

  display: block;

  float: left;

  color: #909090;

  text-transform: uppercase;

  font-size: 12px;

  text-decoration: none;

  font-family: 'Titillium Web';

  width: 115px;

  text-align: center;

  font-weight: 700;

  padding-right: 10px;

  border: none;

  text-shadow:none;

}



.btn-primary:hover {

   text-decoration: none;

  background:url(../images/bg-more.png) left bottom no-repeat;   

  color: #fff;

}

.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: 'Titillium Web';

  -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 10px 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;

}





/*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: 2px 0 10px 0;



}

ul.item-list li a,

.categories-module li a,

.archive-module li a {

  background: url(../images/arrow-right.png) left -75px no-repeat;

  padding: 0 0 0 18px;

  font-weight: normal;

  line-height: 16px;

  display: block;

  color: #ccc;

  font-size: 14px;

  font-family: 'Titillium Web'

}





ul.item-list li a:hover,

.categories-module li a:hover,

.archive-module li a:hover {

  color: #fff;

  text-decoration: none;

  background: url(../images/arrow-right.png) left 3px no-repeat;

}



ul.categories-module h5 {

  margin-bottom: 0;

  padding-bottom: 0;

}



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: #ccc;

}

.pagination ul li a{

  color:#7a99d0;

}

.pagination ul li a:hover {

  background: none;

  color: #e2c711;

  text-decoration: none; 

}

.pagination ul li.num span.pagenav {

  color: #a0a0a0;

}

/*======================= Footer & socials =======================*/



.socials {

  position: absolute;

  right:30px;

  padding-top: 10px;

}







.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 =======================*/

div#logo img {

  max-width: 100%!important

}

.top-position {

  position: absolute;

  z-index: 100;

  top:0;

  width: 100%;

}



#header-row {

   background: url('../images/opa_70.png') left top repeat; 

   border:0;

}



#header-row .container header #logo {



}

#header-row .container header #logo  a{

  display: block;

  margin: 0 auto;

}



header .moduletable.span3 {

  float: right;

}



header .moduletable .custom p {

  float: right;

  color: #9b9b9b;

  font-size: 14px;

  font-family: "Titillium Web";

  padding-top: 24px

}



header .moduletable .custom p span{

  color: #fff;

  font-size: 24px;

  font-family: "Titillium Web";

}



header div.search {

  position: relative;

  margin-top: 20px;

  border:0px #a6a6a6 solid;

  height:25px;

  padding-top: px;

  padding-bottom: 4px;

  overflow: hidden;

}



header div.search input.inputbox {

  background: #fff;

  -webkit-border-radius:  20px;

  -moz-border-radius:  20px;

  -khtml-border-radius: 20px;

  border-radius: 20px;

  color:#717584;

  border: none;

  width: 185px;

  font-size: 12px;

  font-family: Arial;

  font-style: italic;

}



header div.search input.button{

  position: absolute;

  border: 0;

  outline: none;

  right:2px;

  top:5px;

  background: url('../images/search.jpg') left top no-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;

  background: url('../images/bg-top-menu.png') left top repeat-x;

}



#navigation-row nav ul.sf-menu  {

  position: relative;

  text-align: center;

}





#navigation-row nav ul.sf-menu > li {

  min-height: 65px;

  margin: 0;

  padding: 0;

  position: relative;

  display: inline-block;

  float: none;

  background: url('../images/separator-top-menu.jpg') 0% 2px no-repeat;



}

#navigation-row nav ul.sf-menu > li.parent > a{

    background: url('../images/arrow-bottom.png') 95% 58% no-repeat;

}



#navigation-row nav ul.sf-menu > li.parent:hover > a{

    background: url('../images/arrow-bottom.png') 95% 58% no-repeat;

}



#navigation-row nav ul.sf-menu > li > a{

  text-decoration: none;

  text-transform: uppercase;

  color: #adadad;

  font-family: "Titillium Web";

  font-weight: 400;

  font-size: 14px ;

  line-height: 42px;

  display: block;

  padding-left: 20px;

  padding-right: 20px;

  letter-spacing: 1px

}



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

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



#navigation-row nav ul.sub-menu  {

  position: absolute;

  left:0px;

  top:45px;

  background: #9a9a9a;

  width: 200px

}





.sf-menu ul.sub-menu {

  position: relative;

  padding: 0px 0px;

}



#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: #ececec;

}

#navigation-row nav ul.sub-menu li   {

  border-bottom: 1px #696969 solid

}



#navigation-row nav ul.sub-menu li a {

    color: #272727;

    font-size: 14px;

    line-height:36px;

    text-decoration: none;

    text-align: left;

    text-transform: uppercase;

    font-family: "Titillium Web";

    padding-left: 25px;

    background: #9a9a9a

}



#navigation-row nav ul.sub-menu li a:hover {

  background: #ececec;

}









.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 {

  margin-top: 10px;

  background:url(../images/bg-more.png) left 0% no-repeat;

  height: 31px;

  line-height: 25px;

  display: block;

  float: left;

  color: #909090;

  text-transform: uppercase;

  font-size: 12px;

  text-decoration: none;

  font-family: 'Titillium Web';

  width: 115px;

  text-align: center;

  font-weight: 700;

  padding-right: 10px;

}



button.btn.validate.btn-primary:hover {

   text-decoration: none;

  background:url(../images/bg-more.png) left bottom no-repeat;   

  color: #fff;}



div.item-page hr#system-readmore {

  display: none;

}





/*======================= 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 {

  background: #161618;

  position: relative;

}

#feature-row .container {

  background:url(../images/bg-carousel.jpg) left 50% no-repeat;

}

/*======================= MAINTOP =======================*/

/*======================= CONTENT TOP =======================*/

/*======================= CONTENT =======================*/

#content-row .container {

  padding-bottom: 0px;

  padding-top: 0px;

  min-height: 520px;

}







a.readmore, a.btn.btn-info {

  margin-top: 10px;

  background:url(../images/bg-more.png) left 0% no-repeat;

  height: 31px;

  line-height: 30px;

  display: block;

  float: left;

  color: #909090;

  text-transform: uppercase;

  font-size: 12px;

  text-decoration: none;

  font-family: 'Titillium Web';

  width: 115px;

  text-align: center;

  font-weight: 700;

  padding-right: 10px;

}



a.readmore:hover, a.btn.btn-info:hover {

   text-decoration: none;

  background:url(../images/bg-more.png) left bottom no-repeat;   

  color: #fff;

}

.page-header {

  margin: 0;

  padding-bottom: 0px;

  border-style: none;

}

.article-wrapper {

  overflow: hidden;

}

/*===== Home Page ======*/



.blog-featured {

  border-top: 1px #2c2c2c solid;

  clear:both;

  padding-top: 30px;

}



.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:#ccc;

  font-size: 14px

}

#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: hidden;

}



.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: #ccc;

  font-size: 14px;

  float: left;

  overflow: auto;

  position: relative;

  background: #2b2b2c;

  -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;

 }



 #footer-row {

  background: #2b2b2c;

 }





.custom .phone-num {

  display: block;

  background:  url(../images/bg-phone.jpg) 50% 50% no-repeat;

  text-align: center;

  font-size: 40px;

  line-height: 50px;

  font-family: 'Titillium Web', sans-serif;

  color: #fff;

  text-transform: uppercase;

  padding: 16px;

  margin-bottom: 0;

  overflow: hidden;

}





.custom .phone-num span{

  display: block;

  font-weight: 700;

  float: right;

  text-align: center;

  width: 42%;

  letter-spacing: 2px

}



.custom .phone-num em{

  display: block;

  font-weight: 300;

  float: left;

  text-align: center;

  width: 42%;

  font-style: normal;

}







/*===== Contact Form ======*/

#jform_contact_message {

  resize: none;

}

#contact-form label {

  display: inline-block;

  margin-bottom: 5px;

}

/*== Asides ==*/

aside > .moduletable {

  margin-bottom: 30px;

  overflow: hidden;

  padding:0

}





aside > .moduletable.testimonials {

  background: none;

  padding: 0 ;



}



aside > .moduletable.testimonials p{

  background: #2b2b2c;

  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: 12px;

  line-height: 20px

}



aside > .moduletable.testimonials p strong{

  padding-bottom: 10px;

  display: block;

}



aside > .moduletable.testimonials p.name{

  background: none;

  margin-bottom: 0;

  text-align: right;;

  padding-right: 20px;

  font-weight: 700;

  line-height: 14px;

  color: #ccc;

}



aside > .moduletable.testimonials .moduleTitle  {

  border: 0;

  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: 0px;

}



body.home #content-bottom-row  {

  padding-top: 20px;

  padding-bottom: 20px

}





/*======================= MAINBOTTOM =======================*/

#mainbottom-row .container {

  margin-top: 30px;

}







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



/*======================= FOOTER =======================*/

#footer-wrapper {

  background: #101010;

}



#copyright-row {

  background:#000  url(../images/bg-footer-menu.png) 0 0px repeat-x;

  height: 178px;

}



#copyright-row .container {}





#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;

}







#copyright-row ul.nav.menu.span12 {

  text-align: center;

  height: 50px;

  border-bottom: 1px #2c2c2c solid;

  padding-bottom: 2px;

}



#copyright-row ul.nav.menu.span12  li {

  display: inline-block;

}

#copyright-row ul.nav.menu.span12  li + li {

  background: url(../images/separator-footer-menu.png) left 50% no-repeat;

}



#copyright-row ul.nav.menu.span12  li a {

  text-decoration: none;

  color: #adadad;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 400;

  font-family: 'Titillium Web', sans-serif;

  padding-left: 25px;

  padding-right: 20px ;

  line-height: 58px

}

#copyright-row ul.nav.menu.span12  li a:hover {

  color: #e2c711

}









#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;

  background: #101010 url(../images/separator-line.gif) 0 0px repeat-x;  

}





.copy {

  color: #6b6b6b;

  font-size: 12px;

  font-family: Arial;

}



.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: 'Titillium Web';

}



.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 .items-row .item {

  -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: 96%;

  padding: 4px;

  background: #000;

  border: 1px #262626 solid;

  margin-bottom: 10px

}











#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: "Titillium Web";

  font-size: 16px;

  text-decoration: underline;

  margin-bottom: 8px;

}



.newsflash-title a{

  color: #a0a0a0;

  font-family: "Titillium Web";

  font-size: 13px;

  text-decoration: underline;

}

.newsflash-title:hover, .newsflash-title a:hover{

  text-decoration: none;

}







.blog-featured .items-row {

  margin-left: 0

}



.blog-featured .items-row .item {

  position: relative;

}



.blog-featured .items-row .item p {

  padding-bottom: 10px;

  margin-bottom: 10px;

  color: #7a7a7a;

  font-size: 12px;

  font-family: Arial;

}

.blog-featured .items-row .item p strong {

  display: block;

  color: #fff;

  padding-bottom: 5px

}



.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;

  max-width: 96%

}

p a {

  text-decoration: underline;

}





p a:hover {

  text-decoration: none;

}





p strong {

  font-family: 'Arial';

  line-height: 18px;

  font-weight: 700;

  color: #fff;

}



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;

  padding-bottom: 10px;

}



ul.list li a{

  background: url(../images/arrow-right.png) left -75px no-repeat;

  padding: 0 0 0 20px;

  font-weight: normal;

  text-transform: uppercase;

  line-height: 18px;

  display: block;

  color: #6c6c6c;

  font-size: 16px;

  font-family: 'Titillium Web';

}



ul.list li a:hover, ul.item-list li a:hover {

  color: #fff;

  background: url(../images/arrow-right.png) left 3px no-repeat;

  text-decoration: none;



}



/* Carousel */



.es-carousel-wrapper-main {

  position: relative;

  padding-top: 20px;

  padding-bottom: 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 {}

.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: "Titillium Web";

  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;

  padding: 4px;

  background: #000;

  border: 1px #262626 solid;

  margin-bottom: 10px ;

  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 {

  overflow: hidden;

}

.contact-form {}











.home .content-inner {

  background: none;

  border-top: 0;

}







div.blog {

  overflow: auto;

  clear: both;

  padding-top: 10px;

  padding-bottom: 20px

}



div.blog img {

 float: left;

 margin-right: 25px;

}













.price  tr:first-child > * {

  color:#ccc;

  font-size: 16px;

  font-weight: 700;

  font-family: 'Titillium Web', sans-serif;

  background: #2b2b2c;

  text-transform: uppercase;

  padding:10px 20px;

  border:1px #fff solid;



}



.price  tr td {

  border:1px #fff solid;

  padding: 10px 15px;

  background: #ececec;

  line-height: 20px;

  color: #000;

}



#gallery .gallery-img-intro a img {

  max-width: 96%

}



.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 ;

    border-top: 0;

    padding-bottom: 0;

    padding-top: 0;

}



.page-header + .page-header h1 {

  margin: 0;

  font-size: 24px;

  line-height: 24px;

  font-weight: 400

}







#component {

  padding-bottom: 10px;

}



#aside-left + #component div.item-page {

  padding-top: 0

}



.item-page {

  padding-bottom: 10px

}











#aside-left + #component > * {

  padding-left: 0;

  padding-right: 30px

}









.map {

  margin-left: 0;

  margin-right: 00;

  padding-left: 0!important;

  padding-right: 0!important;

  width: 100%;

  height:00px;

  position: relative;

}

.map iframe{

  margin-left: 0;

  margin-right: 00;

  width: 100%

}



.map {

  width: 100%!important;

}





div.bg-top-yellow {

    background: url(../images/bg-top-big-yellow.png) 50% 0px no-repeat;

}



div.bg-bottom-yellow {

    background: url(../images/bg-bottom-big-yellow.png) 50% bottom no-repeat;

}



div.wrap_1000 {

  max-width: 980px;

  margin: 0 auto;

  position: relative;

  background:#000; 

}

.top-position {

  position: relative;

}



body.home .top-position {

  position: absolute;

}









/*----- media queries



WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW



media queries ------*/





@media (min-width: 1200px) {





  .row:after {

    clear: both;

  }

  .container,

  .navbar-static-top .container,

  .navbar-fixed-top .container,

  .navbar-fixed-bottom .container {

    width: 1170px;

  }

  .span12 {

    width: 1170px;

  }

  .span11 {

    width: 1070px;

  }

  .span10 {

    width: 970px;

  }

  .span9 {

    width: 870px;

  }

  .span8 {

    width: 770px;

  }

  .span7 {

    width: 670px;

  }

  .span6 {

    width: 570px;

  }

  .span5 {

    width: 470px;

  }

  .span4 {

    width: 370px;

  }

  .span3 {

    width: 270px;

  }

  .span2 {

    width: 170px;

  }

  .span1 {

    width: 70px;

  }

/* WWWWWWWWWWWWWWWWWWWWWWWW */



  header div.search input.inputbox {

    width: 240px

  }

  div.wrap_1000 {

    max-width: 1230px;

  }

  .es-nav span.es-nav-next {

    right: -50px!important

  }

  .es-nav span.es-nav-prev {

    left: -50px!important

  }

  .es-nav {

    height: 1px!important;

    z-index: 101!important

  }

  #navigation-row nav ul.sf-menu > li > a {

    font-size: 16px;

    padding-left: 30px;

    padding-right: 30px;

  }

  #copyright-row ul.nav.menu.span12 li a {

    font-size: 16px;

  }

  .camera_caption strong {

      font-family: 'Open Sans', sans-serif;

  }

  #main {

    overflow: hidden;

  }

  .es-carousel ul li {

    margin-right: 18px!important

  }

  .thumbnails > li {

    width: 284px;

  } 

  div.bg-top-yellow {

    background-size: 1530px 400px

  }

  div.bg-bottom-yellow {

    background-size: 1415px 261px

  }



  #camera-slideshow {

    min-height: 110px;

  }



}





@media (max-width: 1199px) {



  #main {

    max-width: 1170px;

  }

  

  #navigation-row nav ul.sf-menu > li > a {

    font-size: 14px;

    padding-left: 25px;

    padding-right: 25px;

  }



  .footer-menu {

    padding-left: 50px;

    width: 460px

  }

  .footer-menu li {

    width: 200px;

  }



  #copyright ul.nav-child  {

    display: none;

  }



  #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;

  }



  #camera-slideshow {

    min-height: 120px;

  }



  .home .content-inner > div#component > *{

    padding-left: 0px;

    padding-right: 0

  }

  #blogview div.item img {

    float: left;

    margin-right: 25px

  }

  /* WWWWWWWWWWWWWWWWWWWW */

  #camera-slideshow .camera_fakehover {

    min-height: 555px;

    background: #000;



  }

  #gallery h5 {

    font-size: 16px;

    padding-bottom: 8px!important;

  }







  #copyright ul.nav-child  {

    display: none;

  }



  #main {

    overflow: hidden;

  }

  #carousel .es-nav span.es-nav-prev {

    left:-40px;

  }



  #carousel .es-nav span.es-nav-next {

    right:-40px;

  }



  .blog-featured .items-row .item h2.item-title {

    font-size: 24px;

    padding-top: 5px;

    padding-bottom: 5px

  }

  

  #navigation-row nav ul.sf-menu > li > a {}



  #camera-slideshow .camera_caption > div {

    top:120px;

    left:40px;

  }

  #content-bottom-left .moduletable{

    margin-bottom: 20px

  }



  #blogview div.item img {

    float: left;

    margin-right: 25px

  }

  .pull-left.item-image {

    margin-right: 5px;

    margin-bottom: 5px

  }



  h1 {

    font-size: 32px;

    padding-bottom: 10px;

  }

  .contact-miscinfo {

    overflow: hidden;

  }

  #camera-slideshow .camera_fakehover {

    min-height: 405px;

    background: #000;

  } 

  div.bg-top-yellow {

      background: url("../images/bg-top-big-yellow-2.png") no-repeat scroll 50% 0 transparent;

  }

  div.bg-bottom-yellow {

    background: url("../images/bg-bottom-big-yellow-2.png") no-repeat scroll 50% bottom transparent;

  }

  

  #carousel .es-nav {

    z-index: 999;

    height: 1px;

  }

  #content-bottom-left .moduletable {

    width: 650px

  }

 

}

@media (min-width: 980px) and (max-width: 1199px) {}

@media (min-width: 979px) {}

@media (max-width: 979px) {

  

  #main {

    max-width: 800px;

    overflow: hidden;

  }

  #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-wrapper-main h6 {

    font-size: 16px;

  }

div.es-carousel {

  //width: 720px;

  //margin-left: 22px;

  width: inherit;

  margin-left: 0;

}

.es-carousel ul li {

  width: 236px!important

}

  #feature-row .container {

    background: none

  }

  #carousel .es-nav span.es-nav-prev {

    left:-20px;

  }

  #carousel .es-nav span.es-nav-next {

    right:-14px;

  }

  .blog-featured {

    padding-top: 10px;

  }

  .es-carousel ul li {

    margin-left: 0px;

  }

  .es-carousel ul li img{

    width: 100%;

  }

  

  

  #navigation-row nav .sf-menu ul.sub-menu {

    padding-left:10px;

    padding-right: 10px;

    left:0px; 

  }



  #navigation-row nav .sf-menu ul.sub-menu li a {

    padding-left: 10px

  }

  #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;

  }



  #component + #aside-right > * {

      margin-left: 0px;

  }

  .contact-miscinfo {

    margin-left: -15px;

  }



  div.list.styled.custom-list {

    padding-right: 30px;

  }



  ul.list li {

    padding-right: 10px;

  }



  ul.list li a {

    font-size: 12px;

    line-height: 16px;

  }



  body.home #content-bottom-row {

    padding-bottom: 0

  }



  /* WWWWWWWWWWWWWWWWWWWWWWWWWW */



  div.bg-top-yellow {

      background: none;

  }

  div.bg-bottom-yellow {

    background: none;

  }

  header div.search input.inputbox {

    width: 150px;

  }

  #navigation-row nav ul.sf-menu > li > a {

    font-size: 14px;

    padding-left: 20px;

    padding-right: 20px;

    letter-spacing: 0;

  }

  #navigation-row nav ul.sf-menu > li{

    background: none;

  }

  #navigation-row nav ul.sf-menu > li.lastItem + li{

    display: none;

  }

  .camera_fakehover .camera_next {

    right: 0;

    top: 192px;

  }

  

  .camera_fakehover .camera_prev {

    right: 0;

    top: 230px;

  }

  .camera_caption h2 {

    font-size: 32px;

    line-height: 32px

  }



  .camera_caption span {

    font-size: 24px;

    line-height: 32px;

    font-weight: 400;

    font-style: normal;

  }

  .camera_caption em {

    font-size: 24px;

    line-height: 24px;

  }

  h5 {

    font-size: 18px;

    padding-bottom: 10px;

  }

  #gallery h5 {

    font-size: 16px;

    padding-bottom: 0

  }

  #copyright-row ul.nav.menu.span12 li a {

    padding-left: 20px;

    padding-right: 16px;

  }

  .custom .phone-num span {

    font-size: 24px;

  }

  .copy {

    padding-left: 30px;

  }

   #content-bottom-left .moduletable {

    width: 500px;

    margin-right: 20px

  }

  ul.thumbnails.isotope li.span3 {



  }



}

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width: 767px) {

  #main {

    max-width: 450px;

    overflow: visible;

  }

  #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;

  }

  .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%

  }





  #aside-left, #aside-right {

      padding-top: 0px;

      padding-left: 20px;

      padding-right: 20px;

  }

  

  .contact-miscinfo {

    margin-left: -5px;

  }

  .price tr:first-child > * {

    padding: 5px 8px;

    font-size: 12px;

  }

  .price tr td {

      padding: 5px 8px;

      font-size: 11px;



  }



  .wrap_table {
   width: 100%; 
   overflow-x: scroll 
  }
  .wrap_table table {
   width: 680px; 
  }


  /* WWWWWWWWWWWWWWWWWWWWWWWWW */



  header .moduletable .custom p {

    padding-top: 0;

    text-align: center;

    float: none;

  }

  header div.search {

    margin-top: 0;

  }

  div.es-carousel {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

  }

  .es-carousel ul li {

    width: 192px!important;

  }

  .blog-featured {

/*     padding-left: 20px;

  padding-right: 20px;

   */  }

  .blog-featured .items-row .item {

    width: 100%;

  }

  #copyright-row ul.nav.menu.span12 li + li {

    background: none;

  }

  #copyright-row ul.nav.menu.span12 li a {

    padding-left: 10px;

    padding-right: 10px;

    font-size: 16px;

    line-height: 28px;

  }

  #copyright-row,   #copyright-row ul.nav.menu.span12 {

    height: inherit;

  }

  #copyright-row ul.nav.menu.span12 {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .custom .phone-num span {

    letter-spacing: 0;

    font-size: 16px;

    font-weight: 400;

    width: inherit;

  }

  .custom .phone-num em {

    width: inherit;

    font-size: 16px;

    line-height: 32px;

  }

  .socials {

    left:12px;

    right: inherit;

  }

  .copy div p {

    padding-top: 50px;

  }

  .copy {

    padding-left: 20px;

  }

  h5 {

    font-size: 24px;

  }

  #content-bottom-left .moduletable {

    width: inherit;

    margin-right: 0px

  }

  #carousel .es-nav span.es-nav-prev {

    left:-20px;

  }

  #carousel .es-nav span.es-nav-next {

    right:-20px;

  }

  #component {

    padding-left: 20px;

    padding-right: 20px;

  }

  

}

/**/

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



@media (max-width: 481px) {

  #camera-slideshow .camera_fakehover {

    min-height: 280px;

  } 

  header .moduletable .custom p span {

    display: block;

    font-size: 14px;

  }

  .es-carousel h4 {

    font-size: 10px;

    display: none;

  }

  div.es-carousel {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

  }

  .es-carousel ul li {

    width: 125px!important;

  }

  #carousel .es-nav {

    top: 15px;

  }

  h5 {

    font-size: 14px;

    line-height: 20px;

  }

  .custom .phone-num span {

    width: 100%;

    float: none;

    text-align: center;

    display: block;

  }

  .custom .phone-num em {

    float: none;

    font-size: 20px;

  }

  .custom .phone-num {

    padding-top: 0;

    padding-bottom: 0;

  }



  #main {

    max-width: 300px;

  }

  #navigation-row div.custom p, #navigation-row div.custom p a {

    font-size: 14px;

    line-height: 20px

  }



  .es-carousel ul li {

    padding-left: 0;

  }



  .es-carousel-wrapper-main h6 {

    display: none;

  }



  #carousel .es-nav {

      bottom: 25px;

  }



  .footer-phone {

    margin-bottom: 50px

  }

  .blog-featured .items-row .item div.grid-3 {

    width: 32.8%;

  }

  .custom .phone-num span {

    font-size: 25px;

  }

  .copy {

    font-size: 11px;

  }

  .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;

  }

  #carousel .es-nav span.es-nav-prev {

    left: -5px;

  }

  #carousel .es-nav span.es-nav-next {

    right: -5px;

  }

  #content-row p.pull-left {

  float: none;

  }

}



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



@media (max-width: 320px) {

  header div.search input.inputbox {

    width: 108px;

  }

  header .moduletable .custom p span {

      display: block;

      font-size: 13px;

  }

  #camera-slideshow .camera_fakehover {

    min-height: 135px;

  }  

  #main {

    max-width: 240px;

    width: 240px;

  }

  .blog-featured .items-row .item div.grid-3 {

    width: 32.70%;

  }

  .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;

  }

  .footer-phone {

    font-size: 18px;

  }

  .footer-menu {

    width: 210px;

  }

  div.es-carousel-wrapper-main .es-carousel-wrapper {

    padding-top: 25px

  }



  .es-carousel ul li {

      width: 214px !important;

  }



  .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;

  }





} 



#navigation-row nav ul.sf-menu > li.lastItem + li {

  width:2px

}

.blog > h2 + div > div.span12, .blog > h2 + div + div > div.span12 {

  background:none!important;

  padding:0!important

}

.blog > h2 + div > div.span12 h2, .blog > h2 + div + div > div.span12 h2 {

  background:none!important;

  font-size:20px;

  line-height:24px;

  padding-bottom:10px;

color:#939191

}

.blog > h2 + div > div.span12 p, .blog > h2 + div + div > div.span12 p{

  color:#ccc!important

}

div.blog h2 {

  font-weight:400;

  color:#fff;

padding-top:0

}