@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800;900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');*/






@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700;900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Eczar:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
    font-weight: 500;
    margin: 0;
    padding: 0;
    letter-spacing: 0.6;
}
ul, ol, dl {
    padding-left: 0;
}
ul li {
    list-style-type: none;
}
strong {
    font-weight: 500;
}
html {
    width: 100%;
    height: 100%;
}
a, a:hover {
    text-decoration: none;
    outline: 0;
}
img {
    max-width: 100%;
    -webkit-user-drag: none;
}
button:focus {
    outline: 0;
}
body {
    font-family: 'Playfair Display', serif;
    background-color: #ececec;
    float: left;
    position: relative;
    width: 100%;
    color: #000;
    margin: 0;
    font-size: 16px;
}
@font-face {
    font-family: 'Poppins', sans-serif;
    src: url(../css/fonts/Flexo-Bold.eot);
    src: url(../css/fonts/Flexo-Bold.woff) format('woff'), url(../css/fonts/Flexo-Bold.ttf) format('truetype'), url(../css/fonts/Flexo-Bold.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Flexo-Demi;
    src: url(../css/fonts/Flexo-Demi.eot);
    src: url(../css/fonts/Flexo-Demi.woff) format('woff'), url(../css/fonts/Flexo-Demi.ttf) format('truetype'), url(../css/fonts/Flexo-Demi.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Flexo-Regular;
    src: url(../css/fonts/Flexo-Regular.eot);
    src: url(../css/fonts/Flexo-Regular.woff) format('woff'), url(../css/fonts/Flexo-Regular.ttf) format('truetype'), url(../css/fonts/Flexo-Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Lora-Regular;
    src: url(../css/fonts/Lora-Regular.eot);
    src: url(../css/fonts/Lora-Regular.woff) format('woff'), url(../css/fonts/Lora-Regular.ttf) format('truetype'), url(../css/fonts/Lora-Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Mondays;
    src: url(../css/fonts/Mondays.eot);
    src: url(../css/fonts/Mondays.woff) format('woff'), url(../css/fonts/Mondays.ttf) format('truetype'), url(../css/fonts/Mondays.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot?2z3dux);
    src: url(fonts/icomoon.eot?2z3dux#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?2z3dux) format('truetype'), url(fonts/icomoon.woff?2z3dux) format('woff'), url(fonts/icomoon.svg?2z3dux#icomoon) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Lora-Italic';
    src: url('../css/fonts/Lora-Italic.eot');
    src: url('../css/fonts/Lora-Italic.woff') format('woff'), url('../css/fonts/Lora-Italic.ttf') format('truetype'), url('../css/fonts/Lora-Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwGlennSans-Regular';
    src: url('../css/fonts/BwGlennSans-Regular.eot');
    src: url('../css/fonts/BwGlennSans-Regular.woff') format('woff'), url('../css/fonts/BwGlennSans-Regular.ttf') format('truetype'), url('../css/fonts/BwGlennSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwGlennSans-Medium';
    src: url('../css/fonts/BwGlennSans-Medium.eot');
    src: url('../css/fonts/BwGlennSans-Medium.woff') format('woff'), url('../css/fonts/BwGlennSans-Medium.ttf') format('truetype'), url('../css/fonts/BwGlennSans-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwGlennSans-Bold';
    src: url('../css/fonts/BwGlennSans-Bold.eot');
    src: url('../css/fonts/BwGlennSans-Bold.woff') format('woff'), url('../css/fonts/BwGlennSans-Bold.ttf') format('truetype'), url('../css/fonts/BwGlennSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BwGlennSans-ExtraBold';
    src: url('../css/fonts/BwGlennSans-ExtraBold.eot');
    src: url('../css/fonts/BwGlennSans-ExtraBold.woff') format('woff'), url('../css/fonts/BwGlennSans-ExtraBold.ttf') format('truetype'), url('../css/fonts/BwGlennSans-ExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MisterLondonScript-Regular';
    src: url('../css/fonts/MisterLondonScript-Regular.eot');
    src: url('../css/fonts/MisterLondonScript-Regular.woff') format('woff'), url('../css/fonts/MisterLondonScript-Regular.ttf') format('truetype'), url('../css/fonts/MisterLondonScript-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
 font-family: icomoon!important;
 speak: none;
 font-style: normal;
 font-weight: 400;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-logo:before {
    content: "\e914";
    color: #fff;
}
.icon-award:before {
    content: "\e900";
}
.icon-banner-mail:before {
    content: "\e90c";
}
.icon-icon-1:before {
    content: "\e903";
}
.icon-icon-2:before {
    content: "\e904";
}
.icon-icon-3:before {
    content: "\e905";
}
.icon-left-arrow:before {
    content: "\e907";
}
.icon-right-arrow:before {
    content: "\e909";
}
.icon-stars:before {
    content: "\e90b";
}
.icon-apple-logo:before {
    content: "\e90d";
}
.icon-client-icon:before {
    content: "\e90e";
}
.icon-home-icon:before {
    content: "\e90f";
}
.icon-award-icon:before {
    content: "\e910";
}
.icon-venture-icon:before {
    content: "\e911";
}
.icon-experience-icon:before {
    content: "\e912";
}
.icon-expertise-icon:before {
    content: "\e913";
}
.icon-facebook-icon:before {
    content: "\e901";
}
.icon-instagram-icon:before {
    content: "\e902";
}
.icon-mail-icon:before {
    content: "\e906";
}
.icon-skype-icon:before {
    content: "\e908";
}
.icon-whatsapp-icon:before {
    content: "\e90a";
}
/**-------------------------
2. PreLoader CSS Starts
-------------------------**/

.no-js #loader {
    display: none;
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #000;
}
.loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    perspective: 500px;
    background-color: #000;
}
@keyframes rotate {
 0% {
 -webkit-transform: rotate(0) scale(1);
 transform: rotate(0) scale(1);
}
 50% {
 -webkit-transform: rotate(180deg) scale(.6);
 transform: rotate(180deg) scale(.6);
}
 100% {
 -webkit-transform: rotate(360deg) scale(1);
 transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate-multiple {
    position: relative;
}
.ball-clip-rotate-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: -36px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple>div:last-child {
    display: inline-block;
    top: -18px;
    left: -12px;
    width: 26px;
    height: 26px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-color: #ff5e15 transparent #ff5e15 transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
/**-------------------------
PreLoader CSS Ends
-------------------------**/

/* ------------------- 
3. DEMO 1 CSS PAGE STARTS 
------------------- */

/* --------------------------
3.1 Header Css Starts Here
----------------------------- */
.icon-logo {
    font-size: 40px;
    vertical-align: middle;
}
.navigation-wrap.header-wrap.scroll-on .icon-logo {
    font-size: 28px;
    vertical-align: top;
}
.navigation-wrap.header-wrap.scroll-on .navbar-brand {
    padding: 0;
}
.header-wrap {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.navigation-wrap.header-wrap.scroll-on {
    top: 0;
    padding: 0 0;
    box-shadow: 0 -4px 11px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #fd7435!important;
}
.navigation-wrap.header-wrap.scroll-on .wsmenu-list li a.active {
    color: #044f7c;
    font-weight: 900;
    position: relative;
    border-bottom: 4px solid;
}
.logo {
    margin-right: 0;
    padding: 5px 12px;
    transition: all .3s ease-out;
}
.navigation-wrap.header-wrap.scroll-on .site-identity {
    font-size: 18px;
    line-height: 18px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: 4px;
}
.header-wrap.scroll-on .navbar img {
    height: 65px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.navigation-wrap .navbar {
    padding: 5px 0;
    background: rgb(0 0 0 / 55%);
}
.navigation-wrap .navbar .logo {
    padding: 0;
}
.navigation-wrap.header-wrap.scroll-on .logo {
    padding: 0 12px;
}
.navigation-wrap .navbar img {
    height: 80px;
    width: auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.navigation-wrap .navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}
.wsmenu-click {
    display: none;
}
.wsmenu-list li a {
    font-size: 15px;
    color: #2c2d3e;
    font-weight: 600;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    padding: 0 9px;
    text-shadow: 2px 2px 1px #000;
    color: #ffffff;
    letter-spacing: .6px;
}
.navigation-wrap .navbar-toggler:active, .navigation-wrap .navbar-toggler:focus {
    outline: 0;
}
.navigation-wrap .navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 2px solid #ff5e15;
    transition: all .3s linear;
}
.navigation-wrap .navbar-light .navbar-toggler-icon:after, .navigation-wrap .navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 2px;
    background-color: #ff5e15;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all .3s linear;
}
.navigation-wrap .navbar-light .navbar-toggler-icon:after {
    top: 8px;
}
.navigation-wrap .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}
.navigation-wrap .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}
.navigation-wrap .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: transparent;
}
.nav-item .nav-link.active, .navigation-wrap .nav-item:hover .nav-link {
    color: #ff5e15!important;
}
.navigation-wrap .nav-link {
    position: relative;
    padding: 5px 12px !important;
    display: inline-block;
    line-height: 24px;
    color: #fff!important;
    font-weight: 500;
    transition: all .2s linear;
}
.navigation-wrap .nav-item {
    position: relative;
    transition: all .2s linear;
}
.navigation-wrap.bg-light {
    background-color: transparent!important;
}
.navigation-wrap .site-identity {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 0 4px;
    text-transform: uppercase;
}
.show-sm {
    display: none;
}
.menu-icon {
    cursor: pointer;
    display: none;
}
.menu-icon-line {
    height: 3px;
    width: 28px;
    display: block;
    background-color: #d0953a;
    margin-bottom: 5px;
    transition: transform .2s ease, background-color .5s ease;
}
.menu-icon-line-right {
    float: right;
    margin-bottom: 0;
}
.nav-mobile {
    position: fixed;
    z-index: 99;
}
.nav-mobile:after, .nav-mobile:before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #f5f5f5;
    z-index: -1;
    transition: transform cubic-bezier(.77, 0, .175, 1) .8s;
    transform: translateX(0) translateY(-100%);
}
.nav-list {
    max-width: 80%;
    margin: 0 auto;
}
.nav-content .nav-link.active {
    background: #fff;
}
.nav-content .nav-link span img {
    width: 42px;
    vertical-align: -webkit-baseline-middle;
}
.nav-content .nav-link span .sm-nav-icon {
    width: 22px;
}
.nav-mobile:after {
    background: #f5f5f5;
    transition-delay: 0s;
}
.nav-mobile:before {
    transition-delay: .1s;
}
.nav-content {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
    font-size: calc(2vw + 10px);
    font-weight: 200;
    height: 1px;
    overflow: hidden;
}
.nav-list-item {
    position: relative;
    display: inline-block;
    transition-delay: .8s;
    opacity: 0;
    transform: translate(0, 100%);
    transition: opacity .2s ease, transform .3s ease;
    max-width: 45%;
    width: 100%;
}
.nav-list-item:hover:before {
    width: 100%;
}
.nav-active .menu-icon-line {
    background-color: #858fa4;
    transform: translateX(0) rotate(-45deg);
    margin-bottom: 3px;
}
.nav-active .menu-icon-line-left {
    transform: translateX(1px) rotate(45deg);
    width: 14px;
}
.nav-active .menu-icon-line-right {
    transform: translateX(-2px) rotate(45deg);
    width: 14px;
}
.nav-active .nav-content {
    height: auto;
    margin-top: 40px;
}
.nav-active .nav-mobile:after, .nav-active .nav-mobile:before {
    transform: translateX(0) translateY(0);
}
.nav-active .nav-mobile:after {
    transition-delay: .1s;
}
.nav-active .nav-mobile:before {
    transition-delay: 0s;
}
.nav-active .nav-list-item {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s ease, transform .3s ease, color .3s ease;
}
.nav-active .nav-list-item:nth-child(0) {
    transition-delay: .5s;
}
.nav-active .nav-list-item:nth-child(1) {
    transition-delay: .6s;
}
.nav-active .nav-list-item:nth-child(2) {
    transition-delay: .7s;
}
.nav-active .nav-list-item:nth-child(3) {
    transition-delay: .8s;
}
.nav-active .nav-list-item:nth-child(4) {
    transition-delay: .9s;
}
.nav-active .nav-list-item:nth-child(5) {
    transition-delay: 1s;
}
.nav-active .nav-list-item:nth-child(6) {
    transition-delay: 1.1s;
}
.nav-active .nav-list-item:nth-child(7) {
    transition-delay: 1.2s;
}
.nav-active .nav-list-item:nth-child(8) {
    transition-delay: 1.3s;
}
.navigation-wrap.header-wrap.scroll-on .nav-active .menu-icon-line {
    background-color: #fff;
}
.mobile-navigation {
    display: none;
}
.nav-content span {
    display: block;
    margin-bottom: 12px;
}
.nav-content .nav-link {
    color: #858fa4;
    padding: 50px 10px;
    text-transform: uppercase;
    font-size: 15px;
    transition: .48s;
    margin: 10px 4px;
}
.nav-content .nav-link:hover {
    background-color: #fff;
}
.nav-content .icon-expertise-icon, .nav-content .icon-venture-icon {
    font-size: 40px;
}
.nav-content .icon-banner-mail {
    font-size: 28px;
}
/* --------------------------
Header Css Ends Here
----------------------------- */

/* --------------------------
3.2 Banner Css Starts Here
----------------------------- */

#home-wrapper .banner-area {
    position: relative;
    width: 100%;
    display: flex;
}
#home-wrapper .banner-area .banner-content {
    z-index: 9;
    width: 100%;
}
#home-wrapper .banner-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 84vh;
}
#home-wrapper .banner-content-area {
    position: relative;
    top: -10px;
}
#home-wrapper .video-wrapper-1 {
    background-image: url(../images/banner-bg.jpg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#home-wrapper .banner-color-overlay {
    width: 100%;
    z-index: 1;
}
#home-wrapper .banner-video-wrapper video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}
#home-wrapper .banner-image-wrapper img {
    transition: 1s;
    vertical-align: top;
}
#home-wrapper .banner-image-wrapper img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: 1s;
}
#home-wrapper .banner-image-wrapper {
    position: relative;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    box-shadow: 10px 50px 28px -40px #9c9191;
}
#home-wrapper .banner-text-wrapper h4 {
    font-size: 36px;
    line-height: 36px;
    /*font-family: 'Playfair Display SC', serif;*/
    /*font-family: 'Domine', serif;*/
    /*font-family: 'Merriweather', serif;*/
    font-family: 'Eczar', serif;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 800;
    margin-top: 3px;
    text-transform: capitalize;
    text-shadow: -1px 1px 0px #fd7435;
}
#home-wrapper .banner-text-wrapper h1 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 5px;
    text-shadow: -1px 1px 0px #000000;
    font-weight: 700;
}
#home-wrapper .banner-text-wrapper .banner_btn {
    padding: 10px 15px;
    background: #044f7c;
    display: inline-block;
    color: #fff;
    margin-top: 15px;
}
#home-wrapper .banner-text-wrapper .banner_btn:hover {
    background: #ff5e15;
}
#home-wrapper .banner-text-wrapper h1.varying-txt {
    margin-top: 0px;
}
#home-wrapper .banner-text-wrapper {
    /* margin: -25px 0 0; */
    margin: 25px 0 0;
}
#home-wrapper .boxes-wrapper {
    margin-top: 0;
}
#home-wrapper .main-box {
    margin: 0 auto;
    position: relative;
    width: fit-content;
}
#home-wrapper .main-box a {
    width: 250px;
    padding: 25px 5px 15px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    height: 200px;
}
#home-wrapper .main-box span {
    margin-bottom: 80px;
    display: block;
    font-size: 48px;
    color: #fff;
    transition: .48s;
}
#home-wrapper .main-box:hover span {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#home-wrapper .box-one {
    background-color: #ff5e15;
    margin-bottom: 0;
    transition: .48s;
}
#home-wrapper .box-two {
    background-color: #3d4c71;
    transition: .48s;
}
#home-wrapper .box-three {
    background-color: #fff;
    transition: .48s;
    margin-bottom: 0;
    margin-top: 20px;
}
.main-box a img.img-thumbnail {
    height: 140px;
}
#home-wrapper .box-three span {
    margin-bottom: 30px;
}
#home-wrapper .box-text {
    margin-top: 10px;
}
#home-wrapper .box-text h5 {
    color: #fff;
    font-size: 17px;
    text-transform: initial;
    transition: .48s;
}
#home-wrapper .box-text p {
    color: #fff;
    font-size: 14px;
    text-transform: initial;
    transition: .48s;
}
#home-wrapper .box-three .box-text h5 {
    color: #858fa4;
}
#home-wrapper .main-box .icon-banner-mail {
    color: #3d4c71;
}
#home-wrapper #videoModal {
    padding: 0!important;
}
#home-wrapper #videoModal .modal-dialog {
    max-width: 100%;
    margin: 0 auto;
    height: 100vh;
}
#home-wrapper #videoModal .modal-content {
    background-color: #000;
    border: none;
    height: 100%;
}
#home-wrapper #videoModal .modal-header {
    border-bottom: none;
}
#home-wrapper #videoModal .modal-header .close {
    margin: -1rem 2rem -1rem auto;
}
#home-wrapper #videoModal .close {
    font-size: 30px;
    text-shadow: none;
    opacity: 1;
    color: #fff;
    transition: .48s;
}
#home-wrapper #videoModal .modal-body {
    text-align: center;
}
#home-wrapper #videoModal video {
    width: 80%;
    height: 100%;
}
#home-wrapper .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
#home-wrapper .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    font-style: normal;
}
#home-wrapper .cd-words-wrapper i {
    font-style: normal;
}
#home-wrapper .cd-words-wrapper b.is-visible {
    position: relative;
    font-weight: normal;
}
#home-wrapper .no-js .cd-words-wrapper b {
    opacity: 0;
}
#home-wrapper .no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}
#home-wrapper .cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
#home-wrapper .cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9;
}
#home-wrapper .cd-headline.clip b {
    opacity: 0;
}
#home-wrapper .cd-headline.clip b.is-visible {
    opacity: 1;
}
#home-wrapper .cd-headline.clip span.cd-words-wrapper:hover {
    width: 100% !important;
    cursor: pointer;
}
/* --------------------------
Banner Css Ends Here
----------------------------- */

/* --------------------------
3.3 Quote Css Starts Here
----------------------------- */

#home-wrapper .quote-wrapper {
    padding: 120px 0 0 0;
}
#home-wrapper .quote-text h4 {
    color: #858fa4;
    font-size: 32px;
    line-height: 50px;
    padding: 10px 0;
}
#home-wrapper .quote-image {
    margin: 20px 0 0;
}
#home-wrapper .experience-content, #home-wrapper .quote-content {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#home-wrapper .quote-text h6 {
    color: #858fa4;
    font-size: 16px;
    padding: 10px 0;
    opacity: .6;
}
#home-wrapper .hr-line {
    width: 40px;
    border: .4px solid #858fa4;
    transform: rotate(90deg);
    margin: 15px auto;
    opacity: .5;
}
#home-wrapper .design-content {
    padding: 10px 0 0;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
#home-wrapper .design-content h3 {
    font-size: 24px;
    line-height: 36px;
    color: #3d4c71;
}
#home-wrapper .design-image {
    margin: 10px 0 0 0;
}
/* --------------------------
Quote Css Ends Here
----------------------------- */

/* --------------------------
3.4 Experience Css Starts Here
----------------------------- */

#home-wrapper .experience-wrapper {
    padding: 0 0 20px 0;
}
#home-wrapper .cursive-heading {
    font-family: Mondays;
    font-size: 80px;
    color: #404246;
    opacity: .1;
    position: relative;
    z-index: 2;
    top: -8px;
    line-height: 1.6;
}
#home-wrapper .heading {
    color: #044f7c;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    /* margin-top: -110px; */
    margin-top: -120px;
    /* margin-bottom: 35px; */
    position: relative;
    z-index: 3;
}
#home-wrapper .experience-content h4 {
    color: #d0953a;
    font-size: 32px;
    line-height: 48px;
}
#home-wrapper .experience-content h4 span {
    text-transform: uppercase;
}
#home-wrapper .experience-sub-content {
    padding: 6px 0;
}
#home-wrapper .experience-sub-content p {
    padding: 16px 0;
    font-family: Flexo-Regular;
    color: #858fa4;
    font-size: 24px;
    line-height: 36px;
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
}
#home-wrapper .deserve-content {
    padding: 20px 0 40px 0;
}
#home-wrapper .deserve-text h5 {
    color: #dc6810;
    font-size: 32px;
    font-family: Flexo-Demi;
    text-align: right;
}
.deserve-button a {
    font-size: 32px;
    line-height: 42px;
    background-color: #dc6810;
    color: #fff;
    text-transform: capitalize;
    padding: 20px 40px 18px 40px;
    border-radius: 50px;
    display: inline-block;
    transition: .48s;
}
#home-wrapper .awards-wrapper .deserve-button, #home-wrapper .experience-wrapper .deserve-button {
    text-align: left;
}
.deserve-button a:hover {
    text-decoration: none;
    background-color: #b3530a;
}
.start-btn .icon-right-arrow, #artist-wrapper .dream-btn .icon-right-arrow, #artist-wrapper .form-submit-btn .icon-right-arrow {
    font-size: 22px;
    margin-left: 10px;
    position: relative;
    left: 0;
    transition: .48s;
}
.start-btn:hover .icon-right-arrow, #artist-wrapper .dream-btn:hover .icon-right-arrow, #artist-wrapper .form-submit-btn:hover .icon-right-arrow {
    left: 6px;
    transition: all ease .48s;
}
/* --------------------------
Experience Css Ends Here
----------------------------- */


/* --------------------------
3.5 Expertise Css Starts Here
----------------------------- */

#home-wrapper .expertise-wrapper {
    padding: 25px 0;
    background: #fff;
    text-align: center;
}
#home-wrapper .expertise-content .sub-heading {
    max-width: 70%;
}
#home-wrapper .expertise-list {
    margin: 10px auto;
    max-width: 80%;
    width: 100%;
}
#home-wrapper .expertise-list-content {
    text-align: left;
}
#home-wrapper .expertise-list-content span {
    color: #ff5e15;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}
#home-wrapper .expertise-list-content h2 {
    color: #000 !important;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
}
#home-wrapper .expertise-list-content p {
    color: #566383;
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}
#home-wrapper .expertise-list-content ul {
    margin-left: 15px;
}
#home-wrapper .expertise-list-content ul li {
    color: #858fa4;
    font-size: 16px;
    font-family: Flexo-Regular;
    line-height: 22px;
    max-width: 100%;
    width: 100%;
    margin: 0;
    list-style-type: disc;
    margin-bottom: 10px;
}
#home-wrapper .expertise-button {
    margin: 14px 0;
}
#home-wrapper .expertise-button a {
    font-size: 16px;
    color: #fff;
    background-color: #044f7c;
    border: 1px solid #fff;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 50px;
    line-height: 26px;
    transition: .48s;
}
#home-wrapper .expertise-button a:hover, .submit-btn:hover {
    text-decoration: none;
    background-color: #ff5e15;
}
#home-wrapper .expertise-quote h4 {
    color: #dc6810;
    font-size: 32px;
    line-height: 40px;
    font-family: Flexo-Demi;
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 10px 0;
}
#home-wrapper .expertise-content .deserve-button {
    margin: 20px 0;
}
#home-wrapper .more-btn .icon-right-arrow, .submit-btn .icon-right-arrow {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    left: 0;
    transition: .48s;
    color: #fff;
    top: 1px;
}
#home-wrapper .more-btn:hover .icon-right-arrow, .submit-btn:hover .icon-right-arrow {
    left: 6px;
    transition: all ease .48s;
}
#home-wrapper .expertise-slide {
    outline: 0;
}
#home-wrapper .expertise-graphic img {
    max-width: 100%;
    width: 100%;
}
/* --------------------------
Expertise Css Ends Here
----------------------------- */

/* --------------------------
3.6 Ventures Css Starts Here
----------------------------- */

#home-wrapper .ventures-wrapper {
    text-align: center;
    padding: 15px 0 5px 0;
}
#home-wrapper .ventures-content .sub-heading {
    max-width: 60%;
    padding: 40px 0;
}
#home-wrapper .venture-slide, .ventures-wrapper .slick-slide img {
    outline: 0;
}
#home-wrapper .ventures-wrapper .icon-left-arrow.slick-arrow {
    position: absolute;
    top: 0;
    z-index: 999;
    cursor: pointer;
    transition: .48s;
    color: #858fa4;
    margin: 0 -30px;
    font-size: 20px;
}
#home-wrapper .ventures-wrapper .icon-right-arrow.slick-arrow {
    position: absolute;
    top: 0;
    color: #858fa4;
    transition: .48s;
    cursor: pointer;
    margin: 0 10px;
    font-size: 20px;
}
#home-wrapper .ventures-wrapper .icon-left-arrow.slick-arrow:hover, #home-wrapper .ventures-wrapper .icon-right-arrow.slick-arrow:hover {
    color: #d0953a;
}
#home-wrapper .ventureSlider {
    padding: 0;
}
#home-wrapper .venture-slide img {
    width: 100%;
}
#home-wrapper .ventures-wrapper .icon-apple-logo {
    color: #fff;
    display: inline-block;
    margin-left: 14px;
}
/* --------------------------
Ventures Css Ends Here
----------------------------- */


/* --------------------------
3.7 Awwards Css Starts Here
----------------------------- */

#home-wrapper .awards-wrapper {
    text-align: center;
    background-color: #fff;
}
#home-wrapper .awards-tabs-wrapper {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
#home-wrapper .awards-wrapper .sub-heading {
    padding: 18px 0 18px 0;
}
#home-wrapper .awards-wrapper .deserve-content {
    padding: 30px 0 10px 0;
}
#home-wrapper #awardsSlider {
    padding: 0;
}
#home-wrapper #awardsSlider .carousel-indicators {
    top: 0;
    bottom: auto;
    position: relative;
}
#home-wrapper #awardsSlider .carousel-indicators li {
    text-indent: 1px;
    cursor: pointer;
    width: fit-content;
    background-color: transparent;
    background-clip: initial;
    border-top: none;
    border-bottom: none;
    opacity: 1;
    transition: opacity .6s ease;
    font-size: 100px;
    margin: 10px 14px;
    height: auto;
    color: #858fa4;
    transition: .48s;
}
#home-wrapper #awardsSlider .carousel-indicators .active, #home-wrapper #awardsSlider .carousel-indicators li:hover {
    color: #d0953a;
}
#home-wrapper #awardsSlider .li-text {
    display: block;
    font-size: 12px;
    padding: 10px 0 10px 0;
}
#home-wrapper #awardsSlider .carousel-item img {
    width: 72%;
}
/* --------------------------
Awwards Css Ends Here
----------------------------- */

/* --------------------------
3.8 Showcase Css Starts Here
----------------------------- */

#home-wrapper .showcase-wrapper {
    padding: 10px 0 10px;
    text-align: center;
}
#home-wrapper .home-showcase-tabs .nav-tabs {
    border-bottom: none !important;
}
#home-wrapper .home-showcase-tabs .nav-tabs .nav-link {
    color: #556383 !important;
    border-left: none;
    padding: 10px 18px;
    margin: 0 24px;
    font-size: 18px;
    font-family: 'Flexo-Demi';
    border-right: none;
    border-top: none;
    border-bottom: none;
}
#home-wrapper .nav-tabs .nav-item.show .nav-link, #home-wrapper .nav-tabs .nav-link.active, #home-wrapper .home-showcase-tabs .nav-tabs .nav-link:hover {
    border-bottom: 0px solid #556383 !important;
    background-color: transparent;
    color: #fff !important;
}
#home-wrapper .showcase-slider-feature .slider {
    margin: 0 auto;
}
#home-wrapper .showcase-slider-feature .slick-slide {
    margin: 0px;
    outline: none;
}
#home-wrapper .showcase-slider-feature .slider img {
    outline: none;
}
#home-wrapper .home-showcase-tabs {
    padding: 0 0 10px 0;
}
#home-wrapper .slick-lightbox-slick-img {
    max-width: 90% !important;
    border-radius: 20px;
}
#home-wrapper .home-showcase-tabs .slick-slide {
    display: block;
    outline: none !important;
    width: 100%;
    max-width: 200px;
    height: 150px;
    margin: 10px 14px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(189, 185, 185);
    -moz-box-shadow: 0px 0px 8px 0px rgb(189, 185, 185);
    box-shadow: 0px 0px 8px 0px rgb(189, 185, 185);
}
#home-wrapper .home-showcase-tabs .slick-slide img {
    height:100%;
    width: 100%;
    border-radius: 20px;
}
#home-wrapper .slick-lightbox-slick-item {
    outline: none !important;
}
#home-wrapper .slick-prev, #home-wrapper .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;
    z-index: 9;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: rgb(151 155 158 / 63%);
}
#home-wrapper .slick-prev {
    background-image: url(../images/left-chevron.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.awards-tabs-wrapper .slick-prev {
    left: -4%;
}
.awards-tabs-wrapper .slick-next {
    right: -4% !important;
}
#home-wrapper .slick-next {
    background-image: url(../images/right-chevron.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#home-wrapper .slick-lightbox-close:before {
    font-size: 30px;
}
#home-wrapper .showcase-content .sub-heading {
    max-width: 50%;
    padding: 30px 0 20px 0;
}
/* --------------------------
Showcase Css Ends Here
----------------------------- */

/* --------------------------
3.9 Value Share Css Starts Here
----------------------------- */

#home-wrapper .value-share-wrapper {
    text-align: center;
    padding: 100px 0 100px 0;
    background-color: #fff;
}
#home-wrapper .value-share-video {
    padding: 60px 0 0 0;
}
#home-wrapper .value-share-wrapper .sub-heading {
    max-width: 60%;
    padding: 60px 0 26px 0;
}
#home-wrapper .value-box img {
    box-shadow: -5px 10px 30px -15px #525252;
    max-width: 55%;
    width: 100%;
}
#home-wrapper .feedback-box, .value-box {
    position: relative;
}
#home-wrapper .play-value-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
#home-wrapper .play-value-video a {
    display: inline-block;
}
#home-wrapper .play-value-video .icon-icon-1 {
    color: #fff;
    font-size: 80px;
    display: inline-block;
}
/* --------------------------
Value Share Css Ends Here
----------------------------- */

/* --------------------------
6.10 Contact Css Starts Here
----------------------------- */

#home-wrapper .contact-wrapper {
    padding: 10px 0 40px 0;
}
#home-wrapper .contact-form {
    text-align: left;
    max-width: 70%;
    width: 100%;
    margin: 50px auto 0 auto;
}
#home-wrapper .contact-heading {
    text-align: center;
}
#home-wrapper .input-filed {
    position: relative;
    margin: 18px auto;
    width: 100%;
}
#home-wrapper .input-filed .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 20px;
    color: #858fa4;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    font-family: 'Flexo-Regular';
}
#home-wrapper .input-filed .borderLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
}
#home-wrapper .input-filed input, #home-wrapper .input-filed textarea {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 48px;
    font-size: 18px;
    border-bottom: 2px solid #c0c5d0;
    background: none;
    border-radius: 0;
    color: #858fa4;
    transition: all 0.15s ease;
}
#home-wrapper .input-filed textarea {
    min-height: 100px;
}
#home-wrapper .input-filed input:not(:placeholder-shown) + span, #home-wrapper .input-filed textarea:not(:placeholder-shown) + span {
    color: #858fa4;
    transform: translateY(-26px) scale(0.75);
}
#home-wrapper .input-filed input:focus, #home-wrapper .input-filed textarea:focus {
    background: none;
    outline: none;
    border-bottom: 2px solid #d7992f;
}
#home-wrapper .input-filed input:focus + span, #home-wrapper .input-filed textarea:focus + span {
    color: #d7992f;
    transform: translateY(-26px) scale(0.75);
}
#home-wrapper .input-filed input:focus + span + .borderLabel {
    transform: scaleX(1);
    border-bottom: 2px solid #d7992f;
}
#home-wrapper .contact-form .deserve-button {
    margin: 40px 0 0 0;
}
#home-wrapper .materialSelect {
    position: relative;
}
#home-wrapper .materialSelect.error .select:not(.isOpen) {
    border: 1px solid #c0c5d0 !important;
}
#home-wrapper .materialSelect.error .message {
    display: block;
}
#home-wrapper .materialSelect.inline {
    float: none !important;
    display: inline-block;
    z-index: 0;
    min-width: 100%;
}
#home-wrapper .materialSelect.inline .select {
    transform: translate(0, 0);
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.2s !important;
    width: 100%;
}
#home-wrapper .materialSelect.inline .select.isOpen {
    transform: translate(0, -50%);
    top: 50%;
}
#home-wrapper .materialSelect:not(.inline) {
    width: 100%;
}
#home-wrapper .materialSelect:not(.inline) .select {
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%, 0);
}
#home-wrapper .materialSelect .select {
    position: absolute;
    margin: 0;
    padding: 0;
    top: -1px;
    user-select: none;
    width: 250px;
    text-align: center;
    margin: 0px auto;
    z-index: 9999;
    height: 48px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-left: 0;
    transform: none;
    border-bottom: 2px solid #c0c5d0;
}
#home-wrapper .materialSelect .select:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    pointer-events: none;
    top: 19px;
    right: 10px;
    width: 0px;
}
#home-wrapper .materialSelect .select li {
    cursor: pointer;
    font-size: 20px;
    list-style: none;
    line-height: 48px;
    padding: 0 40px 0 0px;
    position: relative;
    overflow: hidden;
    text-align: left;
    color: #858fa4;
    font-family: 'Flexo-Regular';
}
#home-wrapper .materialSelect .select li[data-selected] {
    height: 48px;
}
#home-wrapper .materialSelect .select li:not([data-selected]) {
    height: 0px;
    opacity: 0;
}
#home-wrapper .materialSelect .select.isOpen {
    background-color: #fafafa;
    border-radius: 2px;
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
    padding-bottom: 16px;
    top: -96px;
    height: 350px;
    z-index: 99999;
    color: #858fa4;
    border-bottom: 0;
}
#home-wrapper .materialSelect .select.isOpen:after {
    display: none;
}
#home-wrapper .materialSelect .select.isOpen:before {
    border-color: transparent !important;
}
#home-wrapper .materialSelect .select.isOpen li {
    height: 48px;
    opacity: 1;
    padding-left: 16px;
}
#home-wrapper .materialSelect .select.isOpen li:hover {
    background-color: #eee;
}
#home-wrapper .materialSelect .select.isOpen li:active {
    background-color: #dbdbdb;
}
#home-wrapper .materialSelect .select:not(.isOpen):active {
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
}
#home-wrapper .materialSelect .select + .select:before {
    border-left: thin solid #c8c8c8;
    content: '';
    height: 32px;
    left: 0;
    position: absolute;
    top: 8px;
}
/* --------------------------
Contact Css Ends Here
----------------------------- */

