html {



  scroll-behavior: smooth;



}

@font-face {

    font-family: 'BigCaslonFB';

    src: url('../fonts/BigCaslonFB-Regular.woff2') format('woff2'),

        url('../fonts/BigCaslonFB-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}


@font-face {
    font-family: 'ACaslonPro-Regular';
    src: url('../fonts/ACaslonPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Garamonb';
    src: url('../fonts/Garamonb.ttf')  format('truetype'); 
}


body{



  font-family: 'BigCaslonFB' !important;
    background: #f0d6ca;


}



::selection {



  background: #6a1d2f;



  color: #fff



}



::-moz-selection {



  background: #6a1d2f;



  color: #fff



}

.site-main-menu>ul>li>a i {
    margin-left: 8px;
}

.site-main-menu>ul>li>a {
    display: flex;
    align-items: center;
}

#top-address{



	text-align: right;



    color: #fff;



    position: absolute;



    width: 100%;



    margin-top: -20px;



    padding-right: 53px;



}


.quotelink{
	color:#1292ee;
}


.image-subtitle-wrapper
{
	padding-top:14px;
}

#top-address>a:hover{



color: #ffffff !important;



}



#top-address>a:hover:after {



transform: scalex(1)



}



#top-address>a:after {



display: block;



content: '';



border-bottom: solid 2px #fff;



transform: scalex(0);



transition: transform 250ms ease-in-out;



z-index: 999;



transform-origin: 0% 100%



}



.apjkala h2  span{



font-size: calc((3 - 1) * 1.2vw + 1rem);



color: #fde992;



}



.apjkala h2 {



    font-size: calc((2 - 1) * 1.2vw + 1rem);



    color: #fff;



    font-family: Poppins;



    font-weight: 500;



    font-style: normal;



    letter-spacing: 0em;



    text-transform: none;



    text-align: left;



    padding-top: 118px;



    /* font-size: 12px !important; */



}



a{



  color: #ffffff;



}

.banner-text {

    text-align: left;

}



.banner-text h1, .banner-text h2 {

    color: #f2d6d6;

    font-size: 44px;

    line-height: 42px;

    margin-bottom: 50px;

	    font-family: 'BigCaslonFB';

}

.quote-text a.apj-req-quote {

    background-color: #bcedfd;

	line-height: 1.5em;

    height: 75px;

    font-size: 20px;

    margin-top: 10px;

}

.quote-text a.apj-req-quote:hover {

    background: #c4fffc;

	color:#000;

}

.quote-text {

    text-align: right;

}

.banner-text {

    text-align: left;

    margin-top: 150px;

}

.intro-section.banner-height {

    height: 100vh;
    margin-top: 156px;
}

.footer-section {

    padding: 100px 0 0;

    overflow: hidden;

    /* background: url(../images/lines-footer); */

	    position: relative;

}

.footer-section::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    opacity: 0.15;

    background-color: #030f27;

}

.footer-section .container {

    position: relative;

}

.footer-section a.logo-header img {

    max-height: 100px;

}

.intro-section.storageser-section.section::before {

	    opacity: 0.5;

}

@media (min-width: 1300px){



  .container, .container-lg, .container-md, .container-sm, .container-xl {



    max-width: 1300px;



  }



}



@media (min-width: 1400px){



  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {



    max-width: 1380px;



  }



}



/*p a {



    -webkit-transition: ease-in-out .25s !important;



    -moz-transition: ease-in-out .25s !important;



    -ms-transition: ease-in-out .25s !important;



    -o-transition: ease-in-out .25s !important;



    transition: ease-in-out .25s !important



}



p a:hover {



    margin-left: 5px;



    -webkit-transition: ease-in-out .25s !important;



    -moz-transition: ease-in-out .25s !important;



    -ms-transition: ease-in-out .25s !important;



    -o-transition: ease-in-out .25s !important;



    transition: ease-in-out .25s !important



}



h2 {



    -webkit-transition: ease-in-out .25s !important;



    -moz-transition: ease-in-out .25s !important;



    -ms-transition: ease-in-out .25s !important;



    -o-transition: ease-in-out .25s !important;



    transition: ease-in-out .25s !important



}



h2:hover {



    margin-left: 5px;



    -webkit-transition: ease-in-out .25s !important;



    -moz-transition: ease-in-out .25s !important;



    -ms-transition: ease-in-out .25s !important;



    -o-transition: ease-in-out .25s !important;



    transition: ease-in-out .25s !important



    }*/



    .apj-req-quote{



	border-color: transparent;



    background-color: #fde992;



    color: #000;



     border-radius: 300px;



     border-width: 2px;



     border-style: solid;



     -webkit-transition: 0.1s background-color linear, 0.1s color linear;



     -moz-transition: 0.1s background-color linear, 0.1s color linear;



     -o-transition: 0.1s background-color linear, 0.1s color linear;



     transition: 0.1s background-color linear, 0.1s color linear;



     font-size: calc((1 - 1) * 1.2vw + 1rem);



     font-family:  'ACaslonPro-Regular';



     font-weight: 500;



     font-style: normal;



     letter-spacing: .02em;



     text-transform: none;



     line-height: 1.2em;



     position: relative;



     display: inline-block;



     padding: 1.04em 1.7368em;



   }



   .apj-req-quote:hover{



    border-color: #fff;



    background-color: #000;



    color: #fff;



  }

