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

*/
/*
    Site Colours





*/
/* Container Overrides (Reset)
*/
.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; }

/* Page Defaults
*/
body                                                                           { font-family:'Lato', sans-serif; font-size:1.6rem; }

h1, h2, h3, h4, h5, h6                                                         { letter-spacing:0.02em; }
h1                                                                             { margin-top:0; }

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





/* Header
*/
  .mobile-header                                                               { }
    .mobile-header .navbar                                                     { margin-bottom:0; padding:0.5rem 0; height:50px; background:#207046; }
      .mobile-header .navbar .navbar-toggle                                    { margin-top:3px; margin-bottom:3px; }
    .navbar-brand                                                              { float:none; margin:5px 0; padding:0 5px; max-width:100%; height:auto; }
      .navbar-brand img                                                        { display:inline-block; max-height:100%; }
  .presstocall                                                                 { padding:0; }
    .btn-presstocall                                                           { padding:10px 20px; font-size:20px; margin-bottom:20px; border-radius:0; }

/* Mobile Navigation -- more styles */
.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:#207046; }
    .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/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:#AED6C1; }
    .navmenu .current-menu-item a                                              { color:#FFF !important; background-color:#207046 !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/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:#207046 !important; background-color:#AED6C1 !important; }
    .navmenu .sub-menu .current-menu-item a                                    { background-image:url(assets/images/list-arrow-selected.png) !important; }

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






/* Containers
*/
.wrap                                                                          { }


/* Video */
.videowrap                                                                     { position:relative; margin-bottom:15px; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.videowrap iframe, .videowrap object, .videowrap embed                         { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Map */
.mapwrap                                                                       { position:relative; margin-bottom:15px; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.mapwrap iframe, .mapwrap object, .mapwrap embed                               { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Social */
.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%; }





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





/* Components
*/


/* Carousel */

#carousel-slider .glass                                                        { position:absolute; left:0; top:184px; right:0; bottom:10%; width:100%; overflow:hidden; border-top:2px solid rgba(255,255,255,0.5); border-bottom:2px solid rgba(0,0,0,0.3); box-shadow:0 0 30px rgba(0,0,0,0.5); }
  #carousel-slider .glass .bg                                                  { position:absolute; left:-5%; top:-5%; right:-5%; bottom:-5%; width:110%; background-size:cover; background-position:center top; background-attachment:fixed; filter:blur(7px); }
  #carousel-slider .glass .bg:after                                            { content:""; position:absolute; left:0; top:0; right:-50px; bottom:0; background-color:rgba(255,255,255,0.2); }
    #carousel-slider .glass .sheen                                             { content:""; position:absolute; left:0; top:0; right:0; bottom:0;
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0+49,0.3+50,0+100 */
                                                                                 background:-moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#30ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                                                                               }
    #carousel-slider .glass .sheen:after                                       { content:""; position:absolute; left:0; top:0; right:0; bottom:0;
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0+49,0.3+50,0+100 */
                                                                                 background:-moz-linear-gradient(170deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.05) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(170deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.05) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(170deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.05) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
  #carousel-slider .container                                                  { position:relative; top:20%; font-size:2.5rem; }
    #carousel-slider .carousel-caption                                         { padding-top:12%; max-width:75%; left:0px; position:relative; right:auto; text-align:left; }
      #carousel-slider .carousel-caption h2                                    { font-size:2.3em; margin-bottom:10px; font-weight:600; text-shadow:1px 1px 0px #222; -webkit-text-shadow:1px 1px 0px #222; -moz-text-shadow:1px 1px 0px #222; }
        #carousel-slider .carousel-caption h2 span                             { display:block; color:#414042; }
      #carousel-slider .carousel-caption p                                     { margin:0 0 5rem; }

      /* Dots */
      #carousel-slider .custom-bg:before                                       { content:""; position:absolute; left:40px; top:25%; width:24px; height:24px; border-radius:50%; z-index:3; box-shadow:3px 3px 5px rgba(0,0,0,0.3); 
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#dce3e7+0,b6b7bf+100 */
                                                                                 background:rgb(220,227,231); /* Old browsers */
                                                                                 background:-moz-linear-gradient(-45deg, rgba(220,227,231,1) 0%, rgba(182,183,191,1) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(-45deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(135deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce3e7', endColorstr='#b6b7bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                                                                               }
      #carousel-slider .custom-bg:after                                        { content:""; position:absolute; left:40px; bottom:15%; width:24px; height:24px; border-radius:50%; z-index:3; box-shadow:3px 3px 5px rgba(0,0,0,0.3);
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#dce3e7+0,b6b7bf+100 */
                                                                                 background:rgb(220,227,231); /* Old browsers */
                                                                                 background:-moz-linear-gradient(-45deg, rgba(220,227,231,1) 0%, rgba(182,183,191,1) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(-45deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(135deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce3e7', endColorstr='#b6b7bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                                                                               }
      #carousel-slider .glass:before                                           { content:""; position:absolute; right:40px; top:5%; width:24px; height:24px; border-radius:50%; z-index:3; box-shadow:3px 3px 5px rgba(0,0,0,0.3);
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#dce3e7+0,b6b7bf+100 */
                                                                                 background:rgb(220,227,231); /* Old browsers */
                                                                                 background:-moz-linear-gradient(-45deg, rgba(220,227,231,1) 0%, rgba(182,183,191,1) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(-45deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(135deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce3e7', endColorstr='#b6b7bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                                                                               }
      #carousel-slider .glass:after                                            { content:""; position:absolute; right:40px; bottom:5%; width:24px; height:24px; border-radius:50%; z-index:3; box-shadow:3px 3px 5px rgba(0,0,0,0.3);
                                                                                 /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#dce3e7+0,b6b7bf+100 */
                                                                                 background:rgb(220,227,231); /* Old browsers */
                                                                                 background:-moz-linear-gradient(-45deg, rgba(220,227,231,1) 0%, rgba(182,183,191,1) 100%); /* FF3.6-15 */
                                                                                 background:-webkit-linear-gradient(-45deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background:linear-gradient(135deg, rgba(220,227,231,1) 0%,rgba(182,183,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce3e7', endColorstr='#b6b7bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                                                                               }


.slide .custom-bg                                                              { width:100%; height:800px !important; background-repeat:no-repeat; background-size:cover; background-position:center top; background-attachment:fixed; }

.slide .carousel-caption h2                                                    { font-size:48px; margin-bottom:20px; text-shadow:1px 1px 0px #222; -webkit-text-shadow:1px 1px 0px #222; -moz-text-shadow:1px 1px 0px #222; }
.slide .carousel-caption h4                                                    { margin-bottom:35px; }
.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 .active                                                   { background-color:#999; }
.carousel-indicators li                                                        { border:1px solid #999; background-color:#fff; }





/* Gallery */
.gallery                                                                       { margin-right:-10px !important; margin-left:-10px !important; }
  .gallery .gallery-item                                                       { float:left; position:relative; padding-right:10px; padding-left:10px; min-height:1px; }
    .gallery .gallery-item img                                                 { display:block; height:auto; max-width:100%; border:5px #efefef solid; }
  .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%; }
@media (max-width:768px) {
  .gallery .gallery-item                                                       { width:50%; }
}



/* Gravity Form */
.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; }
.gform_body ul.gform_fields li input, .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: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                                               { padding:7px 30px; color:#fff; background-color:#207046; font-size:1.5rem !important; font-weight:300; border:none; border-radius:5px; }

/* -----   Two types of styling??   ----- */
  .gform_container                                                             { padding:20px; background-color:#11406C; }
    .gform_inner                                                               { background-color:#E7E7E8; }
      .gform_wrapper                                                           { margin:0 !important; background-color:#FFF; border-radius:5px; }
      .gform_wrapper .gform_heading                                            { position:relative; z-index:2; text-align:center; }
      .gform_wrapper h3.gform_title                                            { margin:0 !important; padding:20px; font-size:3rem !important; font-weight:900; color:#333; text-align:center; }
      .gform_wrapper .gform_heading span.gform_description                     { width:100%; padding:0 3rem; }
      .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 .validation_error                                         { position:relative; top:-20px; margin-bottom:-10px !important; padding:10px 0 10px !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                         { color:#900 !important; }
      .gform_footer                                                            { margin:0 !important; padding:1.6rem 1.6rem 2rem !important; }
        .gform_footer .gform_button                                            { margin:0 !important; }
    .gform_wrapper .request_form ul li input                                   { border-radius:0.5rem; }
    .gform_wrapper .request_form ul li:nth-child(3n-2)                         { float:left; width:50%; margin-right:1% !important; margin-bottom:0.6rem !important; }
    .gform_wrapper .request_form ul li:nth-child(3n-1)                         { float:left; width:49%; margin-bottom:0.6rem !important; clear:none !important; }


/* Content
*/



.feature_panel                                                                 { text-align:center; font-size:1.6rem; }
  .feature_panel h2                                                            { font-size:2.5em; font-weight:600; }
  .feature_panel p                                                             { font-size:1em; }
  .feature_panel ul                                                            { margin:2rem 0 0; padding:0; list-style:none; }
    .feature_panel ul li                                                       { }
      .feature_panel ul li a                                                   { display:block; padding:1.2em; text-decoration:none; background-color:#FFF; border-radius:0.875em; transition:all 0.4s ease; }
      .feature_panel ul li a:hover                                             { color:#FFF; background-color:#207046; text-decoration:none; transition:all 0.4s ease; }
        .feature_panel ul li a .feature-icon                                   { margin:0 auto; width:68px; height:54px; background-repeat:no-repeat; background-position:center bottom; }
        .feature_panel ul li a:hover .feature-icon                             { background-position:center top; }
        .feature_panel ul li a h3                                              { font-size:1.4em; font-weight:600; }
        .feature_panel ul li a p                                               { font-size:0.875em; line-height:1.1; }
    .feature_panel .row                                                        { padding:0 1.5rem; }

/*  PANEL 2
*/
.panel2                                                                        { position:relative; overflow:hidden; text-shadow:1px 1px 3px rgba(0,0,0,0.2); }
  .panel2 > div:first-of-type                                                  { position:absolute; left:-5%; top:-5%; right:-5%; bottom:-5%; background-repeat:no-repeat; background-position:center; background-size:cover; filter:blur(7px); }
  .panel2 h2                                                                   { margin-top:12%; width:80%; color:#FFF; font-size:5rem; font-weight:600; }
  .panel2 p                                                                    { color:#FFF; }

/*  PANEL 3
*/
.panel3                                                                        { position:relative; }
  .content.panel3                                                              { padding:0; }
    .panel3 h2                                                                 { position:relative; max-width:80%; padding-bottom:1.5rem; font-size:4.2rem; font-weight:800; }
      .panel3 h2:after                                                         { content:""; position:absolute; left:0; bottom:0; width:8rem; height:1px; border:1px solid #FFF; }
    .panel3 ul                                                                 { margin:0; padding:0; list-style:none; }
      .panel3 ul li                                                            { }
        .panel3 ul li p                                                        { color:#767676; }
  /* column 1 */
  .panel3 .row > div:first-of-type                                             { padding-bottom:2rem; }
    .panel3 .row > div:first-of-type h2                                        { }
      .panel3 .row > div:first-of-type h2:after                                { border-color:#207046; }
      .panel3 .row > div:first-of-type > p                                     { font-size:1.7rem; }
  /* column 2 */
  .panel3 .row > div:last-of-type                                              { top:0; bottom:0; right:0; padding:0; color:#FFF; background-position:center; background-size:cover; }
    .panel3 .row > div:last-of-type .main                                      { bottom:0; padding:2rem 6rem;  }
      .panel3 .row > div:last-of-type h2                                       { max-width:50%; font-size:4rem; font-weight:600; }
      .panel3 .row > div:last-of-type p                                        { width:50%; }

/*  PANEL 4
*/
.panel4                                                                        { position:relative; overflow:hidden; text-align:center; color:#FFF; }
  .content.panel4                                                              { padding:0; }
  .panel4 > div:first-of-type                                                  { position:absolute; left:-5%; top:-5%; right:-5%; bottom:-5%; background-repeat:no-repeat; background-position:center; background-size:cover; filter:blur(7px); }
  .panel4 h2                                                                   { position:relative; padding-bottom:1.5rem; font-size:4.5rem; font-weight:600; }
    .panel4 h2:after                                                           { content:""; position:absolute; left:46%; bottom:0; width:8%; height:1px; border:1px solid #FFF; }
  .panel4 h3                                                                   { position:relative; margin:0; padding:1rem 0; }
    .panel4 h3:after                                                           { content:""; position:absolute; left:0; bottom:0; width:8rem; height:1px; border:1px solid #207046; }
  .panel4 ul                                                                   { margin:0 0 4rem; padding:2rem 0 0; list-style:none; }
    .panel4 ul li                                                              { }
      .panel4 ul li a                                                          { display:block; color:#000; text-align:left; text-decoration:none; transition:all 0.4s ease; }
      .panel4 ul li a:hover                                                    { box-shadow:0 0 20px rgba(255,255,255,1); transition:all 0.4s ease; }
        .panel4 ul li a div:first-of-type                                      { height:270px; background-position:center; background-size:cover; }
        .panel4 ul li a div:last-of-type                                       { padding:0 1.5rem 1.5rem; background-color:#FFF; }
        .panel4 ul li a p                                                      { padding:0.5rem 1rem 1rem; line-height:1.2; font-size:1.2rem;}

/*  SOLUTIONS
*/
.solution                                                                      { position:relative; padding:0; }
  .solution a                                                                  { display:block; color:#333; }
  .solution .cta-block                                                         { height:220px; }
    .solution h2                                                               { position:relative; padding-bottom:1.5rem; font-size:3.2rem; font-weight:800; color:333; }
      .solution h2:after                                                       { content:""; position:absolute; left:0; bottom:0; width:8rem; border:1px solid #147140; }
    .solution p                                                                { max-width:80%; }
    .solution p:last-of-type                                                   { position:absolute; bottom:0; }

  .solution.solution-right .over-image                                         { position:absolute; top:0; bottom:0; right:0; background-color:#147140; }
  .solution.solution-right .over-image div                                     { z-index:0; opacity:1; position:absolute; left:0; top:0; bottom:0; right:0; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease; }
  .solution.solution-right a:hover .over-image div                             { opacity:0.3; transition:all 0.3s ease; }
  .solution.solution-right .over-image:before                                  { opacity:0; z-index:2; content:""; position:absolute; left:0; top:30px; bottom:0; height:0; border:100px solid transparent; border-left-color:#147140; transition:all 0.3s ease; }
  .solution.solution-right a:hover .over-image:before                          { opacity:1; transition:all 0.3s ease; }
  .solution.solution-right .over-image:after                                   { z-index:1; content:""; position:absolute; left:0; top:0; bottom:0; height:0; border:130px solid transparent; border-left-color:#FFF; }

  .solution.solution-left .cta-block                                           { float:right; padding-left:40px; }
  .solution.solution-left .over-image                                          { position:absolute; top:0; bottom:0; left:0; background-color:#147140; }
  .solution.solution-left .over-image div                                      { z-index:0; opacity:1; position:absolute; left:0; top:0; bottom:0; right:0; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease; }
  .solution.solution-left a:hover .over-image div                              { opacity:0.3; transition:all 0.3s ease; }
  .solution.solution-left .over-image:before                                   { opacity:0; z-index:2; content:""; position:absolute; left:-40px; right:0; top:30px; bottom:0; height:0; border:100px solid transparent; border-right-color:#147140; transition:all 0.3s ease; }
  .solution.solution-left a:hover .over-image:before                           { opacity:1; left:0; transition:all 0.3s ease; }
  .solution.solution-left .over-image:after                                    { z-index:1; content:""; position:absolute; right:0; top:0; bottom:0; height:0; border:130px solid transparent; border-right-color:#FFF; }

.solution-block                                                                { }
  .solution-block .row > div                                                   { }
    .solution-block .row > div:first-of-type                                   { text-align:justify; } /* width:47%; margin-right:3%; */
    .solution-block .row > div:last-of-type                                    { }
    .solution-block .solution-content ul                                       { margin:0; padding:0 0 0 2rem; list-style:none; }
      .solution-block .solution-content ul li                                  { position:relative; margin-bottom:0.5rem; }
      .solution-block .solution-content ul li:before                           { content:""; position:absolute; left:-2rem; top:0.6rem; border:7px solid #147140; border-left-color:transparent; border-bottom-color:transparent; }
    .solution-block .solution-grey ul                                          { margin-top:4rem; padding-left:3rem; }
      .solution-block .solution-grey ul li                                     { margin-bottom:3rem; }
      .solution-block .solution-grey ul li:before                              { left:-3rem; border-top-color:#686868; border-right-color:#686868; }
        .solution-block .solution-grey ul li span                              { color:#147140; font-weight:600; }

.sbm-image-carousel                                                            { margin-bottom:4rem; height:700px; border:1rem solid #F2F2F2; overflow:hidden; }
  .sbm-image-carousel ul                                                       { margin:0; padding:0; list-style:none; }
    .sbm-image-carousel ul li                                                  { display:none; position:absolute; left:0; top:0; right:0; bottom:0; background-position:center; background-size:cover; opacity:1; z-index:1; transition:all 0.5s ease; }
    .sbm-image-carousel ul li.fadeOut                                          { opacity:0; transition:all 0.5s ease; }
      .sbm-image-carousel ul li .over                                          { position:absolute; left:0; right:0; bottom:0; padding:2.5rem 5rem; font-size:2rem; color:#FFF; background-color:rgba(20,113,64,0.8); text-align:center; }
    .sbm-image-carousel .action                                                { position:absolute; top:0; bottom:0; font-size:4rem; text-shadow:0 0 3px rgba(0,0,0,0.4); z-index:10; transition:all 0.3s ease; }
      .sbm-image-carousel .action-left                                         { left:0; padding-left:5px; background-image:none; transition:all 0.3s ease; }
      .sbm-image-carousel .action-right                                        { right:0; padding-right:5px; background-image:none; transition:all 0.3s ease; }
        .sbm-image-carousel .glyphicon                                         { top:300px; color:#FFF; }
    .sbm-image-carousel .action-left:hover                                     { cursor:pointer;
                                                                                 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100 */
                                                                                 background: -moz-linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
                                                                                 background: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background: linear-gradient(to right, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
                                                                                 transition:all 0.3s ease;
                                                                               }
    .sbm-image-carousel .action-right:hover                                    { cursor:pointer;
                                                                                 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.4+100 */
                                                                                 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
                                                                                 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
                                                                                 background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 */
                                                                                 transition:all 0.3s ease;
                                                                               }
.project-list                                                                  {  }
  .project-list ul                                                             { margin:0 0 2rem; padding:2rem 0 0; list-style:none; }
    .project-list ul li                                                        {  }
    .project-list ul li a                                                      { display:block; color:#000; text-align:left; text-decoration:none; border:1px solid #CCC; transition:all 0.4s ease; }
      .project-list ul li a:hover                                              { box-shadow:0 0 20px rgba(0,0,0,0.3); transition:all 0.4s ease; }
        .project-list ul li a div:first-of-type                                { height:200px; background-position:center; background-size:cover; }
        .project-list ul li a div:last-of-type                                 { padding:0 1.5rem 1.5rem; background-color:#FFF; }
          .project-list ul li a h2                                             { position:relative; margin-top:1rem; padding-bottom:1rem; font-size:2.8rem; }
            .project-list ul li a h2:after                                     { content:""; position:absolute; left:0; bottom:0; width:8rem; height:1px; border:1px solid #207046; }
          .project-list ul li a p                                              { padding:0.5rem 1rem 1rem; line-height:1.2; font-size:1.2rem;}




/*  Contact
*/
.acf-map                                                                       { margin:0; width:100%; height:400px; border:none; }
  .acf-map img                                                                 { max-width:inherit !important; }

.contact-block                                                                 { }
  .contact-block h1                                                            { font-weight:800; }
  .contact-block ul.icons                                                      { margin:3rem 0 0; padding:0; list-style:none; }
    .contact-block ul.icons li                                                 { margin-bottom:2rem; padding-left:4rem; background-repeat:no-repeat; background-position:left center; }
    .contact-block ul.icons li:nth-of-type(4n-3)                               { background-image:url(assets/images/icon-location-grey.png); background-position:left 4px; }
    .contact-block ul.icons li:nth-of-type(4n-2)                               { background-image:url(assets/images/icon-mail-grey.png); }
    .contact-block ul.icons li:nth-of-type(4n-1)                               { background-image:url(assets/images/icon-phone-grey.png); }
    .contact-block ul.icons li:nth-of-type(4n)                                 { background-image:url(assets/images/icon-clock-grey.png); }

    .gform_wrapper .contact_form ul li input                                   { border-radius:0.5rem; }
    .gform_wrapper .contact_form ul li:nth-child(6n-5)                         { float:left; width:50%; margin-right:1% !important; }
    .gform_wrapper .contact_form ul li:nth-child(6n-4)                         { float:left; width:49%; clear:none !important; }
    .gform_wrapper .contact_form ul li:nth-child(6n-3)                         { float:left; width:50%; margin-right:1% !important; margin-bottom:0.6rem !important; }
    .gform_wrapper .contact_form ul li:nth-child(6n-2)                         { float:left; width:49%; margin-bottom:0.6rem !important; clear:none !important; }
    .gform_wrapper .contact_form ul li:nth-child(6n) textarea                  { border-radius:1.5rem; }








/*
  .solution .over-image.solution-right > div div                               { opacity:1; position:absolute; left:0; top:0; bottom:0; right:0; background-position:center; background-repeat:no-repeat; background-size:cover; }
  .solution .over-image.solution-right:after                                   { content:""; position:absolute; left:0; top:30px; bottom:0; height:0; border:100px solid transparent; border-left-color:#147140; }
  .solution .over-image.solution-right > div:after                             { content:""; position:absolute; left:0; top:0; bottom:0; height:0; border:130px solid transparent; border-left-color:#FFF; }

*/


/*  .solution .over-image > div div                                              { opacity:0.3; position:absolute; left:0; top:0; bottom:0; right:0; background-position:center; background-color:#070; background-repeat:no-repeat; background-size:cover; }
  .solution .over-image:after                                                  { content:""; position:absolute; left:0; top:30px; bottom:0; height:0; border:100px solid transparent; border-left-color:#147140; }
  .solution .over-image >div:after                                             { content:""; position:absolute; left:0; top:0; bottom:0; height:0; border:130px solid transparent; border-left-color:#FFF; }
*/
/*
    FOOTER
    
*/
.details-panel                                                                 { color:#FFF; background-color:#207046 !important; font-size:1rem; text-align:center; }
  .details-panel .row > div a                                                  { color:#FFF; }


.footer                                                                        { font-size:1.2rem; color:#FFF; background-color:#414042; text-align:center; }
  .footer .container                                                           { padding:2rem 0 4rem; }
    .footer .container a                                                       { color:#FFF; }
      .footer .container .footerwrap                                           { position:relative; text-align:center; }
        .footer .container .footerwrap .sbm_footer                             { margin-top:20px; }
          .footer .container .footerwrap .sbm_footer a                         { color:#999; text-decoration:none; }


/* --- 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; }



/* --- SOCIAL ICONS - BUTTONS --- */
.list-social                                                                   { margin-left:0; }
.list-social li                                                                { padding:0; }

.btn-social                                                                    { display:block; padding:0; margin:0; height:30px; width:30px; line-height:30px; text-align:center; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.45); border:none; border-radius:100% !important; }
.btn-social:hover, .btn-social:focus, .btn-social:active, .btn-social.active   { color:#FFF; -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); }

.btn-facebook                                                                  { background:#3b5998; }
.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; }
i.fa.fa-facebook.fa-2x {
    margin-top: 4px;
}

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


  - COLOURS
 green 207046


*/


/* --- BUTTONS --- */
.btn                                                                           { padding:0.7rem 4rem; color:#207046; font-size:1.5rem; border-radius:0.7rem; text-decoration:none; }
.btn-xs                                                                        { }
.btn-sm                                                                        { }

.btn-default                                                                   { color:#207046; }
.btn-default:hover, .btn-default:focus,
.btn-default:active, .btn-default.active                                       { }

.btn-primary                                                                   { color:#FFF; background-color:#207046; border-color:#207046; }
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active                                       { background-color:#165936; }

.btn-action                                                                    { color:#207046; background:#a9d5be; border-radius:0; }
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active   { color:#207046; background:white; }


/* --- LEAD --- */
.lead                                                                          { }

/* --- WELL --- */
.well                                                                          { -webkit-box-shadow:none; box-shadow:none; }

/* --- PANEL --- */
.panel                                                                         { }
.panel .panel-heading                                                          { }

/* --- 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                                                      { display:block; margin-bottom:15px; font-style:italic; }
.well-testimonial .author                                                      { font-weight:bold; }

/* --- LIST - TICKS --- */
.list-ticks li                                                                 { }
.list-ticks li i                                                               { }

/* =========== STYLES - Sections =========== */

/* --- HEADER --- */
.logo                                                                          { margin:10px 0; width:100%; transition:all 0.4s ease; }
.quickcontact                                                                  { margin-top:40px; }

/* --- BANNER --- */
.banner                                                                        { background-position:center center; background-repeat:no-repeat; background-size:cover; clear:both; }
  .banner .drop-shadow                                                         { position:fixed; top:50px; z-index:2; }


/* --- SHOWCASE --- */
.showcase                                                                      { padding:40px 0px; background-color:#f5f5f5; }
.showcase h3.title                                                             { font-size:18px; }
.showcaseimage                                                                 { width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; height:200px;margin-bottom:15px; }
.showcase .btn                                                                 { display:block; margin:0px auto; text-align:center; }

/* --- 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; }


/* --- ASIDE --- */

.aside .panel                                                                  { }
.aside .panel-heading                                                          { }
.aside .panel-body                                                             { }





/* Full Width */
  .banner                                                                      { position:relative; min-height:320px; }
    .banner img                                                                { width:100%; }
    .banner .content                                                           { background-color:transparent; }
    .banner .container                                                         { position:relative; }
    .banner .contentwrap                                                       { position:relative; left:0; top:120px; min-width:50%; color:#FFF; }
      .banner .contentwrap .main                                               { padding:25px 15px 30px; }
        .banner .contentwrap .main h1                                          { margin-bottom:0; font-size:4.5rem; font-weight:700; text-shadow:0 1px 4px rgba(0,0,0,0.5); }
        .banner .contentwrap .main p                                           { font-size:2rem; text-shadow:0 1px 2px rgba(0,0,0,0.4); }
  .content.main                                                                { padding-top:0; }


/*


    X SMALL - ONLY (Phone)    < 768px



*/
@media (max-width:767px) {
  /* --- NAVIGATION --- */
  .navbar                                                                      { background:#F9F9F9; color:#F2F2F2; z-index:1020; }
  .navbar a                                                                    { color:#F2F2F2; }
  .navbar .navbar-toggle                                                       { border-color:#DDD; background:#F2F2F2; }
  .navbar .navbar-toggle .icon-bar                                             { background-color:#666; }
  .navbar .navbar-toggle:focus                                                 { border-color:#CCC; background:#CCC; color:#F2F2F2; }
  .navbar .nav>li>a:hover, .navbar .nav>li>a:focus                             { text-decoration:none; background-color:#CCC; color:#666; }
  .navbar-toggle                                                               { float:left; margin-left:15px; }
  .navmenu-footer                                                              { position:absolute; bottom:7px; width:100%; text-align:center; color:#888; font-style:italic; }

  .mobile-header .cover                                                        { content:""; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; background-color:rgba(0,0,0,0); z-index:1029; transition:all 0.3s ease; }
    .mobile-header .show-cover                                                 { background-color:rgba(0,0,0,0.5); transition:all 0.3s ease; }
    .mobile-header .cover-hide                                                 { display:none; }

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

  /* --- HEADER --- */
  .logo img                                                                    { margin:0 auto; }
  .slide .carousel-caption                                                     { max-width:none !important; }

  /* --- CONTENT --- */
  .main                                                                        { margin-bottom:20px; }

}

/*


    TABLET >>               > 769px

    green :  147140



*/
@media (min-width:768px) {
/* Header
*/
  .header                                                                      { }

  .alt-header .header                                                          { background-color:rgba(255,255,255,0.5); }

  .banner .drop-shadow                                                         { top:148px; }
  .header.drop-shadow                                                          { position:fixed; display:none; top:146px; width:100%; z-index:1030; background-color:transparent; transition:all 0.4s ease; }
  .header-top                                                                  { color:#FFF; background-color:#147140; font-size:0.6em; border-bottom:1px solid #FFF; }
    .header-top .row div                                                       { padding:8px 0; text-align:center; }
      .header-top a                                                            { color:#FFF; text-decoration:none; }

  .headerwrap                                                                  { background-color:rgba(255,255,255,0.7); }





  /* Quick Contact */
  .quickcontact                                                                { margin:15px 0 0; padding:0; list-style-type:none; font-size:1.6rem; text-align:right; transition:all 0.4s ease; }
    .quickcontact a                                                            { margin-left:1rem; color:#6FAAC9; text-decoration:none; font-style:italic; }
    .quickcontact a:hover, .quickcontact a:focus                               { color:#6FAAC9; text-decoration:underline; }


  /* Navigation */
  .navigation                                                                  { text-align:right; }
    .navigationwrap                                                            { text-align:right; transition:all 0.4s ease; }
    .primary-nav                                                               { }
      .primary-nav .navbar                                                     { display:block; margin-bottom:0px; min-height:40px; border:0; border-radius:0; z-index:70; }
        .primary-nav .navbar a                                                 { text-decoration:none; transition:all 0.4s ease; }
        .primary-nav .navbar-nav                                               { display:block; float:right; }
    .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:0 2rem; line-height:13.3rem; color:#333; font-size:1.6rem; font-weight:600; }
      .alt-header .primary-nav .navbar-nav>li a                                { line-height:10.5rem; }
      .primary-nav .navbar-nav>li a:hover, .primary-nav .navbar-nav>li a:focus { color:#FFF; background-color:#207046; }
      .primary-nav .navbar-nav>li.current-menu-item > a,
      .primary-nav .navbar-nav>li.current-menu-parent > a                      { color:#FFF; background-color:#207046; }
        .primary-nav .navbar-nav .sub-menu li a                                { text-shadow:none; line-height:4rem; -webkit-text-shadow:none; -moz-text-shadow:none; text-align:left; }
          .primary-nav .navbar-nav .sub-menu li.current-menu-item a            { color:#FFF; background-color:#207046; }
    .primary-nav .navbar-fixed-top                                             { z-index:1031; }



  /* First Level */
  .navbar-nav>li                                                               {  }
  .navbar-nav>li>a                                                             { padding:10px; }
  .navbar-nav>li>a:hover                                                       { background:#666666; color:#fff; }

  /* 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); }
  .navbar-nav ul.sub-menu li                                                   { position:relative; float:left; width:250px; background:#eee; border-top:1px solid #fff; }
  .navbar-nav ul.sub-menu li a                                                 { display:block; padding:5px 10px; background:transparent; color:#666; }
  .navbar-nav ul.sub-menu li a:hover                                           { background:#666; color:#FFF; }
  .navbar-nav li:hover > ul.sub-menu                                           { display:block; }

  /* --- HEADER --- */
  .quickcontact { text-align:right; }

  .banner .contentwrap                                                         { position:absolute; top:150px; }

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


  .panel3 .row > div:last-of-type                                              { position:absolute; }
    .panel3 .row > div:last-of-type .main                                      { position:absolute; }


  /* --- FOOTER --- */
  .details-panel .sbm-icon                                                     { position:absolute; left:10%; top:20%; width:24px; height:24px; background-repeat:no-repeat; background-position:left center; }
  .details-panel .sbm-phone                                                    { background-image:url(assets/images/icon-phone.png); }
  .header-top.details-panel .sbm-phone                                         { left:10%; }
  .details-panel .sbm-time                                                     { left:0; background-image:url(assets/images/icon-time.png); }
  .details-panel .sbm-location                                                 { background-image:url(assets/images/icon-location.png); }

  .footer .container .footerwrap .sbm_footer                                   { position:absolute; right:20px; bottom:0; margin-top:0; }

}

/*


  ALL DESKTOP                   > 993px



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

  .alt-header .logo                                                            { width:50%; }
    .primary-nav .navbar-nav>li a.                                             { padding:0 3rem; line-height:13.3rem; }
  .banner .drop-shadow                                                         { top:156px; }
  
  .details-panel                                                               { font-size:1.2rem; }

}

/*


  LARGE DESKTOP              > 1200px



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

  .details-panel .sbm-phone                                                    { left:20%; }
  .details-panel .sbm-time                                                     { left:10%; }
  .details-panel .sbm-location                                                 { left:20%; }

}