/*

Theme Name:Liquid Lighting
Author:Smith Brothers Media
Version:1.0.0
Author URI:http://smithbrothersmedia.com.au
Description:This theme is developed by Smith Brothers Media.


*/


/* =========== TOOLS =========== */
body{ font-size:16px; }
/* --- OVERRIDING GUTTERS --- */

.container {
padding-right:!important;
padding-left:!important;
}

.row {
margin-right:!important;
margin-left:!important;
}

.row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1,
.row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2,
.row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3,
.row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4,
.row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5,
.row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6,
.row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7,
.row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8,
.row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9,
.row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10,
.row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11,
.row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
padding-right:!important;
padding-left:!important;
}

/* --- IMAGES (RESPONSIVE) --- */

.main img { display:block;max-width:100%;height:auto; }
.main img.alignleft { float:left;margin:0 20px 10px 0 ; }
.main img.alignright { float:right;margin:0 0 10px 20px ; }
.main img.aligncentre { margin:0 auto; }

/* --- VIDEO (RESPONSIVE) --- */

.videowrap {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-bottom:15px;
}

.videowrap iframe,
.videowrap object,
.videowrap embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* --- MAP (RESPONSIVE) --- */

.mapwrap {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-bottom:15px;
}

.mapwrap iframe,
.mapwrap object,
.mapwrap embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* --- SOCAL (RESPONSIVE) --- */