.header-section.header-transparent.section.inner-header {
    /*position: relative;*/
    top: 0;
    position: fixed;
}

  .header-section.header-transparent {



    position: absolute;



    top: 28px;



  }



  .header-logo a {



    position: relative;



    max-width: 223px;



  }



  .header-logo a img {



    padding: 0;



    width: auto;



    max-width: 100%;



    max-height: 100px;



  }



   .apj_desc h3{



    /*font-size: calc((4 - 1) * 1.2vw + 1rem);*/



    color: #fff;



    font-family: Poppins;



    font-weight: 500;



    font-style: normal;



    letter-spacing: 0em;



    text-transform: none;



    text-align: left;



    padding-top: 25px;



  }



  .apj_desc h2{



    /*font-size: calc((4 - 1) * 1.2vw + 1rem);*/



    color: #fff;



    font-family: Poppins;



    font-weight: 500;



    font-style: normal;



    letter-spacing: 0em;



    text-transform: none;



    text-align: left;



    padding-top: 118px;



  }



  .is-sticky{



    display: none;



  }



  .intro-section{



    height: 93vh;



  }



  .storageser-section{



    height: 80vh;



  }



  .site-main-menu>ul>li>a{





    font-weight: 500;



    font-style: normal;



    letter-spacing: 0em;



    text-transform: none;



    line-height: 1.8em;



    /*font-size: 18px;*/



    font-size: 22px;

	    color: #f2d6d6;

		    padding: 20px 45px 15px;

			    font-family: 'BigCaslonFB';



  }
.header-mobile-menu-toggle nav ul li {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
        position: relative;
}
.header-mobile-menu-toggle nav ul.sub_menu {
    top: 45px !important;
    background: #f7f7f7;
    left: 0;
    padding: 10px 15px;
    border-radius: 5px;
    width: 100%;
    z-index:9;
}
ul.sub_menu li a {
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 1.1;
    font-size: 20px;
    color: #f2d6d6;
    padding: 10px 0;
    font-family: 'BigCaslonFB';
}

ul.sub_menu li {
    list-style: none;
}
/*
ul.sub_menu {
    margin: 0;
    padding: 0;
    padding-left: 45px;
    display: none;
    position: absolute;
    min-width: 300px;
}*/

ul.sub_menu {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    display: none;
    position: absolute;
    min-width: 270px;
    background: #000;
    margin-left: 45px;
}

.site-main-menu>ul>li:hover ul.sub_menu {
    display: block;
}
/*
.header-section .header-inner .row.justify-content-between.align-items-center {
    align-items: flex-start !important;
}
*/
.header-section .header-inner {
    align-items: flex-start;
    align-content: flex-start;
}

  .site-main-menu>ul>li:hover>a{



    color: #ffffff;



  }



  .site-main-menu>ul>li a:hover:after {



    transform: scalex(1)



  }



  .site-main-menu>ul>li a:after {



    display: block;



    content: '';



    border-bottom: solid 2px #fff;



    transform: scalex(0);



    transition: transform 250ms ease-in-out;



    z-index: 999;



    transform-origin: 0% 100%



  }



  .scroll-top{



   background-color: #471524;



 }



 .image-overlay{



  content: "";



  display: block;



  position: absolute;



  z-index: 1;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: #6a1d2f;



  opacity: .1;



}



.section-background-overlay {



  background-color: #6a1d2f;



  opacity: 0.15;



}



.section-background-overlay-dark{



  background-color: #000000;



  opacity: 0.15;



}



.section-background-overlay {



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



}



.about-image,.about-image:hover{



  transform: none!important;



  will-change: unset!important;



}



.about-image-area .about-image img{



  box-shadow:none!important;



  -webkit-box-shadow:none!important;



  border-radius: 0px;



  -webkit-transition: none !important;



  -o-transition: none !important;



  transition: none !important;



}



