@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

img{max-width:100%;}
p{text-align:justify}
.text-left p{ text-align:left}
.nomargin{margin:0}
.text-center p{text-align:center}


.topHeader {line-height: 30px;background: #fffaf6;border-bottom: 1px solid #ffe8d5;font-size: 90%;}
.topHeader .action-list ul{list-style:none;margin:0;padding:0;}
.topHeader .action-list ul li{display:inline-block;}
.topHeader .action-list ul li:not(:last-child){border-right: 1px solid #ffe8d5;}
.topHeader .action-list ul li a{color: #000;display: block;padding: 0 12px;font-weight: 600;margin-left: -4px;}
.topHeader .action-list ul li a:hover{background: #333333;color: #fff;}
.topHeader .action-list i.fa{}





#header{ padding:0px  0 2px}
#header .logo a{ color:#000; display:block }
#header .logo a img{ float: left;padding: 0 15px 0 5px; }
#header .logo {    margin-top: 0px;font-size: 14px;font-weight: 400;line-height: 115%;text-transform: uppercase;padding-top: 3px; }
#header .logo a strong {display: block;font-size: 118%;font-weight: 400;line-height: 160%; padding-top:8px;}
#header .logo a span {display: block;font-size: 118%;font-weight: 700;}


#header .YPLogo img{display:block; margin:auto}
#header .YPLogo{padding-top: 4px;padding-bottom: 4px;}
#header .YPLogo strong {font-size: 26px;text-transform: uppercase;font-weight: bold;border-top: 3px solid #ff5400;line-height: normal;}
#header .YPLogo a { color:#000; text-decoration:none}

#header .btn {padding: 6px 20px;font-size: 15px;border-radius: 25px;font-weight: 500;color: #fff;margin: 6px 0 0 0;min-width: 160px;text-transform: uppercase;box-shadow: 0 5px 2px #ffc8cd;}
#header .btn:hover {background: #25a6df;box-shadow: 0 5px 2px #c6edff;border-color: #25a6df;}


.slider{}
.slider .carousel-item{}
.slider .carousel-item>img{ width:100%;max-height: 270px;}

.count-dashboard{}
.count-dashboard .item{padding: 10px 10px 10px 15px;border: 3px solid #ffb398;border-radius: 5px;border-left-width: 15px;font-weight: 600;margin-bottom: 20px;line-height: 1.3;color: #616161;}
.count-dashboard .item strong{color:#000;display: block;font-size: 47px;line-height: 60px;}
.count-dashboard .item.groupcount table tr:nth-child(2) td{border-top-color:#ffb398;}
.count-dashboard .item.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#ffb398;}

.count-dashboard .itemreject{border-color:#ff0000;}
.count-dashboard .itemreject.groupcount table tr:nth-child(2) td{border-top-color:#ff0000;}
.count-dashboard .itemreject.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#ff0000;}

.count-dashboard .itemapproved{border-color:#006600;}
.count-dashboard .itemapproved.groupcount table tr:nth-child(2) td{border-top-color:#006600;}
.count-dashboard .itemapproved.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#006600;}

.count-dashboard .itemorange{border-color:#cc8400;}
.count-dashboard .itemorange.groupcount table tr:nth-child(2) td{border-top-color:#cc8400;}
.count-dashboard .itemorange.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#cc8400;}


.count-dashboard .itempink{border-color:#cca533;}
.count-dashboard .itempink.groupcount table tr:nth-child(2) td{border-top-color:#cca533;}
.count-dashboard .itempink.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#cca533;}

.count-dashboard .itemblue{border-color:#003d6f;}
.count-dashboard .itemblue.groupcount table tr:nth-child(2) td{border-top-color:#003d6f;}
.count-dashboard .itemblue.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#003d6f;}


.count-dashboard .itemgray{border-color:#d3d3d3;}
.count-dashboard .itemgray.groupcount table tr:nth-child(2) td{border-top-color:#d3d3d3;}
.count-dashboard .itemgray.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#d3d3d3;}

.count-dashboard .itemb{border-color:#32e3ff;}
.count-dashboard .itemb.groupcount table tr:nth-child(2) td{border-top-color:#32e3ff;}
.count-dashboard .itemb.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#32e3ff;}



.count-dashboard .itemcompleted{border-color:#9b1b30;}
.count-dashboard .itemcompleted.groupcount table tr:nth-child(2) td{border-top-color:#9b1b30;}
.count-dashboard .itemcompleted.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#9b1b30;}

.count-dashboard .itemverified{border-color:#e69752;}
.count-dashboard .itemverified.groupcount table tr:nth-child(2) td{border-top-color:#e69752;}
.count-dashboard .itemverified.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#e69752;}

/*Start Lockdown*/

.count-dashboard .itemadditional{border-color:#a7d02a;}
.count-dashboard .itemadditional.groupcount table tr:nth-child(2) td{border-top-color:#a7d02a;}
.count-dashboard .itemadditional.groupcount table tr:nth-child(2) td:not(:last-child){border-right-color:#a7d02a;}

/*End Lockdown*/

/** group count on change dated : 28-11-2019 */
.count-dashboard .groupcount {padding:0}
.count-dashboard .groupcount table{width: 100.5%;}
.count-dashboard .groupcount table td{font-size: 90%;padding: 6px 5px;}
.count-dashboard .groupcount table tr:nth-child(2) td{border-top: 2px solid #cc8400;}
.count-dashboard .groupcount table tr:nth-child(2) td:not(:last-child){border-right: 2px solid #cc8400;}
.count-dashboard .groupcount table tr:nth-child(2) td strong {font-size: 20px;line-height: normal;}


/*
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{border:1px solid #ececec;background-color:rgb(255, 255, 255);border-radius:25px}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-thumb{background-color:#25a6df;border-radius:25px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}
*/

.preview-video-detail { margin-bottom:30px;}
.preview-video-detail iframe.targetVideo{height: 535px;width: 100%;border: 1px solid #dcdcdc;}
.preview-video-index { margin-bottom:30px;}
.preview-video-index h3{margin:0px 0 20px;font-size: 18px;text-transform: uppercase;color: #000;font-weight: 600;padding-bottom: 6px;border-bottom: 1px solid #ccc;}
.preview-video-index ul.ul-cantainer{}
.preview-video-index ul.ul-cantainer::-webkit-scrollbar{width:2px;}
.preview-video-index ul.ul-cantainer::-webkit-scrollbar-track{border:1px solid #ececec;background-color:rgb(255, 255, 255);border-radius:25px}
::-webkit-scrollbar-track-piece{}
.preview-video-index ul.ul-cantainer::-webkit-scrollbar-thumb{background-color:#ee3f03;border-radius:25px}
.preview-video-index ul.ul-cantainer::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}

/* video front */
.preview-video-index ul{ list-style:none; padding:0; margin:0}
.preview-video-index .item{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;}
.preview-video-index .item .vdolink{display: inline-block;width: 100%;height: 80px;position: relative;padding-left: 120px; color:#545454; font-weight:400; font-size:85%; text-decoration:none}
.preview-video-index .preview-video-thumb {width: 110px;position: absolute;left: 0;}
.preview-video-index .preview-video-thumb .timeline{position: absolute;right: 3px;bottom: 3px;background: rgba(0, 0, 0, 0.68);color: #fff;font-weight: 600;font-family: Arial;padding: 1px 3px;border-radius: 3px;}
.preview-video-index .preview-video-info {}
.preview-video-index .preview-video-thumb img {width: 100%;height: 80px;}
.preview-video-index .preview-video-info h4 {margin: 0 0 7px 0;display: -webkit-box;max-height: 3.5rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;font-size: 16px;line-height: 20px;font-weight: 600;}
.preview-video-index .item:hover .vdolink h4{ color:#000}
.preview-video-index .item.active .vdolink h4{ color:#ee3f03}

/* photo gallery */
.photo-gallery { position:relative; margin:0em 0 5em}
.photo-gallery .title {display:inline-block; margin-bottom:20px; width:100%;border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.photo-gallery .title .showall{background: #ccc;font-size: 12px;padding: 3px 12px;border-radius: 5px;color: #000;display: inline-block;position: relative;top: -3px;margin: 0 0 0 8px;}
.photo-gallery .title h1{margin: 0;font-weight:600; color:#000; font-size: 22px; display:inline-block}
.photo-gallery .item figure{ height:250px; margin-bottom:10px; overflow:hidden}
.photo-gallery .item figure img{ min-height:250px;}
.photo-gallery .item h3{overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;display: -webkit-box;max-height: 3.5rem;-webkit-box-orient: vertical;text-align: center;font-size: 14px;margin: 0; color:#000; font-weight:300; line-height:20px;}
.photo-gallery .owl-carousel{position:static }
.photo-gallery .owl-carousel .owl-nav{position: absolute;right: 0;top: 0;display:block!important}
.photo-gallery .owl-carousel .owl-nav button{padding:0 10px!important; position:relative }
.photo-gallery .owl-carousel .owl-nav button span{display:none}
.photo-gallery .owl-carousel .owl-nav button:before{content: '';position: absolute;width: 12px;height: 12px;border-right: 2px solid #000;border-top: 2px solid #000;transform: rotate(45deg);right: 0;top: 0px;left: 0;margin: auto;}
.photo-gallery .owl-carousel .owl-nav button.owl-prev:before{transform:rotate(-135deg)}


.section-highlights{background:#f7f7f7; padding:3em 0; }
.section-highlights .title{font-weight: 500;text-transform: capitalize;font-size: 22px;border-bottom: 1px solid #ffffff;padding-bottom: 10px;box-shadow: 0 1px 0 #dcdcdc;color: #000; margin-bottom:30px;}
.section-highlights .title strong{border-bottom: 3px solid #ee3f03;padding-bottom: 8px; padding-right:20px; font-weight:600}
.section-highlights ul{ list-style:none; padding:0; margin:0}
.section-highlights ul.list li{ margin-bottom:15px; padding-left:30px; background:url(../images/icon-list.png) no-repeat 0 3px; background-size:18px;}
.section-highlights ul.list li a{ color:#000; text-decoration:none}
.section-highlights .guide-list li:not(:last-child){border-bottom:1px solid #ccc;}
.section-highlights .guide-list li{ position:relative; padding:10px 0 10px 20px;  display:block}
.section-highlights .guide-list li a{ position:relative; display:inline-block; color:#000; text-decoration:none}
.section-highlights .guide-list li:before{content: '';position: absolute;left: 0;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom:4px solid transparent;top: 17px;}



#footer{background:#333333; padding:25px 0; font-size:13px; color:#fff}
#footer a{text-decoration:underline; color:#fff}
#copyright{}
#footer .visitor-counter{ display:inline-block;line-height: 30px; font-weight:600}
#footer .visitor-counter table{float:right; margin-left:3px;font-size: 18px;font-weight: 600;}
#footer .visitor-counter table td{padding: 0 4px;border: 1px solid #505050;background: #333;}

/* lightbox */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: visible !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.45); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%;margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }


.banner {background:url(../Images/bannerInner.jpg) no-repeat center; background-size:100% 100%; color: #fff;padding:0;text-align: center; position:relative}
.banner:before{ /*position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.54)*/}
.banner h1{ margin:0; font-weight:600}
.banner img{ width:100%; max-height:270px; }
.banner .banner-text {    position: relative;z-index: 1;display: table;vertical-align: middle;width: 100%;}
.banner .banner-text h1{margin: 0;height: 270px;vertical-align: middle;display: table-cell;font-weight: bold;font-size: 42px; }


/*  Page layout : User Registration page (Login/ Forgot/Register) */
.section-registration { padding:1em 0 3em; /*background:url(../Images/bachground-login.jpg) no-repeat fixed center;*/background:url(../Images/bannerInner.jpg) no-repeat fixed center;  background-size:cover; font-size:16px; position:relative}
.section-registration:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.75);}
.section-registration h1{font-size: 28px;position: relative;color: #fff;margin-bottom: 0.8em;font-weight: 600;text-shadow: 1px 3px 4px #000000;}
.section-registration a{ color:#000; text-decoration:underline}
.section-registration a:hover{ text-decoration:none}
.section-registration .mid-heading { }
.section-registration .mid-heading .h2{display: inline-block;font-size:25px;border-bottom: 1px solid #fff;line-height: 45px;margin: 0 0 10px;}
.section-registration .mid-heading .h3{display: block;font-size: 18px;margin: 0;line-height: 1.4; }


.login-form-outer .login-reg-tab{}
.login-form-outer .login-reg-tab ul{ list-style:none; padding:0; margin:0;border-radius: 5px 5px 0 0; overflow:hidden; padding-bottom:15px;}
.login-form-outer .login-reg-tab ul li{padding:0;text-align:center}
.login-form-outer .login-reg-tab li a{text-decoration: none;background: #1a92c7;color: #fff;font-size: 18px;display: block;padding: 12px 0;}
.login-form-outer .login-reg-tab li a:after{   position: absolute;content: '';left: 48%;bottom: -12px;border-top: 12px solid #e07e27;border-left: 12px solid transparent;border-right: 12px solid transparent; display:none}
.login-form-outer .login-reg-tab li.active a{background:#e07e27}
.login-form-outer .login-reg-tab li.active a:after{ display:block}
.login-form-outer {margin: 0 auto 3em; position:relative;max-width:640px;border: 1px solid #efefef;border-radius: 5px; background:#fff;box-shadow: 0 0 10px #ececec; z-index:12}
.login-form-outer:after{position: absolute;content: '';background: url(../Images/login-frame-bottom.png) no-repeat center top;background-size: 100%;width: 100%;height: 58px;left: 0;right: 0;bottom: -58px;}
.section-registration .link-outer { position:relative; z-index:1;}
.login-form-outer .page-title{position:relative;    text-align: center;background: #25a6df;color: #fff;font-size: 18px;text-transform: capitalize;padding: 15px; margin:0;border-radius: 5px 5px 0 0;}
.login-form-outer .page-title:after {    position: absolute;content: '';left: 48%;bottom: -12px;border-top: 12px solid #25a6df;border-left: 12px solid transparent;border-right: 12px solid transparent;}
.login-form-outer .login-form-inner{ padding:2em}
.login-form-outer .login-form-inner .form-group>span{ margin-bottom:3px; display:inline-block}
.login-form-outer .login-form-inner .form-control{ height:40px; font-size:14px; }
.login-form-outer .login-form-inner .btn{border-radius: 4px;box-shadow: 0 6px 2px rgba(40, 167, 69, 0.22)}
.login-form-outer .login-form-inner .btn.btn-danger {}
.login-form-outer .login-form-inner .btn.btn-sm { height:40px;}
.login-form-outer .login-form-inner .otp .form-control{ display:inline-block}
.login-form-outer .login-form-inner .captcha-box .imgcaptcha{ }
.login-form-outer .login-form-inner .captcha-box .form-control{ width:150px; display:inline-block}
.login-form-outer .login-form-inner .has-icon-field{ position:relative}
.login-form-outer .login-form-inner .has-icon-field .form-control{ padding-left:65px; }
.login-form-outer .login-form-inner .has-icon-field .form-control+span{}
.login-form-outer .login-form-inner .has-icon-field i.fa{ position: absolute;left: 1px;height: 38px;text-align: center;width: 45px;line-height: 38px;background: #e4e4e4;border-radius: 2px 0 0 2px;top: 1px;font-size: 18px;color: #989898;border-right: 1px solid #ced4da;}
.login-form-outer .login-form-inner .cat_option table{ width:100%; margin-top:3px;}
.login-form-outer .login-form-inner .cat_option td{ position:relative; font-weight:600}
.login-form-outer .login-form-inner .cat_option input[type="radio"]{    position: absolute;left: -1px;top: 5px;width: 20px;height: 20px;}
.login-form-outer .login-form-inner .cat_option label{    margin: 0;line-height: normal;padding-left: 25px;position: relative;}
.login-form-outer .login-form-inner .cat_option label small{ display:block}


.navbar.bg-dark{background:#e07e27}
.navbar ul > li {position:relative}
.navbar ul > li a[href="javascript:void(0)"] {cursor:default}
.navbar ul>li> a{color: #fff;text-transform: capitalize;text-decoration: none;padding: 12px 15px;display: block;font-weight: 400; }
.navbar ul>li.dropdown > a:after{font-family:FontAwesome; content:"\f0d7"; margin-left:5px;}
.navbar ul>li:hover> a{color: #c29419;}
.navbar ul>li:last-child{border-right:none}
.navbar ul>li:hover> a,.navbar ul>li.active> a{background:#9e5411;color:#fff}
.navbar ul>li li:hover> a{background:#e07e27;color:#fff}
.navbar ul>li a.btn-logout{    padding: 6px 20px;border-radius: 27px;background: #ffffff;text-transform: capitalize;font-size: 14px;font-weight: 600;color: #000;border: 0 solid #582e08;box-shadow: 0 3px 5px #543315;}

.navbar ul > li > a sup img {width: 25px;height: 12px;}

.navbar ul>li#navmanual> a{background-image: url(../Images/userManual.gif);background-repeat: no-repeat;background-position: 50% -13px;background-size: 75px;padding: 26px 20px 0;background-color: #e87539;font-size: 13px;font-weight: 600;}
.navbar .mr-auto li{ border:none!important;box-shadow:none!important;}
.navbar .msg{font-size: 18px;font-weight: 600;color: #fff;border: none;box-shadow: none; padding-right:15px;}
@media(max-width:768px) {.navbar .msg{display:none;}}

@media(min-width:768px) {
#mobileMenuButton{display:none}
.navbar .navbar-collapse>.navbar-nav{border-left: 1px solid #b16523;box-shadow: -1px 0 0 #ff9638;}
.navbar .navbar-nav>li:not(:last-child){border-right: 1px solid #b16523;box-shadow: 1px 0 0 #ff9638;}
.navbar ul>li ul{-webkit-animation-duration: .3s;-moz-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;animation-iteration-count: 1;backface-visibility: hidden;-webkit-font-smoothing: antialiased;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;-moz-animation-timing-function: ease-out;transform-origin: 50% 0;-ms-transform-origin: 50% 0;-webkit-transform-origin: 50% 0;    -webkit-animation-name: slide-down-slow;-moz-animation-name: slide-down-slow;animation-name: slide-down-slow;}
@-webkit-keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
@keyframes slide-down-slow{0%{-webkit-transform:perspective(1px) scaleY(.1);-moz-transform:perspective(1px) scaleY(.1);-ms-transform:perspective(1px) scaleY(.1);-o-transform:perspective(1px) scaleY(.1);transform:perspective(1px) scaleY(.1)}to{-webkit-transform:perspective(1px) scaleY(1);-moz-transform:perspective(1px) scaleY(1);-ms-transform:perspective(1px) scaleY(1);-o-transform:perspective(1px) scaleY(1);transform:perspective(1px) scaleY(1)}}
}

.pageContent{ position:relative;/* min-height:900px;*/}
.pageContent .pageOverlay{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.4);left: 0;top:0;z-index: 12;opacity:0; transition:.5s; display:none}
.pageContent.showNav .pageOverlay{ opacity:1;display:block}

/* menu start */
.mobileNavWrapper ul.nav li a { border-bottom: 1px solid #6B6B6B; display:block; display: block; color: #000; font-size: 15px; text-transform: capitalize; padding:8px 15px;  }
.mobileNavWrapper ul li a:hover, .mobileNavWrapper ul li.active a { color: #FFF; background: #9e5411; text-decoration:none; }
.mobileNavWrapper { background:#fff; width: 250px; height: 100%; min-height: 100%; position: fixed; right: -250px; padding-top:50px; top: 0; overflow-x: hidden; z-index: 16; }
.mobileNavWrapper h2{    font-size: 23px;
    padding: 15px; margin:0px}
.mobileNavWrapper, .header {
 transition: all .30s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.pageContent{ transition:all .30s ease;-webkit-backface-visibility:hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.mobileNavWrapper .navbar-nav li{ position:relative}
.mobileNavWrapper .navbar-nav li ul{padding: 0;box-shadow: none;margin: 0;border: none; width:100%; min-width:auto; background:#fff}
.mobileNavWrapper .navbar-nav li ul ul{}
.mobileNavWrapper ul.nav li li a {padding: 6px 15px;font-size: 87%;border-color: #efefef;color: #4e4e4e;line-height: normal;}
.mobileNavWrapper .navbar-nav li .hasSub{position: absolute;right: 0;width: 45px;height: 41px;top: 0;z-index: 123;background: #e07e27;cursor: pointer;}
.mobileNavWrapper .navbar-nav li .hasSub:after{ position:absolute;     content: '';width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;left: 18px;top: 12px;transform: rotate(135deg);}

.mobileNavWrapper.showNav, .header.showNav, .pageContent.showNav { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }
#mobileMenuButton{float: right;margin: 0px;font-size: 25px;color: #fff;padding: 5px 0 5px 13px;}
/* menu close */

.innerContent {padding:3em 0;min-height:300px;}

.innerContent .boxContent {border: 1px solid #cccccc;border-radius: 5px;background: #fff;padding: 1.5em;margin-bottom: 1.5em;}
.innerContent .boxContent h1.title{font-size: 20px;color: #000;font-weight: normal;border-bottom: 1px solid #ccc;margin: 0 0 15px;padding: 0 0 5px;}
.innerContent .boxContent label{ margin-bottom:2px}
.innerContent .form-control {height:40px; font-size:13px; color:#000}
.innerContent .form-control.icon-calender {background-image:url(../images/CalLogo.png); background-position:97%; background-repeat:no-repeat }
.innerContent .boxContent .btn {padding: 5px 20px;font-size: 18px;border-radius: 3px;}
.innerContent .photo-signature-frame {width: 142px;display: inline-block;border: 1px solid #ccc;}
.innerContent .photo-signature-frame .photograph{ background:url(../Images/placeholder.png) no-repeat; background-size:100% 100%; height:140px;}
.innerContent .photo-signature-frame .photograph img{ width:100%; height:140px;}
.innerContent .photo-signature-frame .signature{background:url(../Images/placeholder-signature.png) no-repeat; background-size:100% 100%; height:40px; border-top:1px solid #ccc;}
.innerContent .photo-signature-frame .signature img{ width:100%; height:40px;}
.innerContent h3 {font-weight:600; }

.innerContent .boxContent .table-users-list { color:#000}
.innerContent .boxContent .table-users-list td,.table-users-list th{padding:8px 7px;font-size: 14px;}
.innerContent .boxContent .table-users-list .btn{font-size: 13px;padding: 3px 10px;}

.choose-category-typelist { margin-top:-30px }
.choose-category-typelist  td,.choose-category-typelist  th{ padding:8px 5px; font-size:13px;}
.choose-category-typelist  table{}
.choose-category-typelist label{font-size: 16px;color: #1839b9;font-weight: 600;margin: 0 44px 0 8px;position: relative;top: -4px;}
.choose-category-typelist input[type="radio"]{ width: 20px; height: 20px;}


/* student detail grid */
.strudent-detail-grid .item{counter-increment: count-inc;  }
.strudent-detail-grid .item .box:after{content: counter(count-inc);position: absolute;right: 0;top: 20px;font-size: 90px;color: #f0f0ff;line-height: 120px;text-align: right;    opacity: 0.5;}
.strudent-detail-grid .box{box-shadow: 0 0 5px #ababff;border-radius: 5px;margin-bottom:30px;position:relative;overflow: hidden;}
.strudent-detail-grid .timeline{width: 100%;background: #ededff;padding: 10px 0;font-size: 13px;margin: 0;}
.strudent-detail-grid .desc{display:flex;width:100%;padding: 10px;position:relative;}
.strudent-detail-grid .desc .thumb{width:120px;padding-right: 10px;}
.strudent-detail-grid .desc .thumb img{width: 110px;height:120px;}
.strudent-detail-grid .desc .info{ font-size:13px; padding:0 10px; position:relative }
.strudent-detail-grid .desc .class-name {position: absolute;right: 10px;color: #fff;background: #e07e27;border-radius: 4px;padding: 2px 6px;font-size: 13px;}
.strudent-detail-grid .desc .info ul{ list-style:none; padding:0; margin:0; line-height:1.8; }
.strudent-detail-grid .desc .info ul li{padding-left:110px; position:relative; margin-bottom:0px;}
.strudent-detail-grid .desc .info ul li strong{ position:absolute; left:0; top:0; width:100px;}


.coninfo {}
.coninfo .item{width: 100%;position: relative;margin-bottom: 25px;font-size: 110%;background: #ffffff;border: 1px dashed #b1b1b1;border-radius: 5px;padding-top:75px;box-shadow: 0 0 12px #d8d8d8;color: #000;min-height: 190px;line-height: 1.6;background-repeat: no-repeat;background-position: center 25px;background-size: 45px;}
.coninfo .item h4{color: #e07e27;font-weight: 600;font-size: 120%;margin: 10px 0 5px;}
.coninfo .item a{color: #000;}
.coninfo .item h4 span { color:#000; font-size:75%; display:block}
.coninfo .item.icon-address{ font-size:104%; background-image:url(../Images/iconAddress.png) }
.coninfo .item.icon-phone{ background-image:url(../Images/iconPhone.png) }
.coninfo .item.icon-email{ background-image:url(../Images/iconEmail.png) }
.coninfo .item p strong{ font-weight:600; color:#000 }
.contact-map iframe{ display:block;border:none; width:100%;}



.workshop-conducted {margin-top:2em; margin-bottom:1em; position:relative}
.workshop-conducted .title {display:inline-block; margin-bottom:20px; width:100%;border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.workshop-conducted .title .showall{background: #ccc;font-size: 12px;padding: 3px 12px;border-radius: 5px;color: #000;display: inline-block;position: relative;top: -3px;margin: 0 0 0 8px;}
.workshop-conducted .title h1{margin: 0;font-weight:600; color:#000; font-size: 22px; display:inline-block}
.workshop-conducted .item { margin-bottom:30px;}
.workshop-conducted .item .tagline{position: relative;font-size:100%; font-weight:700; font-family: arial;color: #9e2729;padding-left: 10px;}
.workshop-conducted .item .tagline:before {position: absolute;content: '';top: 4px;left: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #9e2729;}
.workshop-conducted .item .h3 {position: relative;color: #4c4b4b;margin: 10px 0 0 0;padding: 5px 0 0px 12px;font-size: 110%;overflow: hidden;min-height: 60px;line-height: 1.5;}
.workshop-conducted .item .h3:before {position: absolute;content: '';top: 0;left: 2px;width: 1px;height: 100%;background-color: #e0e0e0;}
.workshop-conducted .item .h3 a {color:#000; text-decoration:none}
.workshop-conducted img {border-radius:5px;}
.workshop-conducted .owl-carousel{position:static }
.workshop-conducted .owl-carousel .owl-nav{position: absolute;right: 0;top: 0;display:block!important}
.workshop-conducted .owl-carousel .owl-nav button{padding:0 10px!important; position:relative }
.workshop-conducted .owl-carousel .owl-nav button span{display:none}
.workshop-conducted .owl-carousel .owl-nav button:before{content: '';position: absolute;width: 12px;height: 12px;border-right: 2px solid #000;border-top: 2px solid #000;transform: rotate(45deg);right: 0;top: 0px;left: 0;margin: auto;}
.workshop-conducted .owl-carousel .owl-nav button.owl-prev:before{transform:rotate(-135deg)}


#myModalNotice .modal-header {padding: 5px 15px;}
#myModalNotice .modal-header .close{padding: 12px 15px; margin-top: -6px; outline:none}
#myModalNotice .modal-body p {font-size: 17px;line-height: 1.8;text-align: left; color:#000}
#myModalNotice .modal-footer{padding: 7px 15px;}
#myModalNotice .modal-footer .btn {padding: 7px 20px;font-size: 13px;text-transform: uppercase;}


#myModalWorkflow .modal-dialog {max-width:980px;}
#myModalWorkflow .modal-dialog video,#processVideo .modal-dialog video{width:100%; display:block}
#myModalWorkflow .modal-header,#processVideo .modal-header {padding: 7px 15px; border:none}
#myModalWorkflow .modal-header .close,#processVideo .modal-header .close{position: absolute;right: -13px;top: -12px;background: #e6480b;opacity: 1;text-shadow: none;border-radius: 50%;width: 32px;height: 32px;text-align: center;line-height: 24px;padding: 0;color: #fff;border: 2px solid #fff;margin: 0;outline: none;font-weight: 400;font-size: 20px;}
#myModalWorkflow .modal-body {padding:3em 0}
#myModalWorkflow .modal-title,#processVideo .modal-title {font-size: 16px;font-weight: 600; color: #000;}

#processVideo  .modal-dialog {max-width:1020px; margin-top:15px;}
#processVideo  .modal-body {padding:0 0; border-top:1px solid #ccc}
#processVideo  .modal-body video {width:100%; height:500px; border:none;outline:none}


.work-process {}
.work-process .item{padding-top: 2em;padding-bottom: 3em; position:relative;}
.work-process .item:after{content:'';background:url(../Images/process-arrow.png) no-repeat;width: 90px;height: 32px;top: 50%;right: -44px;position: absolute;background-size: 100%;}
.work-process .item:last-child:after{display:none}
.work-process .item:first-child:after{transform: rotateX(180deg);top: 38%;}
.work-process .item .box{padding: 140px 13px 15px;max-width: 235px;margin: auto;line-height: normal;font-size: 17px;display: block;color: #000;position: relative;border-radius: 50%;box-shadow: 0 0 10px #ccc;min-height: 235px;}
.work-process .box:before{content:'';position:absolute;background:url(../Images/step-1.png) no-repeat 50%;width:100px;height:100px;top: 30px;left: 0;right: 0;margin: 0 auto;}
.work-process .item:nth-child(1) .box:before {background-image:url(../Images/step-1.png)}
.work-process .item:nth-child(2) .box:before {background-image:url(../Images/step-2.png)}
.work-process .item:nth-child(3) .box:before {background-image:url(../Images/step-3.png)}


.slider .banner-caption{position: absolute;left: 45%;top: 30%;}
.slider .banner-caption h2{font-weight:600}
.slider .banner-caption p{/* text-shadow: 2px 2px 1px #fff; */line-height: 1.5;}
.slider .banner-caption .btn {padding: 8px 25px;text-shadow: none;text-transform: uppercase;font-weight: 600;font-size: 16px;border-radius: 5px;box-shadow: 0 4px 1px #85e3ff;background: #05c5ff;border: none;}

.filer-row .form-control{margin-left: 13px;padding: 5px 10px;height: 32px;border-radius: 3px 0 0 3px;width: 250px;}
.filer-row .btn{    height: 32px;border-radius: 0 3px 3px 0;margin-left: -1px;font-size: 12px;padding: 2px 10px;}

.queries-table-list th{padding: 5px 5px;font-size: 13px;line-height: normal;font-weight: 600;}
.queries-table-list td{    padding: 5px 5px;font-size: 13px;line-height: normal;}
.innerContent .boxContent .queries-table-list button.btn {padding: 5px 12px;font-size: 12px;}

/* MEDIA QUERY */
@media(max-width:1199px){
#header .container{ max-width:100%;}
}
@media(max-width:991px){
.text-md-center{text-align:center}
}
@media(max-width:767px){
.text-xs-center{text-align:center!important}
.title h1,.h1, h1,.discuss-project h1{font-size:20px;}
.h2, h2{ font-size:18px;}
.h3, h3{font-size:15px;}
#header .hidden-sm{ display:none}
#header .YPLogo strong {font-size: 15px;}
.banner .banner-text h1 {height: 130px;font-size: 25px;}
.navbar-expand-md > .container { padding:0 15px;}
}
@media(max-width:640px){

}
@media(max-width:480px){

}
@media(max-width:420px){

}
/*blink code*/

.blink_text {

    animation:2s blinker linear infinite;
    -webkit-animation:2s blinker linear infinite;
    -moz-animation:2s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    .warning-text {  
  animation: mymove 2s infinite;
}
@keyframes mymove {50% {color: red; opacity:0}100% {color: red; opacity:1}}
@-webkit-keyframes mymove {50% {color: red; opacity:0}100% {color: red; opacity:1}}


/* For Dark background topHeader on dated: 11/Aug/2021 */
body.style-dark *,body.style-dark {background:#000!important; color:#ffff00!important}
body.style-dark a#bgdark i.fa{color:#fff!important}
body.style-dark img {   /* -webkit-filter: grayscale(100%);filter: grayscale(100%);*/}
body.style-dark #header .text-right .hidden-sm img{ background:#fff!important}