/*------------------------------------------------------------------
IMPORT FONTS
font-family: 'Heebo', sans-serif;
font-family: 'Questrial', sans-serif;
font-family: 'Yantramanav', sans-serif;
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Questrial:wght@100;300;400&family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
/*------------------------------------------------------------------
SKELETON
-------------------------------------------------------------------*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.place-center
{
        place-items: center!important;
}
.inner_detail img {
    width: 100%;
}

.widget_1 {
    padding: 25px;
    margin-top: 60px;
}

.widget_1 h2 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.widget_1 p {
    color: #fff;
    line-height: 40px;
}

.widget_1 a {
    color: #fff;
    font-size: 17px;
    background: #df1e25;
    padding: 8px;
    border-radius: 7px;
}
body {
font-size: 20px!important;
font-family: 'Heebo', sans-serif!important;
line-height: 40px!important;
color: #030301!important;
font-weight: 300!important;
}
p{
font-size: 18px;
line-height: 40px;
color: #030301;
font-weight: 300;
font-family: 'Heebo', sans-serif;
margin-bottom: 0rem;
}
a {
color: #292728;
transition: all .5s ease-out 0s;
text-decoration: none !important;
}
a:hover {
color: #ce180d!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Yantramanav', sans-serif;
color: #030301;
margin-bottom: 0;
}
h1 {
font-size: 125px;
line-height: 124px;
font-weight: 900;
position: relative;
z-index: 1;
}
h2 {
font-size: 65px;
line-height: 65px;
font-weight: 900;
}
h3 {
font-size: 60px;
font-weight: 800;
}
h4 {
font-size: 55px;
font-weight: 800;
}
h5 {
font-size: 50px;
font-weight: 600;
}
h6 {
font-size: 25px!important;
font-weight: 600;
}
.fontw300{
font-weight: 300!important;
}
.fontw400{
font-weight: 400!important;
}
.fontw500{
font-weight: 500!important;
}
.fontw600{
font-weight: 600!important;
}
.fontw700{
font-weight: 700!important;
}
.fontw800{
font-weight: 800!important;
}
.fontw900{
font-weight: 900!important;
}
.colorw{
color: #ffffff!important;
}
.colorb{
color: #414042!important;
}
.color-black{
    color: #030301!important;
}
.color-red{
color: #92140c!important;
}
.color-red2{
color: #550000!important;
}
.color-yellow{
color: #e59500!important;
}
/*------------------------------------------------------------------
PADDING/MARGIN CSS
-------------------------------------------------------------------*/
.padtop05{
padding-top: 05px!important;
}
.padtop10{
padding-top: 10px;
}
.padtop15{
padding-top: 15px;
}
.padtop20{
padding-top: 20px;
}
.padtop25{
padding-top: 25px;
}
.padtop30{
padding-top: 30px;
}
.padtop40{
padding-top: 40px;
}
.padtop50{
padding-top: 50px;
}
.padtop60{
padding-top: 60px;
}
.padtop70{
padding-top: 70px;
}
.padtop80{
padding-top: 80px;
}
.padtop100{
padding-top: 100px;
}
.padtop120{
padding-top: 120px;
}
.padtop140{
padding-top: 140px;
}
.padtop150{
padding-top: 150px;
}
.padtop80h{
padding-top: 65px;
}
.padtop190{
padding-top: 194px;
}
.padtop220{
padding-top: 220px;
}
.padtop275{
padding-top: 275px;
}
.padtop310{
padding-top: 370px;
}
.padtop375{
padding-top: 375px;
}
.marginm467 {
    margin-top: -467px;
}
.padbot20{
padding-bottom: 20px;
}
.padbot30{
padding-bottom: 30px;
}
.padbot40{
padding-bottom: 40px;
}
.padbot60{
padding-bottom: 60px;
}
.padbot70{
padding-bottom: 70px;
}
.padbot80{
padding-bottom: 80px;
}
.padbot100{
padding-bottom: 100px;
}
.padbot120{
padding-bottom: 120px;
}
.padbot130{
padding-bottom: 130px;
}
.padbot150{
padding-bottom: 150px;
}
.padleft10{
padding-left: 20px;
}
.padleft30{
padding-left: 30px;
}
.padleft30n{
padding-left: 40px;
}
.padleft25{
padding-left: 25px;
}
.padleft35{
padding-left: 34px;
}
.padleft40{
padding-left: 40px;
}
.padleft50{
padding-left: 50px;
}
.padleft60{
padding-left: 60px;
}
.padleft70{
padding-left: 70px;
}
.padleft81{
padding-left: 80px;
}
.padleft88{
padding-left: 96px;
}
.padleft96{
padding-left: 96px;
}
.padleft200{
padding-left: 200px;
}
.padright25{
padding-right: 25px;
}
.padright30{
padding-right: 30px;
}
.padright35{
padding-right: 34px;
}
.padright70{
padding-right: 70px;
}
.padleft80 {
padding-left: 57px;
}
.padleft30 {
    padding-left: 30px!important;
    }
.padleft55 {
padding-left: 55px;
}
.padleft65 {
padding-left: 65px;
}
.padleft8f{
padding-left: 8px;
}
.padleft10f{
padding-left: 5px;
}
.padright10f{
padding-right: 5px;
}
.padlr70{
padding-right: 70px;
padding-left:70px;
}
.mrtop3{
margin-top: 3px;
}
.mrtopm15{
margin-top: -15px;
}
.mrtopm31{
margin-top: -31px;
}
.mrtopm25 {
margin-top: -25px;
}
.mrtopm50 {
margin-top: -50px;
}
.mrtop35 {
margin-top: 35px;
}
.mrtop51 {
margin-top: 51px;
}