/* --------------------------
3.11 Feedback Css Starts Here
----------------------------- */

#home-wrapper .feedback-wrapper {
    background-repeat: no-repeat;
    background-image: url(../images/feedback-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 65px 0;
    text-align: center;
    color: #858fa4;
}
#home-wrapper .feedback-content h2 {
    font-size: 48px;
    line-height: 56px;
    text-transform: uppercase;
}
#home-wrapper .feedback-content p {
    font-size: 24px;
    font-family: Flexo-Demi;
    line-height: 36px;
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 30px;
}
#home-wrapper .ripple, #home-wrapper .ripple:after, #home-wrapper .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
@-webkit-keyframes ripple {
 70% {
 box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
 70% {
 box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
 100% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/* --------------------------
Feedback Css Ends Here
----------------------------- */

/* --------------------------
3.12 Footer Css Starts Here
----------------------------- */
.Fixed_bg {
    background-image: url(../images/footerBG.png);
    background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #024269;
}
.footer-wrapper {
    padding: 40px 0 30px;
    position: relative;
    display: none;
}
.footer-rating {
    text-align: center;
    padding: 20px 0;
}
.rating-logo p {
    font-size: 24px;
    font-family: Flexo-Regular;
    line-height: 48px;
    padding: 16px 0;
}
.newsletter-wrapper {
    padding: 40px 0 40px 0;
}
.newsletter-sign {
    position: relative;
    padding: 10px 0;
}
.newsletter-sign .cursive-heading {
    margin-left: 20px;
    color: #1f394c;
    opacity: .4;
}
.footer-logo {
    margin-top: -50%;
    position: relative;
    z-index: 4;
}
.newsletter-logo p {
    font-size: 16px;
    font-family: Flexo-Regular;
    line-height: 26px;
    max-width: 85%;
    width: 100%;
    padding: 14px 0;
    color: #858fa4;
    position: relative;
    z-index: 4;
}
.newsletter-form-wrapper h3 {
    font-size: 24px;
    line-height: 48px;
}
.newsletter-form-wrapper p {
    font-size: 16px;
    font-family: Flexo-Regular;
    line-height: 24px;
}
.input-field {
    background: #4f6471;
    padding: 16px 24px;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #4f6471;
    width: 90%;
    display: inline-block;
    font-size: 16px;
    outline: 0;
}
.input-field:focus {
    box-shadow: 10px 0 20px 10px #0d354e;
}
.submit-btn {
    background-color: #d0953a;
    border: 1px solid #d0953a;
    color: #fff;
    font-size: 16px;
    outline: 0;
    font-family: Flexo-Demi;
    padding: 16px 30px;
    border-radius: 50px;
    margin-left: -120px;
    display: inline-block;
    transition: .48s;
}
.submit-btn:hover {
    border: 1px solid #a9782e;
}
.input-wrap {
    padding: 34px 0;
}
.address-wrapper {
    padding: 40px 0;
}
.address-content h4 {
    font-size: 24px;
    line-height: 48px;
}
.address-content p, .portfolio-wrapper p {
    font-size: 16px;
    font-family: Flexo-Regular;
    line-height: 28px;
}
.portfolio-wrapper p a {
    color: #858fa4;
    transition: .48s;
}
.portfolio-wrapper p a:hover {
    text-decoration: none;
    color: #d0953a !important;
}
.portfolio-wrapper p {
    padding: 4px 0;
}
.social-media li {
    display: inline-block;
    margin: 10px 10px 10px 0;
}
.social-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: #fff;
    transition: .8s;
    font-size: 25px;
}
.social-media li a:hover {
    text-decoration: none;
    transform: scale(1.2);
    color: #d19941 !important;
}
.copyright-wrapper {
    padding-top: 15px;
}
.rating-logo img {
    width: 6%;
}
.design-image img {
    width: 30%;
}
.newsletter-sign img {
    max-width: 15%;
    opacity: .7;
    width: 100%;
}
/* --------------------------
Footer Css Ends Here
----------------------------- */

/* ------------------- 
DEMO 1 CSS PAGE ENDS
------------------- */

/* ------------------- 
4. DEMO 2 CSS PAGE STARTS 
------------------- */

/* --------------------------
4.1 Body Css Starts Here
----------------------------- */

#smm-wrapper {
    background-color: #26186b;
}
/* --------------------------
Body Css Ends Here
----------------------------- */

/* --------------------------
4.2 Header Css Starts Here
----------------------------- */


/* --------------------------
Header Css Ends Here
----------------------------- */

/* --------------------------
4.3 Banner Css Starts Here
----------------------------- */

#smm-wrapper .smm-banner-wrapper {
    padding: 150px 0px 40px 0px;
    background-image: url(../images/smm-top-shadow.png);
    background-repeat: no-repeat;
    background-size: 80% 114%;
    background-position: top left;
}
#smm-wrapper .smm-banner-area {
    padding: 40px 0 40px 0;
}
#smm-wrapper .smm-banner-content {
    max-width: 90%;
    width: 100%;
}
#smm-wrapper .smm-banner-content h1 {
    font-size: 48px;
    font-family: 'Flexo-Bold';
    color: #fff;
    line-height: 56px;
}
#smm-wrapper .smm-banner-content p {
    font-size: 24px;
    color: #bdb6fb;
    line-height: 36px;
    margin: 20px 0;
}
#smm-wrapper .smm-banner-content p strong {
    font-family: 'Flexo-Bold';
}
#smm-wrapper .smm-banner-content .deserve-button {
    margin: 40px 0;
}
#smm-wrapper .smm-image-wrapper {
    text-align: right;
    max-width: 82%;
    width: 100%;
    margin: 0 auto;
}
/* --------------------------
Banner Css Ends Here
----------------------------- */

/* --------------------------
4.4 Quote Css Starts Here
----------------------------- */

#smm-wrapper .smm-quote-wrapper {
    padding: 70px 0;
}
#smm-wrapper .smm-quote-area {
    text-align: center;
}
#smm-wrapper .smm-quote-content {
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
}
#smm-wrapper .smm-quote-content img {
    opacity: 0.9;
}
#smm-wrapper .smm-quote-content h3 {
    padding: 32px 0;
    color: #bdb6fb;
    opacity: 0.8;
    font-size: 32px;
    line-height: 50px;
    font-family: Lora-Regular;
}
#smm-wrapper .smm-quote-content h6 {
    color: #858fa4;
    font-family: Lora-Regular;
    font-size: 18px;
    padding: 0;
    opacity: .8;
}
/* --------------------------
Quote Css Ends Here
----------------------------- */

/* --------------------------
4.5 Author Css Starts Here
----------------------------- */

#smm-wrapper .smm-author-view {
    padding-left: 20px;
}
#smm-wrapper .smm-author-wrapper {
    padding: 70px 0 10px 0;
}
#smm-wrapper .smm-author-img {
    text-align: center;
    max-width: 50%;
    width: 100%;
    margin: 0 100px 0 auto;
}
#smm-wrapper .smm-pl {
    padding-left: 50px;
}
#smm-wrapper .smm-cursive-heading {
    font-family: Mondays;
    color: #d8d8d8;
    position: relative;
    z-index: 2;
    line-height: 1.6;
    opacity: 0.2;
    font-size: 96px;
}
#smm-wrapper .smm-simple-heading {
    font-family: 'Flexo-Bold';
    color: #ffffff;
    font-size: 48px;
    margin-top: -64px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#smm-wrapper .smm-author-content p {
    font-size: 24px;
    color: #bdb6fb;
    line-height: 32px;
    padding: 24px 0;
    font-family: Flexo-Demi;
    max-width: 70%;
    width: 100%;
}
#smm-wrapper .smm-business-wrapper, #smm-wrapper .smm-solution-wrapper {
    padding: 14px 0;
}
#smm-wrapper .smm-author-view h4 {
    color: #d0953a;
    font-size: 32px;
    font-family: 'Flexo-Bold';
    line-height: 50px;
    max-width: 68%;
    width: 100%;
    margin: 0 50px 0 auto;
    letter-spacing: 1px;
    padding: 20px 0;
}
#smm-wrapper .smm-author-view p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 32px;
    padding: 10px 20px;
}
#smm-wrapper .smm-solution-content h4 {
    color: #d0953a;
    font-size: 32px;
    font-family: 'Flexo-Bold';
    line-height: 48px;
    margin: 0 auto;
    letter-spacing: 1px;
}
#smm-wrapper .smm-solution-content p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 38px;
    padding: 0px 0;
}
#smm-wrapper .smm-business-wrap {
    text-align: center;
    max-width: 30%;
    width: 100%;
    margin: 0px 140px 0px auto;
}
#smm-wrapper .smm-solution-content {
    max-width: 80%;
    width: 100%;
    margin: 0 28px 0 auto;
}
#smm-wrapper .solution-image {
    max-width: 50%;
    width: 100%;
}
#smm-wrapper .smm-arrow-wrap {
    text-align: center;
    width: 20%;
    margin: 30px auto 40px auto;
}
/* --------------------------
Author Css Ends Here
----------------------------- */

/* --------------------------
4.6 Found Css Starts Here
----------------------------- */

#smm-wrapper .smm-found-wrapper {
    padding: 10px 0 70px 0;
    text-align: center;
    background-image: url(../images/smm-center-shadow.png);
    background-repeat: no-repeat;
    background-size: 100% 120%;
    background-position: center center;
}
#smm-wrapper .smm-found-content h2 {
    font-family: 'Flexo-Bold';
    font-size: 48px;
    color: #fff;
    padding: 10px 0 60px 0;
    line-height: 50px;
    text-transform: uppercase;
}
#smm-wrapper .found-image {
    max-width: 46%;
    margin: 0 auto;
    width: 100%;
}
#smm-wrapper .smm-found-content p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 38px;
    padding: 14px 0;
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
    margin-top: -55px;
}
#smm-wrapper .smm-boom-wrapper {
    padding: 40px 0 0 0;
}
#smm-wrapper .smm-boom-img {
    max-width: 7%;
    width: 100%;
    margin: 0 auto;
}
#smm-wrapper .smm-boom-content {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 50%;
    width: 100%;
}
#smm-wrapper .smm-boom-content h4 {
    color: #d0953a;
    font-size: 32px;
    font-family: 'Flexo-Bold';
    line-height: 48px;
    margin: 0 auto;
    letter-spacing: 1px;
}
#smm-wrapper .smm-boom-content p {
    max-width: 100%;
    margin-top: 0 !important;
}
#smm-wrapper .smm-startbooming-wrapper {
    padding: 80px 0 20px 0;
}
#smm-wrapper .smm-startbooming-wrapper h1 {
    color: #fff;
    font-size: 48px;
    font-family: 'Flexo-Demi';
    line-height: 56px;
    margin-bottom: 30px;
}
/* --------------------------
Found Css Ends Here
----------------------------- */

/* --------------------------
4.7 Social Css Starts Here
----------------------------- */

#smm-wrapper .smm-social-wrapper {
    padding: 70px 0;
}
#smm-wrapper .smm-social-content p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 38px;
    padding: 14px 0;
    max-width: 80%;
    width: 100%;
}
#smm-wrapper .smm-social-service {
    padding: 50px 0;
    text-align: center;
}
#smm-wrapper .smm-service {
    text-align: center;
}
#smm-wrapper .smm-service h5 {
    color: #fff;
    font-size: 32px;
    font-family: 'Flexo-Bold';
    line-height: 40px;
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
    padding: 24px 0;
}
#smm-wrapper .service-btn {
    margin: 20px 0 0 0;
}
/* --------------------------
Social Css Ends Here
----------------------------- */

/* --------------------------
4.8 Benefits Css Starts Here
----------------------------- */

#smm-wrapper .smm-benefits-wrapper {
    padding: 70px 0;
    text-align: center;
    background-image: url(../images/smm-center-shadow.png);
    background-repeat: no-repeat;
    background-size: 100% 120%;
    background-position: center center;
}
#smm-wrapper .smm-benefits-content p, .smm-showcase-content p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 38px;
    padding: 20px 0;
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
}
#smm-wrapper .smm-line-image {
    max-width: 70%;
    width: 100%;
}
#smm-wrapper .smm-benefits-list {
    position: relative;
    max-width: 90%;
    margin: 30px auto;
    width: 100%;
}
#smm-wrapper .smm-benefit-list {
    font-family: 'Flexo-Demi';
    font-size: 24px;
    line-height: 36px;
    color: #bdb6fb;
    display: inline-block;
    text-align: left;
    margin-left: 20px;
}
#smm-wrapper .smm-benefit-text img {
    vertical-align: baseline;
}
#smm-wrapper .smm-benefit-one {
    position: absolute;
    bottom: 19%;
    padding: 20px;
    left: 2%;
}
#smm-wrapper .smm-benefit-two {
    position: absolute;
    bottom: 45%;
    padding: 20px;
    left: 19%;
}
#smm-wrapper .smm-benefit-three {
    position: absolute;
    top: 13%;
    padding: 20px;
    left: 44%;
}
#smm-wrapper .smm-benefit-four {
    position: absolute;
    top: -2%;
    padding: 20px;
    right: 21%;
}
#smm-wrapper .smm-benefit-five {
    position: absolute;
    bottom: 14%;
    padding: 20px;
    left: 27%;
}
#smm-wrapper .smm-benefit-six {
    position: absolute;
    bottom: 38%;
    padding: 20px;
    left: 46%;
}
#smm-wrapper .smm-benefit-seven {
    position: absolute;
    top: 22%;
    padding: 20px;
    right: 7%;
}
/* --------------------------
Benefits Css Ends Here
----------------------------- */

/* --------------------------
4.9 Showcase Css Starts Here
----------------------------- */

#smm-wrapper .smm-showcase-wrapper {
    padding: 70px 0;
    text-align: center;
    background-image: url(../images/smm-right-shadow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
}
#smm-wrapper .smm-showcase-tabs .nav-tabs {
    border-bottom: none !important;
}
#smm-wrapper .smm-showcase-tabs .nav-tabs .nav-link {
    color: #bdb6fb !important;
    border-left: none;
    padding: 10px 18px;
    margin: 20px 24px;
    font-size: 18px;
    font-family: 'Flexo-Demi';
    border-right: none;
    border-top: none;
    border-bottom: none;
}
#smm-wrapper .nav-tabs .nav-item.show .nav-link, #smm-wrapper .nav-tabs .nav-link.active {
    border-bottom: 1px solid #ffffff !important;
    background-color: transparent;
    color: #ffffff !important;
}
#smm-wrapper .showcase-slider-feature .slider {
    margin: 0 auto;
}
#smm-wrapper .showcase-slider-feature .slick-slide {
    margin: 0px;
    outline: none;
}
#smm-wrapper .showcase-slider-feature .slider img {
    outline: none;
}
#smm-wrapper .smm-showcase-tabs {
    padding: 10px 0 50px 0;
}
#smm-wrapper .slick-lightbox-slick-img {
    max-width: 90% !important;
    border-radius: 20px;
}
#smm-wrapper .slick-slide img {
    display: block;
    outline: none !important;
    width: 320px;
    margin: 16px 14px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    -moz-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
}
#smm-wrapper .slick-lightbox-slick-item {
    outline: none !important;
}
#smm-wrapper .slick-prev, #smm-wrapper .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#smm-wrapper .slick-prev {
    background-image: url(../images/slick-left-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#smm-wrapper .slick-next {
    background-image: url(../images/slick-right-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#smm-wrapper .slick-lightbox-close:before {
    font-size: 30px;
}
/* --------------------------
Showcase Css Ends Here
----------------------------- */

/* --------------------------
4.10 Pricing Css Starts Here
----------------------------- */

#smm-wrapper .smm-pricing-wrapper {
    padding: 70px 0;
    background-image: url(../images/smm-left-shadow.png);
    background-repeat: no-repeat;
    background-size: 90% 130%;
    background-position: -100px -180px;
}
#smm-wrapper .smm-pricing-content .smm-simple-heading {
    max-width: 60%;
    width: 100%;
}
#smm-wrapper .smm-pricing-content p {
    color: #bdb6fb;
    font-size: 24px;
    font-family: 'Flexo-Demi';
    line-height: 38px;
    padding: 20px 0;
    max-width: 65%;
    width: 100%;
}
#smm-wrapper .smm-pricing-list {
    margin: 10px 0;
}
#smm-wrapper .smm-pricing-list li {
    font-size: 24px;
    color: #bdb6fb;
    font-family: 'Flexo-Demi';
    display: inline-block;
    max-width: 450px;
    width: 100%;
    padding: 10px 0;
    vertical-align: middle;
}
#smm-wrapper .smm-pricing-list li::before {
    content: "•";
    margin-right: 10px;
    font-size: 30px;
    position: relative;
    top: 5px;
}
#smm-wrapper .price-number {
    font-size: 80px;
    font-family: 'Flexo-bold';
    color: #ff5e15;
    padding: 10px 0 30px 0;
}
#smm-wrapper .price-number span {
    font-size: 32px;
    font-family: 'Flexo-Demi';
}
#smm-wrapper .smm-price-text {
    color: #bdb6fb;
    font-size: 16px;
    max-width: 50%;
    display: inline-block;
    width: 100%;
    margin: 10px 60px;
    vertical-align: middle;
}
/* --------------------------
Pricing Css Ends Here
----------------------------- */

/* --------------------------
4.11 FAQ Css Starts Here
----------------------------- */

#smm-wrapper .smm-faq-wrapper {
    padding: 70px 0;
    text-align: center;
}
#smm-wrapper .smm-faq-content .smm-simple-heading {
    max-width: 50%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}
#smm-wrapper .smm-faq-acc .card {
    border-radius: 0;
    margin-bottom: 30px;
    background: transparent;
    border: none;
}
#smm-wrapper .smm-faq-acc .card-header, .faq-area .card-header:first-child {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 0;
}
#smm-wrapper .smm-faq-acc .card-body {
    font-size: 28px;
    color: #bdb6fb;
    line-height: 44px;
    padding: 0;
    padding: 0px 50px 46px 50px;
    background-color: #35367b;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -1px;
}
#smm-wrapper .smm-faq-acc .acc-heading {
    color: #bdb6fb;
    font-size: 32px;
    cursor: pointer;
    line-height: 44px;
    font-family: 'Flexo-Demi';
    padding: 46px 50px;
    border-bottom: 2px solid #35367b;
}
#smm-wrapper .smm-faq-acc #accordion {
    text-align: left;
    margin-top: 50px;
}
#smm-wrapper .smm-faq-acc .card-header .acc-heading[aria-expanded=true] {
    background-color: #35367b;
    padding-bottom: 20px;
    border-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#smm-wrapper .smm-faq-acc .accordion {
    display: block;
    position: relative;
}
#smm-wrapper .smm-faq-acc .acc-heading.collapsed:after {
    content: "";
    position: absolute;
    right: 42px;
    top: 52px;
    border: solid #494480;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#smm-wrapper .smm-faq-acc .acc-heading[aria-expanded="true"]:after {
    content: "";
    position: absolute;
    right: 42px;
    top: 52px;
    border: solid #959bbd;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
#smm-wrapper .smm-faq-acc .acc-heading.collapsed:hover:after, .smm-faq-acc .acc-heading[aria-expanded="true"]:hover:after {
    color: #cdd2e2;
}
#smm-wrapper .smm-faq-txt {
    font-family: 'Flexo-Bold';
    color: #ffffff;
    font-size: 48px;
    margin: 80px auto 40px auto;
    max-width: 70%;
    width: 100%;
}
#smm-wrapper .smm-faq-acc .card-header .acc-heading span {
    max-width: 90%;
    width: 100%;
    display: block;
}
/* --------------------------
FAQ Css Ends Here
----------------------------- */

/* --------------------------
4.12 Contact Css Starts Here
----------------------------- */

#smm-wrapper .contact-wrapper {
    padding: 70px 0;
    text-align: center;
}
#smm-wrapper .contact-form {
    text-align: left;
    max-width: 70%;
    width: 100%;
    margin: 50px auto 10px auto;
}
#smm-wrapper .contact-form .deserve-button {
    margin: 40px 0 0 0;
}
#smm-wrapper .input-filed {
    position: relative;
    margin: 18px auto;
    width: 100%;
}
#smm-wrapper .input-filed .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 20px;
    color: #fff;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    font-family: 'Flexo-Regular';
}
#smm-wrapper .input-filed .borderLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
}
#smm-wrapper .input-filed input, #smm-wrapper .input-filed textarea {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 48px;
    font-size: 18px;
    border-bottom: 2px solid #ffffff57;
    background: none;
    border-radius: 0;
    color: #fff;
    transition: all 0.15s ease;
}
#smm-wrapper .input-filed textarea {
    min-height: 100px;
}
#smm-wrapper .input-filed input:not(:placeholder-shown) + span, #smm-wrapper .input-filed textarea:not(:placeholder-shown) + span {
    color: #fff;
    transform: translateY(-26px) scale(0.75);
}
#smm-wrapper .input-filed input:focus, #smm-wrapper .input-filed textarea:focus {
    background: none;
    outline: none;
    border-bottom: 2px solid #d7992f;
}
#smm-wrapper .input-filed input:focus + span, #smm-wrapper .input-filed textarea:focus + span {
    color: #d7992f;
    transform: translateY(-26px) scale(0.75);
}
#smm-wrapper .input-filed input:focus + span + .borderLabel {
    transform: scaleX(1);
    border-bottom: 2px solid #d7992f;
}
#smm-wrapper .form-submit-btn button {
    background-color: #dc6810;
    color: #fff;
    padding: 15px 50px;
    border-radius: 50px;
    margin: 24px 0;
    display: inline-block;
    font-size: 24px;
    border: none;
    transition: 0.48s;
    font-family: 'Flexo-Regular';
}
#smm-wrapper .form-submit-btn button:hover {
    background-color: #b3530a;
}
#smm-wrapper .form-submit-btn .icon-right-arrow {
    font-size: 20px;
}
#smm-wrapper .form-submit-btn {
    margin: 20px 0;
}
#smm-wrapper .materialSelect {
    position: relative;
}
#smm-wrapper .materialSelect.error .select:not(.isOpen) {
    border: 1px solid #dd2c00 !important;
}
#smm-wrapper .materialSelect.error .message {
    display: block;
}
#smm-wrapper .materialSelect.inline {
    float: none !important;
    display: inline-block;
    z-index: 0;
    min-width: 100%;
}
#smm-wrapper .materialSelect.inline .select {
    transform: translate(0, 0);
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.2s !important;
    width: 100%;
}
#smm-wrapper .materialSelect.inline .select.isOpen {
    transform: translate(0, -50%);
    top: 50%;
}
#smm-wrapper .materialSelect:not(.inline) {
    width: 100%;
}
#smm-wrapper .materialSelect:not(.inline) .select {
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%, 0);
}
#smm-wrapper .materialSelect .select {
    position: absolute;
    margin: 0;
    padding: 0;
    top: -1px;
    user-select: none;
    width: 250px;
    text-align: center;
    margin: 0px auto;
    z-index: 9999;
    height: 48px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-left: 0;
    transform: none;
    border-bottom: 2px solid #ffffff57;
}
#smm-wrapper .materialSelect .select:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    pointer-events: none;
    top: 19px;
    right: 10px;
    width: 0px;
}
#smm-wrapper .materialSelect .select li {
    cursor: pointer;
    font-size: 18px;
    list-style: none;
    line-height: 48px;
    padding: 0 40px 0 0px;
    position: relative;
    overflow: hidden;
    text-align: left;
    color: #fff;
}
#smm-wrapper .materialSelect .select li[data-selected] {
    height: 48px;
}
#smm-wrapper .materialSelect .select li:not([data-selected]) {
    height: 0px;
    opacity: 0;
}
#smm-wrapper .materialSelect .select.isOpen {
    background-color: #fafafa;
    border-radius: 2px;
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
    padding-bottom: 16px;
    top: -96px;
    height: 300px;
    z-index: 99999;
    color: #000;
    border-bottom: 0;
}
#smm-wrapper .materialSelect .select.isOpen:after {
    display: none;
}
#smm-wrapper .materialSelect .select.isOpen:before {
    border-color: transparent !important;
}
#smm-wrapper .materialSelect .select.isOpen li {
    height: 48px;
    opacity: 1;
    padding-left: 16px;
    color: #000;
}
#smm-wrapper .materialSelect .select.isOpen li:hover {
    background-color: #eee;
}
#smm-wrapper .materialSelect .select.isOpen li:active {
    background-color: #dbdbdb;
}
#smm-wrapper .materialSelect .select:not(.isOpen):active {
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
}
#smm-wrapper .materialSelect .select + .select:before {
    border-left: thin solid #c8c8c8;
    content: '';
    height: 32px;
    left: 0;
    position: absolute;
    top: 8px;
}
/* --------------------------
Contact Css Ends Here
----------------------------- */

/* --------------------------
4.13 Client Css Starts Here
----------------------------- */

#smm-wrapper .smm-client-wrapper {
    padding: 70px 0;
    text-align: center;
    background-image: url(../images/smm-right-shadow.png);
    background-repeat: no-repeat;
    background-size: 90% 118%;
    background-position: 246px -74px;
}
#smm-wrapper .smm-client-review {
    text-align: left;
    padding: 50px 0;
}
#smm-wrapper .smm-client-review h4 {
    color: #d0953a;
    font-family: 'Flexo-Bold';
    font-size: 32px;
    line-height: 48px;
    padding: 20px 0;
}
#smm-wrapper .smm-client-review p {
    font-size: 16px;
    line-height: 35px;
    color: #bdb6fb;
    padding: 0 0 46px 0;
}
#smm-wrapper .smm-author-name {
    font-size: 18px;
    color: #c9c4f7;
    font-family: 'Flexo-Bold';
}
#smm-wrapper .smm-author-desg {
    color: #c9c4f7;
    display: block;
    font-size: 18px;
}
#smm-wrapper .smm-client-txt {
    display: inline-block;
    padding-left: 30px;
    text-align: left;
    position: relative;
    top: 20px;
}
.smm-review-content {
    max-width: 80%;
    width: 100%;
}
#smm-wrapper .smm-review-area {
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}
#smm-wrapper .smm-client-img {
    display: inline-block;
    width: 140px;
    height: 140px;
    position: relative;
    background: #333773;
    border-radius: 50%;
}
#smm-wrapper .smm-reviewQuote-wrapper {
    text-align: left;
    z-index: 2;
    position: relative;
}
#smm-wrapper .review-quote {
    width: 10%;
}
#smm-wrapper .smm-reviewQuote-wrapper h2 {
    color: #c9c4f7;
    font-size: 32px;
    line-height: 52px;
    font-family: 'Lora-Italic';
    margin: 18px 0;
}
#smm-wrapper .smm-review-area:before {
    position: absolute;
    top: 70px;
    border-radius: 50%;
    width: 320px;
    height: 320px;
    display: block;
    border: 1px solid #4a3f81;
    content: '';
    z-index: 1;
    left: 40px;
}
#smm-wrapper .smm-review-area:after {
    position: absolute;
    top: 0px;
    border-radius: 50%;
    width: 450px;
    height: 450px;
    display: block;
    border: 1px solid #493e80;
    content: '';
    left: -24px;
    z-index: 1;
}
#smm-wrapper .smm-review-area {
    text-align: center;
    max-width: 80%;
    margin: 0 0 0 auto;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-top: 160px;
    padding-left: 24px;
}
#smm-wrapper .smm-review-image {
    position: relative;
    left: 70px;
    z-index: 2;
}
#smm-wrapper .smm-img-author {
    border-radius: 50%;
    border: 3px solid #929292;
    width: 100%;
    box-shadow: 0px 12px 32px -9px black;
    height: 100%;
    overflow: hidden;
}
#smm-wrapper .smm-client-img:after {
    content: " ";
    position: absolute;
    top: 65px;
    border-top: 10px solid transparent;
    border-right: none;
    border-left: 22px solid #929292;
    border-bottom: 10px solid transparent;
    right: -20px;
}
/* --------------------------
Client Css Ends Here
----------------------------- */

/* --------------------------
4.14 Footer Css Starts Here
----------------------------- */

#smm-wrapper footer {
    background-color: inherit;
    padding: 40px 0 32px 0;
    margin-top: 0;
    color: #bdb6fb;
}
#smm-wrapper .input-field {
    background: #5b4e9b;
    border: 1px solid #5b4e9b;
}
#smm-wrapper .input-field:focus {
    box-shadow: 10px 0 20px 10px #5b4e9b69;
}
#smm-wrapper .newsletter-logo p, #smm-wrapper .portfolio-wrapper p a, #smm-wrapper .social-media li a {
    color: #bdb6fb;
}
#smm-wrapper .address-wrapper {
    border-top: 1px solid #7259c6;
    border-bottom: 1px solid #7259c6;
}
/* --------------------------
Footer Css Ends Here
----------------------------- */

/* ------------------- 
DEMO 2 CSS PAGE ENDS
------------------- */

/* ------------------- 
5. DEMO 3 CSS PAGE STARTS 
------------------- */

/* --------------------------
5.1 Body Css Starts Here
----------------------------- */

#mobile-app-wrapper {
    background-color: #2c2c2c;
    color: #e5e5e5;
    background-image: url(../images/mobile-header-bg.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}
/* --------------------------
Body Css Ends Here
----------------------------- */

/* --------------------------
5.2 Header Css Starts Here
----------------------------- */


/* --------------------------
Header Css Ends Here
----------------------------- */

/* --------------------------
5.3 Banner Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-banner-area {
    background-image: url(../images/mobile-top-shadow.png);
    background-repeat: no-repeat;
    background-position: 67% 100%;
    background-size: contain;
}
#mobile-app-wrapper .mobile-quote-wrapper, #mobile-app-wrapper .mobile-why-wrapper, #mobile-app-wrapper .mobile-benefits-wrapper, #mobile-app-wrapper .mobile-process-wrapper, #mobile-app-wrapper .mobile-features-wrapper, #mobile-app-wrapper .mobile-showcase-wrapper, #mobile-app-wrapper .mobile-faq-wrapper, #mobile-app-wrapper .mobile-client-wrapper, #mobile-app-wrapper .contact-wrapper {
    padding: 60px 0;
}
#mobile-app-wrapper .mobile-quote-area, #mobile-app-wrapper .mobile-benefits-area, #mobile-app-wrapper .mobile-process-area, #mobile-app-wrapper .mobile-features-area, #mobile-app-wrapper .mobile-showcase-area, #mobile-app-wrapper .mobile-faq-area, #mobile-app-wrapper .mobile-client-area {
    text-align: center;
}
#mobile-app-wrapper .mobile-banner-wrapper {
    padding: 130px 0;
}
#mobile-app-wrapper .mobile-banner-content {
    max-width: 94%;
    width: 100%;
}
#mobile-app-wrapper .mobile-banner-content .sub-title {
    font-family: 'Flexo-Demi';
    font-size: 16px;
    color: #ff5e15;
    display: block;
    text-transform: uppercase;
    padding: 20px 0;
}
#mobile-app-wrapper .mobile-banner-content h1 {
    font-size: 48px;
    font-family: 'Flexo-Bold';
    line-height: 72px;
    text-decoration: underline;
    text-decoration-color: #3d3c3b;
}
#mobile-app-wrapper .mobile-banner-content p {
    font-size: 24px;
    line-height: 36px;
    margin: 30px 0 50px 0px;
    max-width: 90%;
    width: 100%;
}
#mobile-app-wrapper .mobile-banner-content p strong {
    font-family: 'Flexo-Bold';
}
/* --------------------------
Banner Css Ends Here
----------------------------- */