.secondsec-main-heading{

  color: #000;



  /*font-size: calc((3 - 1) * 1.2vw + 1rem);



  font-family: Poppins;*/
    font-family: 'BigCaslonFB';

  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



  text-align: left !important;



  margin: 0;



  line-height: 68px;



}

h2.secondsec-main-heading.mar-btm-20 {
    margin-bottom: 15px;
}
h3.sub-heading {
    color: #000;
    font-family: 'BigCaslonFB';
}
.vinerte-large, p, .vinerte-small {



  margin: 1rem 0;



}



.vine-block-image .vine-dynamic-text {



  font-size: inherit !important;



  line-height: inherit !important;



}
.intro-section.storageser-section.section.height-space {
    height: 120px;
}
.footer-btn-quote {
    position: fixed;
    right: 30px;
    bottom: 30px;
        z-index: 99;
}
.inner-header {
    background: #190000;
    min-height: auto; 
    padding-top: 10px;
    padding-bottom: 24px;
}
.header-section .header-inner {
    min-height: auto;
 }
p.secondsec-main-aboutus.abtus-space {
    margin-top: 2px;
}

.secondsec-main-aboutus{



  white-space: pre-wrap;



  color: #000;



/*  font-family: Poppins;*/

font-family: 'BigCaslonFB';

  font-weight: 400;



  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



  max-width: 100% !important;



  overflow-wrap: break-word;



  font-size: 18px;



  margin-top: 18px;



}



.apj-about-image{



  right: 0 !important;



}



.apj-about-image-area{



  margin-left: 45px;



  margin-right: 0px;



}



.about-image-area .about-image {



  right: 0;



}



.section-padding-bottom-100 {



  padding-bottom: 100px;

    margin-top: 156px;

}



.ver-center{



  display: flex;



  align-items: center;



}



[data-overlay]::before {



  background-color: #000000;



}



.apj-bjhead{



  color: #fff;



  outline: none;



  font-family: Poppins;



  font-weight: 500;



  font-style: normal;



  letter-spacing: 0em;



  text-align: left;



  max-width: 675px;



  padding-bottom: 32px;



  /* padding-top: 72px;*/



  margin-top: 34px;



}



.apj-req-alt{



  line-height: 0.2em;



  padding: 2.24em 3.7368em;



}



.lightbox-handle-wrapper--align-left{



  animation-name: floating;



  animation-duration: 3s;



  animation-iteration-count: infinite;



  animation-timing-function: ease-in-out;



  margin-bottom: -50px;



}



.section-title .title{



  line-height: 1.232;



  font-family: Poppins;



  font-weight: 500;



  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



}



.footer-widget-content {



  color: #ffffff;



}



.text-white{



  color: #ffffff;



}



.vinerte-large{



  margin-top: -6px;



}



.apj-copyrights-font{



  float: right;



}



.footer-social-inline a {



 margin-right: 24px;



 color: #ffffff;



}



.footer-social-inline a:hover {



  color: #ffffff;



  opacity: .8;



}



.footer-social-inline a i {



  font-size: 20px;



}



.footer-widget-content ul li a:hover{



  margin-left: 5px;



  -webkit-transition: ease-in-out .25s !important;



  -moz-transition: ease-in-out .25s !important;



  -ms-transition: ease-in-out .25s !important;



  -o-transition: ease-in-out .25s !important;



  transition: ease-in-out .25s !important;



  color: #ffffff;



  opacity: .7;



}



.footer-logo img{



  margin-left: -22px;



}



.section-padding-t90-b50 {



  padding-top: 90px;



  padding-bottom: 50px;



}



.section-padding-t60-b20{



  padding-top: 60px;



  padding-bottom: 20px;



}



.h-cla{



  line-height: 1.3328 !important;



}



.vinevalut-section h2{



  text-align: left;



  -webkit-transition: ease-in-out .25s !important;



  -moz-transition: ease-in-out .25s !important;



  -ms-transition: ease-in-out .25s !important;



  -o-transition: ease-in-out .25s !important;



  transition: ease-in-out .25s !important;



  font-family: Poppins;



  font-weight: 500;



}



.vinevalut-section h2 a:hover{



  opacity: .7;



  color: #ffffff;



  margin-left: 5px;



  -webkit-transition: ease-in-out .25s !important;



  -moz-transition: ease-in-out .25s !important;



  -ms-transition: ease-in-out .25s !important;



  -o-transition: ease-in-out .25s !important;



  transition: ease-in-out .25s !important;



}



#RequestQuoteModal{



  z-index: 10000;



}



.padding-top-0{



  padding-top: 0px !important;



}



