body {
    background: url(https://www.ashoknandavanam.com/images/bg.jpg) repeat-y;
    overflow-x: hidden
}

.top-phone {
    display: none
}

.menu_slide {
    width: 381px;
    background-color: #ffd323;
    position: fixed;
    z-index: 9999999;
    height: 100%;
    right: 0;
    transition: .5s
}

.abouta h1 {
    text-align: center;
    font-family: Raleway-Bold;
}

.menu_title {
    width: 75%;
    color: #708da9;
    font-weight: 700;
    margin: 7px auto 20px;
    padding: 0 0 3px;
    text-align: center
}

.menu_title h3 {
    font-family: Raleway-Bold;
    text-transform: uppercase;
    color: #000;
    padding: 0 0
}

.menu_title h2 {
    font-family: Raleway-Bold;
    text-transform: uppercase;
    color: #000;
    padding: 0 0;
    font-size: 24px;
}

.open {
    cursor: pointer;
    position: absolute;
    margin-left: -185px;
    margin-top: 68px
}

.menu_show img {
    width: 23px;
    position: relative;
    left: 245px;
    top: -237px;
    float: right;
    transform: rotate(44deg)
}

.rotate {
    transform: rotate(45deg);
    transition: 1s
}

#menu_dinamico ul {
    list-style: none
}

#menu_dinamico li {
    width: 80%;
    height: 25px;
    color: #333;
    cursor: pointer;
    padding: 8px 10px 0
}

#menu_dinamico li:hover {
    background-color: #ffb4c0;
    color: #fff
}

.menu_hide,
.menu_show {
    cursor: pointer;
    position: absolute;
    left: 10px
}

.hidden_menu {
    right: -341px;
    transition: .5s
}

.menu_slidet {
    width: 381px;
    background-color: #ffd323;
    position: fixed;
    z-index: 9999999;
    height: 100%;
    right: -346px;
    transition: .5s
}

.menu_titlet {
    width: 75%;
    color: #708da9;
    font-weight: 700;
    margin: 7px auto 20px;
    padding: 0 0 3px;
    text-align: center
}

.menu_titlet h2 {
    font-family: Raleway-Bold;
    text-transform: uppercase;
    color: #000;
    padding: 7px 0
}

.opent {
    cursor: pointer;
    position: absolute;
    margin-left: -185px;
    margin-top: 68px
}

.menu_showt img {
    width: 23px;
    position: relative;
    right: 6px;
    top: 171px
}

.rotate {
    transform: rotate(45deg);
    transition: 1s
}

#menu_dinamicot ul {
    list-style: none
}

#menu_dinamicot li {
    width: 80%;
    height: 25px;
    color: #333;
    cursor: pointer;
    padding: 8px 10px 0
}

#menu_dinamicot li:hover {
    background-color: #ffb4c0;
    color: #fff
}

.menu_hidet,
.menu_showt {
    cursor: pointer;
    position: absolute;
    left: 10px
}

.hidden_menut {
    right: -341px;
    transition: .5s
}

.hidden_menut {
    right: -18px;
    transition: .5s
}

.gallery-carousel3 .owl-controls {
    right: 0;
    text-align: right;
    top: auto;
    position: absolute
}

.gallery-carousel3 .owl-prev {
    position: relative;
    left: -259px;
    top: -141px
}

.gallery-carousel3 .owl-next {
    position: relative;
    top: -182px;
    right: -25px
}

.form {
    background: #e7c127;
    padding: 4px 25px 25px;
    box-sizing: border-box;
    position: absolute;
    z-index: 111;
    border-radius: 10px;
    margin-top: 6px;
    right: 36px;
    width: 303px
}

.logotvs {
    text-align: center
}

.form img {
    text-align: center
}

.form h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #103679;
    padding-bottom: 10px
}

.form h4 {
    font-family: Raleway-SemiBold;
    color: #fff;
    text-align: center;
    padding-bottom: 2px;
    font-size: 15px;
    padding-top: 7px
}

.form h4 span {
    font-size: 20px;
    margin-top: 3px
}

.red_bg h4 span {
    padding-left: 8px;
    margin-top: 3px
}

.form h6 {
    font: normal 15px robotoregular;
    color: #103679;
    text-align: center;
    padding: 11px;
    line-height: 20px
}

.form h5 {
    font: normal 18px robotobold;
    color: #103679;
    text-align: center
}

.form p {
    font: normal 15px robotolight;
    line-height: 20px;
    color: #373737;
    text-transform: none;
    text-align: center;
    margin-top: 10px 0 5px;
    font-weight: 600
}

.textclass input {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #d1d1d1;
    font: normal 14px robotolight;
    color: #838383;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 3px
}

.padding {
    padding: 10px 0 80px 0
}

header {
    background: #3ca0ed;
    width: 100%;
    position: fixed;
    z-index: 9999;
    height: 60px;
    font-family: SohoGothicPro-Regular
}

header .logo {
    float: left;
    position: absolute;
    z-index: 999
}

.logo img {
    width: 100px
}

header ul {
    float: right;
    padding-top: 14px;
    font-family: SohoGothicPro-Regular
}

header ul li {
    float: left;
    font-size: 14px;
    color: #000;
    font-family: SohoGothicPro-Regular;
    line-height: 35px;
    margin-right: 37px;
    letter-spacing: 1px
}

.sub {
    float: left;
    font-size: 14px;
    color: #000;
    font-family: SohoGothicPro-Regular;
    line-height: 69px;
    margin-right: 37px;
    letter-spacing: 1px
}

header .active {
    background: url(https://www.ashoknandavanam.com/images/menubg.png) no-repeat;
    padding: 2px 23px
}

header ul li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

header ul li a:hover {
    background: url(https://www.ashoknandavanam.com/images/menubg.png) no-repeat;
    padding: 12px 23px
}

header .button {
    background-color: #f0d13d;
    min-width: 280px;
    height: 47px;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
    float: left;
    border-radius: 4px;
    position: relative;
    margin-top: 4px;
    padding: 0 10px
}

header ul li a img {
    padding-left: 20px
}

.phone-mobile {
    display: none
}

header .phone {
    background: #fff;
    font-size: 18px;
    color: #1393f5;
    font-family: SohoGothicPro-Regular;
    padding: 0 14px;
    font-weight: 700
}

header ul li a span {
    background: #fffaf0 none repeat scroll 0 0;
    border: 1px solid #dca;
    color: #111;
    display: none;
    line-height: 16px;
    margin-left: -140px;
    margin-top: 10px;
    padding: 10px;
    width: 280px;
    z-index: 10;
    position: absolute;
    font-family: robotobold;
    left: 50%;
    top: 100%;
    font-size: 12px;
    text-transform: none;
    text-align: left
}

header ul li a:hover span {
    display: inline
}

.callout {
    border: none;
    left: 12px;
    position: absolute;
    top: -14px;
    z-index: 20
}

.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0;
    color: #fff
}

.back-to-top.show {
    opacity: 1
}

.back-to-top.show:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.slide_wrap {
    position: relative
}

.carousel-caption {
    left: 0;
    right: auto;
    width: 100%;
    text-align: left;
    bottom: auto;
    top: 0
}

.carousel-caption img {
    position: absolute;
    top: 88px
}

.carousel-caption h3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    font-size: 33px;
    color: #1393f5;
    font-family: Raleway-Bold;
    position: relative;
    z-index: 999;
    margin-top: 245px
}

.carousel-caption h4 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    color: #000;
    padding-bottom: 2px;
    font-family: Raleway-Black;
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    z-index: 999
}

.carousel-caption h5 {
    -webkit-animation-delay: 3s;
    color: #000;
    animation-delay: 3s;
    font-size: 15px;
    position: relative;
    font-family: SohoGothicW04-Light;
    z-index: 999;
    padding: 0 767px 0 2px;
    line-height: 21px
}

.carousel-indicators {
    left: 70px;
    width: auto;
    margin-left: 0;
    text-align: left;
    bottom: 10px
}