/* --------------------------
5.4 Quote Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-quote-content {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}
#mobile-app-wrapper .mobile-quote-content h3 {
    padding: 26px 0;
    opacity: 0.8;
    font-size: 32px;
    color: #e5e5e5;
    line-height: 50px;
    font-family: Lora-Regular;
}
#mobile-app-wrapper .mobile-quote-content h6 {
    color: #e5e5e5;
    font-family: Lora-Regular;
    font-size: 18px;
    padding: 10px 0;
}
/* --------------------------
Quote Css Ends Here
----------------------------- */

/* --------------------------
5.5 Why Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-why-wrapper {
    text-align: center;
}
#mobile-app-wrapper .mobile-why-content {
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
}
#mobile-app-wrapper .mobile-cursive-heading {
    font-family: Mondays;
    color: #979797;
    position: relative;
    z-index: 2;
    line-height: 1.6;
    opacity: 0.2;
    font-size: 96px;
}
#mobile-app-wrapper .mobile-simple-heading {
    font-family: 'Flexo-Bold';
    color: #d0952d;
    font-size: 48px;
    margin-top: -64px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#mobile-app-wrapper .mobile-business-needs {
    padding: 70px 0;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
#mobile-app-wrapper .mobile-business-list {
    padding: 40px 0;
}
#mobile-app-wrapper .mobile-business-content {
    text-align: left;
    max-width: 90%;
    width: 100%;
}
#mobile-app-wrapper .mobile-business-image {
    max-width: 74%;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#mobile-app-wrapper .mobile-business-bg {
    background: #313131;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 34px;
    left: 28px;
    width: 100%;
    height: 80%;
}
#mobile-app-wrapper .business-img {
    position: relative;
    z-index: 2;
}
#mobile-app-wrapper .mobile-business-content h3 {
    font-size: 32px;
    font-family: 'Flexo-Bold';
    line-height: 42px;
    padding: 16px 0;
}
#mobile-app-wrapper .mobile-list-one h3, #mobile-app-wrapper .mobile-list-three h3 {
    max-width: 74%;
    width: 100%;
}
#mobile-app-wrapper .mobile-business-content p {
    font-size: 17px;
    line-height: 26px;
    margin: 10px 0 20px 0;
}
#mobile-app-wrapper .mobile-list-one .mobile-business-image, #mobile-app-wrapper .mobile-list-three .mobile-business-image {
    margin: 0 auto 0 0;
}
#mobile-app-wrapper .mobile-list-two .mobile-business-bg {
    left: auto;
    right: 10px;
}
#mobile-app-wrapper .mobile-list-three .mobile-business-bg {
    top: 94px;
    height: 65%;
}
#mobile-app-wrapper .mobile-startbooming-wrapper h1 {
    color: #fff;
    font-size: 32px;
    font-family: 'Flexo-Demi';
    line-height: 48px;
    margin-bottom: 30px;
}
#mobile-app-wrapper .mobile-why-area .mobile-startbooming-wrapper {
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
}
/* --------------------------
Why Css Ends Here
----------------------------- */

/* --------------------------
5.6 Benefits Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-benefit-list {
    padding: 120px 0 80px 0;
}
#mobile-app-wrapper .mobile-benefit-wrap {
    padding: 20px;
}
#mobile-app-wrapper .mobile-benefit-wrap h4 {
    font-family: 'Flexo-Bold';
    font-size: 24px;
    line-height: 38px;
    padding: 20px 44px;
    color: #e5e5e5;
}
#mobile-app-wrapper .mobile-benefit-image {
    min-height: 90px;
    display: inline-flex;
}
#mobile-app-wrapper .mobile-benefits-content {
    padding: 40px 0 0 0;
}
/* --------------------------
Benefits Css Ends Here
----------------------------- */

/* --------------------------
5.7 Process Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-process-wrapper {
    background-image: url(../images/mobile-center-shadow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90% 150%;
}
#mobile-app-wrapper .mobile-process-text {
    text-align: right;
}
#mobile-app-wrapper .mobile-process-text h1 {
    margin-bottom: 0px;
}
#mobile-app-wrapper .process-section {
    padding: 40px 0 40px 0;
}
#mobile-app-wrapper .process-section ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    position: relative;
}
#mobile-app-wrapper .process-text li.is_active {
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: all ease 0.3s;
}
#mobile-app-wrapper .process-text li {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.3s;
    width: 100%;
    text-align: center;
}
#mobile-app-wrapper .process-text li p {
    font-size: 24px;
    line-height: 36px;
    color: #e5e5e5;
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
}
#mobile-app-wrapper .process-link-list {
    margin-top: -100px;
}
#mobile-app-wrapper .process-section .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding: 0;
}
#mobile-app-wrapper .process-list-item {
    position: relative;
    padding-top: 100%;
    margin-top: 100%;
    cursor: pointer;
}
#mobile-app-wrapper .process-list-item:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #fff;
    border-radius: 100%;
    transition-property: left, right, top, bottom, border-color, opacity;
}
#mobile-app-wrapper .process-list-item:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eaeaea;
    transition-property: background-color, -webkit-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform;
}
#mobile-app-wrapper .process-list span {
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 50%;
    padding-bottom: 75%;
    color: #939393;
    font-size: 22px;
    text-align: center;
    font-family: 'Flexo-Demi';
}
#mobile-app-wrapper .process-list li:nth-child(2n) span {
    bottom: auto;
    top: 50%;
    padding-top: 75%;
    padding-bottom: 0;
}
#mobile-app-wrapper .process-list {
    max-width: 70%;
    padding-bottom: 120px;
    margin: 0 auto;
    width: 100%;
}
#mobile-app-wrapper .process-list li span {
    overflow: hidden;
}
#mobile-app-wrapper .process-list li span:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 1px;
    background: #d0952d;
    transition: all ease 0.3s;
    height: 0;
}
#mobile-app-wrapper .process-list li:nth-child(2n) span:before {
    top: 0;
    content: "";
    transition: all ease 0.3s;
}
#mobile-app-wrapper .process-list span:after {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition: all ease 0.3s;
}
#mobile-app-wrapper .is_active .process-list-item span {
    color: #d0952d;
}
#mobile-app-wrapper .is_active .process-list-item:before {
    left: -20px;
    right: -20px;
    bottom: -20px;
    top: -20px;
    opacity: 1;
    border: 1px solid #d0952d;
    transition: all ease 0.3s;
}
#mobile-app-wrapper .is_active .process-list-item:after {
    background-color: #d0952d;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: all ease 0.3s;
}
#mobile-app-wrapper .process-list li.is_active span:before {
    content: "";
    position: absolute;
    bottom: -37px;
    left: 50%;
    width: 1px;
    background: #d0952d;
    transition: all ease 0.3s;
    height: 100%;
}
#mobile-app-wrapper .process-list li.is_active:nth-child(2n) span:before {
    bottom: 0px;
    top: -37px;
    height: 100%;
    content: "";
    transition: all ease 0.3s;
}
/* --------------------------
Process Css Ends Here
----------------------------- */

/* --------------------------
5.8 Features Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-features-list {
    padding: 40px 0;
}
#mobile-app-wrapper .mobile-feature-image {
    max-width: 76%;
    width: 100%;
    margin: 0 auto;
}
#mobile-app-wrapper .mobile-feature-list {
    text-align: left;
}
#mobile-app-wrapper .mobile-feature-list li {
    font-family: 'Flexo-Regular';
    font-size: 24px;
    background: url(../images/mobile-benefit-tick.png);
    padding-left: 42px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 26px;
    margin: 20px 0px;
}
/* --------------------------
Features Css Ends Here
----------------------------- */

/* --------------------------
5.9 Showcase Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-showcase-wrapper {
    background-image: url(../images/mobile-right-shadow.png);
    background-repeat: no-repeat;
    background-position: 60% 80%;
    background-size: auto 130%;
}
#mobile-app-wrapper .showcase-slider img {
    outline: none;
    width: 100%;
    max-width: 250px;
    border-radius: 20px;
    margin: 10px 14px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    -moz-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
}
#mobile-app-wrapper .mobile-showcase-content p {
    font-size: 24px;
    line-height: 24px;
    color: #e5e5e5;
    margin: 20px 0;
}
#mobile-app-wrapper .mobile-showcase-list {
    margin: 10px 0 30px 0;
}
#mobile-app-wrapper .slick-lightbox-slick-img {
    max-width: 90% !important;
    border-radius: 20px;
}
#mobile-app-wrapper .slick-slide img {
    display: block;
    outline: none !important;
}
#mobile-app-wrapper .slick-lightbox-slick-item {
    outline: none !important;
}
#mobile-app-wrapper .slick-prev, #mobile-app-wrapper .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#mobile-app-wrapper .slick-prev {
    background-image: url(../images/slick-left-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#mobile-app-wrapper .slick-next {
    background-image: url(../images/slick-right-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#mobile-app-wrapper .slick-lightbox-close:before {
    font-size: 30px;
}
/* --------------------------
Showcase Css Ends Here
----------------------------- */

/* --------------------------
5.10 FAQ Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-faq-content .mobile-simple-heading {
    max-width: 42%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#mobile-app-wrapper .mobile-faq-txt {
    font-family: 'Flexo-Bold';
    color: #ffffff;
    font-size: 48px;
    margin: 80px auto 40px auto;
    max-width: 80%;
    width: 100%;
}
#mobile-app-wrapper .mobile-faq-acc {
    padding: 70px 0;
    text-align: left;
}
#mobile-app-wrapper .mobile-faq-acc .card {
    border-radius: 0;
    background: transparent;
    border: none;
}
#mobile-app-wrapper .mobile-faq-acc .card-header, .faq-area .card-header:first-child {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 0;
}
#mobile-app-wrapper .mobile-faq-acc .card-body {
    font-size: 24px;
    color: #e5e5e5;
    line-height: 38px;
    padding: 0px 50px 40px 50px;
    background-color: #2c2c2c;
    margin-top: -1px;
}
#mobile-app-wrapper .mobile-faq-acc .acc-heading {
    color: #e5e5e5;
    font-size: 24px;
    cursor: pointer;
    line-height: 36px;
    font-family: 'Flexo-Demi';
    padding: 20px 0px;
    border-top: 2px solid #6d6d6d;
}
#mobile-app-wrapper .mobile-faq-acc .card-header .acc-heading[aria-expanded=true] {
    background-color: #2c2c2c;
    padding-bottom: 20px;
    border-bottom: 0;
}
#mobile-app-wrapper .mobile-faq-acc .card-header .acc-heading span {
    max-width: 90%;
    width: 100%;
    display: block;
}
#mobile-app-wrapper .mobile-faq-acc .acc-heading.collapsed:after {
    content: '\002B';
    position: absolute;
    right: 0px;
    top: 20px;
    color: #909090;
    font-size: 36px;
}
#mobile-app-wrapper .mobile-faq-acc .faq-border {
    border-bottom: 2px solid #6d6d6d;
}
#mobile-app-wrapper .mobile-faq-acc .acc-heading[aria-expanded="true"]:after {
    content: "\2212";
    position: absolute;
    right: 0px;
    top: 20px;
    color: #909090;
    font-size: 36px;
}
#mobile-app-wrapper .mobile-faq-acc .acc-heading.collapsed:hover:after, #mobile-app-wrapper .mobile-faq-acc .acc-heading[aria-expanded="true"]:hover:after {
    color: #d0952d;
}
/* --------------------------
FAQ Css Ends Here
----------------------------- */

/* --------------------------
5.11 Contact Css Starts Here
----------------------------- */

#mobile-app-wrapper .contact-wrapper {
    text-align: center;
}
#mobile-app-wrapper .contact-form {
    text-align: left;
    max-width: 70%;
    width: 100%;
    margin: 50px auto 10px auto;
}
#mobile-app-wrapper .contact-form .deserve-button {
    margin: 40px 0 0 0;
}
#mobile-app-wrapper .input-filed {
    position: relative;
    margin: 18px auto;
    width: 100%;
}
#mobile-app-wrapper .input-filed .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 20px;
    color: #fff;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    font-family: 'Flexo-Regular';
}
#mobile-app-wrapper .input-filed .borderLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
}
#mobile-app-wrapper .input-filed input, #mobile-app-wrapper .input-filed textarea {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 48px;
    font-size: 18px;
    border-bottom: 2px solid #ffffff57;
    background: none;
    border-radius: 0;
    color: #fff;
    transition: all 0.15s ease;
}
#mobile-app-wrapper .input-filed textarea {
    min-height: 100px;
}
#mobile-app-wrapper .input-filed input:not(:placeholder-shown) + span, #mobile-app-wrapper .input-filed textarea:not(:placeholder-shown) + span {
    color: #fff;
    transform: translateY(-26px) scale(0.75);
}
#mobile-app-wrapper .input-filed input:focus, #mobile-app-wrapper .input-filed textarea:focus {
    background: none;
    outline: none;
    border-bottom: 2px solid #d7992f;
}
#mobile-app-wrapper .input-filed input:focus + span, #mobile-app-wrapper .input-filed textarea:focus + span {
    color: #d7992f;
    transform: translateY(-26px) scale(0.75);
}
#mobile-app-wrapper .input-filed input:focus + span + .borderLabel {
    transform: scaleX(1);
    border-bottom: 2px solid #d7992f;
}
#mobile-app-wrapper .form-submit-btn button {
    background-color: #dc6810;
    color: #fff;
    padding: 15px 50px;
    border-radius: 50px;
    margin: 24px 0;
    display: inline-block;
    font-size: 24px;
    border: none;
    transition: 0.48s;
    font-family: 'Flexo-Regular';
}
#mobile-app-wrapper .form-submit-btn button:hover {
    background-color: #b3530a;
}
#mobile-app-wrapper .form-submit-btn .icon-right-arrow {
    font-size: 20px;
}
#mobile-app-wrapper .form-submit-btn {
    margin: 20px 0;
}
#mobile-app-wrapper .materialSelect {
    position: relative;
}
#mobile-app-wrapper .materialSelect.error .select:not(.isOpen) {
    border: 1px solid #dd2c00 !important;
}
#mobile-app-wrapper .materialSelect.error .message {
    display: block;
}
#mobile-app-wrapper .materialSelect.inline {
    float: none !important;
    display: inline-block;
    z-index: 0;
    min-width: 100%;
}
#mobile-app-wrapper .materialSelect.inline .select {
    transform: translate(0, 0);
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.2s !important;
    width: 100%;
}
#mobile-app-wrapper .materialSelect.inline .select.isOpen {
    transform: translate(0, -50%);
    top: 50%;
}
#mobile-app-wrapper .materialSelect:not(.inline) {
    width: 100%;
}
#mobile-app-wrapper .materialSelect:not(.inline) .select {
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%, 0);
}
#mobile-app-wrapper .materialSelect .select {
    position: absolute;
    margin: 0;
    padding: 0;
    top: -1px;
    user-select: none;
    width: 250px;
    text-align: center;
    margin: 0px auto;
    z-index: 9999;
    height: 48px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-left: 0;
    transform: none;
    border-bottom: 2px solid #ffffff57;
}
#mobile-app-wrapper .materialSelect .select:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    pointer-events: none;
    top: 19px;
    right: 10px;
    width: 0px;
}
#mobile-app-wrapper .materialSelect .select li {
    cursor: pointer;
    font-size: 18px;
    list-style: none;
    line-height: 48px;
    padding: 0 40px 0 0px;
    position: relative;
    overflow: hidden;
    text-align: left;
    color: #fff;
}
#mobile-app-wrapper .materialSelect .select li[data-selected] {
    height: 48px;
}
#mobile-app-wrapper .materialSelect .select li:not([data-selected]) {
    height: 0px;
    opacity: 0;
}
#mobile-app-wrapper .materialSelect .select.isOpen {
    background-color: #fafafa;
    border-radius: 2px;
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
    padding-bottom: 16px;
    top: -96px;
    height: 250px;
    z-index: 99999;
    color: #000;
    border-bottom: 0;
}
#mobile-app-wrapper .materialSelect .select.isOpen:after {
    display: none;
}
#mobile-app-wrapper .materialSelect .select.isOpen:before {
    border-color: transparent !important;
}
#mobile-app-wrapper .materialSelect .select.isOpen li {
    height: 48px;
    opacity: 1;
    padding-left: 16px;
    color: #000;
}
#mobile-app-wrapper .materialSelect .select.isOpen li:hover {
    background-color: #eee;
}
#mobile-app-wrapper .materialSelect .select.isOpen li:active {
    background-color: #dbdbdb;
}
#mobile-app-wrapper .materialSelect .select:not(.isOpen):active {
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
}
#mobile-app-wrapper .materialSelect .select + .select:before {
    border-left: thin solid #c8c8c8;
    content: '';
    height: 32px;
    left: 0;
    position: absolute;
    top: 8px;
}
/* --------------------------
Contact Css Ends Here
----------------------------- */

/* --------------------------
5.12 Client Css Starts Here
----------------------------- */

#mobile-app-wrapper .mobile-client-review {
    text-align: left;
    padding: 50px 0;
}
#mobile-app-wrapper .mobile-client-review h4 {
    color: #d0953a;
    font-family: 'Flexo-Bold';
    font-size: 32px;
    line-height: 48px;
    padding: 20px 0;
}
#mobile-app-wrapper .mobile-client-review p {
    font-size: 16px;
    line-height: 35px;
    color: #e5e5e5;
    padding: 0 0 46px 0;
}
#mobile-app-wrapper .mobile-author-name {
    font-size: 18px;
    color: #e5e5e5;
    font-family: 'Flexo-Bold';
}
#mobile-app-wrapper .mobile-author-desg {
    color: #e5e5e5;
    display: block;
    font-size: 18px;
}
#mobile-app-wrapper .mobile-client-txt {
    display: inline-block;
    padding-left: 30px;
    text-align: left;
    position: relative;
    top: 20px;
}
#mobile-app-wrapper .mobile-review-content {
    max-width: 80%;
    width: 100%;
}
#mobile-app-wrapper .mobile-review-area {
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}
#mobile-app-wrapper .mobile-client-img {
    display: inline-block;
    width: 140px;
    height: 140px;
    position: relative;
    background: #3f3f3f;
    border-radius: 50%;
}
#mobile-app-wrapper .mobile-reviewQuote-wrapper {
    text-align: left;
    z-index: 2;
    position: relative;
}
#mobile-app-wrapper .review-quote {
    width: 10%;
}
#mobile-app-wrapper .mobile-reviewQuote-wrapper h2 {
    color: #e5e5e5;
    font-size: 32px;
    line-height: 52px;
    font-family: 'Lora-Italic';
    margin: 18px 0;
}
#mobile-app-wrapper .mobile-reviewQuote-wrapper h2:after {
    content: '';
    background: #2c2c2c;
    width: 100%;
    height: 60%;
    position: absolute;
    filter: blur(10px);
    left: 0%;
    top: 30px;
    z-index: -1;
    opacity: 0.9;
}
#mobile-app-wrapper .mobile-review-area:before {
    position: absolute;
    top: 70px;
    border-radius: 50%;
    width: 320px;
    height: 320px;
    display: block;
    border: 1px solid #e5e5e536;
    content: '';
    z-index: 1;
    left: 40px;
}
#mobile-app-wrapper .mobile-review-area:after {
    position: absolute;
    top: 0px;
    border-radius: 50%;
    width: 450px;
    height: 450px;
    display: block;
    border: 1px solid #e5e5e536;
    content: '';
    left: -24px;
    z-index: 1;
}
#mobile-app-wrapper .mobile-review-area {
    text-align: center;
    max-width: 80%;
    margin: 0 0 0 auto;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-top: 160px;
    padding-left: 24px;
}
#mobile-app-wrapper .mobile-review-image {
    position: relative;
    left: 70px;
    z-index: 2;
}
#mobile-app-wrapper .mobile-img-author {
    border-radius: 50%;
    border: 3px solid #929292;
    width: 100%;
    box-shadow: 0px 12px 32px -9px black;
    height: 100%;
    overflow: hidden;
}
#mobile-app-wrapper .mobile-client-img:after {
    content: " ";
    position: absolute;
    top: 65px;
    border-top: 10px solid transparent;
    border-right: none;
    border-left: 22px solid #929292;
    border-bottom: 10px solid transparent;
    right: -20px;
}
/* --------------------------
Client Css Ends Here
----------------------------- */

/* --------------------------
5.13 Footer Css Starts Here
----------------------------- */

#mobile-app-wrapper footer {
    background-color: #1d1d1d;
    padding: 40px 0 32px 0;
    margin-top: 0;
    color: #e5e5e5;
}
#mobile-app-wrapper .input-field {
    background: #4b4b4b;
    border: 1px solid #4b4b4b;
}
#mobile-app-wrapper .input-field:focus {
    box-shadow: 10px 0 20px 10px #4b4b4b69;
}
#mobile-app-wrapper .newsletter-logo p, #mobile-app-wrapper .portfolio-wrapper p a, #mobile-app-wrapper .social-media li a {
    color: #e5e5e5;
}
#mobile-app-wrapper .address-wrapper {
    border-top: 1px solid #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
}
/* --------------------------
Footer Css Ends Here
----------------------------- */

/* ------------------- 
DEMO 3 CSS PAGE ENDS
------------------- */

/* ------------------- 
6. DEMO 4 CSS PAGE STARTS 
------------------- */

/* --------------------------
6.1 Body Css Starts Here
----------------------------- */

#artist-wrapper, #dreamModal .modal-body {
    font-family: BwGlennSans-Regular, BwGlennSans-Medium, Lora-Regular, sans-serif;
    background-image: url(../images/artist-bg-pattern.jpg);
    color: #fff;
    background-color: #272f37;
    margin: 0;
    background-repeat: repeat;
}
/* --------------------------
Body Css Ends Here
----------------------------- */

/* --------------------------
6.2 Header Css Starts Here
----------------------------- */


/* --------------------------
Header Css Ends Here
----------------------------- */

/* --------------------------
6.3 Banner Css Starts Here
----------------------------- */

#artist-wrapper .side-content {
    position: absolute;
    top: 40%;
    transform: rotate(270deg);
    left: -8%;
}
#artist-wrapper .side-content h3 {
    font-size: 42px;
    line-height: 52px;
    font-family: 'BwGlennSans-Bold';
    color: #97979757;
}
#artist-wrapper .banner-wrapper {
    padding: 160px 0 30px 0;
    background-image: url(../images/artist-shadow.png);
    background-repeat: no-repeat;
    background-size: 70% 100%;
    background-position: bottom right;
}
#artist-wrapper .banner-image-wrap {
    width: 50%;
    position: absolute;
    right: 0;
    top: 100px;
}
#artist-wrapper .banner-content h1 {
    font-size: 120px;
    font-family: 'BwGlennSans-ExtraBold';
}
#artist-wrapper .banner-content h2 {
    text-align: center;
    font-family: 'MisterLondonScript-Regular';
    font-size: 160px;
    margin-top: -70px;
}
#artist-wrapper .banner-content p {
    font-size: 24px;
    line-height: 36px;
    padding: 4px 0;
    max-width: 90%;
    width: 100%;
}
#artist-wrapper .banner-content p strong {
    font-family: 'BwGlennSans-Bold';
}
#artist-wrapper .banner-link {
    padding: 30px 0;
}
#artist-wrapper .banner-link a {
    font-size: 24px;
    line-height: 24px;
    color: #d7992f;
    transition: 0.48s;
    margin-left: 12px;
}
#artist-wrapper .banner-link a:hover {
    color: #fff;
}
#artist-wrapper .banner-link span {
    background-color: #d7992f;
    padding: 10px 8px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
}
#artist-wrapper .banner-detail {
    padding: 50px 0;
}
#artist-wrapper .banner-text {
    display: inline-block;
    padding-left: 36px;
}
#artist-wrapper .banner-text h3 {
    font-family: 'BwGlennSans-Bold';
    font-size: 26px;
    line-height: 36px;
}
#artist-wrapper .banner-text a {
    color: #d7992f;
    font-size: 22px;
    line-height: 24px;
    margin-top: 8px;
    display: block;
    transition: 0.48s;
}
#artist-wrapper .banner-text a:hover {
    color: #fff;
}
#artist-wrapper .show-mobile {
    display: none;
}
/* --------------------------
Banner Css Ends Here
----------------------------- */

/* --------------------------
6.4 Current Position Css Starts Here
----------------------------- */

#artist-wrapper .position-wrapper {
    padding: 0px 0 0 0;
}
#artist-wrapper .position-text h3 {
    font-size: 40px;
    line-height: 52px;
    font-family: 'BwGlennSans-Bold';
}
#artist-wrapper .position-text h3 a, #artist-wrapper .patents-content a, #artist-wrapper .blog-detail-content h2 a {
    color: #fff;
    transition: 0.48s;
}
#artist-wrapper .position-text h3 a:hover, #artist-wrapper .blog-detail-content h2 a:hover {
    color: #d7992f;
}
#artist-wrapper .patents-content a:hover {
    color: #fff;
}
#artist-wrapper .position-text .icon-right-arrow {
    font-size: 13px;
    background-color: #d7992f;
    padding: 11px 9px;
    border-radius: 50%;
    margin-left: 16px;
    margin-top: 14px;
    width: 34px;
    height: 34px;
    position: absolute;
    transform: rotate(90deg);
}
#artist-wrapper .position-company {
    width: 100%;
    padding: 20px 70px;
    vertical-align: middle;
    text-decoration: none;
    background: #fff;
    border-radius: 22px;
    height: 270px;
    display: table-cell;
}
#artist-wrapper .current-position {
    margin: 70px 0 10px 0;
}
#artist-wrapper .position-company img {
    max-width: 50%;
    margin: 0 auto;
    display: block;
    width: 100%;
}
#artist-wrapper .position-company-text {
    padding: 44px 50px;
}
#artist-wrapper .position-company-text h3 {
    font-size: 32px;
    font-family: 'BwGlennSans-Bold';
    line-height: 52px;
}
#artist-wrapper .position-company-text h5 {
    font-size: 26px;
    line-height: 43px;
    padding: 4px 0 0 0;
}
#artist-wrapper .position-company-text h6 {
    font-size: 18px;
    font-family: 'BwGlennSans-Regular';
    padding: 20px 0;
    line-height: 28px;
}
/* --------------------------
Current Position Css Ends Here
----------------------------- */

/* --------------------------
6.5 Dream Css Starts Here
----------------------------- */

#artist-wrapper .dream-wrapper {
    padding: 130px 0 0 0;
}
#artist-wrapper .dream-content h3 {
    font-size: 38px;
    line-height: 52px;
    font-family: 'BwGlennSans-Bold';
}
#artist-wrapper .dream-content h4 {
    font-size: 32px;
    line-height: 52px;
    font-family: 'BwGlennSans-Bold';
    padding: 30px 0;
}
#artist-wrapper .dream-content p {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 40px;
}
#artist-wrapper .dream-author {
    max-width: 80%;
    width: 100%;
    margin: 0 0 0 auto;
}
#artist-wrapper .dream-btn a {
    background-color: #d7992f;
    color: #fff;
    padding: 20px 50px;
    border-radius: 50px;
    margin: 24px 0;
    display: inline-block;
    font-size: 24px;
    transition: 0.48s;
    font-family: 'BwGlennSans-Medium';
}
#artist-wrapper .dream-btn a:hover {
    background-color: #a9782e;
}
/* --------------------------
Dream Css Ends Here
----------------------------- */

/* --------------------------
6.6 Awards Css Starts Here
----------------------------- */

#artist-wrapper .awards-wrapper {
    padding: 130px 0 0 0;
}
#artist-wrapper .awards-heading h1 {
    font-size: 40px;
    line-height: 52px;
    font-family: 'BwGlennSans-Bold';
}
#artist-wrapper .awards-img img {
    width: 18%;
    margin-left: -100px;
}
#artist-wrapper .awards-content li {
    font-size: 24px;
    background: url(../images/artist-awards-star.png);
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 80px;
    font-family: 'BwGlennSans-Regular';
    width: 48%;
    display: inline-block;
    margin: 24px 0;
    min-height: 80px;
    vertical-align: middle;
    line-height: 38px;
    margin-right: 15px;
}
#artist-wrapper .awards-content li p {
    min-height: 80px;
    align-items: center;
    display: flex;
}
#artist-wrapper .awards-content {
    padding: 30px 0;
}
#artist-wrapper .awards-content li p strong {
    font-family: 'BwGlennSans-Bold';
    display: contents;
}
#artist-wrapper .see-btn {
    margin: 50px 0 0 0;
    display: block;
}
#artist-wrapper .see-btn a {
    background-color: #dc6810;
    color: #fff;
    padding: 14px 50px;
    border-radius: 40px;
    font-size: 24px;
    font-family: 'BwGlennSans-Medium';
    display: inline-block;
    transition: 0.48s;
}
#artist-wrapper .see-btn a:hover {
    background-color: #b3530a;
}
#artist-wrapper .see-btn a .icon-right-arrow {
    font-size: 18px;
    margin-left: 10px;
    position: relative;
    left: 0;
    transition: .48s;
}
#artist-wrapper .see-btn a:hover .icon-right-arrow {
    left: 6px;
    transition: all ease .48s;
}
/* --------------------------
Awards Css Ends Here
----------------------------- */

/* --------------------------
6.7 Patent Css Starts Here
----------------------------- */

#artist-wrapper .patents-wrapper {
    padding: 130px 0 0 0;
}
#artist-wrapper .patents-content {
    width: 100%;
    padding: 0;
    vertical-align: middle;
    border-radius: 22px;
    height: 270px;
}
#artist-wrapper .patent-image-text {
    background: #1581b69e;
    padding: 35px 40px;
    border-radius: 24px;
    width: 100%;
}
#artist-wrapper .patent-image-text span {
    display: inline-block;
    width: 20%;
    float: right;
}
#artist-wrapper .patent-image-text h2 {
    font-size: 120px;
    font-family: 'BwGlennSans-Bold';
}
#artist-wrapper .patent-image-text h3 {
    font-family: 'BwGlennSans-Bold';
    font-size: 40px;
    line-height: 52px;
}
/* --------------------------
Patent Css Ends Here
----------------------------- */

/* --------------------------
6.8 Showcase Css Starts Here
----------------------------- */

#artist-wrapper .showcase-wrapper {
    padding: 130px 0 0 0;
    text-align: center;
}
#artist-wrapper .artist-showcase-tabs .nav-tabs {
    border-bottom: none !important;
}
#artist-wrapper .artist-showcase-tabs .nav-tabs .nav-link {
    color: #fff !important;
    border-left: none;
    padding: 10px 18px;
    margin: 20px 24px;
    font-size: 18px;
    font-family: 'Flexo-Demi';
    border-right: none;
    border-top: none;
    border-bottom: none;
}
#artist-wrapper .nav-tabs .nav-item.show .nav-link, #artist-wrapper .nav-tabs .nav-link.active {
    border-bottom: 1px solid #fff !important;
    background-color: transparent;
    color: #fff !important;
}
#artist-wrapper .showcase-slider-feature .slider {
    margin: 0 auto;
}
#artist-wrapper .showcase-slider-feature .slick-slide {
    margin: 0px;
    outline: none;
}
#artist-wrapper .showcase-slider-feature .slider img {
    outline: none;
}
#artist-wrapper .artist-showcase-tabs {
    padding: 10px 0 50px 0;
}
#artist-wrapper .slick-lightbox-slick-img {
    max-width: 90% !important;
    border-radius: 20px;
}
#artist-wrapper .slick-slide img {
    display: block;
    outline: none !important;
    width: 320px;
    margin: 16px 14px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    -moz-box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
    box-shadow: 0px 0px 8px 0px rgba(29, 29, 29, 0.8);
}
#artist-wrapper .slick-lightbox-slick-item {
    outline: none !important;
}
#artist-wrapper .slick-prev, #artist-wrapper .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#artist-wrapper .slick-prev {
    background-image: url(../images/slick-left-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#artist-wrapper .slick-next {
    background-image: url(../images/slick-right-arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#artist-wrapper .slick-lightbox-close:before {
    font-size: 30px;
}
#artist-wrapper .showcase-wrapper .deserve-button a {
    background-color: #d7992f;
}
#artist-wrapper .showcase-wrapper .deserve-button a:hover {
    background-color: #a9782e;
}
/* --------------------------
Showcase Css Ends Here
----------------------------- */


/* --------------------------
6.9 Blog Css Starts Here
----------------------------- */

