/* custom_css/ custom.css */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1185px !important
}

.text-theme-colored {
    word-break: break-all !important
}

.distbl-sty {
    display: table
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0
}

.section-title p {
    position: relative !important
}

.parallax {
    background-attachment: unset !important
}

.layersty-chg {
    z-index: 7;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: 0
}

.layersty-chg-rs {
    border-radius: 30px
}

.ulsty-chg {
    list-style-type: disc;
    margin-left: 20px
}

.marsty-right {
    margin-right: 20px
}

.palrgtsty-r {
    padding-right: 30px
}

boxfloat-lef {
    float: left
}

boxfloat-rgt {
    float: left
}

.palrgtsty-rh {
    padding-right: 20px
}

.palsty-left {
    padding-left: 20px
}

.palstydbl-left {
    padding-left: 50px
}

.marstydbl-left {
    margin-left: 40px
}

.ovr-stymenu {
    z-index: 1
}

.ovr-stymenudbl {
    z-index: 99
}

.bg-pull-rgt {
    float: right
}

.palsty-lefth {
    padding-left: 30px
}

.bootsty-in-chg {
    border-radius: 15px;
    border: .5px solid #000;
    background-color: transparent;
    box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    -webkit-box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    -webkit-box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    -moz-box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    -ms-box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    -o-box-shadow: 1px 2px 18px -1px rgba(206, 164, 164, 0.75);
    max-width: 325px !important;
    height: 500px
}

.bootsty-chg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin: 15px 0
}

.chg-color {
    color: #1a603a
}

.triangle-up-left {
    margin-left: 40px;
    width: 0;
    height: 0;
    padding-bottom: 10%;
    padding-left: 10%;
    overflow: hidden
}

.triangle-up-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -500px;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #142945
}

.pagination>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination a.current {
    background: #1F406D;
    color: #fff;
    border: 1px solid transparent
}

.feature-chg {
    background-color: #142945;
    color: #fff
}

.opct-chg {
    opacity: 0
}

.tci-ch {
    color: #e03727
}

@media only screen and (max-width: 768px) {
    .triangle-up-left {
        margin-left: auto;
        margin-right: auto
    }
    .maxwidth400 {
        max-width: 100%
    }
    .palstydbl-left {
        padding-left: 50px
    }
    .marstydbl-left {
        margin-left: 0
    }
}

@media only screen and (max-width: 300px) {
    .palstydbl-left {
        padding-left: 25px
    }
    .breadcrumb {
        display: block !important
    }
}

.Note,
.social {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: none;
}

.flexboxHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.flexboxHeader1 {
    display: flex;
}

.flexboxHeader2 {
    display: none;
}

@media only screen and (max-width: 350px) {
    .flexboxHeader1 {
        display: none;
    }
    .flexboxHeader2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0rem 0.8rem;
    }
    .flexboxHeader2 div {
        width: 90vw;
        margin-top: 0.8rem;
        font-size: 1.0rem;
    }
    .flexboxHeader2 i {
        font-size: 1.5rem;
        margin-right: 0.4rem;
    }
    .social {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    .flexboxHeader {
        flex-direction: column;
    }
    .logo {
        display: block;
    }
    .Note {
        display: flex;
        flex-direction: column;
    }
    .Note .widget {
        padding: 0;
    }
}

@media only screen and (max-width: 878px) {
    .Note {
        display: flex;
        flex-direction: column;
    }
}

/*header end*/

/*Validation*/

.help-block {
    color: #1a603a;
}

.single-member {
    height: 450px;
}

.single-member .team-thumb h4 {
    right: 0 !important;
}

@media only screen and (max-width: 1199px) {
    .single-member {
        height: 480px;
    }
}

@media only screen and (max-width: 769px) {
    .single-member {
        height: auto;
    }
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform: scale(0.7);
        -webkit-transform: scale(0.67);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.menuzord-indented {
    max-height: 540px !important;
}

/*slider*/

@media only screen and (max-width: 1023px) {
    #rs-3-layer-2,
    #rs-1-layer-2,
    .fs-20 {
        font-size: 0px !important;
    }
}

@media only screen and (max-width: 800px) {
    #rs-3-layer-2,
    #rs-1-layer-2,
    .fs-20 {
        font-size: 32px !important;
    }
    .break {
        display: block;
        font-size: 18px !important;
    }
    #rs-3-layer-3 {
        font-size: 18px !important;
    }
}

/*footer*/

@media only screen and (max-width: 767px) {
    .footer-bottom .copyright {
        text-align: center;
    }
    @media only screen and (max-width: 550px) {
        #rs-3-layer-2,
        #rs-1-layer-2,
        .fs-20 {
            font-size: 17px !important;
        }
        #rs-3-layer-3,
        .break {
            font-size: 14px !important;
        }
    }
}

@media (max-width: 706px) {
    #rs-3-layer-3,
    .break {
        font-size: 14px !important;
    }
}

@media (max-width: 544px) {
    #rs-3-layer-3,
    .break {
        font-size: 10px !important;
    }
}

@media (min-width: 768px) {
    .popular_services {
        margin-right: 66px;
        margin-left: -13px;
        display: inline-flex;
        flex-flow: wrap
    }
}

@media only screen and (max-width: 400px) {
    #rs-3-layer-3,
    .break {
        font-size: 7px !important;
    }
}

.icon-theme-colored2.icon-dark a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

@media only screen and (max-width: 415px) {
    #rs-1-layer-3,
    #rs-2-layer-3,
    #rs-3-layer-3 {
        display: none;
    }
}

@media only screen and (min-width: 416px) {
    #rs-1-layer-3,
    #rs-2-layer-3,
    #rs-3-layer-3 {
        display: block;
    }
}

.error_text1.text-danger,
.error_text.text-danger {
    color: #1a603a !important;
}

@media only screen and (min-width: 280px) {
    .menuzord.theme-colored .menuzord-menu>li.active>a,
    .menuzord.theme-colored .menuzord-menu>li:hover>a,
    .menuzord.theme-colored .menuzord-menu ul.dropdown li:hover>a {
        background: #ffffff !important;
        color: #4A89DC !important;
    }
    .menuzord-menu>li.active>a:before,
    .menuzord-menu>li:hover>a:before {
        background: #4A89DC !important;
    }
}

@media only screen and (max-width: 1000px) {
    .menuzord-menu>li.active>a:before,
    .menuzord-menu>li:hover>a:before {
        width: 0 !important;
        height: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .sidebar.ml-40 {
        margin-left: 0px !important;
    }
}

.g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .g-recaptcha {
        transform: scale(0.8);
        transform-origin: 0 0;
    }
}

.text-hover-primary:hover {
    color: #1F406D !important
}