@font-face
{
font-family: 'Marcellus', serif;
font-weight: 400;
font-style: normal;
}
		
@font-face 
{
font-family: 'Marcellus', serif;
font-weight: 700;
font-style: normal;
}

:root {
  --color-primary: #007cba;
  --color-gradient-start: #007cba;
  --color-gradient-stop: #007cba;
}



body {
  font-family: 'Marcellus', serif;
  font-weight: 400;
  line-height: 1.6em;
  letter-spacing: 1px;
  font-size: 16px;
  color: rgb(0,0,0,0.64) !important;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 { 
  font-weight: 700;
  color: #000000;
}

.h1, h1 {
  line-height: 1.2em;
  font-size: 52px;
}

.h2, h2 {
  line-height: 1.083em;
  font-size: 48px;
}

.h3, h3 {
  line-height: 1.2em;
  font-size: 32px;
}

.h4, h4 {
  line-height: 1.2em;
  font-size: 32px;
}

.h5, h5 {
  line-height: 1.2em;
  font-size: 21px;
}

.h6, h6 {
  line-height: 1.2em;
  font-size: 18px;
}



.main-nav > li > a {
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
}

.main-nav > li > a .link-ext {
  background-color: #fff;
}

.main-nav > li > a:hover {
  color: #ffe7d1;
}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
  color: #fff;
}

.main-footer {
  color: #212121;
  background-color: #fff;
  /* z-index:-1; */
}

.main-footer a:not(.btn) {
  color: #212121;
}

.main-footer a:not(.btn):hover {
  color: #212121;
}

.main-footer .ld-sf input {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
}

.main-footer .ld-sf input:focus {
  background: rgba(255, 255, 255, 0.1);
}

.main-footer .ld-sf button {
  font-size: 23px;
}

@media (min-width: 1200px) {
  .main-header .is-stuck {
    background: #fff !important;
  }
  .mainbar-wrap.is-stuck .social-icon a,
  .mainbar-wrap.is-stuck .main-nav > li > a {
    color: #000 !important;
  }
  .mainbar-wrap.is-stuck .social-icon a:hover,
  .mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: var(--color-primary) !important;
  }
}

html
{
scrollbar-color:#007cba #FFFFFF;
scrollbar-width: thin !important;
}
html::-webkit-scrollbar {width: 4px;height:10px;border-radius: 20px;background-color:transparent;}
html::-webkit-scrollbar-thumb {background: #007cba;border-radius: 20px;}
.text-justify{text-align: justify !important;}
.logosize{width: 140px; height: auto;}
.experiencelogo{width: 150px; height: auto;}

.textwhite-opacity05{color: rgb(255,255,255,0.5) !important;}
.textblack-opacity05{color: rgb(0,0,0,0.5) !important;}
.textblack-opacity08{color: rgb(0,0,0,0.87) !important;}
.tl-image{padding-bottom: 10px !important;padding-left: 10px !important;}


.timeline .tl-block{ position: relative; margin-top: 10px;  }
.timeline .tl-block:after{ content: ' '; clear: both; display: block;}
.timeline .tl-block .tl-time{ float: left; padding:10px 10px 0px 10px; margin-top:-15px;  }
.timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;}
.timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; }
.timeline .tl-block .tl-line{background: #fff; margin-right: 10px;  border-radius: 10px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px;}
.timeline .tl-message{ border-radius: 3px;position: relative;margin-left:150px; top:-115px; margin-top:0; margin-bottom:30px; }
.timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; }
.timeline .tl-block .tl-message .tl-icon{float: left; left:100px; }
.timeline .tl-block .tl-message .tl-main{ float: left;}
.timeline .tl-block .tl-message .tl-main .tl-title {}
.timeline .tl-block .tl-message .tl-main .tl-content{}
.timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;}
.timeline .tl-block .tl-message .tl-main .tl-content span{}
.timeline .tl-block .tl-message h3{text-transform:none;}
.timeline .tl-block .tl-time h4{margin:0 0 10px 0;}
.timeline .tl-block .tl-main h4{margin-top:0px;}
.timeline.exp:before{left: 214px;}
.timeline.exp .tl-message{margin-left:300px;clear: both;}
.timeline.exp .tl-block .tl-bar{margin-left:229.5px; }
.timeline.exp{ margin-top: 20px; position: relative; padding: 10px}
.timeline.exp:before{content: '';position: absolute;top: 85px;left: 243px;height: 100%;width: 1px;background:rgba(255,255,255,.1);}