#artist-wrapper .blog-wrapper {
    padding: 130px 0 0 0;
}
#artist-wrapper .blog-heading, #artist-wrapper .contact-heading {
    text-align: center;
}
#artist-wrapper .blog-heading h2, #artist-wrapper .contact-heading h2, #artist-wrapper .showcase-heading h2 {
    font-family: 'BwGlennSans-Bold';
    font-size: 40px;
    line-height: 52px;
}
#artist-wrapper .blog-heading p, #artist-wrapper .contact-heading p, #artist-wrapper .showcase-heading p {
    font-size: 32px;
    line-height: 44px;
    padding: 14px 0;
}
#artist-wrapper .blog-detail {
    padding: 40px 0;
}
#artist-wrapper .blog-content {
    padding: 50px 0;
}
#artist-wrapper .blog-image-wrap {
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
}
#artist-wrapper .feed-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
#artist-wrapper .blog-image-wrap img {
    border-radius: 200px 80px 200px 200px;
}
#artist-wrapper .blog-detail-content h2 {
    font-family: 'BwGlennSans-Bold';
    font-size: 32px;
    line-height: 44px;
}
#artist-wrapper .blog-detail-content h3 {
    font-size: 28px;
    line-height: 44px;
    padding-top: 8px;
}
#artist-wrapper .blog-detail-content p {
    font-size: 22px;
    line-height: 36px;
}
#artist-wrapper .blog-category {
    margin: 0 16px;
}
#artist-wrapper .blog-info {
    padding: 20px 0;
}
#artist-wrapper .blog-info p {
    font-size: 22px;
    line-height: 32px;
    color: #555a5d;
}
#artist-wrapper .blog-link {
    margin: 30px 0;
}
#artist-wrapper .blog-link a {
    font-size: 22px;
    line-height: 24px;
    color: #d7992f;
    transition: 0.48s;
    margin-left: 12px;
}
#artist-wrapper .blog-link a:hover {
    color: #fff;
}
#artist-wrapper .blog-link span {
    background-color: #d7992f;
    padding: 10px 8px;
    border-radius: 50%;
    color: #fff;
}
/* --------------------------
Blog Css Ends Here
----------------------------- */

/* --------------------------
6.10 Contact Css Starts Here
----------------------------- */

#artist-wrapper .contact-wrapper {
    padding: 130px 0 50px 0;
}
#artist-wrapper .contact-form {
    text-align: left;
    max-width: 70%;
    width: 100%;
    margin: 20px auto;
}
#artist-wrapper .input-filed {
    position: relative;
    margin: 18px auto;
    width: 100%;
}
#artist-wrapper .input-filed .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 20px;
    color: #fff;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    font-family: 'BwGlennSans-Medium';
}
#artist-wrapper .input-filed .borderLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
}
#artist-wrapper .input-filed input, #artist-wrapper .input-filed textarea {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 48px;
    font-size: 18px;
    border-bottom: 2px solid #797979;
    background: none;
    border-radius: 0;
    color: #fff;
    transition: all 0.15s ease;
}
#artist-wrapper .input-filed textarea {
    min-height: 100px;
}
#artist-wrapper .input-filed input:not(:placeholder-shown) + span, #artist-wrapper .input-filed textarea:not(:placeholder-shown) + span {
    color: #fff;
    transform: translateY(-26px) scale(0.75);
}
#artist-wrapper .input-filed input:focus, #artist-wrapper .input-filed textarea:focus {
    background: none;
    outline: none;
    border-bottom: 2px solid #d7992f;
}
#artist-wrapper .input-filed input:focus + span, #artist-wrapper .input-filed textarea:focus + span {
    color: #d7992f;
    transform: translateY(-26px) scale(0.75);
}
#artist-wrapper .input-filed input:focus + span + .borderLabel {
    transform: scaleX(1);
    border-bottom: 2px solid #d7992f;
}
#artist-wrapper .form-submit-btn button {
    background-color: #d7992f;
    color: #fff;
    padding: 15px 50px;
    border-radius: 50px;
    margin: 24px 0;
    display: inline-block;
    font-size: 24px;
    border: none;
    transition: 0.48s;
    font-family: 'BwGlennSans-Medium';
}
#artist-wrapper .form-submit-btn button:hover {
    background-color: #a9782e;
}
#artist-wrapper .form-submit-btn .icon-right-arrow {
    font-size: 20px;
}
#artist-wrapper .form-submit-btn {
    margin: 20px 0;
}
#artist-wrapper .materialSelect {
    position: relative;
}
#artist-wrapper .materialSelect.error .select:not(.isOpen) {
    border: 1px solid #dd2c00 !important;
}
#artist-wrapper .materialSelect.error .message {
    display: block;
}
#artist-wrapper .materialSelect.inline {
    float: none !important;
    display: inline-block;
    z-index: 0;
    min-width: 100%;
}
#artist-wrapper .materialSelect.inline .select {
    transform: translate(0, 0);
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.2s !important;
    width: 100%;
}
#artist-wrapper .materialSelect.inline .select.isOpen {
    transform: translate(0, -50%);
    top: 50%;
}
#artist-wrapper .materialSelect:not(.inline) {
    width: 100%;
}
#artist-wrapper .materialSelect:not(.inline) .select {
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%, 0);
}
#artist-wrapper .materialSelect .select {
    position: absolute;
    margin: 0;
    padding: 0;
    top: -1px;
    user-select: none;
    width: 250px;
    text-align: center;
    margin: 0px auto;
    z-index: 9999;
    height: 48px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-left: 0;
    transform: none;
    border-bottom: 2px solid #797979;
}
#artist-wrapper .materialSelect .select:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    pointer-events: none;
    top: 19px;
    right: 10px;
    width: 0px;
}
#artist-wrapper .materialSelect .select li {
    cursor: pointer;
    font-size: 18px;
    list-style: none;
    line-height: 48px;
    padding: 0 40px 0 0px;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-family: 'BwGlennSans-Medium';
}
#artist-wrapper .materialSelect .select li[data-selected] {
    height: 48px;
}
#artist-wrapper .materialSelect .select li:not([data-selected]) {
    height: 0px;
    opacity: 0;
}
#artist-wrapper .materialSelect .select.isOpen {
    background-color: #fafafa;
    border-radius: 2px;
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
    padding-bottom: 16px;
    top: -96px;
    height: 250px;
    z-index: 99999;
    color: #000;
    border-bottom: 0;
}
#artist-wrapper .materialSelect .select.isOpen:after {
    display: none;
}
#artist-wrapper .materialSelect .select.isOpen:before {
    border-color: transparent !important;
}
#artist-wrapper .materialSelect .select.isOpen li {
    height: 48px;
    opacity: 1;
    padding-left: 16px;
}
#artist-wrapper .materialSelect .select.isOpen li:hover {
    background-color: #eee;
}
#artist-wrapper .materialSelect .select.isOpen li:active {
    background-color: #dbdbdb;
}
#artist-wrapper .materialSelect .select:not(.isOpen):active {
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
}
#artist-wrapper .materialSelect .select + .select:before {
    border-left: thin solid #c8c8c8;
    content: '';
    height: 32px;
    left: 0;
    position: absolute;
    top: 8px;
}
/* --------------------------
Contact Css Ends Here
----------------------------- */

/* --------------------------
6.11 Footer Css Starts Here
----------------------------- */

#artist-wrapper footer {
    background-color: transparent;
    padding: 40px 0 32px 0;
    margin-top: 0;
    color: #949ea5;
}
#artist-wrapper .portfolio-wrapper p a, #artist-wrapper .newsletter-logo p, #artist-wrapper .social-media li a {
    color: #949ea5;
}
#artist-wrapper .address-wrapper {
    border-top: 1px solid #4b5258;
    border-bottom: 1px solid #4b5258;
}
#artist-wrapper .input-field {
    background: #373e43;
    border: 1px solid #383e43;
}
#artist-wrapper .input-field:focus {
    box-shadow: 10px 0 20px 10px #383e4369;
}
#artist-wrapper #dreamModal .modal-dialog {
    max-width: 420px;
    margin: 200px auto;
}
#artist-wrapper #dreamModal .modal-body {
    padding: 36px;
}
#artist-wrapper #dreamModal .modal-body h2 {
    font-family: 'BwGlennSans-Bold';
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 20px;
}
#artist-wrapper #dreamModal .close {
    font-size: 30px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    transition: 0.48s;
    position: relative;
    left: 50px;
    top: -50px;
    background: #d7992f;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}
#artist-wrapper #dreamModal .close:hover {
    color: #d7992f;
    background-color: #fff;
}
#artist-wrapper .modal-backdrop {
    background-color: #d8d8d8;
}
#artist-wrapper #dreamModal {
    padding-right: 0 !important;
}
/* --------------------------
Footer Css Ends Here
----------------------------- */


/* ------------------- 
DEMO 4 CSS PAGE ENDS
------------------- */


/* ------------------- 
7. Style Selector CSS Starts 
------------------- */

#style-selector {
    position: fixed;
    right: -280px;
    top: 0;
    z-index: 1001;
    box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    background: #fff;
    height: 100%;
    width: 280px;
}
.commonPanel.pull-right {
    float: right;
}
#style-selector-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.5s;
}
#style-selector .style-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 56px;
    cursor: pointer;
    opacity: 1;
    background: #fff;
    border-radius: 5px 0px 0px 5px;
    box-shadow: -3px 0px 5px -2px rgba(0, 0, 0, 0.14);
    float: left;
    margin-left: -52px;
    margin-top: 150px;
    top: 100px;
    color: #000000;
}
#style-selector .ss-title h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
    font-family: "Flexo-Bold";
    color: #000;
}
#style-selector .style-toggle svg {
    width: 25px;
    height: 25px;
}
#style-selector .ss-content {
    border-bottom: 1px solid #dddddd;
    padding: 0px 0px 30px 0;
    margin: 30px;
}
#style-selector .landing-pages img {
    border: 4px solid #000000;
}
#style-selector .landing-pages a h3 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0 30px 0;
    color: #000;
    font-family: 'Flexo-Demi';
    transition: 0.48s;
}
#style-selector .landing-pages .active-template {
    color: #d7992f;
    font-size: 18px;
    text-align: center;
    padding: 10px 0 30px 0;
    font-family: 'Flexo-Demi';
    transition: 0.48s;
}
#style-selector .landing-pages a h3:hover {
    color: #d7992f;
}
/* ------------------- 
Style Selector CSS Ends 
------------------- */

/* ------------------- 
8. COLOR SWITCHER CSS STARTS
/* ------------------- 


/* ------------------- 
8.1 COLOR SWITCHER CSS STARTS HERE FOR DEMO 1
/* ------------------- 


/* ------------------- 
MAROON COLOR PICKER CSS STARTS
------------------- */

.maroon-color {
    background: #b10503;
    padding: 20px;
    cursor: pointer;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 0 0px;
}
.maroon .box-one, .maroon .deserve-button a, .maroon .expertise-button a, .maroon .submit-btn, .maroon .menu-icon-line, .maroon .slick-dots li.slick-active button {
    background-color: #b10503 !important;
}
.maroon .navbar-brand {
    background: #b10503;
}
.maroon .banner-text-wrapper h4, .maroon .nav-item .nav-link.active, .maroon .navigation-wrap .nav-item:hover .nav-link, .maroon .experience-content h4, .maroon .deserve-text h5, .maroon .expertise-list-content span, .maroon .expertise-quote h4, .maroon .expertise-list-content span, .maroon .ventures-wrapper .icon-left-arrow.slick-arrow:hover, .maroon .ventures-wrapper .icon-right-arrow.slick-arrow:hover, .maroon #awardsSlider .carousel-indicators .active, .maroon #awardsSlider .carousel-indicators li:hover, .maroon .input-filed input:focus + span, .maroon .input-filed textarea:focus + span, .maroon .social-media li a:hover {
    color: #b10503 !important;
}
.maroon .input-filed input:focus, .maroon .input-filed textarea:focus {
    border-bottom: 2px solid #b10503 !important;
}
.maroon .input-filed input:focus + span + .borderLabel {
    border-bottom: 2px solid #b10503 !important;
}
.maroon .submit-btn {
    border: 1px solid #b10503;
}
.maroon .expertise-button a span {
    color: #fff !important;
}
.maroon .deserve-button a:hover, .maroon .expertise-button a:hover, .maroon .submit-btn:hover {
    background-color: #8c0403 !important;
}
.maroon .submit-btn:hover {
    border: 1px solid #8c0403;
}
/* ------------------- 
MAROON COLOR PICKER CSS ENDS
------------------- */

/* ------------------- 
CITRUS COLOR PICKER CSS STARTS
------------------- */

.citrus-color {
    background: #88b102;
    padding: 20px;
    cursor: pointer;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 0 0px;
}
.citrus .box-one, .citrus .deserve-button a, .citrus .expertise-button a, .citrus .submit-btn, .citrus .menu-icon-line, .citrus .slick-dots li.slick-active button {
    background-color: #88b102 !important;
}
.citrus .navbar-brand {
    background: #88b102;
}
.citrus .banner-text-wrapper h4, .citrus .nav-item .nav-link.active, .citrus .navigation-wrap .nav-item:hover .nav-link, .citrus .experience-content h4, .citrus .deserve-text h5, .citrus .expertise-list-content span, .citrus .expertise-quote h4, .citrus .expertise-list-content span, .citrus .ventures-wrapper .icon-left-arrow.slick-arrow:hover, .citrus .ventures-wrapper .icon-right-arrow.slick-arrow:hover, .citrus #awardsSlider .carousel-indicators .active, .citrus #awardsSlider .carousel-indicators li:hover, .citrus .input-filed input:focus + span, .citrus .input-filed textarea:focus + span, .citrus .social-media li a:hover {
    color: #88b102 !important;
}
.citrus .input-filed input:focus, .citrus .input-filed textarea:focus {
    border-bottom: 2px solid #88b102 !important;
}
.citrus .input-filed input:focus + span + .borderLabel {
    border-bottom: 2px solid #88b102 !important;
}
.citrus .submit-btn {
    border: 1px solid #88b102;
}
.citrus .expertise-button a span {
    color: #fff !important;
}
.citrus .deserve-button a:hover, .citrus .expertise-button a:hover, .citrus .submit-btn:hover {
    background-color: #678407 !important;
}
.citrus .submit-btn:hover {
    border: 1px solid #678407;
}
/* ------------------- 
CITRUS COLOR PICKER CSS ENDS
------------------- */

/* ------------------- 
HOT TODDY COLOR PICKER CSS STARTS
------------------- */

.hottoddy-color {
    background: #b07b05;
    padding: 20px;
    cursor: pointer;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 0 0px;
}
.hottoddy .box-one, .hottoddy .deserve-button a, .hottoddy .expertise-button a, .hottoddy .submit-btn, .hottoddy .menu-icon-line, .hottoddy .slick-dots li.slick-active button {
    background-color: #b07b05 !important;
}
.hottoddy .navbar-brand {
    background: #b07b05;
}
.hottoddy .banner-text-wrapper h4, .hottoddy .nav-item .nav-link.active, .hottoddy .navigation-wrap .nav-item:hover .nav-link, .hottoddy .experience-content h4, .hottoddy .deserve-text h5, .hottoddy .expertise-list-content span, .hottoddy .expertise-quote h4, .hottoddy .expertise-list-content span, .hottoddy .ventures-wrapper .icon-left-arrow.slick-arrow:hover, .hottoddy .ventures-wrapper .icon-right-arrow.slick-arrow:hover, .hottoddy #awardsSlider .carousel-indicators .active, .hottoddy #awardsSlider .carousel-indicators li:hover, .hottoddy .input-filed input:focus + span, .hottoddy .input-filed textarea:focus + span, .hottoddy .social-media li a:hover {
    color: #b07b05 !important;
}
.hottoddy .input-filed input:focus, .hottoddy .input-filed textarea:focus {
    border-bottom: 2px solid #b07b05 !important;
}
.hottoddy .input-filed input:focus + span + .borderLabel {
    border-bottom: 2px solid #b07b05 !important;
}
.hottoddy .submit-btn {
    border: 1px solid #b07b05;
}
.hottoddy .expertise-button a span {
    color: #fff !important;
}
.hottoddy .deserve-button a:hover, .hottoddy .expertise-button a:hover, .hottoddy .submit-btn:hover {
    background-color: #9c6d03 !important;
}
.hottoddy .submit-btn:hover {
    border: 1px solid #9c6d03;
}
/* ------------------- 
HOT TODDY COLOR PICKER CSS ENDS
------------------- */

/* ------------------- 
BLUE GREEN COLOR PICKER CSS STARTS
------------------- */

.bluegreen-color {
    background: #0cabb1;
    padding: 20px;
    cursor: pointer;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 0 0px;
}
.bluegreen .box-one, .bluegreen .deserve-button a, .bluegreen .expertise-button a, .bluegreen .submit-btn, .bluegreen .menu-icon-line, .bluegreen .slick-dots li.slick-active button {
    background-color: #0cabb1 !important;
}
.bluegreen .navbar-brand {
    background: #0cabb1;
}
.bluegreen .banner-text-wrapper h4, .bluegreen .nav-item .nav-link.active, .bluegreen .navigation-wrap .nav-item:hover .nav-link, .bluegreen .experience-content h4, .bluegreen .deserve-text h5, .bluegreen .expertise-list-content span, .bluegreen .expertise-quote h4, .bluegreen .expertise-list-content span, .bluegreen .ventures-wrapper .icon-left-arrow.slick-arrow:hover, .bluegreen .ventures-wrapper .icon-right-arrow.slick-arrow:hover, .bluegreen #awardsSlider .carousel-indicators .active, .bluegreen #awardsSlider .carousel-indicators li:hover, .bluegreen .input-filed input:focus + span, .bluegreen .input-filed textarea:focus + span, .bluegreen .social-media li a:hover {
    color: #0cabb1 !important;
}
.bluegreen .input-filed input:focus, .bluegreen .input-filed textarea:focus {
    border-bottom: 2px solid #0cabb1 !important;
}
.bluegreen .input-filed input:focus + span + .borderLabel {
    border-bottom: 2px solid #0cabb1 !important;
}
.bluegreen .submit-btn {
    border: 1px solid #0cabb1;
}
.bluegreen .expertise-button a span {
    color: #fff !important;
}
.bluegreen .deserve-button a:hover, .bluegreen .expertise-button a:hover, .bluegreen .submit-btn:hover {
    background-color: #06959a !important;
}
.bluegreen .submit-btn:hover {
    border: 1px solid #06959a;
}
/* ------------------- 
BLUE GREEN COLOR PICKER CSS ENDS
------------------- */

/* ------------------- 
GALLIANO COLOR PICKER CSS STARTS
------------------- */

.galliano-color {
    background: #c9af0e;
    padding: 20px;
    cursor: pointer;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 0 0px;
}
.galliano .box-one, .galliano .deserve-button a, .galliano .expertise-button a, .galliano .submit-btn, .galliano .menu-icon-line, .galliano .slick-dots li.slick-active button {
    background-color: #c9af0e !important;
}
.galliano .navbar-brand {
    background: #c9af0e;
}
.galliano .banner-text-wrapper h4, .galliano .nav-item .nav-link.active, .galliano .navigation-wrap .nav-item:hover .nav-link, .galliano .experience-content h4, .galliano .deserve-text h5, .galliano .expertise-list-content span, .galliano .expertise-quote h4, .galliano .expertise-list-content span, .galliano .ventures-wrapper .icon-left-arrow.slick-arrow:hover, .galliano .ventures-wrapper .icon-right-arrow.slick-arrow:hover, .galliano #awardsSlider .carousel-indicators .active, .galliano #awardsSlider .carousel-indicators li:hover, .galliano .input-filed input:focus + span, .galliano .input-filed textarea:focus + span, .galliano .social-media li a:hover {
    color: #c9af0e !important;
}
.galliano .input-filed input:focus, .galliano .input-filed textarea:focus {
    border-bottom: 2px solid #c9af0e !important;
}
.galliano .input-filed input:focus + span + .borderLabel {
    border-bottom: 2px solid #c9af0e !important;
}
.galliano .submit-btn {
    border: 1px solid #c9af0e;
}
.galliano .expertise-button a span {
    color: #fff !important;
}
.galliano .deserve-button a:hover, .galliano .expertise-button a:hover, .galliano .submit-btn:hover {
    background-color: #b19a0e !important;
}
.galliano .submit-btn:hover {
    border: 1px solid #b19a0e;
}
/* ------------------- 
GREEN COLOR PICKER CSS ENDS
------------------- */

/* ------------------- 
PURPLE COLOR PICKER CSS STARTS
------------------- */