.carousel-indicators li {
    border: 1px solid transparent;
    background: url(https://www.ashoknandavanam.com/images/couros.png) no-repeat;
    border-radius: 0;
    height: 37px;
    width: 45px;
    margin: 0 0 0 10px
}

.carousel-indicators .active {
    border-color: #fff;
    background: url(https://www.ashoknandavanam.com/images/courosact.png) no-repeat;
    height: 37px;
    width: 45px;
    margin: 0 0 0 10px
}

.slide_wrap1 {
    position: relative
}

.carousel-indicators1 {
    width: auto;
    margin-left: 0;
    text-align: left;
    bottom: 10px
}

.carousel-indicators1 li {
    border: 1px solid transparent;
    background: url(https://www.ashoknandavanam.com/images/couros.png) no-repeat;
    border-radius: 0;
    height: 37px;
    width: 45px;
    margin: 0 0 0 10px
}

.carousel-indicators1 .active {
    border-color: #fff;
    background: url(https://www.ashoknandavanam.com/images/courosact.png) no-repeat;
    height: 37px;
    width: 45px;
    margin: 0 0 0 10px
}

.enquire_form {
    background: url(https://www.ashoknandavanam.com/images/form-bg.png) no-repeat;
    height: 383px;
    width: 300px;
    position: absolute;
    top: 100px;
    right: 85px;
    z-index: 999;
    padding: 18px;
    text-align: center
}

.enquire_form h3 {
    color: #fff;
    font-family: robotobold;
    font-size: 16px;
    padding: 12px 0 14px;
    text-transform: uppercase
}

.enquire_form h3 span {
    font-size: 20px;
    font-weight: 700
}

.block2,
.block3,
.block4,
.block5 {
    width: 100%;
    float: left;
    margin-bottom: 3px
}

.enquire_form {
    margin-bottom: 5px
}

.enquire_form .labelclass {
    display: none
}

.enquire_form .textclass {
    width: 100%;
    float: left
}

.enquire_form .textclass input {
    border-radius: 4px;
    border: none;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    box-shadow: none;
    padding: 0 10px
}

.enquire_form .textclass textarea {
    height: 70px;
    padding: 0 10px;
    width: 100%
}

.enquire_form .textclass input:focus {
    border: none
}

.enquire_form .submitclass {
    width: 100%;
    float: left
}

.enquire_form .submitclass input {
    background: url(https://www.ashoknandavanam.com/images/form-btn.png) no-repeat transparent;
    border-radius: 0;
    height: 85px;
    width: 100%;
    border: none;
    color: #3b3b3b;
    padding-bottom: 40px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Conv_EurostileLTStd-Demi
}

.abouta {
    padding: 56px 44px 30px
}

.abouta h5 {
    font-family: Raleway-Regular;
    font-size: 21px;
    padding: 15px 0 0;
    text-transform: uppercase
}

.abouta h3 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    font-size: 38px;
    border-bottom: 2px solid #4a4240
}

.abouta p {
    font-family: SohoGothicW04-Light
}

.abouta h6 {
    font-family: SohoGothicPro-Regular;
    font-size: 15px;
    padding: 15px 0;
    line-height: 23px
}

.gallery-carousel .owl-controls {
    right: 0;
    text-align: right;
    top: auto;
    position: absolute
}

.gallery-carousel .owl-prev {
    position: relative;
    left: -150px;
    top: 19px;
    z-index: 999
}

.gallery-carousel .owl-next {
    position: relative;
    top: -47px;
    right: 70px;
}

.projecta {
    padding: 46px
}

.projecta h6 {
    font-family: Oregano-Regular;
    font-size: 27px;
    text-align: center;
    padding: 15px 0 0
}

.projecta h3 {
    font-family: Raleway-Bold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    font-size: 29px
}

.projecta p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    color: #000;
    font-size: 13px;
    line-height: 20px
}

.projecta h5 {
    background: url(https://www.ashoknandavanam.com/images/subbg.png) no-repeat;
    font-family: Raleway-Regular
}

.textc h5 {
    font-family: Raleway-Regular;
    text-transform: uppercase;
    font-size: 28px;
    padding: 29px 0 0
}

.textc h3 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    font-size: 36px
}

.textc p {
    font-family: SohoGothicW04-Light
}

.textc h6 {
    font-family: SohoGothicW04-Light;
    font-style: italic;
    font-size: 14px
}

.textc h6 span {
    font-family: SohoGothicPro-Regular;
    font-style: normal;
    font-weight: 700;
    font-size: 15px
}

.gallery-carousel1 .owl-controls {
    right: 0;
    text-align: right;
    top: 292px;
    position: absolute
}

.gallery-carousel1 .owl-prev {
    position: relative;
    left: -94px;
    top: 19px;
    z-index: 999
}

.gallery-carousel1 .owl-next {
    position: relative;
    top: -47px
}

.newsa {
    padding: 17px 0 99px
}

.newsa h2,
.bloga h2 {
    font-family: Raleway-Bold;
}

.newsa h5 {
    font-family: Raleway-SemiBold;
    text-transform: uppercase;
    font-size: 15px;
    padding: 29px 0 0
}

.newsa h6 {
    font-family: SohoGothicW04-Light;
    text-transform: uppercase;
    font-size: 15px;
    padding: 9px 0 10px
}

.newsa h3 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    font-size: 44px
}

.newsa p {
    font-family: SohoGothicW04-Light;
    padding: 6px 0;
    font-size: 12px;
    line-height: 19px
}

.bordera {
    border-bottom: 2px #9a9898 solid
}

.subfoot {
    background: url(https://www.ashoknandavanam.com/images/subfootbg.png) no-repeat center;
    padding: 225px 0 47px
}

.subfoot h3 {
    font-family: Raleway-Regular;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    padding: 12px 0
}

.subfoot ul {
    color: #fff;
    font-family: Gotham-Light
}

.subfoot ul li {
    padding: 5px 0;
    font-size: 14px
}

.subfoot p {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0;
    letter-spacing: 1px
}

.subfoot h6 {
    font-family: robotolight;
    font-style: italic;
    color: #fff;
    font-size: 15px
}

.subfoot h5 {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 20px
}

footer {
    display: inline-block;
    width: 100%;
    background: #5f4f41;
    padding: 15px 0;
    color: #fff
}

footer p {
    font-size: 12px;
    color: #fff
}

footer p span {
    font-family: robotobold;
    color: #fff
}

footer h6 {
    float: right
}

.about_Section {
    background: url(https://www.ashoknandavanam.com/images/abt-bg.jpg) no-repeat center top, url(https://www.ashoknandavanam.com/images/yellow-bg.jpg) repeat;
    padding: 60px 0 80px
}

.about_Section ul {
    text-align: center;
    padding-bottom: 50px
}

.about_Section ul li {
    display: inline-block;
    font-size: 22px;
    font-family: robotobold;
    color: #fff;
    border-right: 2px solid #f0d13d;
    line-height: 26px;
    padding-right: 35px;
    margin-right: 35px;
    text-transform: uppercase
}

.about_Section ul li span {
    display: block;
    font-size: 16px;
    font-family: robotolight
}

.about_Section ul li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.about_Section h2 {
    color: #fff;
    font-size: 44px;
    font-family: robotobold;
    padding-bottom: 10px;
    text-transform: uppercase
}

.about_Section h3 {
    font-size: 16px;
    color: #fff;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 50px 8px;
    letter-spacing: 1px;
    font-family: robotothin;
    margin-bottom: 20px;
    line-height: 28px;
    font-weight: 700
}

.about_Section h3:after,
.about_Section h3:before {
    content: url(https://www.ashoknandavanam.com/images/brace-left.png);
    position: absolute;
    left: 0;
    top: 0
}

.about_Section h3:after {
    content: url(https://www.ashoknandavanam.com/images/brace-right.png);
    right: 0;
    left: auto
}

.about_Section p {
    font-size: 16px;
    color: #fff;
    line-height: 26px
}

.amenities_section {
    padding: 40px 0 20px
}

.amenities_section h3 {
    color: #2171d2;
    font-size: 36px;
    padding-bottom: 15px
}

.amenities_section .text-center p {
    color: #292000;
    font-size: 16px;
    line-height: 26px;
    padding: 0 135px
}

.amenities_section ul {
    width: 100%;
    float: left
}

.amenities_section ul li {
    width: 20%;
    float: left;
    padding: 0 20px;
    margin-bottom: 40px;
    text-align: center
}

.amenities_section ul li .inner {
    background: url(https://www.ashoknandavanam.com/images/shadow.jpg) no-repeat bottom #f9f9f9;
    padding: 15px 15px 30px
}

.amenities_section ul li .inner:hover {
    background-color: #f3f3f3
}

.amenities_section ul li .inner:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all .25s ease-in 0s;
    -webkit-transition: all .25s ease-in 0s
}

.amenities_section ul li .inner h4 {
    font-size: 16px;
    font-family: robotomedium;
    color: #444;
    margin-bottom: 10px;
    margin-top: 10px
}

.amenities_section ul li .inner p {
    font-size: 12px;
    color: #6d6d6d;
    line-height: 16px;
    min-height: 60px
}

.speciality_section {
    background-image: url(https://www.ashoknandavanam.com/images/sp-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 50px
}

.speciality_section h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 40px
}

.speciality_section p {
    font-size: 18px;
    color: #fff;
    margin-top: -40px;
    padding: 0 120px
}

.top_footer {
    background-color: #186ad3;
    float: left;
    width: 100%
}

.top_footer .col-md-7 {
    padding-left: 0
}

.top_footer .col-md-7 img {
    width: 100%
}

.top_footer .map {
    float: left;
    width: 100%
}

.top_footer .map iframe {
    width: 100%;
    float: left;
    height: 370px;
    border: none
}

.top_footer .address {
    text-align: center;
    padding-top: 0
}

.top_footer .address p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px
}

.thanku h2 {
    color: #fff;
    padding-top: 40px
}

.thanku h4 {
    color: #fff;
    padding: 20px;
    font-weight: 600
}

.bottom_button {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 9999
}

.modal {
    right: -17px
}

.modal-backdrop.in {
    opacity: .65
}

.modal-open {
    padding-right: 0 !important;
    overflow: auto !important
}

.modal.in {
    padding-right: 0 !important
}

.modal-header {
    border-bottom: none
}

.modal-content {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    border-radius: 0
}

.modal-content .close {
    background-color: #cc343d;
    font-family: robotolight;
    opacity: 1;
    padding: 0;
    height: 34px;
    line-height: normal;
    top: -15px;
    width: 34px;
    position: absolute;
    right: -17px;
    margin-top: 0;
    border-radius: 100%;
    z-index: 99;
    color: #fff;
    font-size: 24px;
    text-shadow: none
}

.modal-content .close span {
    position: relative;
    top: -2px
}

.modal-content .close:focus,
.modal-content .close:hover {
    color: #fff;
    opacity: 1
}

.modal-dialog {
    max-width: 1000px;
    width: 90%;
    margin: 100px auto 30px
}

.modal-body {
    float: left;
    width: 100%;
    padding: 20px
}

.modal-body h2 {
    color: #000;
    margin-bottom: 20px;
    font-size: 22px;
    font-family: robotobold
}

.modal-body p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

.flashit {
    color: #f2f;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.christmas-blue {
    color: #035ee2;
    background: -webkit-linear-gradient(transparent, transparent), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/blue_glitter.gif) repeat;
    background: -o-linear-gradient(transparent, transparent) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900;
    text-align: center;
    letter-spacing: -3px !important;
    z-index: 999999;
    -webkit-background-clip: text
}

.christmas-blue {
    letter-spacing: -3px !important;
}

.christmas-gold {
    color: #d81e1e;
    color: gold;
    background: -webkit-linear-gradient(transparent, transparent), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/gold_glitter.gif) repeat;
    background: -o-linear-gradient(transparent, transparent) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900;
    text-align: center;
    letter-spacing: -10px;
    z-index: 999999;
    -webkit-background-clip: text
}

.site-map-heading-top {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.overimg {
    position: relative
}

.overlay {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.overimg:hover .overlay {
    opacity: .3
}

.mfp-image-holder .mfp-close {
    cursor: pointer !important
}

.overimg:hover .middle {
    opacity: 1
}

.text1 {
    background-color: #ffd323;
    color: #1e1e1e;
    font-size: 16px;
    padding: 4px 18px
}

.aboutas {
    background: url(../images/about/banner-1.webp) no-repeat center;
    height: 677px
}

.aboutas h4 {
    font-family: Raleway-Black;
    text-align: left;
    font-size: 25px;
    color: #1393f5;
    margin-top: 174px
}

.aboutas h3 {
    font-family: Raleway-Heavy;
    text-align: left;
    text-transform: uppercase;
    font-size: 55px;
    padding: 8px 0 7px;
    color: #000
}

.aboutas h1 {
    font-family: Raleway-Heavy;
    text-align: left;
    text-transform: uppercase;
    font-size: 35px;
    padding-top: 11px;
    color: #000
}

.aboutas p {
    font-family: SohoGothicW04-Light;
    text-align: left;
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.simg {
    margin-top: 85px
}

.aboutca {
    padding: 15px 0
}

.aboutca h3 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 28px;
    padding: 25px 0 13px;
    text-align: center
}

.aboutca h5 {
    font-family: Oregano-Regular;
    font-size: 29px;
    text-align: center
}

.aboutca h6 {
    font-family: SohoGothicW04-Light;
    font-size: 14px;
    line-height: 24px;
    color: #595959;
    text-align: center
}

.aboutca p {
    font-family: SohoGothicW04-Light;
    padding: 7px 155px;
    font-size: 14px;
    line-height: 25px;
    text-align: center
}

.aboutca1 {
    padding: 15px 0
}

.aboutca1 h3 {
    font-family: Raleway-Black;
    letter-spacing: 1px;
    font-size: 28px;
    padding: 44px 0 13px;
    border-bottom: 2px solid#a5a3a3
}

.aboutca1 p {
    font-family: SohoGothicW04-Light;
    text-align: justify
}

.teama {
    padding: 73px 0
}

.teama h3 {
    font-family: Raleway-Heavy;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    padding: 12px
}

.teamabg {
    background: url(https://www.ashoknandavanam.com/images/teambg.png) no-repeat center;
    padding: 71px 0;
    text-align: center;
    position: relative
}

.teama h4 {
    font-family: SohoGothicPro-Medium;
    color: #fff;
    font-size: 14px;
    padding: 131px 0 0
}

.teama h4 span {
    font-family: SohoGothicW04-Light;
    color: #fff;
    font-style: italic
}

.teama p {
    font-family: SohoGothicW04-Light;
    position: absolute;
    padding: 19px 94px
}

.bordery {
    border-bottom: 2px #ffd323 solid;
    margin-left: 100px;
    margin-top: 15px;
    width: 50%
}

.footmenu {
    position: absolute;
    margin-top: 15px;
    margin-left: 68px
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.cd-horizontal-timeline::before {
    content: 'mobile';
    display: none
}

.cd-horizontal-timeline.loaded {
    opacity: 6
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    margin: 72px auto 0
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.cd-horizontal-timeline .filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #09f;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-horizontal-timeline .events a {
    font-family: Raleway-Bold;
    position: absolute;
    bottom: 0;
    background: #fff;
    margin-left: -196px;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding: 28px;
    color: #383838;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.cd-horizontal-timeline .events a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color .3s, border-color .3s;
    -moz-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #09f;
    border-color: #09f
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #09f;
    border-color: #09f
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #09f
}

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline {
        margin: 0
    }

    .cd-horizontal-timeline::before {
        content: 'desktop'
    }
}

.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.cd-timeline-navigation a::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.cd-timeline-navigation a.prev {
    left: 4px;
    background: url(https://www.ashoknandavanam.com/images/preb.png) no-repeat 0 0;
    height: 47px;
    width: 71px
}

.cd-timeline-navigation a.next {
    right: -32px;
    background: url(https://www.ashoknandavanam.com/images/nxtb.png) no-repeat 0 0;
    height: 47px;
    width: 71px
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #09f
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.cd-horizontal-timeline .events-content li.selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left
}

.cd-horizontal-timeline .events-content li.leave-left,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 800px;
    margin: 0 auto
}

.cd-horizontal-timeline .events-content h2 {
    font-weight: 700;
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto
}

.cd-horizontal-timeline .events-content em::before {
    content: '- '
}

.cd-horizontal-timeline .events-content p {
    font-size: 15px
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
    line-height: 1.6
}

@media only screen and (min-width:768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem
    }

    .cd-horizontal-timeline .events-content em {
        font-size: 2rem
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.allsa h6 {
    font-family: Raleway-Black;
    color: #259cf7;
    text-align: center;
    padding: 8px;
    font-size: 23px
}

.allsa h1 {
    font-family: Raleway-Black;
    color: #259cf7;
    text-align: center;
    padding: 8px;
    font-size: 23px
}

.allsa h3 {
    font-family: Raleway-Heavy;
    text-align: center;
    font-size: 42px;
    text-transform: uppercase
}

.alla {
    text-align: center;
    padding: 24px 0 0
}

.alla h6 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    padding: 34px 0 0;
    color: #259cf7;
    font-size: 22px
}

.alla h4 {
    font-family: Raleway-Heavy;
    text-transform: uppercase;
    color: #434445;
    font-size: 25px;
    padding: 9px
}

.alla p {
    font-family: SohoGothicW04-Light
}

.cp {
    padding: 142px 0 0
}

.projectga {
    padding: 69px 0
}

.projectga h3 {
    font-family: Raleway-Heavy;
    text-transform: uppercase;
    text-align: center
}

.projectga img {
    position: relative;
    z-index: 99;
}

.projectas {
    background: url(https://www.ashoknandavanam.com/images/project/banner-1.png) no-repeat center;
    height: 677px
}

.projectas h4 {
    font-family: Raleway-Black;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #1393f5;
    margin-top: 174px
}

.projectas h3 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    font-size: 41px;
    padding: 8px 0 7px;
    color: #000
}

.projectas p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.projectca {
    padding: 15px 0
}

.projectca h3 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 32px;
    padding: 44px 0 13px
}

.projectca h1 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 32px;
    padding: 44px 0 13px
}

.projectca h5 {
    font-family: Oregano-Regular;
    font-size: 29px
}

.projectca h6 {
    font-family: SohoGothicPro-Regular;
    font-weight: 700;
    padding: 15px 80px 0 2px;
    font-size: 19px;
    line-height: 27px;
    color: #595959
}

.projectca p {
    font-family: SohoGothicW04-Light;
    padding: 20px 0;
    font-size: 15px;
    line-height: 27px
}

.onbg:hover {
    background: url(https://www.ashoknandavanam.com/images/onbg.png) no-repeat center
}

.feature {
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0
}

.feature h3 {
    font-family: Raleway-Heavy;
    padding: 33px 0
}

.feature img {
    padding: 11px 0
}

.feature h6 {
    font-family: SohoGothicW04-Light;
    font-size: 14px;
    padding: 15px 0;
    letter-spacing: 1px;
    line-height: 22px
}

.mapbg {
    background: url(https://www.ashoknandavanam.com/images/project/mapbg.png) no-repeat center;
    padding: 53px 15px
}

.connectp {
    padding: 40px
}

.connectp h3 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0 55px
}

.connectp h5 {
    font-family: SohoGothicPro-Regular;
    padding: 5px 56px 5px 18px;
    float: left;
    line-height: 22px
}

.connectp h6 {
    font-family: SohoGothicW04-Light;
    float: right;
    line-height: 28px;
    font-size: 11px;
}

.subfootp {
    background: url(https://www.ashoknandavanam.com/images/project/subfootbg.png) no-repeat center;
    padding: 223px 0 10px
}

.subfootp h3 {
    font-family: Raleway-Regular;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    padding: 12px 0
}

.subfootp ul {
    color: #fff;
    font-family: Gotham-Light
}

.subfootp ul li {
    padding: 5px 0;
    font-size: 14px;
}

.subfootp p {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0
}

.subfootp h6 {
    font-family: robotolight;
    font-style: italic;
    color: #fff;
    font-size: 15px
}

.subfootp h5 {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 20px
}

.completedga {
    padding: 69px 0
}

.completedga h3 {
    font-family: Raleway-Heavy;
    text-transform: uppercase;
    text-align: center
}

.completedga img {
    position: relative;
    z-index: 99999
}

.completedas {
    background: url(https://www.ashoknandavanam.com/images/completed/banner-1.jpg) no-repeat center;
    height: 677px
}

.completedas h4 {
    font-family: Raleway-Black;
    text-align: center;
    font-size: 27px;
    color: #1393f5;
    margin-top: 174px
}

.completedas h3 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    font-size: 64px;
    padding: 8px 0 7px;
    color: #000
}

.completedas p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding: 5px 297px;
    line-height: 30px
}

.cp h4 {
    font-family: SohoGothicW04-Light;
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    padding: 15px
}

.cp h3 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    font-size: 34px
}

.contact-head-cont h1 {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.cp h1 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    font-size: 34px
}

.cp p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.cp h6 {
    font-family: SohoGothicW04-Light;
    text-align: center;
    color: #fff
}

.cp h5 {
    font-family: SohoGothicPro-Medium;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    padding: 5px
}

.tabbg {
    background: url(https://www.ashoknandavanam.com/images/completed/tabbga.png) no-repeat;
    width: 145%;
    margin-top: -98px;
    margin-left: -100px
}

.tabbg1 {
    background: url(https://www.ashoknandavanam.com/images/completed/tabbga.png) no-repeat;
    width: 145%;
    margin-left: 0;
    margin-top: -123px
}

#history {
    display: block;
    position: relative;
    margin: 21px auto;
    text-align: center
}

#timeline_track {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 6px;
    /* height: 1865px; */
    height: 1500px;
    background-color: #a6a7a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0
}

#historic_event_1,
#historic_event_10,
#historic_event_11,
#historic_event_12,
#historic_event_13,
#historic_event_14,
#historic_event_15,
#historic_event_16,
#historic_event_17,
#historic_event_18,
#historic_event_19,
#historic_event_2,
#historic_event_20,
#historic_event_21,
#historic_event_22,
#historic_event_23,
#historic_event_24,
#historic_event_25,
#historic_event_26,
#historic_event_27,
#historic_event_28,
#historic_event_29,
#historic_event_3,
#historic_event_30,
#historic_event_31,
#historic_event_32,
#historic_event_4,
#historic_event_5,
#historic_event_6,
#historic_event_7,
#historic_event_8,
#historic_event_9 {
    display: table;
    position: absolute;
    width: 300px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    opacity: .7;
    filter: "alpha(opacity=50)";
    -webkit-transition: opacity .6s ease;
    -moz-transition: opacity .6s ease;
    -ms-transition: opacity .6s ease;
    -o-transition: opacity .6s ease
}

#historic_event_1.current,
#historic_event_10.current,
#historic_event_10:hover,
#historic_event_11.current,
#historic_event_11:hover,
#historic_event_12.current,
#historic_event_12:hover,
#historic_event_13.current,
#historic_event_13:hover,
#historic_event_14.current,
#historic_event_14:hover,
#historic_event_15.current,
#historic_event_15:hover,
#historic_event_16.current,
#historic_event_16:hover,
#historic_event_17.current,
#historic_event_17:hover,
#historic_event_18.current,
#historic_event_18:hover,
#historic_event_19.current,
#historic_event_19:hover,
#historic_event_1:hover,
#historic_event_2.current,
#historic_event_20.current,
#historic_event_20:hover,
#historic_event_21:hover,
#historic_event_22.current,
#historic_event_23:hover,
#historic_event_24.current,
#historic_event_25.current,
#historic_event_25:hover,
#historic_event_26.current,
#historic_event_26:hover,
#historic_event_27.current,
#historic_event_27:hover,
#historic_event_28.current,
#historic_event_28:hover,
#historic_event_29.current,
#historic_event_29:hover,
#historic_event_2:hover,
#historic_event_3.current,
#historic_event_30.current,
#historic_event_30:hover,
#historic_event_31.current,
#historic_event_31:hover,
#historic_event_32.current,
#historic_event_32:hover,
#historic_event_3:hover,
#historic_event_4.current,
#historic_event_4:hover,
#historic_event_5.current,
#historic_event_5:hover,
#historic_event_6.current,
#historic_event_6:hover,
#historic_event_7.current,
#historic_event_7:hover,
#historic_event_8.current,
#historic_event_8:hover,
#historic_event_9.current,
#historic_event_9:hover {
    opacity: 1;
    filter: "alpha(opacity=100)"
}

#historic_event_1 {
    top: 100px;
    left: 50%;
    margin-left: -12px
}

#historic_event_2 {
    top: 219px;
    left: 50%;
    margin-left: -273px
}

#historic_event_3 {
    top: 293px;
    left: 50%;
    margin-left: -12px
}

#historic_event_4 {
    top: 412px;
    left: 50%;
    margin-left: -273px
}

