/*
 * Microsite Template v2.0
 * Socius Marketing
 * 2016-2017
 *
 * style.css
 *
 * General styles belong here.  Anything application-specific will be programatically generated and inserted into the page <head>.
**/

body, html { font-family:"Open Sans"; }
*:focus { outline: none; }

/*#content { position:relative; z-index:100; }*/
#gradient { position:absolute; z-index:1; top:0; left:0; height:800px; width:100%;
background:-webkit-linear-gradient(rgba(27, 27, 27, 0.7), rgba(255, 255, 255, 0));
   background:-moz-linear-gradient(rgba(27, 27, 27, 0.7), rgba(255, 255, 255, 0));
     background:-o-linear-gradient(rgba(27, 27, 27, 0.7), rgba(255, 255, 255, 0));
        background:linear-gradient(rgba(27, 27, 27, 0.7), rgba(255, 255, 255, 0));
}

/* Navigation (default) */
nav { text-align:center; }
nav ul { list-style:none; padding:0; }
nav li { display:inline; }
nav li + li { margin-left:15px; }

.row-navigation #col-nav {padding: 0;}
.row-navigation img { margin-left:-15px; }
.row-navigation i { display:none; font-size:32px; cursor:pointer; }
.row-navigation .text-right a { margin-right:-15px; }
.row-navigation .text-right a:hover { text-decoration:none; }


/*-- new-css-add(03-05-2024)-Start --*/

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    background-color: rgba(0, 0, 0, 0.5);
}
.navbar-fixed-top .row.row-navigation{padding: 10px 0;}
.whBg.full{
  float: none;
}
.full:after {
  content: "";
  clear: both;
  display: table;
}
.gallery{margin-bottom: 0;}
#col-appointment-form{background-color: #255a80 !important;}
.hero-img {
    padding: 125px 170px 90px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.slider_wrapper #quick-form-container h4, .slider_wrapper #quick-form-container p, .testimonials blockquote p, .testimonials .qname{color: #fff;}
.sweepstakes { background: #ffd6bc; border-top: #ffd6bc;}
.slider_wrapper .form-field input {
    border-bottom: 1px solid #b6b7b8 !important;
    color: #fff;
}
.slider_wrapper .form-field input {
    display: block;
    width: 100%;
    border: none;
    background: none;
    padding: 3px 6px;
}
.testimonialsLeft h2, .testimonialsLeft p{color: #fff;}
.testimonials{padding: 49px 90px !important;}

.sweepstakes a.left, .sweepstakes a.left:hover {
    text-decoration: none;
}

.sweepstakes .left {
    background: #f60;
    color: #fff;
}
.sweepstakes .left {
    float: left;
    width: 175px;
    height: 75px;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
.sweepstakes .right {
    background: #ffeeb5;
    color: #00354b;
}

.sweepstakes .right {
    float: right;
    width: 175px;
    height: 75px;
    border: 0px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}
.testimonials .testimonialsLeft p:before, .testimonials .testimonialsLeft p:after{display: none;}
.testimonialsLeft h2 {
    font-weight: 800;
    font-size: 45px;
}
.testimonialsLeft p {
    font-size: 30px;
}
#appointment .form-field input {
    border-bottom: 1px solid #b6b7b8;
    color: #fff;
}

#appointment .form-field i {
    color: #b6b7b8;
}
#appointment ::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

#appointment ::-ms-input-placeholder { /* Edge 12-18 */
  color: white;
}
#appointment input[type=submit] {
    background: #ffdd66;
    color: #00354a;
}
#appointment input[type=submit]:hover {
    color: #00354a;
    background: #ffeeb5;
}
.callout-row a {
    background: #ffdd66;
    color: #00354a;
}
.callout-row a:hover {
    background: #ffeeb5;
    color: #00354a;
}
/*-- --*/

