/* COMMON CSS */


*{
  margin:0;
  padding:0;
}
body {
  font-family: 'Roboto';
  font-size:14px;
  width: 100% !important;
  max-width: 100% !important;  
}

.pl5{padding:0 0 0 5px}
.pd0{padding:0px;}


.banner{
    text-align:center;
 width:100%;
 background:#81112C; 
 margin:0 auto;
 
}

.btn-submit
{
 background:#81112C; 
 color:#fff;
 width:150px;
 margin-left:5px;
 margin-top:30px;
}
.btn-submit:hover
{
 background:#81112C; 
 color:#fff;
 width:150px;
}

.btn-cancel
{
 background:#fff; 
 color:#81112Cj;
 width:148px;
 margin-left:5px;
 margin-top:30px;
 border:1px solid #81112C;
 margin-right:10px;
 color:#81112C
}
.btn-cancel:hover
{
 background:#fff; 
 color:#81112C;
 width:148px;
}

.form-group
{
 margin-bottom:20px; 
}

.form-group label
{
 
 font-size:16px;
 color:#202020;
 font-weight:normal;
}

.header
{
 background:#81112C;
 height:80px;
}
.header img
{
 margin-left:-15px;
 height:80px;
} 

.mainbg{
 
 background:#f8f8f8;
 height:auto;
 min-height:500px;
}


.mainbg h4
{
 color:#202020;
 font-size:26px;
 font-weight:500;
 
}
.mainbg h5
{
 font-size:18px;
 color:#202020;
 font-weight:400;
}

.sidebg
{
     background:#D5D6D2 ;
 height:auto;
 min-height:500px; 
}

.sidebg_top{
 
 background-image:url('https://fairview--r2exteam--c.documentforce.com/servlet/servlet.ImageServer?id=0156s0000007XzX&oid=00D6s0000008kgw&lastMod=1621584172000') ;
 background-size:100% 100%;
 background-repeat:no-repeat;
 height:auto;
 padding:15px;
 
}
.sidebg_top h2
{
    text-align: left;
 font: Bold 30px Calibri;
 letter-spacing: 0px;
 color: #FFFFFF;
 line-height:32px;
 text-shadow: 0px 3px 6px #0000006E; 
  
}
.sidebg_top h3
{
 text-align: left;
 font: normal 24px Calibri;
 letter-spacing: 0px;
 color: #FFFFFF;
 text-shadow: 0px 3px 6px #0000006E; 
 margin-bottom: 0pc;
 
}
.sidebg_top h4
{
 text-align: left;
 font: normal 18px Calibri;
 letter-spacing: 0px;
 color: #FFFFFF;
 text-shadow: 0px 3px 6px #0000006E; 
 margin-bottom: 0px;
 
}
.sidebg_bottom
{
 width:100%;
 padding:10px;
}

.sidebg_bottom h2{
 
text-align: left;
font-size:20px;
font-family:'Roboto';
letter-spacing: 0px;
color: #202020;
padding-left:15px;
padding-bottom:5px;
 
}
.sidebg .imgbox
{
 
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
min-height:110px;
border-radius:3px;
border-left:10px solid #81112C;
padding:3px;
margin-bottom:20px;
width:98%;
margin-left:1%;
align-items:center;
 
}
.sidebg_bottom .imgbox h1{
 
 text-align: left;
 letter-spacing: 0px;
 color: #3e3e3e;
 font-weight:500;
 font-size:15px;
 padding:0px;
 padding-top:5px;
 font-family: "Segoe UI";
 font-style:italic;
}
.sidebg_bottom .imgbox h2{
 
 text-align: left;
 letter-spacing: 0px;
 color: #C90B0B;
 font-weight:500;
 font-size:15px;
 padding:0px; 
 margin:0;
 padding-top:5px;
}

.sidebg_bottom .imgbox h3{
 text-align: left; 
 letter-spacing: 0px;
 color: #3e3e3e;
 font-weight:400;
 font-size:13px;
}

.sidebg_bottom .imgbox .view{
 text-align: left;
 letter-spacing: 0px;
 color: #C90B0B;
 font-weight:600;
 font-size:14px;
 margin-top:-10px;
}

.sidebg_bottom .imgbox .view1{
 text-align: left;
 letter-spacing: 0px;
 color: #575757;
 font-weight:500;
 font-size:13px;
 margin-top:-10px;
}

.footer
{ 
 padding:10px 20px;
}

.footer h2{
 
 text-align: left;
 font: Bold 18px/15px Calibri;
 letter-spacing: 0px;
 color: #202020;
 margin-bottom:14px
 
}