.de_light .timeline .tl-block .tl-time:after{ background:rgba(0,0,0,.3); }
.de_light .timeline .tl-block .tl-line{background: #007cba;}
.de_light .timeline.exp:before{ background:rgba(0,0,0,.3); }



/* --------------------------------------------------
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 480px) {
  
    .timeline .tl-message {
    border-radius: 3px;
    float: left;
    margin-left: 0px !important;
    top: 0;
    margin-top: 0px !important;
    margin-bottom: 30px;
    }
    .timeline.exp::before {
    left:0;
    }
    .timeline .tl-block .tl-bar {
    margin-left: 0 !important;
    left: -13px;
    }

}

.verifysvg{width: 30px !important; height: auto !important;}
.primary-gradient{background: rgb(0,124,186);background: linear-gradient(90deg, rgba(0,124,186,1) 0%, rgba(0,107,161,1) 100%) !important;}
.tshadow{text-shadow: 2px 2px 3px rgba(255,121,20,0.9) !important;}
.tshadow1{text-shadow: 1px 0px 2px #212121 !important;}
textarea:disabled{background-color: transparent!important}
.section-textarea{width: 100%; border: none; height: 400px; resize: none; text-align: justify}
.d-none{display: none;}

#jpreOverlay {
background-color: #000000;
position:absolute;
width:100%;
height:100%;
}
#jpreSlide{
font-size:22px;
color:#ccc;
text-align:center;
width:50%;
height:30%;
}
#jpreLoader{
width:400px;
height:2px;
background:#111;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
}

#jpreBar {
background:#222;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
}

#jprePercentage {
color:#000;
z-index:-1;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
margin-top:10px;
font-size:64px;
margin-top:-15px;
}

#jSplash{
line-height:200%;
}

#jSplash section{
padding:0;
display:block;
background:none !important;
}
#jpreBar{
background-color:#007cba !important;
}


.VivaTimeline dl {
    position: relative;
    top: 0;
    margin: 0
}

.VivaTimeline dl:before {
    position: absolute;
    top: 7%;
    bottom: 0;
    left: 40%;
    z-index: 100;
    width: 2px;
    margin-left: -1px;
    content: '';
    background-color: #ccd1d9
}

.VivaTimeline dl dt {
    position: relative;
    top: 30px;
    z-index: 200;
    width: 120px;
    padding: 3px 5px;
    margin: 0 auto 30px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #aab2bd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.VivaTimeline dl dd {
    position: relative;
    z-index: 200
}
.mbot3
{
	margin-bottom: 3rem !important;
}

.VivaTimeline dl dd .circ {
    position: absolute;
    top: 40px;
    left: 38%;
    z-index: 200;
    width: 15px;
    height: 15px;
    margin-left: -11px;
    background-color: #007cba;    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.VivaTimeline dl dd .time {
    position: absolute;
    top: 18px;
    left: -5%;
    display: inline-block;    
    padding: 10px 20px;    
}

.VivaTimeline dl dd .events {
    position: relative;
    width: 55%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}


.VivaTimeline dl dd .events .events-object {
    margin: 0 auto;
}

.VivaTimeline dl dd .events .events-header {
    min-height: 30px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.VivaTimeline dl dd .events .events-body {overflow: hidden;}
.VivaTimeline dl dd .events .events-body .row{display:none;}
.VivaTimeline dl dd .events .events-body .events-desc {text-indent: 2em;padding: 0 15px;}
.VivaTimeline dl dd .events .events-footer {text-align:center;}.VivaTimeline dl dd .events .events-footer ol {list-style: none; margin: 0 auto; padding: 0;}
.VivaTimeline dl dd .events .events-footer ol li {background: #32b487;border-radius: 5px;margin: 10px; 
 display: inline-block; width: 10px; height: 10px;cursor: pointer;}
.VivaTimeline dl dd .events .events-footer ol .active{transform: scale(2);}
.VivaTimeline dl dd.pos-right .events {float: right}
.VivaTimeline dl dd.pos-right .events:before {left: -12px;border-color: transparent #CCC transparent transparent}
.VivaTimeline dl dd.pos-left .time {margin-left: 0;text-align: left}
.VivaTimeline dl dd.pos-left .events {float: left}
.VivaTimeline dl dd.pos-left .events:before {right: -12px;border-color: transparent transparent transparent #CCC}
.VivaTimeline .carousel-indicators{bottom: 0;}

.desktophead{ display: block; }
.mobilehead{ display: none; }
.ptop100{padding-top: 100px !important;}
.servicepad{padding-left: 4.5rem !important; padding-right: 4.5rem !important; margin-bottom: 20px; padding-top: 1rem;}

 
.iconbox p{color: rgb(0,0,0,0.5);}
.servicepad:hover >.iconbox h3{color: #fff;}
.servicepad:hover >.iconbox p {color: #fff;}
.servicepad:hover {	
    background:rgba(255,170,74,1) !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,485cc7+100&0+0,1+100 */
    background: -moz-linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important;/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgba(255,170,74,1), endColorstr=rgba(255,121,20,1),GradientType=0 ); /* IE6-9 */;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.mutebtn{position: absolute;top:59%; right:20%; z-index: 1000 !important;}