#historic_event_5 {
    top: 496px;
    left: 50%;
    margin-left: -12px
}

#historic_event_6 {
    top: 610px;
    left: 50%;
    margin-left: -273px
}

#historic_event_7 {
    top: 688px;
    left: 50%;
    margin-left: -12px
}

#historic_event_8 {
    top: 806px;
    left: 50%;
    margin-left: -273px
}

#historic_event_9 {
    top: 884px;
    left: 50%;
    margin-left: -12px
}

#historic_event_10 {
    top: 1007px;
    left: 50%;
    margin-left: -273px
}

#historic_event_11 {
    top: 1091px;
    left: 50%;
    margin-left: -12px
}

#historic_event_12 {
    top: 1209px;
    left: 50%;
    margin-left: -273px
}

#historic_event_13 {
    top: 1285px;
    left: 50%;
    margin-left: -10px
}

#historic_event_14 {
    top: 1389px;
    left: 50%;
    margin-left: -273px
}

#historic_event_15 {
    top: 1473px;
    left: 50%;
    margin-left: -12px
}

/* <!--new--> */

#historic_event_16 {
    top: 1580px;
    left: 50%;
    margin-left: -268px;
}

#historic_event_17 {
    top: 1673px;
    left: 50%;
    margin-left: -12px
}

