/* Add here all your CSS customizations */
/* --- Custom CSS --- */
 @font-face {
    font-family:affix;
    src: url(../Fonts/pirulenrg.ttf);
}
.affixname
{
    margin-left:6px;
    font-family:affix;
    font-size: 14px;
	color: white;
    }
	.affixname:hover{
	color: #FF626B;
	}
    .affixname img
    {
        margin: 0px !important;
        }
#header .header-logo img {
    width: 106px;
}
.about-img img {
    width: 440px;
}
.about-section p, .our-vision p, .our-mission p {
    font-size: 14px;
}


/* --- Radio Button CSS --- */
.radio-container {
    display: block;
    position: relative;
    padding-left: 25px;
    /* margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-container input {
    position: absolute;
    opacity: 0;
    /* cursor: pointer; */
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ccc;
    border-radius: 50%;
}
.radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}
.radio-container input:checked ~ .checkmark {
    background-color: #2196F3;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.radio-container input:checked ~ .checkmark:after {
    display: block;
}
.radio-container .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* .gmap-section iframe { */
    /* width: 100%; */
/* } */
.gmap-section {
        height: 460px;
        width: 100%;
}

.cust-ges ul.list li i {
    position: relative;
    top: 5px;
}

.aboutsec-pgesimg .parallax-background {
    height: 125% !important;
}
.aboutsec-pssimg .parallax-background {
    height: 125% !important;
}

.faq-table td {
    border: 0;
}
.faq-table {
    font-size: 14px;
}
.posr{
    position: relative;
}
.banner-title {
    position: absolute;
    text-align: center;
    font-size: 27px;
    color: white;
    opacity: 1;
    line-height: 40px;
    top: 71%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.m0a {
    margin: 0 auto;
}
.mb40 {
    margin-bottom: 40px;
}

.cust-nav nav > ul > li {
    width: 100%;
}
.cust-nav nav ul.dropdown-menu {
    left: 180px !important;
}
.faq-subtn {
    color: #fff;
    background-color: #153e67;
    border-color: #153e67;
    box-shadow: none;
    font-size: 14px;
    padding: 7px 24px;
}
.faq-subtn:hover, .faq-subtn:focus, .faq-subtn:active {
    background-color: #0d3257 !important;
    border-color: #0d3257 !important;
    box-shadow: none !important;
}
.vcgdm {
    margin-top: -9% !important;
}
.sticky-header-active .vcgdm {
    margin-top: 5% !important;
}
.psdm {
    margin-top: 24% !important;
}
.sticky-header-active .psdm {
    margin-top: 37% !important;
}
.adm {
    margin-top: 55% !important;
}
.sticky-header-active .adm {
    margin-top: 69% !important;
}
.side-nav {
    top: 0px !important; position: fixed !important; width: 16% !important; height: 100% !important; background-color: rgb(255, 255, 255) !important;
    box-shadow: 1px 1px 0px #eee;
}
body {
    width: 84%; float: right;
}
.cust-headernav {
    position: relative; top: 100px; right: 129px;
}
.mb0 {
    margin-bottom: 0;
}
.txtal {
    text-align: left;
}
.social-icons {
    display: none;
}
.faq-mdiv {
    padding-left: 65px; padding-right: 65px;
}
iframe.google-map {
    border: 0;
    width: 100%;

}



/* =========================
Media Query Responsive Code
============================ */


@media (max-width: 359.98px) {

    
    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -2.5%) !important;
    }

    
    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(115px, -6px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }
    .resp-main {
        margin-top: 95px;
    }

    .vcgdm, .sticky-header-active .vcgdm {
        margin-top: 0% !important;
    }
    .psdm, .sticky-header-active .psdm {
        margin-top: 0% !important;
    }
    .adm, .sticky-header-active .adm {
        margin-top: 0% !important;
    }
    
.faq-mdiv {
    padding-left: 15px; padding-right: 15px;
}
 
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    

}