.footer p{
 text-align: left;
 font: normal 13px/16px Calibri;
 letter-spacing: 0px;
 color: #202020; 
 margin-bottom:0px; 
 
}

.thankyoubg
{
 background-image:url('https://fairview--r2exteam--c.documentforce.com/servlet/servlet.ImageServer?id=0156s0000007Xzc&oid=00D6s0000008kgw&lastMod=1621584248000');
 background-size:100% 100%;
 background-repeat:no-repeat;
 height:auto;
 padding:20px; 
}


.thankyoubg p
{
 text-align: center;
 font: Bold 25px/44px Roboto; 
 letter-spacing: 0px;
 color: #202020;
    margin-bottom:0px; 
 line-height:28px;
}

.thankyou_summary
{
 background:rgb(254, 246, 223);
 border-radius: 12px; 
 padding:20px;
 margin-top:40px;
 margin-bottom:20px;
}

.thankyou_summary h2{
 
 text-align: left; 
 letter-spacing: 0px;
 color: #202020;
 font-weight:normal;
 font-size:18px;
 
}

.thankyou_summary ul{
 
 margin:0; padding:0;
 width:100%;
 position:relative;
 padding:10px 20px;
 display: inline-flex;
    justify-content: space-between; 
}

.thankyou_summary ul li{
 
 list-style:none; 
 float:left;
}


.thankyou_summary ul li.line{
 width: 2%;
    margin-right: 10px;
 margin-left:10px;
 
 
}


.thankyou_summary .top{
 
 display:block;
 color:#848282;
 font-weight:normal;
 font-size:16px;
}

.thankyou_summary .bottom{
 
 display:block;
 color:#202020;
 font-weight:500;
 font-size:16px;
 white-space:normal;
 word-break:break-word;
}


.vline
{
 
 height:34px;
 width:1px;
 background:#707070; 
 margin-top:4px;
}


.email
{
 text-decoration:none;
 color:#2741C4;
 
}

.imgbox img{margin-top:0px;}




/* Newly Added */


.smainbg{
 
 background:#f8f8f8; 
 min-height:450px;
 height:auto;
 
}
.smainbg h2{ 
 color: #202020;
    font-size: 30px;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px; 
}

.smainbg p{
 color: #202020;
    font-size: 16px;
    font-weight:normal;
    float: left;
    width: 45%;
    text-align: center;  
 
}
.smainbg .clickbtn{
 
 width:100%;
 text-align:center;
}
.qmainbg{
 
 background:#f8f8f8; 
 min-height:450px;
 height:auto;
 width:100%;
 margin:0 auto;
 padding:20px 60px;
 
}
.qmainbg h2{ 
 color: #202020;
    font-size: 28px;
    font-weight: normal;
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom:0px;
 margin-bottom:0px;
 
}

.qmainbg1{
 
 background:#f8f8f8;  
 height:auto;
 width:100%;
 margin:0 auto;
 padding:10px 60px;
 
}

.progresslayout{background:#f8f8f8;  
 height:auto;
 width:100%;
 margin:0 auto;
 padding: 20px 60px 10px 60px;
 }
.progresslayout h2{ 
 color: #202020;
    font-size: 24px !important;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom:5px;
 margin-bottom:0px;
 padding-top:5px;
 
 
}
.qbox{
 background:#fff;
 box-shadow: 2px 6px 12px #00000014;
 padding:15px;
 margin-bottom:20px;
 
}
.progress {
    height: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ccc;  
   
}

.progress-bar {
    background-color: #81112C !important;
    height: 12px;  
    margin-top: -2px;      
    z-index: 99999;
    border-radius: 50px;
 position:absolute;
}

.progressBarClass {
            height: 20px;
            width: 300px;
        }

.progressBarClassspan {
            width: 300px;
            position: absolute;
            text-align: left;
            font-weight: bold;
 }
 .ui-progressbar {
    height: 10px;
    text-align: left;
    overflow: visible;
}
.ui-widget-content{background:#f1f1f1}
 .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 12px;
    position: absolute;
    z-index: 9999;
    top: -1px;
    border-radius: 50px;
 background: #81112c;
}
.ui-widget.ui-widget-content {
    border: 1px solid #d2d2d2;
}

.qbox p 
{
 color: #202020;
    font-size: 18px;
    font-weight: 500;
    margin-bottom:15px; 
}

.custom-control-label
{
 color:#202020;
 font-size:15px; 
 cursor: pointer;
}
 

.custom-checkbox .custom-control-label::before {
    border-radius: 0px
}