#historic_event_18 {
    top: 1792px;
    left: 50%;
    margin-left: -273px
}


/* <!--NEW--> */

#historic_event_19 {
    top: 1870px;
    left: 50%;
    margin-left: -12px
}

#historic_event_20 {
    top: 1983px;
    left: 50%;
    margin-left: -273px
}

#historic_event_21 {
    top: 2066px;
    left: 50%;
    margin-left: -12px
}

#historic_event_22 {
    top: 2179px;
    left: 50%;
    margin-left: -273px
}

#historic_event_23 {
    top: 2256px;
    left: 50%;
    margin-left: -12px
}

#historic_event_24 {
    top: 2381px;
    left: 50%;
    margin-left: -273px
}

#historic_event_25 {
    top: 2462px;
    left: 50%;
    margin-left: -12px
}

#historic_event_26 {
    top: 2585px;
    left: 50%;
    margin-left: -273px
}

#historic_event_27 {
    top: 2679px;
    left: 50%;
    margin-left: -12px
}

#historic_event_28 {
    top: 2780px;
    left: 50%;
    margin-left: -273px
}

#historic_event_29 {
    top: 2879px;
    left: 50%;
    margin-left: -12px
}

#historic_event_30 {
    top: 2979px;
    left: 50%;
    margin-left: -273px
}