@media (min-width: 360px) and (max-width: 379.98px) {

    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -2.5%) !important;
    }

    
    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(76px, -6px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }
    .banner-title {
        font-size: 18px;
    }

    .resp-main {
        margin-top: 95px;
    }
    .vcgdm, .sticky-header-active .vcgdm {
        margin-top: 0% !important;
    }
    .psdm, .sticky-header-active .psdm {
        margin-top: 0% !important;
    }
    .adm, .sticky-header-active .adm {
        margin-top: 0% !important;
    }

    .faq-mdiv {
        padding-left: 15px; padding-right: 15px;
    }
    
    
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    
   

}


@media (min-width: 380px) and (max-width: 419.98px) {

    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -2.5%) !important;
    }

    
    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(6%, -6px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }

    .banner-title {
        font-size: 18px;
    }

    .resp-main {
        margin-top: 95px;
    }

    .vcgdm, .sticky-header-active .vcgdm {
        margin-top: 0% !important;
    }
    .psdm, .sticky-header-active .psdm {
        margin-top: 0% !important;
    }
    .adm, .sticky-header-active .adm {
        margin-top: 0% !important;
    }

    .faq-mdiv {
        padding-left: 15px; padding-right: 15px;
    }
     
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    
    
    

}




@media (min-width: 420px) and (max-width: 575.98px) {

    
    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -2.5%) !important;
    }

    
    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(61px, -6px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }
    .banner-title {
        font-size: 18px;
    }


    .resp-main {
        margin-top: 95px;
    }

    .vcgdm, .sticky-header-active .vcgdm {
        margin-top: 0% !important;
    }
    .psdm, .sticky-header-active .psdm {
        margin-top: 0% !important;
    }
    .adm, .sticky-header-active .adm {
        margin-top: 0% !important;
    }

    .faq-mdiv {
        padding-left: 15px; padding-right: 15px;
    }
     
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    
    


}




@media (min-width: 576px) and (max-width: 767.98px) {

    
    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -4%) !important;
    }

    
    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(-308px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }

    .resp-main {
    margin-top: 95px;
}
.vcgdm, .sticky-header-active .vcgdm {
    margin-top: 0% !important;
}
.psdm, .sticky-header-active .psdm {
    margin-top: 0% !important;
}
.adm, .sticky-header-active .adm {
    margin-top: 0% !important;
}
.faq-mdiv {
    padding-left: 15px; padding-right: 15px;
}
 
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    



}


@media (min-width: 768px) and (max-width: 991.98px) {

    .side-nav {
        width: 100% !important; height: 102px !important; background-color: rgb(255, 255, 255) !important;
    }

    body {
        width: 100%;
    }
    .main-banner {
        margin-top: 108px;
    }
    .cust-headernav {
        position: relative; top: 15px; right: 15px;
    }
    #header .cust-nav:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -4%) !important;
    }

    html.sticky-header-active #header.header-semi-transparent .cust-nav:before, html.sticky-header-active #header.header-semi-transparent-light .cust-nav:before {
        width: 100vw;
    }
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(-308px) !important;
    }
    .cust-nav nav > ul > li {
        padding: 0 20px !important;
    }
    .cust-nav .social-icons li {
        display: inline !important;
    }
    
    .cust-nav .social-icons li a {
        display: initial !important;
        padding: 5px !important;
    }
    .sticky-header-active header .header-container {
        height: 102px !important;
    }
    #header.header-effect-shrink .header-container {
        height: 102px !important;
    }

    .resp-main {
        margin-top: 95px;
    }

    .vcgdm, .sticky-header-active .vcgdm {
        margin-top: 0% !important;
    }
    .psdm, .sticky-header-active .psdm {
        margin-top: 0% !important;
    }
    .adm, .sticky-header-active .adm {
        margin-top: 0% !important;
    }
    .faq-mdiv {
        padding-left: 15px; padding-right: 15px;
    }
    
     
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #aaa;
}
    



}


@media (min-width: 992px) and (max-width: 1199.98px) {

    .side-nav{
        width: 20% !important;
    }
    
    body {
        width: 80%;
    }

}


@media (min-width: 1200px) and (max-width: 1599.98px) {


}

@media (min-width: 1600px) and (max-width: 1919.98px) {


}


@media (min-width: 1920px) {


}


@media (min-width: 372px) and (max-width: 376.98px) {
    .cust-nav {
        width: 100vw;
        left: -360px !important;
        transform: translate(60px, -6px) !important;
    }

}