.mfont{font-size: 32px !important;}


/*Media query*/

@media screen and (max-width:768px)
{
.text-center-mob{text-align: center!important;}
.pt-50-m{padding-top:50px!important;}
.pt-0-m{padding-top:20px!important;}
.mt-50-m{margin-top:50px!important;}
.mt-20-m{margin-top:20px!important;}
.py-mob-0{padding-bottom: 75px!important;}
.mob-0{margin:0!important}
.pr-5-m{padding-right: 0rem !important;}
.pr-7-m{padding-right: 0rem !important;}
.flex-tab-wrap {justify-content: center;}
section ul li{text-align: left;}
.flex-tab-column {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;flex-direction: column !important;}
.titlebar-sm .titlebar-inner{padding-top:80px!important;padding-bottom: 60px;}
}


@media screen and (max-width: 767px) 
{
.flex-mob-column{flex-direction: column;}
.d-mb-none{display: none;}
.main-footer{padding-top:50px!important}
.band-sec-mob{padding-top:25px!important;padding-bottom: 25px!important;}
.p-mb-0{margin-bottom: -33px!important;}

.pf-details-pull-left .ld-pf-details{margin-left: -15px !important;}
.pf-details-pull-down .ld-pf-details{margin-bottom: -40px !important;}
.serviceimg {filter: none !important;-webkit-filter: grayscale(0) !important;-webkit-transform: scale(1) !important;}
.pf-details-circle .ld-pf-details{width: 180px !important;height: 180px !important;padding: 1em 0.5em 2em 2em !important;}
.pf-hover-masktext .split-inner{font-size: 24px !important;line-height: 30px !important;transform : translateY(0%)!important;-webkit-transform : translateY(0%)!important;}
.ld-pf-item [data-split-text]:not(.split-text-applied){visibility: visible !important;}

.mfont{font-size: 24px !important;}	
.mp-0{margin: 0;padding: 0;}	
.mutebtn{position: absolute;top:59%; right:5%;}
.servicepad{padding-left: 1rem !important; padding-right: 1rem !important;}
#jpreLoader{width:300px;height:2px;background:#111;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;align-items: center;}
.ptop100{padding-top: 10px !important;}
.mtop50{margin-top: 55% !important;}

.casecard:nth-child(odd) {padding-right: 7.5px !important;}	
.casecard:nth-child(even) {padding-left: 7.5px !important;}

.fancy-box{margin-bottom: 15px !important;}
.experiencelogo{width: 120px; height: auto;}

.desktophead{ display: none; }
.mobilehead{ display: block; }
.mbot3{margin-bottom: 0rem !important;}

.VivaTimeline dl:before {left: 20px; top:20px;}
.VivaTimeline dl dt {margin: 0 30px 30px}
.VivaTimeline dl dd .circ {left: -3px}
.VivaTimeline dl dd .time {left: 20px}
.VivaTimeline dl dd.pos-left .time {padding: 10px 0;margin-left: 0;}
.VivaTimeline dl dd.pos-left .events {float: right;width: 73%;margin-right: 4%;}
.VivaTimeline dl dd.pos-left .events:before {left: -12px;border-color: transparent #CCC transparent transparent}
.VivaTimeline dl dd.pos-right .time {padding: 10px 0;margin-left: 0;}
.VivaTimeline dl dd.pos-right .events {float: right;width: 73%;margin-right: 4%;}
.VivaTimeline dl dd .events .events-body {margin-top:78%;margin-left: -45%;}
    
.home-section .container,
.about-section .container,
.main-footer .container
{
padding-left:25px!important;
padding-right:25px!important;
}

.text-center-mob{text-align: center!important;}
.titlebar-sm .titlebar-inner{padding-top:80px!important;padding-bottom: 60px;}
.lqd-parallax-images-4 .liquid-counter{display:none!important;}

.pt-50-m{padding-top:50px!important;}
.mt-50-m{margin-top:50px!important;}
.mt-20-m{margin-top:20px!important;}
.py-mob-0{padding-bottom: 75px!important;}
.pr-7-m{padding-right: 0rem !important;}

.justify-content-sm-center {-webkit-box-pack: center !important;justify-content: center !important;}

.mob-0{margin:0!important}
.vc_row.pdt15{padding-top:1.5rem!important}
.vc_row.pdb15{padding-bottom:1.5rem!important}

.mob-div{display: block;}
.desk-div{display: none;}

.content h2, .content .h2 {font-size: 32px!important;}
.contact-title .titlebar-sm .titlebar-inner{padding-top: 75px!important;}
.content h3, .content .h3 {font-size: 24px!important;}
.btn-icon-xxlg .btn-icon {width: 5.25em!important;height: 5.25em!important;}
.banner-img p{font-size:16px!important;margin-left:0!important}
.slider-text-wrapper{margin-top:-50px;}

.home-section .fancy-box-overlay .fancy-box-contents{padding: 20px!important;}
.home-section .fancy-box-overlay h3{font-size: 22px!important;}
.btn{font-size: 1rem!important;}
.titlebar-inner h1 {font-size: 30px !important;}
.main-nav > li > a {font-size: 14px;}
.about-section ul{text-align: left!important;}

}

@media screen and (min-width: 768px)
{
.mob-div{display: none;}
.desk-div{display: block;}
}

.adminbg
{
	background-image: url(../images/about-banner-2.jpg);
}

@media screen and (max-width: 500px) {
	.adminbg
{
	background : #f4f5f8 !important;
}
    .VivaTimeline dl dd.pos-left .events {
        float: right;
        width: 63%;
        margin-right: 4%;
    }
    .VivaTimeline dl dd.pos-right .events {
        float: right;
        width: 63%;
        margin-right: 4%;
    }
}
.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
  0% {
      -webkit-transform: translateY(-100%);
  }
  100% {
      -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
      -moz-transform: translateY(-100%);
  }
  100% {
      -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
      -o-transform: translateY(-100%);
  }
  100% {
      -o-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
      transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}
.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
      -webkit-transform: translateY(0);
  }
  100% {
      -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
      -moz-transform: translateY(0);
  }
  100% {
      -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
      -o-transform: translateY(0);
  }
  100% {
      -o-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-100%);
  }
}
.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}
.casehead
{
	font-size: 24px !important;
	font-weight: 700 !important;
}