.qbox table{width:95%; }
.qbox table tr:first-child{border-bottom:0px solid #d2d2d2}
.qbox table td:first-child{border:1px solid #d2d2d2 !important; white-space:pre-wrap}
.qbox table td{padding: 0px 10px 5px 10px; font-size:14px; color:#202020; white-space:nowrap; border:1px solid #d2d2d2 !important; }
.qbox table tr:first-child td{border:0px !important}
.qboxheader table{width:100% !important; border:0px solid #d2d2d2 !important;}
.qboxheader table tr, td{border:0px !important; }
.qboxheader table td:first-child{padding-left:1%; border:0px !important}
.qboxheader table td{ border:0px !important; white-space:normal;}
.custom-control-label::before
{ 
 top:.14rem; border:#202020 solid 1px; border-radius:0px !important; cursor:pointer;
}


input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0; cursor:pointer;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #81112C;
    background-color: #81112C;
}

.custom-control-input:focus~.custom-control-label::before
{
    box-shadow:none;
}


.custom-control-label::after {
    position: absolute;
    top: 1px;
    left: -1.65rem;
    display: block;
    width: 1.4rem;
    height: 1.3rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.qbox textarea{
 
 background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2D2D2;
    width: 95%;
 padding:5px;
 color:#202020;
 font-size:14px;
 
}
.comments{
 
 color: #202020;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.qbox textarea:focus{ 
 outline:0; 
}


.hidden{display:none;}


/* CUSTOM RADIO BUTTON */

.radio {
  position: relative;
  cursor: pointer;
  line-height:1.25rem;
  font-size: 15px;  
  color:#4b4f61;
  font-weight:normal;
   white-space: nowrap;
    width: 100%;
    margin-bottom:0px;
 color:#202020; 
}
.radio .label {
  position: relative;
  display: block;
  float: left;
  margin-right:7px;
  width: 18px;
  height:18px;
  border:1px solid #202020 ;
  border-radius: 100%;
  background:#fff;
  -webkit-tap-highlight-color: transparent;
  
}
.radio .label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width:10px;
  height:10px;
  border-radius: 100%;
  background: #81112c;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.radio:hover .label:after {
  transform: scale(2.6);
}

input[type="checkbox"]:hover .label:after{ transform: scale(2.6);}
input[type="radio"]:checked + .label {
  border-color: #81112c;;
}
input[type="radio"]:checked + .label:after {
  transform: scale(1);

  opacity: 1;
}


.registerclose
{
 background-image:url('https://fairview--r2exteam--c.documentforce.com/servlet/servlet.ImageServer?id=0156s0000007Xzh&oid=00D6s0000008kgw&lastMod=1621584332000');
 background-size:100% 100%;
 background-repeat:no-repeat;
 height:auto;
 padding:20px;
   
    
}

.registerclose p
{
 font-size:26px; 
 font-weight:500;
 text-align:center;
 padding:10px;
 
}
#progressbar{width:97%}


/* Responsive */

@media(max-width:992px)
{
.pd0{padding:0 15px;} 
.header{background:#81112C; height:60px;}
.header img{height:60px;}
.progresslayout h2{font-size:22px !important}
.qbox p {font-size:16px}
.custom-control-label{font-size:14px;}
.radio{font-size:14px;} 
 
}

@media(max-width:767px)
{
 
.thankyou_summary ul{display:block;}
.thankyou_summary ul li {list-style:none;float:left;width:40%;margin-right:2%;} 
.smainbg p{color:#202020;font-size:16px;font-weight:normal; float: left;width: 85%; text-align: center;} 
.ui-progressbar {  height: 10px;  text-align: left;   overflow: visible;}
.header{background:#81112C;height:40px;}
.header img{height:40px;}
.progresslayout h2{font-size:20px !important}
}


@media(max-width:567px)
{ 
.radio .label {
  position: relative; display: block;  float: left;  margin-right:1px;  width: 18px;  height:18px;  border:1px solid #202020 ;
  border-radius: 100%;  background:#fff;  -webkit-tap-highlight-color: transparent; }
.progresslayout h2{font-size:18px !important}
.custom-control-label{color:#202020;font-size:14px;cursor: pointer;}
.qbox p {font-size:15px}
.vline{height:1px; width:100%; background:#707070; margin-top:4px;}
.thankyou_summary ul li{list-style:none;float:left;width: 100% !important; }   
.thankyou_summary ul li.line{margin-left:0px;}
.progresslayout {background:#f8f8f8; height:auto; width:100%;  margin:0 auto;   padding: 20px 20px 0px 20px;}
.qmainbg1{background:#f8f8f8;height:auto; width:100%; margin:0 auto; padding: 0px 20px 10px 20px;}
}