.purple .banner-link a, .purple .banner-text a, .purple .position-text h3 a:hover, .purple .blog-detail-content h2 a:hover, .purple .blog-link a {
    color: #a904b1 !important;
}
.purple .banner-link span, .purple .position-text .icon-right-arrow, .purple .blog-link span, .purple .dream-btn a, .purple .form-submit-btn button {
    background-color: #a904b1 !important;
}
.purple #dreamModal .close {
    background: #a904b1 !important;
}
.purple #dreamModal .close:hover {
    color: #a904b1 !important;
    background: #fff !important;
}
.purple .banner-link a:hover, .purple .banner-text a:hover, .purple .blog-link a:hover {
    color: #fff !important;
}
.purple .dream-btn a:hover, .purple .form-submit-btn button:hover {
    background-color: #76007b !important;
}
.project {
    max-width: 60%;
    margin: auto;
}
.project .slick-slide {
    position: relative;
    height: 370px;
}
.project figure.thumbnail {
    margin-bottom: 0;
}
.project h2 {
    position: absolute;
    bottom: 0;
    font-size: 19px !important;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff !important;
    background: rgb(0 0 0 / 32%);
}
/**Top Header**/
.topHeader {
    background: #333;
    color: #fff;
    font-size: 12px;
}
.topHeader a {
    color: #fff;
    margin: 0 5px;
}
.topHeader i {
    vertical-align: middle;
    margin-top: -3px;
}
.topHeader .common-left ul li {
    float: left;
    font-size: 11px;
    font-weight: 600;
    padding-right: 8px;
    text-transform: uppercase;
    line-height: 15px;
}
.topHeader .common-left ul li.gov-india {
    text-align: right;
    padding-top: 5px;
}
.topHeader .common-left ul li span {
    display: block;
}
.topHeader .common-left ul li.ministry {
    text-align: left;
    border-left: 1px solid rgb(238, 238, 238);
    padding-left: 8px;
    padding-top: 5px;
}
/**Top Header**/
.topHeader {
    background: #ff5e15;
    position: relative;
    z-index: 9999;
    color: #858fa4;
    font-size: 12px;
    padding: 0 15px;
}
.topHeader a {
    color: #fff;
    margin: 0 5px;
}
.topHeader i {
    vertical-align: middle;
    margin-top: -3px;
}
.topHeader .common-left ul li {
    float: left;
    font-size: 11px;
    font-weight: 600;
    padding-right: 8px;
    text-transform: uppercase;
    line-height: 15px;
}
.middle_section {
    padding: 40px 0 25px;
}
.topHeader .common-left ul li span {
    display: block;
}
.topHeader .common-left ul li.ministry {
    text-align: left;
    border-left: 1px solid rgb(238, 238, 238);
    padding-left: 8px;
    padding-top: 5px;
}
.topRightHeader {
    color: #000;
}
.topRightHeader .dropdown > a {
    border-left: 1px solid #dcdcdc;
    margin: 0;
    font-size: 11px;
    display: block;
    padding: 6px 9px;
    float: left;
    text-transform: uppercase;
}
.topRightHeader .dropdown > a:hover {
    background: #044f7c;
    color: #fff;
}
.topRightHeader .dropdown > a:hover img {
    filter: brightness(0) invert(1);
}
.topRightHeader .dropdown {
    float: left;
}
.topRightHeader .dropdown > img {
    cursor: pointer;
}
.topRightHeader .dropdown-menu {
    padding: 2px;
    border-radius: 0;
    left: auto !important;
    right: 0 !important;
    border: 0;
    top: 34px;
    box-shadow: none;
    background-color: #121416;
}
.topRightHeader .dropdown .menuPanelDown {
    left: 1px;
    right: auto;
    top: 32px;
    padding: 0;
    min-width: 42px;
    border-radius: 0;
    text-align: center;
}
.topRightHeader .dropdown .menuPanelDown li {
    padding: 0;
}
.topRightHeader .dropdown .menuPanelDown li {
    padding: 0;
    border-bottom: 1px solid #cecece;
    text-align: center;
    margin: 0;
    padding: 3px 0px;
    font-size: 14px;
    background: #ff5e15;
    color: #fff;
}
.topRightHeader .dropdown .menuPanelDown li:hover {
    background: #044f7c;
}
.topRightHeader .dropdown .menuPanelDown li a {
    color: #fff;
    display: block;
    margin: 0;
}
.topRightHeader .dropdown .menuPanelDown li:hover a {
    color: #fff
}
.topRightHeader .dropdown:hover .menuPanelDown {
    display: block;
}
.topRightHeader .dropdown .languageMenu {
}
.topRightHeader .dropdown .languageMenu li a {
    padding: 3px 23px;
}
.topRightHeader .dropdown .languageMenu li a.userDwArea{font-size:14px;padding:7px 10px;}
.whiteBtnBox {
    display: none;
}
.max-wd {
    min-width: 254px !important;
}
.searchBoxSt button.btn-danger {
    height: 40px;
    background-color: #ff5e15;
    border-color: #ff5e15;
    border-radius: 0;
}
.searchBoxSt input.search-query {
    border: 1px solid;
    border-right: none;
    border-radius: 0;
}
.header-nav-wrapper {
    padding: 5px 0;
    width: 100%;
    background: #ffffff;
    position: relative;
}
.header-nav-wrapper:before {
    position: absolute;
    content: "";
    background: #ffffffe3;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.header-nav-wrapper .container {
    position: relative;
    z-index: 2;
}
.header-nav-wrapper .waves {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102px;
}
/* Animation */
.header-nav-wrapper .wave-paths use {
    animation: move-waves 10s ease-in-out infinite;
    fill: url(#wave-gradient);
}
.header-nav-wrapper .wave-paths use:nth-child(odd) {
    animation-direction: reverse;
    animation-duration: 13s;
}
.header-nav-wrapper .wave-paths use:nth-child(1) {
    animation-delay: -2s;
    opacity: .7;
}
.header-nav-wrapper .wave-paths use:nth-child(2) {
    animation-delay: -3s;
    opacity: .5;
}
.header-nav-wrapper .wave-paths use:nth-child(3) {
    animation-delay: -4s;
    opacity: .3;
}
.header-nav-wrapper .wave-paths use:nth-child(4) {
    animation-delay: -5s;
}
 @keyframes move-waves {
 0% {
 transform: translate3d(-30px, 0, 0);
}
 50% {
 transform: translate3d(30px, 0, 0);
}
 100% {
 transform: translate3d(-30px, 0, 0);
}
}
.logoLeft img {
    width: 62px;
    margin: 0 10px 0 0;
    float: left;
}
.logoMiddle h2 {
    font-size: 27px;
    margin: 8px 0 3px;
    font-weight: 800;
    color: #000;
}
.logoMiddle p {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: normal;
}
.logoRight img {
    width: 72px;
    margin: 5px 15px 5px 0;
}
.navbar {
    padding: 0;
    position: relative;
}
.navigation a.navbar-brand {
    margin-right: 0;
    position: relative;
    top: 15px;
}
nav.navbar.navbar-expand-lg.navbar-scrolled a.navbar-brand {
    top: 0;
    padding: 0;
}
.navigation a.navbar-brand img.main_logo {
    width: 70px;
    padding: 5px;
    margin-left: 10px;
    background: #fff;/*-webkit-filter: brightness(0) invert(1);; 
    filter: brightness(0) invert(1);;*/
}
.navigation a.navbar-brand img.stamb {
    width: 40px;
}
.navbar .navbar-nav {
}
.navbar .navbar-nav .nav-item {
    margin: 0 8px;
    position: relative;
}
.navbar .navbar-nav .nav-item a {
    font-size: 15px;
    color: #2c2d3e;
    font-weight: 500;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    padding: 19px 0;
    text-shadow: 2px 2px 1px #000;
    color: #ffffff;
    letter-spacing: .6px;
}
.navbar .navbar-nav .nav-item a.active, .navbar .navbar-nav .nav-item:hover > a {
    color: #ff5e15;
}
.navbar .navbar-nav .nav-item ul.sub-menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 210px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(46,76,185,0.2);
    box-shadow: 0px 5px 30px 0px rgba(46,76,185,0.2);
    z-index: 9;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    opacity: 0;
    visibility: hidden;
    padding: 8px 0;
    border-top: 2px solid #ff5e15;
}
.navbar .navbar-nav .nav-item:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.navbar .navbar-nav .nav-item ul.sub-menu li {
    margin: 0;
}
.navbar .navbar-nav .nav-item ul.sub-menu li a {
    padding: 8px 20px;
    font-size: 14px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: block;
    line-height: normal;
    color: #000;
    text-shadow: none;
}
.navbar .navbar-nav .nav-item ul.sub-menu li:hover > a {
    padding-left: 25px;
    color: #fff;
    background: #ff5e15;
}
.navbar .navbar-toggler .icon-bar {
    width: 30px;
    height: 2px;
    margin: 5px 0;
    background-color: #000;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
    top: 7px;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(2) {
    opacity: 0;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(134deg);
    transform: rotate(134deg);
    top: -7px;
}
button.sub-nav-toggler {
    display: none;
}
.banner-wrapper .banner-image-wrapper .slider.slick-initialized.slick-slider {
    height: 325px;
}
.banner-wrapper .banner-image-wrapper #nwicVideo {
    width: 100%;
    height: 325px;
}
.tabPanelBox {
    width: 100%;
}
.tabPanelBox .resp-tabs-list {
    width: 100%;
    display: table;
    background: rgb(4 79 124);
}
.tabPanelBox .resp-tabs-list span.fa-external-link{font-size:24px;}
.alldownloadArea{ border:0; font-size:24px; background:transparent; padding:0; line-height: 23px; color:#fff; margin-right:5px;}
.alldownloadArea:hover i{ color:#fd7435;}
.resp-tabs-list li {
    font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
    display: block;
    padding: 10px 15px 10px;
    color: #fff;
    list-style: none;
 
}
.resp-tabs-list li a {
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.resp-tabs-list li a:hover {
    color: #fd7435;
}
.tabPanelBox .resp-tabs-container {
    width: 100%;
    background: #fff;
    padding: 15px 15px;
    height: 220px;
    overflow: hidden;
}
.navigation-wrap.header-wrap.scroll-on .main_logo_fixed {
    display: inline-block;
}
.main_logo_fixed {
    display: none;
}
.navigation-wrap.header-wrap.scroll-on .header-nav-wrapper, .navigation-wrap.header-wrap.scroll-on .topHeader, .navigation-wrap.header-wrap.scroll-on img.stamb, .navigation-wrap.header-wrap.scroll-on img.main_logo {
    display: none;
}
.navigation-wrap.header-wrap.scroll-on .navbar {
    padding: 10px 0;
    background: unset;
}
.navigation-wrap.header-wrap.scroll-on .navbar .navbar-nav .nav-item a {
    color: #000;
    text-shadow: none;
}
.navigation-wrap.header-wrap.scroll-on .navbar .navbar-nav .nav-item:hover > a {
    color: #ff5e15;
}
.navigation-wrap.header-wrap.scroll-on .navbar .navbar-nav .nav-item ul.sub-menu li:hover > a {
    color: #fff;
}
.navigation-wrap.header-wrap.scroll-on .navbar-nav.m-auto {
    margin: unset !important;
    margin-left: auto !important;
}
.holder .mask {
    position: relative;
    left: 0px;
    top: 0;
    width: 100%;
    height: 165px;
    overflow: hidden;
}
.holder ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.holder ul li {
    padding: 10px 0px;
}
.holder ul li a {
    color: darkred;
    text-decoration: none;
}
.tabPanelBox .panelTabBox ul li a {
    color: #000;
}
.tabPanelBox .panelTabBox ul li a:hover {
    color: #ff5e15;
}
.tabPanelBox .panelTabBox ul li a .fa-file-pdf-o {
    color: #ff5e15;
    margin-left: 5px;
    font-size: 18px;
}
.tabPanelBox .panelTabBox ul li {
    border-bottom: 1px dashed #000;
    padding-bottom: 10px;   
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    line-height: 20px
}
.tabPanelBox .panelTabBox ul li:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f138';
    font-family: 'FontAwesome';
    color: #ff5e15;
}
.cl_logo {
    width: 100%;
    height: 100px;
    margin: 10px;
    border-radius: 15px;
}
.cl_logo img {
    height: 100%;
    width:100%;  
    margin: auto;
}
.cl_logo:hover img {
    filter: unset;
    transition: all .3s ease-in-out;
    -webkit-filter: unset;
}
.cl_logo:hover {
    transition: all .5s ease-in-out;
    box-shadow: 0 0 7px rgba(0,0,0,.47);
}
.getQuoteBtn {
    font-size: 16px !important;
    padding: 8px 15px !important;
    background-color: #ff5e15;
    text-transform: capitalize;
    text-shadow: none !important;
    position: fixed;
    transform: rotate(-90deg);
    z-index: 9999;
    right: -45px;
    top: 50%;
    color: #ffffff
}
.getQuoteBtn:hover {
    background-color: #e45616;
    color: #fff !important;
}
.form-group {
    margin-bottom: 15px;
}
.modal .form-control {
    border: 1px solid #00173c;
}
.modal .site-button {
    outline: none;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    background-color: #ff5e15;
    border: none;
    font-size: 15px;
    font-weight: 500;
}
.navigation-wrap.header-wrap.scroll-on .navbar .navbar-nav .nav-item .getQuoteBtn {
    color: #fff;
}
.modal .modal-header .close {
    color: #000;
    opacity: 1;
}
.form-control:focus {
    border-color: #fd7435;
    box-shadow: 0 0 0 0.2rem rgb(255 94 21 / .25);
}
.modal .site-button:hover {
    background-color: #00173c;
    color: #fff;
}
.trainingtBox {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -15px;
    z-index: 99;
}
.downloadBox {
    position: fixed;
    top: 55%;
    right: 0;
    margin-top: -15px;
    z-index: 99;
}
.downloadBox button.pdf_downloadBtn {
     margin-right: -86px;
     transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
}
.downloadBox button:hover {
      background: #ff5e15;
    color: #fff;
    margin-right: -5px;
    text-decoration: none;
}
.EmployeeBox {
    position: fixed;
    top: 60%;
    right: 0;
    z-index: 99999;
}
.trainingtBox a {
    background: #044f7c;
    padding: 7px 15px;
    border-radius: 7px 0 0 7px;
    display: block;
    margin-bottom: 5px;
    color: #fff;
    margin-right: -83px;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
}
.EmployeeBox a {
    background: #044f7c;
    padding: 7px 10px;
    border-radius: 7px 0 0 7px;
    display: block;
    margin-bottom: 5px;
    color: #fff;
    margin-right: -88px;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
}
.trainingtBox a i, .EmployeeBox a i, .downloadBox button.pdf_downloadBtn i {
    margin-right: 5px;
}
.trainingtBox a:hover, .EmployeeBox a:hover {
    background: #ff5e15;
    color: #fff;
    margin-right: 0px;
    text-decoration: none;
}
.animat {
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
#ventures, #awards, #showcase, .ministers-wrapper {
    position: relative;
    overflow: hidden;
}
.ministers-wrapper {
    padding: 50px 0 40px;
}
.ministers-wrapper:before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1e6;
}
.ventures-wrapper:before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1e6;
}
.showcase-wrapper:before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1f1f1e8;
}
footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #001842db;
}
.ministers-wrapper .container, .ventures-wrapper .container, .showcase-wrapper .container {
    position: relative;
    z-index: 2;
}
footer h3.widget-title {
    color: #ff5e15;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}
footer .widget_services ul li, footer .widget_address li {
    font-size: 15px;
    margin-bottom: 7px;
    text-transform: none;
}
footer .widget_address li {
    margin-bottom: 10px;
}
footer .widget_services.half ul li {
    width: 50%;
    float: left;
}
footer .widget_services ul li a {
    color: #fff;
}
footer .widget_services ul li a:hover, footer .widget_address li a:hover {
    color: #ff5e15;
}
footer .widget_address li a {
    color: #fff;
    display: flex;
}
footer .social-icons li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    color: #fff;
    background-color: #ff5e15;
    font-size: 16px;
}
footer .social-icons li a:hover {
    background-color: #fff;
    color: #0f1221;
}
.social-icons li {
    display: inline-block;
    text-align: center;
}
footer .widget_address li i {
    font-size: 18px;
    color: #a1bcde;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
footer .footer-bottom {
    background-color: #001029;
    border-top: 1px solid #001029;
    padding: 10px 0px;
    color: #787878;
    font-size: 13px;
    position: relative;
}
footer .footer-bottom .copyrights-text {
    color: #fff;
    font-size: 15px;
}
footer .footer-bottom .copyrights-nav li {
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    color: #fff;
}
footer .footer-bottom .copyrights-nav li a {
    color: #fff;
}
footer .footer-bottom .copyrights-nav li:after {
    content: "/";
    position: relative;
    right: -8px;
    color: #fff;
}
footer .footer-bottom .copyrights-nav li:last-child:after {
    display: none;
}
.padding_eight_all {
    padding: 0 8%;
}
.form-control {
    color: #838183;
    box-shadow: none;
    height: 40px;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 0;
}
.heading_s1 h4 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
.modal button.btn.btn-default.btn-block {
    background: #ff5e15;
    color: #fff;
}
.modal .login-box .lb-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 9px;
}
.modal .login-box .lb-header a.active {
    border-bottom-color: #f68320;
    color: #f68320;
}
.modal .login-box .lb-header a {
    border-bottom: 3px solid rgba(0,0,0,0);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #29303b;
    padding: 10px;
    text-transform: capitalize;
}
.modal .login-box a.forgot-password {
    font-size: 14px;
    color: #000;
    margin-top: 5px;
    display: inline-block;
}
.modal .login-box a.forgot-password:hover {
    color: #ff5e15;
}
/* 03-09-2020 Inner Pages */
.innerbanner {
    width: 100%;
    text-align: left;
    padding: 100px 0 200px 0px;
    background-image: url(../images/inner-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    margin-top: 137px;
    background-position: center;
}
.innerbanner:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #000000;
    opacity: 0.6;
    z-index: -1;
}
.inr_ban_des {
    float: left;
    width: 100%;
    text-align: left;
}
.inr_banner_heading {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.inr_ban_des h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 600;
    letter-spacing: 1px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 50px 0 0 0;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box; 
   -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1; 
   -webkit-box-orient: vertical;
}
.inr_breadcrumb {
    text-align: left;
    width: 100%;
    /* jan 14 2022 */
    /* padding: 40.5px 0 6px; */
    /* jan 14 2022 */
    line-height: 14px;
}
.inr_breadcrumb ul li {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    font-size: 14px;
    color: #fff;
    line-height: normal;
}
.inr_breadcrumb ul li a {
    color: #ff5e15;
}
.inr_breadcrumb ul li:first-child:before {
    display: none;
}
.inr_breadcrumb ul li::before {
    color: #fff;
    content: "\f105";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: normal;
    left: 0px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    line-height: normal;
}
section .section-title {
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    font-size: 32px;
    text-transform: uppercase;
}
#team .card {
    border: none;
    background: #ffffff;
}
.image-flip:hover .backside, .image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
 border-radius: .25rem;
}
.image-flip:hover .frontside, .image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}
.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}
.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.frontside, .backside {
    box-shadow: 0px 1px 10px 0px rgb(204 204 204);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    width: 100%;
}
.frontside .card, .backside .card {
    min-height: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: unset;
}
.backside .card .card-text {
    font-size: 14px;
}
.backside .card a {
    font-size: 14px;
    color: #ff5e15 !important;
}
.frontside .card .card-title, .backside .card .card-title {
    color: #ff5e15 !important;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.btn-primary {
    background-color: #ff5e15;
    border-color: #ff5e15;
}
p, ul li {
    font-size: 16px;
    letter-spacing: .6px;
    font-weight: 500;
}
.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
p {
    margin: 0 0 10px;
}
.card-body {
    padding: 1.25rem 10px;
}
.comonSection {
    width: 100%;
    position: relative;
    padding: 35px 0;
    font-family: Cambria,Georgia,serif; 
}
.welP {
    font-size: 16px;
    text-align: justify !important;
    line-height: 30px;
    letter-spacing: 0;
}
.section-title small {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ff5e15;
    display: block;
    line-height: .8;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
#site-map .site-map-box {
    margin-bottom: 1em;
}
#site-map .site-map-box ul {
    padding-left: 1.5em;
}
.site-map-menu li {
    width: 100%;
    list-style-image: url(../images/menu-leaf.png);
    border-bottom: 1px #ccc dotted;
    margin-top: 7px;
    padding-bottom: 7px;
}
.site-map-menu li a {
    color: #000;
}
.site-map-menu li a:hover {
    color: #ff5e15;
}
ul li.expanded {
    border-bottom: none !important;
    list-style-image: url(../images/menu-expanded.png);
    list-style-type: circle;
}
.edu_masonery_thumb {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.edu_masonery_thumb img {
    border: 1px solid #cecece;
    padding: 5px;
    width: 100%;
}
.edu_masonery_thumb:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #000;
    opacity: 0;
}
.edu_masonery_thumb:hover:before {
    opacity: 0.65;
}
.edu_masonery_thumb .masonry_icon {
    color: #fff;
    font-size: 24px;
    left: 0;
    margin: -14.5% auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
/*.edu_masonery_thumb a.zoom {
    border-radius: 100%;
    color: #fff;
    font-size: 31px;
    height: 50px;
    left: 0;
    line-height: 47px;
    margin: -37px auto 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0%;
   
}*/

.edu_masonery_thumb a.zoom {
   height: 100%;
    color: #fff;
    font-size: 31px;
    height: 100%;
    left: 0;
    line-height: 200px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0%;
   
}
.edu_masonery_thumb .downloadPosterIcon{ position:absolute; bottom: 50px;
    left: 0;
    width: 100%; text-align: center; opacity:0; transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;}
.edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn{display: inline-block;
    background: #ff5e15;
    color: #fff;
    padding: 5px 10px; border-radius:5px; font-size:14px;}
    
.edu_masonery_thumb:hover .downloadPosterIcon{ opacity:1;}   
.edu_masonery_thumb:hover a {
    opacity: 1;
}
.edu_masonery_thumb .caption {
    background: #ff5e15;
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s; */
}
.edu_masonery_thumb:hover .caption {
    bottom: 0;
}
.edu_masonery_thumb .caption a {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    padding: 5px;
}
.monthly-quartly-bulletins .sidebar {
    background: #fff;
    padding: 30px;
}
.sidebar h5 {
    margin-bottom: 15px;
    font-weight: 500;
}
.customcheck {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #000;
}
/*.customcheck:hover input ~ .checkmark {
  border: 2px solid;
}*/
.customcheck input:checked ~ .checkmark {
    border: 2px solid;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.customcheck input:checked ~ .checkmark:after {
    display: block;
}
.customcheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.release-result {
    padding: 0 0 0 15px;
}
.release-result p {
    font-weight: 500;
    font-size: 16px;
}
.monthly-quartly-bulletins .release.release-pubs {
    margin: 0 0 10px 0;
    min-height: 100px;
    display: block;
    background-color: #4e4e4e;
    color: #fffffe;
    overflow: hidden;
    z-index: 0;
    position: relative;
    transition: all 0.5s ease;
}
.monthly-quartly-bulletins .release.release-pubs:hover {
    background-color: #ff5e15;
    transition: all 0.5s ease;
}
.release .release-tag {
    position: absolute;
    font-size: .8em;
    line-height: 1;
    top: 0;
    right: 0;
    padding: 8px;
    display: inline-block;
}
.release:after {
    content: '';
    background-image: url(../images/pattern4.png);
    background-repeat: repeat;
    background-size: 37px;
    display: block;
    height: 100%;
    position: absolute;
    opacity: .02;
    top: 0;
    width: 100%;
    z-index: -1;
}
.monthly-quartly-bulletins .release.release-pubs .release-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.monthly-quartly-bulletins .release.release-pubs .release-img img {
    height: 100%;
    width: auto;
    object-fit: cover;
    display: block;
}
.monthly-quartly-bulletins .release.release-pubs .release-content {
    margin-left: 120px;
    margin-top: 25px;
    position: static;
    padding: 20px;
    padding-top: 0;
    height: 100%;
    padding-right: 40px;
}
.monthly-quartly-bulletins .release.release-pubs .release-meta {
    line-height: 15px;
    min-height: 20px;
}
.monthly-quartly-bulletins .release.release-pubs h3.list {
    display: block;
    font-size: 18px;
}
.monthly-quartly-bulletins .release.release-pubs h3:after {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -25px;
    background-color: transparent;
    background-image: url(../images/sprite@2x.png);
    background-size: 60px 360px;
}
.open_software table th {
    background: #044f7c;
    color: #fff;
}
.open_software table.table-bordered td {
    border: 1px solid #000000;
}
/* Organogram */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.organogram_div .cf:before, .organogram_div .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.organogram_div .cf:after {
    clear: both;
}
.organogram_div .cf {
 zoom: 1;
}
.organogram_div .content {
    width: 100%;
    max-width: 1142px;
    margin: 0 auto;
    padding: 0 20px;
}
.organogram_div a:focus {
    border: 2px dashed #f7f7f7;
}
 @media screen and (max-width: 767px) {
.organogram_div .content {
    padding: 0 20px;
}
}
.organogram_div ul a {
    display: block;
    background: #ff9c6e;
    border: 4px solid #fff;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    height: 70px;
    margin-bottom: -26px;
    box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;/*border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;*/
}
@media print {
.organogram_div ul a {
    border: 4px solid #000;
}
}
 @media screen and (max-width: 767px) {
.organogram_div ul a {
    font-size: 1em;
}
}
.organogram_div ul a span {
    display: block;
}
/*
 
 */

.organogram_div .administration > li > a {
    margin-bottom: 25px;
}
.organogram_div .director > li > a {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    margin: 0 auto 0px auto;
    position: relative;
    top: 17px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 8;
    box-shadow: 0 0 3px #000000ab;
}
.subdirector:after {
    content: "";
    display: block;
    width: 0;
    height: 130px;
    border-left: 4px dashed #bfbfbf;
    left: 45.45%;
    position: relative;
}
 @media print {
.organogram_div .subdirector:after {
    border-left: 4px dashed #000;
}
}
.organogram_div .subdirector, .organogram_div .departments {
    width: 100%;
}
.organogram_div .subdirector > li:first-child, .organogram_div .departments > li:first-child {
    width: 18.59894921190893%;
    height: 90px;
    margin: 0 auto 18px auto;
    padding-top: 0;
    border-bottom: 4px dashed #bfbfbf;
    z-index: 1;
}
 @media print {
.organogram_div .subdirector > li:first-child,  .organogram_div .departments > li:first-child {
    border-bottom: 4px dashed #000;
}
}
.organogram_div .subdirector > li:first-child {
    float: right;
    right: 27.2%;
    border-left: 4px dashed #bfbfbf;
}
 @media print {
.organogram_div .subdirector > li:first-child {
    border-left: 4px dashed black;
}
}
.organogram_div .departments > li:first-child {
    float: left;
    left: 27.2%;
    border-right: 4px dashed #bfbfbf;
}
.organogram_div .departments.cf > li:first-child {
    height: 54px;
}
@media print {
.organogram_div .departments > li:first-child {
    border-right: 4px dashed black;
}
}
.organogram_div .subdirector > li:first-child a, .organogram_div .departments > li:first-child a {
    width: 100%;
}
.organogram_div .subdirector > li:first-child a {
    left: 77px;
    top: 18px;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px #000000ab;
}
.organogram_div .subdirector > li:after {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 120px;
    border-top: 4px dashed #bfbfbf;
    border-right: 4px dashed #bfbfbf;
    margin: 0 auto;
    top: 87px;
    left: 111%;
}
 @media screen and (max-width: 767px) {
.organogram_div .subdirector > li:first-child,  .organogram_div .departments > li:first-child {
    width: 40%;
}
.organogram_div .subdirector > li:first-child {
    right: 10%;
    margin-right: 2px;
}
.organogram_div .subdirector:after {
    left: 49.8%;
}
.organogram_div .departments > li:first-child {
    left: 10%;
    margin-left: 2px;
}
}
.organogram_div .departments > li:first-child a {
    right: 25px;
}
.organogram_div .department:first-child, .organogram_div .departments li:nth-child(2) {
    margin-left: 0;
    clear: left;
}
.organogram_div .departments:after {
    content: "";
    display: block;
    position: absolute;
    width: 50.7%;
    height: 22px;
    border-top: 4px dashed #bfbfbf;
    margin: 0 auto;
    top: 50px;
    left: 9.5%
}
 @media print {
.organogram_div .departments:after {
    border-top: 4px dashed #000;
    border-right: 4px dashed #000;
    border-left: 4px dashed #000;
}
}
 @media screen and (max-width: 767px) {
.organogram_div .departments:after {
    border-right: none;
    left: 0;
    width: 49.8%;
}
}
 @media screen and (min-width: 768px) {
.organogram_div .department:first-child:before,  .organogram_div .department:last-child:before {
    border: none;
}
}
.organogram_div .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 25px;
    border-left: 4px dashed #bfbfbf;
    z-index: 1;
    top: -92px;
    left: 100px;
    margin-left: -4px;
}
.organogram_div .department:after {
    position: absolute;
    content: "";
    border-bottom: 4px dashed #bfbfbf;
    z-index: 1;
    left: 97px;
    margin-left: -100px;
    top: -5px;
    display: block;
    width: 37px;
    height: 8px;
}
@media print {
.organogram_div .department:before {
    border-left: 4px dashed black;
}
}
.organogram_div .department {
    border-left: 4px dashed #bfbfbf;
    width: 23.59894921190893%;
    float: left;
    margin-left: 1.751313485113835%;
    margin-bottom: 60px;
    margin-top: 70px;
}
 @media print {
.organogram_div .department {
    border-left: 4px dashed #000;
}
}
.organogram_div .lt-ie8 .department {
    width: 18.25%;
}
 @media screen and (max-width: 767px) {
.organogram_div .department {
    float: none;
    width: 100%;
    margin-left: 0;
}
.organogram_div .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 60px;
    border-left: 4px dashed #bfbfbf;
    z-index: 1;
    top: -60px;
    left: 0%;
    margin-left: -4px;
}
.organogram_div .department:nth-child(2):before {
    display: none;
}
}
.organogram_div .department > a {
    margin: -67px 0 -74px 30px;
    z-index: 1;
    border-radius: 100%;
    height: 140px;
    width: 140px;
    display: flex;
    z-index: 9;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px #000000ab;
}
.organogram_div .department > ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
.organogram_div .department li {
    padding-left: 25px;
    border-bottom: 4px dashed #bfbfbf;
    height: 70px;
    margin-top: 90px;
}
 @media print {
.organogram_div .department li {
    border-bottom: 4px dashed #000;
}
}
.organogram_div .department li a {
    background: #fff;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    vertical-align: middle;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px #000000ab;/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
    background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );*/
}
/* Department/ section colors */
.organogram_div .department.dep-a a {
    background: #FFD600;
}
.organogram_div .department.dep-b a {
    background: #AAD4E7;
}
.organogram_div .department.dep-c a {
    background: #FDB0FD;
}
.organogram_div .department.dep-d a {
    background: #acdcb4;
}
.organogram_div .department.dep-e a {
    background: #94fff5;
}
ul.job-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.job-list > li.job-preview {
    background: #fff;
    border: 1px solid #d7e2e9;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    padding: 1.5rem 2rem;
    margin-bottom: 1rem;
    float: left;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
ul.job-list > li.job-preview:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}
.job-title {
    margin-top: 0.6rem;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}
.company {
    color: #ff5e15;
    font-size: 15px;
}
.job-preview .btn {
    margin-top: 10px;
}
.btn-apply {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    background-color: transparent;
    color: #044f7c;
    border: 2px solid #044f7c;
    padding: 8px 15px;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
}
.btn-apply:hover {
    background-color: #044f7c;
    color: #fff;
    border: 2px solid #044f7c;
}
ul.job-list li .content {
    width: 80%;
}
.brochures_div .sidebar {
    background: #fff;
    padding: 30px;
    position: unset !important;
    width: unset !important;
    top: unset !important;
}
.brochures_div .sidebar form {
       position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.brochures_div .sidebar form .clearBtnn{
    position: absolute;
    background: none;
    top: -13px;
    right: -6px;
}
.brochures_div .sidebar form .clearBtnn button{
       border: none;
    background: #fd7435;
    color: #fff;
}
.brochures_div .box1 {
    background: #fff;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}
.brochures_div .box1 img {
    width: 100%;
    margin: 10px;
    border: 1px solid #BBBBBB;
}
.brochures_div .box1 p.publication-date {
    color: #044f7c;
    font-weight: 500;
    margin-bottom: 0;
}
.brochures_div .box1 h2, .brochures_div .box1 h2 a {
    color: #002b54;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
.brochures_div .box1 p {
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.brochures_div .box1 a.btn.btn-primary {
    font-size: 14px;
}
.feedback_form .form_div {
    background: #ffffff;
    padding: 30px;
    text-align: left;
}
.red {
    color: red
}
.help_page th {
    background: #044f7c;
    color: #fff;
}
.help_page td {
    background: #fff;
    color: #000;
}
.data-agencies ul li {
    margin-bottom: 10px;
}
.dots {
    padding-left: 25px;
}
.dots li {
    list-style: disc;
}
a#show {
    text-align: center;
    position: absolute;
    z-index: 999;
    right: 60px;
    bottom: 50px;
}
#show i {
    width: 30px;
    background: #ff5e15;
    height: 26px;
    line-height: 26px;
    color: #fff;
}
i#firstImg {
    top: 0px;
    position: relative;
}
i#secondImage {
    top: 6px;
    position: relative;
}
#secondImage {
    display: none;
}
.active #firstImg {
    display: none;
}
.active #secondImage {
    display: inline-block;
}
/***************************/
/*************************    3-09-2020 css styling for services section  WRIS       *****************************************/
.Servies_Content .abt-wris {
    padding: 50px;
    background: rgb(4 79 124);
}
.Servies_Content .abt-wris h3 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}
.Servies_Content .abt-wris p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}
.Servies_Content .topics-part {
    padding: 40px;
    text-align: center;
}
.Servies_Content .topics-part h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: rgb(4 79 124);
    margin-bottom: 10px;
    text-align: center;
}
.Servies_Content .topics-part p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 1rem;
    min-height: 118px;
    color: #666;
}
.explore_me a:hover, .submit-btn:hover {
    text-decoration: none;
    background-color: #ff5e15;
}
.explore_me a {
    font-size: 14px;
    color: #fff;
    background-color: #044f7c;
    border: 1px solid #fff;
    padding: 8px 14px;
    display: inline-block;
    border-radius: 50px;
    line-height: 26px;
    transition: .48s;
}
.Servies_Content .topics-part:nth-child(2n+1) {
    background: #d9eeff;
}
.Servies_Content .topics-part img {
    max-width: 200px;
}
.Servies_Content .zoom-effect {
    position: relative;
    overflow: hidden;
}
.Servies_Content .zoom-effect img {
    transition-duration: 4s;
    margin: 0 auto;
    display: block;
}
.Servies_Content .zoom-effect img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}
.bg_orange {
    background-color: #ff5e15;
    font-size: 14px;
    color: #fff;
}
.bg_orange:hover {
     background-color: #044f7c;
    color: #fff;
}
/******************    Employee Corner Css         ***********************/
.Employee_corner {
 /*   border-top: 4px solid #2e4b90;*/
    border-top: 0px solid #2e4b90;
    margin-bottom: 10px;
    padding: 15px;
}
.Employee_corner .service-box {
    position: relative;
    background-color: rgb(255, 255, 255);
    min-height: 155px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
    margin-top: 40px;
    margin-bottom: 15px;
    padding: 10px;
}
.Employee_corner .service-box .fa {
    font-size: 26px;
    height: 65px;
    left: 0px;
    position: absolute;
    text-align: center!important;
    right: 0px;
    text-align: center;
    width: 65px;
    color: rgb(255, 255, 255);
    margin: -38px auto 0px;
    padding: 15px;
    transition: all 0.8s;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(210, 210, 210);
    border-image: initial;
}
.Employee_corner .service-box .imagesbox {
    font-size: 26px;
    height: 75px;
    left: 0px;
    position: absolute;
    background: #fff;
    text-align: center!important;
    right: 0px;
    text-align: center;
    width: 75px;
    color: rgb(255, 255, 255);
    margin: -38px auto 0px;
    padding: 0 5px;
    align-items: center;
    display: flex;
    transition: all 0.8s;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(210, 210, 210);
    border-image: initial;
}
.Employee_corner .service-box .voilet {
    background-color: #3F51B5;
}
.Employee_corner .service-box span {
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 155px;
    font-weight: 600;
}
.Employee_corner .service-box:hover .fa {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    margin: -45px auto 0;
}
.Employee_corner .service-box:hover .imagesbox {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    margin: -45px auto 0;
}
.Employee_corner .service-box .cyan {
    background-color: #00BCD5;
}
.Employee_corner .service-box .green {
    background-color: #7DB343;
}
.Employee_corner .service-box .yellow {
    background-color: #FEB301;
}
.Employee_corner .service-box .pink {
    background-color: #EC3F7A;
}
/********************    RTI Section starts                  *******************/
.Rti_section .table {
    margin: 40px 0;
}
.Rti_section .table {
    background: #fff;
}
.Rti_section .table thead {
    background: #001944ed;
    color: #fff;
}
.Rti_section .frontside .card {
    min-height: max-content;
}
.Rti_section .mainflip {
    margin-bottom: 10px;
}
.Rti_section div:nth-child(4) .mainflip {
    margin-bottom: 0px;
}
.Rti_section .frontside .card .card-body {
    padding: 15px 10px 10px;
}
.Rti_section .frontside .card .card-title {
    margin: 5px;
    font-size: 16px;
}
.Rti_section .frontside .card .card-body p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: normal;
}
.scrolling {
    height: 320px;
    overflow-y: auto;
}
/*
 *  STYLE 1
 */

#scroll-1::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
 #scroll-1::-webkit-scrollbar {
 width: 12px;
 background-color: #F5F5F5;
}
 #scroll-1::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #044f7c;
}
/***********     WRIS INTEGRATE      ***************/
.important-link-area .pos-1 {
    background: url(../images/download.png) no-repeat;
    width: 50px;
}
.important-link-area .pos-2 {
    background: url(../images/empanelment.png) no-repeat;
    width: 50px;
}
.important-link-area .pos-3 {
    background: url(../images/announcements1.png) no-repeat;
    width: 50px;
}
.important-link-area .pos-4 {
    background: url(../images/ri.png) no-repeat;
    width: 50px;
}
.important-link-area .icon-area {
    width: 46px;
    height: 46px;
    display: block;
    float: left;
    transition-duration: 0.5s;
    background-position: left;
}
.important-link-area header h3 {
    float: left;
    margin: 0;
    padding-left: 15px;
    color: #004673;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 40px;
    transition-duration: 0.4s;
    font-weight: 600;
}
.important-link-area .hover_effect:hover .icon-area {
    background-position: -49px 0;
    transition-duration: 0.5s;
}
.important-link-area h1, .linking h1 {
    font-size: 175%;
    font-weight: 600;
    color: rgb(4 79 124);
    width: fit-content;
    position: relative;
    z-index: 10;
    padding: 15px 20px 15px 0;
    border: 1px solid #f7941d;
    border-top: none;
    border-left: none;
    margin-bottom: 25px;
}
.important-link-area h1:before, .linking h1:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px solid #f7941d;
    border-top: none;
    border-left: none;
}
/******************  WIMS **************/