li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 2em;
}
li:before {
    content: "";
    /* margin-left: -0.5em; */
}

#products ul li{padding-left:1em!important}

section ul li{padding-top: 5px;}
/* ul li::marker {
  color: red;
  font-size: 1.5em;
} */
.indexbg
{
	min-height: 95vh !important; background-image: url("../images/bg-7.jpg") !important; margin-top: 100px;
}
.slide1
{
	-webkit-animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both
}

.slide2
{
	-webkit-animation:slide-in-bck-center 4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 4s cubic-bezier(.25,.46,.45,.94) both
}

.slide-in-bck-center
{
	-webkit-animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.splashoverlay {
	display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: radial-gradient(circle, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%) !important;
  opacity: 0.99;
  overflow-x: hidden;
  transition: 0.5s;
}

.scale-in-center
{
	-webkit-animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94);animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94)
}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}



#splashtext
{
  font-size: 30px;
  font-weight: 700;
  color: white;
  text-align: center;
}
.splashsvg{text-align: center; padding: 10px;}
/*
@keyframes FadeIn { 
  0% {
    opacity: 0;
    transform: scale(.1);
  }
  85% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
*/
.myClass {  
	animation : slide-in-bck-center 1s cubic-bezier(.25,.46,.45,.94) both;
  animation-fill-mode: both;
}
.myClass:nth-child(1) { animation-delay: 1s; }
.myClass:nth-child(2) { animation-delay: 1.5s }
.myClass:nth-child(3) { animation-delay: 2s }
.myClass:nth-child(4) { animation-delay: 2.5s }
.myClass:nth-child(5) { animation-delay: 3s }
.myClass:nth-child(6) { animation-delay: 3.5s }
.myClass:nth-child(7) { animation-delay: 4s }
.myClass:nth-child(8) { animation-delay: 4.5s }
.myClass:nth-child(9) { animation-delay: 5s }

