@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
html, body, div, span, input, textarea, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .tp-caption {
    font-family: 'Poppins', sans-serif;
}

/* Site General CSS Start */

/*body {
    background-color: #1f383f!important;
}*/

footer {
    position: relative;
    height: 200px;
}

a {
    text-decoration: none !important;
}
html body .HeaderIcon {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 60px;
}

html body .HeaderIcon a{
    padding: 0 0 0 10px;
    border: none;
}

.HeaderIcon a img{
    width: 24px;
    height: 24px;
}

a:hover {
    text-decoration: none !important;
}

.padd0 {
    padding: 0px !important;
}

.mobilePadd0 {
    padding: 0px!important;
}

.mobilePadd5 {
    padding: 5px!important;
}

.m-t-15 {
    margin-top: 15px;
}

.p-r-l-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.m-l-20 {
    margin-left: 20px;
}

.float-l {
    float: left!important;
}

.floatingPhone {
    position: absolute;
    z-index: 999;
    right: 15%;
    top: 170px;
}

@media(max-width:1220px) {
    .floatingPhone {
        right: 10%;
    }
}

@media(max-width:1020px) {
    .floatingPhone {
        display: none;
    }
}

.to-bottom-baner {
    display: none;
    text-align: center;
    z-index: 99;
    position: absolute;
    bottom: 30px;
    left: 58%;
    margin-left: -35px;
    padding: 20px;
    font-size: 48px;
    animation: moving 2s ease-out infinite;
    -webkit-animation: moving 2s ease-out infinite;
}

@-webkit-keyframes moving {
    0% {
        top: 170px;
    }
    30% {
        top: 140px;
    }
    60% {
        top: 170px;
    }
}

@keyframes moving {
    0% {
        top: 170px;
    }
    30% {
        top: 140px;
    }
    60% {
        top: 170px;
    }
}

.to-bottom-baner>a {
    color: white !important;
}