.request-quote-modal label{



  color: #1c1c1c;



  font-weight: 500;



  font-size: 14px;



  text-transform: none;



  font-style: normal;



  font-family: 'ACaslonPro-Regular';



  padding-top: 26px;



}



#RequestQuoteModalLabel{



  font-family: 'ACaslonPro-Regular';



  font-size: 1.8rem;



  line-height: 1.2em;



  margin-left: 10px;



  color: #fff;



  font-weight: 500;



  text-transform: none;



  font-style: normal;



}



.request-quote-modal select{



  appearance: auto;



  padding-left: 0!important;



  font-size: 14px !important;



}



.request-quote-modal input,.request-quote-modal textarea,.request-quote-modal select{



  font-size: 12px;



  border: none;



  background: #ffffff;



  border-bottom: 1px solid #231f20;



  border-radius: 0;



  padding-left: 6px;



  font-family: sans-serif;



  color: #000000;



  min-height: 38px;



}



.request-quote-modal input:focus,.request-quote-modal textarea:focus,.request-quote-modal select:focus{



  /* border: none; */



  color: #000;



  border-bottom: 2px solid #231f20;



  background-color: #fff;



  outline: none !important;



  box-shadow: 0 0 0 0.25rem rgb(18 146 238 / 0%);



}



.bottom-input-text{



  font-size: 12px;



  color: #1c1c1c;



  font-weight: 500;



  line-height: normal;



  font-family: sans-serif;



}



.apj-submit-btn{



  background: none;



  border: none;



  color: #fff;



 /* background-color: #fff;*/



  font-weight: bold;



  font-size: 1.375rem;



  padding-left: 0px;



  padding-top: 25px;



  padding-bottom: 35px;



}



.apj-submit-btn:hover{



  color: #f9a51a;



}



.field-error {



  border-radius: 2px;



  background: #cc3b3b url(../../../../../../assets.squarespace.com/universal/images-v6/standard/icon_close_7_light.png) no-repeat 9px 50%;



  color: #fff;



  display: inline-block;



  font-size: 13px;



  line-height: 23px;



  margin: 12px 0;



  padding: 5px 15px 3px 25px;



}



/*form .field-error{



      margin-left: 15px;



}



*/



.header-mobile-menu-toggle nav {



  background-color: rgb(255 255 255);



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  opacity: 0;



  visibility: hidden;



  -webkit-transition: all 0.3s ease-in-out;



  transition: all 0.3s ease-in-out;



}



.header-mobile-menu-toggle nav ul {



  list-style-type: none;



  padding: 0;



  margin: 0;



  position: absolute;



  left: 5%;



  top: 140px;



  -webkit-transition: all 0.3s ease-in-out;



  transition: all 0.3s ease-in-out;
    width: 85%;

/*
  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);*/



}



.header-mobile-menu-toggle nav ul li {






  opacity: 0;



}



.header-mobile-menu-toggle nav ul li a {



  display: block;



  font-size: 28px;



  text-decoration: none;



  /* padding: 10px 0; */



  text-align: left;



  color: #000;



  font-weight: 500;



  -webkit-transition: all 0.2s ease-in-out;



  transition: all 0.2s ease-in-out;



  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/



}
.header-mobile-menu-toggle nav ul.sub_menu li a {
    font-size: 22px;
}


.header-mobile-menu-toggle nav ul li a:hover {



  color: #354c3c;



}



.header-mobile-menu-toggle .toggle-btn {



  display: block;



  /* position: fixed;*/



  z-index: 10;



  right: 28px;



  top: 48px;



  cursor: pointer;



}



.header-mobile-menu-toggle .toggle-btn .bar {



  width: 30px;



  height: 2px;



  margin: 7px auto;



  background-color: #fff;



  -webkit-transition: all 0.3s ease-in-out;



  transition: all 0.3s ease-in-out;



  /*box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);*/



}



.header-mobile-menu-toggle .toggle-btn .bar:nth-child(2) {



  width: 20px;



  display: none;



}



#toggle:checked + label.toggle-btn .bar:nth-child(2){



  display: block;



}



#toggle:checked ~ nav {



  opacity: 1;



  visibility: visible;



}



#toggle:checked ~ nav ul {



  top: 188px;



}



#toggle:checked ~ nav ul li {


  opacity: 1;



}



#toggle:checked ~ nav ul li:nth-child(1) {



  -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;



  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;



}



#toggle:checked ~ nav ul li:nth-child(2) {



  -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;



  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;



}



#toggle:checked ~ nav ul li:nth-child(3) {



  -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;



  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;



}



#toggle:checked ~ nav ul li:nth-child(4) {



  -webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;



  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;



}