/*.sweepstakes form .middle h3 {
    margin-top: 0px;
}
.sweepstakes form .middle .form-field { margin-top: 0;}
.sweepstakes form .middle .form-field p { margin-bottom: 7px;}*/
.sweepstakes .middle .form-field {
    border-bottom: 1px solid #b6b7b8;
}
.testimonials{ background-color: #005b83;}
.row-navigation .text-right a { color: #fff; font-weight: 700; font-size: 26px;}
.navbar-fixed-top .row-navigation .col-lg-10 { display: flex; flex-flow: row wrap; align-items: center;}
.sweepstakes form:after, .sweepstakes .middle:after {
    clear: both;
    content: "";
    margin: 0 auto;
    display: table;
}
/* .slick-prev:before, .slick-next:before{color: #000 !important;} */

.callout-row a { text-decoration: none !important; font-weight: 600 !important;}
.clickBtn {
  background-color: #8ece75;
  display: inline-block;
  width: 200px;
  margin: 15px auto 0 !important;
  padding: 10px;
  color: #000;
  text-align: center;
  text-decoration: none !important;
}
.blueBG{background-color: #01354b;}
.gallery.blueBG h3{color: #fff;}


/*-- new-css-add(03-05-2024)-End --*/

/*-- new-css-add(04-07-2024)-Start --*/
.mt-0 {margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
/*-- new-css-add(04-07-2024)-End --*/

/* ================Css by Pramesh 15/05/2024=================== */
.gallery .slide{display: flex !important; }
.gallery .slide .right{width: auto !important; margin-left: 20px !important;}
.sweepstakes .middle .form-field{ background-color: #fff !important; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; border: 1px solid #ccc !important; height: 62px !important;}
.middle .form-field i{position: absolute !important; top: 19px !important;}
.sweepstakes .middle h3{margin-top: 44px !important;}
.sweepstakes{height: 105px !important;}
.sweepstakes .left {height: 105px !important; padding-top: 35px !important;}
.sweepstakes .right {height: 105px !important;}


@media screen and (max-width: 1785px) {
    .sweepstakes .middle h3 { margin-top: 20px !important; margin-right: 10px !important; margin-bottom: 0; font-size: 20px;}
   .sweepstakes .middle .form-field { margin-top: 15px !important; margin-right: 10px !important;}
    .sweepstakes .middle .form-field { max-width: 200px; width: auto !important;}

}


@media screen and (max-width: 1600px) {
  .sweepstakes .middle{float: inherit !important;}
  .sweepstakes .middle h3 {margin-left: 60px !important; margin-top: 20px !important;}
  .sweepstakes .middle .form-field{max-width: 175px !important; margin-top: 0px !important;}
}


@media screen and (max-width: 1390px) {
  .row-navigation > div { width:100%; margin:0; }
  .testimonialsLeft h2 { font-size: 40px;}
  .testimonialsLeft p { font-size: 25px;}
  .testimonials { padding: 39px 70px !important;}

}
@media screen and (max-width: 1412px) {
    .sweepstakes .middle .form-field {
        margin-top: 10px !important;
        margin-right: 6px !important;
    }
    .sweepstakes .middle h3 {
        margin-top: 15px !important;
        margin-right: 5px !important;
        font-size: 19px;
    }
}
@media screen and (max-width: 1199px) {
  .row-navigation > div { width:auto; margin:auto; }
  .row-navigation i { display:inline-block; }
  nav { display:none; }
  #col-logo { text-align:center; }
  .testimonialsLeft h2 { font-size: 35px;}
  .testimonialsLeft p { font-size: 20px;}
  .testimonials { padding: 30px 60px !important;}
  .sweepstakes .middle { width: 78%;}
  .sweepstakes span.wpcf7-spinner { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
  .sweepstakes .left, .sweepstakes .right { width: 100px !important; font-size: 15px !important;}
  .sweepstakes .left h3{font-size: 15px !important;}
  .sweepstakes .middle .form-field{max-width: 145px; min-width: 145px;}

}
/*@media screen and (max-width: 1050px) {
    .sweepstakes .middle .form-field { max-width: 170px;}

}*/

@media screen and (max-width: 991px) {
    .slider_wrapper .hero-img { padding-top: 56%;}
    .testimonialsLeft { text-align: center;}
    .testimonials {padding: 20px 15px !important;}
}
@media screen and (max-width: 767px) {
  #col-logo { /*width:100%;*/ position:absolute; z-index:1; width: 200px; left: 0; right: 0; margin: 0 auto;}
  #col-nav { z-index:2; }
  .slider_wrapper .hero-img { padding-top: 28%;}
   .testimonialsLeft h2 { font-size: 28px;}
   .testimonialsLeft p { font-size: 16px;}
   /*.navbar-fixed-top { height: 70px;}*/
}

/* Large Callout Buttons */
.callout-row { margin-right:-15px; margin-left:-30px; z-index: 2; position: relative;}
.callout-row > div { padding:0; margin:0; }
.callout-row a { text-align:center; display:block; padding:30px; font-weight:300; font-size:26px; text-decoration:none; transition:all 0.5s ease; }
.callout-row .visible-xs a { text-transform:uppercase; }
.callout-row span { display:block; font-size:15px; font-weight:600; margin-top:6px; text-transform:uppercase; }
@media screen and (min-width: 992px) { 
  #mobilePrice {display: none;}
}

/* Forms */
div.form-field input { display:block; width:100%; border:none; background:none; padding:3px 6px; }
div.form-field { position:relative; }
div.form-field i {position:absolute;right: 5px;top:-1px;}
.sweepstakes div.form-field i {border-bottom: 1px solid #4f789e;padding-bottom: 8px;}

/* Placeholders */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity:1 !important; }
::-moz-placeholder { /* Firefox 19+ */ opacity:1 !important; }
:-ms-input-placeholder { /* IE 10+ */ opacity:1 !important; }
:-moz-placeholder { /* Firefox 18- */ opacity:1 !important; }


/* Get a Free Price */
#quick-form-container { z-index:101;border: 1px solid #fff; width:410px; background-color: #01354b; /*float:right;padding:50px;*/ padding:20px 20px 10px; /*position:relative; left: -8.33333333%;*/ /*left: calc(-8.33333333% - 15px); top: 150px;*/  margin-left: auto;}
#quick-form-container h4 { font-size:28px; font-weight:600; /*margin:0 0 20px;*/ margin:0 0 15px;}
#quick-form-container p { /*margin:0 0 30px;*/ margin:0 0 10px;}
#quick-form-container div.form-field + div.form-field { /*margin-top:26px;*/ margin-top: 15px;}
#quick-form-container input[type=submit] { border:none; /*position:absolute; top:100%; left:0;*/ width:100%; text-transform:uppercase; font-size:16px; font-weight:600; /*padding:20px 10px;*/ padding: 15px 10px; transition:all 0.5s ease; background-color: #9ecb6a; color: #000;}

/* Schedule an Appointment */
#appointment { /* position:relative; */ padding:6% 6% 10%; overflow:hidden; }
#appointment img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
#appointment h4 {margin:0 0 40px; text-align:center; font-weight:300; font-size:30px; color: #fff }
#appointment form { display:block; }
#appointment div.form-field + div.form-field { margin-top:50px;  }
#appointment  input[type=submit] { margin-top:50px; border:none; width:100%; text-transform:uppercase; font-size:16px; font-weight:600; padding:20px 10px; transition:all 0.5s ease; }
#appointment .appt-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover;}

/* Map and Appointment Form */
#map-and-form > div { padding:0; }
/* #showroom-map, #appointment { height:650px; } */

@media screen and (max-width: 991px) {
  #showroom-map, #appointment { height:500px; }
}

@media screen and (max-width: 767px) {
  #appointment { height:auto; background:none; }
  #appointment img { display:none; }
  #appointment div.form-field + div.form-field { margin-top:30px; }
  #appointment .col-xs-12.col-sm-6 + .col-xs-12.col-sm-6 { margin-top:30px; }
  #appointment .col-xs-12:last-child { padding:0; }
}

/* Misc Styles */
/* Specials */
#specials-coupon { border:1px dashed #aaa; padding:15px; width:100%; max-width:800px; }
#specials-coupon img { width:100%; }
#specials-coupon p { margin:10px 0 0; color:#aaa; font-size:11px; line-height:15px; }

/* Sweepstakes */
.modal-open { padding:0 !important; }
.mm-page.mm-slideout { position:static; }
.hidden-xs.hidden-sm.col-lg-10.col-lg-offset-1 { min-height:320px; }
#content.sweepstakes-page .hero-img,
#content.sweepstakes-page #gradient {height:325px;}
#content-one.sweepstakes-page { background:#fff; padding:20px 0;  }
#rules-modal { cursor:pointer; text-decoration:none; color:#a11014; font-weight:600; font-size:17px; }
#rules-modal + p { font-style:italic;  margin-top: 20px; font-weight:300; }
@media screen and (min-width: 768px) {
  #content.sweepstakes-page .hero-img,
  #content.sweepstakes-page #gradient {height:500px;}
  #content-one.sweepstakes-page { margin-top:170px; }
}
@media screen and (min-width: 992px) {
  #content-one.sweepstakes-page { margin-top:280px; }
}

.table-wrapper {
  display: table;
  width:100%;
  height:100%;
  overflow:hidden;
}
.table-cell {
  display: table-cell;
  width:100%;
  vertical-align: middle;
}
.prize-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height:300px;
  margin-bottom: 15px;
}
.prize-block .text-block {
  width:75%;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
}
#prizes h1,
#prizes h2 {
  margin:0;
  font-weight: 700;
}
#prizes h1 {
  text-transform: uppercase;
}
sup { font-size: 50%; }

/* General */
.row-navigation { border-bottom:3px solid transparent; }
/*#content { padding-top:155px !important; }*/
#mobile-phone { z-index: 2; position: absolute; top: 150px; left: 0; right: 0; text-align: center; }
#mobile-phone a { text-decoration:none; display:inline-block;color:#fff; font-size:33px; font-weight:600; }
@media (min-width: 768px) { 
  #mobile-phone { display:none;}
}

/* Page headings */
.page-headings { position:relative; width:80%; margin: 225px auto 30px; z-index: 3;}
.page-headings h3, .page-headings h4 { font-weight:600 !important; color:#fff !important; text-shadow:2px 2px 2px rgba(0,0,0,0.5); }
.page-headings h3 { font-size:30px; margin:0 0 30px; }
.page-headings h4 { display:none; font-size:16px; line-height:30px; }

@media (min-width: 768px) {
  .page-headings { margin: 225px auto 30px; }
  .page-headings h4 { display:block; }
}
@media (min-width: 992px) {
  .page-headings { width:30%; margin-left: 8.333333333%; }
}
@media (min-width:1200px) {
  .page-headings { width:40%;  }
  .page-headings h3 { font-size:46px; }
  .page-headings h4 { font-size:20px; }
}
@media (min-width:1400px) {
  .page-headings { margin-left: 15%; }
}
.home .page-headings {display: none;}

/* Hero imagery */
/*.hero-img { background-size:cover; background-position: center center; height:500px; width:100%; position:absolute; top:0; }*/
@media (min-width: 768px) {
  /*.hero-img {height: 750px;}*/
}

/* Trust imagery */
#quick-form-trust { margin-top: 30px; text-align: center; }
#quick-form-trust img { margin-left: 15px; }
#quick-form-trust img:first-child { margin-left: 0px; }

#schedule-an-appointment-form-trust {
  margin: auto;
  margin-top: 10px; 
  margin-bottom: 30px; 
  text-align: center;
  max-width: 550px;
  outline: 0px solid yellow;
}
#schedule-an-appointment-form-trust img { 
  position: static !important;
  width: auto !important;
  display: inline !important;
  opacity: .7;
  margin: 20px 20px 0px 20px;
}

/* Showroom map CTA */
#showroom-map { text-align:center; }
#showroom-map > a { position:relative; display:inline-block; text-align:center; }
#showroom-map > a { text-decoration:none; display:inline-block; font-weight:300; font-size:28px; padding:9px 24px; margin-top:44px; transition:all 0.5s ease; }
#showroom-map > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100 !important;
    background: url(../img/footer-map-img.png) center;
    background-size: cover;
}

/* mmenu */
#mmenu { z-index:22; color:#000; font-size:18px; background:#fff; border-right:1px solid #ddd; }
#mmenu .mm-title { color:#000; }
#mmenu .mm-navbar { border-color:#ddd; }
#mmenu li { border-color:#ddd; margin-left:-20px; padding-left:20px; }
#mmenu .mm-listview > li.no-bottom-border:not(.mm-divider)::after { border-bottom-width:0; }

/* Content Styles */
#content {
    padding:0;
    overflow-x: hidden;
}

.table-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.table-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.two_column > .table-wrapper > .table-cell {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}
.tile {
    overflow: hidden;
    padding: 5px 15px;
}
.tile a {
    position: relative;
    display: block;
    text-decoration: none !important;
}
.tile .block {
    overflow: hidden;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px 0px 40%;
}
.tile.video .block, 
.tile.gallery .block {
    padding: 0 0 50%;
    border: none;
    height: 100%;
}
.tile .square {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    text-align: center;
    padding: 30px 15px;
}
.tile .square, 
.tile .color {
    transition: background-color .4s ease-out, opacity .4s ease-out, transform .4s ease-out;
    -moz-transition: background-color .4s ease-out, opacity .4s ease-out, transform .4s ease-out;
    -webkit-transition: background-color .4s ease-out, opacity .4s ease-out, transform .4s ease-out;
}
.tile .image {
    display: block;
}
.tile .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.tile .image {
    opacity: 0.1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: out;
    animation-name: out;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-opacity .2s ease-out, -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-opacity .2s ease-out, -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity .2s ease-out, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.tile.gallery .image {
    opacity: 1;
    -webkit-animation-name: less-out;
    animation-name: less-out;
    -webkit-transition: filter .2s ease-out;
    transition: filter .2s ease-out;
}

.block_content .entry-content {
    padding: 5% 30px;
}


.two_column .tile {
    height: 100%;
    padding: 0;
}
.two_column .tile a {
    height: inherit;
}

.entry-content h1 {
  color:#000;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 24px;
    text-transform: uppercase;
}
.entry-content p {

}
.entry-content .features {
  margin: 30px auto;
}
.entry-content .feature {
  text-align: center;
}
.entry-content .feature h4 {
  font-weight: 700;
  text-transform: uppercase;
  color:#333;
  margin:0 0 20px;
}

.hint {
    font-style: italic;
    color: #BBB;
}

@media (max-width: 767px) {
    #showroom-map {
        max-height: 300px;
    }
}

@media (min-width: 768px) {
  .table-cell {
      height: 100%;
  }
  .tile, #ctas-column .tile {
      padding: 5px;
  }
  .tile .block {
      padding: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .two_column > .table-wrapper > .table-cell {
      width: 50%;
      display: table-cell;
      margin: 0;
  }
  .block_content .entry-content {
      padding: 5% 15%;
  }
}

.form-checkbox {
  font-size: 10px;
  line-height: 1.15;
}

input.checkbox-input {
  width: unset !important;
  display: inline-block !important;
}

#form--bottom-ribbon .wpcf7-response-output {
    position: absolute;
    bottom: 100%;
    width: 100%;
    background: white;
}

.gallery .slick-slide {
    height: inherit;
}

#quick-form-container .wpcf7-select {
    background: #00354b;
    width: 100%;
    padding: 1rem;
}
#quick-form-container .wpcf7-response-output {
  color: #fff !important;
  text-align: center;
}
@media (max-width: 480px) {
    #col-logo { width: 150px;}
}