#historic_event_31 {
    top: 3056px;
    left: 50%;
    margin-left: -12px
}

#historic_event_32 {
    top: 3159px;
    left: 50%;
    margin-left: -273px
}

.historic_year {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    text-align: center;
    padding: 13px 20px
}

#historic_text_1,
#historic_text_10,
#historic_text_11,
#historic_text_12,
#historic_text_13,
#historic_text_14,
#historic_text_15,
#historic_text_16,
#historic_text_17,
#historic_text_18,
#historic_text_19,
#historic_text_2,
#historic_text_20,
#historic_text_21,
#historic_text_22,
#historic_text_23,
#historic_text_24,
#historic_text_25,
#historic_text_26,
#historic_text_27,
#historic_text_28,
#historic_text_29,
#historic_text_3,
#historic_text_30,
#historic_text_31,
#historic_text_32,
#historic_text_4,
#historic_text_5,
#historic_text_6,
#historic_text_7,
#historic_text_8,
#historic_text_9 {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.historic_dot_wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 13%;
    text-align: center
}

.historic_dot {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background-color: #e9edf0;
    cursor: pointer;
    z-index: 100;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0
}

#historic_event_10:hover #historic_dot_10,
#historic_event_11:hover #historic_dot_11,
#historic_event_12:hover #historic_dot_12,
#historic_event_13:hover #historic_dot_13,
#historic_event_14:hover #historic_dot_14,
#historic_event_15:hover #historic_dot_15,
#historic_event_16:hover #historic_dot_16,
#historic_event_17:hover #historic_dot_17,
#historic_event_18:hover #historic_dot_18,
#historic_event_19:hover #historic_dot_19,
#historic_event_1:hover #historic_dot_1,
#historic_event_20:hover #historic_dot_20,
#historic_event_21:hover #historic_dot_21,
#historic_event_22:hover #historic_dot_22,
#historic_event_23:hover #historic_dot_23,
#historic_event_24:hover #historic_dot_24,
#historic_event_25:hover #historic_dot_25,
#historic_event_26:hover #historic_dot_26,
#historic_event_27:hover #historic_dot_27,
#historic_event_28:hover #historic_dot_28,
#historic_event_29:hover #historic_dot_29,
#historic_event_2:hover #historic_dot_2,
#historic_event_30:hover #historic_dot_30,
#historic_event_31:hover #historic_dot_31,
#historic_event_32:hover #historic_dot_32,
#historic_event_3:hover #historic_dot_3,
#historic_event_4:hover #historic_dot_4,
#historic_event_5:hover #historic_dot_5,
#historic_event_6:hover #historic_dot_6,
#historic_event_7:hover #historic_dot_7,
#historic_event_8:hover #historic_dot_8,
#historic_event_9:hover #historic_dot_9 {
    background: #1393f5;
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    -moz-transform: scale(1.15) translate3d(0, 0, 0);
    -ms-transform: scale(1.15) translate3d(0, 0, 0);
    -o-transform: scale(1.15) translate3d(0, 0, 0)
}

#historic_dot_1,
#historic_dot_10,
#historic_dot_11,
#historic_dot_12,
#historic_dot_13,
#historic_dot_14,
#historic_dot_15,
#historic_dot_16,
#historic_dot_17,
#historic_dot_18,
#historic_dot_19,
#historic_dot_2,
#historic_dot_20,
#historic_dot_21,
#historic_dot_22,
#historic_dot_23,
#historic_dot_24,
#historic_dot_25,
#historic_dot_26,
#historic_dot_27,
#historic_dot_28,
#historic_dot_29,
#historic_dot_3,
#historic_dot_30,
#historic_dot_31,
#historic_dot_32,
#historic_dot_4,
#historic_dot_5,
#historic_dot_6,
#historic_dot_7,
#historic_dot_8,
#historic_dot_9 {
    display: block;
    position: relative;
    margin: 0 auto;
    left: -7px;
    top: -51px
}

#history_clock {
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -17px;
    width: 34px;
    height: 34px;
    background-color: #f7f9fa;
    z-index: 200;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 0 0 1px #d1d8de inset, 0 2px 0 #fff inset, 0 2px 0 #d1d8de, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -webkit-transition: top 1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: top 1s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: top 1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: top 1s cubic-bezier(.645, .045, .355, 1)
}

#history_clock.animate1 {
    top: 162px
}

#history_clock.animate2 {
    top: 234px
}

#history_clock.animate3 {
    top: 348px
}

#history_clock.animate4 {
    top: 436px
}

#history_clock.animate5 {
    top: 542px
}

#history_clock.animate6 {
    top: 626px
}

#history_clock.animate7 {
    top: 747px
}

#history_clock.animate8 {
    top: 826px
}

#history_clock.animate9 {
    top: 947px
}

#history_clock.animate10 {
    top: 1026px
}

#history_clock.animate11 {
    top: 1138px
}

#history_clock.animate12 {
    top: 1232px
}

#history_clock.animate13 {
    top: 1327px
}

#history_clock.animate14 {
    top: 1426px
}

#history_clock.animate15 {
    top: 1527px
}

#history_clock.animate16 {
    top: 1608px
}

#history_clock.animate17 {
    top: 1727px
}

#history_clock.animate18 {
    top: 1826px
}

#history_clock.animate19 {
    top: 1927px
}

#history_clock.animate20 {
    top: 2006px
}

#history_clock.animate21 {
    top: 2178px
}

#history_clock.animate22 {
    top: 2232px
}

#history_clock.animate23 {
    top: 2377px
}

#history_clock.animate24 {
    top: 2426px
}

#history_clock.animate25 {
    top: 2577px
}

#history_clock.animate26 {
    top: 2606px
}

#history_clock.animate27 {
    top: 2707px
}

#history_clock.animate28 {
    top: 2820px
}

#history_clock.animate29 {
    top: 2927px
}

#history_clock.animate30 {
    top: 3006px
}

#history_clock.animate31 {
    top: 3107px
}

#history_clock.animate32 {
    top: 3206px
}

#clockface {
    display: block;
    position: relative;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 27px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: #596c7c;
    background-image: -moz-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
    background-image: -webkit-gradient(90deg, left top, right bottom, color-stop(25%, #596c7c), color-stop(75%, #3d4a55));
    background-image: -webkit-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
    background-image: -o-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
    background-image: -ms-linear-gradient(90deg, #596c7c 25%, #3d4a55 75%);
    background-image: linear-gradient(90deg, #1393f5 25%, #1393f5 75%);
    -webkit-box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 0 0 1px #d1d8de, 0 0 20px rgba(0, 0, 0, .25) inset, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0
}

#clockglare {
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 16px;
    height: 8px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%);
    background-image: -webkit-gradient(90deg, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, .4)));
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%);
    background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%)
}