#toggle:checked ~ nav .apj-req-quote-alt {



  transform: translateY(0);



}



#toggle:checked + label.toggle-btn .bar {



  background-color: #000000;



}



#toggle:checked + label.toggle-btn .bar:nth-child(2) {



  -webkit-transform: translateX(50px);



  transform: translateX(50px);



  opacity: 0;



}



#toggle:checked + label.toggle-btn .bar:nth-child(1) {



  -webkit-transform: translateY(10px) rotate(45deg);



  transform: translateY(10px) rotate(45deg);



}



#toggle:checked + label.toggle-btn .bar:nth-child(3) {



  -webkit-transform: translateY(-8px) rotate(-45deg);



  transform: translateY(-8px) rotate(-45deg);



}



#RequestQuoteModal .close{



  color: #000000;



  padding: 0;



  background-color: transparent;



  border: 0;



  appearance: none;



  font-weight: 600!important;



}



#RequestQuoteModal .modal-header{



  border-bottom: none !important;



  padding-top: 25px;



}



#RequestQuoteModal .modal-footer{



  border-top: none !important;



}



.vine-announcement-bar {



  background: #fefefe;



}



.vine-announcement-bar {



  background-color: #fefefe;



  padding: 8px;



  margin: 25px;



  bottom: 8px;



  border-radius: 10px;



  width: auto !important;



  position: fixed;



  top: initial !important;



  display: flex;



  text-align: center;



}



.vine-announcement-bar {



  top: 0;



  left: 0;



  z-index: 999;



  text-align: center;



}



.vine-announcement-bar-close, .vine-announcement-bar-url {



  outline-offset: -2px;



}



.vine-announcement-bar-url {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}



.vine-announcement-bar-text, .vine-announcement-bar-text p {



  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;



  font-size: 13px;



  font-weight: 300;



  letter-spacing: 1px;



  font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;



  font-weight: 500;



  line-height: 1.2em;



  font-size: 1rem;



  font-family: Poppins;



  font-weight: 400;



  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



  font-size: .9rem;



}



.vine-announcement-bar-text {



  padding: .8em 3em;



}



.vine-announcement-bar-close {



  background: transparent;



  color: #000;



}



.vine-announcement-bar-close {



  cursor: pointer;



  position: absolute;



  top: 0;



  right: 0;



  width: 2.8em;



  height: 2.78em;



  color: #000;



}



.vine-announcement-bar-text, .vine-announcement-bar-text p {



  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;



  font-size: 13px;



  font-weight: 300;



  letter-spacing: 1px;



  font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;



  font-weight: 500;



  line-height: 1.2em;



  font-size: 1rem;



  font-family: Poppins;



  font-weight: 400;



  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



  font-size: .9rem;



  color: #000;



}



#announcement-bar-text-inner-id{



  margin-top: -16px;



}



.vine-announcement-bar-close:after {



  content: '×';



  display: block;



  font-family: helvetica,arial,sans-serif;



  font-size: 1em;



  font-weight: 100;



  line-height: 2.7em;



  letter-spacing: normal;



  padding: 0;



}



.atage {



  color: #354c3c;



}



.atage:hover{



  color: #6a1d2f;



}



.vinevalut-section{



  background-color: #6a1d2f;



}



.agency-accordion .card-header .h5 a.acc-btn::before, .agency-accordion .card-header h5 a.acc-btn::before {



  content: "\f067";



  left: 16px;



  position: unset;



}



.agency-accordion .card-header .h5 a.acc-btn, .agency-accordion .card-header h5 a.acc-btn {



  padding: 20px 42px;



}



.agency-accordion .card-header .h5 a.acc-btn[aria-expanded=true]::before, .agency-accordion .card-header h5 a.acc-btn[aria-expanded=true]::before {



  content: "\f068";



}



#accordionExample h5 a{



  font-size: calc((2.2 - 1) * 1.2vw + 1rem);



  color: #231f20;



  line-height: 1.3328;



  max-width: 79%;



  font-family: Poppins;



  font-weight: 500;



  font-style: normal;



  letter-spacing: 0em;



  text-transform: none;



}



.agency-accordion .card-body {



  margin-left: 1.5em;



  /*   padding: 10px 25px 0px;*/



  box-shadow: none;



  color: #231f20 !important;



}



.agency-accordion .card-header {



  border: none;



}



.agency-accordion .card{



  border: none!important;



  margin-bottom: -15px;



}



@keyframes floating {



  from {



    transform: translate(0,0px)



  }



  50% {



    transform: translate(0,5px)



  }



  to {



    transform: translate(0,0px)



  }



}