.linking ul > li > span {
    background-color: #0072bc;
    width: 55px;
    height: 55px;
    display: block;
    float: left;
    transition-duration: 0.4s;
}
.linking ul > li {
    float: left;
    width: 48%;
    background-color: #f1911f;
    margin: 2px 2px;
    display: table;
}
.linking ul > li > span img {
    margin: 0 auto;
    width: 30px;
    display: block;
    padding-top: 13px;
}
.linking ul > li > a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 10px;
    transition-duration: 0.4s;
}
.linking ul > li > a:hover {
    background-color: #025185;
    text-decoration: none;
    transition-duration: 0.4s;
}
.linking p {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 25px;
}
.linking ul:after {
    content: '';
    background: url(../images/line-shape.png) no-repeat;
    width: 8px;
    height: 357px;
    display: block;
    position: absolute;
    top: 0px;
    right: 15px;
}
/***********************  Styling for workshop event   ************************/
.important-link-area {
    padding: 40px;
}
.workshop_section h1 {
    color: #001944ed;
    font-weight: 800;
    padding: 0px 0 5px;
    text-align: center;
    display: table;
    font-size: 28px;
    text-transform: uppercase;
    margin: 0 auto 20px;
    border-bottom: 3px solid #ff5e15;
}
.previous-workshop {
    margin-bottom: 50px;
}
.previous-workshop img {
    border: 8px solid #fff;
    /* border-radius: 6px; */
    border-radius: 6px 6px 0px 0px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-bottom: 0px !important;
}
.participate-back {
    background-image: url(../images/participate.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 0 20px;
}
.participate-back .divS {
    list-style: none;
    color: #fff;
    font-size: 45px;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    min-height: 265px;
}
.participate-back .blueset {
    background: url(../images/blue-back.png);
    background-size: cover;
    background-repeat: repeat;
}
.participate-back .blackset {
    background: url(../images/black-back.png);
    background-size: cover;
    background-repeat: repeat;
}
.participate-back .divS h4 {
    text-align: center;
    display: table;
    font-weight: 600;
    font-size: 22px;
    margin: 8px auto 12px;
    color: #fff;
}
.participate-back .divS p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
}
/*********************       CONFERENCE PAGE STYLING STARTS FROM THIS SECTION                   **********************************************/
.conf_section h1 {
    color: #001944ed;
    font-weight: 800;
    padding: 0px 0 5px;
    text-align: center;
    display: table;
    font-size: 2em;
    text-transform: uppercase;
    margin: 30px auto 10px;
    border-bottom: 3px solid #ff5e15;
}
.call-actn {
    background: #badcf9;
    padding: 40px 20px 25px;
    margin-top: 25px;
    min-height: 245px;
}
.call-actn2 {
    background: #eee;
    padding: 40px 20px 25px;
    margin-top: 25px;
    min-height: 245px;
}
.call-actn span i, .call-actn2 span i {
    font-size: 36px;
    color: #212529;
}
.speaker-note h4, .speaker-note h4 a {
    font-size: 18px;
    color: #212529;
    font-weight: 600;
    margin-bottom: 8px;
      overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
   height: 45px;
}
.speaker-note .customtooltip {
    overflow: hidden;
    height: 22px;
    color: #fd7435;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.speaker-note .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    margin-bottom: 20px;
}
.events-desc {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}
.events-desc span {
    margin-right: 15px;
    color: #000;
}
.speaker-note .events-desc p {
    margin: 5px 0;
    font-style: normal;
    font-weight: 500;
}
.speaker-note h4 a:hover {
    color: #ff5e15;
}
.speaker-note p {
    font-size: 15px;
    color: #212529;
    font-style: italic;
    font-weight: 400;
    margin: 12px 0;
}
.speaker-note img {
    margin-bottom: 10px;
    height: 210px;
    width: 100%;
}
.main-contnt {
    padding: 0 0 25px 0;
}
.nav-tabs {
    margin-bottom: 20px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    color: #000000;
    font-weight: 600;
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
}
.nav-tabs > li > a:hover {
    background-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #f2545f;
    cursor: default;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: #999;
}
.tab-content {
    padding-top: 20px;
}
#tile-1 .nav-tabs {
    position: relative;
    border: none!important;
    background-color: #fff;
    /*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
    border-radius: 6px;
}
#tile-1 .nav-tabs li {
    margin: 0px!important;
}
#tile-1 .nav-tabs li a {
    position: relative;
    margin-right: 0px!important;
    padding: 20px 40px!important;
    font-size: 16px;
    border: none!important;
    color: #333;
}
#tile-1 .nav-tabs a:hover {
    background-color: #fff!important;
    border: none;
}
#tile-1 .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #39bcd3;
    position: absolute;
    z-index: 1200;
    bottom: 0;
    transition: all .4s linear;
}
#tile-1 .nav-tabs .active {
    background-color: transparent!important;
    border: none!important;
    color: #39bcd3!important;
}
#tile h3 {
    margin-top: 16px!important;
}
.program-divider {
    border: 1px solid #f9f9f9;
    margin-top: 0px;
    margin-bottom: 20px;
}
/*.organizations_banner {
    background-image: url(../images/inner-banners/organisation.jpg); 
}*/
.iwcims_banner {
    background-image: url(../images/inner-banners/water_resources.jpg );
}
.organogram_banner {
    background-image: url(../images/inner-banners/organogram.jpg);
}
.whoiswho_banner {
    background-image: url(../images/inner-banners/whoiswho.jpg);
}
.dataagencies_banner {
    background-image: url(../images/inner-banners/dataagencies.jpg);
}
.partners_banner {
    background-image: url(../images/inner-banners/partners.jpg);
}
.data_banner {
    background-image: url(../images/inner-banners/data.jpg);
}
.indiawris_banner {
    background-image: url(../images/inner-banners/indiawris.jpg);
}
.wims_banner {
    background-image: url(../images/inner-banners/wims.jpg);
}
.vacancy_banner {
    background-image: url(../images/inner-banners/vacancy.jpg);
}
.seminar_banner {
    background-image: url(../images/inner-banners/seminars.jpg);
}
.employeecorner_banner {
    background-image: url(../images/inner-banners/EmployeeCorner.jpg);
}
.rti_banner {
    background-image: url(../images/inner-banners/rti.jpg);
}
.bulletins_banner {
    background-image: url(../images/inner-banners/bulletinsBanner.png);
}
.atlas_banner {
    background-image: url(../images/inner-banners/ATLAS.png);
}
.opensoftware_banner {
    background-image: url(../images/inner-banners/opensoftware.jpg);
}
.gallery_banner {
    background-image: url(../images/inner-banners/gallery.jpg);
}
.conferences_banner {
    background-image: url(../images/inner-banners/conferences.jpg);
}
.workshop_banner {
    background-image: url(../images/inner-banners/workshop-training.jpg);
}
.banner_mobile_content {
    display: none;
}
#ventures .slick-dots li {
    display: inline-block;
}
#ventures .slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 3px;
    text-indent: 99999px;
    background: #044f7c;
    border: none;
    position: relative;
    top: -25px;
}
#ventures .slick-dots li.slick-active button {
    background: #ff5e15;
}
/*****************FEATURES SECTION START*************/
#features {
    padding-top: 40px;
    padding-bottom: 40px;
}
.main-heading {
    font-size: 45px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -3px;
    font-weight: normal;
}
.sub-heading {
    font-size: 15px;
    font-family: 'Playfair Display', serif;
}
.feature-icon {
    font-size: 55px;
    margin-bottom: 5px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.feature-icon img {
    height: 125px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.feature-card .card {
    border: none;
}
.feature-card .card-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.feature-card .card-text {
    color: #ff5e15;
}
.feature-card .card-body {
    padding: 10px 8px;
}
.box {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    border: 1px solid #000;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    margin-right: -1px;
}
.box:hover {
    z-index: 10;
}
.box:before, .box:after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 1;
}
.box:before {
    width: calc(100% + 1px);
    height: 100%;
    z-index: 1;
    -webkit-transition: height 1s ease, opacity .8s ease;
    -o-transition: height 1s ease, opacity .8s ease;
    transition: height 1s ease, opacity .8s ease;
}
.box:after {
    height: calc(100% + 1px);
    width: 100%;
    z-index: 1;
    border: 1px solid #ddd;
    -webkit-transition: width 1s ease, opacity .8s ease;
    -o-transition: width 1s ease, opacity .8s ease;
    transition: width 1s ease, opacity .8s ease;
}
.box:hover:before, .box:focus:before {
    -webkit-transition: height .2s ease, opacity .3s ease;
    -o-transition: height .2s ease, opacity .3s ease;
    transition: height .2s ease, opacity .3s ease;
    height: 85%;
    width: 110%;
    opacity: .7;
    border: 1px solid #ff5e15;
}
.box:hover:after, .box:focus:after {
    -webkit-transition: width .2s ease, opacity .3s ease;
    -o-transition: width .2s ease, opacity .3s ease;
    transition: width .2s ease, opacity .3s ease;
    width: 100%;
    opacity: .8;
    border: 1px solid #044f7c;
}
.box:hover .box__image .card-title {
    color: #044f7c;
}
.box:hover .feature-icon {
    color: #94cb00;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.box__image {
    fill: #000;
    width: 100%;
    will-change: width;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
}
.col-height-features {
    height: 270px;
    padding: 0 10px;
}
.bannerSlider {
    width: 100%;
    position: relative;
    background: #000;
    margin-top: 100px;
    height: 410px;  
}
.bannerSlider:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.70);
    content: '';
    left: 0;
    top: 0;
    z-index: 1;
}
.bannerSlider img {
    width: 100%;
}
.bannerSlider .owl-carousel {
    overflow: hidden;
    height: 410px
}
.bannerSlider .banner-wrapper {
    width: 100%;
    position: absolute;
    /* bottom: -20px; */
    bottom: 0px;
    left: 0;
}
/*************************SOCIAL ICONS*********************/
p.mobile_device_content {
    display: none;
}
.social_icon {
    position: absolute;
    right: 37px;
    top: 11%;
}
ul.social-icon li a:hover i {
    color: #fff;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
ul.social-icon li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 2;
}
ul.social-icon li a:hover:before {
    top: 0;
}
ul.social-icon li a:hover {
    border: 2px solid white;
    border-radius: 50px;
}
ul.social-icon li.fb a:before {
    background: #3b5999;
}
ul.social-icon li.twit a:before {
    background: #55acee;
}
ul.social-icon li.linkedin a:before {
    background: #0077b5;
}
ul.social-icon li.insta a:before {
    background: #dd4b39;
}
ul.social-icon li a {
    width: 40px;
    height: 40px;
    background-color: transparent;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 5px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: none;
    z-index: 1;
}
ul.social-icon li a i {
    position: relative;
    color: #ffffff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 3;
}
ul.social-icon li {
    list-style: none;
}
ul.social-icon li a {
    color: black;
}
.logoMiddle p.only_mobile {
    display: none;
}
.navigation-wrap.header-wrap.scroll-on .wsmenu-list li a {
    text-shadow: none;
}
.inr_breadcrumb ul li:first-child {
    padding: 0;
}
.inr_breadcrumb ul li:first-child a {
    display: none;
}
.inr_breadcrumb ul li:nth-child(2) {
    font-weight: 500;
    color: #ff5e15;
}
.inr_breadcrumb ul li:nth-child(2):before {
    color: #fff;
}
/*digital csss*/
.celebrities-box {
    width: 100%;
    height: 100%;
    background-color: #044f7c;
    padding: 5px 8px;
    float: left;
    transition: transform 0.8s;
    box-shadow: 1px 0 4px #6d6d6d;
    display: flex;
    align-items: center;
}
.celebrities-box div {
    width: 100%;
}
.celebrities-box img {
    border: 2px solid #fff;
    float: left;
    transition: transform 0.8s;
}
.celebrities-box h2 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.celebrities-box:nth-child(1) {
    margin-top: 10px;
}
.celebrities-box:hover img {
    transform: rotateY(180deg);
    transition: transform 0.8s;
}
.celebrities-box p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 0;
}
.celebrities-box p a {
    color: #fd7435;
    font-weight: 700;
}
.popover__wrapper {
    position: relative;
    margin: 5px 0;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0px;
    transform: translate(0, 10px);
    background-color: #fff;
    /* background-color: #bfbfbf;*/
    padding: 20px 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.45);
    width: auto;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 110px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
    text-align: center;
}
.data_map_right {
    float: right;
    width: 35%;
    margin-left: 25px;
}
.data_map_right2 {
    float: right;
    width: 25%;
    margin-left: 25px;
}
/************* data agencies white map class 14-9-2020 ************/
.white {
    padding: 35px 0;
    background-color: #fff;
}
.white .dots li {
    margin-bottom: 10px;
}
.organizations {
    padding: 35px 10%;
}
.datapage {
    background: url(../images/arches.png);
}
.datapage:before {
    position: absolute;
    content: "";
    background: rgb(255 255 255 / 15%);
    width: 100%;
    height: 100%;
    top: 0;
}
.dots li {
    list-style-type: disc;
}
/* Gallery */
.gallerySectionPanel .tab-pane.fade {
    display: none;
}
.gallerySectionPanel .tab-pane.fade.active.show {
    display: block;
}
.gallerySectionPanel ul.nav.nav-tabs {
    position: absolute;
    right: 0;
    top: -50px;
}
.gallerySectionPanel ul.nav.nav-tabs.eventstabs {
    position: unset;
    right: unset;
    top: unset;
    float: right;
}
.gallerySectionPanel ul.nav.nav-tabs li a {
    padding: 10px 15px;
    background: #044f7c;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}
.gallerySectionPanel ul.nav.nav-tabs li a:hover,.gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #ff5e15;
}
.gallerySectionPanel {
    position: relative;
    margin-top: 50px;
}
/* Event Management Page */
.events_div .tab-content {
    background: #fff;
    padding-top: 0;
    border-top: 4px solid #fd7435;
}
.events_div .tab-content img {
    padding: 15px;
    float: left;
}
.events_div .tab-content p {
    height: 180px;
    font-size: 18px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
}
.events_div .tab-pane:after {
    content: "";
    display: block;
    clear: both;
}
.events_div .tab-pane.fade.active.show {
    display: block !important;
}
.events_div .nav-tabs-outer .nav-tabs {
    text-align: center;
    margin: 0 auto;
    float: none;
    width: 45%;
    padding: 15px;
    border-bottom: none;
}
.events_div .nav-tabs-outer ul li a {
    background: #c7c7c7;
    margin: -2px;
    line-height: normal;
    padding: 15px 20px;
    color: #000000;
    font-weight: bold;
}
.events_div .nav-tabs-outer ul li a.active {
    background: #fd7435;
    color: #fff;
}
.events_div .nav-tabs-outer ul.parent_tabs li a {
    border: 1px solid #c7c7c7;
    color: #000000;
    background: no-repeat;
    padding: 95px 42px 15px;
    margin: -1px;
}
.events_div .nav-tabs-outer ul.nav.na-tab.parent_tabs {
    margin: 95px auto 35px;
    width: 74%;
    float: none;
    display: table;
}
.events_div .nav-tabs-outer ul.nav.na-tab.parent_tabs li {
    display: inline-block;
}
.events_div .nav-tabs-outer ul.parent_tabs li a {
    background: url(../images/seminar-icon.png) no-repeat scroll center 21px;
}
.events_div .nav-tabs-outer ul.parent_tabs li a.active {
    background: url(../images/seminar-icon1.png) no-repeat scroll center 21px;
    color: #fd7435;
    border: 1px solid;
}
.events_div .nav-tabs-outer ul.parent_tabs li:nth-child(3) a {
    background: url(../images/workshop-icon.png) no-repeat scroll center 21px;
}
.events_div .nav-tabs-outer ul.parent_tabs li:nth-child(3) a.active {
    background: url(../images/workshop-icon1.png) no-repeat scroll center 21px;
}
.none {
    display: none;
    transition: all 0.3s ease-in-out;
}
.tab-pane h3, .tab-pane h3 a {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #000;
}
.tab-pane h3 a:hover {
    color: #fd7435;
}
.paddingDiv {
    padding: 20px;
    margin: 20px 30px;
    border-bottom: 1px dashed;
}
.events_innerdiv {
    background: #fff;
}
.eventsdetaildiv li {
    border-right: 2px solid #808080;
    padding: 0 10px;
    display: inline-block;
    font-weight: 500;
    color: #fd7435;
}
.eventsdetaildiv li:nth-child(1) {
    padding-left: 0;
}
.eventss-image:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 95%;
    width: 95%;
    -webkit-background: linear-gradient(-45deg, #fff 0%, #fd7435 100%);
    background: linear-gradient(-45deg, #fff 0%, #fd7435 100%);
    z-index: 0;
}
.eventss-image img {
    position: relative;
    margin-left: 10px;
}
.itinerary-overview_details {
    background: #e0e0e0;
    padding: 20px 25px;
}
.itinerary-overview_details h1 {
    text-align: left;
    font-size: 22px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 1.5px;
    padding-bottom: 10px;
    border-bottom: solid 1px #da4b38;
    border-bottom: solid 1px #da4b38;
}
.itinerary-overview_details ul {
    list-style: none;
    margin: 0;
}
.itinerary-overview_details ul li {
    padding: 5px 0 8px 0;
    border-bottom: dashed 1px #777;
    line-height: 25px;
    letter-spacing: 0.8px;
    word-spacing: 1.8px;
}
.itinerary-overview_details ul li strong {
    display: table;
    padding: 0;
    color: #fd7435;
    width: 100%;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.7px;
}
.itinerary-overview_details ul li strong i {
    background: #edebeb;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    border-radius: 20px;
    color: #fd7435;
    margin-right: 11px;
    border: solid 1px #e2dddd;
}
.itinerary-overview_details ul li.duration span {
    padding-left: 50px;
    display: table;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
#detail .product-images {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #eee;
}
#detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
    display: block;
    outline: none;
    border: none;
}
#detail .product-images .main-img-slider figure {
    margin: 0 auto;
    padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
#detail .product-images .thumb-nav {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 600px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
    margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
    margin-right: -21px;
}
#detail .product-images .thumb-nav li {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
#detail .product-images .thumb-nav li img {
    display: block;
    width: 100%;
    max-width: 120px;
    height: 70px;
    margin: 0 auto;
    border: 2px solid transparent;
    -webkit-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -moz-transition: border-color .25s;
    transition: border-color .25s;
}
#detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
    border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
    border-color: #fd7435;
}
.demo-gallery img.img-fluid {
    width: 100%;
    height: 315px;
}
/* Organogram NEW */
.organogram1_div .content {
    overflow-x: auto;
}
.tree, .tree ul, .tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.tree ul.anothertree li span {
    top: -15px;
    right: -15%;
}
.anothertree li span:before {
    top: 40px;
    left: -118px;
    width: 117px;
    height: 0;
}
.anothertree li span:after {
    top: -20px;
    content: "";
    position: absolute;
    border: 1px solid #000;
    left: -118px;
    width: 0;
    height: 152px;
    z-index: -1
}
.tree {
    margin: 0 0 1px;
    text-align: center;
}
.tree, .tree ul {
    display: table;
    width: 100%;
}
.tree ul {
    width: 100%;
}
.tree li {
    display: table-cell;
    padding: .4em 0 0;
    vertical-align: top;
}
/* _________ */
.tree li:before {
    border: solid 1px #000;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.tree li:first-child:before {
    left: 50%;
}
.tree li:last-child:before {
    right: 48.8%;
}
.tree code, .tree span {
    border: solid 1px #000;
    border-top: solid 4px #000;
    border-radius: 0 0 25px 0;
    display: inline-block;
    margin: 10px 4px 20px;
    padding: 7px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}
.tree span small {
    display: block;
}
.tree .orange {
    background: #ffc107;
}
.tree .purple {
    background: #FDB0FD;
}
.tree .green {
    background: #94fff5;
}
.tree .red {
    background: #fdabab;
    color: #000;
}
.tree .skyblue {
    background: #abccfd;
}
.tree .dust {
    background: #f9cda3;
}
.tree .greenlight {
    background: #a5ef6d;
}
.tree span img {
    width: 35px;
    margin-right: 8px;
    margin: auto;
    display: block;
}
/* | */
.tree ul:before, .tree code:before, .tree span:before {
    border: solid 1px #000;
    content: "";
    height: 29px;
    left: 50%;
    position: absolute;
    z-index: -1;
}
.tree ul:before {
    top: -29px;
}
.tree code:before, .tree span:before {
    top: -19px;
}
/* The root node doesn't connect upwards */
.tree > li {
    margin-top: 0;
}
.tree > li:before, .tree > li:after, .tree > li > code:before, .tree > li > span:before {
    border: none;
}
/***************Data 24-09-2020******************/

.about-us figure {
    padding: 0 40px 40px 0;
    width: 450px;
    transition: all 0.5s ease;
    z-index: 1;
    position: relative;
}
.about-us figure img {
    position: relative;
    transition: all 0.5s ease;
}
.about-us figure:hover {
    padding: 0;
    transition: all 0.5s ease;
}
.about-us figure::before {
    right: 0;
    bottom: 0;
    top: 25px;
    left: 30px;
    position: absolute;
    content: "";
    border: 10px solid #fd7435;
}
.welcome-area {
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
}
.welcome-area .single-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
}
.welcome-area .single-item .text-holder {
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #f4f4f4;
    position: relative;
    top: 0px;
    background: #fff;
    display: block;
    padding: 25px 15px 11px;
    box-shadow: 0 0 10px #0000002e;
    margin-bottom: 10px;
}
.welcome-area .single-item .text-holder:before {
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    background: #fd7435;
    left: 0;
    top: -1px;
}
.welcome-area .single-item .text-holder h1 {
    font-size: 30px;
}
.welcome-area .single-item .text-holder:after {
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    top: -1px;
    transform: scaleX(0);
    transition: .5s ease;
}
.single-item .img-holder .overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #fd7435;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.single-item .img-holder:hover .overlay {
    bottom: 0;
    height: 100%;
}
.single-item .img-holder .text {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.groundwaterBG {
    background: -webkit-linear-gradient(rgba(0,11,51,0.72), rgba(0,11,51,0.72)), url(../images/groundwaterbg.jpg);
    background-size: cover;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 55px 0 35px 0;
    background-attachment: fixed;
    text-align: center;
    clear: both;
}
.filter {
    margin-bottom: 15px;
}
.filterDate {
    float: right;
    margin-right: 10px;
}
.filterDate .healcode-jump-to-date {
    position: relative;
}
.filterDate .healcode-jump-to-date input {
    padding: 0 15px;
    color: #777;
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #aaaaaa;
    background: #fbfbfb;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: box-shadow .35s ease, border-color .35s ease;
    transition: box-shadow .35s ease, border-color .35s ease;
}
.traning_schedule [class*="table-type"] {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.traning_schedule table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    border: none;
    border-spacing: 0;
}
table tr td,table tr th { font-family: Cambria,Georgia,serif;}
.traning_schedule .table-type-1 table tr:first-child > th, .table-type-2 table tr > th {
    letter-spacing: 0.5px;
    color: #fff;
    background: #044f7c;
    text-transform: capitalize;
}
.traning_schedule .table-type-1:not(.responsive-table) table tr:nth-child(2n+1) > td, .table-type-1.responsive-table table tr:nth-child(2n) > td {
    background: #fbfbfb;
}
.traning_schedule [class*="table-type"] table tr > td, [class*="table-type"] table tr > th {
    padding: 10px 20px;
    text-align: left;
    background-color: #e6e6e6;
}
.traning_schedule tr td {
    border-bottom: 1px solid #d4d4d4;
}
.traning_schedule tr td a {
    text-align: center;
    color: #000;
}
.traning_schedule tr td a:hover {
    color: #fd7435;
}
.traning_schedule tr td button, .traning_schedule tr td a img {
    margin: 0 2px;
}
.select2-container {
    width: auto !important;
}
.select2-container .select2-selection--single {
    width: 200px;
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.filterDate {
    float: right;
    margin-right: 10px;
}
.healcode a {
    float: right;
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #044f7c;
    text-align: center;
    border-radius: 4px;
    margin: 0 0 0 5px;
}
.select2-results__option {
    font-size: 14px;
}
.select2-dropdown {
    z-index: 99;
}
button.btn.btn-custom {
    background: #fd7435;
    border-radius: 0 4px 4px 0;
    height: 40px;
    color: #fff;
}
button.btn.btn-custom:hover{background: #044f7c;}
.box-white {
    background: #fff;
    padding: 15px 10px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 30 - THEME CONFIG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.theme-config {
    position: fixed;
    left: -152px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 152px;
    min-height: 50px;
    background: #fff;
    border: 1px #e7e7e7 solid;
    z-index: 99;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    padding: 10px;
}
.theme-config.active {
    left: 0;
}
.theme-config .open {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px #e7e7e7 solid;
    border-left: none;
    left: 100%;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.theme-config .open img {
    -webkit-backface-visibility: hidden;
}
.theme-config .open img:nth-child(1) {
    position: absolute;
    left: 6px;
    top: 5px;
    width: 25px;
    height: auto;
}
.theme-config .open img:nth-child(2) {
    position: absolute;
    left: 29px;
    top: 22px;
    width: 15px;
    height: auto;
}
.theme-config .open img:nth-child(3) {
    position: absolute;
    left: 17px;
    top: 31px;
    width: 12px;
    height: auto;
}
.theme-config .open:hover img {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}
.theme-config .open:hover img:nth-child(2) {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.theme-config .title {
    color: #232c3b;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-bottom: 7px;
    position: relative;
    margin: 5px 10px 5px 10px;
}
.theme-config .title:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #232c3b;
}
.theme-config .colours-wrapper .entry, .theme-config .colours-wrapper1 .entry1 {
    z-index: 99;
    height: 35px;
    width: 40px;
    margin: 10px;
    cursor: pointer;
    position: relative;
    float: left;
    background: currentColor;
}
.theme-config .colours-wrapper .entry:after, .theme-config .colours-wrapper1 .entry1:after {
    position: absolute;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border: 3px currentColor solid;
    content: "";
    opacity: 0;
}
.theme-config .colours-wrapper .entry.active:after, .theme-config .colours-wrapper1 .entry1.active:after {
    opacity: 1;
}
.theme-config .colours-wrapper .entry:last-child, .theme-config .colours-wrapper1 .entry1:last-child {
    margin-bottom: 0;
}
.theme-config .open img {
    -moz-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -ms-transition: all 700ms ease-out;
}
.theme-config {
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
}
/*theme 2*/
body[data-theme="theme-2"] .topHeader, body[data-theme="theme-2"] .wsmenu-submenu li a:hover, body[data-theme="theme-2"] .edu_masonery_thumb .caption, body[data-theme="theme-2"] button.btn.btn-custom {
    background: #94cb00
}
body[data-theme="theme-2"] .navigation-wrap.header-wrap.scroll-on, body[data-theme="theme-2"] .monthly-quartly-bulletins .release.release-pubs:hover {
    background-color: #94cb00 !important
}
body[data-theme="theme-2"] .wsmenu-submenu, .box:focus:before, body[data-theme="theme-2"] .about-us figure::before, body[data-theme="theme-2"] .megamenu, body[data-theme="theme-2"] .important-link-area h1:before, body[data-theme="theme-2"] .linking h1:before, body[data-theme="theme-2"] .linking h1, body[data-theme="theme-2"] .conf_section h1, body[data-theme="theme-2"] .itinerary-overview_details h1 {
    border-color: #94cb00
}
body[data-theme="theme-2"] .ball-clip-rotate-multiple>div:last-child {
    border-color: #00bbd2 transparent #00bbd2 transparent
}
body[data-theme="theme-2"] .form-control:focus {
    border-color: #00bbd2;
    box-shadow: 0 0 0 0.2rem rgb(0 187 210 / .25);
}
body[data-theme="theme-2"] .feature-card .card-text, body[data-theme="theme-2"] .wsmenu-list li a.active, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li:after, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o, body[data-theme="theme-2"] h2.heading span, body[data-theme="theme-2"] .inr_breadcrumb ul li:nth-child(2), body[data-theme="theme-2"] .frontside .card .card-title, body[data-theme="theme-2"] .backside .card .card-title, body[data-theme="theme-2"] .backside .card a, body[data-theme="theme-2"] .img-holder .text-holder p, body[data-theme="theme-2"] .traning_schedule tr td a:hover, body[data-theme="theme-2"] .speaker-note .customtooltip, body[data-theme="theme-2"] .itinerary-overview_details ul li strong, body[data-theme="theme-2"] .itinerary-overview_details ul li strong i {
    color: #94cb00 !important
}
body[data-theme="theme-2"] .form-content .form-button .ibtn:hover, body[data-theme="theme-2"] footer i.fa.fa-chevron-up, body[data-theme="theme-2"] footer i.fa.fa-chevron-down, body[data-theme="theme-2"] .megamenu li a:hover, body[data-theme="theme-2"] .gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #00bbd2 !important
}
body[data-theme="theme-2"] .expertise-list-content span, body[data-theme="theme-2"] footer h3.widget-title, body[data-theme="theme-2"] footer .widget_services ul li a:hover, body[data-theme="theme-2"] footer .widget_address li a:hover, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li a:hover, body[data-theme="theme-2"] h5.section-title {
    color: #94cb00!important
}
body[data-theme="theme-2"] .slick-dots li.slick-active button, body[data-theme="theme-2"] .welcome-area .single-item .text-holder:before {
    background: #00bbd2!important
}
body[data-theme="theme-2"] .topRightHeader .dropdown .menuPanelDown li{background: #94cb00!important}
body[data-theme="theme-2"] footer .widget_services ul li a:hover, body[data-theme="theme-2"] footer .widget_address li i{
    color: #00bbd2
}
 body[data-theme="theme-2"] .section-title small {
    color: #94cb00
}
body[data-theme="theme-2"] footer .social-icons li a, body[data-theme="theme-2"] .expertise-button a:hover, body[data-theme="theme-2"] .modal button.btn.btn-default.btn-block, body[data-theme="theme-2"] .celebrities-box, body[data-theme="theme-2"] .single-item .img-holder .overlay {
    background-color: #94cb00  !important
}
body[data-theme="theme-2"] .searchBoxSt button.btn-danger {
    border-color: #00bbd2;
    background-color: #00bbd2;
}

body[data-theme="theme-2"] .btn-primary {
    border-color: #94cb00;
    background-color: #94cb00;
}

body[data-theme="theme-2"] .banner-text-wrapper h4 {
    text-shadow: -1px 1px 0px #00bbd2 !important;
}
body[data-theme="theme-2"] .navigation-wrap.header-wrap.scroll-on .wsmenu-list li a.active {
    color: #044f7c !important;
}
body[data-theme="theme-2"] .workshop_section h1 {
    border-color: #94cb00
}
body[data-theme="theme-2"] .bg_orange {
    background-color: #94cb00;
}
body[data-theme="theme-2"] .bg_orange:hover {
    background-color: #08aac1;
}
body[data-theme="theme-2"] .wsmenu .wsmenu-list li a:hover, body[data-theme="theme-2"] .sidebarDiv {
    background-color: #abdd24  !important;
}
body[data-theme="theme-2"] #detail .product-images .thumb-nav li.slick-current img {
    border-color: #00bbd2 !important;
}
@media only screen and (max-width: 1024px) {
body[data-theme="theme-2"] .wsmenu .wsmenu-list li a.active, body[data-theme="theme-2"] .wsmenu-click, body[data-theme="theme-2"] .mobile-sub .wsmenu-submenu {
    background-color: #00bbd2 !important;
    color: #fff !important
}
}
/*theme 3*/
body[data-theme="theme-3"] .topHeader, body[data-theme="theme-3"] .wsmenu-submenu li a:hover, body[data-theme="theme-3"] .edu_masonery_thumb .caption, body[data-theme="theme-3"] button.btn.btn-custom {
    background: #f5b51b
}
body[data-theme="theme-3"] .navigation-wrap.header-wrap.scroll-on, body[data-theme="theme-3"] .monthly-quartly-bulletins .release.release-pubs:hover {
    background-color: #f5b51b !important
}
body[data-theme="theme-3"] .wsmenu-submenu, body[data-theme="theme-3"] .box:hover:before, .box:focus:before, body[data-theme="theme-3"] .about-us figure::before, body[data-theme="theme-3"] .megamenu, body[data-theme="theme-3"] .important-link-area h1:before, body[data-theme="theme-3"] .linking h1:before, body[data-theme="theme-3"] .linking h1, body[data-theme="theme-3"] .conf_section h1, body[data-theme="theme-3"] .itinerary-overview_details h1 {
    border-color: #f5b51b
}
body[data-theme="theme-3"] .ball-clip-rotate-multiple>div:last-child {
    border-color: #f5b51b transparent #f5b51b transparent
}
body[data-theme="theme-3"] .form-control:focus {
    border-color: #f5b51b;
    box-shadow: 0 0 0 0.2rem rgb(148 203 0 / .25);
}
body[data-theme="theme-3"] .feature-card .card-text, body[data-theme="theme-3"] .wsmenu-list li a.active, body[data-theme="theme-3"] .tabPanelBox .panelTabBox ul li:after, body[data-theme="theme-3"] .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o, body[data-theme="theme-3"] h2.heading span, body[data-theme="theme-3"] .inr_breadcrumb ul li:nth-child(2), body[data-theme="theme-3"] .frontside .card .card-title, body[data-theme="theme-3"] .backside .card .card-title, body[data-theme="theme-3"] .backside .card a, body[data-theme="theme-3"] .img-holder .text-holder p, body[data-theme="theme-3"] .traning_schedule tr td a:hover, body[data-theme="theme-3"] .speaker-note .customtooltip, body[data-theme="theme-3"] .itinerary-overview_details ul li strong, body[data-theme="theme-3"] .itinerary-overview_details ul li strong i, body[data-theme="theme-3"] .speaker-note h4 a:hover {
    color: #f5b51b !important
}
body[data-theme="theme-3"] .form-content .form-button .ibtn:hover, body[data-theme="theme-3"] .trainingtBox a:hover, body[data-theme="theme-3"] footer i.fa.fa-chevron-up, body[data-theme="theme-3"] footer i.fa.fa-chevron-down, body[data-theme="theme-3"] .megamenu li a:hover, body[data-theme="theme-3"] .gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #f5b51b !important
}
body[data-theme="theme-3"] .expertise-list-content span, body[data-theme="theme-3"] footer h3.widget-title, body[data-theme="theme-3"] footer .widget_services ul li a:hover, body[data-theme="theme-3"] footer .widget_address li a:hover, body[data-theme="theme-3"] .tabPanelBox .panelTabBox ul li a:hover, body[data-theme="theme-3"] h5.section-title {
    color: #f5b51b!important
}
body[data-theme="theme-3"] .slick-dots li.slick-active button, body[data-theme="theme-3"] .topRightHeader .dropdown .menuPanelDown li, body[data-theme="theme-3"] .welcome-area .single-item .text-holder:before {
    background: #f5b51b!important
}
body[data-theme="theme-3"] footer .widget_services ul li a:hover, body[data-theme="theme-3"] footer .widget_address li i, body[data-theme="theme-3"] .section-title small {
    color: #f5b51b
}
body[data-theme="theme-3"] footer .social-icons li a, body[data-theme="theme-3"] .expertise-button a:hover, body[data-theme="theme-3"] .modal button.btn.btn-default.btn-block, body[data-theme="theme-3"] .single-item .img-holder .overlay {
    background-color: #f5b51b !important
}
body[data-theme="theme-3"] .searchBoxSt button.btn-danger, body[data-theme="theme-3"] .btn-primary {
    border-color: #f5b51b;
    background-color: #f5b51b;
}
body[data-theme="theme-3"] .banner-text-wrapper h4 {
    text-shadow: -1px 1px 0px #f5b51b !important;
}
body[data-theme="theme-3"] .navigation-wrap.header-wrap.scroll-on .wsmenu-list li a.active {
    color: #044f7c !important;
}
body[data-theme="theme-3"] .workshop_section h1 {
    border-color: #f5b51b
}
body[data-theme="theme-3"] .bg_orange {
    background-color: #f5b51b;
}
body[data-theme="theme-3"] .bg_orange:hover {
    background-color: #2d2926;
}
body[data-theme="theme-3"] .wsmenu .wsmenu-list li a:hover, body[data-theme="theme-3"] .sidebarDiv {
    background-color: #f5b51b !important;
}
body[data-theme="theme-3"] .sidebarDiv {
    background-color: #f5b51b !important;
}
body[data-theme="theme-3"] #detail .product-images .thumb-nav li.slick-current img {
    border-color: #f5b51b !important;
}
@media only screen and (max-width: 1024px) {
body[data-theme="theme-3"] .wsmenu .wsmenu-list li a.active, body[data-theme="theme-3"] .wsmenu-click, body[data-theme="theme-3"] .mobile-sub .wsmenu-submenu {
    background-color: #94cb00 !important;
    color: #fff !important
}
}
/*theme 4*/
body[data-theme="theme-4"] .topHeader, body[data-theme="theme-4"] .wsmenu-submenu li a:hover, body[data-theme="theme-4"] .edu_masonery_thumb .caption, body[data-theme="theme-4"] button.btn.btn-custom {
    background: #d30707
}
body[data-theme="theme-4"] .navigation-wrap.header-wrap.scroll-on, body[data-theme="theme-4"] .monthly-quartly-bulletins .release.release-pubs:hover {
    background-color: #d30707 !important
}
body[data-theme="theme-4"] .wsmenu-submenu, body[data-theme="theme-4"] .box:hover:before, .box:focus:before, body[data-theme="theme-4"] .about-us figure::before, body[data-theme="theme-4"] .megamenu, body[data-theme="theme-4"] .important-link-area h1:before, body[data-theme="theme-4"] .linking h1:before, body[data-theme="theme-4"] .linking h1, body[data-theme="theme-4"] .conf_section h1, body[data-theme="theme-4"] .itinerary-overview_details h1 {
    border-color: #d30707
}
body[data-theme="theme-4"] .ball-clip-rotate-multiple>div:last-child {
    border-color: #d30707 transparent #d30707 transparent
}
body[data-theme="theme-4"] .form-control:focus {
    border-color: #d30707;
    box-shadow: 0 0 0 0.2rem rgb(186 104 200 / .25);
}
body[data-theme="theme-4"] .feature-card .card-text, body[data-theme="theme-4"] .wsmenu-list li a.active, body[data-theme="theme-4"] .tabPanelBox .panelTabBox ul li:after, body[data-theme="theme-4"] .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o, body[data-theme="theme-4"] h2.heading span, body[data-theme="theme-4"] .inr_breadcrumb ul li:nth-child(2), body[data-theme="theme-4"] .frontside .card .card-title, body[data-theme="theme-4"] .backside .card .card-title, body[data-theme="theme-4"] .backside .card a, body[data-theme="theme-4"] .img-holder .text-holder p, body[data-theme="theme-4"] .traning_schedule tr td a:hover, body[data-theme="theme-4"] .speaker-note .customtooltip, body[data-theme="theme-4"] .itinerary-overview_details ul li strong, body[data-theme="theme-4"] .itinerary-overview_details ul li strong i {
    color: #d30707 !important
}
body[data-theme="theme-4"] .form-content .form-button .ibtn:hover, body[data-theme="theme-4"] .trainingtBox a:hover, body[data-theme="theme-4"] footer i.fa.fa-chevron-up, body[data-theme="theme-4"] footer i.fa.fa-chevron-down, body[data-theme="theme-4"] .megamenu li a:hover, body[data-theme="theme-4"] .gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #d30707 !important
}
body[data-theme="theme-4"] .expertise-list-content span, body[data-theme="theme-4"] footer h3.widget-title, body[data-theme="theme-4"] footer .widget_services ul li a:hover, body[data-theme="theme-4"] footer .widget_address li a:hover, body[data-theme="theme-4"] .tabPanelBox .panelTabBox ul li a:hover, body[data-theme="theme-4"] h5.section-title {
    color: #d30707!important
}
body[data-theme="theme-4"] .slick-dots li.slick-active button, body[data-theme="theme-4"] .topRightHeader .dropdown .menuPanelDown li, body[data-theme="theme-4"] .welcome-area .single-item .text-holder:before {
    background: #d30707!important
}
body[data-theme="theme-4"] footer .widget_services ul li a:hover, body[data-theme="theme-4"] footer .widget_address li i, body[data-theme="theme-4"] .section-title small {
    color: #d30707
}
body[data-theme="theme-4"] footer .social-icons li a, body[data-theme="theme-4"] .expertise-button a:hover, body[data-theme="theme-4"] .modal button.btn.btn-default.btn-block, body[data-theme="theme-4"] .celebrities-box, body[data-theme="theme-4"] .single-item .img-holder .overlay {
    background-color: #d30707 !important
}
body[data-theme="theme-4"] .searchBoxSt button.btn-danger, body[data-theme="theme-4"] .btn-primary {
    border-color: #d30707;
    background-color: #d30707;
}
body[data-theme="theme-4"] .banner-text-wrapper h4 {
    text-shadow: -1px 1px 0px #ba68c8 !important;
}
body[data-theme="theme-4"] .navigation-wrap.header-wrap.scroll-on .wsmenu-list li a.active {
    color: #044f7c !important;
}
body[data-theme="theme-4"] .workshop_section h1 {
    border-color: #d30707
}
body[data-theme="theme-4"] .bg_orange {
    background-color: #d30707;
}
body[data-theme="theme-4"] .bg_orange:hover {
    background-color: #1b3871;
}
body[data-theme="theme-4"] .wsmenu .wsmenu-list li a:hover, body[data-theme="theme-4"] .sidebarDiv {
    background-color: #d30707 !important;
}
body[data-theme="theme-4"] #detail .product-images .thumb-nav li.slick-current img {
    border-color: #d30707 !important;
}
@media only screen and (max-width: 1024px) {
body[data-theme="theme-4"] .wsmenu .wsmenu-list li a.active, body[data-theme="theme-4"] .wsmenu-click, body[data-theme="theme-4"] .mobile-sub .wsmenu-submenu {
    background-color: #d30707 !important;
    color: #fff !important
}
}
/* Secondary Color */
/*theme 2-1*/
body[data-theme="theme-2"] .expertise-button a {
    background-color: #08aac1 !important;
}
body[data-theme="theme-2"] .ventureSlider .slick-dots li button {
    background-color: #94cb00   !important;
}
body[data-theme="theme-2"] .ventureSlider .slick-dots li.slick-active button {
    background-color: #00bbd2 !important;
}
body[data-theme="theme-2"] .form-content .form-button .ibtn, body[data-theme="theme-2"] .sidebar a, body[data-theme="theme-2"] .sidebarDiv .datecalendar, body[data-theme="theme-2"] .trainingtBox a, body[data-theme="theme-2"] .tabPanelBox .resp-tabs-list {
    background: #08aac1;
}
body[data-theme="theme-2"] .sidebar a:hover{background: #abdd24 ;}
body[data-theme="theme-3"] .sidebar a:hover{background: #f5b51b ;}
body[data-theme="theme-4"] .sidebar a:hover{background: #d30707 ;}
body[data-theme="theme-2"] .showcase-content .heading, body[data-theme="theme-2"] .ventures-content .heading{
    color: #00bbd2  !important;
}
body[data-theme="theme-2"] footer .social-icons li a:hover {
    background-color: #fff !important;
    color: #354016;
}
body[data-theme="theme-2"] .scrolling::-webkit-scrollbar-thumb, body[data-theme="theme-2"] .traning_schedule .table-type-1 table tr:first-child > th, body[data-theme="theme-2"] .table-type-2 table tr > th, body[data-theme="theme-2"] .wsmenu-submenu li a:hover {
 background: #08aac1  !important;
}
body[data-theme="theme-2"] button.btn.btn-custom:hover {
    background-color: #08aac1  !important;
    border-color: #08aac1  !important;
}

body[data-theme="theme-2"] .btn-primary:hover {
    background-color: #00bbd2 !important;
    border-color: #00bbd2 !important;
}


body[data-theme="theme-2"] button.btn.btn-success{
    background-color: #08aac1 !important;
    border-color: #08aac1 !important;
}


body[data-theme="theme-2"] button.btn.btn-success:hover {
    background-color: #94cb00 !important;
    border-color: #94cb00 !important;
}
body[data-theme="theme-2"] .speaker-note .customtooltip:hover, body[data-theme="theme-2"] .img-holder .text-holder p, body[data-theme="theme-2"] .inr_breadcrumb ul li:nth-child(2), body[data-theme="theme-2"] h5.section-title, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li a:hover, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o, body[data-theme="theme-2"] .tabPanelBox .panelTabBox ul li:after, body[data-theme="theme-2"] footer .widget_address li a:hover, body[data-theme="theme-2"] footer .widget_services ul li a:hover, body[data-theme="theme-2"] footer h3.widget-title, body[data-theme="theme-2"] footer .widget_address li i {
    color: #94cb00 !important;
}
 body[data-theme="theme-2"] .box:hover .box__image .card-title{color: #08a6bc !important;}
body[data-theme="theme-2"] footer .social-icons li a {
   background: #94cb00  !important;
    color: #fff;
}
body[data-theme="theme-2"] .linking h1:before, body[data-theme="theme-2"] .linking h1, body[data-theme="theme-2"] .about-us figure::before,.box:focus:after, body[data-theme="theme-2"] .searchBoxSt button.btn-danger:hover {
    border-color: #94cb00 !important
}
body[data-theme="theme-2"] .monthly-quartly-bulletins .release.release-pubs:hover, body[data-theme="theme-2"] .edu_masonery_thumb .caption, body[data-theme="theme-2"] .gallerySectionPanel ul.nav.nav-tabs li a.active, body[data-theme="theme-2"] #collapseButton:hover, body[data-theme="theme-2"] .Servies_Content .abt-wris, body[data-theme="theme-2"] .welcome-area .single-item .text-holder:before, body[data-theme="theme-2"] .megamenu li a:hover, body[data-theme="theme-2"] .single-item .img-holder .overlay, body[data-theme="theme-2"] footer i.fa.fa-chevron-up, body[data-theme="theme-2"] footer i.fa.fa-chevron-down, body[data-theme="theme-2"] .topRightHeader .dropdown .menuPanelDown li:hover, body[data-theme="theme-2"] .searchBoxSt button.btn-danger:hover {
    background-color: #94cb00 !important;
}


body[data-theme="theme-2"] .celebrities-box{background-color: #00bbd2 !important;
}

body[data-theme="theme-2"] .celebrities-box p a{color: #bcf91a;}
body[data-theme="theme-2"] .Servies_Content .topics-part h4, body[data-theme="theme-2"] .important-link-area h1{
    color: #94cb00 !important;
}
body[data-theme="theme-2"] .linking h1 {
    color: #08aac1 !important;
}
body[data-theme="theme-2"] .gallerySectionPanel ul.nav.nav-tabs li a {
    background-color: #00bbd2 !important;
}
body[data-theme="theme-2"] .event-register-btn a {
    background: #1b3872;
}
body[data-theme="theme-2"] .event-register-btn a:hover {
    background: #94cb00;
}
/*theme 3-1*/
body[data-theme="theme-3"] .expertise-button a, body[data-theme="theme-3"] .ventureSlider .slick-dots li button {
    background-color: #2d2926 !important;
}
body[data-theme="theme-3"] .ventureSlider .slick-dots li.slick-active button {
    background-color: #f5b51b !important;
}
body[data-theme="theme-3"] .form-content .form-button .ibtn, body[data-theme="theme-3"] .celebrities-box, body[data-theme="theme-3"] .sidebar a, body[data-theme="theme-3"] .sidebarDiv .datecalendar, body[data-theme="theme-3"] .trainingtBox a, body[data-theme="theme-3"] .tabPanelBox .resp-tabs-list {
    background: #2d2926;
}
body[data-theme="theme-3"] .celebrities-box p a{color: #f5b51b;}
body[data-theme="theme-3"] .showcase-content .heading, body[data-theme="theme-3"] .ventures-content .heading, body[data-theme="theme-3"] .expertise-list-content h2 {
    color: #2d2926 !important;
}
body[data-theme="theme-3"] footer .social-icons li a:hover {
    background: #fff  !important;
    color: #2d2b2a;
}
body[data-theme="theme-3"] .scrolling::-webkit-scrollbar-thumb, body[data-theme="theme-3"] .traning_schedule .table-type-1 table tr:first-child > th, body[data-theme="theme-3"] .table-type-2 table tr > th, body[data-theme="theme-3"] .wsmenu-submenu li a:hover {
 background: #2d2926 !important;
}
body[data-theme="theme-3"] button.btn.btn-success, body[data-theme="theme-3"] button.btn.btn-custom:hover, body[data-theme="theme-3"] .btn-primary:hover {
    background-color: #2d2926 !important;
    border-color: #2d2926 !important;
}
body[data-theme="theme-3"] button.btn.btn-success:hover {
    background-color: #f5b51b !important;
    border-color: #f5b51b !important;
}
body[data-theme="theme-3"] .speaker-note .customtooltip:hover, body[data-theme="theme-3"] .img-holder .text-holder p, body[data-theme="theme-3"] .box:hover .box__image .card-title {
    color: #2d2926 !important;
}
body[data-theme="theme-3"] footer .social-icons li a {
    background: #ffbb16  !important;
    color: #fff;
}
body[data-theme="theme-3"] .box:hover:after, .box:focus:after, body[data-theme="theme-3"] .searchBoxSt button.btn-danger:hover {
    border-color: #2d2926 !important
}
  body[data-theme="theme-3"] #collapseButton:hover, body[data-theme="theme-3"] .Servies_Content .abt-wris, body[data-theme="theme-3"] .welcome-area .single-item .text-holder:before, body[data-theme="theme-3"] .megamenu li a:hover, body[data-theme="theme-3"] .single-item .img-holder .overlay, body[data-theme="theme-3"] .topRightHeader .dropdown .menuPanelDown li:hover, body[data-theme="theme-3"] .searchBoxSt button.btn-danger:hover {
    background-color: #2d2926 !important;
}
body[data-theme="theme-3"] footer i.fa.fa-chevron-up, body[data-theme="theme-3"] footer i.fa.fa-chevron-down{  background-color: #f5b51b !important;}
body[data-theme="theme-3"] .Servies_Content .topics-part h4, body[data-theme="theme-3"] .important-link-area h1, body[data-theme="theme-3"] .linking h1 {
    color: #2d2926 !important;
}
body[data-theme="theme-3"] .gallerySectionPanel ul.nav.nav-tabs li a {
    background-color: #2d2926 !important;
}
body[data-theme="theme-3"] .event-register-btn a {
    background: #1b3872;
}
body[data-theme="theme-3"] .event-register-btn a:hover {
    background: #2d2926;
}
/*theme 4-1*/
body[data-theme="theme-4"] .expertise-button a, body[data-theme="theme-4"] .ventureSlider .slick-dots li button {
    background-color: #1b3872 !important;
}
body[data-theme="theme-4"] .ventureSlider .slick-dots li.slick-active button {
    background-color: #d30707 !important;
}
body[data-theme="theme-4"] .sidebar a, body[data-theme="theme-4"] .sidebarDiv .datecalendar, body[data-theme="theme-4"] .trainingtBox a {
    background: #1b3872;
}
body[data-theme="theme-4"] .tabPanelBox .resp-tabs-list {
    background: #1b3872;
}
body[data-theme="theme-4"] .showcase-content .heading, body[data-theme="theme-4"] .ventures-content .heading, body[data-theme="theme-4"] .expertise-list-content h2 {
    color: #1b3872 !important;
}
body[data-theme="theme-4"] footer .social-icons li a:hover {
    background: #fff !important;
    color: #0a2044;
}
body[data-theme="theme-4"] .scrolling::-webkit-scrollbar-thumb, body[data-theme="theme-4"] .traning_schedule .table-type-1 table tr:first-child > th, body[data-theme="theme-4"] .table-type-2 table tr > th, body[data-theme="theme-4"] .wsmenu-submenu li a:hover {
 background: #1b3872 !important;
}
body[data-theme="theme-4"] button.btn.btn-success, body[data-theme="theme-4"] button.btn.btn-custom:hover, body[data-theme="theme-4"] .btn-primary:hover {
    background-color: #1b3872 !important;
    border-color: #1b3872 !important;
}
body[data-theme="theme-4"] button.btn.btn-success:hover {
    background-color: #d30707 !important;
    border-color: #d30707 !important;
}
body[data-theme="theme-4"] .speaker-note .customtooltip:hover, body[data-theme="theme-4"] .img-holder .text-holder p, body[data-theme="theme-4"] h5.section-title, body[data-theme="theme-4"] .box:hover .box__image .card-title{
    color: #1b3872 !important;
}
 body[data-theme="theme-4"] .inr_breadcrumb ul li:nth-child(2) {
    color: #d30707 !important;
}
body[data-theme="theme-4"] footer .social-icons li a {
    background: #d30707  !important;
    color: #fff;
}
body[data-theme="theme-4"] .linking h1:before, body[data-theme="theme-4"] .linking h1, body[data-theme="theme-4"] .box:hover:after, .box:focus:after, body[data-theme="theme-4"] .searchBoxSt button.btn-danger:hover {
    border-color: #1b3872 !important
}
 body[data-theme="theme-4"] #collapseButton:hover, body[data-theme="theme-4"] .Servies_Content .abt-wris, body[data-theme="theme-4"] .welcome-area .single-item .text-holder:before, body[data-theme="theme-4"] .megamenu li a:hover, body[data-theme="theme-4"] .single-item .img-holder .overlay, body[data-theme="theme-4"] .celebrities-box, body[data-theme="theme-4"] .topRightHeader .dropdown .menuPanelDown li:hover, body[data-theme="theme-4"] .searchBoxSt button.btn-danger:hover {
    background-color: #1b3872 !important;
}

body[data-theme="theme-4"] footer i.fa.fa-chevron-up, body[data-theme="theme-4"] footer i.fa.fa-chevron-down{background-color: #d30707 !important;} 
body[data-theme="theme-4"] .Servies_Content .topics-part h4, body[data-theme="theme-4"] .important-link-area h1, body[data-theme="theme-4"] .linking h1 {
    color: #1b3872 !important;
}
body[data-theme="theme-4"] .gallerySectionPanel ul.nav.nav-tabs li a {
    background-color: #1b3872 !important;
}
body[data-theme="theme-4"] .celebrities-box p a {
    color: #d30707;
}
body[data-theme="theme-4"] .event-register-btn a {
    background: #1b3872;
}
body[data-theme="theme-4"] .event-register-btn a:hover {
    background: #d30707;
}
#hidden {
    display: none;
}
#collapseButton:hover {
    background-color: #044f7c;
    color: #fff;
    cursor: pointer;
}
.lb-container {
    height: 100%;
}
.filterDate .healcode-jump-to-date input.dateRange {
    background:#fff url(../images/calendar.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
        width: 100%;
}

.filterDate .healcode-jump-to-date input.search {
    background: url(../images/search.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 225px;
}

.event-register-btn a {
    /*margin: auto;
    display: table;*/
    padding: 10px 15px;
    background: #044f7c;
    color: #fff;
    font-size: 14px;
}
button.btn.btn-info.seminar_downloadBtn {
    padding: 9px 15px;
    border: none;
    background: #044f7c;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
}
.event_detail_note {
    padding: 10px;
    background: #dfdfdf;
    margin-top: 20px;
    text-align: center;
    color: #000;
    font-size: 15px;
}
.sidebarDiv {
    background-color: #044f7c;
    padding: 20px 15px;
    color: #fff;
    border-radius: 8px;
    position: relative;
    height: 444px;
}
.sidebarDiv::before, .sidebarDiv::after {
    position: absolute;
    left: -12px;
    bottom: -12px;
    width: 24px;
    height: 23px;
    border-radius: 100%;
    background: #fff;
    content: " ";
    display: none;
}
.sidebarDiv::after {
    left: auto;
    right: -12px;
}
.sidebarDiv .datecalendar {
    position: absolute;
    top: -15px;
    content: "";
    right: 15px;
    z-index: 99;
    background: #044f7c;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
}
.sidebarDiv .datecalendar p {
    font-size: 12px;
    margin: 0;
}
.sidebarDiv .datecalendar h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.sidebarDiv span {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
.sidebarDiv h3 {
    margin-top: 10px;
    font-size: 22px;
    padding-right: 40px;
    margin-bottom: 20px;
}
.sidebarDiv h5 {
    margin-top: 0px;
    font-size: 22px;
}
/*.sidebar.sticky {
    position: fixed;
    top: 10px;
    width: 350px;
    top: 120px;
}*/
.event_register_content img {
    width: 100%;
        height: 485px;
}
.event_register_content h1 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 1.5px;
    padding-bottom: 10px;
    margin-top: 15px;
}
ul#countdown {
    position: relative;
    color: #fff;
    overflow: hidden;
}
ul#countdown li {
    margin: 0 -3px 0 0;
    padding: 0;
    display: inline-block;
    width: 25%;
    font-size: 72px;
    font-size: 6vw;
    text-align: left;
    position: relative;
}
ul#countdown li .label:after {
    position: absolute;
    content: ":";
    right: 15px;
    top: 0;
}
ul#countdown li:nth-child(4) .label:after {
    display: none;
}
ul#countdown .label {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
}
ul#countdown .number {
    color: #fff;
    font-size: 22px;
    top: -2px;
    float: left;
    text-transform: uppercase;
}
.sidebar a {
    margin: auto;
    display: table;
    padding: 10px 15px;
    background: #044f7c;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    margin-top: 10px;
}