.mrtopm63{
    margin-top: -63px;
}
.mrleftm15 {
margin-left: -15px;
}
.mrleftm35 {
margin-left: -35px;
} 
.mrleftm45{
margin-left: -87px;
}
.mrleftm80 {
    margin-left: -80px;
}
.mrright17{
    margin-right: 17px;
}
.mrrightm36 {
    margin-right: -36px;
}
.mrleft17{
    margin-left: 17px;
}
.mrtopm100 {
    margin-top: -100px;
}
.mrbtm40 {
    margin-bottom: -40px;
}

.mrtopm55 {
    margin-top: -55px;
}
.mrtop30{
    margin-top: 30px;
}
.mrbot30{
    margin-bottom: 30px;
}
/*------------------------------------------------------------------
HEADER
-------------------------------------------------------------------*/
.header_style_01{
position: absolute;
top: 0px;
width: 100%;
background-repeat: no-repeat;
background-position: 8em 0em;
z-index: 3;
background: #fffef9;
height: 80px;
padding: 16px 0px;
        box-shadow: 0px 0px 20px 0px #1e2b3f5e;
/*border-bottom: solid 1px #1a2631;*/
}
.header_style_01 .header-nav{
padding: 0;
align-items: center;
}
.header_style_01 .header-nav > .container{
align-items: center;
}
.header-nav .navbar-toggler span {
background: #ffffff;
}
.header-nav .navbar-brand {
color: #111111;
font-weight: 800;
position: relative;
font-size: 23px;
}
.header-nav .navbar-brand span {
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
bottom: 12px;
right: -9px;
float: left;
}
.right-btn a{
display: inline-block;
padding: 5px 20px;
font-size: 18px;
border: 1px solid #ffffff;
color: #ffffff;
background-color: #ff521b;
line-height: 25px;
float: right;
font-weight: 500;
}
.right-btn a:hover{
background-color: #ff521b;
color: #ffffff;
border: 1px solid #ff521b;
}
/*Navbar Toogle*/
.navbar-toggler {
background: #3a312c;
border: none;
color:#fff;
padding: 10px 10px;
outline: none !important;
}
.navbar-toggler span {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.navbar-toggler span + span {
margin-top: 4px;
}
/**/
.navbar-expand-lg .navbar-nav .nav-link{
padding: 10px 0px 25px 0px;
margin: 0px 5px;
font-size: 16px;
line-height: 25px;
font-family: 'Yantramanav', sans-serif;
font-weight: 500;
color: #030301;
margin-left: 10px;
/*margin-right: 25px;*/
/*margin-top: 20px;*/
text-transform: uppercase;
transition: all .5s ease-out 0s;
/*border-bottom: 3px solid #ffffff;*/
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
background: none;
color: #ce180d;
border-radius: 0px;
transition: all .5s ease-out 0s;
/*border-bottom: 3px solid #ff521b;*/
}
.navbar-expand-lg .navbar-nav .nav-link span.active{
background: none;
    color: #550000;
border-radius: 0px;
}
span.active::after{
    content: '';
    display: block;
    position: relative;
    top: 18px;
    border-bottom: 3px solid #550000;
}
.fixed-menu span.active::after{
    content: '';
    display: block;
    position: relative;
    top: 2px;
    border-bottom: 3px solid #550000;
}
.fixed-menu .dropdown span.active::after{
        border-bottom: none;
    top: 0px;
}

.dropdown-toggle::after {display: inline-block !important;}

.header_style_01 .navbar-brand {
padding: 0px 15px 0 0px;
margin-top: 0;
margin-bottom: 0;
display: flex;
align-items: center;
height: auto;
}
.header_style_01.fixed-menu .navbar-brand{
margin-top: 0;
margin-bottom: 0;
}
.header_style_01 .navbar-brand img {
width: 80%;
margin-top: 0;
display: block;
}
.header_style_01 .navbar-default .navbar-nav > li > a {
border-radius: 0;
color: #222222;
font-size: 18px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
background-color: transparent;
}
.header_style_01 .navbar-default .navbar-nav > li a {
background-color: transparent !important;
}
.header_style_01 .navbar-default .navbar-nav > li:hover a,
.header_style_01 .navbar-default .navbar-nav > li:focus a {
color: #ff521b;
}
.header_style_01 .navbar-right > li {
margin-top: 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header_style_01 .navbar-right > li > a {
padding-bottom: 10px;
padding-top: 10px;
}
li.social-links {
margin: 0 8px;
display: inline-block;
font-size: 20px;
}
li.social-links a {
padding: 0px 0 !important;
color: #ffffff;
display: inline-block;
}
li.social-links a:hover {
color: #ff521b;
}
.header_style_01.fixed-menu .navbar{
padding: 0rem 1rem;
}
.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{
margin-top: 10px;
padding: 0px 0px 25px 0px
}
.header_style_01.fixed-menu .linegreytop {
margin-top: -2px;
}
.header_style_01.fixed-menu{
position: fixed;
visibility: hidden;
left: 0px;
top: 0px;
height: 80px;
width: 100%;
z-index: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.gurantee_logo_mr {
    margin-top: -50px;
    margin-left: 5px;}
.header_style_01.fixed-menu{
padding: 20px 0px 0px 0px;
border-bottom: 0;
box-shadow: 0px 0px 20px 0px #1e2b3f5e;
}
.white-bg{
    background: white
    border-bottom: 1px solid #ddd !important;
}
.navbar-nav li {
position: relative;
}
.header_style_01.fixed-menu .navbar-brand img {
width: 80%;
margin-top: 0;
}
body.app_version .header_style_01.fixed-menu{
top: 0px;
}
.toptitlefont {
font-family: 'Yantramanav', serif;
font-size: 16px;
line-height: 25px;
color: #404040;
z-index: 4;
font-weight: 400;
position: relative;
float: right;
padding-top: 15px;
padding-right: 0px;
}
.linegreytop{
margin-top: 30px;
font-size: 16px;
color:#000000;
}
.navbar-nav li:last-child a{
padding-right: 0!important;
margin-right: 0!important;
}
.line-height100{
    line-height: 100px;
}
.line-height80{
    line-height: 80px;
}
/*------------------------------------------------------------------
intro section
-------------------------------------------------------------------*/
.headerbg{
background: url(../images/header-bg.html);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
}
.top-font17{
font-size: 17px;
line-height: 25px;
font-family: 'Playfair Display', serif;
}
.title-font45{
font-size: 45px;
font-family: 'Playfair Display', serif;
font-weight: bold;
}
.mrtl-header {
margin-left: -117px;
}
.font22{
font-size: 22px;
line-height: 40px;
z-index: 1;
position: relative;
}
.font22-title{
    font-size: 22px;
}
.story-submit {
color:#fff;
padding:10px 20px;
border-radius:10px;
background: #0C0E38;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #fff;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
font-weight: 500;
box-shadow: 0px 0px 20px 0px #48484829;
}
.story-submit:hover {
color: #FFF;
border-radius:10px;
border: none;
background: #4A4D83;
transition:ease 0.5s;
}
.story-submit i{
    color: #fff;
    transition:ease 0.5s;
}
.story-submit:hover i{
    color: #ffffff;
    transition:ease 0.5s;
}


.portalbtn {
padding:4px 15px;
border-radius:5px;
background-color:#190000;
border: 2px solid #4c7580;
transition:ease 0.5s;
color: #fff;
cursor: pointer;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 16px;
line-height: 30px;
text-transform: none;
font-weight: 400;
box-shadow: 0px 0px 20px 0px #48484829;
margin-right:30px;
}
.portalbtn:hover {
color: #FFF;
border-radius:5px;
border: none;
background: #4c7580;
transition:ease 0.5s;
border: 2px solid #4c7580;
}


.kit-submit {
color:#fff;
padding:18px 30px;
border-radius:10px;
background: #0C0E38;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}
.kit-submit:hover {
color: #FFF;
border-radius: 10px;
border: none;
background: #4A4D83;
transition:ease 0.5s;
}
/*---------------------------------
generation section
----------------------------------*/
.line-height45{
line-height: 45px;   
}
.bg-lite-grey{
background: #effbfb url(../images/pattern-lite.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
.bg-lite-grey2{
    background: #f0f2f2;
     background-image: linear-gradient(#f0f2f2, #e9f7fa);
}
.bg-lite-blue{
background: #550000 url(../images/pattern-dark.html);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.font28{
    font-size: 28px;
}
/*---------------------------------
product section
----------------------------------*/
.font30{
font-family: 'Heebo', sans-serif;
font-size: 30px;
color: #ffffff;
    font-weight: 600;
}
.font-pos{
margin-top: -127px;
margin-left: 45px;
}
.font30-heebo{
font-size: 30px;
line-height: 30px;
}
.font17{
font-family: 'Heebo', sans-serif;
font-size: 17px; 
    font-weight: 400;
}
.font17-grey{
font-size: 17px;
    color: #6d6e71;
}
.br-right::after {
content: '';
display: block;
border-right: solid 1px #e8e8e8;
width: 1px;
height: 74px;
float: right;
position: relative;
top: -71px;
right: 24px;
}
.bg-whtbox{
    background: #ffffff;
    padding: 44px 54px;
    border-radius: 5px;
}
/*---------------------------------
limelight section
----------------------------------*/
.border-all{
box-shadow: 0px 0px 20px 0px #ececec;
padding: 38px 33px;
    margin: 20px;
}
.font23{
font-size: 23px;
    line-height: 33px;
font-weight: 400;
}
.text-border::after {
content: '';
display: block;
border-bottom: solid 1px #77b8c4;
width: 85px;
float: right;
position: relative;
right: -89px;
top: -25px;
}
.text-border2::after {
content: '';
display: block;
border-bottom: solid 1px #78b9c4;
width: 122px;
float: right;
position: relative;
right: -45px;
top: -21px;
}
.br-b{
border-bottom: solid 1px #CBB9B9;
}
.circle-arrow-b {
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: #414042;
border-radius: 43px;
padding: 2px 5px 1px 5px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;
}
.circle-arrow {
font-size: 16px;
font-weight: 600;
color: #927454;
background: #ffffff;
border-radius: 43px;
padding: 2px 6px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;
}
.border-hover:hover .circle-arrow{
background: #550000;
    color: #ffffff;
transition: all .5s ease-out 0s;
}
.border-hover:hover p{
   color: #550000; 
transition: all .5s ease-out 0s;
}
.circle-arrow2 {
font-size: 23px;
font-weight: 600;
color: #550000;
vertical-align:middle;

/*
background: #550000;
border-radius: 43px;
    padding: 5px 7px 3px 7px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;*/
}
/*------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/
.footerbg{
background: #550000;
}
.bordertopf{
border-top: solid 1px #2b2b2b;
}
.footerbg2{
background: #102329;
}
.footertb50{
padding-top: 50px;
padding-bottom: 20px;
}
.footerfont20{
font-size: 20px;
font-weight: 400;
color: #ffffff;
font-family: 'Barlow', sans-serif;
}
.footerfont18{
font-size: 17px;
line-height: 25px;
color: #ffffff;
font-family: 'Barlow', sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.footerfont15{
font-size: 15px;
line-height: 31px;
color: #a2a2a2;
font-family: 'Roboto', sans-serif;
}
.padtb10{
padding-top: 10px;
padding-bottom: 10px;
}
.footerfont13{
font-size: 13px!important;
line-height: 35px;
color: #CBB9B9;
}
.footerbg a{
color: #CBB9B9;
}
.footerbg a:hover{
color: #ffffff;
}
.footerbg2 a{
color: #CBB9B9;
}
.footerbg2 a:hover{
color: #ffffff;
}
.footerbg3 a{
color: #CBB9B9;
}
.footerbg2 a:hover{
color: #ffffff;
}
.dmtop {
background-color: #0C0E38;
z-index: 100;
width: 40px;
height: 40px;
line-height: 37px;
position: fixed;
bottom: -100px;
border-radius: 3px;
right: 20px;
text-align: center;
font-size: 28px;
color: #ffffff !important;
cursor: pointer;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.font15{
font-size: 15px!important;
line-height: 25px;
color: #CBB9B9;
}
.font15-pera{
font-size: 15px;
line-height: 23px;
}

.socialicon{
font-size: 12px;
background: #00294d;
padding: 6px 8px;
border-radius: 26px;
color: #457f98;
font-weight: bold;
transition: all .5s ease-out 0s;
}
.socialicon:hover{
background: #ffffff;
cursor: pointer;
transition: all .5s ease-out 0s;
}

/* Hover effect */
.icon-effect .icon {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.icon-effect .icon:after {
  top: -5px;
  left: -5px;
  padding: 5px;
  box-shadow: 0 0 0 1px #f1f1f1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.icon-effect-1a .icon:hover {
  background-color: #f1f1f1;
  color: #2f6080;
}
.icon-effect-1a .icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Ul styles */
ul {
  list-style: none;
    padding: 0;
        margin-bottom: 0;
}
ul > li {
  display: inline;
}
.icon {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  font-size: 14px;
  color: #990707!important;
  line-height: 29px;
  text-align: center;
  background-color: #BB7474;
}
.icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.icon2 {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  font-size: 13px;
  color: #ffffff!important;
  line-height: 29px;
  text-align: center;
  background-color: #550000;
}
.icon2:hover{
    color:#550000; 
  background-color: #550000;
}
.icon2:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.owl-carousel .owl-item img{
    width: auto!important;
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 45%;
  font-size: 23px;
    font-weight: bold;
  color: #fff;
  background: #550000;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: 0px;
    transform: rotate(182deg);
}

.owl-carousel .owl-next {
  right: 0px;
}

/*------------------------------------------------------------------
about page
-------------------------------------------------------------------*/

.font80{
    font-size: 80px;
    line-height: 90px;
}
.font35{
    font-size: 35px;
    color: #550000;
}
.font35-title{
    font-size: 35px;
}
.font25{
    font-size: 25px;
}
.font40{
    font-size: 40px;
}
.font45{
    font-size: 45px;
    color: #550000;
    font-weight: 600;
}
.font45-title{
    font-size: 45px;
}
.font50{
    font-size: 50px;
}
.font55{
    font-size: 55px;
}
.font75{
    font-size: 75px;
}
.border-number{
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;
    
}
.border-number2{
    text-shadow: -1px -1px 0 #550000, 1px -1px 0 #550000, -1px 1px 0 #550000, 1px 1px 0 #550000;
    
}
.border-number3{
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;
    
}
.line-height35{
    line-height: 35px;
}
.line-height30{
    line-height: 30px;
}
.wht-bg {
    background: #ffffff;
    padding: 80px 125px 0px 125px;
    margin-top: -90px;
}
.border-top1{
    border-top: solid 1px #545454;
}
.border-top2{
    border-top: solid 1px #fff;
	opacity: 0.4;
}/*
.border-top3{
    border-top: solid 1px #ddd;
}*/
.sky-line{
    padding-left: 85px;
    margin-bottom: -66px;
}
.legacy-bg{
background: url(../images/legacy-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
}
.legacyw90pr{
	width:90%;
	margin:0 auto;
}

/*------------------------------------------------------------------
brochure section
-------------------------------------------------------------------*/

.halfbluebg {
    background: linear-gradient(to top, #ffffff 50%, #effbfb 50%);
}

.brochurebox {
    background: #ffffff;
    border-radius: 5px;
    padding: 50px 70px 50px 100px;
    box-shadow: 0px 0px 20px 0px #56565636;
}

.brochure-para {
    font-size: 18px;
    line-height: 30px;
}

.form-select-text1 {
    border: 10px;
    color: #373d40 !important;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 90%;
    border-radius: 10px;
    padding: 8px 20px;
    box-shadow: 0px 0px 20px 0px #d8d8d8;
    /*padding-bottom: 40px;*/
}

input::placeholder {
    color: #414042;
}

.form-submit {
    background: #0C0E38;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    border-radius: 10px;
    padding: 8px 10px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 17px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
}
.boxshadow {
    box-shadow: 0px 0px 20px 0px #56565636;
}
.padtop80 {
    padding-top: 80px!important;
}
.mrtopm103 {
    margin-top: -103px;
}
.testimonypad {
    padding: 30px 32px 40px 45px;
    background: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.form-submit a {
    color: #fff;
}

.form-submit:hover {
    background: #133544;
}
/*------------------------------------------------------------------
our product range section
-------------------------------------------------------------------*/

.bgblue {
    background: #d5e1e6;
}

.productpadall {
    padding: 40px 25px 10px 35px;
    background: #ffffff;
    margin-left: -18px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.taglinefont {
    font-size: 17px;
    line-height: 25px;
}

.fontsize15 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}

.verticaltop {
    vertical-align: top;
}

.productpadall2 {
    padding: 40px 25px 10px 24px !important;
}
/*------------------------------------------------------------------
leadership page
-------------------------------------------------------------------*/
.leadershipmainpic {
    width: 100%;
    height: 700px;
}
.bg-experience{
    background: #550000;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-leader{
    background: #550000;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-media{
    background: #7d0000; 
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-privacy{
    background: #7d0000; 
    background-repeat: no-repeat;
    background-position: right bottom;
}
.box-leadership{
        box-shadow: 0px 0px 20px 0px #8281812e;
}
.box-leadership2{
  padding: 40px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.box-leadership3{
  padding: 30px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.border-img{
        border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.font30-title{
    font-size: 30px;
    color: #313131;
}
.font26-title{
    font-size: 26px;
    color: #313131;
}
.font26{
    font-size: 26px;
}
.font18-title{
    font-size: 18px;
    font-weight: 400;
    color: #313131;
}
.font16-title{
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
        font-family: 'Yantramanav', sans-serif;
}
.font16-title a{
    color: #7f7f7f;
}
.font16-title a:hover{
    color: #550000;
}
.bg-grey{
    background: #f6f6f6;
}
/*------------------------------------------------------------------
leadership profile page
-------------------------------------------------------------------*/
.bg-profile{
      background: #550000 url(../images/profile-bg-common.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.bg-profile-akc{
      background: #550000 url(../images/akhilesh-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.bg-profile-abc{
      background: #550000 url(../images/abhishek-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.left-line{
    border-left: solid 2px #8a8a8a;
    margin-left: 25px;
}
.sm-box{
        box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    padding: 6px 19px;
    margin-top: 13px;
    border-radius: 5px;
}
.font18{
    font-size: 18px;
}    
.breadcrumbs-sm a{
    color: #ffffff;
}
.breadcrumbs-sm a:hover{
    color: #550000;
}

/*------------------------------------------------------------------
Partners page
-------------------------------------------------------------------*/
.bg-partners{
      background: #550000 url(../images/partners-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.red-line{
    border-left: solid 5px #550000;
    padding-left: 40px;
}
.test-box{
    padding: 23px 60px 50px 60px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}
.test-box2{
    padding: 23px 60px 65px 60px;
    background: #550000;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    
}
.test-box3{
    padding: 23px 50px 55px 55px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #2d2d2d2e;
    border-radius: 10px;
    
    
}
.border-rt{
   border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mrbtml44 {
    margin-bottom: -44px;
    margin-left: -14px;
}
.bg-lite-sky{
    background: #effbfb;
}
.color-grey{
    color: #414042;
}
.test-font20{
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #545454;
}
.test-font16{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #545454;
}
.opportunity-box{
    padding: 50px 35px 50px 35px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}
/*------------------------------------------------------------------
partner page
-------------------------------------------------------------------*/
    prime-partner{
   background: #550000 url(../images/prime-partner.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover; 
}
.prime-box{
  background: #ffffff;
  border-radius: 8px;
  padding: 70px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.prime-box2{
  background: #ffffff;
  border-radius: 8px;
  padding: 0px 70px 60px 0px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.kit-pos-tl {
    margin-top: 100px;
    margin-left: -80px;
}
.font20{
  font-size: 20px;
}
.font21{
  font-size: 21px;
}

.font-box{
  background: #ffffff;
  border-radius: 8px;
  padding: 5px 20px;  
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
      position: relative;
    z-index: 1;
    top: 43px;
}
.font-box2{
  background: #ffffff;
  border-radius: 8px;
  padding: 5px 20px;  
  box-shadow: 0px 0px 20px 0px #2c2c2c1c;
      position: relative;
    z-index: 1;
    top: -20px;
    display: inline-block;
}
.arrow-pos {
    z-index: 1;
    position: relative;
    top: 43px;
    left: 43px;
    float: left;
}
.arrow-pos2 {
    z-index: 1;
    position: relative;
    top: -20px;
    left: 43px;
    float: left;
}
.form-box{
  background: #ffffff;
  border-radius: 5px;
  padding: 0px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
.mrbotm50{
  margin-bottom: -35px;

}

.form-select-text{
 border: solid 1px #c6c6c6;
    color: #183242 !important;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    width: 100%;
    border-radius: 0px;
    padding: 5px 18px 5px 18px;
    border-radius: 5px;
}
input::placeholder {
color: #183242;
}
textarea::placeholder {
color: #183242;  
}

.form-group {
    margin-bottom: 0rem;
}
.errorfont{
    color: red;
    font-size: 15px;
    text-align: left;
}
.funding-submit {
color:#fff;
padding:17px 20px 17px 20px;
border-radius:8px;
background: #550000;
border: none;
transition:ease 0.5s;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
transition: all 0.5s;
position: relative;
font-family: 'Barlow', sans-serif;
text-align:center;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-weight: 600;
    width: 100%;
}
.funding-submit:hover {
color: #FFF;
border-radius: 5px;
border: none;
background: #800d11;
transition:ease 0.5s;
}
/*redio*/

.rdio {
  position: relative;
}
.rdio input[type="radio"] {
  opacity: 0;
}
.rdio label {
  padding-left: 10px;
  cursor: pointer;
    font-size: 13px;
    font-weight: 400;
  margin-bottom: 2px !important;
}
.rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 11px;
  left: 16px;
  content: '';
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #5a3e3a;
  background: #fff;
}
.rdio input[type="radio"] {
  margin: 0px;
}
.rdio input[type="radio"]:disabled + label {
  color: #999;
}
.rdio input[type="radio"]:disabled + label:before {
  background-color: #5a3e3a;
}
.rdio input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  top: 15px;
  left: 20px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #5a3e3a;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
  border-color: #5a3e3a;
}

.rdio-primary input[type="radio"]:checked + label:before {
  border-color: #5a3e3a;
}
.rdio-primary input[type="radio"]:checked + label::after {
  background-color: #5a3e3a;
}
/*------------------------------------------------------------------
architech page
-------------------------------------------------------------------*/
.bg-architech{
      background: #550000 url(../images/architech-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
  .color-sky{
    color: #550000;
  }
  .ar-kit-bg{
    background: url(../images/kit-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .discuss-box{
    padding: 50px 55px 0px 55px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}

/*---------------------------------
product range page
----------------------------------*/
.bg-product-range{
    background: url(../images/durocover.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
  }
  .duromarine-product .bg-product-range {
    background: url(../images/durocover.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.border-all2{
    border: solid 1px #dadada;
    border-radius: 5px;
    background: #ffffff;
}
.padlr50{
    padding: 25px 50px 40px 50px;
    background: #ffffff;
       border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.padlr50-2 {
    padding: 50px 50px 40px 50px;
    background: #ffffff;
       border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.padlr50-3 {
    padding: 40px 50px 60px 50px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.font14{
  font-size: 14px;
    color: #95b9c4;
}
.bg-half-blue{
background: linear-gradient(to left, #006a80 50%, #550000 50%);
}
.test-box4{
    padding: 0px 50px 0px 30px;
    
}
.test-box5{
    padding: 0px 10px 0px 30px;
    
}
.font24{
    font-family: 'Georgia', serif;
    font-size: 24px;
    line-height: 34px;
}
.test-font30{
     font-family: 'Yantramanav', serif;
    color: #550000;
    font-size: 30px;
    font-weight: 600;
}

.test-font17{
    font-size: 17px;
    color: #66bbcc;
    font-weight: 600;
}

.test-font15{
    font-size: 15px;
    color: #66bbcc;
    font-weight: 400;
}
.test-font16{
    font-size: 16px;
}
.bg-sky{
    background: #550000;
}
.boxshadow{
  box-shadow: 0px 0px 20px 0px #ababab40;
}
.calalog-box{
    padding: 40px 80px;
}
.calalog-box2{
    padding: 50px 80px;
    background: #effbfb;
}
.line-height61{
    line-height: 61px;
}
.bg-buy-option{
    background: url(../images/footer.jpg) no-repeat;
    background-position: top center!important;
    background-size: cover;
}
.bg-buy-option2{
    background: url(../images/veneers/buy-option.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bg-buy-option3{
    background: url(../images/doors/buying-option.png) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bg-wht-box{
    background: #ffffff;
    border-radius: 5px;
  box-shadow: 0px 0px 20px 0px #ababab40;
        margin-top: -58px;
}
.bg-pad-buying{
    padding: 70px 35px 65px 80px;
}
.bg-pad-buying2{
    padding: 70px 45px 65px 50px;
}

/*---------------------------------
career page
----------------------------------*/
.bg-career-range{
      background: #7d0000 url(../images/career-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
.bg-contact{
      background: #7d0000 url(../images/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: ;
  }
.box-wht-shadow{
    padding: 40px 26px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
}
.bg-lite-blue2{
    background: #effbfb;
  box-shadow: 0px 0px 20px 0px #ababab40; 
    padding: 70px 70px;
}
.icon-effect {white-space: nowrap;}

/*---------------------------------
veeneers page
----------------------------------*/

.bg-veeneer-range{
      background: #550000 url(../images/veeneers-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }

/*---------------------------------
experience section
----------------------------------*/
.location-box{
    padding: 0px 90px 90px 90px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
        margin-top: -150px;
    background: #ffffff;
}
/*------------------------------------------------------------------
contact page
-------------------------------------------------------------------*/
.bg-black{
    background: #550000;
    padding: 40px 60px;
    border-radius: 5px 0px 0px 5px;
}
.bg-contact-map{
    background: url(../images/google-map.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.border_r{
    border-radius: 0px 5px 5px 0px;
}
.contact-link a{
    color: #ffffff;
}
.padall50{
    padding: 40px 40px 40px 40px;
  box-shadow: 0px 0px 20px 0px #ababab40;  
}
.bg-black2{
   background: #3b3b3b url(../images/bg-contact-form.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*---------------------------------
doors page
----------------------------------*/
.bg-doors-top{
      background: #550000 url(../images/doors/door-header.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }



  /*.dropdown:hover .dropdown-menu {*/
  /*  display: block;*/
  /*  margin-top: 0;*/
  /*   transition: all .8s;*/
  /*}*/
.dropdown-toggle::after {
    display: none;
}
.dropdown span::after{
        display: none;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: .255em;
    content: "";   
    float: right;
    top: -2px;
        margin-top: 10px;
		color: #999;
border-top: .3em solid;
border-right: .20em solid transparent;
border-bottom: 0;
border-left: .20em solid transparent;
}
.dropdown-menu{
    left: 28px;
    transition: all .8s;
	top:60px;
	border-radius:0px 0px 5px 5px;
	padding-top:0px;
    padding-bottom:0px;
   
}

.dropdown-item{
    /*border-bottom: solid 1px #efefef;*/
	text-transform: uppercase;
    font-size: 16px;
	padding: 7px 30px 7px 30px;
    font-weight: 500;
	border-bottom: 1px solid #ddd!important;
	
}
.dropdown-item:last-child{
    border-bottom: none;
}

.dropdown:hover{
        transition: all .8s;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
	background:#fff;
	color:#550000;
}
.dropdown-menu .dropdown-item:last:child{
	border-radius:0px 0px 5px 5px;
}

.header_style_01.fixed-menu .dropdown-menu{
	top:53px;
}


.accordion {
  margin-top: 40px;
}
.accordion .card {
  border: none;
  margin-bottom: 0px;
}
.accordion .card h2 {
  background: url(../images/minus-icon.png) no-repeat calc(100% - 10px) center;
  cursor: pointer;
 font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}
.accordion .card h2.collapsed {
  background-image: url(../images/plus-icon.png);
}
.accordion .card-body {
  padding-left: 0px;
  padding-right: 0;
    padding-bottom: 40px;
    background: #effbfb;
}
.card-head{
    background: #effbfb;
    border-bottom: solid 1px #e9e9e9;
}
.card:last-child .card-head{
    border-bottom: solid 1px #e9e9e9;
}

.body-box{
    background: #ffffff;
    padding: 35px 35px;
    border-radius: 5px;
}
.accordion .card .card-body p{
	font-size:17px;
	font-weight:300;
	line-height: 28px;
}



#accordionExample2.accordion {
  /*margin-top: 40px;*/margin-top: 0px;
}
#accordionExample2.accordion .card {
  border: none;
  margin-bottom: 0px;
}
#accordionExample2.accordion .card h2 {
  background: url(../images/minus-icon2.png) no-repeat calc(100% - 10px) center;
  cursor: pointer;
 font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff!important;
}
#accordionExample2.accordion .card h2.collapsed {
  background-image: url(../images/plus-icon2.png);
}
#accordionExample2.accordion .card-body {
  padding-left: 0px;
  padding-right: 0;
    padding-bottom: 40px;
    background: #550000;
}
#accordionExample2 .card-head{
    background: #550000;
    border-bottom: solid 1px #05859e;
}
#accordionExample2 .card:last-child .card-head{
    border-bottom: solid 1px #05859e;
}

#accordionExample2 .body-box{
    background: #550000;
    padding: 35px 35px;
    border-radius: 5px;
}
#accordionExample2.accordion .card .card-body p{
	font-size:17px;
	font-weight:300;
	line-height: 28px;
}


.btn-download{
 background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ce180d;
    color: #ce180d;
}
.btn-download:hover{
    background: #ce180d;
    color: #ffffff!important;
}
.btn-download2{
 background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ffffff;
    color: #ffffff;
}
.btn-download2:hover{
    background: #ce180d;
    border: solid 1px #ce180d;
    color: #ffffff!important;
}
.btn-mediakit {
    font-size: 22px;
    border-radius: 8px;
    background-color: #156;
    color: #fff;
    border: solid 1px #CBB9B9;
}
.btn-mediakit:hover{
    background: transparent;
    color: #156 !important;
}
.bg-lite-sky2{
    background: #effbfb url(../images/financial-result.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.bg-sky2{
    background: #550000 url(../images/announcement.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.bg-investor-top{
      background: #550000 url(../images/investor-bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
.dpdf i{
  font-size: 25px;
    position: relative;
    top: 8px;
}
.icon-red{
    color: #550000;
}
.border-all2 img {
    border-radius: 5px 5px 0px 0px;
}
.border-all2 .noborder{
border:0px!important;
}
.font19{
    font-size: 19px;
}

.pressrelease-box .press-rel-col {
    display: none;
}
.ldmr-box {
    text-align: center;
}
.ldmr-btn{
    padding: 7px 25px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #BB7474;
    transition: ease 0.5s;
    color: #190000;
    cursor: pointer;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    text-transform: none;
    font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}
  
.ldmr-btn:hover{
    color: #FFF !important;
    border-radius: 5px;
    border: none;
    background: #BB7474;
    transition: ease 0.5s;
    border: 2px solid #BB7474;
}
.school-row .school-col{
    display: none;
}

.tiranga-rw .tiranga-col{
    display: none;
}

.architect-col{
    display: none;
}

.ply-col{
    display: none;
}
.dpr-col{
    display: none;
}
.fsc-col{
    display: none;
}
.pesh-col {
    display: none;
}
.hm-col {
    display: none;
}

/*------------------------------------------------------------------
Video section
-------------------------------------------------------------------*/
.video_wrapper1 {
width: 880px;
height: 502px;
margin: 0 auto;
position: relative;
background-color: #000;
}
.video_wrapper_full1 {
padding-top: 315px;
}
.videoIframe1 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
}/*
.videoPoster1 {
position: absolute;
top: 0px;
left: 0px;
width: 880px;
height: 502px;
background-image:url(../images/experience-center-videoimg.jpg);
background-size: cover;
border: none
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
border: 0;
}
.videoPoster1:hover {
cursor: pointer;
}
.videoPoster1:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 85px;
height: 85px;
margin: -40px 0 0 -40px;
border: 8px solid #fe4a0b;
border-radius: 100%;
background: #fe4a0b;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster1:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
border-radius: 3px;
height: 0;
margin: -16px 0 0 -10px;
border-left: 35px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster1:hover:before,  .videoPoster1:focus:before {
border-color: #f00;
background: #f00;
}
.videoPoster1:hover:after, .videoPoster1:focus:after {
border-left-color: #ffffff;
}
.videoWrapper1Active .videoPoster1 {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}*/
.video_wrapper {
width: 930px;
height: 500px;
margin: 0 auto;
position: relative;
background-color: #000;
}
.video_wrapper_full {
padding-top: 315px;
}
.videoIframe {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
}
.videoPoster {
position: absolute;
top: 0px;
left: 0px;
width: 930px;
height: 500px;
background-image:url(../images/experience-center-videoimg.jpg);
background-size: cover;
border: none
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
border: 0;
}
.videoPoster:hover {
cursor: pointer;
}
.videoPoster:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 85px;
height: 85px;
margin: -39px 0 0 -43px;
border: 4px solid #fff;
border-radius: 100%;
background:trasparant;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster:after {
content: '';
position: absolute;
top: 51%;
left: 50%;
width: 0;
border-radius: 3px;
height: 0;
margin: -16px 0 0 -10px;
border-left: 25px solid #fff;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms;
}
.videoPoster:hover:before,  .videoPoster:focus:before {
border-color: #f00;
background: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
border-left-color: #ffffff;
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.mrleft38{
    margin-bottom: -38px;
    margin-left: -5px;
    margin-top: -15px;

}
.min-h1{
    height: 412px;
}
.min-h2{
    height: 405px;
}
.min-h3{
    height: 373px;
}
.min-h4{
    height: 445px;
}
.min-h5{
    height: 362px;
}
.min-h6{
    height: 260px;
}
.seopara p{
    font-size: 16px;
    line-height: 28px;
}
select{
     padding: 13px 18px 11px 18px!important;
}
.custom-file-label {
    background: #ffffff !important;
    font-size: 16px;
    color: #183242 !important;
    font-weight: 400;
}
.custom-file-label, .custom-file-label::after {
    height: 50px;
    padding-top: 12px;
    background: #ed1c24;
    color: #ffffff;
}
.career-box{
  background: #effbfb;
  border-radius: 5px;
  padding: 10px 70px 60px 70px;
  box-shadow: 0px 0px 20px 0px #2c2c2c40;
}
/*========================================================*/


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
/*div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}*/
.list-group-item{
    vertical-align: top!important;
    font-size: 18px!important;
    padding: 30px 20px!important;
}
div.bhoechie-tab-menu div.list-group>a.active:hover{
    color: #fff!important;
}
div.bhoechie-tab-menu div.list-group>a:hover{
    color: 000000!important;
    opacity: 1!important;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #ed1c24;
  background-image: #5A55A3;
  border-color: #ed1c24;
  color: #ffffff;

}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #ed1c24;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 50px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
table {
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #ddd;
    overflow: hidden;
    margin: auto;
}
table th{
    text-align: center;
}
table td{
    font-size: 18px;
}
/*========================================================*/
/* Start Gallery CSS */
.thumb {
    margin-bottom: 15px;
}
.thumb:last-child {
    margin-bottom: 0;
}
/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
.thumb figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.thumb figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.medianame{
    font-size: 13px;
    font-family: 'Heebo', sans-serif!important;
    text-transform: uppercase;
}

/*
.tz-gallery .lightbox img {
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}*/
#infinite-list {
    /* We need to limit the height and show a scrollbar */
    width: 100%;
    height: 300px;
    overflow: auto;
  
  }
  h5.subhed-acc{
    font-size: 25px!important;
    font-weight: 400!important;
    cursor: pointer!important;
  }
  .card-header {
    background: azure!important;
        cursor: pointer;
  }


.mediakit-col .btn-mediakit {
  width: 100%;
display: inline-block;
text-align: center;
}

/* Breadcrums */
.breadcrumbs-font{
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Fira Sans',sans-serif;
}
.breadcrumbs-padtb{
    padding-top: 35px;
    padding-bottom: 35px;
}
.breadcrumbs-link{
    color: #ffffff;
}
.breadcrumbs-link:hover{
    color: #7d0000;
}

#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    text-align: center;
  }
  #lightbox img {
    max-width: 80%;
    max-height: 80%;
    margin-top: 10%;
  }

  ::selection {
    background-color: #7d0000; /* Change this to the desired color */
    color: #ffffff; /* Change this to the desired text color */
}
.dealertitle {
    font-family: 'Fira Sans', sans-serif;
    font-size: 63px;
    line-height: 75px;
}

    /* Accordion styles */
    .accordion {
        width: auto;
      margin: 20px auto;
      
    }

    .accordion-item {
      border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    background: var(--white-color);
    border: 1px solid #7d0000;
    padding: 20px 20px;
    margin-bottom: 10px;
    }

    .accordion-header {
     /* background-color: #e9e9e9;
      padding: 10px;
      */
    margin-bottom: 0 px;
    padding-left: 10px;
    margin-top: 3px;
     cursor: pointer;
     background: #133544;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: left;
    border-radius: 5px;
    padding: 10px 10px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 15px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
    }

.accordion-header:hover {
    background: #7d0000;
}
    /* Additional styling for an attractive design */
    .accordion-header::hover {
      background-color: #fff;
    }
.form_bg{
        background: linear-gradient(to bottom, #ffffff 75%, #d5e1e6 25%);
}
    .accordion-content {
      display: none;
      padding: 10px;
    }



    .accordion-header::after {
      content: "+";
      float: right;
      font-weight: bold;
    }

    .accordion-item.active .accordion-header::after {
      content: "-";
    }
        @media only screen and (max-width: 991px) {
 .accordion {
    width: 100%;

}
.formpadbox {
    padding: 25px 90px 55px 90px;
    background: #ffffff;
    border: solid 3px #0C0E38;
}
.header_style_01 {
    border-bottom:none!important;
}
@media (max-width: 1020px) {
    .padm {
      padding-top: 50px!important; /* Add padding to the left and right sides */
    }
  }
  @media (min-width: 992px) and (max-width: 1023px){
.navbar-nav {
    height: 0px!important; 
    margin-top: 0px!important; 
    padding-top: 0px!important; 
    border-top: #fff!important; 
    background: #fff!important; 
}}
.location-banner{
    padding-top:80px !important;;
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem!important;
padding-left:0.5rem!important; 
}

}

.states-spacing{
  justify-content: center;
  gap: 20px;
}

 @media (max-width:575px){
.states-spacing{
  align-items: center;
  flex-direction: column;
   }
}

.error-message {
    color: red;
    font-size: 10px;
    text-align: center;
    visibility: hidden;
  }
  
 @media (max-width:991px){
    .dropdown-menu {
        max-height: 300px; /* Adjust height as needed */
        overflow-y: auto;  /* Enable vertical scrolling */
    }
  }
  
    @media (min-width:991px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
     transition: all .8s;
  }

  }
