body{color:#324554;}
a{text-decoration: none;transition: all 0.3s linear;}

.prim-color {color: #324554;}
.secon-color {color: #ab956e;}

.prim-bg {background-color: #960a00;}
.prim-bg-dark {background-color: #1a2e3c;}
.secon-bg {background: #cfbc98;}
.white-bg {background: #ffffff;}

.top-border  {border-top:solid 1px #cbbb9e;}
.bottom-border  {border-bottom:solid 1px #cbbb9e;}
.right-border  {border-right:solid 1px rgba(50, 69, 84,0.2);}
.tx-shadow {text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);}
.tx-shadow-2 {text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);}

.videobg {display: block;position:absolute;width:100%;height: 95vh;z-index: -1;overflow: hidden;}
.videobg video {min-width: 100%;min-height:100%;position: absolute;left: 0px;top:50%;transform: translateY(-50%);} 
.videooverlay {position: absolute;left: 0px;top: 0px;width:100%;height: 95vh;z-index: 1;background-color:rgba(0,0,0,0.7);transition: all 0.3s linear;}

.hero {display: block;height: 95vh;}
.heroslide {display: block;padding-top:38vh;}
.heroslide h1 {color:#fff;text-align: center;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;font-size: 48px;}
.heroslide p {font-family: "Hind", sans-serif;font-weight: 300;font-style: normal;font-size: 22px;color: rgba(255, 255, 255,0.8);text-align: center;}

a.boxwhite {display: inline-block;font-family: "Hind", sans-serif;font-weight: 500;font-style: normal;font-size: 16px;line-height: 24px;position: relative;;padding:11px 36px 9px 36px;color:#fff;border: solid 1px #fff;transition: all 0.3s linear;background: linear-gradient(to left, rgba(255,255,255,0.0) 50%,rgba(255,255,255,1) 50%) right;background-size: 200%;}
a.boxwhite:hover {color:#960a00;background-position:left;}


/** Inner Page **/
.inpghero {min-height:540px;padding-top: 340px;}
.inpghero h1 {font-weight: 500;font-style: normal;font-size: 48px;color:#fff;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;}
.inpghero p {font-family: "Hind", sans-serif;font-weight: 400;font-style: normal;font-size: 20px;color: rgba(255, 255, 255,0.8);margin-bottom: 0px;}


.about_hero {background: url(../img/bg/about.jpg) no-repeat top center;background-size: cover;}
.service_hero {background: url(../img/bg/services.jpg) no-repeat center center;background-size: cover;}
.contact_hero {background: url(../img/bg/contact.jpg) no-repeat center center;background-size: cover;}



@media (max-width: 768px) {
    .heroslide h1 {font-size: 40px}
    .heroslide p  {font-size: 24px}
}

@media (max-width: 426px) {
    .heroslide {padding-top:30vh;}
    .heroslide h1 {font-size:28px}
    .heroslide p  {font-size:18px}
}
@media (max-width: 376px) {
    .heroslide a {display:block;}
}


.txsty {display: block;}
.txsty h1 {color: #000;font-size: 32px;line-height: 42px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.txsty h1.fs-xxl {font-size: 48px;line-height:60px;}
.txsty h2 {color: #000;font-size: 22px;line-height: 34px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.txsty h3 {color: #000;font-size: 18px;line-height: 26px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}


.txsty p {color: #444;font-size: 17px;line-height: 26px;font-family: "Hind", sans-serif;font-weight:300;font-style: normal;}
.txsty .fw-500 {font-weight: 500;} 
.txsty p.fs-lg {font-size: 18px;line-height: 28px;}
.txsty p.fs-sm {font-size: 14px;line-height:20px;}
.txsty p.tick {background: url(../img/svg/tick.svg) no-repeat 0px 3px;padding-left: 32px;margin-top: 5px;margin-bottom:6px;transition: all 0.3s linear;}
.txsty p.tick:hover{padding-left: 36px;} 

.txsty a {display: inline-block;color: #666;}
.txsty a:hover {color:#960a00}
.txsty a.fs-sm {font-size: 14px;line-height:20px;}

.txsty-prime h1, .txsty-prime h2 {color: #000;font-weight: 600;}
.txsty-white h1, .txsty-white h2, .txsty-white h3, .txsty-white p, .txsty-white a  {color:#ffffff;}

.txsty img.icon-60 {max-height: 60px;}
.txsty img.icon-50 {max-height: 50px;}


.sticky-wrap {margin: 0 auto;}
.card {position: sticky;border-radius: 0px;top:60px;padding:160px 0px 200px 0px;}
.card-white {position: sticky;border-radius: 0px;top:60px;padding:60px 0px 60px 0px;border-top: solid 1px #eeeadb;}

@media (max-width: 500px) {
    .sticky-wrap .card-white {position: relative;}
    .card-white {padding:20px;top:0px;}
}


.bg-pa{display: block;background: url(../img/bg/pa.jpg) center center;background-size: cover;background-attachment: fixed;}
.bg-pb{display: block;background: url(../img/bg/pb.jpg) center center;background-size: cover;background-attachment: fixed;} 
.bg-pc{display: block;background: url(../img/bg/pc.jpg) center center;background-size: cover;background-attachment: fixed;} 
.bg-pd{display: block;background: url(../img/bg/pd.jpg) center center;background-size: cover;background-attachment: fixed;} 
.bg-pe{display: block;background: url(../img/bg/pe.jpg) center center;background-size: cover;background-attachment: fixed;} 
.bg-pf{display: block;background: url(../img/bg/pf.jpg) center center;background-size: cover;background-attachment: fixed;}

@supports (-webkit-touch-callout: none) {
    .bg-pa, .bg-pb, .bg-pc, .bg-pd, .bg-pe, .bg-pf{background-attachment: scroll;}
}
  

.card h1 {transition: .5s ease-out;line-height: 60px;}
.card p {transition: .5s ease-out;font-size: 22px;line-height: 32px;}


.solslide {background: rgba(120, 120, 120, 0.1);transition: .3s ease-in; padding:30px 30px 16px 30px;margin:5px 5px 0 5px;height:100%}
.solslide h1 {color: #960a00;font-size: 20px;line-height: 42px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.solslide p {color: #333;font-size: 17px;line-height: 26px;font-family: "Hind", sans-serif;font-weight:300;font-style: normal;}
.solslide h1, .solslide p {transition: .5s ease-out;}   
.solslide:hover h1 {padding-left:8px;}


@media (max-width: 426px) {
    .txsty h1 {font-size:26px;line-height:38px;}
    .txsty h1.fs-xxl {font-size: 32px;line-height:38px;}
}


.bg-ftr{display: block;background: url(../img/bg/a.jpg) center;background-size:cover;position: relative;} 
.bg-ftr * {z-index: 100;}
.bg-ftr::before{position: absolute;top:0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);content: '';z-index: 1;transition: all 0.3s linear;}

.bg-ftr .txsty-white a:hover  {color:#ffffff;padding-right: 8px;}
.bg-ftr .txsty-white a.boxwhite:hover  {color:#1a2e3c;padding-right: 36px;}
.bg-ftr .txsty-white-80, .bg-ftr .txsty-white-80 a {color: rgba(255,255,255,0.7);}
 
.bg-ftr a.social-in, .bg-ftr a.social-em {display: inline-block;border: solid 1px #eee;width: 48px;height: 42px;margin:14px 8px;opacity: 0.65;}
.bg-ftr a.social-in {background: url(../img/linkedin.png) no-repeat center center;background-size: cover;background-size: 80%;}
.bg-ftr a.social-em {background: url(../img/email.png) no-repeat center center;background-size: cover;background-size: 60%;margin-right: 0px;}
.bg-ftr a.social-in:hover, .bg-ftr a.social-em:hover {opacity: 1;}


.ftrcopy img{max-height: 110px;transition: all 0.3s linear; }


.frmsection {display:block;padding: 40px 45px;font-family: "Hind", sans-serif;font-weight: 300;font-style: normal;background-color: #fff;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.09);border-radius:3px;}
.frmsection label {display:block;font-size:16px;font-weight:400;color:#776f61;margin-top:7px;}
.frmsection label.txbold {font-weight:500;}
.frmsection input, .frmsection select, .frmsection textarea  {display:block;font-size:16px;font-weight:400;color:#222;border:solid 1px #cfbc98;padding:8px 10px;border-radius:3px;width:100%;}
.frmsection select {padding:7px 0px 7px 10px !important;}
.frmsection input:focus{outline: none;border:solid 1px #324554;}

.frmsection a.frmbtn {display:inline-block;padding:8px 30px 6px 30px;text-align:center;border-radius:3px;user-select:none;background-color: #776f61;color:#fff;}
.frmsection a.frmbtn:hover{background-color:#324554;}

.frmsection ::placeholder {color: #ab9b7e;opacity: 1;}
.frmsection ::-ms-input-placeholder {color: #ab9b7e;opacity: 1;}
  

.tabs {display: block;position: relative;font-family: "Hind", sans-serif;font-weight: 400;font-style: normal;user-select: none;margin:0px -12px 16px -12px;}
.tabs::before{position: absolute;left:0px;background-color: #ab9b7e;bottom:0px;width: 100%;height: 1px;content: '';}
.tabs a.tablink {display: inline-block;font-size: 14px;background-color:#fff;border:solid 1px #ab9b7e;border-bottom-width:0px ;color:#ab9b7e;border-radius:3px 3px 0px 0px;padding:11px 24px 9px 24px;margin-right: 1px;}
.tabs a.tablink:hover {background-color: #cbbb9e;color:#fff;}
.tabs a.acttab {background-color: #324554;border:solid 1px #324554;border-bottom-width:0px;color: #fff;padding:11px 30px 9px 30px;border-bottom-width:0px;}
.tabs a.acttab:hover {background-color: #324554;}

@media (max-width: 500px) {
    .tabs a.tablink, .tabs a.acttab {
        padding: 11px 10px 9px 10px;
    }
}