#clockarm_1,
#clockarm_2 {
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 1s cubic-bezier(.645, .045, .355, 1)
}

#clockarm_1 {
    display: block;
    position: absolute;
    top: 4px;
    left: 12px;
    width: 2px;
    height: 10px;
    background-color: #fff;
    z-index: 10;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -webkit-transform-origin: 50% 10px;
    -moz-transform-origin: 50% 10px;
    -ms-transform-origin: 50% 10px;
    -o-transform-origin: 50% 10px
}

#clockarm_2 {
    display: block;
    position: absolute;
    top: 6px;
    left: 12px;
    width: 2px;
    height: 9px;
    background-color: #fff;
    z-index: 20;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, .75), transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;
    -webkit-transform: rotate(.25turn) translate3d(0, 0, 0);
    -moz-transform: rotate(.25turn) translate3d(0, 0, 0);
    -ms-transform: rotate(.25turn) translate3d(0, 0, 0);
    -o-transform: rotate(.25turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 8px;
    -moz-transform-origin: 50% 8px;
    -ms-transform-origin: 50% 8px;
    -o-transform-origin: 50% 8px
}

#history_clock.animate1 #clockarm_1 {
    -webkit-transform: rotate(10.85turn) translate3d(0, 0, 0);
    -moz-transform: rotate(10.85turn) translate3d(0, 0, 0);
    -ms-transform: rotate(10.85turn) translate3d(0, 0, 0);
    -o-transform: rotate(10.85turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 10px;
    -moz-transform-origin: 50% 10px;
    -ms-transform-origin: 50% 10px;
    -o-transform-origin: 50% 10px
}

#history_clock.animate1 #clockarm_2 {
    -webkit-transform: rotate(10.25turn) translate3d(0, 0, 0);
    -moz-transform: rotate(10.25turn) translate3d(0, 0, 0);
    -ms-transform: rotate(10.25turn) translate3d(0, 0, 0);
    -o-transform: rotate(10.25turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 8px;
    -moz-transform-origin: 50% 8px;
    -ms-transform-origin: 50% 8px;
    -o-transform-origin: 50% 8px
}

#history_clock.animate2 #clockarm_1 {
    -webkit-transform: rotate(13.11turn) translate3d(0, 0, 0);
    -moz-transform: rotate(13.11turn) translate3d(0, 0, 0);
    -ms-transform: rotate(13.11turn) translate3d(0, 0, 0);
    -o-transform: rotate(13.11turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 10px;
    -moz-transform-origin: 50% 10px;
    -ms-transform-origin: 50% 10px;
    -o-transform-origin: 50% 10px
}

#history_clock.animate2 #clockarm_2 {
    -webkit-transform: rotate(13.34turn) translate3d(0, 0, 0);
    -moz-transform: rotate(13.34turn) translate3d(0, 0, 0);
    -ms-transform: rotate(13.34turn) translate3d(0, 0, 0);
    -o-transform: rotate(13.34turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 8px;
    -moz-transform-origin: 50% 8px;
    -ms-transform-origin: 50% 8px;
    -o-transform-origin: 50% 8px
}

#history_clock.animate3 #clockarm_1 {
    -webkit-transform: rotate(16.46turn) translate3d(0, 0, 0);
    -moz-transform: rotate(16.46turn) translate3d(0, 0, 0);
    -ms-transform: rotate(16.46turn) translate3d(0, 0, 0);
    -o-transform: rotate(16.46turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 10px;
    -moz-transform-origin: 50% 10px;
    -ms-transform-origin: 50% 10px;
    -o-transform-origin: 50% 10px
}

#history_clock.animate3 #clockarm_2 {
    -webkit-transform: rotate(16.84turn) translate3d(0, 0, 0);
    -moz-transform: rotate(16.84turn) translate3d(0, 0, 0);
    -ms-transform: rotate(16.84turn) translate3d(0, 0, 0);
    -o-transform: rotate(16.84turn) translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 8px;
    -moz-transform-origin: 50% 8px;
    -ms-transform-origin: 50% 8px;
    -o-transform-origin: 50% 8px
}

.read {
    font-family: Raleway-Bold;
    background: #ffd323;
    border: 15px;
    border-radius: 3px;
    padding: 3px 25px;
    font-size: 20px;
    color: #848383;
    text-transform: uppercase
}

.overlay1 {
    opacity: 1;
    display: block;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden
}

.overimg1:hover .overlay1 {
    opacity: .4
}

.overimg1:hover .middle {
    opacity: 1
}

.error404 {
    background: url(https://www.ashoknandavanam.com/images/404_bg.png) no-repeat center;
    height: auto
}

.img404 {
    padding-top: 100px;
    text-align: center
}

.img404 h2 {
    font-size: 6rem;
    font-family: Raleway-Black;
    text-transform: uppercase;
    color: #2c2c2c;
    padding: 0 0
}

.img404 h4 {
    font-size: 4rem;
    font-family: Raleway-SemiBold
}

.img404 p {
    width: 40%;
    margin: 0 auto 20px;
    font-size: 20px;
    line-height: 26px
}

.contactas {
    background: url(../images/contact/banner.webp) no-repeat center;
    height: 677px
}

.contacta h3 {
    font-family: SohoGothicPro-Medium;
    text-align: center;
    font-size: 16px;
    line-height: 29px
}

.contacta h3 span {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.contacta h4 {
    font-family: SohoGothicPro-Regular;
    text-align: center;
    font-size: 16px;
    line-height: 29px
}

.contacta h4 span {
    font-family: SohoGothicPro-Medium;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.contacta h6 {
    font-family: SohoGothicPro-Regular;
    text-align: center;
    font-size: 16px;
    line-height: 29px
}

.contacta p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    font-size: 16px;
    line-height: 29px
}

.contactf h6 {
    font-family: SohoGothicPro-Regular;
    text-align: center;
    font-size: 19px;
    padding: 15px
}

.form-v4-content {
    width: 71%;
    margin: 49px 146px;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    position: relative;
    display: flex;
    display: -webkit-flex;
    font-family: 'Open Sans', sans-serif
}

.form-v4-content h2 {
    font-weight: 700;
    font-size: 30px;
    padding: 6px 0 0;
    margin-bottom: 34px
}

.form-v4-content .form-left {
    background: #3786bd;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px 40px;
    position: relative;
    width: 100%;
    color: #fff
}

.form-v4-content .form-left p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5
}

.form-v4-content .form-left span {
    font-weight: 700
}

.form-v4-content .form-left .text-2 {
    margin: 20px 0 25px
}

.form-v4-content .form-left .account {
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 180px;
    border: none;
    margin: 15px 0 50px 0;
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none
}

.form-v4-content .form-left .account:hover {
    background: #e5e5e5
}

.form-v4-content .form-left .form-left-last input {
    padding: 15px
}

.form-v4-content .form-detail {
    padding: 20px 40px;
    position: relative;
    width: 100%
}

.form-v4-content .form-detail h2 {
    color: #3786bd
}

.form-v4-content .form-detail .form-group {
    display: flex;
    display: -webkit-flex;
    margin: 0 -8px
}

.form-v4-content .form-detail .form-row {
    width: 100%;
    position: relative
}

.form-v4-content .form-detail .form-group .form-row.form-row-1 {
    width: 50%;
    padding: 0 8px
}

.form-v4-content .form-detail label {
    font-weight: 600;
    font-size: 15px;
    color: #666;
    display: block;
    margin-bottom: 8px
}

.form-v4-content .form-detail .form-row label#valid {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #53c83c
}

.form-v4-content .form-detail .form-row label#valid::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-v4-content .form-detail .form-row label.error {
    padding-left: 0;
    margin-left: 0;
    display: block;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: 0 0;
    color: red
}

.form-v4-content .form-detail .form-row label.error::after {
    content: "\f343";
    font-family: LineAwesome;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    right: 10px;
    top: -31px;
    color: red;
    font-size: 18px;
    font-weight: 900
}

.form-v4-content .form-detail .input-text {
    margin-bottom: 27px
}