.apj-fieldset { 



  background-color: #fff;



  /* border: 2px solid #2633ff; */ 



  border-top: none; 



  border-radius: 2px;



  /*  margin: 32px 2px; */



  margin: 0px 0px 24px 0px;



  padding: 8px 8px 20px 8px; 



} 



.apj-fieldset .mt--4{ 



  margin-top: -4px;



}



.apj-fieldset .mt--12{ 



  margin-top: -12px;



}



.apj-fieldset .row{ 



  margin-top: -16px;



  width: 100%;



  display: inline-flex;



}



.apj-fieldset h1 { 



  text-align: center;



  color: #1c1c1c;



  font-weight: 500;



  font-size: 14px;



  text-transform: none;



  font-style: normal;



  font-family: sans-serif;



  margin: -16px -8px 0; 



} 



.apj-fieldset h1 span { 



  //float: left;



    color: #fff;



    font-weight: 800;



} 



.vv-fieldset h1 {



  text-align: center;



  color: #fff;



  font-weight: 600;



  font-size: 16px;



  text-transform: none;



  font-style: normal;



  font-family:  'ACaslonPro-Regular';



  margin-top: -12px;



}



/*



.apj-fieldset h1:before { 



  border-top: 2px solid #333; 



  content: ' '; 



  float: left; 



  margin: 8px 4px 0 -1px; 



  width: 12px; 



} 



.apj-fieldset h1:after { 



  border-top: 2px solid #2633ff; 



  content: ' '; 



  display: block; 



  height: 24px; 



  left: 4px; 



  margin: 0 1px 0 0; 



  overflow: hidden; 



  position: relative; 



  top: 8px; 



} */



.the-legend {



  border-style: none;



  border-width: 0;



  font-size: 14px;



  line-height: 20px;



  margin-bottom: 0;



  width: auto;



  padding: 0 10px;



  border: 1px solid #e0e0e0;



}



.the-fieldset {



  border: 1px solid #e0e0e0;



  padding: 10px;



}



.lbl-chg label{



  margin-top: -34px;



}



/*-- pop up css 12-8 --*/

.request-quote-modal input[type="radio"],

.request-quote-modal input[type="checkbox"], 

.request-quote-modal textarea{

    min-height: inherit;

	vertical-align: middle;

}

.request-quote-modal .margin-group .form-group {

    margin-bottom: 10px;

}

.request-quote-modal input[type="checkbox"]{

	    vertical-align: top;

    margin-top: 4px;

}

.request-quote-modal .space-adjt input[type="checkbox"],

.request-quote-modal .space-adjt input[type="radio"] {

    margin-top: 9px;

}

.request-quote-modal textarea{

	height: 75px;

}

.request-quote-modal label {

    padding-top: 0;

    margin-bottom: 5px;

	line-height: 1.3;

}



.request-quote-modal .form-group {

    margin-bottom: 15px;

}



.request-quote-modal li.nav-link a {

    font-size: 15px;

    line-height: 22px;z-index: 9;
    position: relative;

}

.request-quote-modal li.nav-link a.active {

    font-weight: 500;

}

.nav-tabs-custom .tab-content {

    background: #f7f7f7;

    padding: 10px;

    border: 1px solid #dee2e6;

    border-top: 0;

}	



.request-quote-modal li.nav-link.active {

    background: #f7f7f7;

    border-bottom: #f7f7f7;

}

.request-quote-modal .form-group button.apj-req-quote.apj-rq {

    height: auto;

    font-size: 15px;

    padding: 13px 36px;

    background: #ff8fc2;

}

.request-quote-modal .apj-fieldset {

    margin: 0px 0px 25px 0px;

    padding: 25px 15px 5px 15px;

    background: #fff2f2;

    border: 1px solid #000;

}

.request-quote-modal .tab-content #tab_2 {

    padding-bottom: 15px;

}

label.text-i {

    color: #888;

    font-size: 13px;

}

.request-quote-modal li.nav-link#tab1,

.tab-content>.tab-pane#tab_1 {

    background: #edd1f7;

}
.request-quote-modal li.nav-link#tab1_second,
.tab-content>.tab-pane#tab_1_second {

    background: #edd1f7;

}


.request-quote-modal li.nav-link#tab2_second,

.tab-content>.tab-pane#tab_2_second {

    background: #f2c2cc;

}



.request-quote-modal li.nav-link#tab2,

.tab-content>.tab-pane#tab_2 {

    background: #f2c2cc;

}

.request-quote-modal li.nav-link#tab3,

.tab-content>.tab-pane#tab_3 {

    background: #d4bacf;

}


.request-quote-modal li.nav-link#tab4,

