/*
  Theme Name  :Apollo Painters
  Author      :Smith Brothers Media
  Version     :1.0.0
  Author URI  :https://www.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:Roboto, Helvetica, Arial, Lucida, sans-serif; font-size:16px; color:#1a3761;}

h1, h2, h3, h4, h5, h6                                                         { letter-spacing:0.02em; }
h1                                                                             { margin-top:0; }
h1, h2, h3, h4, h5, h6, p                                                      { font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; }
a                                                                              { color:#1a3761; text-decoration:underline; }
a:hover, a:focus                                                               { color:#1a3761; text-decoration:none; }


/* Header
*/
#main-navbar {}
#menu-main-nav {margin:16px 0; transition: 0.3s;}
.navbar-nav                                                                    { width:100%;  }
.navbar                                                                        { transition: 0.4s; }

.navbar .dropdown-item.active, .dropdown-item:active                           { background-color: #1a3761; }

.navbar button[type=submit]                                                    { width: 20px;padding: 0 10px; }
.navbar .phone-number-click                                                    { font-size:24px!important; text-decoration:none!important; color: #1a3761!important; }

.body-email, .body-phone {text-decoration:none!important;}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,0.7);
}
.dropdown-menu a {
  color:#1a3761;
}

.dropdown-menu a:hover{
    color: #FFF!important;
    text-decoration: none;
    background-color: #1a3761;
}

.desktop-nav {
    position: fixed;
    width: 100%;
    z-index: 20;
}

#header-logo{ width: 210px; transition: 0.5s; margin: 18px 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; }