@media(min-width:992px) {
    [data-title]:hover:after {
        opacity: 1;
        -moz-transition: all 0.1s ease 0.5s;
        -o-transition: all 0.1s ease 0.5s;
        -webkit-transition: all 0.1s ease 0.5s;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }
    [data-title]:after {
        content: attr(data-title);
        color: #1ED5D3;
        font-size: 16px;
        position: absolute;
        padding: 1px 8px 2px 9px;
        bottom: 3.4em;
        left: -78%;
        background-color: #16292f;
        white-space: nowrap;
        /* box-shadow: 1px 1px 3px #333333; */
        opacity: 0;
        border: 1px solid #1ED5D3;
        z-index: 99999;
        border-radius: 13px;
        visibility: hidden;
    }
    [data-title] {
        position: relative;
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
}

::-webkit-scrollbar-thumb {
    background: #215798;
    -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:active {
    background: #3d74b7;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.info-r {
    display: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: pointer !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1 !important;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 50%;
    float: right;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 50%;
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}

/* ============================================================================================================ */

/* =============================================== Layout Start =============================================== */

/* ============================================================================================================ */

/* Back To Top Start */

#topcontrol {
    color: #fff;
    z-index: 9999;
    width: 65px;
    height: 65px;
    font-size: 20px;
    position: relative;
    right: 15px !important;
    bottom: 15px !important;
    border-radius: 0px !important;
    background-image: url(/National_Library/oe_/https://www.apptimus.media/img/up-arrow-new.png);
    background-repeat: no-repeat !important;
}

#topcontrol:after {
    top: -2px;
    right: 8.5px;
    position: absolute;
    text-align: center;
    font-family: FontAwesome;
}

#topcontrol:hover {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Back To Top END */

@media(min-width: 1520px) {
    nav {
        font-size: 14px;
        letter-spacing: 1px !important;
        padding: 0 15px 0 15px !important;
    }
    .Rama1LI .Rama1A {
        padding: 10px 15px;
        color: white;
        font-weight: 300;
    }
}

@media(max-width: 1520px) {
    nav {
        font-size: 14px;
        letter-spacing: 1px !important;
        padding: 0 5px 0 5px !important;
    }
    .Rama1LI .Rama1A {
        padding: 10px 6px;
        color: white;
    }
}

/* Desktop NavBar Start */

@media(min-width: 992px) {
    .shrink .btn-login-cont {
      padding-top: initial;
    }
    .navbar-responsive-collapse .DesktopPhoneDIV {
        padding-top: 21px;
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
    }
    .shrink .DesktopPhoneDIV {
        padding-top: 0;
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
    }
    .navbar-responsive-collapse .DesktopPhoneHolder {
        padding: 25px 40px 20px 0;
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
    }
    .shrink .DesktopPhoneHolder {
        padding: 9px 40px 20px 0;
        -moz-transition: padding .6s ease;
        -o-transition: padding .6s ease;
        -webkit-transition: padding .6s ease;
        transition: padding .6s ease;
    }
    .DesktopPhoneHolder {
        text-align: center;
        position: absolute;
        top: 3px;
    }
    .desktopPhone {
        /*background-color: #1ED5D3;*/
        border-radius: 150px;
        padding: 11px 20px 11px 20px;
        background-image: linear-gradient(to right top, #00aa40, #00a37d, #0098ab, #0087be, #0073b6) !important;
    }
    .desktopPhone a {
        color: white;
        font-size: 16px;
        font-weight: 400;
    }
    .desktopPhone a:hover {
        color: white;
    }
    .desktopPhone a:focus {
        outline: none !important;
        color: white;
    }
    .desktopPhone i {
        color: white;
        font-size: 18px !important;
    }
    .shirnk#DesktopNavbarLogoDIV {
        padding: 35px 0 0 0;
        float: left;
    }
    #DesktopNavbarLogoDIV {
        padding: 35px 0 0 0;
        float: left;
    }
    #DesktopNavbarLogoDIV a {}
    #DesktopNavbarLogoDIV a:hover {}
    #DesktopNavbarLogoDIV a:focus {
        outline: none !important;
    }
    .navbar-responsive-collapse .LogoWhite img {
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }
    .shrink .LogoWhite img {
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
        max-width: 140px;
        display: block;
        margin: 0 auto;
    }
    .shrink #DesktopNavbarLogoDIV {
        padding: 15px 0 0 0;
    }
    .Rama1UL {
        display: flex;
        justify-content: center;
    }
    .navbar-responsive-collapse .Rama1UL {
        padding-top: 35px;
        -moz-transition: padding-top 0.6s ease;
        -o-transition: padding-top 0.6s ease;
        -webkit-transition: padding-top 0.6s ease;
        transition: padding-top 0.6s ease;
        direction: ltr;
    }
    .shrink .Rama1UL {
        -moz-transition: padding-top 0.6s ease;
        -o-transition: padding-top 0.6s ease;
        -webkit-transition: padding-top 0.6s ease;
        transition: padding-top 0.6s ease;
        padding-top: 0px;
    }
    .navbar {
        /*width: calc(100% - 350px) ;*/
        width: 100%;
    }
    .NavbarInnerPages {
        /*border-bottom: 1px solid #c67065 !important;
        background-color: #fff;*/
    }
    .navbar-toggle {
        float: right !important;
        margin-right: 25px !important;
        padding: 10px 10px !important;
        margin-top: 10px !important;
    }
    .navbar-toggle .icon-bar {
        width: 15px !important;
        background-color: #fff;
    }
    nav a {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .navbar-brand {
        font-size: 30px;
    }
    nav.navbar.shrink {
        min-height: 35px;
        background: rgba(31, 86, 151, 1);
        box-shadow: inset 0px 0 0 0 black;
    }
    nav.navbar.shrink.navbar-brand {
        font-size: 25px;
    }
    nav.navbar.shrink.navbar-toggle {
        margin: 8px 15px 8px 0;
        padding: 4px 5px;
    }
    .nav>li>a:focus, .nav>li>a:hover {
        text-decoration: none;
        background-color: transparent !important;
    }
    /* Rama 1 Start */
    .Rama1LI .Rama1A::before {
        /*content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #231f20;
        -moz-transition: width .3s;
        -o-transition: width .3s;
        -webkit-transition: width .3s;
        transition: width .3s;
        margin-bottom: 5px!important;*/
        display: block;
        content: '';
        border-bottom: solid 2px white;
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transition: transform 250ms ease-in-out;
        -o-transition: transform 250ms ease-in-out;
        -webkit-transition: transform 250ms ease-in-out;
        transition: transform 250ms ease-in-out;
        margin-bottom: 2px;
    }
    .Rama1LI .Rama1A:hover::before {
        /*width: 100%;
        -moz-transition: width .3s;
        -o-transition: width .3s;
        -webkit-transition: width .3s;
        transition: width .3s;*/
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .Rama1LI .Rama1A.active::before {
        /*content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #231f20;
        margin-bottom: 5px!important;*/
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .Rama1LI {
        cursor: pointer;
        position: relative !important;
    }
    .Rama1LI .Rama1A:hover {
        color: white;
    }
    .Rama1LI.active .Rama1A::before {
        /*content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #231f20;
        margin-bottom: 5px!important;*/
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .Rama1LI.active .Rama1A {
        color: white;
    }
    .navbar-responsive-collapse .Rama1LI .Rama1A.active {
        color: white;
    }
    .shrink .Rama1LI .Rama1A.active {
        color: white;
    }
    .Rama1LIIMG {}
    .Rama1AIMG {}
    .Rama1IMG {
        display: block;
        width: 35px;
        margin: 4px 0 0 0;
    }
    .Rama1LIIMG .Rama1AIMG::before {
        display: block;
        content: '';
        border-bottom: solid 2px #231f20;
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transition: transform 250ms ease-in-out;
        -o-transition: transform 250ms ease-in-out;
        -webkit-transition: transform 250ms ease-in-out;
        transition: transform 250ms ease-in-out;
        margin-bottom: 2px;
    }
    .Rama1LIIMG .Rama1AIMG:hover::before {
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    /* Rama 1 END */
    /* Rama 2 Start */
    .Rama2UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: rgba(49, 147, 189, 0.9);
        /* border-top: 1px solid #fff; */
        border-bottom: 1px solid #fff;
    }
    .Rama1LI:hover .Rama2UL {
        display: block;
        position: absolute;
    }
    .Rama2UL>.Rama2LI:hover {
        background-color: rgba(30, 213, 211, 0.7);
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama2LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: 14px;
    }
    .Rama2LI .Rama2A {
        color: #fff;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama2LI:hover .Rama2A {
        color: #fff;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama2LI .Rama2A:focus {
        color: #fff;
        /*background-color: #231f20;*/
        outline: none !important;
    }
    .Rama2LI.active {
        background-color: rgba(30, 213, 211, 0.7);
    }
    .Rama2LI.active .Rama2A {
        color: #fff;
    }
    .navbar-responsive-collapse .Rama2LI .Rama2A.active {
        color: #231f20;
    }
    .shrink .Rama2LI .Rama2A.active {
        color: #231f20;
    }
    /* Rama 2 END */
    /* Rama 3 Start */
    .Rama3UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: rgba(49, 147, 189, 0.9);
        border-top: 1px solid #231f20;
        border-bottom: 1px solid #231f20;
    }
    .Rama2LI:hover .Rama3UL {
        display: block;
        position: absolute;
        top: -1px;
        right: 100%;
    }
    .Rama3UL>.Rama3LI:hover {
        background-color: rgb(35, 191, 200);
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama3LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: 14px;
    }
    .Rama3LI .Rama3A {
        color: white;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama3LI:hover .Rama3A {
        color: #fff;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama3LI .Rama3A:focus {
        color: #fff;
        background-color: #2d88ae;
        outline: none !important;
    }
    .Rama3LI.active {
        background-color: #23bfc8;
    }
    .Rama3LI.active .Rama3A {
        color: #fff;
    }
    .navbar-responsive-collapse .Rama3LI .Rama3A.active {
        color: #23bfc8;
    }
    .shrink .Rama3LI .Rama3A.active {
        color: #23bfc8;
    }
    /* Rama 3 END */
    /* Rama 4 Start */
    .Rama4UL {
        display: none;
        padding: 0;
        list-style: none;
        background-color: #fff;
        border-top: 1px solid #231f20;
        border-bottom: 1px solid #231f20;
    }
    .Rama3LI:hover .Rama4UL {
        display: block;
        position: absolute;
        top: -1px;
        right: 100%;
    }
    .Rama4UL>.Rama4LI:hover {
        background-color: rgba(21, 63, 84, 0.7);
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama4LI {
        cursor: pointer;
        padding: 8px 20px !important;
        min-width: 150px;
        position: relative !important;
        white-space: nowrap;
        font-size: 14px;
    }
    .Rama4LI .Rama4A {
        color: #231f20;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama4LI:hover .Rama4A {
        color: #fff;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }
    .Rama4LI .Rama4A:focus {
        color: #fff;
        background-color: #231f20;
        outline: none !important;
    }
    .Rama4LI.active {
        background-color: #231f20;
    }
    .Rama4LI.active .Rama4A {
        color: #fff;
    }
    .navbar-responsive-collapse .Rama4LI .Rama4A.active {
        color: #231f20;
    }
    .shrink .Rama4LI .Rama4A.active {
        color: #231f20;
    }
    /*.Rama4LI.active .Rama4A{
        color: #ae0105;
    }
    .Rama4LI .Rama4A.active{
        color: #ae0105;
    }*/
    /* Rama 4 END */
    .navbar-responsive-collapse .SearchLI {
        margin-top: 24px;
    }
    .navbar-responsive-collapse.shrink .SearchLI {
        margin-top: 24px;
    }
    .navbar-responsive-collapse .SearchLI .SearchLIIcon {
        color: white;
        cursor: pointer;
        min-width: 35px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: relative;
    }
    .navbar-responsive-collapse.shrink .SearchLI .SearchLIIcon {
        color: white;
        cursor: pointer;
        min-width: 35px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: relative;
    }
    .navbar-responsive-collapse .SearchLI .SearchLIIcon:hover {
        color: white;
    }
    .navbar-responsive-collapse.shrink .SearchLI .SearchLIIcon:hover {
        color: white;
    }
    .navbar-responsive-collapse .SearchLI .search-open {
        left: 0;
        top: 41px;
        display: none;
        padding: 14px 14px 0 14px;
        position: absolute;
        background: #fcfcfc;
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        z-index: 99;
        width: 330px;
    }
    .navbar-responsive-collapse.shrink .SearchLI .search-open {
        left: 0;
        top: 42px;
        display: none;
        padding: 14px;
        position: absolute;
        background: #fcfcfc;
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        z-index: 99;
        width: 330px;
    }
    .SearchLI .search-open #free-search {
        width: 300px;
        margin: 0;
    }
    .SearchBTN {
        border: 0;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        padding: 6px 13px;
        position: relative;
        background: #231f20;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        outline: 0 !important;
    }
    .SearchBTN:hover {
        background: #231f20;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        outline: 0 !important;
    }
    .searchInputDIV {
        /*margin:0!important;*/
    }
}

/* Desktop NavBar END */

/* Footer start */

/* Contact Us Start */

.ContactUSIMG {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 !important;
    max-width: 100%;
    background-color: #F6F9FF;
}

.FooterRightForm {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 !important;
    max-width: 100%;
    height: 760px;
}

@media(max-width:1450px) {
    .FooterRightForm {
        height: 690px;
    }
}

@media(max-width:1350px) {
    .FooterRightForm {
        height: 625px;
    }
}

@media(max-width:992px) {
    .FooterRightForm {
        background-image: none!important;
    }
}

.FooterLeftMap {
    height: 100%;
    padding: 0!important;
}

.FooterLeftMap iframe {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: black;
    /* IE6-9 */
    -webkit-filter: grayscale(99%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

.FooterAllRightsReserved{
    margin: 25px 0;
}

.ContactUSContainer {}

.ContactUSRow {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.ContactFormContentHolder {
    padding: 0 !important;
    margin-top: 85px;
}

.ContactFormDIV {
    max-width: 625px;
    margin: 0 auto 0 auto;
    float: left!important;
}

.LayoutFormTitle {
    padding: 0 0 0 0;
    margin: 0 0 0 0 !important;
    font-weight: 600;
    color: #446d9e;
    font-size: 30px;
    text-align: left;
    margin-bottom: 30px !important;
    margin-top: 40px!important;
    max-width: 93%;
}

.LayoutFormTitle2 {
    padding: 5px 0 50px 0;
    margin: 0 0 0 0 !important;
    text-align: center;
}

.LayoutFormTitle2 p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.formInputsAsterix::-webkit-input-placeholder {
    color: #446d9e !important;
}

.formInputsAsterixFooter::-webkit-input-placeholder {
    color: #446d9e !important;
}

.formInputsAsterix2::-webkit-input-placeholder {
    color: #446d9e!important;
}

.formInputsAsterixMessage::-webkit-input-placeholder {
    color: #446d9e !important;
}

.formInputsAsterixMessageFooter::-webkit-input-placeholder {
    color: #446d9e !important;
}

/*.formInputsAsterixMessage2::-webkit-input-placeholder {
  color: #fff!important;
}*/

.FormNameDIV {
    position: relative !important;
    max-width: 500px;
    margin: 0 auto;
    direction: ltr;
}

form input.formInputsAsterix {
    font-size: 20px !important;
    padding: 0.475rem 2rem !important;
    margin-bottom: 20px;
    height: 50px !important;
    background: transparent !important;
    color: #446d9e !important;
    border: none!important;
    border-bottom: 2px solid gray!important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

form input.formInputsAsterixFooter {
    font-size: 17px !important;
    font-weight: 400;
    padding: 5px !important;
    margin-bottom: 20px;
    height: 50px !important;
    background: transparent !important;
    color: #446d9e !important;
    border: none!important;
    border-bottom: 2px solid gray!important;
    border-radius: 0px !important;
    box-shadow: none !important;
    text-align: left;
    direction: ltr;
}

form input.formInputsAsterixFooter:focus {
    border-bottom: 2px solid #fb527a!important;
    transition: all 0.3s;
}

form textarea.formInputsAsterixMessage {
    font-size: 20px !important;
    padding: 0.475rem 2rem !important;
    background: none !important;
    background: transparent !important;
    border: none!important;
    border-bottom: 2px solid gray!important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #446d9e !important;
}

form textarea.formInputsAsterixMessageFooter {
    font-size: 17px !important;
    padding: 0.475rem 6px !important;
    background: none !important;
    background: transparent !important;
    border: none!important;
    border-bottom: 2px solid gray!important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #446d9e !important;
}

.placeholderFormName {
    margin-top: -62px;
    font-size: 8px;
    margin-left: 0;
    color: #fb527a !important;
    width: 8px;
    float: left;
}

.placeholderFormEmail {
    margin-top: -53px;
    font-size: 8px;
    margin-right: 9px;
    color: #fb527a !important;
    width: 8px;
    float: right;
}

.placeholderFormPhone {
    margin-top: -62px;
    font-size: 8px;
    margin-left: 0;
    color: #fb527a !important;
    width: 8px;
    float: left;
}

.placeholderFormMessage {
    margin-top: -82px;
    font-size: 8px;
    margin-right: 9px;
    color: #fb527a !important;
    width: 8px;
    float: right;
}

.FormMessageDIV .list-unstyled li {
    float: left;
    margin-top: -87px;
    margin-left: 5px;
    color: #ff0500;
    font-size: 13px;
}

.BTNGroup {
    position: relative;
    padding: 0 !important;
    min-height: 50px;
    /* width: 200px; */
    max-width: 500px;
    margin: 0 auto !important;
}

.loadingGif {
    position: absolute;
    width: 50px;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.BTNGroup .LayoutFormBTN {
    height: 50px;
    font-size: 20px !important;
    padding: 0 !important;
    z-index: 10;
    position: relative;
    display: block;
    background-color: #fb527a!important;
    border: none;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.BTNGroup .LayoutFormBTN:hover {
    color: #fff;
    background-color: #e63b63!important;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.LayoutFormBTN span {
    font-size: 18px !important;
    color: #fff;
    font-weight: 600;
}

.LayoutFormBTN:focus {
    outline: none !important;
}

.LayoutForm .BTNGroup .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    color: #fff;
    font-size: 30px !important;
    position: absolute;
    margin-right: 20px;
    top: 7px;
    z-index: 10;
    -moz-transform: scaleX(-1) rotate(30deg);
    -ms-transform: scaleX(-1) rotate(30deg);
    -o-transform: scaleX(-1) rotate(30deg);
    -webkit-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotate(30deg);
}

.BTNGroup:hover .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    margin-right: 30px;
}

.list-unstyled {
    margin-bottom: 0 !important;
    float: right;
}

.FormNameDIV .list-unstyled li {
    float: left;
    margin-top: -67px;
    margin-left: 15px;
    color: #fb527a!important;
    font-size: 13px;
}

.form-control {}

/*.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: white!important;
    border: none!important;
    border-radius: 0.25rem;
}*/

.MyFormBTN.btn-primary {
    color: #c67065;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #fff !important;
    border-color: #fff !important;
}

.MyFormBTN.btn-primary:hover {
    color: #c67065;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #fff !important;
    border-color: #fff !important;
}

.MyFormBTN.btn-primary:focus {
    color: #c67065;
    background-color: #fff !important;
    border-color: #fff !important;
    outline: none !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.1rem rgba(72, 72, 72, 0.50) !important;
    outline: none !important;
}

.FormAddress {
    color: white;
    font-size: 18px;
    font-weight: 400;
    float: left;
    margin-top: 75px;
    line-height: 35px;
}

.FormAddress a {
    color: #fff;
}

.FormAddress a:hover {
    color: #fff;
}

.FormAngleIcon {
    color: #c67065;
}

.MyFormBTN:hover .FormAngleIcon {}

.FooterContactDetails {}

.FooterEmailHolder {
    padding: 10px 0 10px 0;
    width: max-content;
    align-items: center;
}

.FooterEmailHolder a {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.FooterEmailHolder a:hover {}

.FooterEmailHolder a:focus {
    outline: none !important;
}

.FooterEmailIcon {}

.FooterEmailIcon i {
    color: #1ED5D3;
    font-size: 20px;
    font-weight: 400;
    width: 50px;
    text-align: center;
    margin: 0 0 0 15px;
}

.FooterEmailTxt {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.FooterAddressHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 15px 0 15px 0;
    width: max-content;
    align-items: center;
}

.FooterAddressIcon {}

.FooterAddressIcon i {
    color: #1ED5D3;
    font-size: 36px;
    font-weight: 400;
    width: 50px;
    text-align: center;
    margin: 0 0 0 15px;
}

.FooterAddressTxt {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.FooterPhoneHolder {
    padding: 10px 0 10px 0;
    width: max-content;
    align-items: center;
}

.FooterPhoneHolder a {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.FooterPhoneHolder a:hover {}

.FooterPhoneHolder a:focus {
    outline: none !important;
}

.FooterPhoneIcon {}

.FooterPhoneIcon i {
    color: #1ED5D3;
    font-size: 20px;
    font-weight: 400;
    width: 50px;
    text-align: center;
    margin: 0 0 0 15px;
}

.FooterPhoneTxt {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.FooterFaxHolder {
    padding: 10px 0 10px 0;
    width: max-content;
    align-items: center;
}

.FooterFaxHolder a {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.FooterFaxHolder a:hover {}

.FooterFaxHolder a:focus {
    outline: none !important;
}

.FooterFaxIcon {}

.FooterFaxIcon i {
    color: #1ED5D3;
    font-size: 20px;
    font-weight: 400;
    width: 50px;
    text-align: center;
    margin: 0 0 0 15px;
}

.FooterFaxTxt {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.FooterContactDIV {
    padding: 0 0 0 0;
}

/* Contact Us END */

/* footer links Start */

.footerlinksContainerFluid {
    padding: 50px 0 50px 0 !important;
    /*background-image: linear-gradient(to right, #49915e , #65bad1)!important;*/
    background-color: #09212D;
}

.footerlinksContainer {
    max-width: 1700px;
    margin: 0 auto;
}

.footerlinksRow {
    margin: 0 !important;
    max-width: 100% !important;
}

.footerlinksDIV {}

.FooterColumn1 {}

.FooterColumn1LinksHolder {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.FooterColumn1LinksHolder a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 7px 0;
}

.FooterColumn1LinksHolder a:hover {
    color: #fff;
    text-decoration: underline !important;
}

.FooterColumn1LinksHolder a:focus {
    color: #fff;
    outline: none !important;
}

.FooterColumn2 {}

.FooterColumn2Title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 7px 0;
    width: 50%;
}

.FooterColumnContactTitle {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 7px 0;
    text-align: center;
    padding-left: 20px;
}

.FooterColumn2LinksHolder {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.FooterColumn2LinksHolder a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 7px 0;
}

.FooterColumn2LinksHolder a:hover {
    color: #fff;
    text-decoration: underline !important;
}

.FooterColumn2LinksHolder a:focus {
    color: #fff;
    outline: none !important;
}

.FooterColumn3 {}

.FooterColumn3Title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 15px 0;
}

.FooterTxt {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}

.FooterTxt p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.FooterSocialHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 30px 0 0 0;
    justify-content: center;
}

.FooterSocialTitle {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 0 20px;
}

.FooterSocialsDIV {
    padding: 0 10px 0 10px;
    float: left;
}

.FooterSocialsFacebook {
    padding: 0 0 0 0;
}

.FooterSocialsFacebook:hover {}

.FooterSocialsFacebook:focus {
    outline: none !important;
}

.FooterSocialsFacebook i {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    /* border: 2px solid #fff; */
    border-radius: 150px;
    background-color: #b9b9b9;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
}

.FooterSocialsFacebook i:hover {
    color: #b9b9b9;
    background-color: #fff;
    transition: all 0.3s;
}

.FooterSocialsLinkedin {}

.FooterSocialsLinkedin:hover {}

.FooterSocialsLinkedin:focus {
    outline: none !important;
}

.FooterSocialsLinkedin i {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.FooterLogoDIV {}

.FooterLogo {}

.FooterLogo a {}

.FooterLogo a:hover {}

.FooterLogo a:focus {
    outline: none !important;
}

.FooterLogo img {
    margin: 0 auto;
}

.FooterCreditContainerFluid {
    padding: 4px 0 3px 0 !important;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(31, 86, 151, 1);
    color: white;
}

.FooterCreditContainer {}

.FooterCreditRow {
    width: 100%;
    margin: 0 !important;
}

.FooterCredit {
    text-align: center;
}

.FooterCreditA {
    text-decoration: none !important;
    color: #fff;
}

.FooterCreditA span {
    text-decoration: none !important;
    color: #fff;
    float: left;
}

.FooterCreditA img {
    max-width: 100px;
    margin: 0 auto;
    float: left;
    margin-left: 10px;
}

.FooterCredit h5 {
    color: white;
    font-weight: 400;
    opacity: 1;
    -moz-transition: opacity 1.3s ease;
    -o-transition: opacity 1.3s ease;
    -webkit-transition: opacity 1.3s ease;
    transition: opacity 1.3s ease;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
}

/* footer links END */

/* Footer END */

/* ============================================================================================================ */

/* ================================================ Layout END ================================================ */

/* ============================================================================================================ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ============================================================================================================ */

/* ============================================= Home Page Start ============================================== */

/* ============================================================================================================ */

/* Top Image Slider Start */

.SliderAndIconsContainerFluid {
    position: relative;
    margin: 0 0 0 0 !important;
    height: 100vh;
    overflow: hidden;
    /*max-height: 335px;*/
    /*width: 80%;*/
}

.SliderAndIconsContainerFluid .SlideshowDIV {
    display: block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.SliderAndIconsContainerFluid .SlideshowA {
    display: block;
    margin: 0 0 30px 0;
}

.SliderAndIconsContainerFluid .SlideshowA:hover {}

.SliderAndIconsContainerFluid .SlideshowA:focus {
    outline: none !important;
}

.SliderAndIconsContainerFluid .slide {
    display: block;
    position: relative;
}

.SliderAndIconsContainerFluid .clip {
    position: relative;
}

.SliderAndIconsContainerFluid .clipOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    /*background-image: linear-gradient(to top, transparent 35%, rgba(255, 255, 255, 0.8) 100%);*/
}

.slidercaptionName h1 {
    color: white;
    font-size: 43px;
    font-weight: 500;
    text-align: left;
}

.mainSliderBtn {
    background-color: #fb527a;
    color: #fff;
    padding: 15px 45px;
    font-size: 15px;
    float: left;
    margin-top: 20px;
    border-radius: 5px;
}

.mainSliderBtn:hover {
    color: #fff;
}

.slidercaptionUrlTXT p {
    direction: ltr;
}

.slidercaptionUrlTXT h2 {
    color: white;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.SliderAndIconsContainerFluid .slideImage {
    display: block;
    width: 100vw;
    height: 100vh;
}

.SliderAndIconsContainerFluid .slidercaption {
    width: 480px;
    display: block;
    position: absolute;
    z-index: 9999;
    top: 20%;
    padding: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 15%;
    text-align: start;
    /* background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0,rgba(255,255,255,0) 60%); */
}

.SliderAndIconsContainerFluid .slidercaption .slidercaptionName {
    color: white;
    font-size: 34px;
    font-weight: 400;
    /*text-shadow: 0 0 100px #ffffff, 0 0 100px #ffffff;*/
}

.slidercaptionName p {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.SliderAndIconsContainerFluid .slidercaption .slidercaptionUrlTXT {}

.SliderAndIconsContainerFluid .slidercaption .slidercaptionUrlTXT p {
    color: white;
    font-size: 21px;
    font-weight: 300;
    /* text-shadow: 0 0 100px #ffffff, 0 0 100px #ffffff; */
}

.SliderAndIconsContainerFluid .slidercaption .slidercaptionUrlTXT h3 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    /*text-shadow: 0 0 100px #ffffff, 0 0 100px #ffffff;*/
}

.SliderAndIconsContainerFluid .SlideShowBTN {
    background-color: #c67065;
    color: #fff;
    padding: 10px 50px 10px 50px;
    margin: 10px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    border-radius: 50px;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.SliderAndIconsContainerFluid .SlideShowBTN:hover {
    color: #fff;
    background-color: #bb4c3d;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.SliderAndIconsContainerFluid .SlideShowBTN:focus {
    color: #fff;
    outline: none !important;
}

/*.slidercaption a{
    color:#fff;
    font-size:30px;
    font-weight:400;
    text-decoration:none;
    border:2px solid #ed2a24;
    padding: 5px 8px;
}
.slidercaption a:hover{
    color:#fff;
}
.slidercaption a:focus{
    outline:none!important;
}*/

.SliderAndIconsContainerFluid .cycle-next {
    top: 50%;
    position: absolute;
    right: 10px;
    z-index: 999;
    padding: 15px 7px 15px 10px;
    cursor: pointer;
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.SliderAndIconsContainerFluid .cycle-next .caretrightIcon {
    color: #fff;
    font-size: 50px !important;
    cursor: pointer;
}

.SliderAndIconsContainerFluid .cycle-prev {
    top: 50%;
    position: absolute;
    left: 10px;
    z-index: 999;
    padding: 15px 7px 15px 10px;
    cursor: pointer;
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.SliderAndIconsContainerFluid .cycle-prev .caretleftIcon {
    color: #fff;
    font-size: 50px !important;
    cursor: pointer;
}

.SliderAndIconsContainerFluid .cycle-pager {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
    color: #fff;
    font-size: 25px;
    bottom: 0;
    cursor: pointer;
    opacity: 1;
}

.SliderAndIconsContainerFluid .cycle-pager span {
    padding: 0 2px;
}

.SliderAndIconsContainerFluid .cycle-pager .cycle-pager-active {
    color: #c67065;
}

.SliderAndIconsContainerFluid .SlideshowDIV:hover .cycle-next {
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.SliderAndIconsContainerFluid .SlideshowDIV:hover .cycle-prev {
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.SliderAndIconsContainerFluid .SlideshowDIV:hover .cycle-pager {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/* Top Image Slider END */

/* Home Page H1 And H2 Start */

.HomePageH1AndH2Container {
    padding: 50px 0 5px 0;
    background-color: #16292F;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: right 50px top 50px;
    position: relative;
}

.HomePageH1AndH2Row {
    margin: 0 !important;
    max-width: 100% !important;
    z-index: 2;
}

.HomeClientsRow {
    position: absolute;
    bottom: 50px;
    z-index: -2;
    width: 100%;
}

.HomePageH1AndH2 {
    max-width: 750px;
    margin: 0 auto;
    margin-top: 240px;
}

.HomePageH1 {
    color: white;
    font-size: 60px;
    font-weight: 400;
}

.HomePageH2 {
    color: white;
    font-size: 26px;
    font-weight: 400;
}

.HomePageH2Floats {
    color: white;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}

.BoxesH2Row {
    margin-top: 100px;
    margin-bottom: 100px;
}

/* Home Page H1 And H2 END */

/* Home Page TXT Start */

.HomePageTXTContainer {
    padding: 15px 0 50px 0;
}

.HomePageTXTRow {
    max-width: 100%;
    margin: 0 !important;
}

.HomePageTXT {
    max-width: 1000px;
    margin: 0 auto;
}

.HomePageTXT p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

/* Home Page TXT END */

/* ============================================================================================================ */

/* ============================================== Home Page END =============================================== */

/* ============================================================================================================ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ============================================================================================================ */

/* =========================================== Article Pages Start ============================================ */

/* ============================================================================================================ */

article {
    /*background-color: #f8f8f8;*/
}

.ImgHeaderAndBreadCrumbs {
    margin: 0 0 30px 0 !important;
}

.HeaderIMG {
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HeaderIMG img {}

.HeaderIMG .HeaderImgOverlay {
    /*background-color: rgba(21, 63, 84, 0.8);*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.PageHeadlineAndDescription2 {
    position: absolute;
    text-align: center;
}

.headline2 {}

.headline2 h1 {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}

.description2 {}

.description2 h2 {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
}

/* Breadcrumbs Start */

.breadcrumbBG {
    background-color: #16292f;
    margin-top: 85px;
}

.breadcrumb {
    padding: 15px 15px !important;
    margin-bottom: 0 !important;
    background-color: transparent!important;
}

.breadcrumb a {
    color: white;
}

.breadcrumb a:hover {
    color: white;
}

/* Breadcrumbs END */

/* breadcrumbBG2 Start */

.breadcrumbBG2ContainerFluid {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.breadcrumbBG2Container {}

.breadcrumbBG2Row {}

.breadcrumbBG2 {}

.breadcrumb2 {}

.breadcrumb2 li {}

.breadcrumb2 li a {}

.breadcrumb2 li a:hover {}

.breadcrumb2 li a:focus {
    outline: none !important;
}

.breadcrumb2 li a:active {}

/* breadcrumbBG2 END */

.content-sm {
    position: relative;
    max-width: 1000px;
}

.rightdiv a {
    color: #231f20;
    font-size: 16px;
    font-weight: 400;
}

.rightdiv a:hover {
    color: #1ED5D3;
}

.rightdiv a:focus {
    color: #1ED5D3;
    outline: none !important;
}

.ArticleContainer {
    display: block;
    margin-bottom: 0;
    max-width: 1000px;
    margin: 0 auto;
}

.moreArticlesContainer {
    padding: 100px 0 100px 0 !important;
    background-color: #09212D;
}

.ArticleRow {
    padding: 0 0 0 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.moreArticlesHeader {
    text-align: center;
    color: white;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 50px;
}

.PageHeadlineAndDescription {}

.headline {
    font-weight: 400;
    color: #00e0e0;
}

.headline h1 {
    font-weight: 400;
    color: #00e0e0;
}

.description {
    font-weight: 400;
    color: #00e0e0;
}

.description h2 {
    font-weight: 400;
    color: #00e0e0;
}

.articleBody p {
    font-size: 16px;
    font-weight: 400;
    color: white;
    line-height: 1.5;
}

.articleBody p strong {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.articleBody p img {
    /*display:block!important;*/
    max-width: 100% !important;
}

.articleBody h2 {
    font-size: 40px;
    color: #00e0e0;
    font-weight: 400;
}

.articleBody h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}

.articleBody h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.articleBody ul {
    padding-right: 20px;
}

.articleBody ul li {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.articleBody ol {}

.articleBody ol li {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.articleBody a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.articleBody a:hover {
    color: #18d6d4;
}

.articleBody a:focus {
    color: #18d6d4;
    outline: none !important;
}

/* Side Form Start */

.div-big-form {
    float: left;
}

.sideFormSection {
    padding: 15px;
}

.sideFormCol12 {
    border-bottom: 2px solid #1db1c3;
    padding: 15px;
    text-align: right;
}

.sideFormCol12 p {
    color: white;
}

.sideFormCol12Bottom {
    border-bottom: 2px solid #1db1c3;
    padding: 15px;
    text-align: right;
    margin-bottom: 15px;
}

.sideFormCol12Bottom p {
    color: white;
}

.SideFormIcon {
    width: 40px;
}

.SideFormSlideDownForm {
    display: none;
}

.SideFormCourseDateTitle {
    color: #fff;
    font-size: 16px;
}

.SideFormCourseDate {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.SideFormCloseBtn {
    display: none;
    font-size: 15px;
    color: white;
    margin: 0 auto;
    width: 60px;
    text-align: center;
    background-color: #00a186;
    padding: 0px 5px 5px 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
}

#movePanel {
    float: left;
    left: 0;
    width: 275px;
    position: absolute;
    top: 15px;
    z-index: 9;
}

.FormNameDIV2 {
    margin-bottom: 0 !important;
}

.formforpage {
    width: 300px;
    min-height: 360px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    margin-bottom: 0px;
    position: relative;
    border-radius: 10px !important;
    background-color: #e7e7e7;
    background-image: linear-gradient(to right top, #00aa40, #00a37d, #0098ab, #0087be, #0073b6) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.formforpage #SideForm {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 25px 0;
    /*background-color: #fff;*/
}

.SideFormTitlesHolder {
    /*background-color: #231f20;*/
    background-color: rgba(100, 100, 100, 0);
    color: #333;
    min-height: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0 !important;
}

.SideFormTitlesHolder .SideFormTitle1 {
    font-size: 23px;
    font-weight: 400;
    padding: 5px 0 10px 0;
    color: #fff;
}

.SideFormTitlesHolder .SideFormTitle2 {
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px 0 15px;
    color: #fff;
}

#mshulash {
    display: none;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 15.5px 0 15.5px;
    border-color: #231f20 transparent transparent transparent;
    margin: 0 auto;
    margin-bottom: 20px;
}

.formforpage input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 25px !important;
    box-shadow: none !important;
}

.FormMessageSideForm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px !important;
    display: block;
    width: 85% !important;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
}

.MySideFormBTN {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #18d6d4 !important;
    border-color: #18d6d4 !important;
    height: 50px;
    z-index: 10;
    position: relative;
    font-size: 17px !important;
    margin: 15px auto;
    width: 85% !important;
    border-radius: 150px !important;
    color: #000000!important;
}

.MySideFormBTN span {
    font-size: 20px !important;
    position: relative;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.MySideFormFirstBTN {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #18d6d4 !important;
    border-color: #18d6d4 !important;
    height: 43px;
    z-index: 10;
    position: relative;
    font-size: 18px !important;
    margin: 0 auto;
    width: 85% !important;
    border-radius: 20px !important;
    color: #000!important;
    margin-top: 20px;
}

.MySideFormFirstBTN span {
    font-size: 16px !important;
    font-weight: 600;
    position: relative;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#SideForm .BTNGroup {
    position: relative;
    padding: 0 !important;
    min-height: 50px;
    width: 100%;
    margin: 0 auto !important;
}

.MySideFormBTN:hover {
    color: #000 !important;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #18d6d4 !important;
    border-color: #18d6d4 !important;
}

.SideForm .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    color: #fff;
    font-size: 30px !important;
    position: absolute;
    margin-right: 20px;
    top: 7px;
    z-index: 10;
    -moz-transform: scaleX(-1) rotate(30deg);
    -ms-transform: scaleX(-1) rotate(30deg);
    -o-transform: scaleX(-1) rotate(30deg);
    -webkit-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotate(30deg);
}

.SideForm .BTNGroup:hover .FormAngleIon {
    -moz-transition: margin-right 0.3s ease;
    -o-transition: margin-right 0.3s ease;
    -webkit-transition: margin-right 0.3s ease;
    transition: margin-right 0.3s ease;
    margin-right: 30px;
}

.txtcenter {
    text-align: center !important;
}

.not-valid {
    /*background: #ffd6d5!important;*/
    border: 1px solid #a94442 !important;
}

/*.formforpage img {
    position: absolute;
    top: 315px;
    left: 85px;
    height: 15px;
}*/

.phon-bottom-form {
    width: 300px;
    min-height: 70px;
    background-color: #231f20;
    color: white;
    text-align: center;
    border-radius: 5px !important;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 25px;
    padding-top: 5px;
}

.phon-bottom-form-title {
    padding-top: 5px;
}

.phon-bottom-form-phon {
    font-size: 28px;
    font-weight: bold;
}

.phon-bottom-form>.phon-bottom-form-phon>img {
    position: absolute;
    left: 30px;
    bottom: 10px;
}

.phon-bottom-form-phon a {
    color: white;
}

.phon-bottom-form-phon a:hover {
    color: white;
}

#SideFormFixed {
    display: block;
}

#rating_box .ratingBoxSpan2 {
    padding-left: 10px !important;
}

form input.formInputsAsterix2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 25px !important;
    box-shadow: none !important;
}

form textarea.formInputsAsterixMessage2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    display: block;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    background-color: transparent;
    border-radius: 0 !important;
    border: 1px solid #333;
    box-shadow: none !important;
    color: #333;
    padding: 0 20px 0 0;
}

.placeholderFormName2 {
    margin-top: -42px;
    font-size: 8px;
    margin-right: 30px;
    color: #1ED5D3;
    width: 8px;
    float: right;
}

.placeholderFormEmail2 {
    margin-top: -42px;
    font-size: 8px;
    margin-right: 30px;
    color: #1ED5D3;
    width: 8px;
    float: right;
}

.placeholderFormPhone2 {
    margin-top: -42px;
    font-size: 8px;
    margin-right: 30px;
    color: #1ED5D3;
    width: 8px;
    float: right;
}

.FormNameDIV2 li {
    float: left;
    margin-top: -44px;
    margin-left: 38px;
    font-size: 13px;
}

/* Side Form Start */

/* Template More Start */

/* for id=3 start */

.ArticleBoxImg {
    max-height: 223px !important;
    width: 100%;
    overflow: hidden;
}

.ArticleBoxImg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right top, #00aa40, #00a37d, #0098ab, #0087be, #0073b6) !important;
    opacity: 0.5 !important;
    margin: 4px 18px 60px 19px;
}

.ArticleBoxImgSmall::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right top, #00aa40, #00a37d, #0098ab, #0087be, #0073b6) !important;
    opacity: 0.5 !important;
    margin: 4px 18px 76px 19px;
}

.ArticleBox img {
    display: block;
    width: 100%;
    padding-bottom: 0;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.ArticleBox a {
    color: #fff;
}

.ArticleBox:hover a {
    color: #fff;
}

.ArticleBox a:focus {
    outline: none !important;
}

.ArticleBox {}

.thumbnailBG {
    /*background-color: #fff!important;*/
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    height: 260px;
}

.ArticleReadMore1Container {
    display: none;
    -moz-transition: padding 0.6s ease;
    -o-transition: padding 0.6s ease;
    -webkit-transition: padding 0.6s ease;
    transition: padding 0.6s ease;
}

.ArticleReadMore1 {
    position: absolute;
    top: 32%;
    background-color: #3d3d3d;
    padding: 3px;
}

.caption {
    padding: 10px 10px 10px 10px !important;
    margin-top: 0px !important;
    text-align: center;
    background-color: transparent;
}

.articleH3 {
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 16px;
}

@media(min-width:992px) {
    .ArticleBox:hover img {
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    .thumbnailBG:hover {
        /*box-shadow: 0 0 10px #cacaca;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;*/
    }
    .ArticleBox:hover .ArticleReadMore1Container {
        padding-right: 20px;
        -moz-transition: padding 0.6s ease;
        -o-transition: padding 0.6s ease;
        -webkit-transition: padding 0.6s ease;
        transition: padding 0.6s ease;
    }
    .ArticleBox:hover .articleH3 {
        -moz-transition: color 0.6s ease;
        -o-transition: color 0.6s ease;
        -webkit-transition: color 0.6s ease;
        transition: color 0.6s ease;
        color: #fff !important;
    }
}

/* for id=3 end */

/* for id=0 start */

.imageboxDIV {
    margin-bottom: 25px;
}

.imageboxDIV .imagebox {
    display: block;
    float: right;
    width: 100%;
    height: 150px;
    margin: 10px 0 0 20px;
    position: relative;
    border: 1px solid #a33331;
    overflow: hidden;
    background-color: white;
}

.imageboxDIV .imagebox a .imageboxIMG {
    width: 100% !important;
    height: 110px !important;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.imageboxDIV:hover .imagebox a .imageboxIMG {
    width: 110% !important;
    height: 150px !important;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.imageboxDIV .imagebox a .imagebox-desc {
    display: block;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    padding: 9px 0 5px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #434446;
    font-weight: bold;
    font-size: 16px;
}

/* for id=0 end */

/* for id=1 Start */

.ArticleMedia {
    min-height: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(214, 214, 214, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

.ArticleMedia:hover {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(117, 117, 117, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

.ArticleMedia a {
    color: #333;
    float: right;
}

.ArticleMedia a:hover {
    color: #141414;
}

.ArticleMedia a:focus {
    outline: none !important;
}

.ArticleMedia .media-left .media-object {
    /* height: 120px; */
    width: 200px;
    padding: 7px 7px 7px 7px;
}

.ArticleMedia .media-body {
    padding: 15px 10px 15px 10px;
}

.ArticleMedia .media-body .media-heading {
    margin-bottom: 5px !important;
    font-weight: 600;
    font-size: 18px;
    font-size: 20px;
    color: #c67065;
}

.ArticleMedia .media-body .media-bodyTxt {
    overflow: hidden;
    height: 61px;
    font-weight: 400;
    font-size: 16px;
}

/* for id=1 END */

/* for id=2 Start */

.ArticleMediaNoPicture {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(214, 214, 214, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    padding: 15px;
    display: flex;
}

.ArticleMediaNoPicture:hover {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(117, 117, 117, 0.1);
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

.ArticleMediaNoPicture a {
    color: #333;
}

.ArticleMediaNoPicture a:hover {
    color: #141414;
}

.ArticleMediaNoPicture a:focus {
    outline: none !important;
}

/* for id=2 Start */

/* Template More END */

/* Process Page Start */

.ProcessPageContainer {}

.ProcessPageDIV {
    padding: 50px 0 50px 0;
    position: relative;
}

.ProcessPageDIV:after {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 1px;
    min-height: 120px;
    display: block;
    border-radius: 4px;
    margin: 0 auto;
    bottom: -60px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.ProcessPageBox-right {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}

.ProcessPageBox-left {
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}

.ProcessPageTitleHolder {
    max-width: 205px;
    width: 205px;
}

.ProcessPageTitle {
    font-weight: 400;
    font-size: 27px;
    max-width: 205px;
    width: 205px;
    padding: 0 25px 0 0;
}

.ProcessPageBoxContent-right {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    margin: 0 20px 0 0 !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    height: 243px !important;
    overflow: hidden;
    background-color: #f5f5f5;
}

.ProcessPageBoxContent-left {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    margin: 0 0 0 20px !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    height: 243px !important;
    overflow: hidden;
    background-color: #f5f5f5;
}

.ProcessPageBoxContentTxtHolder {
    width: 50%;
    min-width: 300px;
}

.ProcessPageBoxContentTxt {
    overflow: hidden;
    height: 245px;
    padding: 0 25px 0 20px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
}

.ProcessPageBoxTxt {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 30px 0 30px;
}

.ProcessPageBoxTxt p {
    color: #333;
    font-weight: 400;
    font-size: 16px;
}

.ProcessPageBoxContentImg {
    width: 50%;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-width: 300px;
}

.ProcessPageBoxContentImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    bottom: 0;
}

.lastItemClass:after {
    display: none !important;
}

/* Process Page END */

/* Inner Page rsvp Start */

.ArticlersvpContainerFluid {
    padding: 30px 15px 0 15px !important;
    overflow: hidden;
}

.ArticlersvpContainer {}

.ArticlersvpRow {}

.ArticlersvpHolder {}

.ArticlersvpContent {}

.ArticlersvpContentHolder {}

.ArticlersvpIconsHolder {
    min-height: 430px !important;
}

.ArticlersvpIconsDIV {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.ArticlersvpIconsContent {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    min-height: 145px !important;
    opacity: 0;
    width: 33%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px 0 15px;
}

.ArticlersvpIconsIMG {}

.ArticlersvpIconsIMG img {}

.ArticlersvpIconsTitle {
    padding: 10px 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

@media(max-width:1366px) {
    .ArticlersvpIconsHolder {
        min-height: 600px !important;
    }
    .ArticlersvpIconsContent {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 200px !important;
        opacity: 0;
    }
}

@media(max-width:1200px) {
    .ArticlersvpIconsHolder {
        min-height: 730px !important;
    }
    .ArticlersvpIconsContent {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 145px !important;
        opacity: 0;
    }
}

/* Inner Page rsvp END */

/* Inner Page Process Start */

.ArticleProcessContainerFluid {
    padding: 50px 15px 50px 15px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.ArticleProcessContainer {}

.ArticleProcessRow {
    max-width: 100%;
    margin: 0 !important;
}

.ArticleProcessDIV {}

.ArticleProcessContent {
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

.ArticleProcessTitle {
    color: #c67065;
    font-size: 36px;
    font-weight: 400;
    padding: 0 0 10px 0;
    text-align: center;
}

.ArticleProcessHolder {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.ArticleProcessHolder .ArticleProcessRow-1 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-2 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-3 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-4 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-5 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-6 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessHolder .ArticleProcessRow-7 {
    display: flex;
    align-items: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0 10px 0;
}

.ArticleProcessNuber {
    background-color: #c67065;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 50px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 15px;
}

.ArticleProcessHolder .ArticleProcessTxt {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.ArticleProcessHolder .ArticleProcessBTN {
    margin: 30px 0 0 0;
}

.ArticleProcessHolder .ArticleProcessBTNA {
    background-color: #c67065;
    color: #fff;
    padding: 10px 50px 10px 50px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 50px;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ArticleProcessHolder .ArticleProcessBTNA:hover {
    color: #fff;
    background-color: #bb4c3d;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ArticleProcessHolder .ArticleProcessBTNA:focus {
    color: #fff;
    outline: none !important;
}

/* Inner Page Process END */

/* print END */

@media print {
    #SideFormFixed>* {
        display: none !important;
    }
    .SocialBarContainer>* {
        display: none !important;
    }
    [meta] {
        display: none !important;
    }
    .ArticleContainer>* {
        display: none !important;
    }
    .whatsappFloaingIconLink>* {
        display: none !important;
    }
    .instagramFloaingIconLink>* {
        display: none !important;
    }
    .facebookFloaingIconLink>* {
        display: none !important;
    }
    #FooterAndContactHolder>* {
        display: none !important;
    }
    .facebook-likebox>* {
        display: none !important;
    }
    .navbar>* {
        display: none !important;
    }
    .breadcrumbBG>* {
        display: none !important;
    }
    .ContactUSIMG>* {
        display: none !important;
    }
    .FooterContainer>* {
        display: none !important;
    }
}

/* Error Page CSS Start */

.ErrorPageContainerFluid {
    background: #f3f3f3;
}

.ErrorPageContainer {}

.ErrorPageROW {
    margin: 0 !important;
    max-width: 100% !important;
}

.ErrorPagecontent {
    padding-bottom: 100px;
    padding-top: 100px;
}

.ErrorTitle {
    color: #777;
    font-size: 180px;
    line-height: 200px;
    padding-bottom: 20px;
}

.ErrorSmallerTitle {
    color: #555;
    font-size: 35px;
    font-weight: 600;
}

.ErrorP {
    color: #555;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
}

.errorPageBTN {
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #446d9e;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.errorPageBTN:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #fb527a;
}

.errorPageBTN:focus {
    outline: none !important;
}

/* Error Page CSS END */

/* Search Page Start */

.SearchContainer {
    padding: 0 0 50px 0;
    /*margin-top: 100px;*/
}

.SearchH1 {
    text-align: center;
    margin: 30px 0 50px 0;
}

/* Search Page END */

/* SiteMap Start */

.AllSiteMapContainer {
    padding-bottom: 50px;
}

.AllSiteMapRow {
    margin: 0 !important;
    max-width: 100% !important;
}

.headlinesDIV {}

.headlinesDIV .headline {}

.headlinesDIV .headline2 {}

#siteMapContainer {
    margin: 20px 0 50px 0;
}

#sitemap, #sitemap ul, #sitemap li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sitemap {}

#sitemap ul {
    display: none;
}

#sitemap li {
    line-height: 200%;
    margin-top: 1px;
    background: #eee;
    position: relative;
    width: 100%;
}

/* IE leaves a blank space where span is added so this is to avoid that */

* html #sitemap li {
    float: right;
    display: inline;
}

#sitemap li a {
    padding: 5px 28px;
    display: block;
    font-size: 20px;
    color: #525252;
}

#sitemap li a:hover {
    color: #00e0e0;
    text-decoration: none;
}

#sitemap li span {
    float: right;
    position: absolute;
    top: 12px;
    right: 8px;
    width: 20px;
    height: 20px;
    cursor: auto;
    font-size: 0;
}

#sitemap li span, #sitemap li span.collapsed {
    background: url('/National_Library/oe_/https://www.apptimus.media/img/collapsed.gif') no-repeat 0 0;
}

#sitemap li span.expanded {
    background: url('/National_Library/oe_/https://www.apptimus.media/img/expanded.gif') no-repeat 0 0;
}

/* second level */

#sitemap li li {
    background: #fff;
}

#sitemap li li a {
    padding: 0 55px 0 20px;
    display: block;
    font-size: 16px;
}

#sitemap li li span {
    right: 28px;
    top: 7px;
}

/* third level */

#sitemap li li li a {
    padding-right: 84px;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

#sitemap li li li span {
    right: 56px;
}

#cms-main {
    float: right;
    margin: 13px 27px 0 20px;
    direction: rtl;
    border: 0 solid red;
}

.sky-form .button {
    background: #c67065;
    float: left !important;
    right: -29% !important;
}

/* SiteMap END */

/* ============================================================================================================ */

/* ============================================ Article Pages END ============================================= */

/* ============================================================================================================ */

/* Site General CSS END */

/* Rating Start */

.SocialBarContainerFluid {
    /*background-color: #f8f8f8;*/
}

.SocialBarContainer {
    /*width: 100%!important;*/
    position: relative;
    padding: 0 !important;
    /*margin: 50px 0 0 0!important;*/
    min-height: 135px;
    max-width: 1000px;
}

.SocialBarRow {
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
}

.SocialShareButtonsAndTitleHolder {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.SocialShareButtonsTitle {
    color: white;
    padding-bottom: 10px;
    padding-right: 5px;
}

.SocialShareButtonsHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: flex-start;
}

.SocialStarsHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: flex-end;
}

.SocialBarDivRating {
    padding: 0 !important;
}

.SocialBarThumbnailRating {
    border: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    /*background-color: #fff !important;*/
}

.SocialBarThumbnailRating:hover {
    /*background-color: #fff !important;*/
}

.wrapper-ratings {
    position: relative;
}

#rating_text {}

#rating_box {
    color: white;
    margin-right: 0px;
}

#rating_box .amountOfRatingsRecived {}

#rating_box .amountOfRatingsRecived #count_value {}

#rating_box .amountOfRatingsRecived #rating_value {}

#rating_box .avergedRating {}

#rating_box #Your-score {}

.dirug {}

#jrate {
    direction: rtl;
    position: absolute;
}

#demo-onchange-value {
    position: absolute;
    right: 38%;
    top: 23px;
    color: #9d9d9d;
}

.StarsAuthorContainer {
    position: absolute;
    top: 60px;
    max-width: 100%;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    color: #9d9d9d;
    justify-content: center;
    width: 100%;
}

.StarsAuthorContainer .StarsAuthor {
    font-size: 10px;
}

.StarsAuthorContainer .StarsAuthor a {
    color: #9d9d9d;
}

.StarsAuthorContainer .StarsAuthor a:hover {
    color: #9d9d9d;
}

.StarsAuthorContainer .StarsAuthor a:focus {
    outline: none !important;
}

.StarsAuthorContainer .lastUpdatedAt {
    font-size: 12px;
}

/* Rating END */

/* whatsapp Start */

.SocialBarDivWhatsapp {}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover {}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA:hover {}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA:focus {
    outline: none !important;
}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA .whatsappIcon {
    color: #1ED5D3;
    padding-top: 8px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover .whatsappA {}

.SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover .whatsappA .whatsappIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* whatsapp END */

/* facebook Start */

.SocialBarDivFacebook {}

.SocialBarDivFacebook .SocialBarThumbnailFacebook {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivFacebook .SocialBarThumbnailFacebook:hover {}

.SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA:hover {}

.SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA:focus {
    outline: none !important;
}

.SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA .facebookIcon {
    color: #1ED5D3;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivFacebook .SocialBarThumbnailFacebook:hover .facebookA {}

.SocialBarDivFacebook .SocialBarThumbnailFacebook:hover .facebookA .facebookIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* facebook END */

/* google plus Start */

.SocialBarDivGoogle {}

.SocialBarDivGoogle .SocialBarThumbnailGoogle {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivGoogle .SocialBarThumbnailGoogle:hover {}

.SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA:hover {}

.SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA:focus {
    outline: none !important;
}

.SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA .googlekIcon {
    color: #1ED5D3;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivGoogle .SocialBarThumbnailGoogle:hover .googleA {}

.SocialBarDivGoogle .SocialBarThumbnailGoogle:hover .googleA .googlekIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* google plus END */

/* twitter Start */

.SocialBarDivtwitter {}

.SocialBarDivtwitter .SocialBarThumbnailtwitter {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivtwitter .SocialBarThumbnailtwitter:hover {}

.SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA:hover {}

.SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA:focus {
    outline: none !important;
}

.SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA .twitterIcon {
    color: #1ED5D3;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivtwitter .SocialBarThumbnailtwitter:hover .twitterA {}

.SocialBarDivtwitter .SocialBarThumbnailtwitter:hover .twitterA .twitterIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* twitter END */

/* linkedin Start */

.SocialBarDivlinkedin {}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover {}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA:hover {}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA:focus {
    outline: none !important;
}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA .linkedinIcon {
    color: #1ED5D3;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover .linkedinA {}

.SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover .linkedinA .linkedinIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* linkedin END */

/* print Start */

.SocialBarDivprint {}

.SocialBarDivprint .SocialBarThumbnailprint {
    position: relative;
    padding: 0 3px 0 3px;
}

.SocialBarDivprint .SocialBarThumbnailprint:hover {}

.SocialBarDivprint .SocialBarThumbnailprint .printA {
    font-size: 18px;
    position: relative;
}

.SocialBarDivprint .SocialBarThumbnailprint .printA:hover {}

.SocialBarDivprint .SocialBarThumbnailprint .printA:focus {
    outline: none !important;
}

.SocialBarDivprint .SocialBarThumbnailprint .printA .printIcon {
    color: #1ED5D3;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    font-size: 22px !important;
    border: 1px solid;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.SocialBarDivprint .SocialBarThumbnailprint:hover .printA {}

.SocialBarDivprint .SocialBarThumbnailprint:hover .printA .printIcon {
    color: white !important;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* Like Button Start */

.SocialBarDivLike {
    margin: auto;
    padding: 0 5px 0 5px;
}

.SocialBarDivLike:hover .SocialBarThumbnailLike {}

.SocialBarDivLike .SocialBarThumbnailLike {}

/* Like Button END */

/* Share Social Bar END */

/* Media Quary for 1200px Start*/

@media(max-width:1200px) {
    #movePanel {
        float: left;
        left: 0;
        width: 275px;
    }
    .StarsAuthorContainer .StarsAuthor {
        font-size: 10px;
    }
    .StarsAuthorContainer .lastUpdatedAt {
        font-size: 10px;
    }
}

/* Media Quary for 1200px END*/

form input .not-valid {
    background: #ffd6d5 !important;
    border: 1px solid #a94442 !important;
}

form textarea .not-valid {
    background: #ffd6d5 !important;
    border: 1px solid #a94442 !important;
}

textarea {
    resize: vertical;
}

.MyPageWidth {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.rightdiv {
    width: 70% !important;
    float: right;
    padding-bottom: 30px;
}

.help-block {
    pointer-events: none !important;
}

.hideBTN {
    display: none !important;
}

.showBTN {
    display: block !important;
}

.minHeight {
    min-height: 0px;
}

.contentsmNoPadding {
    padding: 0 15px 0 15px !important;
}

.contentsmPadding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ProcessHolder .animated {
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.ArticleProcessHolder .animated {
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.ProcessPageBoxMobile .animated {
    -moz-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

/* Left Main Form Start*/

.LeftFormWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 350px;
}

.leftFormContainer {
    background-color: #253032;
    position: absolute;
    width: 350px;
    height: 100vh;
    left: 0;
    z-index: 999;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LeftFormTitle {
    text-align: center;
    font-size: 20px;
    color: white;
    margin: 10px 0 10px 0;
}

/* Left Main Form End*/

.clientsImg {
    margin: 0 auto;
    display: block;
}

.TeamDiv p {
    color: white;
}

.TeamDiv span {
    color: white;
    font-size: 17px;
}

.TeamQuote {
    width: 100%;
    min-height: 40px;
}

.TeamQuoteImg {
    width: 40px;
    float: right;
}

.TeamImg {
    width: 215px !important;
    /* left: 15px; */
    position: relative;
    /* top: 95px; */
    border-radius: 50%;
}

.TeamRecoImg {
    position: absolute;
    top: -15px;
    left: 50px;
    /* right: 0; */
    /* bottom: 0; */
    width: 245px !important;
}

.min-h-275 {
    min-height: 250px;
}

.courseImg {
    height: 200px!important;
}

.CourseImgBig {
    height: 410px;
}

@media(max-width:1520px) {
    .courseImg {
        height: 200px!important;
    }
    .CourseImgBig {
        height: 370px;
    }
}

@media(max-width:1500px) {
    .TeamRecoImg {
        position: absolute;
        top: -15px;
        left: 80px;
        /* right: 0; */
        /* bottom: 0; */
        width: 245px !important;
    }
}

@media(max-width:992px) {
    .TeamRecoImg {
        position: absolute;
        top: -15px;
        left: 34px;
        /* right: 0; */
        /* bottom: 0; */
        width: 245px !important;
    }
}

@media(max-width:600px) {
    .TeamRecoImg {
        position: absolute;
        top: -7px;
        left: 117px;
        /* right: 0; */
        /* bottom: 0; */
        width: 140px !important;
    }
    .TeamImg {
        width: 126px !important;
        /* left: 15px; */
        position: relative;
        /* top: 95px; */
        border-radius: 50%;
    }
}

/* Blog Boxes Start */

.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box img {
    width: 100%;
    height: auto;
    transform: scale3d(1, 1, 1);
    transition: all 0.3s ease 0s;
    min-height: 255px;
}

.box:hover img {
    transform: scale3d(1.15, 1.15, 1);
}

.box .box-content {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 25%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}

.box:hover .box-content {
    opacity: 1;
}

.box .box-content:before, .box .box-content:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    opacity: 0;
    z-index: -1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
}

.box .box-content:before {
    border-top: none;
    border-bottom: none;
    left: 30px;
    right: 30px;
}

.box .box-content:after {
    border-left: none;
    border-right: none;
    top: 30px;
    bottom: 30px;
}

.box:hover .box-content:before, .box:hover .box-content:after {
    opacity: 1;
    transform: scale(1);
}

.box .content-inner {
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}

.box:hover .content-inner {
    opacity: 1;
    transform: scale(1);
}

.box .title {
    font-size: 22px;
    font-weight: 700;
    color: #00fff2;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.box .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
}

.box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 2;
}

.box .icon li {
    display: inline-block;
}

.box .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    margin-right: 5px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.box .icon li a:hover {
    color: #000;
}

.box .icon li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}

.box .icon li a:hover:before {
    transform: scale(1);
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

.rig-overlay-article {
    position: absolute;
    display: block;
    top: 0;
    /* left: 0px; */
    /* bottom: 0; */
    /* right: -43px; */
    height: 100%;
    width: 100%;
    /* margin: auto; */
    background-image: linear-gradient(to right top, #00aa40, #00a37d, #0098ab, #0087be, #0073b6) !important;
    opacity: 0.5 !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    filter: alpha(opacity=0);
    transition: all 0.6s;
}

.titleOut {
    color: white;
    z-index: 999999999;
    position: absolute;
    top: 40%;
    /* left: 40%; */
    font-size: 21px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 12px 10px 12px 10px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.box:hover .titleOut {
    display: none;
}

/* Blog Boxes End */

/*<---------- NEW SIDEBAR MENU START -------------->*/

.overlay {
    height: 0;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    opacity: 0;
    /*border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;*/
}

.overlay-content {
    position: relative;
    top: 8%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #31639f;
}

.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 12px;
    font-size: 45px;
    color: #31639f;
}

.overlay .PhoneBTN {
    display: none;
    position: absolute;
    top: 25px;
    left: 130px;
    font-size: 35px;
    color: white;
}

.overlay .WhatsappBTN {
    display: none;
    position: absolute;
    top: 25px;
    left: 45px;
    font-size: 35px;
    color: white;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

/*<---------- NEW SIDEBAR MENU END -------------->*/

.mainH2 {
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    color: #3E5775;
    margin: 20px 0 40px;
}

/*<---------- Our Speciality Start -------------->*/

.specialityContainer {
    max-width: 1250px;
}

.ourSpeciality {
    background-color: transparent;
    z-index: 1;
    padding: 60px 30px;
    margin-bottom: 50px;
}

.specialityItem {
    height: 350px;
    border: 2px solid #efefef;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    transition: box-shadow .3s;
}

.specialityItem:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
    border-top: 4px solid #fb527a;
    transition: all 0.3s;
}

.specialityItemImg {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.specialityItemDesc {
    padding: 60px;
    text-align: center;
    font-size: 17px;
    color: #3c618e;
}

.specialityItemDesc p {
    font-weight: 500;
}

@media(max-width:1500px) {
    .specialityItemImg {
        margin-top: 0px;
    }
    .specialityItemDesc {
        padding: 25px;
    }
    .specialityItem {
        height: 265px;
    }
}

@media(max-width:1500px) {
    .specialityItemDesc {
        padding: 15px 4px;
        font-size: 17px;
    }
    .specialityItemDesc p {
        font-weight: 500;
        font-size: 14px;
    }
}

/*<---------- Our Speciality End -------------->*/

/*<---------- Advertisers Start -------------->*/

.advertisersContainer {
    background-color: #F6F9FF;
    max-height: 610px;
}

.advertisersContent {
    padding-top: 200px;
    max-width: 450px;
}

.advertisersH3 {
    text-align: left;
    color: #446d9e;
    font-weight: 500;
}

.advertisersContent p {
    color: #3c618e;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    direction: ltr;
    font-weight: 500;
}

.advertisersImg {
    margin-top: -40px;
    margin-bottom: 40px;
}

@media(max-width:1150px) {
    .advertisersImg {
        width: 100%;
    }
}

@media(max-width:992px) {
    .advertisersContent {
        padding-top: 0;
        max-width: unset;
    }
    .advertisersContent, .publishersContent {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .advertisersContainer {
        background-color: #F6F9FF;
        max-height: unset;
        padding-bottom: 30px;
    }

}

/*<---------- Advertisers End -------------->*/

/*<---------- publishers Start -------------->*/

.publishersContainer {
    background-color: #fff;
    padding: 85px 30px;
    margin-top: 60px;
    max-height: 610px;
}

.publishersContent {
    padding-top: 100px;
    max-width: 450px;
}

.publishersH3 {
    text-align: left;
    color: #446d9e;
    font-weight: 500;
}

.publishersContent p {
    color: #3c618e;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    direction: ltr;
    font-weight: 500;
}

.publishersImg {
    margin-top: -40px;
    margin-bottom: 40px;
    max-width: 100%;
}

@media(max-width:992px) {
    .publishersContainer {
        background-color: #fff;
        padding: 15px;
        margin-top: 10px;
        max-height: unset;
    }
    .publishersContent {
        padding-top: 0;
        max-width: unset;
    }
    .publishersImg {
        margin-top: 15px;
        margin-bottom: 40px;
    }
}

/*<---------- publishers End -------------->*/

/*<---------- PinkRectangle Start -------------->*/

.pinkRectangleContainer {
    padding: 60px 0 50px;
    background-color: #fb527a;
}

.pinkRectangleContainer p {
    color: white;
    font-size: 30px;
}

/*<---------- PinkRectangle End -------------->*/

/*<---------- aboutUs Start -------------->*/

.aboutUsContainer {
    padding: 0!important;
    margin: 0;
    max-height: 650px;
    overflow: hidden;
}

.aboutUsSlideImage {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.aboutUsTitle {
    text-align: left;
    color: #446d9e;
    font-weight: 500;
}

.aboutUsContent {
  padding: 180px 65px;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aboutUsContent p {
    color: #3c618e;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    direction: ltr;
    font-weight: 500;
}

.leftTriangle {}

.leftTriangle:after {
    content: '';
    position: absolute;
    top: 45%;
    left: 0;
    right: 95%;
    z-index: 111;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 50px transparent;
    border-left: solid 50px #fff;
    /* border-right: solid 50px #fff; */
    border-bottom: solid 50px transparent;
}

.cycle-pager {
    position: absolute;
    z-index: 999;
    bottom: 5px;
    color: #bbbbbb;
    right: 45%;
}

.cycle-pager-active {
    color: #fb527a;
}

.cycle-pager span {
    font-size: 50px;
    margin-right: 8px;
    cursor: pointer;
}

@media(max-width:992px) {
    .cycle-pager {
        right: 0;
    }
    .aboutUsContent {
        padding: 45px 35px;
    }
    .FooterSocialsDIV {
        padding: 0 10px 0 10px;
        float: left;
        margin: 0 auto;
    }
    .aboutUsContainer {
        max-height: unset;
    }
    .leftTriangle:after {
        top: 34%;
    }
}

/*<---------- aboutUs End -------------->*/

/*<---------- Footer Start -------------->*/

.socialIconsFooter {
    width: 300px;
    height: 63px;
    float: left;
    margin-left: 30px;
    margin-top: 80px;
}

/*<---------- Footer End -------------->*/

/*<---------- hoverableImage Start -------------->*/

#container {
    perspective: 30px;
}

#inner {
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

/*============================================================
 * EXTRAS
 *============================================================*/

.demo-img {
    background-size: cover;
    background-repeat: no-repeat;
}

#container:hover .demo-overlay {
    opacity: 1;
}

#container:hover {
    cursor: pointer;
}

.demo-overlay {}

.demo-overlay svg {
    display: block;
    margin: 0 auto;
    fill: white;
}

/*<---------- hoverableImage End -------------->*/

/*<---------- hoverableIphone Start -------------->*/

@media(max-height:800px) {
    #parallax {
      margin-top: 190px;
    }
    #parallax img {
      height: 550px;
    }
}

@media(max-height:600px) {
    #parallax {
        display: none;
        margin-top: 200px;
    }
}

@media(max-width:950px) {
  .links-121 {
    display: none !important;
  }
}

.parallax-viewport {
    position: relative;
    /*overflow:hidden;*/
    width: 980px;
    height: 85%;
    margin: 0px auto;
    position: absolute;
    text-align: center;
    z-index: 999;
    margin-top: 100px;
}

.parallax-layer {
    position: absolute;
    text-align: center;
}

.parallax1 {
    width: 950px;
    height: 573px;
    display: block;
    top: 60.5%;
    margin-top: -427.398px;
    left: 24.6184%;
    margin-left: -233.874px;
}

.parallax2 {
    width: 900px;
    height: 573px;
    display: block;
    top: 74.5895%;
    margin-top: -427.398px;
    left: 24.6184%;
    margin-left: -221.565px;
}

.parallax3 {
    width: 970px;
    height: 563px;
    display: block;
    top: 74.5895%;
    margin-top: -419.939px;
    left: 24.6184%;
    margin-left: -238.798px;
}

.parallax4 {
    width: 960px;
    height: 533px;
    display: block;
    top: 74.5895%;
    margin-top: -397.562px;
    left: 24.6184%;
    margin-left: -236.336px;
}

.parallax5 {
    width: 940px;
    height: 293px;
    display: block;
    top: 95.5895%;
    margin-top: -459.939px;
    left: 14.6184%;
    margin-left: -231.413px;
}

/*<---------- hoverableIphone End -------------->*/

.ThankYouMessage {
    position: absolute;
    height: 500px;
    width: 282px;
    background-color: hsl(213, 52%, 39%);
    color: white;
    top: 15%;
    right: 33%;
}

.ThankYouMessageInner {
    width: 100%;
    height: 100%;
    position: relative;
}

.ThankYouMessageP {
    font-size: 27px;
    top: 40%;
    position: absolute;
    direction: ltr;
    padding: 0 10px;
}

.ThankYouMessageImg {
    max-width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.ThankYouMessageName {
    font-size: 27px;
    top: 15%;
    position: absolute;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}
.links-121 {
  position: absolute;
  top: 15px;
  left: 90px;
  display: flex;
  align-items: center;
  z-index: 99;
  margin: 0;
}
.links-121 li {
  list-style: none;
  margin-right: 12px;
}
.links-121 li a {
  color: white;
}
.links-121 li a:hover {
  text-decoration: underline !important;
}

ul, ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.about-us-dropdown {
  display: none;
  background: #fffffffa;
  border: 1px solid #789fd4;
  border-radius: 3px;
  margin-top: -13px;
  text-align: center;
  position: absolute;
}
.about-us-dropdown > li {
  padding: 9px 3px;
  border-bottom: 1px solid #adbcd0;
}
.about-us-dropdown > li:hover {
  background: #dcdcdc4d;
}

.about-us-12 {
  position: relative;
}

.about-us-12:hover .about-us-dropdown {
  display: block;
}

.about-us-dropdown a {
  color: black !important;
}

.MyNavBarContainer {
  display: flex;
  align-items: center;
}
.login-btn-1 {
  font-size: 16px;
  background: #2d6bb4;
  color: white;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 12px 16px !important;
}
.login-btn-1:hover {
  color: white;
}
.parallax-layer.parallax1 {
    position: relative;
}
.parallax-layer.parallax1 img {
    position: absolute;
    opacity: 0;
  }
.parallax-layer.parallax1 img.active {
    display: initial;
    transition: opacity 1s;
    opacity: 1;
}
.parallax-layer.parallax1 img.first {
    z-index: 299;
}
.btn-login-cont {
  padding-top: 35px;
}
.join-btn-publishers {
  background-color: #1f1e1e;
}