.tab-content>.tab-pane#tab_4 {

    background: #a8b6d0;

}


.request-quote-modal li.nav-link#tab2_second,

.tab-content>.tab-pane#tab_2_second {

    background: #f2c2cc;

}

.request-quote-modal li.nav-link#tab3_second,

.tab-content>.tab-pane#tab_3_second {

    background: #d4bacf;

}



.request-quote-modal li.nav-link#tab4_second,

.tab-content>.tab-pane#tab_4_second {

    background: #a8b6d0;

}



.tab-content>.tab-pane#tab_1,

.tab-content>.tab-pane#tab_2,
.tab-content>.tab-pane#tab_4,

.tab-content>.tab-pane#tab_3 {

    padding: 10px;

	 border: 1px solid #edd1f7;

}


.tab-content>.tab-pane#tab_1_second,

.tab-content>.tab-pane#tab_2_second,
.tab-content>.tab-pane#tab_4_second,

.tab-content>.tab-pane#tab_3_second {

    padding: 10px;

	 border: 1px solid #edd1f7;

}




.tab-content>.tab-pane#tab_2{

    padding: 10px;

	border: 1px solid #f2c2cc;

}


.tab-content>.tab-pane#tab_2_second{

    padding: 10px;

	border: 1px solid #f2c2cc;

}


.tab-content>.tab-pane#tab_3 {

    padding: 10px;

	border: 1px solid #d4bacf;

}

.tab-content>.tab-pane#tab_3_second {

    padding: 10px;

	border: 1px solid #d4bacf;

}

.tab-content>.tab-pane#tab_4 {

    padding: 10px;

	border: 1px solid #d4bacf;

}

.tab-content>.tab-pane#tab_4_second {

    padding: 10px;

	border: 1px solid #d4bacf;

}
.request-quote-modal .apj-fieldset .nav-tabs-custom .tab-content {

    background: transparent;

    padding: 0;

    border: 0;

}

@media only screen and (max-width: 991px) and (min-width: 768px){



  .apj-req-quote-alt{



    display: none;



  }



  .section-padding-t90-b50 {



    padding-top: 75px;



    padding-bottom: 30px;



  }



  .section-padding-t60-b20{



    padding-top: 45px;



    padding-bottom: 20px;



  }



}



@media only screen and (max-width: 991px){

  #accordionExample h5 a {

    max-width: 100%;

  }

}


.radio_circle {
    position: relative;
}

/* Request quote popup radio button on mobile */

.radio_circle {
    display: block;
}
.radio_circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19.6px;
    height: 19.6px;
    border: 1px solid #333;
    border-radius: 100%;
    background: #fff;
}
.radio_circle:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0075ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio_circle:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
li.nav-link.active .radio_circle:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
	border-color: #0075ff;
}
li.nav-link.active .radio_circle:before {
	border-color: #0075ff;
}
.request-quote-modal li.nav-link a {
    padding-left: 25px;
}
/* //Request quote popup radio button on mobile */


@media only screen and (max-width: 767px){


  .section-padding-t90-b50 {



    padding-top: 55px;



    padding-bottom: 30px;



  }



  .section-padding-t60-b20{



    padding-top: 45px;



    padding-bottom: 20px;



  }

.apj-fieldset .row {

    width: auto;

}



.request-quote-modal .margin-group .form-group {

    margin-bottom: 5px;

}

.request-quote-modal .tab-content #tab_2 input,

.request-quote-modal .tab-content #tab_3 input {

    margin-bottom: 10px;

}

.request-quote-modal .tab-content #tab_2 {

    padding-bottom: 5px;

}

.request-quote-modal li.nav-link a br {

    display: none;

}

.nav-tabs .nav-link {

    width: 100%;

}

.request-quote-modal .apj-fieldset.textAreaBox .row {

    margin-left: -15px;

    margin-right: -15px;

    display: block;

}
.intro-section.banner-height, .section-padding-bottom-100 {
    margin-top: 122px;
}
}



@media screen and (min-width: 1782px){



  .apj-large-font {



    font-size: calc(1.4 * 1rem);



  }



  #accordionExample h5 a{



    font-size: calc(2.2 * 1rem);



  }



  h2{



    font-size: calc(3.2 * 1rem);



  }



  h1 {



    font-size: calc(4 * 1rem);



  }



  h3 {



    font-size: calc(2.2 * 1rem);



  }



  .secondsec-main-heading{



    font-size: calc(3.2 * 1rem);



  }



  .apj-copyrights-font{



    font-size: calc(1 * 1rem);



  }



}