.sidebar a:hover {
    background: #ff5e15;
    color: #fff;
    
}
h5.section-title.h1.text-left.mb-2.text-capitalize {
    font-size: 26px;
    color: #ff5e15;
}
.orangetext {
    color: #ff5e15 !important;
}
.whitetext {
    color: #fff !important;
}
.blacktext {
    color: #000 !important;
}
.single-item .text-holder p {
    color: #fd7435;
    font-size: 18px;
    font-weight: 400;
}
.btn-success {
    background-color: #044f7c;
    border-color: #044f7c;
}
.btn-success:hover {
    background-color: #fd7435;
    border-color: #fd7435;
}
.filterDate .healcode-jump-to-date span {
    position: absolute;
    top: -16px;
    left: 0px;
    text-transform: capitalize;
}
.filterDate .healcode-jump-to-date .btn.clear span{position: sticky;}
.position-relative {
    position: relative;
}
/* 404 Page Found */
.errorpage {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.error-template {
    padding: 40px 15px;
    text-align: center;
    background: #fff;
    width: 600px;
    margin: auto;
}
.error-template h1 {
    font-size: 75px;
    font-weight: bold;
}
.error-template h2 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 3px;
    margin: 10px 0;
}
.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}
.error-actions .btn {
    margin-right: 10px;
}
#watermarkLogo {
    background: url(../images/watermark-nwiclogo.png);
    background-size: 185px;
    background-repeat: no-repeat;
    width: 210px;
    height: 210px;
    position: absolute;
    opacity: 0.1;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    margin: auto;
}
.topRightHeader .dropdown .menuPanelDown li.blackBtnBox, body[data-theme="theme-2"] .topRightHeader .dropdown .menuPanelDown li.blackBtnBox, body[data-theme="theme-3"] .topRightHeader .dropdown .menuPanelDown li.blackBtnBox, body[data-theme="theme-4"] .topRightHeader .dropdown .menuPanelDown li.blackBtnBox {
    background: #000 !important;
}
/* Who is Who New Design */
/*.organogramNew_div {
    background: #fbfbfb;
}*/
.organogramNew_div .tree span {
    width: 200px;
    padding: 0;
    z-index: 9;
    border: none;
    margin: 10px 4px 20px;
    padding-bottom: 10px;
    text-align: left;
    border-radius: 18px;
    box-shadow: 6px 6px 8px rgb(0 0 0 / 22%);
}
.organogramNew_div .anothertree li span:after {
    top: 8px;
    height: 110px;
}
.organogramNew_div .tree span .header {
    background: #4f67cb;
    text-align: center;
    font-weight: 600;
    border-radius: 18px 18px 0 0;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
    /*text-transform: uppercase;*/
}
.organogramNew_div .tree span img {
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
}
.organogramNew_div .tree li span .col {
    padding: 0;
}
.organogramNew_div .tree span small {
    font-size: 11px;
    margin-bottom: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #333;
}
.organogramNew_div .tree span small a {
    font-size: 11px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #333;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; 
   -webkit-box-orient: vertical;
   padding-left: 1px;
       word-break: break-all;
}
.organogramNew_div .tree span.orange .header {
    background: #4f67cb;
}
.organogramNew_div .tree span.purple .header {
    background: #5fccf3;
}
.organogramNew_div .tree span.skyblue .header {
    background: #60cdb0;
}
.organogramNew_div .tree span.dust .header {
    background: #fbbb7d;
}
.organogramNew_div .tree span.greenlight .header {
    background: #5259aa;
}
.organogramNew_div .tree span.green .header {
    background: #a93f8a;
}
.organogramNew_div .tree span.orange {
    background: #dce1f4;
}
.organogramNew_div .tree span.purple {
    background: #e1f3fd;
}
.organogramNew_div .tree span.skyblue {
    background: #d9f8f0;
}
.organogramNew_div .tree span.dust {
    background: #fbebdc;
}
.organogramNew_div .tree span.greenlight {
    background: #e0e1f5;
}
.organogramNew_div .tree span.green {
    background: #fbcbed;
}
.organogramNew_div .tree ul.anothertree li span {
    right: -19.7%;
}
.organogramNew_div .tree li:before {
    top: -28px;
}
.organogramNew_div .tree li:before, .organogramNew_div .anothertree li span:after, .organogramNew_div .tree ul:before, .organogramNew_div .tree code:before, .organogramNew_div .tree span:before {
    border: 1px solid #929292;
}

.organogramNew_div .tree > li > span:before {
    border: none;
}

.topRightHeader .dropdown .menuPanelDown li.whiteBtnBox {
    background: #fff !important;
}
.topRightHeader .dropdown .menuPanelDown li.whiteBtnBox a {
    color: #000 !important;
}
.orange_arrow li:after{
content: '\f061';
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 13px;
    color: #ff5e15;
}
.orange_arrow li {
    position: relative;
    padding: 10px 0 10px 15px;
    text-align: justify !important;
}

.tooltips {
  position: relative;
}

small .tooltiptext {
     visibility: hidden;
    position: absolute;
    width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    top: -28px;
    font-size: 10px;
    right: 0;
    transition: opacity 0.3s;
}
small .tooltiptext:before {
  display: none;
}
small .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

small:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* Employee Login Corner */
.img-holder {
    width: 550px;
    height: 100%;
    overflow: hidden;
    background-color: #fff6f2;
    padding: 60px;
    text-align: center;
    float: left;
}
.img-holder .info-holder {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.img-holder .info-holder img {
    width: 100%;
    vertical-align: middle;
    border-style: none;
    max-width: 378px;
}
.form-holder {
    width: 100%;
}
.form-holder .form-content {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 60px;
    background-color: #fff;
    min-height: 100%;
}
.form-content .form-items {
    max-width: 100%;
    text-align: left;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.form-content h3 {
    color: #000;
    text-align: left;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 10px;
}
.form-content p {
    color: #000;
    text-align: left;
        font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 30px;
}
.form-content form {
    margin-bottom: 30px;
}
.form-content input, .form-content .dropdown-toggle.btn-default {
    border: 1px solid rgba(0, 149, 255, 0);
    background-color: #F7F7F7;
    color: #000;
    width: 100%;
    padding: 9px 20px;
    text-align: left;
    border: 0;
    outline: 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 300;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 14px;
}
.form-content .form-button {
    margin-top: 30px;
    margin-bottom: 25px;
}
.form-content .form-button .ibtn {
    border-radius: 6px;
    border: 0;
    padding: 6px 28px;
    background-color: #fff;
    color: #29A4FF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    background-color: #044f7c;
    color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
    box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
.form-content .form-button .ibtn:hover, .form-content .form-button .ibtn:focus {
    -webkit-box-shadow: 0 5px 6px rgba(80, 182, 255, 0.31);
    box-shadow: 0 5px 6px rgba(80, 182, 255, 0.31);
    background: #ff5e15;
}
.form-content .form-button a {
    color: #000;
    font-size: 13px;
    font-weight: 700;
}
.form-content .other-links span {
    font-size: 12px;
    font-weight: 300;
    color: #000;
    margin-right: 20px;
}
.form-content .other-links a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}
.organogramNew_div .tree span:before {

}
.input-group-btn {
    position: relative;
}
.organogramNew_div .tree ul:before {
    z-index: unset;
}
.india-wris-img {
    float: right;
    width: 300px;
    margin-left: 20px;
}
.waterdata-images {
    margin: 30px auto;
    display: table;
}

/* Data Page Dynamic Image */
.waterdata-dynamic {
    text-align: center;
    margin: 25px auto 0;
    display: table;
}
.waterdata-dynamic .firstwatercircle a {
    line-height: 190px;
}   
.waterdata-dynamic a {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    color: #000;
    line-height: 200px;
    display: inline-block;
    background: #ffc800;
    text-decoration: none;
    font-size: 14px;
    word-break: break-all;
    transition: all 0.5s ease; 
    border: 5px solid #fff;
}
.waterdata-dynamic .firstwatercircle a:nth-child(1) {
    background: rgb(232 152 150 / 72%);
}
.waterdata-dynamic .firstwatercircle a:nth-child(2) {
    background: rgb(255 217 166 / 72%);
        z-index: 1;
    position: relative;
}
.waterdata-dynamic .firstwatercircle a:nth-child(3) {
    background: rgb(194 197 131 / 72%);
        position: relative;
    z-index: 3;
}
.waterdata-dynamic .secondwatercircle a:nth-child(1) {
    background: rgb(232 174 149 / 72%);
}
.waterdata-dynamic .secondwatercircle a:nth-child(2) {
    background: rgb(232 219 152 / 72%);
        z-index: 2;
    position: relative;
}
.waterdata-dynamic .secondwatercircle a:nth-child(3) {
    background: rgb(204 228 154 / 72%);
        position: relative;
    z-index: 4;
}
.secondwatercircle {
    position: relative;
    top: -70px;
    left: 90px;
}
.waterdata-dynamic a:hover {
   transform: scale(1.1);
}

/**************** Updated changes ************/
.tree ul.anotherTre li span {
    top: -15px;
    right: -149px;
}
.anotherTre > li:before {
    display: none;
}
ul.long_grid > li > span:before {
    top: -22px !important;
    height: 50px !important;
}
/*.anotherTre li span:before {
    top: 18px;
    left: -118px;
    width: 117px;
    height: 0;
}
.anotherTre:before {
    height: 100px !important;
}*/
/*.anotherTre li span:after {
    top: -6px;
    content: "";
    position: absolute;
    border: 1px solid #000;
    left: -119px;
    width: 0;
    height: 65px;
}*/
.organogramNew_div .tree span small a {
    font-size: 11px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 1px;
    word-break: break-all;
}
small .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    top: -28px;
    font-size: 10px;
    right: 0;
    transition: opacity 0.3s;
}

.organogramNew_div .tree .li_item:before {
    top: -5px;
}
ul.long_grid:before {
    display: none;
}
.organogramNew_div .tree ul:before {
    top: -34px;
}
ul.anothertree > li, ul.anotherTre > li {
    text-align: left;
}
ul.anothertree > li .purple, ul.anotherTre > li .skyblue {
    right: auto !important;
    left: 50% !important;
    transform: translateX(114px);
}
.organogramNew_div .tree ul.anothertree li span {
    top: -30px;
}
ul.long_grid {
    top: -4px;
}
.pdf_downloadBtn {
    margin: auto;
    display: table;
    margin-top: 15px;
    background: #044f7c;
    border-color: #044f7c;
}
.pdf_downloadBtn:hover {
    background: #fd7435;
    border-color: #fd7435;
}


/* Who is Who */
.custom-line-border {
   top: 55px;
    left: -118px;
    width: 117px;
    height: 0;
    border-bottom: 2px solid #929292;
    position: absolute;
    z-index: 1;
    content: "";
}
.organogram1_div_new .custom-line-border {
   top: 17px;
    left: -118px;
    width: 117px;
    height: 0;
    border-bottom: 2px solid #000;
    position: absolute;
    z-index: 1;
    content: "";
}
.organogramNew_div .anothertree li span:after {
    top: -6px;
    height: 135px;
}
.organogramNew_div .tree li:before, .organogramNew_div .tree span:before {
    display: none;
}
.long_grid .custom-line-border {
   top: -28px;
    left: 50%;
    width: 100%;
}
.long_grid li ul li:after {
    border: 1px solid #929292;
        content: "";
    height: 29px;
    left: 50%;
    position: absolute;
    z-index: 1;
}
.long_grid li ul li:last-child:after {
    display: none;
}
.organogramNew_div .tree ul.long_grid > li:before, .organogramNew_div .tree ul.long_grid li ul:before, .organogramNew_div .tree ul.long_grid li ul span:before, .organogramNew_div .tree .li_item:before {
    display: none;
}
.organogramNew_div .tree ul.long_grid > li:after {
    content: "";
    position: absolute;
    border: 1px solid #929292;
    width: 100%;
    top: -28px;
    height: 2px;
    background: #929292;
}
.organogramNew_div .tree ul.long_grid > li:first-child:after {
    width: 155%;
}
.organogramNew_div .tree ul.long_grid > li:last-child:after, .organogram1_div_new .tree ul.long_grid > li:last-child:after {
    width: 0;
}
.organogramNew_div .tree ul.long_grid > li > ul:after {
   content: "";
    position: absolute;
    border: 1px solid #929292;
    height: 50px;
    left: 50%;
    top: -34px;
    background: #929292;
}
.organogramNew_div .tree .li_item:after {
    content: "";
    position: absolute;
    border: 1px solid #929292;
    height: 50px;
    right: 50%;
    top: -5px;
    width: 2px;
    background: #929292;
}
.organogramNew_div .tree .li_item:last-child:after {
    display: block;
}
.long_grid li.li_item .custom-line-border {
    top: -5px;
}
/* dec 29 */
.long_grid li ul li .li_item:last-child .custom-line-border {display: none;}
.organogramNew_div .tree ul.long_grid > li:last-child:after {
    width: 100%;
    right: 50% !important;
}
/* dec 29 */
.custom-vline-border {
    content: "";
    position: absolute;
    left: 50%;
    border: 1px solid #929292;
    height: 40px;
    top: -20px;
    width: 2px;
    background: #929292;
}
.v17 {
    height: 17px;
}
.organogramNew_div .tree ul:before {
    top: -56px;
}

/* width */
.organogramNew_div .content::-webkit-scrollbar, .organogram1_div .content::-webkit-scrollbar, .traning_schedule [class*=table-type]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
.organogramNew_div .content::-webkit-scrollbar-track, .organogram1_div .content::-webkit-scrollbar-track, .traning_schedule [class*=table-type]::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.organogramNew_div .content::-webkit-scrollbar-thumb, .organogram1_div .content::-webkit-scrollbar-thumb, .traning_schedule [class*=table-type]::-webkit-scrollbar-thumb  {
  background: #888;
}

/* Handle on hover */
.organogramNew_div .content::-webkit-scrollbar-thumb:hover, .organogram1_div .content::-webkit-scrollbar-thumb:hover, .traning_schedule [class*=table-type]::-webkit-scrollbar-thumb:hover  {
  background: #555;
}
.bannerSlider .slick-next {
    right: 0 !important;
}
.text-black {
    color: #000;
}


.gsc-control-cse {
    padding: 0 !important;
}
div#___gcse_0 {
    width: 100% !important;
}
table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}
form.gsc-search-box, table.gsc-search-box {
    margin-bottom: 0 !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #ffffff !important;
}
.gsc-search-button-v2 {
    padding: 10px 15px !important;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #ff5e15 !important;
    background-color: #ff5e15 !important;
}
.gsc-results-wrapper-overlay {
        -webkit-box-shadow: 0 3px 10px rgb(34 25 25 / 85%) !important;
    -moz-box-shadow: 0 3px 10px rgb(34 25 25 / 85%) !important;
    -ms-box-shadow: 0 3px 10px rgb(34 25 25 / 85%) !important;
    -o-box-shadow: 0 3px 10px rgb(34 25 25 / 85%) !important;
    box-shadow: 0 3px 10px rgb(34 25 25 / 85%) !important;
}
.gsc-modal-background-image-visible {
    opacity: 0.9 !important;
    background-color: #000 !important;
}
.workshop_section ul.nav.nav-tabs.eventstabs {
    top: 8px;
    right: 8px;
    position: relative;
}
.w-1366{max-width:1366px; margin:auto;}