.form-v4-content .form-detail input {
    width: 100%;
    padding: 11.5px 15px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-v4-content .form-detail textarea {
    width: 100%;
    padding: 11.5px 15px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-v4-content .form-detail .form-row input:focus {
    border: 1px solid #53c83c
}

.form-v4-content .form-detail .form-checkbox {
    margin-top: 1px;
    position: relative
}

.form-v4-content .form-detail .form-checkbox input {
    position: absolute;
    opacity: 0
}

.form-v4-content .form-detail .form-checkbox .checkmark {
    position: absolute;
    top: 13px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
    cursor: pointer
}

.form-v4-content .form-detail .form-checkbox .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #3786bd;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

.form-v4-content .form-detail .form-checkbox input:checked~.checkmark::after {
    display: block
}

.form-v4-content .form-detail .form-checkbox p {
    margin-left: 34px;
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.form-v4-content .form-detail .form-checkbox .text {
    font-weight: 700;
    color: #3786bd;
    text-decoration: underline
}

.form-v4-content .form-detail .register {
    background: #1393f5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 216px;
    border: none;
    margin: 6px 40px 50px 258px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.form-v4-content .form-detail .register:hover {
    background: #2f73a3
}

.form-v4-content .form-detail .form-row-last input {
    padding: 12.5px
}

@media screen and (max-width:991px) {
    .form-v4-content .form-detail .register {
        margin: 0
    }

    .form-v4-content {
        width: unset;
        margin: 26px 20px 61px;
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column
    }

    .form-v4-content .form-left {
        width: auto;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0
    }

    .form-v4-content .form-detail {
        padding: 30px 20px 30px 20px;
        width: auto
    }
}

@media screen and (max-width:575px) {
    .form-v4-content .form-detail .form-group {
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        margin: 0
    }

    .form-v4-content .form-detail .form-group .form-row.form-row-1 {
        width: 100%;
        padding: 0
    }
}

.careersas {
    background: url(../images/project/career/banner.webp) no-repeat center;
    height: 677px
}

.careersa h3 {
    font-family: Raleway-Black;
    text-align: center;
    font-size: 29px;
    line-height: 29px;
    text-transform: uppercase
}

.careersa h3 span {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.careersc h5 {
    font-family: SohoGothicPro-Medium;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase
}

.careersc h5 span {
    font-family: SohoGothicW04-Light;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 20px
}

.careersc h4 {
    font-family: SohoGothicPro-Regular;
    text-align: left;
    font-size: 16px;
    line-height: 29px
}

.careersc h4 span {
    font-family: SohoGothicPro-Medium;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.careersa p span {
    font-family: SohoGothicPro-Regular;
    text-align: center;
    font-size: 16px;
    line-height: 29px
}

.careersa p {
    font-family: SohoGothicW04-Light;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    padding: 15px 262px 15px 272px
}

.careersc h6 {
    font-family: SohoGothicPro-Regular;
    text-align: center;
    font-size: 19px;
    padding: 15px
}

.mapbg1 {
    background: url(https://www.ashoknandavanam.com/images/career/formbg.png) no-repeat center;
    padding: 53px 15px
}

.form-v4-content1 {
    width: 71%;
    margin: 49px 146px;
    border-radius: 10px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    font-family: 'Open Sans', sans-serif
}

.form-v4-content1 h2 {
    font-weight: 700;
    font-size: 30px;
    padding: 6px 0 0;
    margin-bottom: 34px
}

.form-v4-content1 .form-left {
    background: #3786bd;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px 40px;
    position: relative;
    width: 100%;
    color: #fff
}

.form-v4-content1 .form-left p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5
}

.form-v4-content1 .form-left span {
    font-weight: 700
}

.form-v4-content1 .form-left .text-2 {
    margin: 20px 0 25px
}

.form-v4-content1 .form-left .account {
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 180px;
    border: none;
    margin: 15px 0 50px 0;
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none
}

.form-v4-content1 .form-left .account:hover {
    background: #e5e5e5
}

.form-v4-content1 .form-left .form-left-last input {
    padding: 15px
}

.form-v4-content1 .form-detail {
    padding: 20px 40px;
    position: relative;
    width: 100%
}

.form-v4-content1 .form-detail h2 {
    color: #3786bd
}

.form-v4-content1 .form-detail .form-group {
    display: flex;
    display: -webkit-flex;
    margin: 0 -8px
}

.form-v4-content1 .form-detail .form-row {
    width: 100%;
    position: relative
}

.form-v4-content1 .form-detail .form-group .form-row.form-row-1 {
    width: 50%;
    padding: 0 8px
}

.form-v4-content1 .form-detail label {
    font-weight: 600;
    font-size: 15px;
    color: #666;
    display: block;
    margin-bottom: 8px
}

.form-v4-content1 .form-detail .form-row label#valid {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #53c83c
}

.form-v4-content1 .form-detail .form-row label#valid::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-v4-content1 .form-detail .form-row label.error {
    padding-left: 0;
    margin-left: 0;
    display: block;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: 0 0;
    color: red
}

.form-v4-content .form-detail .form-row label.error::after {
    content: "\f343";
    font-family: LineAwesome;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    right: 10px;
    top: -31px;
    color: red;
    font-size: 18px;
    font-weight: 900
}

.form-v4-content1 .form-detail .input-text {
    margin-bottom: 27px
}

.form-v4-content1 .form-detail input {
    width: 100%;
    padding: 11.5px 15px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-v4-content1 .form-detail textarea {
    width: 100%;
    padding: 11.5px 15px;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: 0;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-v4-content1 .form-detail .form-row input:focus {
    border: 1px solid #53c83c
}

.form-v4-content1 .form-detail .form-checkbox {
    margin-top: 1px;
    position: relative
}

.form-v4-content1 .form-detail .form-checkbox input {
    position: absolute;
    opacity: 0
}

.form-v4-content .form-detail .form-checkbox .checkmark {
    position: absolute;
    top: 13px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
    cursor: pointer
}

.form-v4-content1 .form-detail .form-checkbox .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #3786bd;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

.form-v4-content1 .form-detail .form-checkbox input:checked~.checkmark::after {
    display: block
}

.form-v4-content1 .form-detail .form-checkbox p {
    margin-left: 34px;
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.form-v4-content .form-detail .form-checkbox .text {
    font-weight: 700;
    color: #3786bd;
    text-decoration: underline
}

.form-v4-content1 .form-detail .register {
    background: #1393f5;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 216px;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 22px
}

.form-v4-content1 .form-detail .register:hover {
    background: #2f73a3
}

.form-v4-content1 .form-detail .form-row-last input {
    padding: 12.5px
}

@media screen and (max-width:991px) {
    .form-v4-content1 {
        width: unset;
        margin: 180px 20px 22px;
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column
    }

    .form-v4-content1 .form-left {
        width: auto;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0
    }

    .form-v4-content1 .form-detail {
        padding: 30px 20px 30px 20px;
        width: auto
    }
}

@media screen and (max-width:575px) {
    .form-v4-content1 .form-detail .form-group {
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        margin: 0
    }

    .form-v4-content1 .form-detail .form-group .form-row.form-row-1 {
        width: 100%;
        padding: 0
    }
}

.homeas {
    background: url(../images/homeloans/banner.webp) no-repeat center;
    height: 677px
}

.homea ul {
    font-family: SohoGothicPro-Regular;
    line-height: 36px
}

.homea ul li {
    list-style: url(https://www.ashoknandavanam.com/images/homeloans/list.png);
    font-size: 11px;
    padding: 0 8px;
    margin-left: 47px
}

.sitemapbg {
    background: url(https://www.ashoknandavanam.com/images/sitemap_banner.png) no-repeat center;
    height: 677px
}

.sv {
    background: url(https://www.ashoknandavanam.com/images/sitevisit/sirbg.jpg) no-repeat center;
    height: 867px
}

.sv h5 {
    font-family: Raleway-Bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 16%;
    font-size: 26px;
    padding: 11px
}

.sv h4 {
    font-family: Raleway-Black;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    padding: 5px
}

.sv h3 {
    font-family: Raleway-Black;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 38px
}

.sv h1 {
    font-family: Raleway-Black;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 38px
}

.sv p {
    font-family: Raleway-Regular;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    padding: 9px 0 0
}

.formsv {
    background: #e7c127;
    padding: 8px 25px 25px;
    box-sizing: border-box;
    position: absolute;
    z-index: 111;
    border-radius: 10px;
    margin-top: 15px;
    margin-top: 32px;
    left: 531px
}

.home-heading-home h1 {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.formsv img {
    text-align: center
}

.formsv h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #103679;
    padding-bottom: 10px
}

.formsv h4 {
    font-family: Raleway-SemiBold;
    color: #fff;
    text-align: center;
    padding-bottom: 22px;
    font-size: 15px
}

.formsv h4 span {
    font-size: 20px;
    margin-top: 3px
}

.red_bg h4 span {
    padding-left: 8px;
    margin-top: 3px
}

.formsv h6 {
    font: normal 24px HelveticaNeueBold;
    color: #103679;
    text-transform: uppercase;
    text-align: center
}

.formsv p {
    font: normal 15px robotolight;
    line-height: 20px;
    color: #373737;
    text-transform: none;
    text-align: center;
    margin-top: 10px 0 5px;
    font-weight: 600
}

.subfootsv {
    background: url(https://www.ashoknandavanam.com/images/sitevisit/foot.png) no-repeat center;
    padding: 125px 0 32px
}

.subfootsv h5 {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 20px
}

.subfootsv h3 {
    font-family: Raleway-Regular;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    padding: 12px 0
}

.subfootsv ul {
    color: #fff;
    font-family: Gotham-Light
}

.subfootsv ul li {
    padding: 5px 0;
    font-size: 12px
}

.subfootsv p {
    color: #fff;
    font-family: SohoGothicW04-Light;
    padding: 7px 0
}

.subfootsv h6 {
    font-family: robotolight;
    font-style: italic;
    color: #fff;
    font-size: 15px
}

input[type=date] {
    display: block;
    position: relative;
    padding: 1rem 3.5rem 1rem .75rem;
    font-size: 1rem;
    font-family: monospace;
    border: 1px solid #8292a2;
    border-radius: .25rem;
    background: #faf3d4 url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
    cursor: pointer
}

input[type=date]:focus {
    outline: 0;
    border-color: #3acfff;
    box-shadow: 0 0 0 .25rem rgba(0, 120, 250, .1)
}

::-webkit-datetime-edit-day-field:hover,
::-webkit-datetime-edit-month-field:hover,
::-webkit-datetime-edit-year-field:hover {
    background: rgba(0, 120, 250, .1)
}

::-webkit-datetime-edit-text {
    opacity: 0
}

::-webkit-clear-button,
::-webkit-inner-spin-button {
    display: none
}

::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    color: #0078fa;
    background: #0078fa
}

input[type=date]:hover::-webkit-calendar-picker-indicator {
    opacity: .05
}

input[type=date]:hover::-webkit-calendar-picker-indicator:hover {
    opacity: .15
}

#video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: #fff
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: .8;
    width: 100%;
    height: 100%
}

#video-popup-close:hover {
    color: #de0023
}

.viewm a {
    font-family: Raleway-Regular;
    letter-spacing: 1px;
    font-size: 16px;
    float: right;
    background: #66b8f6;
    padding: 6px 11px 5px;
    margin-top: -16px;
    border-radius: 1px;
    position: relative;
    z-index: 99;
    color: #dbf2ea
}

.project-details-popup .close {
    position: absolute;
    right: -7px;
    top: -21px;
    z-index: 999
}

.project-details-popup .prof-icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px
}

.project-details-popup .modal-header {
    margin: 0;
    padding: 0
}

.project-details-popup .modal-header .header-img {
    width: 100%;
    max-width: 100%
}

.modal-footer {
    padding: 0
}

.phone.mobilehide a:hover {
    background-image: none;
    padding: 0px;
    color: #1393f5;
}

.phone.mobilehide a {
    color: #1393f5;
}

.thankyou-content {
    position: absolute;
    bottom: 15%;
    right: 0;
    width: 31%;
    background-color: #b4d2f4;
    padding: 60px;
    text-align: center;
}

.thankyou-content p {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.inner-navigation-link ul li {
    display: inline-block;
}

.inner-navigation-link {
    position: absolute;
    top: 11%;
    left: 23%;
    z-index: 999;
}

.inner-navigation-link li a {
    font-size: 16px;
    color: #000;
    font-family: SohoGothicPro-Regular;
}

.inner-navigation-link li {
    font-size: 16px;
    color: #0078fa;
    padding-left: 10px;
    font-family: SohoGothicPro-Regular;
}

.inner-navigation-link li.book-lists {
    color: #fff;
}

.new-content-tnx {
    padding: 30px 0px;
}

.footer-new-txts h3 {
    padding: 10px 0px;
    font-family: Raleway-Bold;
}

.footer-new-txts ul li {
    list-style-type: square;
    padding: 5px 0pxss;
    font-family: SohoGothicW04-Light;
    font-size: 15px;
    line-height: 30px;
}

.footer-new-txts p {
    font-weight: 400;
    font-family: SohoGothicW04-Light;
    padding: 10px 0;
    font-size: 15px;
    line-height: 27px;
}

.projectga h2 {
    font-family: Raleway-Heavy;
    text-transform: uppercase;
    text-align: center
}

.projectas h1 {
    font-family: Raleway-Black;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #1393f5;
    margin-top: 174px;
}

.feature h2 {
    font-family: Raleway-Heavy;
    padding: 33px 0;
}

.connectp h2 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0 55px;
}

.footer-new-txts h2 {
    padding: 10px 0px;
    font-family: Raleway-Bold;
}

.projectca h2 {
    font-family: Raleway-Black;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 32px;
    padding: 44px 0 13px;
}

.new-content-tnx p {
    font-weight: 400;
    font-family: SohoGothicW04-Light;
    padding: 5px 0;
    font-size: 15px;
    line-height: 27px;
}



.faqs h2 {

    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    padding: 55px 0 34px;
}

.accordion__header {
    padding: 1em;
    background-color: #d8f7ec;
    margin-top: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
}

.accordion__header>* {
    margin-top: 0;
    margin-bottom: 0px !important;
    font-size: 16px;
    /*  font-family: 'Manrope';*/
    font-weight: 700;
    margin-bottom: 12px;
    width: 100%;

}

.accordion__header.is-active {
    background-color: #d4ecff;
    color: #0085c1;
}

.accordion__toggle {
    margin-left: 10px;
    height: 3px;
    background-color: #222;
    width: 13px;
    display: block;
    position: relative;
    flex-shrink: 1;
    border-radius: 2px;
}

.accordion__body p {
    /*  font-family: 'Manrope';*/
    font-family: SohoGothicW04-Light;
    font-size: 15px;
    color: #000;
}

.accordion__body ul,
.accordion__body ul li {
    /*  font-family: 'Manrope';*/
    font-family: SohoGothicW04-Light;
    font-size: 15px;
    color: #000;
    list-style: disc !important;
    margin: 5px 15px;
}


.accordion__toggle::before {
    content: "";
    width: 3px;
    height: 13px;
    display: block;
    background-color: #222;
    position: absolute;
    top: -5px;
    left: 5px;
    border-radius: 2px;
}

.is-active .accordion__toggle {
    background-color: #25a1d9;
}

.is-active .accordion__toggle::before {
    display: none;
}


.accordion__body {
    display: none;
    padding: 1em;
    border: 1px solid #ccc;
    border-top: 0;
    background-color: #fff;
}

.accordion__body.is-active {
    display: block;
}

.faq-inner-section {
    padding-top: 190px;
}


@media (max-width: 1024px) {

    .footer-new-txts ul li {

        margin-left: 15px;
    }

}

.reviewSec h2 {
    font-family: Raleway-Heavy;
    text-align: center;
    text-transform: uppercase;
    padding: 55px 0 34px;
    text-align: center;
}

.reviewDiv p {
    font-weight: 400;
    font-family: SohoGothicW04-Light;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;

}

.reviewSec h5 {
    font-weight: 600;
    font-family: SohoGothicW04-Light;
    text-align: center;
}

.reviewDiv {
    /*    background: radial-gradient(328px at 2.9% 15%, rgb(191, 224, 251) 0%, rgb(232, 233, 251) 25.8%, rgb(252, 239, 250) 50.8%, rgb(234, 251, 251) 77.6%, rgb(240, 251, 244) 100.7%);*/
    padding: 50px;
    border-radius: 10px;
    min-height: 390px;
    background: linear-gradient(111.5deg, rgb(228, 247, 255) 21.9%, rgb(255, 226, 209) 92.2%);
}

.reviewDiv span {
    text-align: center;
}

.reviewDiv img {
    width: 20px;
}


/*chatbot left align css*/

#kenytChatBubble.style1 {

    left: 0 !important;
    margin-left: 20px !important;

}

#kenytChatBubble.style1 .chatWithUsMessageWrapper {

    right: -105px !important;

}

#chatbox-container.position-right {

    left: 0 !important;

}

#chatbox-container.style1.position-right {

    margin-left: 70px !important;

}


.footer-new-txts a {
    text-decoration: underline;
    color: #1393f5;
    font-weight: bold;
}