@media screen and (max-width: 1781px) and (min-width: 0){



  h1 {



    font-size: calc((4 - 1) * 1.2vw + 1rem);



  }



  h2 {



    font-size: calc((3.2 - 1) * 1.2vw + 1rem);



  }



  h3 {



    font-size: calc((2.2 - 1) * 1.2vw + 1rem);



  }



  .apj-large-font{



    font-size: calc((1.4 - 1) * 1.2vw + 1rem)!important;



  }



  .apj-copyrights-font{



    font-size: calc((1 - 1) * 1.2vw + 1rem);



  }



}



@media only screen and (max-width: 479px){



  .about-image-area .about-image {



    width: 100%;



  }



}



@media only screen and (min-width: 768px){



  .mobileonly-img{



    display: none;



  }



}



@media only screen and (max-width: 767px){



  .apj-rq{



    display: none;



  }

.request-quote-modal .form-group button.apj-req-quote.apj-rq{

display:block;

}



  .apj-req-quote-alt{



    color: #354c3c;



    border-color: #354c3c;



    background: transparent;



    font-size: 28px;



    border-radius: 300px;



    display: inline-block;



    text-align: center;



    box-sizing: border-box;



    margin: 4vw 6vw 6vw;



    min-width: 210px;



    font-family:  'ACaslonPro-Regular';



    font-weight: 500;



    font-style: normal;



    letter-spacing: .02em;



    text-transform: none;



    line-height: 0px;



    position: absolute;



    top: 404px;



    padding: 45px 41px;



    transform: translateY(100%);



    transition: transform 800ms cubic-bezier(.4,0,.2,1)



  }



  .apj-req-quote-alt:hover{



    border-color: #354c3c;



    background-color: #ffffff;



    color: #354c3c;



  }



  .apj-req-quote-alt {



    left: 14%;



  }



  .about-content-area {



    margin-top: 20px;



  }



  .secondsec-main-heading {



    line-height: 44px;



  }



  .section-padding-bottom-100 {



    padding-bottom: 60px;



  }



  .apj-about-image-area {



    margin-left: 0px;



    margin-right: 0px;



  }



  .apj-about-image{



    margin-bottom: 15px;



  }



  .footer-logo img {



    margin-left: 0;



  }



  .apj-copyrights-font {



    float: unset;



    padding-top: 16px;



  }



  .desktoponly-img{



    display: none;



  }



  .mobileonly-img{



    padding-bottom: 24px;



  }



  .intro-section {



    height: 84vh;



  }



  .storageser-section{



    height: 72vh;



  }



  .header-logo a img {



    max-height: 54px;



  }

.banner-text h1, .banner-text h2 {

    font-size: 30px;

    line-height: 36px;

    margin-bottom: 30px;

 }

.quote-text a.apj-req-quote {

        font-size: 20px !important;

        height: auto;

        padding: 15px 25px;

        position: relative;

        left: inherit;

        bottom: inherit;

        top: inherit;

        transform: inherit !important;

     }

}



@media only screen and (max-width: 680px){



  .request-quote-modal textarea{



   min-height: 100px;



 }



 .apj-req-quote-alt {



  left: 10%;



}



#accordionExample h5 a{



  max-width: 100%;



  font-size: 18px;



}



}



@media only screen and (max-width: 550px){



  .apj-req-quote-alt {



    left: 6%;



  }



}



@media only screen and (max-width: 476px){



  .apj-req-quote-alt {



    left: 2%;



  }



}



@media only screen and (max-width: 360px){



  .header-mobile-menu-toggle nav ul li a,.apj-req-quote-alt {



    font-size: 22px !important;



  }



}



@media screen and (max-width: 500px) and (min-width: 0){



  .vine-announcement-bar-text {



    padding: 26px 5px;



  }



  .vine-announcement-bar-text, .vine-announcement-bar-text p {



    font-size: .8rem;



  }



  h2 {



    font-size: calc((5.2 - 1) * 1.2vw + 1rem);



  }



}



@media (min-width: 1000px){



  #RequestQuoteModal .modal-dialog {



    max-width: 850px;



  }



}



@media (max-width: 1200px){

    .header-top a {
        margin-right: 0px !important;
    }

	#top-address{



		text-align: center;



		margin-top: -33px;



	  }



}



@media (min-width: 1200px){



  .apj-rq{



   line-height: 1.5em;



	height:75px;



	font-size:20px;



	margin-top: 10px;



  } 



}
.header-top {
    text-align: right;
}
.header-top a {
    font-family: 'Garamonb' !important;
        margin-right: 50px;
    letter-spacing: 1px;
    font-size: 20px;
    color: #f2d6d6;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-top a:hover {
    color:#fff;
}
.header-top a i {
    margin-right: 5px;
}