/* organogram1_div New */
.anotherTre li span:after {
    top: -20px;
    content: "";
    position: absolute;
    border: 1px solid #000;
    left: -118px;
    width: 0;
    height: 152px;
    z-index: -1;
}
.organogram1_div_new .anotherTre li span:after {
    top: 8px;
    height: 110px;
}
.organogram1_div_new .anotherTre li span:after{
    border: 0.1px solid #000;
}
.organogram1_div_new .tree li:before, .organogram1_div_new .tree ul:before, .organogram1_div_new .tree code:before, .organogram1_div_new .tree span:before {
    display: none;
}
.organogram1_div_new .anotherTre li span:after {
    top: -26px;
    background: #000;
    width: 1px;
    height: 77px;
}
.organogram1_div_new  ul.long_grid {
    top: -4px;
}
.organogram1_div_new .tree ul.long_grid > li > ul:after {
    content: "";
    position: absolute;
    border: 0.1px solid #000;
    height: 50px;
    left: 50%;
    top: -53px;
    background: #000;
}
.organogram1_div_new .tree ul.long_grid > li:first-child > ul:after {
    top: -50px;
}
.organogram1_div_new .tree ul.long_grid > li:first-child:after {
    width: 180%;
}
.organogram1_div_new .tree ul.long_grid > li:last-child:after {
    display: none;
}
.organogram1_div_new .tree ul.long_grid > li:last-child > ul:after {
   top: -20px;
}
.organogram1_div_new .tree li:before, .organogram1_div_new .tree span:before {
    display: none;
}
.organogram1_div_new  .tree span {   
    z-index: 9;
}
.organogram1_div_new .tree ul.anothertree li span {
    top: -30px;
}
.organogram1_div_new .tree ul.long_grid > li:after {
    content: "";
    position: absolute;
    border: 0.1px solid #000;
    width: 69.8%;
    top: -15px;
    height: 0;
    background: #000;
}
.organogram1_div_new  .tree .li_item:after {
    content: "";
    position: absolute;
    border: 0.1px solid #000;
    height: 50px;
    right: 50%;
    top: -4px;
    width: 0px;
    background: #000;
}
.organogram1_div_new .long_grid .custom-line-border {
    width: 101%;
}
.organogram1_div_new .long_grid li ul li:after {
    border: none;
}
.organogram1_div_new .tree .li_item:last-child:after {
    display: block;
}
.organogram1_div_new .custom-vline-border {
    background: #000;
    border: 0.1px solid #000;
    width: 0;
}
.vt-0 {
    top: 0;
}
.vt-14 {
    top: -14px;
}
.organogram1_div_new .long_grid .custom-line-border.vt-1 {
    top: -1px;
}
.organogram1_div_new .long_grid .custom-line-border.bw-74 {
    width: 75%;
}
.organogram1_div_new .long_grid .custom-line-border.bw-76 {
    width: 73%;
}

.down-btnSt{ position:absolute; right:0; z-index: 99; right: 29px;
    bottom: -73px;}
    
.icon-st{position: absolute;
    left: 0px;
    top: 2px;
    font-size: 19px;}
    
table.dataTableLayout{ margin-top: 15px !important; margin-bottom:15px !important;
    table-layout: auto !important;
    display: inline-table;
    width: 100% !important;}    
table.dataTableLayout thead tr th{ background:#044f7c; color:#fff; text-transform: capitalize;}
table.dataTableLayout thead tr th,table.dataTableLayout tbody tr td{}
table.dataTable.no-footer{ border-bottom:0 !important;} 
table.dataTableLayout tfoot{display:none;} 
.tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current, .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #fd7435 !important;
    background: #fd7435 !important;
    padding: 5px !important;
    line-height: 13px !important;
    
}
.tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #333 !important;
    border: 1px solid #fd7435 !important;
    padding: 5px !important;
        font-size: 13px;
    line-height: 13px !important; font-family:Verdana, Geneva, sans-serif;
    }
.tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: #044f7c !important; border: 1px solid #044f7c  !important; color:#fff !important;}    
.tabtaTableStyle .dataTables_wrapper .dataTables_info {font-family:Verdana, Geneva, sans-serif; font-size:14px;}    
.tabtaTableStyle [class*="dataTableLayout"] {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,  
.tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    box-shadow: none;
}   

.tabtaTableStyle .dataTables_wrapper .dataTables_filter input,.tabtaTableStyle .dataTables_wrapper .dataTables_length select {background-color: #fff !important;}
.tabtaTableStyle table.dataTable thead th,.tabtaTableStyle table.dataTable tbody td {
    padding: 10px 20px !important;
}

    
.awards-content .slick-prev, .awards-content .slick-next{ background-color: #fd7435!important; border-radius:5px; background-size: 70% !important;
    background-position: center !important;}
.awards-content .slick-prev:hover, .awards-content .slick-next:hover{background-color: #044f7c!important;}  

.closeIcBox{width: 878px;
    position: absolute;
    top: -14px; right: -15px; 
    z-index: 9999999;}
.closeIcBox .lb-close {
    background-color: #ff5e15;
    padding: 5px;
    border-radius: 50px;
   background-size: 58% !important;
    background-position: center !important; opacity:100; width: 35px;
    height: 35px;
}
.closeIcBox .lb-close:hover{background-color: #000;}
.downAr{margin:0; float:right; margin-left:10px;}
.linkBtn a{padding: 5px 15px 5px 34px;
     background-image:url(../images/icon_e.png);
     background-color:#044f7c ;
     background-position:3px 50%;
     background-repeat:no-repeat;
    color: #fff;
    border-radius: 50px;}
    .linkBtn a i{display:none;}
.linkBtn a:hover{
      background-image:url(../images/icon_e.png);
     background-color:#fd7435 ;
    background-position:3px 50%;
     background-repeat:no-repeat;
}

.form-control-5{color: #838183; font-size: 14px; font-weight: 400; width:100%; background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px; padding:8px;}
.form-control-6{color: #838183; font-size: 14px; font-weight: 400; width:100%; background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px; padding:10px 8px;}  
    .toClass:after{ position: absolute;
    right: -8px;
    content: 'To';
    top: 9px;
    font-size: 16px;}
    
.galleryPostBtnSt .btn-infomation{padding: 10px 15px; border:0 !important;
    background: #044f7c;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;}
.galleryPostBtnSt .btn-infomation.active{background: #ff5e15;}

/* jan 11 2022 */
.imgGalleryArea{ 
    margin-top: 10px;
    /* margin-bottom:15px !important; */
    margin-bottom:0px !important;
}
/* jan 11 2022 */
.imgGalleryArea img{ width:100%; height:300px;}
.r-0{right:0 !important;}   
.paginationPanel{display: table;
    width: 100%;}
.paginationPanel .pagination{float:right;}
.paginationPanel .page-item.active .page-link{background-color: #fd7435;
    border-color: #fd7435;} 

.search-block {
    background: #f8f8f8;
    padding: 15px;
    margin-top: 20px;
    
}
    
.search-link {
    color: #000;
    font-weight: 600;
    font-size: 55%;
    display: inline-block;
    background-color: #DCDCDC;
    width: 100%;
}
.search-block p {
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    background-color: #DCDCDC;
}
.page-sub-title {
    margin: 0;
    padding: 0;
    font-size: 170%;
    font-weight: 800;
    padding-bottom: 15px;
}

.search-block {
    background: #f8f8f8;
    padding: 15px;
    margin-top: 20px;
    
}
.search-blockNew {}
.search-blockNew h3{    color: rgb(4 79 124);
    width: fit-content;
    position: relative;
    z-index: 10;
    padding: 15px 20px 15px 0;
    border: 1px solid #f7941d;
    border-top: none;
    border-left: none;
    margin-bottom: 25px;}
.search-blockNew h3:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 1px solid #f7941d;
    border-top: none;
    border-left: none;
}
.search-blockNew h3 span{ color:#fd7435;}   
.search-blockNew .search-block{ padding:0; border: 1px solid rgba(0,0,0,.09); -webkit-box-shadow: 0 0 13px 0 rgb(62 44 90 / 8%);
    box-shadow: 0 0 13px 0 rgb(62 44 90 / 8%); background:#fff; margin:0; margin-bottom:20px;}
.search-blockNew .search-block h1{ padding:8px 10px; font-size:20px;border-bottom: 1px solid #e0e0e0;}  
.search-blockNew .search-block h1 a{display:block; color:#39F;}
.search-blockNew .search-block h1 a:hover{color:#000;}
.search-blockNew .search-block .entry-summaryBox p{ padding:15px 10px; font-size:1em; background:#fff;}
.search-blockNew .search-block .entry-summaryBox p a{color:#000;}
.noSearchBox{border: 1px solid rgba(0,0,0,.09); -webkit-box-shadow: 0 0 13px 0 rgb(62 44 90 / 8%);
    box-shadow: 0 0 13px 0 rgb(62 44 90 / 8%); background:#fff; padding:15px; text-align:center; font-size:18px;}
.searchPagination .pagination{ float:right; margin:0;}
.search-link {
    color: #000;
    font-weight: 600;
    font-size: 55%;
    display: inline-block;
    background-color: #DCDCDC;
    width: 100%;
}
.search-block p {
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    background-color: #DCDCDC;
}
.page-sub-title {
    margin: 0;
    padding: 0;
    font-size: 170%;
    font-weight: 800;
    padding-bottom: 15px;
}
.box-footer {
    
    padding: 10px;
    color: #fff !important;
    border: 1px solid #DCDCDC !important;
    background: #fff !important;
    
    
}
.donBtnPanel{padding-right:20px;}
.donBtnPanel .pdf_downloadBtn {display: inline-block;}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>
        span{position:relative;float:left;padding:6px 12px;margin-left:0px;line-height:1.42857143;color:#000;text-decoration:none;background-color:#fff;border:0px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#fff;border-color:#fff}
.pagination>li>a:focus,.pagination>li>a:hover{color:#fff;background-color:#044f7c;border-color:#044f7c}
.pagination>li>span>a:focus,.pagination>li>span>a:hover{color:#fff !important;background-color:#044f7c;border-color:#044f7c!important;}


    
/*.pluseTableSt:not(.responsive-table) table tr:nth-child(2n+1) > td,.pluseTableSt.responsive-table table tr:nth-child(2n) > td {
    background: #fbfbfb;
}*/ 

.pluseTableSt table tr td[colspan]{padding:0 !important;}
.pluseTableSt .p-0{ padding:0 !important;}
.pluseTableSt table.dataTable thead th,.pluseTableSt table.dataTable thead td{border-bottom: 0;}
.pluseTableSt table tbody tr:nth-child(even) {background: #fbfbfb !important}
.pluseTableSt table tbody tr:nth-child(odd) {background: #e6e6e6 !important}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr:nth-child(even) {background: #e6e6e6 !important}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr:nth-child(odd) {background: #fbfbfb !important}
.details-control:hover {
    background-color: #044f7c;
    color: #fff;
    cursor: pointer;
}


.pluseTableSt table thead tr th:nth-child(1){width: 5% !important;}
.pluseTableSt table thead tr th:nth-child(2){width: 9% !important;}
.pluseTableSt table thead tr th:nth-child(3){width:18% !important;}
.pluseTableSt table thead tr th:nth-child(4){width: 24% !important;}
.pluseTableSt table thead tr th:nth-child(5){width: 17% !important;}
.pluseTableSt table thead tr th:nth-child(6){width: 12% !important;}
.pluseTableSt table thead tr th:nth-child(7){width: 15% !important;}




.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(1){width: 8%;}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(2){width: 19%;}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(3){width: 27%;}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(4){width: 18%;}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(5){width: 12%;}
.pluseTableSt table tbody tr td table.tr-details-1 tbody tr td:nth-child(6){width: 15%;}


/* jan 11 2022 */
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(1){width: 8%;}
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(2){width: 19%;}
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(3){width: 27%;}
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(4){width: 18%;}
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(5){width: 12%;}
.pluseTableSt table tbody tr td table.tableChildArea tbody tr td:nth-child(6){width: 15%;}
/* jan 11 2022 */

/* july 06 */
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #fd7435;
    border-color: #fd7435;
}
.pagination .page-item span{
    padding:0px;  
}
/* JULY 12 2022 */
.pagination .page-item.active span{
    /* padding: 6px 12px; */
    padding: 5px !important;
    border: 1px solid #fd7435 !important;
    font-size: 13px;
    background: #fd7435;
    line-height: 14px !important;
    font-family: Verdana, Geneva, sans-serif;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    border-radius: 2px;
}
.pagination .page-item span a{
    color: #333 !important;
    border: 1px solid #fd7435 !important;
    padding: 5px !important;
    font-size: 13px;
    line-height: 13px !important;
    font-family: Verdana, Geneva, sans-serif;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    border-radius: 2px;
}

/* JULY 12 2022 */

.galleryAreaBox .customtooltip{
    /* overflow: hidden;  */ /* jan 22 2022 */
    height: 22px;
    color: #fd7435;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    }
    .galleryAreaBox h4 { margin-bottom: 8px;}
    .galleryAreaBox h4 a.customtooltip {font-size: 19px;
        color: #fd7435;
        font-weight: 600;
       }
     .galleryTextArea{ 
        background: #fff; 
        padding: 5px; 
        /* webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);  */
        /* border-radius:5px; */
        border-radius:0px 0px 6px 6px;
        padding-top: 0 !important;
    }  
    .galleryAreaBox .events-desc {font-size: 16px; padding-bottom:0px; border: 0;}
    .galleryAreaBox .events-desc p{ margin: 0;}
    #home-wrapper .eventGallerySt .slick-next{ right:0;}
/* july 06 */


.iconCalendar {
    background: #fff url(../images/calendar.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    width: 100%;
}
.iconCalendar input{background:none !important;}
.ui.input input{border: 1px solid #aaaaaa !important;}


/* Start 12-Jan-2022 */
.tab-content>.active {
    display: block !important;
}
.gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #ff5e15 !important;
    border-color: #ff5e15 !important;
    color: #fff !important;
}
.pull-left {
    float: left !important;
}
.logoLeft img.flagLogo {
    width: 104px;
    margin-top: 20px;
}
table.table {
    background: #fff;
}
table.table tr th {
    background: #044f7c;
    color: #fff;
}
ul.pagination li.active a {
    background: #fd7435;
    border-color: #fd7435;
}
/* End 12-Jan-2022 */


/* Start 18-Jan-2022 */
.wsmenu-submenu {
    padding-left: 0;
}
.inr_banner_heading {
    margin-bottom: 55px;
}
/* Theme2 */
body[data-theme="theme-2"] .awards-content .slick-prev, 
body[data-theme="theme-2"] .awards-content .slick-next {
    background-color: #94cb00!important;
}
body[data-theme="theme-2"] .awards-content .slick-prev:hover, 
body[data-theme="theme-2"] .awards-content .slick-next:hover,
body[data-theme="theme-2"] .closeIcBox .lb-close {
    background-color: #00bbd2!important;
}
body[data-theme="theme-2"] .pdf_downloadBtn {
    background: #08aac1;
    border-color: #08aac1;
}
body[data-theme="theme-2"] .pdf_downloadBtn:hover{
    background: #94cb00;
    border-color: #94cb00;
}
body[data-theme="theme-2"] .gallerySectionPanel ul.nav.nav-tabs li a.active,body[data-theme="theme-2"] .gallerySectionPanel ul.nav.nav-tabs li a:hover  {
    background: #94cb00!important;
    border-color: #94cb00!important;
}
body[data-theme="theme-2"] .orange_arrow li:after{
    color: #00bbd2;
}
body[data-theme="theme-2"] .galleryAreaBox .customtooltip  {
    color: #94cb00;
}
body[data-theme="theme-2"] table.dataTableLayout thead tr th,
body[data-theme="theme-2"] table.table tr th  {
    background-color: #08aac1;
}
body[data-theme="theme-2"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: #94cb00 !important;
}
body[data-theme="theme-2"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current,body[data-theme="theme-2"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #94cb00  !important;
    border-color: #94cb00  !important;
}



body[data-theme="theme-2"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #00bbd2 !important;
    border-color: #00bbd2 !important;
}



body[data-theme="theme-2"] button.btn.btn-info.seminar_downloadBtn {
    background-color: #94cb00 !important;
}

/* Theme3 */
body[data-theme="theme-3"] .awards-content .slick-prev, 
body[data-theme="theme-3"] .awards-content .slick-next {
    background-color: #f5b51b!important;
}
body[data-theme="theme-3"] .awards-content .slick-prev:hover, 
body[data-theme="theme-3"] .awards-content .slick-next:hover{ background-color: #2d2926!important;}
body[data-theme="theme-3"] .closeIcBox .lb-close {
    background-color: #f5b51b!important;
}
body[data-theme="theme-3"] .pdf_downloadBtn {
    background: #2d2926;
    border-color: #2d2926;
}
body[data-theme="theme-3"] .pdf_downloadBtn:hover,
body[data-theme="theme-3"] .gallerySectionPanel ul.nav.nav-tabs li a.active  {
    background: #f5b51b !important;
    border-color: #f5b51b!important;
}

body[data-theme="theme-3"] .gallerySectionPanel ul.nav.nav-tabs li a:hover  {
    background: #f5b51b !important;
    border-color: #f5b51b!important;
}
body[data-theme="theme-4"] .gallerySectionPanel ul.nav.nav-tabs li a:hover  {
    background: #d30707 !important;
    border-color: #d30707!important;
}

body[data-theme="theme-3"] .orange_arrow li:after,
body[data-theme="theme-3"] .galleryAreaBox .customtooltip  {
    color: #f5b51b;
}
body[data-theme="theme-3"] table.dataTableLayout thead tr th,
body[data-theme="theme-3"] table.table tr th  {
    background-color: #2d2926;
}
body[data-theme="theme-3"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: #f5b51b !important;
}
body[data-theme="theme-3"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current,body[data-theme="theme-3"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #f5b51b !important;
    border-color: #f5b51b !important;
} 

body[data-theme="theme-3"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #2C2824  !important;
    border-color: #2C2824  !important;
}
body[data-theme="theme-3"] button.btn.btn-info.seminar_downloadBtn {
    background-color: #2d2926 !important;
}

/* Theme4 */
body[data-theme="theme-4"] .awards-content .slick-prev, 
body[data-theme="theme-4"] .awards-content .slick-next {
    background-color: #d30707!important;
}
body[data-theme="theme-4"] .awards-content .slick-prev:hover, 
body[data-theme="theme-4"] .awards-content .slick-next:hover{
    background-color: #1b3872!important;
}
body[data-theme="theme-4"] .closeIcBox .lb-close {
    background-color: #d30707!important;
}
body[data-theme="theme-4"] .pdf_downloadBtn {
    background: #1b3872;
    border-color: #1b3872;
}
body[data-theme="theme-4"] .pdf_downloadBtn:hover,
body[data-theme="theme-4"] .gallerySectionPanel ul.nav.nav-tabs li a.active {
    background: #d30707;
    border-color: #d30707;
}
body[data-theme="theme-4"] .orange_arrow li:after,
body[data-theme="theme-4"] .galleryAreaBox .customtooltip {
    color: #d30707;
}
body[data-theme="theme-4"] table.dataTableLayout thead tr th,
body[data-theme="theme-4"] table.table tr th {
    background-color: #1b3872;
}
body[data-theme="theme-4"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: #d30707 !important;
}
body[data-theme="theme-4"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current,body[data-theme="theme-4"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #d30707 !important;
    border-color: #d30707 !important;
}

body[data-theme="theme-4"] .tabtaTableStyle .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #1b3872 !important;
    border-color: #1b3872 !important;
}
body[data-theme="theme-4"] button.btn.btn-info.seminar_downloadBtn {
    background-color: #1b3872 !important;
}
/* End 18-Jan-2022 



/* Start 21-Jan-2022 */
/* Theme1 */
h5.section-title.h1 {
    color: #fd7435;
}
.btn-success.focus, .btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #044f7c;
    border-color: #044f7c;
}
body[data-theme="theme-1"] .galleryTextArea h6 a,
.galleryTextArea h6 a, .galleryTextArea span a {
    color: #ff5e15;
    font-size: 14px;
    font-weight: 700;
}
/* Theme2 */
body[data-theme="theme-2"] .conf_section h1,
body[data-theme="theme-2"] .workshop_section h1 {
    color: #08aac1;
}
body[data-theme="theme-2"] .page-item.active .page-link {
    background: #94cb00  !important;
    border-color: #94cb00  !important;
}
body[data-theme="theme-2"] .pagination .page-item span a,
body[data-theme="theme-2"] .linking h1:before,
body[data-theme="theme-2"] .linking h1 {
    border-color: #94cb00  !important;
}
body[data-theme="theme-2"] .galleryPostBtnSt .btn-infomation.active {
    background: #94cb00;
}
body[data-theme="theme-2"] .galleryPostBtnSt .btn-infomation {
    background: #00bbd2;
}
body[data-theme="theme-2"] .galleryTextArea h6 a {
    color: #94cb00;
    font-size: 14px;
    font-weight: 700;
}


/* Theme3 */
body[data-theme="theme-3"] .conf_section h1,
body[data-theme="theme-3"] .workshop_section h1 {
    color: #2d2926;
}
body[data-theme="theme-3"] .page-item.active .page-link {
    background: #f5b51b !important;
    border-color: #f5b51b !important;
}
body[data-theme="theme-3"] .pagination .page-item span a {
    border-color: #f5b51b !important;
}
body[data-theme="theme-3"] h5.section-title {
    color: #2d2926 !important;
}
body[data-theme="theme-3"] .galleryPostBtnSt .btn-infomation.active {
    background: #f5b51b;
}
body[data-theme="theme-3"] .galleryPostBtnSt .btn-infomation {
    background: #2d2926;
}
body[data-theme="theme-3"] .galleryTextArea h6 a {
    color: #f5b51b;
    font-size: 14px;
    font-weight: 700;
}

/* Theme4 */
body[data-theme="theme-4"] .conf_section h1,
body[data-theme="theme-4"] .workshop_section h1 {
    color: #1b3872;
}
body[data-theme="theme-4"] .page-item.active .page-link {
    background: #d30707 !important;
    border-color: #d30707 !important;
}
body[data-theme="theme-4"] .pagination .page-item span a,
body[data-theme="theme-4"] .linking h1:before,
body[data-theme="theme-4"] .linking h1 {
    border-color: #d30707 !important;
}
body[data-theme="theme-4"] .galleryPostBtnSt .btn-infomation.active {
    background: #d30707;
}
body[data-theme="theme-4"] .galleryPostBtnSt .btn-infomation {
    background: #1b3872;
}
body[data-theme="theme-4"] .galleryTextArea h6 a {
    color: #d30707;
    font-size: 14px;
    font-weight: 700;
}

/* End 21-Jan-2022 

/* Start 27-Jan-2022 */
body[data-theme="theme-2"] footer:before {
    background: rgb(0 187 210 / 80%);
}
body[data-theme="theme-3"] footer:before {
    background: rgb(45 41 38 / 80%);
}
body[data-theme="theme-4"] footer:before {
    background: rgb(21 48 100 / 80%);
}
body[data-theme="theme-2"] footer h3.widget-title{color: #94cb00 !important; }
body[data-theme="theme-2"] footer .widget_address li i{color: #94e8f3 !important;}

body[data-theme="theme-3"] footer h3.widget-title{color: #f5b51b !important;     text-shadow: 1px 1px 2px #101010;}
body[data-theme="theme-3"] footer .widget_address li i{color: #9ca1a3 !important;}


body[data-theme="theme-4"] footer h3.widget-title {
     color: #fd2929 !important;
    text-shadow: 1px 1px 2px #101010; 
}
body[data-theme="theme-4"] footer .widget_address li i {
     color: #ccdcf7 !important;
}
body[data-theme="theme-2"] footer .widget_services ul li a:hover,
body[data-theme="theme-2"] footer .widget_address li a:hover {
    color: #d7ff6c  !important;
}
body[data-theme="theme-3"] footer .widget_services ul li a:hover,
body[data-theme="theme-3"] footer .widget_address li a:hover {
    color: #f5b51b !important;
}
body[data-theme="theme-4"] footer .widget_services ul li a:hover,
body[data-theme="theme-4"] footer .widget_address li a:hover {
    color: #fb9797  !important;
}
body[data-theme="theme-2"] footer .footer-bottom {
    background-color: #0690a3;
    border-top: 1px solid #0690a3;
}
body[data-theme="theme-3"] footer .footer-bottom {
    background-color: #161210;
    border-top: 1px solid #161210;
}
body[data-theme="theme-4"] footer .footer-bottom {
    background-color: #13294e;
    border-top: 1px solid #13294e;
}
body[data-theme="theme-2"] .details-control:hover {
    background-color: #94cb00;
}
body[data-theme="theme-3"] .details-control:hover {
    background-color: #2d2926;
}
body[data-theme="theme-4"] .details-control:hover {
    background-color: #1b3872;
}

body[data-theme="theme-2"] .trainingtBox a:hover{background: #94cb00 !important;}

body[data-theme="theme-2"] .topRightHeader .dropdown > a:hover,body[data-theme="theme-2"] .topRightHeader .dropdown .menuPanelDown li:hover {background: #00bbd2 !important;}
body[data-theme="theme-3"] .topRightHeader .dropdown > a:hover,body[data-theme="theme-3"] .topRightHeader .dropdown .menuPanelDown li:hover {background: #2d2926!important;}
body[data-theme="theme-4"] .topRightHeader .dropdown > a:hover,body[data-theme="theme-4"] .topRightHeader .dropdown .menuPanelDown li:hover {background: #1b3872!important;}
body[data-theme="theme-2"] .resp-tabs-list li a:hover {color: #94cb00;}
body[data-theme="theme-3"] .resp-tabs-list li a:hover {color: #f5b51b;}
body[data-theme="theme-4"] .resp-tabs-list li a:hover {color: #d30707;}

body[data-theme="theme-2"] .pagination>li>span>a:focus,body[data-theme="theme-2"] .pagination>li>span>a:hover{border-color: #08aac1 !important; background-color: #08aac1;}
body[data-theme="theme-3"] .pagination>li>span>a:focus,body[data-theme="theme-3"] .pagination>li>span>a:hover{border-color: #2d2926  !important; background-color: #2d2926 ;}
body[data-theme="theme-4"] .pagination>li>span>a:focus,body[data-theme="theme-4"] .pagination>li>span>a:hover{border-color: #1b3872  !important; background-color: #1b3872 ;}

body[data-theme="theme-2"] .box:hover:before{border-color: #94cb00;}
body[data-theme="theme-2"] .box:hover:after{border-color: #00bad1;}

.edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn:hover{background: #044f7c;}
body[data-theme="theme-2"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn{background: #94cb00;}
body[data-theme="theme-2"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn:hover{background: #00bbd2;}

body[data-theme="theme-3"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn{background: #f5b51b;}
body[data-theme="theme-3"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn:hover{background: #2d2926;}

body[data-theme="theme-4"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn{background: #d30707;}
body[data-theme="theme-4"] .edu_masonery_thumb .downloadPosterIcon .downloadPosterBtn:hover{background: #1b3871;}

body[data-theme="theme-2"] .inr_breadcrumb ul li a {color: #94cb00;}
body[data-theme="theme-3"] .inr_breadcrumb ul li a {color: #f5b51b;}
body[data-theme="theme-4"] .inr_breadcrumb ul li a {color: #d30707;}

body[data-theme="theme-2"] .libraryArea .libraryBoxAr .btn-link {
    color: #719905;
}

body[data-theme="theme-3"] .libraryArea .libraryBoxAr .btn-link {
    color: #f5b51b;
}

body[data-theme="theme-4"] .libraryArea .libraryBoxAr .btn-link {
    color: #d30707;
}

.btn.focus, .btn:focus{ box-shadow: none !important }

.wsmenu .wsmenu-list li a:hover, .sidebarDiv {
    background-color: #ff5e15 !important;
}
/* End 27-Jan-2022 */

/* new 18-Feb-2022 */
.galleryAreaBox .galleryTextArea h6{
    height:40px; 
    overflow: hidden; 
    /* font-size: 1.2rem; */
    text-align: center;
}

.libraryArea{ padding-bottom: 20px; }
.libraryArea .card-header{padding: 0px}
.libraryArea .libraryBoxAr .iconAreaPr{ width: 32px; line-height: 20px; height: 30px }
.libraryArea .libraryBoxAr .btn{ line-height: 0; }
.libraryArea .libraryBoxAr .btn-link {color: #fd7435;}
.libraryArea .libraryBoxAr .fa-folder {color: #e19e15;}
.libraryArea .libraryBoxAr .borRg{ border-right: 1px solid #d9d9d9; }
.libraryArea .libraryBoxAr .fa-file-o{color: #898989;}
.DateBoxLb{ width: 150px; text-align: right !important; }
.sizeBoxLb{width: 100px; text-align: right !important; }

.accordion>.card>.card-headerInner {
    border-radius: 0;
    margin-bottom: -1px;
}

.libraryArea .card-headerInner {
    padding: 0px;
}

.libraryArea .libraryBoxAr .iconAreaPr button.btn.btn-link i:before{content: "\f068" !important;}
.libraryArea .libraryBoxAr .iconAreaPr button.btn.btn-link.collapsed i:before{content: "\f067" !important;}

.card-headerInner {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.resentFontPanel{font-family: Cambria,Georgia,serif;}


/* march 31 2022 */
#orgChartContainer div.orgChart{overflow: auto; padding-bottom: 20px !important; margin-bottom: 20px !important;}
div.orgChart{ padding: 0!important; margin: 0 !important;}
div.orgChart div.node{
	width: 150px !important;
    padding: 0 0 0px 0!important;
    z-index: 9;
    border: none;
    text-align: left;
	border-radius: 0 0 31px 0 !important;
    box-shadow: 6px 6px 8px rgb(0 0 0 / 22%) !important; font-family: 'Open Sans', sans-serif;}

div.orgChart div.node{
        background: #dce1f4 !important;
    }  
div.orgChart table table div.node{
    background: #e1f3fd !important;
}
div.orgChart table table div.node h2{
    background: #5fccf3;
} 

div.orgChart table table table div.node{
    background: #d9f8f0 !important;
}
div.orgChart table table table div.node h2{
    background: #60cdb0;
} 

div.orgChart table table table table div.node{
    background: #fbebdc !important;
}
div.orgChart table table table table div.node h2{
    background: #fbbb7d;
} 

div.orgChart table table table table table div.node{
    background: #e0e1f5 !important;
}
div.orgChart table table table table table div.node h2{
    background: #5259aa;
}

div.orgChart table table table table table table div.node{
    background: #fbcbed !important;
}
div.orgChart table table table table table table div.node h2{
    background: #a93f8a;
}

div.orgChart h2{background: #4f67cb;padding: 7px !important; font-size: 12px !important; margin-bottom: 0px !important; text-align: center !important; border-radius: 0 0 27px 0 !important; color: #fff;}
div.orgChart p{ padding:0px 5px !important; font-size: 11px !important;}
div.orgChart p.gender{ display: none !important;}
div.orgChart p.imageupload{float: left;   margin-left: 0px;margin-right: 0px;} 
div.orgChart p i{margin-right: 5px;}
div.orgChart p.imageupload img {
    width: 40px;
  
    border-radius: 6px;
    
    background: #fff;
    border: 1px solid #ccc;
}


div.orgChart tr.lines td.left {
    border-right: 1px solid black !important;
}
div.orgChart tr.lines td.top {
    border-top: 1px solid black !important;
}

div.orgChart h2:hover {
    pointer-events: none !important;
}

div.orgChart tr.lines td.line {
    width: 1px;
    height: 19px !important;
}
/* march 31 2022 */

/* kamal 8 april */
div.orgChart table table > tbody > tr > td[colspan="6"] > div.node[node-id="2"]{
    left:135px; 
}
div.orgChart table table > tbody > tr > td[colspan="6"] > div.node[node-id="2"]:after{ height: 105px; position: absolute; width: 1px;background: #000; left: -36px; top:0; content: '';}
.orgChart table table > tbody > tr > td[colspan="6"] > div.node[node-id="2"]:before{ height: 1px; position: absolute; width:35px;background: #000; left:-36px; top:50%; content: '';}
/* end kamal 8 april */


/*27/03/2023 */

table tbody tr.lines td[colspan="8"] .lines.x .left,
table tbody tr.lines td[colspan="4"] .lines.x .left{
	height: 56px !important;
}

/* Archivement CSS  */
    .archivementSec{
    margin-top: 5px;
    }

    .col-md-12.archivementSec img {
    width: 100%;
    height: 550px;
    }
/* End Archivement CSS  */

.box1 {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    border: 1px solid #000;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    margin-right: -1px;
}