.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}

@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}

textarea:focus, input:focus {
    color: #000 !important;
}
input::placeholder, textarea::placeholder{
  color: #b7b9c4 !important;
}

input, select, textarea{
    color: #000 !important;
}

.mylist i{    
    margin:-8px 5px 0 1px;
    color: #007cba;
	font-size: 10px; 
	vertical-align: middle;
	text-align: center;
}

/*
iframe 
{
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100vh;
width: auto;
height: auto;
z-index: 1000;
background-size: cover;
}
*/

.yourstore-band .yourstore-inner a
{
	background-color:#007cba;
	border-radius: 3px;
	padding: 5px 15px;
  margin-bottom: 10px;
}

.yourstore-band .band-txt
{
	font-weight: 400;
	color: #fff;
	font-size: 1rem;
	line-height: 1.45;
	text-align: left;
	padding: 5px;
}

.yourstore-band .yourstore-logo
{
	width: 70px; height: auto;
	margin-bottom: 2.5px;
}

.serviceimg {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out;  
}

.serviceimg:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1);
}

.mediahover:hover {
	opacity: 1;
	-webkit-animation: flash 3.5s;
	animation: flash 3.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.testimonial-avatar-sm .avatar
{
	width: 150px !important;
}

.testimonial-content
{
	font-size: 20px; line-height: 0.5em !important; color: #000000;
}

.fancy-box-overlay
/* .fancy-box-classes */
{
  box-shadow: 0 10px 20px rgb(0, 0, 0, 0.04);
  /* box-shadow: 0px 2px 14px 0px rgb(0, 0, 0, 0.08); */
}
#two-vial .carousel-nav-border-gray .flickity-button {
  border-color: rgba(255, 255, 255, 0.5)!important;
}

#two-vial .carousel-nav-border-gray .flickity-button svg{
  stroke: rgba(255, 255, 255, 0.4)!important;
}
#two-vials .carousel-nav-border-gray .flickity-button {
  border-color: rgba(0, 0, 0, 0.2)!important;
}