.homepage-title                                                                { font-size: 16px; padding-bottom: 20px; font-weight:300!important; }
.homepage-sub-title                                                            { font-size: 54px; font-weight:300; color:#1a3761}
.homepage-sub-title.title-white                                                { color: #FFF; }
.btn-free-quote                                                                { margin-bottom: 20px; }

/* 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%;
    top: 0;
    height: 35vw !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 80px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1a3761;
    border: 0; }

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



.blocks-gallery-grid figcaption {
  opacity: 0.7;
  filter: alpha(opacity=70);
  zoom: 1;
  background-color: #1a3761!important;
  padding: 0px!important;
  transition: all 0.5s ease;
}
.blocks-gallery-grid figcaption:hover {
  opacity: 0.55;
  filter: alpha(opacity=55);
  zoom: 1;
}

.blocks-gallery-grid figcaption a {
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  padding: 25px 10px!important;
  display: block;
  text-decoration: none;
}

/* 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 {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
  cursor: auto;
}
.gform_body input {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
  cursor: pointer!important;
  padding: 16px!important;
  border: none!important;
  border-radius: 0px!important;
  color: #1a3761;
  background-color: rgb(234, 234, 234);
  -webkit-appearance: none;
  height: 60px!important;
}
.gform_body textarea {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
  cursor: pointer!important;
  margin-top: 15px;
  padding: 16px!important;
  border: none!important;
  border-radius: 0px!important;
  color: #1a3761;
  background-color: rgb(234, 234, 234);
  -webkit-appearance: none;
  height: 100px!important;
}

.gform_body input::-webkit-input-placeholder, .gform_body textarea::-webkit-input-placeholder { /* Edge */
  color: #1a3761;
}

.gform_body input:-ms-input-placeholder, .gform_body textarea:-ms-input-placeholder { /* Internet Explorer */
  color: #1a3761;
}

.gform_body input::placeholder, .gform_body textarea::placeholder {
  color: #1a3761;
}

.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:#1a3761; 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                                                           { padding: 0 15px; margin:0 !important; background-color:transparent; border-radius:5px; }
      .gform_wrapper .gform_heading                                            { position:relative; z-index:2; text-align:center; }
      .gform_wrapper h3.gform_title                                            { margin: 0 !important; padding: 0 20px; text-align: center; font-weight: 300!important; font-size: 54px!important; color: #1a3761; }
      .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 15px 2rem !important; }
        .gform_footer .gform_button                                            { margin:0 !important; float: right; }
    .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
*/

.row iframe { width: 100%;}

.feature_panel                                                                 { text-align:center; }
  .feature_panel h2                                                            { font-size:54px; font-weight:300; }
  .feature_panel p                                                             { }
  .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:#1a3761; 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; }
.feature_panel                                                                 { background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
.feature_panel .feature-right                                                  { padding: 0px 15px 30px;font-size: 16px; text-align: left; }

/*  PANEL 2
*/
.panel2                                                                        { position:relative; overflow:hidden; }
  .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: #1a3761;font-weight: 300; padding-top:35px;padding-left:35px;}
  .panel2 p b                                                                  { font-weight: 500; }
  .panel2 h4                                                                   { display: inline-block; font-size:36px;font-weight: 800;padding:15px 0; margin:15px 0; border-bottom: 2px solid #1a3761; color:#1a3761;}
  .panel2 .gform_heading                                                       { display: none!important; }


/*  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 #1a3761; }
  .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:50%; background-image:none; transition:all 0.3s ease; }
      .sbm-image-carousel .action-right                                        { right:0; padding-right:50%; 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 #1a3761; }
          .project-list ul li a p                                              { padding:0.5rem 1rem 1rem; line-height:1.2; font-size:1.2rem;}


/*
    SERVICES
*/
.service-boxes                                                                  { margin:15px 0; }
.service-boxes img                                                              { opacity: 0.8!important; transition:all 0.5s ease;}
.service-boxes a:hover img                                                      { opacity: 1!important; transition:all 0.5s ease;}
.service-boxes a                                                                { text-decoration: none; transition:all 0.5s ease;}
.service-boxes a:hover                                                          { color: #102646;}


/*  Contact
*/
.map-container                                                                 {padding-bottom:0!important;}
.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; }


.feature_panel .gform_body                                                     { /*margin-left:0;*/ }

/*
    FOOTER

*/
.details-panel                                                                 { color:#FFF; background-color:#1a3761 !important; font-size:0.8rem; text-align:center; }
  .details-panel .row > div a                                                  { color:#FFF; }


.footer                                                                        { font-size:1rem; color:#FFF; background-color:#414042; text-align:center; }
  .footer .container                                                           { padding:2rem 0 2rem; }
    .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:#c5c5c5; text-decoration:none; }
          .footerwrap img                                                      { margin-top: 10px; }

.footer .footer-info                                                           {     font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #656565;
    border-top: 1px solid #656565;; }


/* --- 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:#1a3761; font-size:1.5rem; border-radius:0.7rem; text-decoration:none; }
.btn-xs                                                                        { }
.btn-sm                                                                        { }

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

.btn-primary                                                                   { color:#FFF; background-color:#1a3761; border-color:#1a3761; }
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active                                       { background-color:#0e2648; }

.btn-action                                                                    { color:#1a3761; background:#a9d5be; border-radius:0; }
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active   { color:#1a3761; 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                                                                          { width: 240px; transition:all 0.5s ease; }
.logo img                                                                         { width: 240px; transition:all 0.5s 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:50px 0px; background-color:#fff; }


/* --- ASIDE --- */

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


.thin-sub-banner                                                               { background-color: #1a3761; color: #FFF; }
.thin-sub-banner p                                                             { padding: 2em 0; text-align: center; margin:0; }



/* Full Width */
.banner.banner-alt                                                             { min-height: auto; }
  .banner                                                                      { position:relative; min-height:750px; }
    .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 .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; }

  .headerwrap .container                                                       {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .logo img {

  }

  .logo {
      background-color: #FFF;
      padding: 0px 0;
      margin: 0;
    width:100%;}

  .logo a {
    display: flex;
    justify-content: center;
  }

  .slide .custom-bg                                                              {
    background-position: 0px 140px;
    height: 67vw !important;
}



.feature-right {text-align: center!important;}

.homepage-sub-title { font-size: 36px; }
.feature_panel h2 { font-size: 36px; }

}

.gform_wrapper h3.gform_title { font-size: 36px; }

/*


    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,1); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; box-shadow: 0 0 7px rgba(0,0,0,.1)!important; }





  /* 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:#1a3761; }
      .primary-nav .navbar-nav>li.current-menu-item > a,
      .primary-nav .navbar-nav>li.current-menu-parent > a                      { color:#FFF; background-color:#1a3761; }
        .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:#1a3761; }
    .primary-nav .navbar-fixed-top                                             { z-index:1031; }



  /* First Level */
  .navbar-nav>li                                                               { }
  .navbar-nav>li>a                                                             { padding:10px;text-decoration: none;}
  .navbar-nav>li>a:hover                                                       { color:#1a3761; }
    .navbar-nav>li.active>a                                                    { color:#1a3761!important; }

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

}


.testimonial-slides {}
.testimonial-slides blockquote { font-weight:300; }
.testimonial-slides .testimonial-name { font-weight:500; }
.cont-testimonial h3 {
  font-size: 36px;
  padding: 15px 0;
  display: inline-block;
  margin: 0 0 100px;
  border-bottom: 2px solid #FFF;
}

/* sponsor Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    margin-top: 50px;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    width:100%;
    margin:0 auto;
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
  width:185px;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0px 10px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Google Review Badge */


.gr-wp__container {
  width: 300px;
  padding: 15px 20px;
  position: fixed;
  background: #fff;
  border-radius: 15px;
  bottom: 20px;
  left: 0px;
  left: -260px;
  height: 86px;
  transition-duration:.5s;
  z-index: 99;
  overflow:hidden;
}

.gr-wp__container:hover {
  left:-30px;
  height:140px;
  transition-duration:.5s;
}

.gr-wp__container:hover .gr-wp__cover {
  display:none;
  opacity:0;
}

.wp-google-content-inner {
	display:none!important;
}

.gr-wp__cover {
  position: absolute;
  width: 300px;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #fff;
  opacity: 1;
}

.gr-reviews-img {
  position: absolute;
  bottom: 0px;
  right: 0;
}

.wp-gr.wpac {
  width: 220px !important;
  margin-left: 40px !important;
}



/* YOUTUBE - Height: 390px; */
.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 43.55%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 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; }
  .details-panel                                                               { font-size:0.8rem; }
    .logo img {  }
}

/*
  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%; }
  .logo img { }

}

.no-banner__spacer {
  padding-top: 200px;
}