.socialwrap {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.socialwrap iframe,
.socialwrap object,
.socialwrap embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* --- GALLERY (RESPONSIVE) ---*/

.gallery {
  margin-right:-10px !important;
  margin-left:-10px !important;
}

.gallery .gallery-item {
  float:left;
  position:relative;
  min-height:1px;
  padding-right:10px;
  padding-left:10px;
}

.gallery-columns-8 .gallery-item {
  width:12.5%;
}

.gallery-columns-7 .gallery-item {
  width:14.2857142857%;
}

.gallery-columns-6 .gallery-item {
  width:16.6666666667%;
}

.gallery-columns-5 .gallery-item {
  width:20%;
}

.gallery-columns-4 .gallery-item {
  width:25%;
}

.gallery-columns-3 .gallery-item {
  width:33.3333333333%;
}

.gallery-columns-2 .gallery-item {
  width:50%;
}

.gallery-columns-1 .gallery-item {
  width:100%;
}

.gallery .gallery-item img {
  display:block;
  height:auto;
  max-width:100%;
  border:5px #efefef solid;
}

@media (max-width:768px) {

  .gallery .gallery-item {
  width:50%; /* Determines how many to show in a row */
  }

}

/* --- SOCIAL ICONS - BUTTONS --- */

.list-social {
  margin-left:0;
}

.list-social li {
  padding:0;
}

.btn-social {
  padding:0;
  margin:0;
  display:block;
  border:none;
  height:30px;
  width:30px;
  line-height:30px;
  text-align:center;
  text-shadow:0px 1px 1px rgba(0,0,0,0.45);
  border-radius:100% !important;
  font-size:2.5rem;
  color:#16A878;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active {
  color:#fff;
}

.btn-facebook {
  background:#16A878;
}

.btn-twitter {
  background:#2CAAE2;
}

.btn-google-plus {
  background:#DC4B31;
}

.btn-linkedin {
  background:#00659B;
}

.btn-youtube {
  background:#ED2400;
}

.btn-pinterest {
  background:#CE2021;
}

.btn-instagram {
  background:#6B5245;
}

/* --- WIDGETS - IMAGE --- */

.widget_simpleimage .panel-heading { display:none; }
.widget_simpleimage .panel-body { padding:0 !important; }
.widget_simpleimage p {margin:0;}
.widget_simpleimage img { display:block;max-width:100%;height:auto; }


/*

  --------- STYLES - Global ---------
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {
   color: #fff;
}


  green-light                  #79DEBD

  primary                      :16A878    -- Accessible for large fonts
  primary-acessible            :128760
  primary-dark                 :0D6648

  green-hover                  #494D54




  -- buttons --

  green                        #16A878
  green:hover                  #128760


  grey                         #696D74
  grey:hover                   #454950

*/

/* --- PAGE --- */

body                                                                           { font-family:'Lato', sans-serif; }
.wrap                                                                          { } 

/* --- LINKS --- */

a                                                                              { color:#128760; text-decoration:underline; }
a:hover, a:focus                                                               { color:#128760; text-decoration:none; }

/* --- BUTTONS --- */

.btn {

}

.btn-xs {

}

.btn-sm {

}

.btn-default {

}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {

}

.btn-action                                                                    { background:rgba(22,168,120,0.8); color:white; }

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
  background:white;
  color:red;
}

/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {

}

h1 {
  margin-top:0;
}

/* --- LEAD --- */

.lead {

}

/* --- WELL --- */

.well {
  -webkit-box-shadow:none;
  box-shadow:none;
}

/* --- FORMS --- */

.form-group {
  margin-bottom:10px;
}

.form-group .form-control {

}

.form-group .form-control:focus {
  border-color:;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.form-group textarea.form-control {
  height:100px;
}

/* --- WELL - TESTIMONIALS --- */

.list-testimonial li {
  margin-bottom:20px;
}

.well-testimonial .fa {
  display:block;
  text-align:right;
  font-size:60px;
}

.well-testimonial .review {
  font-style:italic;
  display:block;
  margin-bottom:15px;
}

.well-testimonial .author {
  font-weight:bold;
}

/* --- LIST - TICKS --- */

.list-ticks li {

}

.list-ticks li i {

}


/*

    STYLES - Sections


*/

/* --- HEADER --- */

.logo                                                                          { margin:20px 0; width:100%; transition:all 0.5s ease; }

.quickcontact                                                                  { margin-top:40px; }

/* --- BANNER --- */

.banner                                                                        { height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; clear:both; }

/* --- SLIDER --- */
.slide .custom-bg                                                              { width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
  .slide .carousel-caption                                                     { padding-top:33rem; max-width:50%; left:0; position:relative; right:auto; text-align:center; }
    .slide .carousel-caption h2                                                { margin-bottom:0.8rem; font-size:3.4rem; font-weight:700; text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); -webkit-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); -moz-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); }
    .slide .carousel-caption p                                                 { font-size:2.6rem; color:#79DEBD; }
  .slide .btn-full-width                                                       { width:100%; text-align:center; font-size:24px;  padding:6px 0px 2px 0px; line-height:normal; margin-bottom:5px;}
  .slide .carousel-control.left, .slide .carousel-control.right                { background-image:none; -webkit-background-image:none; -moz-background-image:none;}

.carousel-indicators                                                           { bottom:80px; }
  .carousel-indicators .active                                                 { background-color:#16A878; }
  .carousel-indicators li                                                      { border:1px solid #16A878; background-color:#fff; }

.jump_content                                                                  { position:absolute; display:block; left:50%; bottom:0; width:50px; margin-left:-25px; padding:10px 0; color:#555; background-color:rgba(255,255,255,0.4); font-size:2.5rem; text-align:center; border:0; border-radius:5px 5px 0 0; transition:all 0.2s ease; z-index:1; }
  .jump_content:hover, .jump_content:active                                    { color:#555; padding:20px 0; background-color:rgba(255,255,255,0.8); }

/* --- ICONS --- */
.sbm-icon                                                                      { position:relative; display:inline-block; margin:10px 0 0; width:30px; height:30px; font-size:2.6rem; color:#FFF; border:2px solid #FFF; border-radius:50%; font-style:normal; font-weight:900; }
.sbm-plus-circle:before                                                        { position:absolute; left:0; top:0; content:"+"; width:100%; line-height:98%; text-align:center; }



/* --- SHOWCASE --- */
.showcase                                                                      { padding:0; background-color:#333; }
  .showcase .showcasewrap .row > div                                           { position:relative; padding:0; border-bottom:1px solid #FFF; overflow:hidden; }
    .showcase .showcasewrap .row > div a                                       { display:block; text-decoration:none; }
  .showcase .front                                                             { position:relative; left:0; top:0; padding-top:10px; width:100%; height:100%; z-index:5; text-align:center; transition:top 0.4s ease; }
    .showcase .front img                                                       { width:15%; }
    .showcase h3.title                                                         { margin:2px 0 0; font-size:2.8rem; font-weight:900; text-transform:uppercase; color:#FFF; }
    .showcase i                                                                { display:none; }
  .showcase .back                                                              { position:relative; left:0; top:0; padding:10px 10% 0; font-size:1.7rem; color:#FFF; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.4); transition:top 0.4s ease; z-index:5; }
    .showcase .back p:last-child                                               { color:#A7E2CE; font-style:italic; }
    .showcaseimage                                                             { position:absolute; top:0; width:100%; height:225px; background:no-repeat center; background-size:cover; opacity:0.4; z-index:1; }
  .showcase .showcaseclickwrap:hover .front                                    { top:-230px; }
  .showcase .showcaseclickwrap:hover .back                                     { top:0; }

  
/* --- TESTIMONIAL --- */
.testimonial .carousel-caption                                                 { position:relative; left:auto; right:auto; background-color:transparent; line-height:1.6; text-shadow:none; color:#444;}

/* --- MAIN --- */

.content                                                                       { padding:20px 0px; background-color:#fff; }
  .content h2                                                                  { font-size:2.2rem; }

.fancybox-title                                                                { padding:0 0 10px 0; }

/* --- CONTACT FORM --- */

.gform_wrapper ul li.gfield,
.gform_wrapper .gform_body li.gfield.gfield_error                              { margin:0 !important; }

.gform_body ul.gform_fields                                                    { margin:0px; padding:0px; }
.gform_body ul.gform_fields li                                                 { list-style-type:none; padding:3px 0px; margin:0px; }
.gform_body ul.gform_fields li label                                           { margin:0px; display:none; }
body .gform_wrapper .top_label div.ginput_container                            { margin-top:0 !important; }

.gform_body ul.gform_fields .gfield_radio                                      { margin:0 !important; padding-left:3px; }
  .gform_body ul.gform_fields .gfield_radio li                                 { margin:2px 0 1px; padding:5px 10px !important; color:#FFF !important; background-color:#767676; border:0 !important; }
  .gform_body ul.gform_fields .gfield_radio li:nth-of-type(3n-2)               { border-radius:3px 0 0 3px; }
  .gform_body ul.gform_fields .gfield_radio li:nth-of-type(3n)                 { border-radius:0 3px 3px 0; }
    .gform_body ul.gform_fields .gfield_radio li label                         { padding-left:0.5rem; font-size:1.2rem; font-weight:400; line-height:2.2; white-space:nowrap; }
    .gform_body ul.gform_fields .gfield_radio li input[type=radio]             { margin-top:0; }

  .gform_body ul.gform_fields .ginput_container_checkbox                       { margin-top:0 !important;   }
  .gform_body ul.gform_fields .gfield_checkbox                                 { width:100% !important; margin-top:0; padding:0 2px; }
    .gform_body ul.gform_fields .gfield_checkbox li                            { margin:0; padding:5px 10px !important; color:#FFF !important; background-color:#767676; border:0 !important; }
      .gform_body ul.gform_fields .gfield_checkbox li label                    { padding-left:0.5rem; font-size:1.2rem; font-weight:400; line-height:2.2; }
      .gform_body ul.gform_fields .gfield_checkbox li input[type=checkbox]     { margin-top:0; }

.gform_body ul.gform_fields li input[type=text],
.gform_body ul.gform_fields li select                                          { width:100%; border:1px solid #ddd; padding:5px; height:38px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:inset 1px 1px 2px #eee; -webkit-box-shadow:inset 1px 1px 2px #eee; -moz-box-shadow:inset 1px 1px 2px #eee; }
.gform_body ul.gform_fields li input[type=text]:focus,
.gform_body ul.gform_fields li select:focus,
.gform_body ul.gform_fields li textarea:focus                                  { outline:none; box-shadow:inset 1px 1px 2px #e5e5e5; -webkit-box-shadow:inset 1px 1px 2px #e5e5e5; -moz-box-shadow:inset 1px 1px 2px #e5e5e5; }
.gform_body ul.gform_fields li textarea                                        { width:100%; border:1px solid #ddd; padding:5px;border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;box-shadow:inset 1px 1px 2px #eee; -webkit-box-shadow:inset 1px 1px 2px #eee; -moz-box-shadow:inset 1px 1px 2px #eee; height:100px; }
.gform_footer input.gform_button                                               { background-color:#444; color:#fff; font-size:14px; border:none; padding:5px 15px; }

/* --- ASIDE --- */
.aside .panel                                                                  { }
.aside .panel-heading                                                          { }
.aside .panel-body                                                             { }

/* --- PANEL --- */
.panel                                                                         { }
  .panel .panel-heading                                                        { }
  .panel .panel-body                                                           { padding:15px 0; }

/* --- ACCORDION --- */
#accordion                                                                     { text-align:left; }
  #accordion .panel                                                            { border:0; box-shadow:none; }
  #accordion .panel .panel-heading a                                           { background-color:#696d74; }
  #accordion .panel:nth-child(2n) .panel-heading a                             { background-color:#16A878; }
  #accordion .panel-heading                                                    { padding:0; }
    #accordion .panel-heading a                                                { display:block; padding:1rem 2rem; text-decoration:none; color:#FFF; background:url(assets/images/interface/chevron-up.png) right 20px center no-repeat; }
    #accordion .panel-heading a.collapsed                                      { background-image:url(assets/images/interface/chevron-down.png); }
      #accordion .panel-heading a h3                                           { margin:0; font-size:2rem; text-align:left; }

/* --- Animations --- */
@-webkit-keyframes spinY                                                       { 100% { -webkit-transform:rotateY(180deg); } }
@keyframes spinY                                                               { 100% { transform:rotateY(180deg); } }


/* --- Lists --- */
.col-list-1 ul li                                                              { width:100%; margin-left:0.5%; margin-right:0.5%; text-align:left; }
.col-list-2 ul li                                                              { width:49%; margin-left:0.5%; margin-right:0.5%; }
  .col-list-2 ul li:nth-child(2n+1)                                            { clear:left; }
.col-list-3 ul li                                                              { width:49%; margin-left:0.5%; margin-right:0.5%; }
  .col-list-3 ul li:nth-child(2n+1)                                            { clear:left; }
.col-list-3.no-gaps ul li                                                      { width:33.3333%; margin:0; }
.col-list-4 ul li                                                              { width:24%; margin-left:0.5%; margin-right:0.5%; }

.icon-list ul                                                                  { margin:0; padding:0; list-style:none; font-size:1.6rem; }
.icon-list ul:after                                                            { clear:both; content:" "; display:table; }
  .icon-list ul li                                                             { float:left; margin:1.2rem 0; padding:0 0 0 4rem; background:url(assets/images/list-icon.png) no-repeat center left; }

.image-list ul                                                                 { margin:0; padding:0; list-style:none; }
.image-list ul:after                                                           { clear:both; content:" "; display:table; }
  .image-list ul li                                                            { position:relative; float:left; text-align:center; }
    .image-list ul li a                                                        { position:relative; display:block; }
      .image-list ul li img                                                    { position:relative; max-width:100%; z-index:1; }
  .image-list ul li .sbm-icon                                                  { position:absolute; display:inline-block; margin:0 auto; z-index:2; background-color:rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.4); transition:all 0.5s ease; }
    .image-list ul li a:hover .sbm-icon                                        { -webkit-animation:spinY 0.7s forwards; animation:spinY 0.7s forwards; }
.image-list.col-list-3 ul li:nth-child(2n+1)                                   { clear:none; }
.image-list.col-list-3 ul li:nth-child(3n+1)                                   { clear:left; }


/* --- Image Grid List --- */
.image-grid .col-list-2 ul li                                                  { width:50%; margin:0; }
.image-grid .col-list-3 ul li                                                  { width:33.3333%; margin:0; }
.image-grid .col-list-4 ul li                                                  { width:25%; margin:0; }

.image-grid                                                                    { padding:0; background-color:#50555D; }
  .image-grid .image-list                                                      { padding:0; }
  .image-grid ul li                                                            { background:url() center no-repeat; background-size:cover; opacity:0.4; }
    .image-grid ul li a                                                        { height:80px; background:url(assets/images/logo-white-50.png) center no-repeat; overflow:hidden; opacity:0.8; }
      .image-grid ul li a img                                                  { opacity:0.4; transition:all 0.2s ease; }
        .image-grid ul li a:hover img, .image-grid ul li a:focus img           { opacity:0.8; }


/* -- Bottom Area --*/
.bottom-wrap                                                                   { padding:40px 0px; background-color:#e5e5e5; }


/* --- FOOTER --- */
.footer                                                                        { padding:20px 0px; font-size:12px; color:#FFF; background-color:#50555D; }
  .footer_container                                                            { }
  .footer .logo-footer                                                         { padding-top:30px; text-align:center; }
    .footer .logo-footer p                                                     { margin-top:2rem; }
    .footer .logo-footer p:last-of-type                                        { margin-top:1rem; }
  
  .footer a                                                                    { color:#FFF; }
  .footer a.btn-social                                                         { color:#16A878; }
  .footer .latest-blogs ul                                                     { margin:0; padding:0; list-style:none; }


    .footer .latest-blogs li                                                   { position:relative; float:left; margin-right:2%; width:49%; }
    .footer .latest-blogs li:last-child                                        { margin-right:0; }
      .footer .latest-blogs li a                                               { position:relative; display:block; width:100%; height:182px; color:#353A43; border:1px solid #777; overflow:hidden; }
      .footer .latest-blogs li a:hover, .footer .latest-blogs li a:focus       { box-shadow:0 0 10px rgba(22,168,120,1); }



        .footer .latest-blogs li a > div                                       { position:absolute; left:0; bottom:0; padding:10px; background-color:rgba(255,255,255,0.9); z-index:2; }
        .footer .latest-blogs li h2                                            { margin:0; font-size:1.4rem; border:0; color:#50555D; }
        .footer .latest-blogs li p                                             { margin:0; font-size:1.3rem; }
        .footer .latest-blogs li img                                           { position:relative; margin-top:-20px; }
  .footer h2                                                                   { padding-bottom:5px; font-weight:700; font-size:1.8rem; color:#FFF; border-bottom:3px solid #16A878; }
  .footer p                                                                    { margin:0 0 1.2rem; font-size:1.4rem; }
    .footer p span                                                             { color:#16A878; }
  .footer .footer-contacts                                                     { text-align:center; }
    .footer .footer-contacts h2                                                { text-align:left; }
    .footer .footer-contacts img                                               { margin-top:65px; }
  .footer-contacts > div                                                       { padding:0; }
  .footer #map                                                                 { display:block; height:180px; background:url(assets/images/map.png) center no-repeat; }
  /*https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple*/

/* Mobile Navigation */
.navmenu                                                                       { background-color:#F1F1F1; border-right:1px solid #CCC; box-shadow:2px 0 10px rgba(0,0,0,0.2); }
  .navmenu .navmenu-header                                                     { background-color:#0D6648; }
    .navmenu .navmenu-header .navbar-toggle                                    { float:none; margin:0; padding:1.5rem; width:100%; font-size:2rem; color:#FFF; text-align:left; background:url(assets/images/interface/menu-arrow.png) right 15px center no-repeat; }
  .navmenu .nav                                                                { box-shadow:0 0 10px rgba(0,0,0,0.2); }
  .navmenu a                                                                   { text-decoration:none; border-bottom:1px solid #CCC; }
    .navmenu .menu-item                                                        { background-color:#FFF; }
    .navmenu .menu-item.active                                                 { background-color:rgba(18,135,96,0.1); } /**/
    .navmenu .current-menu-item a                                              { color:#FFF !important; background-color:#128760 !important; }

  .navmenu .sub-menu                                                           { margin:0; padding:0; list-style:none; }
    .navmenu .sub-menu .menu-item a                                            { display:block; padding:10px 15px 10px 35px; background:url(assets/images/interface/list-arrow.png) 2rem center no-repeat; border-bottom:1px solid #CCC; font-style:italic; }
    .navmenu .current-menu-item .sub-menu .menu-item a                         { color:#128760 !important; background-color:rgba(18,135,96,0.1) !important; } /* Sub-item of selected */
    .navmenu .sub-menu .current-menu-item a                                    { background-image:url(assets/images/interface/list-arrow-selected.png) !important; }

  .navmenu .navmenu-footer                                                     { border-bottom:0; }


/* Full Width */
  .banner                                                                      { position:relative;  }
    .banner img                                                                { width:100%; }
    .banner .container                                                         { position:relative; }
    .banner .contentwrap                                                       { position:relative; left:0; bottom:0; min-width:50%; color:#FFF; background-color:rgba(41,123,166,0.7); }
      .banner .contentwrap .main                                               { padding:15px 30px 10px; }
        .banner .contentwrap .main h1                                          { margin-bottom:0; text-transform:uppercase; font-size:3rem; text-shadow:0 1px 2px rgba(0,0,0,0.4); }
        .banner .contentwrap .main p                                           { font-size:2rem; text-shadow:0 1px 2px rgba(0,0,0,0.4); }
  .content.main, .content.default                                              { padding-top:10px; }


/* Gravity Forms */
  .gform_container                                                             { } /* padding:20px; background-color:#11406C; } */
    .gform_inner                                                               { background-color:#C1C1C4; }
      .gform_wrapper                                                           { margin:0 !important; }
      .gform_wrapper .gform_heading                                            { position:relative; margin-bottom:0 !important; z-index:2; }
      .gform_wrapper h3.gform_title                                            { margin:0 !important; padding:1rem 2rem; font-size:3.5rem !important; font-weight:900; color:#0D6648; background-color:#C1C1C4; }
      .gform_wrapper .gform_body                                               { width:94% !important; margin:0 3%; }
      .gform_wrapper ul li.gfield                                              { margin:0 !important; padding:0 !important; }
      .gform_wrapper .gfield_label                                             { display:none !important; }
      .gform_wrapper input[type=text], .gform_wrapper textarea,
      .gform_wrapper select                                                    { padding:5px 10px !important; color:#50555d !important; border:1px solid #C1C1C4 !important; }
      
      .gform_wrapper .gfield_radio li                                          { float:left; width:33.3333%; }

      .gform_wrapper .validation_error                                         { position:relative; top:0; margin-bottom:0 !important; padding:5px 0 !important; font-size:12px !important; border:0 !important; color:#FFF !important; background-color:#900; z-index:1; }
      .gform_wrapper .gfield_error                                             { border:0 !important; }
      .gform_wrapper .gfield_error textarea                                    { border:1px solid #790000 !important; }
      .gform_wrapper .gfield_error .gfield_description                         { padding:0 !important; }
      .gform_wrapper .gfield_error .validation_message                         { display:none; color:#900 !important; }
      .gform_footer                                                            { margin:0 !important; padding:0 0 0.6rem 0 !important; text-align:center; }
        .gform_footer .gform_button                                            { margin:0 !important; width:94% !important; font-size:2rem !important; background-color:#16A878 !important; border-radius:7px; }
        .gform_footer .gform_button:hover, .gform_footer .gform_button:focus   { background-color:#128760; }
      .gform_confirmation_wrapper                                              { margin-top:10px; padding:20px; min-height:290px; color:#333; font-size:1.6rem; }

  .parallax                                                                    { height:100%; background:url(assets/images/background-light.jpg) center no-repeat fixed; background-size:cover; }


/* Home : Main */
  .main, .default                                                              { font-size:1.6rem; }
    .main h1                                                                   { font-weight:700; }
  .intro-content                                                               { padding-top:1rem; font-size:1.6rem; }
    .intro-content .intro                                                      { margin-bottom:2rem; line-height:1.5; font-weight:700; color:#0D6648; }
    

/* Home : Company Description */
  .company_description                                                         { background-color:#FFF; font-size:1.6rem; }
    .company_description h2                                                    { font-size:2.6rem; font-weight:700; color:#16A878; }
    .company_description .describe_left                                        { }
    .company_description .describe_right                                       { }
    .describe_buttons                                                          { text-align:center; }
      .describe_buttons a                                                      { display:inline-block; margin-top:10px; margin-bottom:20px; padding:5px; width:100%; color:#FFF; background-color:#16A878; border-radius:5px; text-decoration:none; text-align:center; }
        .describe_buttons a:last-of-type                                       { margin-top:0; background-color:#696D74; }
        .describe_buttons a:hover, .describe_buttons a:focus                   { background-color:#128760; }
        .describe_buttons a:last-of-type:hover,
        .describe_buttons a:last-of-type:focus                                 { background-color:#454950; }

/* Secondary */
  .secondary                                                                   { padding:0;  }
    .secondary .banner                                                         { background-color:#282732; overflow:hidden; }
      .secondary .banner > div                                                 { position:relative; margin:0 auto; padding:0; width:100%; }
      .secondary .banner > div img                                             { height:240px; }
        .secondary .banner > div:before                                        { content:" "; position:absolute; left:0; top:0; width:150px; height:300px;
                                                                                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282732+0,282732+100&1+0,0+100 */
                                                                                  background: -moz-linear-gradient(left,  rgba(40,39,50,1) 0%, rgba(40,39,50,0) 100%); /* FF3.6-15 */
                                                                                  background: -webkit-linear-gradient(left,  rgba(40,39,50,1) 0%,rgba(40,39,50,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                  background: linear-gradient(to right,  rgba(40,39,50,1) 0%,rgba(40,39,50,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282732', endColorstr='#00282732',GradientType=1 ); /* IE6-9 */
                                                                               }
        .secondary .banner > div:after                                         { content:" "; position:absolute; right:0; top:0; width:150px; height:300px;
                                                                                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282732+0,282732+100&0+0,1+100 */
                                                                                  background: -moz-linear-gradient(left,  rgba(40,39,50,0) 0%, rgba(40,39,50,1) 100%); /* FF3.6-15 */
                                                                                  background: -webkit-linear-gradient(left,  rgba(40,39,50,0) 0%,rgba(40,39,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                  background: linear-gradient(to right,  rgba(40,39,50,0) 0%,rgba(40,39,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00282732', endColorstr='#282732',GradientType=1 ); /* IE6-9 */
                                                                               }
    .secondary .container                                                      { position:relative; }
      .secondary h1                                                            { position:absolute; left:25px; top:-100px; font-size:2.6rem; color:#FFF; text-shadow:0 0 10px rgba(0,0,0,1); }
        .secondary p.byline  ,.secondary .byline                                                    { position:absolute; left:25px; top:-60px; color:#79DEBD; font-size:2.2rem; font-weight:400; text-shadow:1px 1px 3px rgba(0,0,0,0.8); }

/* Footer : We cater to */
  .cater_to                                                                    { padding-top:0; color:#FFF; background-color:#50555D; }
    .cater_to h2                                                               { margin-top:0; }
    .cater_to .icon-list ul                                                    { margin:1rem 0 2rem; font-size:1.4rem; font-style:italic; }
    .cater_to p                                                                { font-style:italic; }

/* Footer : Specialists */
  .specialists                                                                 { padding:20px 0; font-size:2.6rem; font-weight:700; color:#FFF; background-color:#4E4E4E; text-align:center; }
    .specialists #top_button                                                   { position:absolute; right:25px; bottom:-45px; width:50px; height:50px; color:#FFF; border-radius:50%; border:0; background-color:rgba(162,160,165,0.7); transition:all 0.4s ease; }
    .specialists #top_button:hover, .specialists #top_button:focus             { color:#16A878; background-color:#FFF; } /*-webkit-transform:rotateY(180deg); transform:rotateY(180deg); }*/
      .specialists #top_button i                                               { position:relative; top:-3px; }


/* Blog */
  .list-archives                                                               { margin-top:1rem; }
    .list-archives li                                                          { float:left; margin:0 0 1rem 2%; width:49%; background-color:#500; overflow:hidden; border:1px solid #CCC; }
    .list-archives li:nth-child(2n-1)                                          { margin:0; }
      .list-archives li a                                                      { position:relative; display:block; width:100%; height:285px; color:#353A43; box-shadow:0 0 10px rgba(204,204,204,0.8); }
      .list-archives li a:hover, .list-archives li a:focus                     { box-shadow:0 0 10px rgba(22,168,120,1); }
      .list-archives li a > img                                                { width:auto; height:100%; max-width: none; left: -46px;  position: relative;}
      .list-archives li a > div                                                { position:absolute; left:0; bottom:-38px; padding:5px 10px 48px; font-size:1.4rem; text-align:left; z-index:2; background:url(assets/images/interface/arrow-right-green.png) no-repeat right 10px bottom 10px rgba(255,255,255,0.9); transition:bottom 0.2s ease; }
      .list-archives li a:hover > div                                          { bottom:0; }
        .list-archives li a > div h2                                           { margin:20px 0 0; font-size:2rem; }
        .list-archives li a > div p                                            { margin-bottom:0; }
        .list-archives li a > div p.date                                       { position:absolute; left:10px; top:5px; font-size:1.6rem; color:#128760; }

  .blog-posted                                                                 { color:#767676; }



/* --- Image Side List --- */
.image-side                                                                    { padding:0; }
  .image-side ul                                                               { }
    .image-side ul li                                                          { margin:0; width:33.3333%; }
      .image-side ul li i                                                      { left:39%; top:32%; }

  .image-side a.btn                                                            { display:inline-block; margin:0.3rem 1% 0 0; padding:5px; width:49.5%; color:#FFF; background-color:#16A878; border-radius:5px; text-decoration:none; text-align:center; }
    .image-side a.btn:hover, .image-side a.btn:hover                           { background-color:#128760; }
    .image-side a.btn:last-child                                               { margin-right:0; background-color:#696D74; }
      .image-side a.btn:last-child:hover, .image-side a.btn:last-child:hover   { background-color:#494D54; }



/* --- Residential --- */
.discuss-list                                                                  { font-size:1.6rem; }
  .discuss-list ol                                                             { margin:0; padding:0; list-style-type:none; counter-reset:discuss-counter; }
    .discuss-list ol li                                                        { margin-bottom:40px; counter-increment:discuss-counter; }
      .discuss-list ol li p                                                    { padding:0; }
      .discuss-list ol li p:first-child                                        { margin-bottom:0; padding-top:40px; font-size:1.8rem; }
        .discuss-list ol li p:first-child:before                               { position:absolute; left:36%; top:-20px; display:inline-block; padding-top:38px; content:counter(discuss-counter); width:28%; height:58px; background:url(assets/images/logo-green.png) no-repeat; text-align:center; }


/* --- Mods --- */
  .no-margin                                                                   { margin:0 !important; }
  .no-margin-top                                                               { margin-top:0 !important; }
  .no-padding                                                                  { padding:0 !important; }
  .no-padding-top                                                              { padding-top:0 !important; }


/*

    X SMALL - ONLY (Phone)


*/
/* Magic number? */
@media (min-width:641px) and (max-width:767px) {
  .gform_wrapper .gfield_radio li:nth-of-type                                  { width:32.333%; }
}

@media (max-width:767px) {

  body                                                                         { margin-top:0 !important; }

  /* --- NAVIGATION --- */
  .navigation                                                                  { position:absolute; width:100%; }
  .navbar                                                                      { position:relative; margin-bottom:0; min-height:110px; background:rgba(80,85,93,0.8); color:#F2F2F2; z-index:1020; }
    .navbar a                                                                  { color:#F2F2F2; }
    .navbar .navbar-brand                                                      { position:relative; left:35%; width:35%; height:auto; }
      .navbar .navbar-brand img                                                { max-width:100%; }
    .navbar .navbar-toggle                                                     { position:absolute; left:0; top:20px; margin-left:15px; border-color:#ddd; background:#F2F2F2; }
      .navbar .navbar-toggle .icon-bar                                         { background-color:#666666; }
      .navbar .navbar-toggle:focus                                             { border-color:#cccccc; background:#cccccc; color:#F2F2F2; }
    .navbar .nav>li>a:hover, .navbar .nav>li>a:focus                           { text-decoration:none; background-color:#cccccc; color:#666666; }
    .navmenu-footer                                                            { position:absolute; bottom:7px; width:100%; text-align:center; color:#888; font-style:italic; }

  /* Second Level */
  .sub-menu {
    display:block;
  }

  /* --- HEADER --- */
  .logo img                                                                    { margin:0 auto; }
  .presstocall                                                                 { padding:0; }
    .btn-presstocall                                                           { position:absolute; padding:10px 20px; font-size:20px; border-radius:0 0 4px 4px; z-index:2; }
  .slide .carousel-caption                                                     { max-width:none !important; }
  /* --- CONTENT --- */
  .main { margin-bottom:20px; }
  .col-sm-12.image-side                                                        { padding:0 15px; }

}

/*

    SMALL - UP (Tablet + Desktop + Large Desktop)


*/
@media (min-width:768px) {
  /* Global */
  .quickcontact                                                                { margin:15px 0 0; padding:0; list-style-type:none; font-size:1.6rem; font-weight:700; text-align:right; transition:all 0.2s ease; }
    .quickcontact a                                                            { margin-left:1rem; color:#16A878; text-decoration:none; font-style:italic; }
    .quickcontact a:hover, .quickcontact a:focus                               { color:#16A878; text-decoration:underline; }
  .navigation                                                                  { text-align:right; }
  .navigationwrap                                                              { margin-top:30px; text-align:right; transition:all 0.2s ease; }
  .navbar                                                                      { margin-bottom:0px; min-height:40px; border-radius:0; z-index:70; }
  .navbar a                                                                    { text-decoration:none; transition:all 0.2s ease; }

  /* Second Level */
  .navbar-nav ul.sub-menu                                                      { display:none; position:absolute; top:100%; left:0; padding:0; margin:0; list-style:none; box-shadow:0px 2px 3px rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.3); }
  .navbar-nav ul.sub-menu li                                                   { position:relative; float:left; min-width:200px; background-color:rgba(102,102,102,0.7); border-top:1px solid rgba(255,255,255,0.3); }
  .navbar-nav ul.sub-menu li a                                                 { display:block; padding:5px 10px; color:#FFF; background-color:transparent; text-align:left; }
  .navbar-nav ul.sub-menu li a:hover                                           { color:#79DEBD; background:rgba(0,0,0,0.2) }
  .navbar-nav li:hover > ul.sub-menu                                           { display:block; } /* What makes it display */

  /* Primary Nav */
  .primary-nav                                                                 { }
  .primary-nav .navbar-nav                                                     { display:inline-block; float:none; }
  .primary-nav .navbar                                                         { display:inline-block; }
  .primary-nav .btn                                                            { margin:4px 0 0 10px; vertical-align:top; border-radius:10px; }
  .primary-nav .navbar-nav>li                                                  { }
    .primary-nav .navbar-nav>li a                                              { padding:5px 7px; color:#FFF; font-size:1.4rem; font-weight:700; text-shadow:1px 1px 5px rgba(34, 34, 34, 0.9); -webkit-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); -moz-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); }
    .primary-nav .navbar-nav>li a:hover, .primary-nav .navbar-nav>li a:focus   { color:#79DEBD; background: rgba(102,102,102,0.7); }
  .primary-nav .navbar-nav>li.current-menu-item > a                            { color:#79DEBD; }

  .primary-nav .navbar-fixed-top                                               { z-index:1031; }
  .primary-nav .primary-nav                                                    { margin-top:0; }

  /* --- HEADER --- */

  .header                                                                      { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+100&0.65+0,0+100 */
                                                                                 background-color:rgba(50,50,50,0); transition:all 0.5s ease;
                                                                                 background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
                                                                                 background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aFF33333', endColorstr='#00333333',GradientType=0 ); /* IE6-9 */
                                                                               }
  .header.drop-shadow                                                          { position:fixed; display:none; top:146px; width:100%; z-index:1030; background-color:transparent;  transition:all 0.2s ease; }

  .alt-header .quickcontact                                                    { margin:45px 0 0; }
  .alt-header .logo                                                            { margin:50px 0 0; }
  .banner .contentwrap                                                         { position:absolute; }

  .gform-home                                                                  { position:relative; z-index:1030; }
    .gform-home > div                                                          { position:absolute; }
      .gform-home .gform_container                                             { padding-top:128px; }

  /* --- HOME --- */
  .content.main                                                                { padding-top:0; }
  .main                                                                        { text-align:center; }
  .slide .carousel-caption                                                     { padding-top:33rem; left:50%; text-align:left; }
  .secondary h1                                                                { font-size:3rem; }
  .intro-content .intro                                                        { font-size:1.8rem; }

  /* --- CONTENT --- */
  .describe_buttons a                                                          { margin-top:10px; margin-bottom:20px; width:140px; }
    .describe_buttons a:last-of-type                                           { margin-top:10px; margin-left:1.5rem; }

  .image-grid ul li a                                                          { height:160px; }

  .discuss-content                                                             { margin-top:20px; }

  /* Form */
  .gform_wrapper .gfield_radio li:nth-of-type(3n-2)                            { width:30.7%; }
  .gform_wrapper .gfield_radio li:nth-of-type(3n-1)                            { width:30.7%; }
  .gform_wrapper .gfield_radio li:nth-of-type(3n)                              { width:33.7%; }

}

/*

    MEDIUM - UP (Desktop + Large Desktop)


*/
@media (min-width:993px) {

  /* --- Sticky Footer --- */ 
  html, body                                                                   { height:100%; }
  .wrap                                                                        { min-height:100%; padding-bottom:860px; } 
  .cater_to                                                                    { height:480px; }
  .specialists                                                                 { min-height:80px; }
  .footer                                                                      { margin-top:-840px; }
  .footer_container                                                            { height:840px; }

  /* Header */
  .navigationwrap.alt-header                                                   { margin-top:5px; }
  .alt-header .header                                                          { background-color:rgba(50,50,50,0.7); }
  .alt-header .logo                                                            { margin:10px 0; width:60%; }
  .alt-header .quickcontact                                                    { margin:15px 0 0; }

  /* Primary Nav */
  .primary-nav .primary-nav                                                    { margin-top:30px; }
  .primary-nav .navbar-nav>li a                                                { padding:10px 7px; }
  .alt-header .primary-nav                                                     { margin-top:5px; }


  /* --- Image Grid List --- */
  .image-grid .col-list-2 ul li                                                { width:50%; margin:0; }
  .image-grid .col-list-3 ul li                                                { width:33.3333%; margin:0; }
  .image-grid .col-list-4 ul li                                                { width:25%; margin:0; }

  .image-grid                                                                  { padding:0; background-color:#50555D; }
    .image-grid .image-list                                                    { padding:0; }
    .image-grid ul li                                                          { }
      .image-grid ul li a                                                      { height:240px; background-image:url(assets/images/logo-white.png); }
        .image-grid ul li a img                                                { opacity:0.4; transition:all 0.2s ease; }
          .image-grid ul li a:hover img, .image-grid ul li a:focus img         { opacity:0.8; }


  /* --- Lists --- */
  .col-list-3 ul li                                                            { width:32%; }
    .col-list-3 ul li:nth-child(2n+1)                                          { clear:none; }
    .col-list-3 ul li:nth-child(3n+1)                                          { clear:left; }
    .image-side ul li                                                          { margin:0; width:33.3333%; }

  /* --- Image Side List --- */
  .image-side ul li i                                                          { left:44%; top:36%; }


  /* Home : Company Description */
    .company_description                                                       { }
      .company_description .describe_right                                     { /* padding-top:58px; */ }
    .describe_buttons                                                          { }
      .describe_buttons a                                                      { margin-top:20px; margin-bottom:0; }


  /* --- SHOWCASE --- */
  .showcase                                                                    { }
    .showcase .showcasewrap .row                                               { margin:0; }
    .showcase .showcasewrap .row > div                                         { float:left; width:33.3333%; border-bottom:0; }
    .showcase .front                                                           { position:absolute; padding-top:50px; }
    .showcase .front img                                                       { width:auto; }
    .showcase i                                                                { display:inline-block; }
    .showcase .back                                                            { position:absolute; top:230px; font-size:2.2rem; }
    .showcaseimage                                                             { position:relative; }
    .showcase .showcaseclickwrap:hover .front                                  { top:-230px; }
    .showcase .showcaseclickwrap:hover .back                                   { top:0; }

  /* Blog */
  .list-archives                                                               {  }
    .list-archives li                                                          { margin:0 1%; width:23%; }
      .list-archives li a                                                      { height:355px; }
      .list-archives li a > div                                                { position:absolute; left:0; bottom:-38px; padding:10px 20px 48px; font-size:1.6rem; text-align:left; z-index:2; background:url(assets/images/interface/arrow-right-green.png) no-repeat right 10px bottom 10px rgba(255,255,255,0.9); transition:bottom 0.2s ease; }
        .list-archives li a > div h2                                           { margin:25px 0 0; font-size:2.2rem; }
        .list-archives li a > div p.date                                       { left:20px; top:10px; font-size:2rem; }

/* --- Residential --- */
.discuss-list                                                                  { }
  .discuss-list ol li p:first-child                                            { padding-top:0; padding-right:0.5rem; font-size:1.8rem; }
    .discuss-list ol li p:first-child:before                                   { position:absolute; left:0; width:100px; }
    .discuss-list ol li p strong                                               { padding-left:110px; }

  /* --- FOOTER --- */
  /* Footer : We cater to */
  .cater_to                                                                    { padding:40px 0; }
    .cater_to h2                                                               { margin-top:0; }
    .cater_to .icon-list ul                                                    { font-size:1.6rem; }

  /* Footer : Gravity Form */
  .gform_footer                                                                { }
    .gform_footer .gform_button                                                { width:110px !important; }
    .gform_wrapper ul li.gfield:nth-child(8n-7)                                { clear:none; float:left; width:50%; }
    .gform_wrapper ul li.gfield:nth-child(8n-6)                                { clear:none; float:left; width:50%; }
    .gform_wrapper ul li.gfield:nth-child(8n-4)                                { clear:none; float:left; width:50%; }
    .gform_wrapper ul li.gfield:nth-child(8n-3)                                { clear:none; float:left; width:50%; }

    .gform_wrapper .gfield_radio li:nth-of-type(3n-2)                          { width:32%; }
    .gform_wrapper .gfield_radio li:nth-of-type(3n-1)                          { width:32%; }
    .gform_wrapper .gfield_radio li:nth-of-type(3n)                            { width:32%; }

  /* Footer */
  .footer .logo-footer                                                         { }
  .footer .footer-contacts                                                     { text-align:left; }

}

/* SMALL - ONLY (Tablet) */

@media (min-width:769px) and (max-width:992px) {

}

/* MEDIUM - ONLY (Desktop) */

@media (min-width:993px) and (max-width:1200px) {

}

/* LARGE - ONLY (Large Desktop) */

@media (min-width:1200px) {
  .gform_wrapper .gfield_radio li:nth-of-type(3n-2)                          { width:32.2%; }
  .gform_wrapper .gfield_radio li:nth-of-type(3n-1)                          { width:32.3%; }
  .gform_wrapper .gfield_radio li:nth-of-type(3n)                            { width:32.3%; }
  
}


.showcase.projectshowcase .col-sm-3 {
    width: 25% !important;
}

.showcase.projectshowcase .col-sm-3 .front{
    position: absolute;
    padding-top: 26%;
}

.showcase.projectshowcase .col-sm-3 .showcaseclickwrap:hover .back {
    top: 15%;
}