#two-vials .carousel-nav-border-gray .flickity-button svg{
  stroke: rgba(0, 0, 0)!important;
}
#two-vials .carousel-nav-border-gray .flickity-button svg:hover{
  stroke: #fff!important;
}
.fancy-box-contents
{
  width:100%!important;
  /* padding:0!important; */
}

.fancy-box-classes .fancy-box-contents {
  padding: 2em 0px;
}

.fancy-box-classes:hover {
  box-shadow: none!important;
}

.flickity-page-dots li{padding-left:10px!important;}

.residential-section .ld-pf-image figure
{
  height:300px;
  background-size: cover;
  object-fit: cover;
}

.about-section .ld-pf-image figure
{
  height:280px;
  background-size: cover;
  object-fit: cover;
}

.carousel-shadow-all .carousel-item-inner {
  margin-bottom: 80px!important;
  box-shadow: 0 50px 75px rgb(0, 0, 0, 0.02)!important;
}

.carousel-nav, .flickity-prev-next-button
{
  position: absolute;
  top:40%;
  width: 100%;
}

.carousel-nav-border-gray .flickity-button {
  border-color: rgba(0, 0, 0, 0.2);
}

.flickity-prev-next-button.previous
{
  left:8px;
}

.flickity-prev-next-button.next
{
  right:8px;
}

.carousel-container
{
  height: 400px;
}

.carousel-items, .flickity-viewport,
.carousel-item,.carousel-item-inner img{height:100%!important}

@media screen and (max-width: 991px){
  .carousel-nav, .flickity-prev-next-button
{
  position: absolute !important;
  top:40% !important;
  width: 100%;
  margin-top: 0 !important;
}
.yourstore-band .yourstore-inner a
{
	background-color:#007cba;
	border-radius: 3px;
	padding: 5px 15px;
  margin-bottom: 15px;
}
.carousel-nav-xl .flickity-prev-next-button {
  font-size: 28px;
  width: 40px;
  height: 40px;
}

.carousel-nav-border-gray .flickity-button {
  border-color: rgba(0, 0, 0, 0.2);
}

.flickity-prev-next-button.previous
{
  left:-8px!important;
}

.flickity-prev-next-button.next
{
  right:-8px!important;
}

.carousel-nav .flickity-button
{
  position: absolute!important;
  top:-10px !important

}
/* .carousel-nav .flickity-button {
  display: -webkit-inline-box !important;
  display: inline-flex !important;
  position: relative;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto;
  -webkit-transform: none !important;
  transform: none !important;
  margin: 0 15px !important;
} */
.carousel-container
{
  height: 280px;
}

.carousel-items, .flickity-viewport,
.carousel-item,.carousel-item-inner img{height:100%!important}

}
@media screen and (max-width: 768px){
  .mobile{
    display: block !important;
  }
  .desktop{
    display: none !important;
  }
  .link{
    display: none !important;
  }
}
.ld-pf-item.ld-pf-light h3{line-height: 2rem;}

/*button spinner*/
button .box {
  display: inline-block;
  margin-left: 10px;
  width:100%;
  }
  button .spinner {
  height: 20px;
  width: 20px;
  background: transparent;
  border-radius: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid transparent;
  animation: spin 700ms linear infinite;
  }
  @keyframes spin {
  to {
  transform: rotate(360deg);
  }
  }
  .iconbox-filled{
    -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.06)!important;
    box-shadow: 0 6px 16pxrgba(0,0,0,.06) !important;
    background: #fff!important;
    padding: 40px!important;
    border-radius: 20px;
  }
  
  @media only screen and (min-width: 360px) and (max-width: 1200px){
    .about a{
    display: none !important;
     
    }
    /* .style-mobile{
      display: block !important;
    } */
    .pl-s-0{
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  .main-nav .children > li, .nav-item-children > li {
    position: relative;
    font-size: 1em;
    line-height: normal;
    list-style: none;
}