/*

Author: http://webthemez.com

Note: Donate to remove backlink/credits in the footer(webthemez.com)--

Any help: webthemez@gmail.com

Licence: Creative Commons Attribution 3.0** - http://creativecommons.org/licenses/by/3.0/
 
*/

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
 body {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #737373;
    font-size: 15px;
    background: #fff;
}
button:focus {
    outline: none;
}
/*=======================Home page css============================*/

.searchBr {
    float: right !important;
}
/*.section-heading {
    padding: 15px 0 10px;
    float: left;
    width: 100%;
}*/

.policyOtrInr {
    float: left;
    width: 100%;
}
.hgrctrlBoB.frnachiseePagehdg h2 {
    margin: 30px 0 0 0;
    position: relative;
    display: block;
}
.bgclrtran {
    background: rgba(0, 0, 0, .8);
}
.col-sm-4.imgPto .content img {
    transition: .2s;
}
#nav {
    float: none;
}
.frmflt .btn.btn-default {
    width: 25px !important;
    padding: 6px 0 24px 38px;
    margin: 5px 0px 0 0;
    position: relative;
    border: none;
    background: orange;
    box-shadow: none;
    height: 27px;
    z-index: 9;
}
.navbar-brand .logo {
    width: 82%;
}
.input-group-btn {
    float: left;
}
li.searchBr input.form-control {
    height: 30px !important;
    background: none !important;
    margin: 5px 0 5px 0;
    width: 263px;
    color: #fff;
    font-weight: 400;
    padding: 0px 33px 0px 10px;
}
.fa {
    color: #fff;
}
#header-top .social .fa.fa-phone {
    color: #444;
    padding: 6px 8px 6px 8px;
    border: 3px solid;
    border-radius: 50%;
    margin: 3px 4px 0 0;
}
i.fa.fa-search.srchIcn {
    padding: 0;
    margin: 0;
    top: 8px;
    right: 11px;
    position: absolute;
}
.col-sm-4.imgPto {
    padding: 4px;
}
.photoHeadin h3 {
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: left;
    font-weight: 600;
}
.photoHeadin {
    background: #ff9000;
    float: left;
    width: 100%;
}
.col-sm-4.imgPto .content img:hover {
    transform: scale(1.02);
}
.iconE1 {
    height: 42px;
    width: 42px;
    background-position: -3px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE2 {
    height: 42px;
    width: 42px;
    background-position: -47px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE3 {
    height: 42px;
    width: 42px;
    background-position: -97px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE4 {
    height: 42px;
    width: 42px;
    background-position: -316px -55px;
    ;
    float: left;
    margin: 20px 21px 5px 44px;
}
.iconE5 {
    height: 42px;
    width: 42px;
    background-position: -347px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE6 {
    height: 42px;
    width: 42px;
    background-position: -198px -4px;
    float: left;
    margin: 20px 20px 5px 44px;
}
.boxpgn7 .servicesTitle {
    font-size: 14px;
}
.iconE7 {
    height: 42px;
    width: 42px;
    background-position: -249px 1px;
    float: left;
    margin: 20px 20px 5px 44px;
}
.iconE8 {
    height: 42px;
    width: 42px;
    background-position: -59px -57px;
    float: left;
    margin: 20px 21px 5px 44px;
}
.boxpgn6 .servicesTitle {
    font-size: 15px;
}
.iconE9 {
    height: 42px;
    width: 42px;
    background-position: -160px -57px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE10 {
    height: 42px;
    width: 42px;
    background-position: -111px -58px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE11 {
    height: 42px;
    width: 42px;
    background-position: -366px -54px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE12 {
    height: 42px;
    width: 42px;
    background-position: -298px -2px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE13 {
    height: 42px;
    width: 42px;
    background-position: -394px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE14 {
    height: 42px;
    width: 42px;
    background-position: -419px -55px;
    float: left;
    margin: 20px 23px 5px 44px;
}
.iconE15 {
    height: 42px;
    width: 42px;
    background-position: -214px -59px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE16 {
    height: 42px;
    width: 42px;
    background-position: -6px -57px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE17 {
    height: 42px;
    width: 42px;
    background-position: -214px -59px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.iconE18 {
    height: 42px;
    width: 42px;
    background-position: -437px -2px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}
.bgicon22 {
    background-image: url(../images/header-sprite22.png);
    background-repeat: no-repeat;
}
/*=======================Home page css============================*/

#header-top a:hover .icon-flow {
    display: none;
}
li.dropdown:hover > ul.dropdown-menu.drpMnu1.drmp {
    display: block;
    margin: 23px 0 0 0;
}
#lGothr {
    margin: 0 70px 0 0 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#header-top .social a.mnubtn1 {
    padding-bottom: 10px;
}
i.fa.fa-bars.mnuicn {
    padding: 0;
}
.services_bg {
    background-size: cover;
    background-attachment: fixed;
}
/*General*/
/*
h1,
h2, 
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'open', sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 30px;
    color: #828282;
}*/
/*h2 {
    margin: 30px 0;
}*/
a {
    color: rgb(138, 24, 67);
}
a:hover,
a:focus {
    color: #f63;
    text-decoration: underline;
}
.navbar-toggle {
    background-color: #000000;
}
.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600 !important;
}
blockquote {
    font-style: italic;
    font-family: Georgia;
    color: #999;
    margin: 0px 0 0px;
    padding: 0px 20px;
}
label {
    color: #777;
}
.btn-inline {
    color: #9C9C9C;
    font-size: 15px;
}
.form-control {
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 14px;
    /*line-height: 2.428571;*/
    color: #555;
    background-color: #F9F9F9;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
}
.navbar-inverse .navbar-brand {
    margin: 7px 0 0 0;
}
.navbar-inverse .navbar-brand img {
    /* width: 171px; */
}
.section-title {
    margin-bottom: 20px;
}
/* Header */

#header-top {
    background: url('../images/logobg.jpg');
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
    height: 82px;
    border-top: 5px solid #ffa500;
    border-bottom: 1px solid #fff;
}
.navbar-nav > li::before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 1;
}
.navbar-nav > li:hover::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    opacity: 1;
}
.bgClrimg {
    background: rgb(255, 255, 255);
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 82px;
    border-top: 5px solid #ffa500;
    border-bottom: 1px solid #fff;
}
#header-top .text {} #header-top .social {
    margin: 19px 0 0 0;
}
#header-top .social a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    float: left;
}
.txtMtr .fa.fa-whatsapp {
    color: #808080;
}
#header-top .text p {
    color: #FFFFFF;
    padding: 10px 0 0;
}
#head {
    /*background: #181015 url( ../images/bg_header.jpg) no-repeat;*/
    background-size: 100% 100%;
    height: 400px;
    text-align: center;
    color: rgb(13, 192, 192);
    font-weight: 300;
    position: relative;
}
header#head::after {
    content: '';
    background: rgba(0, 0, 0, 0.51);
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0px;
}
#head.secondary {
    height: 100px;
    min-height: 100px;
    padding-top: 0px;
}
#head .lead {
    font-size: 44px;
    margin-bottom: 6px;
    color: white;
    line-height: 1.15em;
}
#head .tagline {
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 25px;
}
#head .tagline a {
    color: #fff;
}
#head .btn {
    margin-bottom: 10px;
}
#head .btn-default {
    text-shadow: none;
    background: transparent;
    color: rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .5);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .5);
    background: transparent;
}
#head .btn-default:hover,
#head .btn-default:focus {
    color: rgba(255, 255, 255, .8);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .8);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .8);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .8);
    background: transparent;
}
#head .btn-default:active,
#head .btn-default.active {
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
    -moz-box-shadow: inset 0px 0px 0px 3px #fff;
    box-shadow: inset 0px 0px 0px 3px #fff;
    background: transparent;
}
.fluid_container {
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}
.members-details {
    text-align: center;
    background: #FF9000;
    padding: 10px 0;
    margin-bottom: 10px;
}
.members-details h4 {
    color: #fff;
}
.members-details .pos {
    color: #fff;
}
.members-details a {
    padding: 4px;
    margin: 2px;
}
#camera_wrap_4 {
    bottom: 0;
    height: 100%;
    left: 0;
    margin-bottom: 0!important;
    position: absolute;
    right: 0;
    top: 0;
}
.camera_bar {
    z-index: 2;
}
.camera_thumbs {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
.camera_thumbs_cont {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.camera_overlayer {
    opacity: .1;
}
.head-box {
    background: rgb(186, 18, 29);
    padding: 0px 0;
    ;
}
.head-box h2 {
    color: #fff;
    font-size: 23px;
}
.head-box p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 10px;
}
.section-heading {
    padding: 25px 0 30px;
}
.section-heading.hdgCtrlCO {
    padding-bottom: 0;
}
.section-heading h2 {
    font-size: 35px;
    text-align: center;
    color: #484848;
    font-weight: 600;
}
.section-heading p {
    font-size: 18px;
    text-align: center;
}
.box-2 {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background-color: #f2f2f2;
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    background-color: #e0e0e0;
    text-align: center;
}
.box-2 h1 {
    color: #f98b6e;
}
.box-2 h1 {
    margin-bottom: 40px;
    color: #f98b6e;
    text-transform: uppercase;
}
.box-2 p {
    font-size: 11px;
    text-align: left;
    color: #000;
}
.box-2 img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.box-2 .btn {
    background-color: rgb(255, 108, 0) !important;
}
.box-2 .btn:hover {
    color: #fff;
}
.panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-body {
    padding: 0px;
}
.btn-action,
.btn-primary {
    color: #FFEFD7;
    background-image: -webkit-linear-gradient(top, #0ecfec 0%, #09bed9 100%);
    background-image: linear-gradient(to bottom, #0ecfec 0%, #09bed9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0ecfec22', endColorstr='#09bed900', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: 0 none;
}
.btn-action:hover,
.btn-primary:hover {
    background: #04a0b7;
}
.btn:hover,
.btn:active {
    color: #FFFFFF;
}
ul,
.list.custom-list ul {
    margin: 0 0 11px;
    list-style-type: none;
    padding-left: 10px;
}
.list.custom-list ul li {
    margin: 0;
    padding: 4px 0 5px 30px;
    border-top: 1px solid #f2f2f2;
    position: relative;
    background: url(../images/arrow.png) no-repeat 0 11px;
}
.list.custom-list ul li a {
    font: 14px/1.2em'Roboto', sans-serif;
    color: #878787;
    text-transform: none;
    display: inline;
    position: relative;
}
.thumbnail {
    position: relative;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    padding: 4px;
}
.thumbnail time {
    background: #f11d25;
    padding: 5px 0;
    display: block;
    text-indent: 12px;
    color: #fff;
}
.thumbnail .caption {
    padding: 9px 0 0;
    color: #606577;
}
.thumbnail .caption:hover {} .thumbnail .caption a {
    font: 20px;
}
.slideUp {
    top: -100px;
}
.navbar-inverse {
    background: #000000;
    z-index: 100;
    margin: 35px auto;
    left: 0px;
    right: 0px;
    position: absolute;
}
.navbar-inverse {
    border: none;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a {
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background: #f63;
    color: #ffffff !important;
    background: #ba121d;
}
.navbar-inverse .navbar-nav > .active > a {
    color: #FFF !important;
    width: 100%;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a {
    text-align: left;
}
/* Highlights*/

.highlight {
    margin-top: 40px;
}
.h-caption {
    text-align: center;
}
.h-caption i {
    display: block;
    font-size: 54px;
    color: #f11d25;
    margin-bottom: 36px;
}
.h-caption h4 {
    color: #382526;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
div.hbox {
    background: #fff;
    padding: 10px 15px;
}
.h-body {} .jumbotron {
    background-color: #E0E0E0;
}
.page-header {
    border-bottom: 1px solid #15c008;
}
.page-title {
    margin-top: 20px;
    font-weight: 300;
    color: #15c008;
}
.text-muted {
    color: #888;
}
.breadcrumb {
    background: none;
    padding: 0;
    margin: 30px 0 0px 0;
}
ul.list-spaces li {
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
}
/* Helpers */

.container-full {
    margin: 0 auto;
    width: 100%;
}
.top-space {
    margin-top: 60px;
}
.top-margin {
    margin-top: 20px;
}
.circle {
    background: rgb(214, 214, 214);
    width: 95px;
    height: 95px;
    border-radius: 90px;
    line-height: 95px;
    margin: 0 auto 20px;
}
img {
    max-width: 100%;
}
img.pull-right {
    margin-left: 10px;
}
img.pull-left {
    margin-right: 10px;
}
#map {
    width: 100%;
    height: 280px;
}
#social {
    margin-top: 50px;
    margin-bottom: 50px;
}
#social .wrapper {
    width: 340px;
    margin: 0 auto;
}
.sidebar {
    padding-top: 36px;
    padding-bottom: 30px;
}
.sidebar .panel {
    margin-bottom: 20px;
    background: #F0F0F0;
    padding: 20px;
}
.sidebar h1,
.sidebar .h1,
.sidebar h2,
.sidebar .h2,
.sidebar h3,
.sidebar .h3 {
    margin-top: 20px;
}
.featured-box {
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 4px;
    border-bottom: 3px solid rgb(138, 24, 67);
    box-shadow: 0px 0px 2px #0000005c;
    height: 100px;
}
.featured-box .text {
    padding: 0px 0px 0px 69px;
    display: flex;
    justify-content: left;
    align-items: center;
    min-height: 64px;
}
.featured-box h3 {
    margin: 0 0 5px 0;
}
.featured-box i {
    position: absolute;
    display: inline-block;
    color: rgb(138, 24, 67);
    /* border: solid 1px #f11d25; */
    padding: 0px;
    width: 24px;
    height: 24px;
    margin: 0px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fff;
    /* border: 1px solid rgb(138, 24, 67); */
    border-radius: 50%;
    font-size: 46px;
}
/*footer {
    background: #D8D8D8;
    margin-top: 0;
}*/
.social {
    margin: 20px 0;
}
.social a {
    font-size: 32px;
    margin: 0 10px;
    color: #8c8c8c;
}
.social a:hover {
    color: #0DC0C0;
}
/* Footer */

.footer1 {
    background: #fff;
    padding: 30px 0 0 0;
    font-size: 12px;
    color: #999;
}
.footer1 a {
    color: #ccc;
}
.footer1 a:hover {
    color: #fff;
}
.footer1 .panel {
    margin-bottom: 30px;
}
.footer1 .panel-title {
    font-size: 17px;
    font-weight: bold;
    color: #ccc;
    margin: 0 0 20px;
}
.footer1 .entry-meta {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 0 35px 0;
    padding: 2px 0;
    color: #888888;
    font-size: 12px;
    font-size: 0.75rem;
}
.footer1 .entry-meta a {
    color: #333333;
}
.footer1 .entry-meta .meta-in {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.follow-me-icons {
    font-size: 30px;
}
.follow-me-icons i {
    float: left;
    margin: 0 10px 0 0;
    color: #f11d25;
}
.footer2 {
    background: #000;
    padding: 15px 0px 49px 0;
    color: #aaa;
    font-size: 12px;
}
.footer2 a {
    color: #aaa;
}
.footer2 a:hover {
    color: #fff;
}
.footer2 p {
    margin: 0;
}
.panel-simplenav {
    margin-left: -5px;
}
.panel-simplenav a {
    margin: 0 5px;
}
#services .fa {
    color: #f11d25;
}
/* carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px 0px 0px;
}
/* Control buttons  */

#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
/* Previous button  */

#quote-carousel .carousel-control.left {
    left: -12px;
}
/* Next button  */

#quote-carousel .carousel-control.right {
    right: -12px !important;
}
/* Changes the position of the indicators */

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
}
#quote-carousel img {
    width: 250px;
    height: 100px;
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}
.item.pdgblg {
    padding: 33px;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.contact ul {
    padding: 0px;
}
.contact ul li {
    margin-bottom: 10px;
    list-style: none;
}
footer ul li {
    list-style: none;
}
#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
/* ------- */

.isotopeWrapper article {
    margin-bottom: 30px;
}
#portfolio {} #portfolio img {
    width: 100%;
}
#portfolio article p {
    margin-bottom: 1.45em;
    /*set next row on the baseline*/
    ;
}
nav#filter {
    margin-bottom: 1.5em;
}
nav#filter li {
    display: inline-block;
    margin: 10px;
}
nav#filter a {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    color: rgb(138, 24, 67);
    border: 1px solid rgb(138, 24, 67);
}
nav#filter a.current {
    background: rgb(138, 24, 67);
    color: #fff;
}
.iconColor .fa {
    color: #ee0c45;
}
.portfolio-items article img {
    width: 100%;
}
.portfolio-item {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolio-item img {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-item .portfolio-desc {
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: rgba(220, 220, 220);
}
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.64);
}
.portfolio-item:hover .portfolio-desc {
    padding-top: 20%;
    height: 100%;
    transition: all 200ms ease-in-out 0s;
    opacity: 1;
    background: rgba(61, 61, 61, 0.67);
}
.portfolio-item .portfolio-desc a {
    color: #fff;
    text-align: center;
    display: block;
}
.portfolio-item .portfolio-desc a:hover {
    /*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
    text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
    top: -20px;
    padding: 30px;
    height: 0;
    opacity: 0;
    position: relative;
}
.portfolio-item:hover .folio-info {
    height: 100%;
    opacity: 1;
    transition: all 500ms ease-in-out 0s;
    top: -24px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}
.portfolio-item .portfolio-desc .folio-info p {
    color: #ffffff;
    font-size: 12px;
}
.newsBox img {
    width: 100% !important;
}
.newsBox {
    border: 1px solid #fff;
}
/*Da Slider*/

.da-slider {
    width: auto;
    height: auto;
    max-height: initial;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
.da-slide h2 {
    text-align: left;
    top: 15%;
    font-weight: bold;
}
.da-slide p {
    text-align: left;
    top: 40%;
    font-size: 30px;
}
.da-arrows span {
    position: absolute;
    top: 45%;
}
.da-dots span.da-dots-current:after {
    content: '';
    background: #f11d25;
}
.team-member {
    padding-top: 5px;
    margin-bottom: 15px;
}
.team-heading {
    display: block;
    width: 100%;
}
.member-img {
    overflow: hidden;
}
.member-img img {
    border-radius: 0px;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
}
.team-socials {
    margin: 15px 0;
    display: block;
    text-align: center;
}
.team-socials i {
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #0DC0C0;
}
.team-socials i:hover {
    color: #4B5C5C;
}
.team-member h4 {
    font-size: 19px;
    line-height: 32px;
    padding: 10px 0 0;
    text-align: center;
    margin: 0px;
    color: #282828;
}
.team-member .pos {
    display: block;
    margin: 0;
    text-align: center;
    color: #ABABAB;
}
#head.secondary {
    height: 300px;
    min-height: 300px;
    padding-top: 0px;
    background: #181015 url(../images/bg_header.jpg) 0px -145px no-repeat;
    /*background: #f11d25;*/
    background-size: cover;
    text-align: left;
    color: #fff;
}
#head.secondary h1 {
    height: 300px;
    line-height: 390px;
    color: #fff;
    position: absolute;
    z-index: 4;
}
/*Price table*/

.flat {
    margin: 30px 0;
}
.flat .plan {
    border-radius: 0px;
    list-style: none;
    padding: 0 0 20px;
    margin: 0 0 15px;
    background: #fff;
    text-align: center;
    border: 1px solid #E4E4E4;
}
.flat .plan li {
    padding: 10px 15px;
    color: #ccc;
    border-top: 1px solid #f5f5f5;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.flat .plan li.plan-price {
    border-top: 0;
}
.flat .plan li.plan-name {
    border-radius: 0;
    padding: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #828282;
    background: #FFFFFF;
    margin-bottom: 15px;
    border-top: 0;
}
.flat .plan li > strong {
    color: #6B6B6B;
    font-weight: normal;
}
.flat .plan li.plan-action {
    margin-top: 10px;
    border-top: 0;
}
.flat .plan.featured {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flat .plan.featured:hover li.plan-name,
.flat .plan:hover li.plan-name,
.flat .plan.featured.plan-name {
    background: rgb(138, 24, 67) !important;
    color: #fff;
}
.btn {
    color: #fff;
}
.footer2 a {
    padding: 4px 8px;
}
.news-box {
    background: #232f3e;
    padding-bottom: 50px;
}
.news-box a {
    border: #1E3434 1px solid;
    display: inline-block;
}
/**

  MEDIA QUERIES

*/

@media (max-width: 767px) {
    #head.secondary {
        height: 80px;
        min-height: 80px;
        background-size: initial;
    }
    #camera_wrap_4,
    #head {
        height: 480px !important;
    }
    #head .lead {
        font-size: 34px;
    }
    .tv {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .navbar-collapse ul {
        text-align: right;
        margin-right: 0px;
    }
    .mobile_view {
        display: none;
    }
    .desktop_view {
        display: block;
    }
}
/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) {
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #camera_wrap_4,
    #head {
        height: 480px !important;
    }
    #header-top .text {
        display: none;
    }
    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > .open ul > a {
        font-size: 13px;
    }
    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > .open ul > a {
        text-align: left;
    }
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    .footer2 p {
        margin: 0;
        text-align: center;
    }
}
@media (max-width: 420px) {
    .navbar-inverse {
        background: transparent;
        margin-top: 35px;
    }
    #camera_wrap_4,
    #head {
        height: 230px !important;
    }
    .da-slide h2 {
        font-size: 28px;
    }
    .da-slide p {
        font-size: 19px;
        font-weight: 400;
    }
    #head.secondary {
        height: 300px;
        min-height: 300px;
        padding-top: 0px;
        background: #181015 url(../images/bg_header.jpg) -320px -145px no-repeat;
    }
}
.university-box {
    margin-bottom: 10px;
    box-shadow: 0px 0px 1px;
}
.university-box:hover {
    box-shadow: 0px 0px 3px;
}
.university_div {
    border: 2px solid #002db95e;
    padding: 6px;
    overflow: hidden;
    background: #ffffffb5;
}
.university_img {
    width: 100%;
    transition: transform 2s;
}
.university_img:hover {
    transform: scale(1.1);
}
.testimonials {
    overflow: hidden;
    position: relative;
    max-height: 300px;
}
.testimonials {
    background: #161d25;
}
.one-slide,
.testimonial,
.message {
    border: none !important;
    outline: none !important;
}
.icon-overlay {
    position: absolute;
    opacity: 0.3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px;
}
.carousel-controls .control {
    position: absolute;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 1;
}
.prev {
    left: -2.25rem;
}
.next {
    right: -2.25rem;
}
@media screen and (max-width: 768px) {
    .testimonials {
        max-height: 700px;
    }
    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px);
    }
    .carousel-controls .control {
        width: 25px;
        height: 25px;
        top: inherit;
    }
    .prev {
        left: 0;
    }
    .next {
        right: 0;
    }
    .control i {
        font-size: .7rem;
    }
    .testimonials .message {
        font-size: 1rem;
    }
    .testimonials h2 {
        font-size: 1.5rem;
    }
    .header_left {
        height: 54px;
    }
    .logo {
        margin-top: 0px;
    }
}
.testimonial_img {
    width: 100px;
    border-radius: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.subscription {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
}
.search_box {
    background: white;
    border: 2px solid #fff;
    height: 34px;
    width: 40%;
    border-radius: 50px;
    font-weight: 600;
    padding-left: 10px;
    color: black;
    display: inline-block;
}
.search_button {
    background-color: transparent;
}
.wrapper {
    border: 2px solid #008cc3;
    display: inline-block;
    margin-top: 7px;
    height: 40px;
    color: #fff;
    border-radius: 50px;
    background: #fff;
    margin-bottom: 20px;
}
input,
button {
    background-color: transparent;
    border: 0;
    height: 35px;
    color: #0c0c0c;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
}
.logo {
    margin-top: 8px;
}
.dropdownFooter {
    background: none !important;
    border: none !important;
    color: #fff !important;
    background-clip: none !important;
    border: none !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
}
/*.dropdown-submenu {

  position: relative;

}*/

/*.dropdown-submenu .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: 0px;

    border-top: 2px solid #008cc3;

    background: #ba121d !important;

}*/

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid #000;
    min-height: 419px;
}
.video_div1 {
    border: 1px solid white;
    padding: 0px;
    box-shadow: 0px 0px 10px #00000047;
}
.video_div2 {
    border: 1px solid #8a1843;
    padding: 10px;
    box-shadow: 0px 0px 5px #00000047;
}
.video_list {} .video_title {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    color: #febb00;
}
.youWshListPera {
    color: #fff !important;
}
.btnHvr:hover {
    background: #fff !important;
    color: #ec9800 !important;
    border: 1px solid orange;
}
.video_img {
    width: 400px;
    height: 70px;
    padding: 2px;
    border: 1px solid #0000003b;
    box-shadow: 0px 0px 1px;
}
.footer_hding {
    margin-top: 0px;
    color: #fff;
    text-transform: uppercase;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    color: #ffffff;
}
#cssmenu ul ul {
    display: none;
}
.align-right {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 5px 10px;
    z-index: 2;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}
#cssmenu > ul > li:hover {
    padding-left: 20px;
}
#cssmenu > ul > li {
    transition: .2s;
}
.container-fluid.pdgFtr {
    padding: 0px 20px 0 30px;
}
.news-box .bgftr123 {
    background: #000 url(../images/ftr-bg.png);
}
#cssmenu > ul > li.open > a {
    color: #b7b7b7;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {} .holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.holder::after,
.holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 152px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.holder::after {
    top: 8px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    display: none;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}
.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
#cssmenu ul ul li a {
    cursor: pointer;
    padding: 5px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #eeeeee;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
    box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {} #cssmenu ul ul ul li a {
    padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {} #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}
.btn_fb {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #3B5998;
    padding-top: 10px;
    border-radius: 50px;
}
.btn_linkedin {
    width: 30px;
    height: 30px;
    font-size: 13px;
    background: #007bb5;
    padding-top: 8px;
    border-radius: 50px;
    padding-left: 11px;
}
.btn_twitter {
    width: 30px;
    height: 30px;
    font-size: 13px;
    background: #55acee;
    padding-top: 8px;
    border-radius: 50px;
    padding-left: 11px;
}
.btn_youtube {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #bb0000;
    padding-top: 8px;
    border-radius: 50px;
    padding-left: 10px;
}
.btn_insta {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #cb2027;
    padding-top: 8px;
    border-radius: 50px;
    padding-left: 10px;
}
.bigAdd {
    height: 306px;
}
.smallDivContainer {
    border: 1px solid #fff;
    margin-top: 1px;
    padding: 0px;
}
.tv {
    border: 1px solid #00000038;
    background: #ffffff;
    padding: 30px;
    box-shadow: 0px 0px 10px;
}
.col-sm-3.logowt {
    padding-right: 0;
    margin: 44px 0 0 0;
}
.viedoHeadingDiv {
    background-color: #8a1843;
    width: 100%;
    padding: 1px;
    margin-bottom: 4px;
}
.viedoHeading {
    color: #fff;
    -webkit-animation-name: newsChannel;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    animation-name: newsChannel;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes newsChannel {
    from {
        color: white;
    }
    to {
        color: yellow;
    }
}
/* Standard syntax */

@keyframes newsChannel {
    from {
        color: white;
    }
    to {
        color: yellow;
    }
}
.dwn {
    font-size: 8px;
    padding: 0px;
    margin-left: 5px;
}
.rht {
    font-size: 11px;
    padding: 0px;
    margin-right: 5px;
}
.sidebar_Collapse {
    border-bottom: 1px dashed #008cc394;
    width: 100%;
    text-align: left;
    list-style: none;
}
.sidebar_Collapse:hover {
    background: #ba121d;
    color: #fff !important;
}
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    transition: 0.5s;
    padding-top: 60px;
    border-top: 10px solid #ba121d;
}
.sidebar a {
    padding: 8px 8px 8px 12px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.sidebar a:hover {
    color: #f1f1f1;
}
.sidebar .closebtn {
    position: absolute;
    top: -17px;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
    color: ##ba121d;
    font-weight: bold;
    display: none;
}
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}
.openbtn:hover {
    background-color: #444;
}
#main {
    transition: margin-left .5s;
    padding: 16px;
}
.sidebar a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }
    .sidebar a {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff !important;
    }
}
.my_right {
    padding: 0 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    padding-right: 10px !important;
    text-shadow: 0px 0px 5px white;
}
.topnav input[type=text] {
    padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
    width: 80%;
    border: 2px solid #ba121d;
    height: 50px;
    margin-top: 23px;
}
.topnav .search-container button {
    float: right;
    margin-top: 8px;
    margin-right: 0px;
    background: #ba121d;
    font-size: 17px;
    border: none;
    width: 20%;
    cursor: pointer;
    color: #fff;
    height: 50px;
    margin-top: 23px;
}
.topnav .search-container button:hover {
    background: #f2f2f2;
    border: 2px solid #ba121d;
    color: #ba121d;
}
.searchHding {
    padding-top: 0px;
}
@media screen and (max-width: 600px) {
    .topnav input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 14px;
        border: none;
        width: 75%;
        border: 2px solid #008cc3;
        height: 50px;
        margin-top: 23px;
    }
    .topnav .search-container button {
        float: right;
        margin-top: 8px;
        margin-right: 0px;
        background: #008cc3;
        font-size: 14px;
        border: none;
        width: 25%;
        cursor: pointer;
        color: #fff;
        height: 50px;
        margin-top: 23px;
    }
    .searchHding {
        padding-top: 30px;
    }
}
.publicationImg {
    height: 372px;
}
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}
.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
    left: 0;
    background: #008cc3;
    border-radius: 50px;
    height: 38px !important;
    width: 38px !important;
    padding-left: 0px !important;
}
.MultiCarousel .rightLst {
    right: 0;
    background: #008cc3;
    padding: 0px;
    height: 40px;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    background: #008cc3;
    width: 37px;
    padding: 0px;
}
.image-container1 {
    background-image: url("../../assets/images/Study1.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #1788b4;
    padding: 0;
}
.image-container2 {
    background-image: url("../../assets/images/Study2.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #fdac19;
}
.image-container3 {
    background-image: url("../../assets/images/Study3.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #17b456;
}
.image-container4 {
    background-image: url("../../assets/images/Study4.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #d272f1;
}
.image-container5 {
    background-image: url("../../assets/images/Study5.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #b41725;
}
.image-container6 {
    background-image: url("../../assets/images/Study6.jpg");
    background-size: 100% 100%;
    position: relative;
    height: 250px;
    border-top: 5px solid #66b6c3;
}
.textcontainer {
    background-color: #fbc500f5;
    color: black;
    font-size: 17px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    width: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid black;
    box-shadow: 0px 0px 10px #000;
    transition-duration: 0.2s;
}
.textcontainer:hover {
    background-color: #fff !important;
}
/*.clearfix {

    overflow: auto;

    border: 1px solid #8a1843;

    padding: 5px;

    background-image: linear-gradient(#ffffff, #e7fffe, #d6eeff);

    box-shadow: 0px 0px 5px #fbc500c9;

    margin-bottom: 20px;

}
*/

.img2Div {
    float: right;
}
.dropdown-menu.sizeFx {
    width: 540px;
    height: 244px;
}
.dropdown-menu.sizeFx > li > a {
    width: 180px;
    border: none;
}
.dropdown-menu.sizeFx li {
    float: left;
}
.dropdown-menu.lowwth {
    width: 240px;
}
.dropdown-menu.lowwth li .dropdown-menu.wthLowx {
    width: 475px;
}
.dropdown-menu.lowwth li .dropdown-menu.wthLowx li {
    float: left;
    width: 228px;
}
.dropdown-menu.lowentrs {
    width: 414px;
    height: 333px;
    padding: 10px;
}
.dropdown-menu.lowentrs .llbhld li a {
    color: white;
    padding: 2px 15px;
    border-bottom: 1px solid #ffffff1f;
    font-size: 12px;
    background: #595959;
    text-transform: uppercase;
}
.dropdown-menu.lowentrs .llbhld li a:hover {
    background: #ba121d;
}
.llbhld {
    float: left;
    width: 183px;
    margin: 0 0 0 13px;
}
.llbhld h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
}
.llbhld li a {
    color: #fff;
    width: 100%;
    float: left;
    text-decoration: none;
}
.llbhld li a:hover {
    background: rgb(248, 114, 123);
}
.dropdown-menu.uniClg {
    width: 500px;
    top: 0;
}
.dropdown-menu.uniClg li {
    float: left;
    width: 244px;
}
.hgnclg {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: underline;
}
ul.dropdown-menu.osgEXm {
    width: 461px;
}
ul.dropdown-menu.osgEXm > li {
    float: left;
    width: 195px;
}
.extrIcn {
    float: none;
    margin: 0 0 0 0;
}
span.tithdg {
    font-size: 12px;
}
h4.crsfnt {
    font-size: 13px;
    font-weight: 600;
    background: #ba121d;
    padding: 10px;
    color: #ffffff;
    margin: 0;
    border-radius: 10px 10px 0 0;
}
.sbtile {
    font-size: 14px;
    color: #000;
    margin: 16px 0 10px 0;
}
.inrol button {
    font-size: 11px;
    border: 1px solid #ba121d;
    border-radius: 5px;
    color: #ba121d;
    padding: 0 30px 0px 30px;
}
.members-details.ofrhold {
    text-align: center;
    background: #fff;
    padding: 5px 5px;
    margin-bottom: 0px;
}
.inrol button:hover {
    background: #ba121d;
    color: #fff;
    border: 1px solid #ba121d;
}
.pad15.pdgctr {
    padding: 0px !important;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 7px 1px #8282828c;
}
.featured-box .text h3 {
    font-size: 19px;
    font-weight: 400;
}
.text.txtadjt {
    padding: 7px 10px 10px 79px;
}
.tv.nwsbG {
    border: 1px solid #00000038;
    background: #ba121d;
    padding: 0 30px 30px 30px;
    box-shadow: 0px 0px 10px;
}
.tv.nwsbG .txtTop {
    font-size: 52px;
    color: #fff;
    font-weight: 600;
    text-align: left;
}
.bigAdd.htctr {
    height: 108px !important;
}
.mrwu {
    background: #fff;
    padding: 5px 0 2px 0;
    font-size: 17px;
    color: #212121;
    font-weight: 600;
}
.bgBlk {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.navbar-nav > li > a:focus.purple {
    background: #f63;
    color: #FFFFFF !important;
}
.txtMtr .combine {
    color: #fff;
    margin-right: 5px;
    background: #4D36F4;
    border-radius: 50%;
    width: 44px !important;
    height: 44px;
    text-align: center;
    line-height: 44px;
    overflow: hidden;
    line-height: 44px;
    text-align: center;
    position: relative;
}
.countCart {
    position: absolute;
    top: -12px;
    left: 4px;
    font-size: 13px !important;
}
.txtMtr .combine span {
    display: inline-block;
    width: 44px;
    font-size: 9px;
    transition: .2s;
}
.txtMtr .fa.fa-whatsapp {
    font-size: 36px;
    vertical-align: middle;
    padding: 0 7px 4px 10px;
    margin: 3px 0 0 0;
}
.txtMtr .combine span {
    display: inline-block;
    width: 44px;
    font-size: 9px;
    line-height: 45px;
}
.txtMtr .combine span img {
    height: 18px;
}
.txtMtr a {
    margin: 0 3px !important;
}
#cartAd {
    background: red;
}
#lCatn {
    background: #ff6b9b;
}
#MyAcnt {
    background: #800080;
}
#lCatn1 {
    background: orange;
}
button.slicknext {
    padding: 0 0 0px 0;
    position: absolute;
    z-index: 9999;
    top: 190px;
    right: 9px;
}
button.slicknext span.fa.fa-chevron-right {
    background: rgba(0, 0, 0, .3);
}
button span.fa {
    background: rgba(0, 0, 0, .3);
    padding: 13px;
    color: #fff;
}
button.slickpre {
    padding: 0 0 0px 0;
    position: absolute;
    z-index: 9999;
    top: 190px;
    left: 9px;
}
button.slickpre span.fa.fa-chevron-left {
    background: rgba(0, 0, 0, .3);
}
/*<!--================resent work aro=======================-->*/

.sliderOtr {
    position: relative;
    overflow: hidden;
}
.latestslickpre.slick-arrow {
    position: absolute;
    top: 310px;
    left: -70px;
}
.latestslickpre.slick-arrow .fa.fa-chevron-left {
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 15px 15px 15px;
}
.latestslicknext.slick-arrow {
    position: absolute;
    right: -66px;
    top: 310px;
}
.latestslicknext.slick-arrow .fa.fa-chevron-right {
    background: rgba(0, 0, 0, 0.5);
}
.caption.maxheight2 {
    color: #303030 !important;
    padding: 10px;
}
.caption.maxheight2:hover {
    background: #fc8500;
    color: #fff !important;
    transition: .2s;
}
.moreBtnOtr {
    width: 100%;
    text-align: center;
}
.moreBtn .btn-inline {
    padding: 3px 20px 5px 20px;
    border: 1px solid #d7d7d7;
    background: #545454;
    color: #fff;
}
.btn-inline:hover {
    background: white;
    color: #000;
    text-decoration: none;
}
.row.ofLine {
    padding: 10px;
}
.clasOflin {
    border: 1px solid;
    padding: 0px !important;
}
.prediv {
    border: 1px solid;
    padding: 0px;
    color: #000 !important;
}
.preSub {
    padding: 10px;
    width: 50%;
    float: left;
}
.iconDivBrd {
    border-left: 1px solid;
    background: #f8f8f8;
    height: 374px;
}
.row.ofLine {
    padding-bottom: 30px;
}
.preInr {
    text-align: center;
    text-transform: uppercase;
    padding: 0;
}
.col-md-6.prediv {
    height: 375px;
    transition: .5s;
}
.prediv:hover {
    -webkit-transform: scale(1.06);
    z-index: 999;
    box-shadow: 0px 0px 13px 0px #262626;
}
.preOtr {
    padding: 0px;
}
.preInr .preHdg {
    font-size: 17px;
    padding: 5px;
    color: #ff9000;
    font-weight: 600;
}
.preInr .preinter {
    padding: 18px;
}
.preSub span button {
    border: 1px solid;
    width: 223px;
    font-weight: 400;
    font-size: 12px;
}
.preInr11 .preSub button {
    color: #ff9000;
    font-size: 15px;
    font-weight: 600;
    border: 3px solid;
}
.dropdown-menu.ctrlslr {
    left: -50 !important;
    position: absolute !important;
    left: -165px;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}
/*=======Home css ==================*/

.exploreBtn.animated.btnHinEng {
    opacity: 0;
    margin: 5px !important;
    width: 40% !important;
    padding: 9px !important;
}
.barodaConnect.hoverBG.hindbg:hover .mrgnHOver {
    margin-top: 28px;
}
.barodaConnect.hoverBG.hindbg:hover .btnHinEng {
    opacity: 1 !important;
}
.barodaConnect.hoverBG.hindbg a {
    text-decoration: none;
}
.barodaConnect.hoverBG.hindbg:hover {
    background: #f63;
}
.homeProductsInner .homeProductListing .bgspcl:hover {
    background-color: #ff6633;
}
.homeSprite {
    background-image: url(../images/header-sprite.png);
    background-repeat: no-repeat;
}
.homeProductListing .icon1 {
    width: 56px;
    height: 56px;
    background-position: -3px -2px;
}
.homeProductListing . {
    width: 56px;
    height: 56px;
    background-position: -80px -2px;
}
.homeProductListing .icon12 {
    width: 56px;
    height: 56px;
    background-position: -168px -2px;
}
.homeProductListing .icon19 {
    width: 56px;
    height: 56px;
    background-position: -244px -142px;
}
.homeProductListing .icon7 {
    width: 56px;
    height: 56px;
    background-position: -252px -2px;
}
.homeProductListing .icon6 {
    width: 56px;
    height: 56px;
    background-position: -8px -61px;
}
.homeProductListing .icon3 {
    width: 56px;
    height: 56px;
    background-position: -81px -62px;
}
.homeProductListing .icon4 {
    width: 56px;
    height: 56px;
    background-position: -80px 1px;
}
.homeProductListing .icon5 {
    width: 56px;
    height: 56px;
    background-position: -164px -72px;
}
.homeProductListing .icon9 {
    width: 56px;
    height: 56px;
    background-position: -241px -72px;
}
.homeProductListing .icon8 {
    width: 56px;
    height: 56px;
    background-position: -5px -137px;
}
.homeProductListing .icon2 {
    width: 56px;
    height: 56px;
    background-position: -83px -137px;
}
.homeProductListing .icon10 {
    width: 56px;
    height: 56px;
    background-position: -161px -139px;
}
.homeProductListing .icon11 {
    width: 56px;
    height: 56px;
    background-position: -243px -143px;
}
.homeProductListing .icon13 {
    width: 56px;
    height: 56px;
    background-position: -11px -202px;
}
.homeProductListing .icon14 {
    width: 56px;
    height: 56px;
    background-position: -84px -203px;
}
.homeProductListing .icon15 {
    width: 56px;
    height: 56px;
    background-position: -162px -202px;
}
.homeProductListing .icon16 {
    width: 56px;
    height: 56px;
    background-position: -244px -201px;
}
.homeProductListing .icon17 {
    width: 56px;
    height: 56px;
    background-position: -167px -277px;
}
.homeProductListing .icon18 {
    width: 56px;
    height: 56px;
    background-position: -17px -271px;
}
.prediv .bgHover {
    height: 100%;
}
.preSub.pdg0 {
    padding: 0 0 4px 0;
}
.iconOtr {
    float: left;
    height: 100%;
}
.imgOtr {
    float: left;
    height: 100%;
    margin-top: 66px;
}
.imgOtr span {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
}
.imgOtr img {
    width: 137px;
}
.bgBlk .praExt {
    font-size: 12px;
    color: #fff;
    padding: 21px 30px 10px 30px;
}
.pdgctrlCn {
    padding: 3px;
}
<!--css for circle--> .roundBoxText.roundBox4 {
    text-decoration: none;
    width: 151px;
    height: 151px;
    font-weight: 700;
    padding: 20px;
    border-color: #ffffff;
}
.roundBoxText.boxpgn8:hover {
    background: rgba(254, 0, 0, 0.9);
    border: 2px solid #fff !important;
}
.roundBoxText {
    width: 146px;
    height: 146px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255);
    padding: 5px;
    vertical-align: middle;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.2;
    outline: 0 none;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.roundBoxText .mobileBankingIcon,
.roundBoxText .internetBanking,
.roundBoxText .branchBanking,
.roundBoxText .digitalBanking {
    width: 50px;
    height: 50px;
    display: inline-block;
}
.roundBoxText .servicesTitle {
    display: block;
    width: 100%;
    margin: 27px 0 0 0;
}
.hightLightBoxCircle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: spin 4s linear 0s infinite running;
    -webkit-animation: spin 4s linear 0s infinite running;
    animation: spin 4s linear infinite;
    opacity: 0;
}
.roundBoxBg .roundBoxText.roundBox4:hover,
.roundBoxBg .roundBoxText.roundBox4.active {
    background: none;
}
.roundBoxBg .roundBoxText.roundBox4:hover,
.roundBoxBg .roundBoxText.roundBox4.active {
    background: #ba121d;
}
.dropdown-menu.ctrlslr1 {
    left: -50 !important;
    position: absolute !important;
    left: -240px;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}
.roundBoxBg .roundBoxText.roundBox4 {
    text-decoration: none;
    width: 151px;
    height: 151px;
    font-weight: 700;
    padding: 20px;
    color: #fff;
}
a.roundBoxText:hover,
a.roundBoxText.active {
    background: rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    border-color: #ff6633;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.row.offceOtre {
    position: relative;
}
.hightLightBoxCircle svg {
    fill: #ff6633;
    height: 28%;
    position: absolute;
    right: 0;
    top: -4px;
    width: 55%;
    z-index: 1;
}
.hightLightBoxCircle svg {
    fill: #ff6633;
}
.roundBoxText.hoverCircle:hover .hightLightBoxCircle {
    opacity: 1;
    visibility: hidden;
    tansition: all 0.3s ease;
    -webkit-tansition: all 0.3s ease;
}
#smartWayInfo {
    background-image: url('../images/CerclebgOffCir.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.row.bgblacg {
    background: rgba(0, 0, 0, .7);
}
.section-heading.hdgCtrlCO {
    height: 500px;
}
.roundBoxText.boxpgn {
    top: 60px;
    left: 148px;
}
.roundBoxText.boxpgn1 {
    top: 0;
    left: 301px;
}
.roundBoxText.boxpgn2 {
    top: -20px;
    left: 460px;
}
.roundBoxText.boxpgn3 {
    top: 131px;
    left: 400px;
}
.roundBoxText.boxpgn4 {
    top: 78px;
    left: 607px;
}
.roundBoxText.boxpgn5 {
    top: -20px;
    left: 750px;
}
.roundBoxText.boxpgn6 {
    top: 220px;
    left: 240px;
}
.roundBoxText.boxpgn7 {
    top: 220px;
    left: 50px;
}
.roundBoxText.boxpgn8 {
    top: 320px;
    left: 420px;
}
.roundBoxText.boxpgn9 {
    top: 260px;
    left: 600px;
}
.roundBoxText.boxpgn10 {
    top: 0;
    left: 940px;
}
.roundBoxText.boxpgn11 {
    top: 170px;
    left: 780px;
}
.roundBoxText.boxpgn12 {
    left: 1170px;
    top: 40px;
}
.roundBoxText.boxpgn13 {
    top: 190px;
    left: 1030px;
}
.roundBoxText.boxpgn14 {
    top: 300px;
    left: 890px;
}
.roundBoxText.boxpgn15 {
    top: 330px;
    left: 1150px;
}
.roundBoxText.boxpgn16 {
    top: 360px;
    left: 160px;
}
.servicesTitle.singleLine {
    margin: 34px 0 0 0;
    font-size: 28px;
}
.dropdown.lgiinMnu {
    margin: 10px 17px 0 20px;
}
.float.mrgn {
    margin: 4px 0 0 20px !important;
}
.dropdown-menu.drpMnu1 {
    margin: 37px 0 0 0;
    background: #f3f3f2;
}
.dropdown-menu.sbmnuDsp1 {
    min-height: auto;
    background: #f2f2f2 !important;
}
.dropdown-menu.drpMnu1 .wth100 {
    width: 100%;
    font-weight: 400 !important;
    color: #484848 !important;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px !important;
    line-height: 24px;
}
.test.wth100:hover {
    background: #fff;
    margin: 0px !important;
}
.dropdown-menu.bgWhUs {
    background: #f3f3f3 !important;
    min-height: auto !important;
    position: absolute;
    top: 30px;
}
.dropdown-menu.bgWhUs.posnl {
    top: 154px !important;
    width: auto !important;
}
.dropdown-menu.bgWhUs a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #575757 !important;
    line-height: 21px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.dropdown-menu.bgWhUs a:hover {
    margin: 0px !important;
    background: #fff;
}
#lGothr a:hover {
    background: #fff;
    margin: 0 !important;
}
.mnubtn span {
    margin-right: 3px;
}
.mnubtn span img {
    width: 20px;
}
.mnubtn .caret {
    margin: 13px 0 0 3px;
}
.col-xs-12.smallDivContainer.tvslider .slick-list.draggable {
    height: 155px;
}
.col-xs-12.smallDivContainer.tvslider {
    height: 157px;
}
<!--CATAGORY CSS BY BRODA--> .homeProducts {
    padding: 50px 0;
}
.homeProducts h2,
.exclusiveOffers h2,
.socialFeeds h2 {
    font-size: 1.813em;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin-bottom: 28px;
}
.homeProducts h2 span,
.exclusiveOffers h2 span,
.socialFeeds h2 span {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 13px;
}
.homeProductsInner {
    height: 804px;
    overflow: hidden;
    position: relative;
    background-color: #8a8a8a;
}
.homeProductsInner::before {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    top: 268px;
    z-index: 3;
    background-color: #949494;
}
.bgfullImg.hover {
    -webkit-ransform: scale(1.05);
    -ms-ransform: scale(1.05);
    transform: scale(1.05);
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.bg0under {
    background-image: url('../images/bgOffCir.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under {
    background-image: url('../images/bgOffCir.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under1 {
    background-image: url('../images/bgOffCir.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under2 {
    background-image: url('../images/bgOffCir1.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under3 {
    background-image: url('../images/bgOffCir3.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under4 {
    background-image: url('../images/bgOffCir4.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under5 {
    background-image: url('../images/bgOffCir5.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under6 {
    background-image: url('../images/bgOffCir6.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under7 {
    background-image: url('../images/bgOffCir7.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under8 {
    background-image: url('../images/bgOffCir8.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under9 {
    background-image: url('../images/bgOffCir9.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under10 {
    background-image: url('../images/bgOffCir10.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under11 {
    background-image: url('../images/bgOffCir11.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under12 {
    background-image: url('../images/bgOffCir12.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under13 {
    background-image: url('../images/bgOffCir13.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under14 {
    background-image: url('../images/bgOffCir14.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under15 {
    background-image: url('../images/bgOffCir15.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under16 {
    background-image: url('../images/bgOffCir16.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under17 {
    background-image: url('../images/bgOffCir17.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.bg1Under18 {
    background-image: url('../images/bgOffCir18.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.homeProductsInner {
    height: 804px;
    overflow: hidden;
    position: relative;
    background-color: rgba(0, 0, 0, .7);
}
.roundBoxText.hoverCircle::before {
    width: 96%;
    height: 96%;
    background: url(../images/circle-hover.svg) center no-repeat;
    background-size: auto;
    background-size: cover;
    position: absolute;
    left: 2%;
    top: 2%;
    right: 2%;
    bottom: 2%;
    content: '';
    opacity: 0;
    visibility: hidden;
    animation: 5s linear 0s normal none infinite running spin, all 0.5s ease;
    -webkit-animation: 5s linear 0s normal none infinite running spin, all 0.5s ease;
    animation: spin 5s linear infinite;
}
.bgfullImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 750ms ease-in-out;
    -webkit-transition: 750ms ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.roundBoxText.hoverCircle:hover::before {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.homeProductsInner .homeProductListing {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 2;
}
.cf::before,
.cf::after,
.container::before,
.container::after,
.row::before,
.row::after,
ul::before,
ul::after,
.boxs::before,
.boxs::after,
.radioList::after,
.radioList::before {
    content: " ";
    display: table;
}
.cf::before,
.cf::after,
.container::before,
.container::after,
.row::before,
.row::after,
ul::before,
ul::after,
.boxs::before,
.boxs::after,
.radioList::after,
.radioList::before {
    content: " ";
    display: table;
}
.homeProductsInner .homeProductListing li {
    width: 16.6666%;
    height: 268px;
    float: left;
    border-right: 1px solid #949494;
    border-bottom: 1px solid;
}
.homeProductsInner .homeProductListing .bgspcl {
    min-height: 268px;
    display: block;
    text-decoration: none;
}
.homeProductsInner .homeProductListing .homeSprite {
    margin: 50px 0 20px;
    display: inline-block;
    -webkit-transition: 350ms ease;
    transition: 350ms ease;
}
.homeProductsInner .homeProductListing .productTitle {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.375em;
    padding: 0 20px;
    position: relative;
    line-height: 28px;
}
.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.homeProductsInner .homeProductListing .exploreBtn {
    padding: 0 25px;
    color: #ff6633;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 37px;
    opacity: 0;
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    transition: all 350ms ease 0s;
    -webkit-transition: all 350ms ease 0s;
}
<!--CATAGORY CSS BY BRODA--> <!--18menu CSS BY BRODA--> .homeProductsInner .homeProductListing .bgspcl:hover .homeSprite {
    margin-top: 28px;
}
.homeProductsInner .homeProductListing .bgspcl:hover .exploreBtn {
    opacity: 1;
}
.homeProductsInner .homeProductListing .bgspcl:hover .homeSprite {
    margin-top: 28px;
}
<!--18menu CSS BY BRODA--> <!--iconCssHedding--> .imgHdg {
    margin: 0 0 0 426px !important;
}
.imgHdg img {
    float: left;
    margin: 25px 7px 0 426px;
    height: 39px;
}
.imgHdg h2 {
    float: left;
    color: #fff;
}
/*=============blog section ===========*/

.height50 {
    height: 50px;
}
.imgHigh {
    height: 100px;
    width: 100%;
}
.blogsliderpre.aroArticl {
    position: absolute;
    left: -50px;
    top: 239px;
}
.fa-chevron-left.btn_l {
    color: #ababab;
    font-size: 28px;
}
.fa-chevron-right.btn_l {
    color: #ababab;
    font-size: 28px;
}
.blogslidernext.btnRitpos {
    position: absolute;
    top: 261px;
    right: -51px;
}
.blogsliderpre.btnLeftpos {
    position: absolute;
    left: -49px;
    top: 260px;
}
/*=============blog section ===========*/

/*=============footer ===========*/

.news-box.bgftr {
    background: #fff;
    padding-bottom: 0;
    padding-top: 80px;
}
.fbIconSet ul li a .fa {
    float: left;
    font-size: 16px;
    color: #fff;
    margin-right: 15px;
    padding: 0px 0 0 5px;
    height: 34px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    border: 2px solid #fff;
}
.fbIconSet ul li a {
    color: #fff;
    text-decoration: none;
    transition: .2s;
    margin: 0 0 5px 0;
    line-height: 30px;
    padding-left: 0px;
    background: url(../images/icon-footer.png) no-repeat 0 9px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    border: none;
}
.fbIconSet ul li a:hover {
    background-position: 0px -40px;
    padding-left: 25px;
}
.news-box.bgftruprFtr {
    background: rgba(0, 0, 0, 0.7);
}
.uprdivctrl .upprFtr li a:hover {
    padding-left: 17px;
    color: #F03;
}
.uprdivctrl .upprFtr li a {
    color: #fff;
    border: none;
    text-decoration: none;
    padding: ;
    margin: 5px;
    transition: .2s;
    font-size: 11px;
}
.news-box.bgftruprFtr {
    background: rgba(0, 0, 0, 0.7);
    padding-bottom: 8px;
}
/*=============footer ===========*/

.hgrctrlBoB h2 {
    font-size: 1.813em;
    font-weight: 600;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}
.hgrctrlBoB h2 span {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 13px;
}
.hgrctrlBoB.blackOutline h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0%, #000 35%, #000 70%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0%, #000 35%, #000 70%, #fff 100%);
    background: linear-gradient(to right, #fff 0%, #1a1a1a 35%, #2b2b2b 70%, #fff 100%);
}
.hgrctrlBoB h2::after {
    height: 1px;
    width: 600px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    position: absolute;
    content: "";
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
.box-2.currentOfrClr {
    background-color: #b113ce;
}
.btn.btnCurnt {
    color: #fff;
    padding: 0 15px 0 15px;
    background: none !important;
    border: 1px solid;
    transition: .1s;
}
.btn.btn-warning.btnCurnt:hover {
    background: #fcfcfc !important;
    color: #ffa000;
}
.arnhgd h2 span {
    background: #b113ce;
    color: #fff;
    text-transform: uppercase;
}
.arnhgd h2::after {
    height: 1px;
    width: 600px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    position: absolute;
    content: "";
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0%, #b113ce 35%, #b113ce 70%, #fff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #b113ce 35%, #b113ce 70%, #ffffff 100%);
    background: linear-gradient(to right, #b113ce 0%, #fff 35%, #fff 70%, #b113ce 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
.ltsPrg h2 span {
    background: #565554;
    color: #fff;
    text-transform: uppercase;
}
.container-fluid.backCvr {
    background: rgba(96, 96, 96, 0.8);
    padding-bottom: 60px;
}
.btmpag0 {
    background-image: url('../images/bgOffCir.jpg');
    background-size: contain;
    background-attachment: fixed;
    padding-bottom: 0;
}
.pgtionRel {
    position: relative;
}
.pgtionRel {
    position: relative;
    width: 100%;
    float: left;
}
.ltsPrg p {
    color: #fff;
}
.bgclr {
    background: #fff305;
}
.pad15.imgctr {
    margin: 10px 0px 10px 0px;
    transition: .2s;
}
.pad15.imgctr:hover {
    transform: scale(1.02);
}
.pad15.imgctr.homeEfcf span {
    background: #dbdbdb;
    width: 100%;
    float: left;
    padding: 10px;
    color: #202020;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-box-shadow: 0 8px 6px -6px black;
    -webkit-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    margin-bottom: 14px;
}
.btnOtrPub span {
    background: none !important;
    width: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.hgrctrlBoB.arnhgd.publ h2 span {
    background: #da2128;
    color: #fff;
    text-transform: uppercase;
}
.hgrctrlBoB.arnhgd.publ h2::after {
    background: linear-gradient(to right, #da2128 0%, #fff 35%, #fff 70%, #da2128 100%);
}
.publicationpre {
    position: absolute;
    left: -60px;
    top: 180px;
    padding: 0;
}
.ourpartnerpre {
    position: absolute;
    top: 71px;
    left: -60px;
}
.ourpartnernext {
    position: absolute;
    top: 71px;
    right: -50px;
}
.publicationnext {
    position: absolute;
    top: 180px;
    right: -50px;
    padding: 0;
}
.MultiCarouselOnVideoDetail {
    position: relative;
}
.btn.btn-warning.btnViw {
    background: none !important;
    border: 1px solid;
    padding: 0 30px 0 30px !important;
}
.btn.btn-warning.btnViw:hover {
    background: #fff !important;
    color: #da2128;
    box-shadow: 0 0 5px 0px #b4b4b4;
    text-shadow: none !important;
    transition: .2s;
}
.slickpre.crntLft {
    top: 260px !important;
    left: -37px !important;
}
.slicknext.crntRit {
    top: 260px !important;
    right: -38px !important;
}
.pad15.pdgctr.pdgctrCrrnt:hover {
    transform: scale(1.02);
    box-shadow: 0 0 6px 1px #dbdbdb;
}
.pad15.pdgctr.pdgctrCrrnt {
    border: none;
    transition: .2s;
    margin: 10px 7px 10px 7px;
}
.container-fluid.bfctrlNws {
    background: rgba(0, 0, 0, .6);
}
.box-2.bacgImg {
    background-image: url(../images/nws2.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.wthClr {
    color: #fff;
}
.container-fluid.bgclrYou {
    background: rgba(0, 0, 0, .8);
}
.section-heading.hdgClrYou h2 {
    color: #fff;
}
.video_content.hdgconYou h3 {
    color: #febb00;
}
.praClrY {
    color: #fff !important;
}
.hgrctrlBoB.testome h2 span {
    background: #161d25;
    color: #fff;
}
.hgrctrlBoB.testome h2::after {
    background: linear-gradient(to right, #161d25 0%, #fff 35%, #fbfbfb 70%, #161d25 100%);
}
.clrWt {
    color: #fff;
}
.hgrctrlBoB.OvrMntr h2 span {
    background: #49aaff;
    color: #fff;
}
.hgrctrlBoB.OvrMntr h2::after {
    background: linear-gradient(to right, #49aaff 0%, #fff 35%, #fff 70%, #49aaff 100%);
}
.hdgClrYou.hgrctrlBoB h2 span {
    background: #262626;
}
.hdgClrYou.hgrctrlBoB h2::after {
    width: 690px;
    margin-left: -350px;
    background: linear-gradient(to right, #1f1e1b 0%, #fff 35%, #fff 70%, #2b2b29 100%);
}
.hgrctrlBoB.blogCtrl h2 span {
    background: #e0e0e0;
}
.hgrctrlBoB.blogCtrl h2::after {
    background: linear-gradient(to right, #e0e0e0 0%, #000 35%, #000 70%, #e0e0e0 100%);
}
/*============Footer uppner and lower ===========*/

.LstHgr {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.uprdivctrl .upprFtr.pdgctrQuck li a {
    margin: 0 5px 0 5px;
}
.row.mrpdtp {
    padding-top: 0px !important;
}
.row.mrpdtp h3 {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.qUicLink {
    text-align: center;
}
/*============Footer uppner and lower ===========*/

/*============Nav menu Left to right ===========*/

.dropdown-menu.sbmnuDsp.flrtMnuDrp {
    left: -534px;
}
.stsPSCE {
    left: -406px !important;
    width: 406px !important;
}
.lOWExm {
    left: -240px !important;
}
.dfncUl {
    left: -255px !important;
}
.tchinUl {
    left: -190px !important;
}
.sccULi {
    left: -292px !important;
}
.bnkigUl {
    left: -263px !important;
}
.insrncUl {
    left: -173px !important;
}
.ralwysUl {
    left: -100% !important;
}
.othrCenExm {
    left: -98% !important;
}
.allStatExmUL {
    left: -395px !important;
    width: 395px !important;
}
.EntrnUl {
    left: -218px !important;
}
.tcnicalUl {
    left: -197px !important;
}
.brdEmUl {
    left: -160px !important;
}
.stdAbrd {
    left: -160px !important;
}
.upsOffln {
    left: -160px !important;
}
.speOffln {
    left: -160px !important;
}
.lowOffln {
    left: -240px !important;
}
.comptivOffln {
    left: -203px !important;
}
.dropdown.sidebar_Collapse img {
    height: 25px;
    margin: 0 8px 0 0;
    width: 31px;
}
/*============Nav menu left to right ===========*/

/*============Social engage ===========*/

.engOtr .hdgEng h2 {
    margin: 0;
    font-size: 16px;
    background: #4267b2;
    color: #fff;
    padding: 10px 0 10px 11px;
    text-transform: uppercase;
}
.members-detailsEnr .ifrmOtr {
    min-height: 375px;
    border: 1px solid #c2c2c2;
}
.pgd_0 {
    padding: 0px 8px 0 0;
}
.hdgEng.bgTwr h2 {
    background: #1C9DEB;
}
.engOtr.bgins .hdgEng h2 {
    background: #575757;
}
.hdgEng.bgLik h2 {
    background: #0073AF;
}
.hdgEng.bgpin h2 {
    background: #E60023;
}
.hdgEng.bgQra h2 {
    background: #B42A26;
}
.hdgEng.bgTel h2 {
    background: #5682a3;
}
.hdgEng.bgTum h2 {
    background: #304156;
}
.engOtr:hover {
    transform: scale(1.06);
    box-shadow: 0 0 10px 0;
}
.engOtr {
    margin: 30px 0 30px 0;
    transition: .2s;
}
.ifrmOtr.brclr4 {
    border-color: #0073af;
    background: #fff;
}
.ifrmOtr.brclr5 {
    border-color: #e60023;
    background: #fff;
}
.ifrmOtr.brclr1 {
    border-color: #4267b2;
    background: #fff;
}
.ifrmOtr.brclr6 {
    border-color: #b42a26;
    background: #fff;
}
.ifrmOtr.brclr2 {
    border-color: #575757;
    background: #fff;
}
.ifrmOtr.brclr3 {
    border-color: #1c9deb;
    background: #fff;
}
.ifrmOtr.brclr7 {
    border-color: #5682a3;
    background: #fff;
}
.ifrmOtr.brclr8 {
    border-color: #304156;
    background: #fff;
}
/*============Social engage ===========*/

/*============Publication css ===========*/

.homeProductsInner.bdrTop .homeProductListing li {
    width: 16.6666%;
    height: 268px;
    float: left;
    border-right: 1px solid #949494;
    border-bottom: 1px solid;
    border-top: 1px solid #949494;
}
.homeProductsInner.inrhdg h2 {
    color: #fff;
}
.discovery-nav .item {
    width: auto;
}
.discovery-nav .item {
    margin: 0;
    width: 16%;
    display: inline-block;
    text-align: center;
}
.imgCtrl {
    border: 1px solid #e6e6e6;
}
.pad15.imgctr.publi {
    border: 1px solid #ededed;
}
.pdg_5 {
    padding-left: 0px;
    padding-right: 0px;
}
.btnOtrPub {
    background: #fff;
    width: 100%;
    float: left;
    padding: 0px;
    color: #202020;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-box-shadow: 0 8px 6px -6px black;
    -webkit-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black !important;
    margin-bottom: 14px;
    text-align: center;
    border: 1px solid #f2f2f2;
}
.btnOtrPub a {
    width: 68px;
}
.btnOtrPub .fa {
    font-size: 24px;
    padding: 10px;
    color: #838383;
    transition: .1s;
}
.btnOtrPub a:hover .fa {
    color: red;
    transform: rotate(360deg);
}
.btnOtrPub span {
    background: none !important;
    width: 33% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    text-align: center;
}
.publictinOtr {
    position: relative;
}
.image {
    display: block;
    width: 100%;
    height: auto;
}
.publishPrdt {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .2s ease;
    z-index: 1111;
}
.publictinOtr:hover .publishPrdt {
    bottom: 0;
    height: 100%;
}
.txtCntnr {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pubbtnDtl {
    padding: 0;
    width: 100%;
    text-align: center;
    margin-top: 61px;
}
.pubbtnDtl .btn:hover {
    background: red;
}
.txtOtr .bookDtl p {
    margin-bottom: 0;
    line-height: 19px;
    /*    color: #fff;
*/
}
.btn.btn-warning.bgnone {
    background: none !important;
}
.praUndrPub {
    font-size: 15px !important;
    color: #fff !important;
    text-align: center !important;
}
.txtCntnr {
    width: 80%;
}
.bookDtl p .titlBok {
    font-size: 13px;
    font-weight: 600;
}
.bookDtl p .dataTxt {
    font-size: 13px;
}
.pubbtn .btn {
    width: 27%;
    padding: 0px;
    margin: 2px;
    background: none;
    border: 1px solid #fff;
    height: 40px;
}
.pubbtn {
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
}
.pubbtnDtl .btn {
    background: none;
    border: 1px solid;
    width: 91%;
    padding: 0px 0px 0px 0;
    height: 40px;
    line-height: 38px;
}
.pubbtnDtl {
    padding: 0;
    width: 100%;
    text-align: center;
}
.pubbtnDtl .btn .fa {
    font-size: 25px;
    padding: 0;
    margin: 0 7px 0 0;
    vertical-align: sub;
}
.pubbtn .btn .fa {
    padding: 0;
    font-size: 24px;
}
.pubbtn .btn:hover {
    background: red;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: white;
}
.tooltip.bottom .tooltip-inner {
    background-color: white;
    color: #000
}
.publishPrdt .txtCntnr .pubbtn .btn:hover .fa {
    animation: rotate 0.5s linear;
    transform: rotate(360deg);
    transition: .5s;
}
.publicationHomeSlider {
    padding: 10px;
}
/*============Publication css End ===========*/

.imgBtmFrt {
    float: right;
}
.ftrBtn .footer_hding {
    margin-top: 28px;
}
.cmpnNm {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
}
.adress {
    font-size: 12px;
    line-height: 22px;
    margin: 14px 0 11px 0px;
}
.PhnNum .fa.fa-mobile {
    float: left;
    font-size: 38px;
    padding: 0 10px 0px 2px;
}
.eMail .fa.fa-envelope {
    float: left;
    padding: 0;
    margin: -4px 8px 0 0;
}
.PhnNum span {
    float: left;
    margin: 3px 28px 0px 0;
    width: 70%;
}
.eMail .fa.fa-envelope::before {
    background: none;
    border: none;
    padding: 0;
}
.eMail {
    float: left;
    font-size: 12px;
    margin: 19px 0 0 0;
}
.bgclrSb {
    background: #000;
}
.subInr form {
    color: #fff;
}
.subInr form input {
    border: 1px solid #fff;
    margin: 33px 0;
    color: #1c1c1c;
    font-weight: 400;
    background: #fff;
    width: 180px;
}
.subInr form label {
    color: #fff;
    font-size: 22px;
    margin: 0 13px 0 0;
}
.btn.btnsubCrip {
    background: none;
    border: 1px solid;
    padding: 0 20px 0 20px;
    height: 35px;
}
.btn.btnsubCrip {
    background: none;
    border: 1px solid;
    padding: 0px 20px 0px 20px;
    height: 37px;
    margin: -5px 0 0 0;
}
.subInr form {
    float: left;
}
.frmtOtr2 {
    margin: 0 0 0 25px;
}
.bgnewRed {
    background: url(../images/ftr-top.png) repeat-x;
    height: 79px;
    width: 100%;
    transition: .2s;
}
.btn.btnsubCrip:hover {
    background: #f00;
}
.qUicLink h3 {
    text-transform: uppercase;
}
/*main menu css*/

.smal-sep-line {
    margin: 20px 0;
    height: 1px;
}
.smal-sep-line span {
    display: block;
    background: #bbb;
    height: 2px;
    width: 60px;
    border-bottom: 1px solid #fff;
}
.fltryt.articleLatest p.hgfad {
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}
.fltryt.articleLatest {
    margin-top: 140px;
    border-left: 1px solid #f2f2f2;
    padding-left: 20px;
    padding: 51px 0 0px;
    box-shadow: 1px 0 0 0 #bbb inset;
}
ul.latestUpdateList a {
    color: #000 !important;
}
ul.latestUpdateList {
    text-align: left;
    font-size: 12px;
    padding-left: 28px;
}
/*===================================*/

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}
.dropdown.lgiinMnu {
    position: relative;
    display: inline-block;
}
.dropdown-content.lgiinMnuMtr {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 1px solid #cfcfcf;
    margin: 0px 0 0 0;
    right: -9px;
    padding: 0;
}
.dropdown-content.lgiinMnuMtr {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 1px solid #cfcfcf;
    margin: 0px 0 0 0;
    right: -42px;
    padding: 0px;
    min-width: 145px;
}
.dropdown-content.lgiinMnuMtr a {
    font-size: 12px !important;
    padding: 5px 0px 5px 0px;
    margin: 0;
    font-weight: 400 !important;
    border-bottom: 1px dotted #ba121d !important;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content.lgiinMnuMtr a:hover {
    background-color: #ba121d;
    color: #fff !important;
}
/* ================  START CODE FOR MAIN NAVIGATION HERE  ==========================*/

@media (min-width: 979px) {
    ul.mainNav li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top: 0px;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}
/* ================  END CODE FOR MAIN NAVIGATION HERE  ============================*/

.dropdown:hover .dropdown-content {
    display: block;
}
.btn.btn-warning.btnViw.hrfpd {
    padding: 10px 30px 10px 30px !important;
    float: right;
    margin-bottom: 40px;
}
.frmflt .input-group .form-control {
    background: #fff !important;
    color: #000
}
.photoGalyInr .btnWiewDtl {
    float: left;
    width: 100%;
    text-align: right;
}
.photoGalyInr .btnWiewDtl a {
    border: 1px solid #d27700;
    padding: 5px 20px 5px 21px;
    margin: 5px 6px 11px 0;
    float: right;
    background: #ff9000;
    color: #fff;
    text-decoration: none;
}
.photoGallery {
    float: left;
    background: white;
    margin: 0 0 20px 0;
    box-shadow: 0 0 10px 0;
}
.photoGalyInr .btnWiewDtl a:hover {
    background: #fff;
    color: #ff9000;
    border: 1px solid #ff9000;
    box-shadow: 0 0 4px 0;
}
.content {
    border: 1px solid #d5d5d5;
}
.content img {
    height: 150px;
}
.content iframe {
    height: 146px;
}
.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
.ch-grid .liOfcr {
    width: 220px;
    height: 220px;
    display: inline-block;
    margin: 20px;
}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: #c9512e url(../images/noise.png);
    box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.05);
}
.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 0 60px;
    padding: 22px 0 0 0;
    height: 85px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.w3-bar.w3-black.acrdngPtnr .w3-button {
    color: #fff;
    border-right: 1px solid #4a4a4a;
    height: 46px;
    font-size: 21px;
}
.hdgcmr .hgonmerdbad {
    height: 60px;
}
.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ch-info p a {
    display: block;
    color: #333;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 24px;
    margin: 7px auto 0;
    font-family: 'Open Sans', Arial, sans-serif;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
    -moz-transition: -moz-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
    -o-transition: -o-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
    -ms-transition: -ms-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
    transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
    -webkit-transform: translateX(60px) rotate(90deg);
    -moz-transform: translateX(60px) rotate(90deg);
    -o-transform: translateX(60px) rotate(90deg);
    -ms-transform: translateX(60px) rotate(90deg);
    transform: translateX(60px) rotate(90deg);
    -webkit-backface-visibility: hidden;
    padding: 26px 0 0 15px;
}
.Ofrch-img-1 {
    background-image: url(../images/imgCourse/23.jpg);
    z-index: 12;
}
.Ofrch-img-2 {
    background-image: url(../images/imgCourse/24.jpg);
    z-index: 12;
}
.Ofrch-img-3 {
    background-image: url(../images/imgCourse/25.jpg);
    z-index: 12;
}
.ch-thumb {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.5);
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    transform-origin: 95% 40%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ch-thumb::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgb(14, 14, 14);
    background: -moz-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(14, 14, 14, 1)), color-stop(100%, rgba(125, 126, 125, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ch-item:hover .ch-info p a {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}
.ch-info p a:hover {
    background: rgba(255, 255, 255, 0.5);
}
.ch-item:hover .ch-thumb {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
}
.newsBox.hvrImgEfc:hover .imghverlatest img {
    transform: scale(1.5);
}
.thumbnail.imghverlatest figure {
    overflow: hidden;
}
.thumbnail.imghverlatest img {
    transition: 5s;
}
.slidrhome .hgrctrlBoB.arnhgd {
    margin-top: 18px;
    padding-bottom: 0;
}
.homsldrpdg {
    float: left;
    overflow: hidden;
    padding: 15px 15px 0 15px !important;
    width: 100%;
}
.slidrhome {
    float: left;
    width: 100%;
    background: #fff;
}
.entry-header.bgInrImg {
    background: url(../images/bannerAll.jpg);
}
.bgInrImg .entry-title-left h1 {
    font-size: 57px;
    font-weight: 600;
    color: #fff;
}
.entry-header.bgInrImg {
    background: url(../images/bannerAll.jpg);
    height: 200px;
}
.bradCrm {
    text-align: center;
}
.bradCrm .breadcrumb li a {
    color: #fff;
}
.bradCrm .breadcrumb li {
    color: #fff;
}
.breadcrumb {
    background: none;
    padding: 0;
    margin: 30px 0 0px 0;
}
.divider.divider-alt {
    height: 5px;
    background-color: transparent;
}
.divider.divider-alt::before {
    top: 0;
    width: 36px;
}
.divider.divider-alt span {
    display: block;
    position: relative;
    width: 54px;
    top: 2px;
}
.divider.divider-alt::after {
    content: '';
    position: absolute;
    width: 20px;
    left: 0;
    right: 0;
    top: 4px;
}
.csstransitions .visible {
    visibility: visible;
}
.otertxt p {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.container-fluid.bgclorBk {
    background: #f2f2f2;
    margin: 0 0 38px 0;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 17px;
}
.bagFil .btnBok a {
    float: left;
    padding: 5px 30px 5px 30px;
    border: 1px solid;
    margin: 10px 10px 10px 0px;
    text-decoration: none;
}
.bagFil .btnBok a:hover {
    background: red;
    color: #fff;
    transition: .2s;
}
.bgBlkbok {
    background: black;
    padding: 10px;
    float: left;
    width: 100%;
}
.srotby {
    color: #fff;
}
.srotby label {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
}
.shortBY .fa {
    padding: 5px;
}
.shortBY {
    float: left;
    margin: 0 0 0 10px;
    padding: 5px;
}
.fltrLft {
    float: left;
}
.slctFltr {
    background: none;
    padding: 3px 10px 3px 10px;
    min-width: 182px;
}
.slctFltr.wthAto {
    min-width: 65px;
}
.srotby.mrgnbook label {
    margin-left: 22px;
}
.btnCun {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 18px;
}
/* Style the active class, and buttons on mouse-over */

.active1,
.btnCun:hover {
    background-color: #f63 !important;
    color: white;
}
.premanetIcon:hover {
    background: red;
}
#listFltrBook .btnCun {
    padding: 0;
    border-radius: 20px;
    height: 36px;
    width: 36px;
    font-size: 15px;
    background: #958f8f;
    background-color: rgb(149, 143, 143);
    color: #fff;
}
#listFltrBook {
    float: right;
}
.premanetIcon {
    padding: 0;
    border-radius: 20px;
    height: 36px;
    width: 36px;
    font-size: 15px;
    background: #958f8f;
}
.premanetIcon .fa {
    padding: 0;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}
.link-wrapper {
    position: relative;
}
.black-shadow {
    background: #000 url(../images/black-shadow.png) repeat-x;
    background-position-x: 0%;
    height: 24px;
}
.link-box {
    width: 100%;
    margin: 0 auto;
}
.link-wrapper ul {
    background: url(../images/brown-pattern.png) repeat;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    margin-left: -5px;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.link-wrapper ul li {
    border-right: 5px solid #000000;
    padding: 0;
}
.man-link-li img {
    margin-top: 31px;
}
.link-box li {
    max-height: 120px;
    height: 117px;
}
.inner-link-img {
    padding: 10px 0 5px 0;
}
.link-wrapper ul li a img {
    margin: 0 auto;
}
.link-wrapper ul li a p {
    white-space: inherit;
}
.link-wrapper-li {
    width: 10%;
    vertical-align: top;
}
.link-wrapper ul li a p {
    white-space: nowrap;
    text-align: center;
    color: #2e2514;
    font-size: 13px;
    margin-bottom: 3px;
}
.lato-black {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}
.text-uppercase {
    text-transform: uppercase;
}
.bgRed {
    background: #DA2128;
}
.imptnt li {
    list-style: disc;
}
.bookTitl .bookTl {
    font-size: 19px;
    font-weight: 600;
}
.disCrp h3 {
    font-weight: 600;
}
.dtlInr .imgBrd {
    border: 1px solid #bababa;
    padding: 0 !important;
}
.reviwOtr {
    padding: 4px 0 0 0;
}
.dtlOtrBdr {
    border: 1px solid #dadada;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    height: 452px;
}
.headingDtl {
    border-bottom: 1px solid #d7d4d4;
}
.headingDtl h1 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-left: 10px;
}
.fa.fa-check {
    color: #1cb649;
    font-size: 24px;
    padding: 4px 0 0px 8px;
}
.instock {
    color: green;
}
.rating .fa {
    padding: 0;
    color: #fca02b;
}
.wrtiRew .fa {
    color: #565656;
    font-size: 16px;
    padding: 0 5px 0 0;
}
.wrtiRew a {
    color: #787878;
}
.wrtiRew a {
    color: #787878;
    text-decoration: none;
}
.mnPrs {
    padding: 5px 0 0 18px;
}
.mnprcCOn {
    font-size: 40px;
    margin: 0 11px 0 0px;
    color: #ec2124;
}
.mrpPrc {
    font-weight: 600;
}
.saveAmt {
    float: left;
    border-radius: 40px;
    line-height: 16px;
    background: #ec2124;
    color: #fff;
    text-align: center;
    width: 56px;
    height: 56px;
    position: relative;
    margin: 8px 10px 0 0;
}
.saveAmt span {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 13px;
    font-weight: 600;
}
.btnInt .buyNow {
    width: 280px;
    height: 48px;
    background: red;
    margin: 35px 0 0 14px;
}
.btnInt .adCrt {
    background: none;
    color: #696969;
    border: 2px solid;
    width: 280px;
    height: 48px;
    margin: 35px 0 0 11px;
}
.btnInt .buyNow {
    width: 280px;
    height: 48px;
    background: red;
    margin: 35px 0 0 14px;
}
.couting input {
    width: 74px;
    height: 45px;
    border: 1px solid #000;
    margin: 23px 0 0 0;
    padding: 0 10px 0 9px;
}
.btnInt {
    margin-bottom: 30px;
}
.mrpPrc .letfAmt {
    font-size: 13px;
    color: orange;
    font-weight: 400;
}
.txtOtr.brdDrl {
    border-left: 1px solid #e1e1e1;
    padding-left: 10px;
}
.w3-bar.w3-black .w3-button {
    color: #fff;
    border-right: 1px solid #4a4a4a;
}
.w3-bar.w3-black {
    background: #ec2124;
}
.container.disrip {
    border: 1px solid #ec2124;
    margin-bottom: 40px;
}
.w3-container {
    padding: 0 20px 10px 20px;
}
/*=============Nav and pills On Video detail===============*/

.w3-bar.w3-black .nav.nav-pills li a {
    color: #fff;
    border-right: 1px solid #000;
    border-radius: 0;
    margin: 1px 0 2px 0;
    font-weight: 600;
    padding: 4px 14px 4px 14px;
}
.w3-bar.w3-black .nav.nav-pills li.active a {
    background: #000;
}
.w3-bar.w3-black .nav.nav-pills li a:hover {
    background: #000;
}
.outerOfvideoDicripOuter {
    padding: 0 20px 20px 20px;
}
/*=============Nav and pills On Video detail===============*/

.reviwHead h2 {
    font-size: 24px;
    font-weight: 600;
}
.review-form .lineHft input {
    height: auto;
    margin: 4px 2px 10px 0;
}
.row.bgact {
    border: 1px solid #dad8d8;
    margin: 0 10px 13px 0;
}
.row.half {
    text-align: center;
}
.row.bgact #input-review {
    width: 100%;
}
.row.half #button-review {
    background: red;
    padding: 0 60px 0px 60px;
}
.row.bgact label {
    width: 100%;
}
.row.bgact label input {
    width: 100%;
}
.aactiveBtn:hover {
    background: black;
}
.bgClrBlk {
    background: black;
}
.dtlInr {
    margin-top: 15px;
}
.hdgEng.bgReddit h2 {
    background: #ff4500;
}
.hdgEng.bggoole h2 {
    background: #dd4d42;
}
.socialLinkOtr {
    float: left;
    position: fixed;
    background: #f63;
    z-index: 99;
    bottom: 0;
    left: 0;
}
.socialLinkOtr .socialInr .sharePage {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 7px;
}
.socialLinkOtr .socialInr .fa.fa-facebook {
    background: #4267b2;
}
.socialLinkOtr .socialInr .fa.fa-twitter {
    background: #1c9deb;
}
.socialLinkOtr .socialInr .fa.fa-google-plus {
    background: #dd4d42;
}
.socialLinkOtr .socialInr .fa.fa-linkedin {
    background: #0073af;
}
.socialLinkOtr .socialInr .fa.fa-reddit-alien {
    background: orangered;
}
.socialLinkOtr .socialInr .fa.fa-tumblr {
    background: #304156;
}
.socialLinkOtr .socialInr .fa.fa-telegram {
    background: #5682a3;
}
.socialLinkOtr .socialInr .fa.fa-quora {
    background: #e60023;
}
.socialLinkOtr .socialInr .fa.fa-instagram {
    background: #575757;
}
.socialLinkOtr .socialInr .fa.fa-pinterest {
    background: #e60023;
}
.socialLinkOtr .socialInr .fa {
    padding: 10px;
}
.bgBlkbok .fltrTop .slctFltr {
    color: #fff;
}
.bnorofllinOnhome {
    float: left;
    width: 100%;
    text-align: center;
    margin: 22px 0 0px 0;
}
.bnorofllinOnhome a {
    border: 1px solid #ff6c00;
    padding: 4px 10px 4px 10px;
    background: #ff6c00;
    color: #fff;
}
#coUrsOtr:hover .bgHover .bnorofllinOnhome a {
    background: #fff;
    border-color: #fff;
    color: #ff6c00;
    text-decoration: none;
}
.preSub span .btnWt.btnwailCss {
    border: 1px solid;
    width: 223px !important;
    font-weight: 400;
    font-size: 12px;
    float: left;
    height: 34px;
    line-height: 34px;
}
.preInr11 .preSub .btnWtBt.onadsEerDsd {
    color: #ff9000;
    font-size: 15px;
    font-weight: 600;
    border: 3px solid;
    width: 223px;
    height: 35px;
    line-height: 31px;
    float: left;
    text-align: center;
}
.preInr11 .preSub .btnWt1.onbarwafeasd {
    color: #ff9000;
    font-size: 15px;
    font-weight: 600;
    border: 3px solid;
    float: left;
    width: 223px;
    height: 35px;
    line-height: 24px;
    text-align: center;
}
.preSub .btnWt3.btnwailCss {
    border: 1px solid;
    width: 223px !important;
    font-weight: 400;
    font-size: 12px;
    float: left;
    height: 34px;
    line-height: 34px;
}
.preInr11 .preSub .btnWtBt3.onadsEerDsd {
    border: 1px solid;
    width: 223px !important;
    font-weight: 400;
    font-size: 12px;
    float: left;
    height: 34px;
    line-height: 34px;
}
.preSub.pasdfinbdnf {
    padding: 7px 4px 0 0;
    text-align: center;
}
.preInr11 .preSub .btnWt4 {
    color: #ff9000;
    font-size: 15px;
    font-weight: 600;
    border: 3px solid;
    width: 223px;
    height: 35px;
    float: left;
    text-align: center;
    line-height: 30px;
}
#coUrsOtr2:hover .bgHover .bnorofllinOnhome a,
#coUrsOtr3:hover .bgHover .bnorofllinOnhome a,
#coUrsOtr4:hover .bgHover .bnorofllinOnhome a {
    background: #fff;
    border-color: #fff;
    color: #ff6c00;
    text-decoration: none;
}
a.viewAllInsOff:hover {
    background: #f63;
    color: #fff;
}
a.viewAllInsOff {
    font-size: 13px;
    border: 1px solid #f63;
    padding: 8px 20px 6px 20px;
    border-radius: 15px;
    text-decoration: none;
    color: #f63;
}
.row.searchAdjestment {
    margin-bottom: 50px;
    padding: 0 70px 0 70px;
    float: left;
    width: 100%;
}
.header_right.widthCantrolNumbersRight {
    display: none;
}
.header_right.widthCantrolIconRight {
    display: none;
}
.heightOfBanner {
    width: 100%;
    padding-top: 82px;
}
.pubbtn .fa {
    margin-top: 5px;
}
.searchbarOnmobile .frmflt .input-group-btn {
    float: none;
}
.searchbarOnmobile .frmflt .form-control {
    height: 30px;
    margin-top: 6px;
}
.searchbarOnmobile {
    float: right;
    margin: 3px 4px 0 0;
}
.mobileboottonNav .navbar-toggle {
    float: right;
}
.searchbarOnmobile {
    float: right;
    margin: 3px 4px 0 0;
    display: none;
}
.imageOffer {
    max-height: 300px;
}
.offerImage {
    float: left;
    width: 20%;
}
.offerMatter {
    float: left;
    width: 80%;
}
.offerMatter {
    float: left;
    width: 80%;
    padding: 10px;
    overflow: hidden;
}
.offerHeading h2 {
    margin: 3px 0 9px 0;
    color: #f63;
    font-size: 21px;
}
.btn.getOffer {
    background: #f63;
    float: right;
    margin-right: 30px;
    border: 1px solid #f63;
}
.offerOuterOne {
    float: left;
    border: 1px solid #ddd;
    transition: .2s;
    padding: 10px;
    margin: 10px;
    width: 100%;
}
.discriptionList li .fa {
    font-size: 19px;
    font-weight: 600;
    padding: 4px 5px 4px 0;
    color: #f63;
}
.offerOuterOne:hover {
    box-shadow: 0 0 10px 0 #6c6c6c;
}
.btn.getOffer:hover {
    background: #fff;
    color: #f63;
    border: 1px solid;
}
.discriptionList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 2;
}
/*==========blogs=========*/

.headingBlg h2 {
    font-size: 24px;
    font-weight: 600;
    color: #f63;
    margin: 15px 0px 11px 0;
}
.btnredemore {
    float: right;
    color: #f63;
    width: 100%;
    text-align: right;
}
.btnredemore.collapsed {
    box-shadow: 0px -18px 48px 29px #fff;
    z-index: 9;
    position: relative;
}
.btnredemore:focus {
    border: none;
    outline-style: none;
}
[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}
.blogDetailMater {
    float: left;
    margin-bottom: 30px;
}
/* Fixed sidenav, full height */

.archiveToggle .sidenav {
    background-color: #e0dfdf;
    overflow-x: hidden;
}
/* Style the sidenav links and the dropdown button */

/*.archiveToggle .sidenav a, */

.archiveToggle .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 17px;
    color: #818181;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-bottom: 1px dashed #f63;
    font-weight: 400;
}
.archiveToggle .dropdown-container.background4 a {
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    font-weight: 400;
    border-radius: 50%;
    box-shadow: 0 0 9px 0;
    float: left;
    margin: 0 7px 14px 0;
    padding: 8px 0px 8px 0;
    width: 30px;
    height: 30px;
    text-align: center;
}
/* On mouse-over */

/*.archiveToggle .sidenav a:hover,*/

.archiveToggle .dropdown-btn:hover {
    color: #818181;
    background: #ccc;
}
.archiveToggle .dropdown-container.background4 a:hover {
    color: #fff;
    background: #f63;
}
/* Main content */

.archiveToggle .main {
    margin-left: 200px;
    /* Same as the width of the sidenav */
    font-size: 20px;
    /* Increased text to enable scrolling */
    padding: 0px 10px;
}
/* Add an active class to the active dropdown button */

.archiveToggle .active {
    background-color: #c6c6c6;
    color: #666;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */

.archiveToggle .dropdown-container {
    display: none;
    background-color: #f0f0f0;
    padding-left: 8px;
}
/* Optional: Style the caret down icon */

.archiveToggle .fa-caret-down {
    float: right;
    padding-right: 8px;
    color: #818181;
}
/*.archiveToggle .dropdown-btn.background3.active {
    background-color: #363636;
}
.archiveToggle .dropdown-container.background4 {
    background-color: #3C3C3C;
}*/

.archiveToggle .dropdown-container.background4 {
    background: #fff;
    float: left;
    width: 100%;
    padding: 13px;
}
.dropdown-btn.background3.active {
    background: #e9e8e8;
}
/* Some media queries for responsiveness */

@media screen and (max-height: 450px) {
    .archiveToggle .sidenav {
        padding-top: 0px;
    }
    .archiveToggle .sidenav a {
        font-size: 18px;
    }
}
.headingArchieve h2 {
    font-size: 23px;
    margin: 12px 0 0 0;
    color: #fff;
    padding: 10px;
}
.headingArchieve {
    background: #f63;
}
.blogImg {
    width: 54px;
    height: 54px;
    float: left;
}
.blogImg img {
    height: 100%;
    width: 100%;
}
.matterBlog {
    float: left;
    width: 79%;
}
.shortBlogHeading {
    white-space: nowrap;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 18px;
    margin: 2px 0 1px 4px;
}
.shortBlogHeading a {
    color: #000;
}
.shortBlogDiscrop {
    white-space: nowrap;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 0 4px;
}
.latestblogPst {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 5px 0 0 0;
}
/*==========studyMaterial=========*/

/*==========breadcurm Animation=========*/

.content_strockBreadCrum svg {
    width: 100%;
    margin: 0 auto 0px;
    display: block;
    text-transform: uppercase;
    height: 108px;
    float: left;
}
.content_strockBreadCrum {
    font: 800 8.5em/1'Open Sans', Impact;
    text-align: center;
    position: relative;
}
.textAniStok {
    fill: none;
    stroke-width: 7;
    stroke-linejoin: round;
    stroke-dasharray: 70 330;
    stroke-dashoffset: 0;
    -webkit-animation: stroke 6s infinite linear;
    animation: stroke 6s infinite linear;
}
.textAniStok:nth-child(5n + 1) {
    stroke: #F2385A;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}
.textAniStok:nth-child(5n + 2) {
    stroke: #F5A503;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
}
.textAniStok:nth-child(5n + 3) {
    stroke: #E9F1DF;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
}
.textAniStok:nth-child(5n + 4) {
    stroke: #56D9CD;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
}
.textAniStok:nth-child(5n + 5) {
    stroke: #3aa1bf;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
/*==========breadcurm Animation=========*/

/*==========Slider with Query form=========*/

.bannersliderOuter {
    background: url(../images/bgBanner.jpg) no-repeat center center fixed;
    background-size: cover;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.bannerOnupscBgtop {
    float: left;
    width: 70%;
    padding: 10px;
}
.queryFormOuteronTopSlider {
    float: left;
    width: 30%;
}
.headingOnBanner h2 {
    color: #fff;
    margin: 0 0 0 0;
}
.bannerbgBlack {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 10px;
}
.queryFormInnerOnTopSlider {
    border: 1px solid;
    padding: 10px;
    background: #fff;
    margin: 30px 0 30px 0;
}
.captionOfForm {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 13px 0;
}
.headingOnBanner h2 {
    color: #fff;
    margin: 60px 0 14px 0;
}
.sliderTopOnbanner {
    position: relative;
}
.bannerTopUpscPre {
    position: absolute;
    top: 73px;
}
.bannerTopUpscNext {
    position: absolute;
    right: 0;
    top: 71px;
}
.bannerTopUpscPre span.fa {
    background: rgba(0, 0, 0, .0);
    padding: 13px;
    color: #fff;
}
.bannerTopUpscPre span.fa:hover {
    background: rgba(0, 0, 0, .3);
}
.bannerTopUpscNext span.fa {
    background: rgba(0, 0, 0, .0);
    padding: 13px;
    color: #fff;
}
.bannerTopUpscNext span.fa:hover {
    background: rgba(0, 0, 0, .3);
}
.backgrounOfQueryform {
    background: #f00;
}
.backgrounOfQueryform:hover {
    background: #ce0000;
}
.currentLink {
    float: left;
    width: 100%;
}
/*==========Slider with Query form=========*/

.spaceUnderSlider {
    float: left;
    width: 100%;
    height: 10px;
}
.testimonial-carousel-controls .fa {
    padding: 14px;
}
/*=============================CheckOut=================================*/

.titleonCart {
    font-size: 15px;
    font-weight: 600;
}
.hdgdmrinr h2 {
    margin: 7px 0 14px 0px;
    font-size: 22px;
    text-align: center;
    color: #f63;
    font-weight: 600;
}
.inrogCheckOt {
    margin-top: 30px;
}
.form-group.frstName:first-child {
    padding-right: 5px;
}
.form-group.frstName {
    float: left;
    width: 50%;
}
.frmLogin.frmdetalOnChekOt form .form-group input::placeholder {
    color: #868686;
    font-weight: 400;
}
.frmLogin.frmdetalOnChekOt .form-group.selectOptn::after {
    opacity: 0;
}
.otrOfacornt .inrofAcdtl {
    border: 1px solid #d7d7d7;
    padding: 10px 40px 20px 40px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}
.codepaly {
    margin: 20px 0 0 0;
}
.inrofAcdtl .hdgdmrinr h2 {
    text-align: left;
}
.otrOfacornt {
    margin-bottom: 21px;
    float: left;
    width: 100%;
}
.inrofAcdtl .tableCHecOt tr th {
    padding: 10px;
}
.inrofAcdtl .tableCHecOt tr td {
    padding: 10px;
}
.inrofAcdtl.inrOrdrPnt {
    padding-bottom: 50px;
}
.inrofAcdtl.inrOrdrPnt .tableCHecOt thead tr {
    background: #eaeaea;
}
.tableCHecOt.table-striped tfoot .order-total {
    background: #fbe9c4;
}
.payment_box.payment_method_ccavenue {
    background: #f2f2f2;
    padding: 10px;
}
.payment_box.payment_method_ccavenue p {
    font-size: 13px;
    width: 71%;
}
.underPeraPay p {
    font-size: 13px;
}
.ruaysubmin .btnonsd.bgbfillgrndt.btncarPdrs {
    float: right;
}
.inrofAcdtl.paymtfltlft {
    float: left;
}
.frmdtl {
    background: white;
    padding: 10px;
    box-shadow: 0 0 20px 0 #eaeaea;
    margin-bottom: 21px;
    float: left;
    width: 100%;
}
.ouerOfaddersBillSaved {
    float: left;
    width: 57%;
}
.fullName {
    font-size: 22px;
    font-weight: 600;
}
.addrssDetial p {
    margin-bottom: 0;
}
.editOrremoveAddress {
    float: left;
    width: 37%;
}
.removeAddress {
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px;
    margin-top: 28px;
}
.removeAddress .fa.fa-trash {
    color: red;
    padding: 10px 12px 10px 12px;
    border-radius: 50%;
    transition: .2s;
}
.removeAddress .fa.fa-edit {
    color: blue;
    padding: 10px 10px 10px 10px;
    border-radius: 50%;
    transition: .2s;
}
.billingAddress {
    padding: 10px;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.custom-control.inputOnDeliveryAddress {
    float: left;
    margin: 7px 0 0 0;
    width: 24px;
}
.removeAddress .fa.fa-trash:hover {
    background: red;
    color: #fff;
}
.removeAddress .fa.fa-edit:hover {
    background: blue;
    color: #fff;
}
.addNewAddress {
    float: left;
    width: 100%;
    text-align: right;
}
/*=============================CheckOut=================================*/

/*========================VideoHome==========================*/

.sliderOfVideoCourseOuter {
    position: relative;
}
.videoslickpre {
    padding: 0 0 0px 0;
    position: absolute;
    z-index: 9999;
    top: 45%;
    left: -41px;
}
.videoslicknext {
    padding: 0 0 0px 0;
    position: absolute;
    z-index: 9999;
    top: 45%;
    right: -41px;
}
.headingOfTopClass {
    text-align: center;
}
.headingOfTopClass h2 {
    color: #444;
    font-weight: 600;
}
li.man-link-li {
    width: 12%;
}
li.man-link-li:last-child {
    border-right: none;
    width: 11.5%;
}
/*========================VideoHome==========================*/

/*========================Video Detail==========================*/

.headingDtl.backgtoundRemover {
    background: none;
}
.outerOfdetailVideo.disrip {
    border: 2px solid red;
    margin-bottom: 10px;
}
.outerOfDetailDiscription {
    margin-top: 20px;
    padding: 40px 0;
}
section.smartWayInfoWrap.roundBoxBg.marginTopUpperDiv {
    margin-top: 129px;
}
/*========================Video Detail==========================*/

/*========================Video Course==========================*/

.vidCoOtr.outerOnVideoCourse {
    height: auto;
    background: #fff;
}
.vidCoOtr.outerOnVideoCourse .imgvidCor {
    width: 100%;
}
.vidCoOtr.outerOnVideoCourse .imgvidCor img {
    width: 100%;
}
.vidCoOtr.outerOnVideoCourse .vidImgO .materVidOtr {
    width: 100%;
}
.vidCoOtr.outerOnVideoCourse .vidImgO .materVidOtr .buttonVIdOtr .btnLrnrVid {
    width: 49%;
    margin: 0 2px 0 0;
}
.vidCoOtr.outerOnVideoCourse .imgvidCor img {
    height: auto;
}
.paddingOnVideoCoursePage {
    padding: 0 5px 0 5px;
}
.exploreCategorystudy.videoCoursesOnCoursePage .flterOuterCtrl ul.filterULLi input {
    height: auto;
}
.videoCoursesOnCoursePage .collapsiblePre.fltrPd {
    border-bottom: 1px solid #fff;
}
.buyVid.videoDetailBuyBtn .btnLrnrVid.dtlbtnwth a {
    width: 100%;
    float: left;
}
/*========================Video Course==========================*/

/*========================State Pcs==========================*/

.stateOuter .stateImageOuOtr {
    background-size: cover !important;
}
.stateOuter .stateImageOuOtr .bgBlackOuter .textInCenter h3 {
    margin: 0;
}
.stateOuter .stateImageOuOtr .bgBlackOuter .textInCenter {
    text-align: center;
}
.stateOuter .stateImageOuOtr .bgBlackOuter {
    background: rgba(0, 0, 0, .7);
    min-height: 150px;
}
.stateOuter .stateImageOuOtr .bgBlackOuter .textInCenter h3 {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
}

a.puterOFstate:hover {
    text-decoration: none;
}
.stateOuter:hover {
    transform: scale(1.1);
}
.stateOuter {
    transition: .2s;
    margin: 15px 0 15px 0;
}
/*========================State Pcs==========================*/

span.publLog {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 3px;
    float: left;
    width: 100%;
    line-height: 0;
}
span.mintCont {
    font-size: 36px;
    font-family: nunito sans, Arial, sans-serif;
    font-weight: 800;
    color: #f00;
}
.logo_pub {
    float: left;
    margin: 0 10px 0 0;
}
.ClkCors {
    float: left;
    margin-top: 21px;
    font-size: 25px;
    font-weight: 800;
}
li.searchBr {
    float: right;
    width: 298px;
}
.frmflt .input-group .form-control {
    background: #fff !important;
}
input.form-control:focus {
    border-color: #fff;
}
.brnSlidrOtr {
    float: left;
    width: 100%;
    margin-top: 120px;
    border-bottom: 5px solid #ba121d;
}
.Elite-content.fltLft {
    float: left;
    width: 100%;
}
.artf li {
    float: left;
    width: 33.33%;
    text-align: center;
    border: 1px solid #b1aaaa;
}
.ghtPublish {
    min-height: 290px !important;
}
.hetCat {
    height: auto;
}
.section-heading.hdgCtrlCO.hghtCir {
    height: 200px;
}
#smartWayInfo1 {
    background-image: url('assets/images/bgPubOffCir.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.roundBoxText.hoverCircle.pblishPgeCirPos {
    position: unset;
    float: left;
    width: 140px;
    height: 140px;
}
.liulmnu {
    position: relative;
    float: left;
    width: 140px;
    padding: 0;
    margin: 5px;
}
.fntExm {
    font-size: 14px !important;
}
a.pblishPgeCirPos:hover {
    background: rgba(255, 0, 0, 0.9);
    border-color: #fff;
}
.fntHdg {
    font-size: 40px;
    font-family: "Shift-Light";
    text-align: center;
}
.discovery-nav {
    margin: 1em 0;
    text-align: center;
}
.discovery-nav .item h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.discovery-nav .item h4 a.active {
    border-radius: 4px;
    color: #f60;
    border-color: #f60;
    text-decoration: none;
}
.discovery-nav .item h4 a {
    width: 188px;
}
.discovery-nav .item h4 a {
    display: inline-block;
    padding: 8px 10px 6px 10px;
    color: #333;
    border: 1px solid transparent;
    text-decoration: none;
}
.discovery-nav .item h4 a:hover {
    border-radius: 4px;
    color: #777;
    border-color: #777;
}
button.slickpre.homeExamCagPre {
    top: 45%;
}
button.slicknext.homeExamCagnext {
    top: 45%;
}
/*====================InputValueOnDetailPage======================*/

span {
    cursor: pointer;
}
.minusONDetailPage,
.plusOnDetailPage {
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    font-size: 35px;
    line-height: 21px;
}
.numberOndetailPage input {
    height: 34px;
    width: 70px;
    text-align: center;
    font-size: 26px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border: none;
}
.numberOndetailPage {
    float: left;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 30px;
}
.minusONDetailPage:hover,
.plusOnDetailPage:hover {
    background: red;
    border-color: red;
    color: #fff;
}
.quantitive {
    margin: 0 0 0 11px;
}
/*====================InputValueOnDetailPage======================*/

/*==================Publication Home==================*/

.discovery-nav .nav.nav-pills li {
    border: none;
}
.discovery-nav .nav.nav-pills li a {
    padding: 10px 20px 10px 20px;
}
.discovery-nav .nav.nav-pills {
    display: inline-block;
}
.outerOftabeLatest .tab-pane.active {
    display: block;
}
.outerOftabeLatest .tab-pane {
    display: none;
}
.outerOftabeLatest {
    float: left;
    width: 100%;
    background: red;
    padding-top: 50px;
    padding-bottom: 50px;
}
.onMobileShowOuter {
    display: none;
}
.nav.nav-tabs li {
    border-bottom: none;
}
.outerOfseriesTab .tab-pane {
    display: none;
}
.outerOfseriesTab .tab-pane.active {
    display: block;
}
/*==================Publication Home==================*/

/*==================Book Detail==================*/

.disrip {
    border: 1px solid red;
}
.outerOFdetailTop {
    margin: 0 0 40px 0;
    float: left;
    width: 100%;
}
.btn.adCrt:hover {
    background: red;
    border: red;
    color: #fff;
}
.reDes {
    margin: 0 0 30px 0;
}
.btn.buyNow:hover {
    background: #b00000;
}
/*==================Book Detail==================*/

/*===============Study Material================*/

.headingOfstyDyMaterial {
    text-align: center;
    margin: 100px 0 30px 0;
}
.headingOfstyDyMaterial h2 {
    color: #fff;
}
.publictinOtr.studyMatiralLatest {
    background: #fff;
    padding: 10px;
    transition: .2s;
    float: left;
    width: 100%;
}
.publictinOtr.studyMatiralLatest .titleOfBook {
    text-align: left;
}
.publictinOtr.studyMatiralLatest .titleOfBook h5 {
    color: #000;
    font-size: 19px;
    margin: 10px 0 10px 0;
}
.listOfTiem {
    font-size: 14px;
    color: #aaa;
}
.listOfTiem span {
    color: #000;
}
.priceOfStudyMaterial {
    text-align: center;
    margin: 31px 0 10px 0;
    background: rgba(222, 201, 27, 0.4);
    padding: 1px;
}
.priceInnerMaterial .mrpPrice {
    font-size: 13px;
}
.priceInnerMaterial {
    margin: 31px auto;
    padding: 0;
    position: relative;
    border: 6px solid violet;
    max-width: 90%;
    outline: 4px solid #3f3f3f;
    background: #fff;
}
.costpriceMaterial {
    font-size: 25px;
    font-weight: 800;
}
.imageOFstudyMaterial {
    position: relative;
    overflow: hidden;
}
.publictinOtr.studyMatiralLatest:hover .imageOFstudyMaterial .backgroundColorRed {
    opacity: 1;
}
.offOnMaterial {
    position: absolute;
    top: 3px;
    right: 0px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    background: #07b707;
    padding: 7px 6px 5px 7px;
    border-radius: 5px 0px 0 5px;
    z-index: 9;
}
.publictinOtr.studyMatiralLatest:hover {
    transform: scale(1.03);
}
.backgroundColorRed {
    position: absolute;
    background: linear-gradient(-225deg, rgba(28, 15, 224, 0.7) 35%, rgba(243, 51, 90, 0.8) 100%) !important;
    width: 300px;
    height: 220px;
    top: -30px;
    left: -30px;
    opacity: 0;
    transition: .2s;
}
.imageOFstudyMaterial {
    position: relative;
    overflow: hidden;
}
.topCoursedStudyMateril {
    padding: 0 0 0 10px;
}
/*.buyNowbutton-4{
  width:140px;
  height:50px;
  border:2px solid #f00;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}
.buyNowbutton-4 a{
  font-family:arial;
  font-size:16px;
  color:#34495e;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}

.eff-4{
  width:140px;
  height:50px;
  left:-140px;
  background:#f00;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.buyNowbutton-4:hover .eff-4{
  left:0;
}
.buyNowbutton-4:hover a{
  color:#fff;
}*/

.btn.btnBuyNow {
    border: 2px solid;
    color: red;
    width: 49%;
}
.buttonMaterial {
    text-align: center;
    margin: 20px 0 10px 0;
}
.buttonMaterial .btn.btnBuyNow:hover {
    background: #d21111;
    color: #fff;
    border-color: red;
}
.publictinOtr.studyMatiralLatest .titleOfBook h5 {
    color: #f00;
    font-size: 19px;
    margin: 10px 0 10px 0;
}
.btn.btnBuyNow:nth-child(1) {
    background: red;
    color: #fff;
    border-color: red;
}
.category-item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px;
}
.category-item .category-content {
    position: absolute;
    text-align: center;
    padding-top: 40px;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    transition: all .3s;
    padding-right: 10px;
    padding-left: 10px;
}
.category-item .category-content .cat__title {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.category-item .category-content .cat__link {
    text-transform: capitalize;
    display: inline-block;
    background-color: #fff;
    color: #233d63;
    padding: 8px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
}
.category-item .category-content .cat__link:hover {
    background-color: #51be78;
    color: #fff;
    text-decoration: none;
}
.category-item:hover .category-content .cat__link {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.category-item::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #233d63;
    opacity: .80;
    content: "";
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.category-item:hover .category-content {
    padding-top: 17px;
    margin-bottom: ;
}
.studyMatiralByCourse {
    padding: 40px 0 50px 0;
}
.headingOfCourse {
    text-align: center;
    margin: 0 0 40px 0;
}
.outerOfRelatedBook {
    background: #ddd;
    padding: 60px 0 50px 0;
}
.margitnTopForDlpstudymaterial {
    margin: 120px 0 0 0;
    float: left;
    width: 100%;
}
.outerOfSectionDlprograme {
    background: rgba(0, 0, 0, .7);
    padding: 40px 0 40px 0;
    margin: 3px 0 10px 0;
}
.publictinOtr.studyMatiralLatest .topCoursedStudyMateril .buttonMaterial .btn.btnBuyNow {
    padding: 8px 10px 5px 10px;
}
.outerPublicationDLP {
    margin: 10px 0px 20px 0;
}
.btnOfAskQuestion {
    margin: 30px 0 30px 0;
}
/*===============DLP Study Material================*/

/*======================study material note=========================*/

.contentPre.ghtctrPrePar label input {
    height: auto;
}
.contentPre.ghtctrPrePar label {
    width: 100%;
}
/*======================study material note=========================*/

/*======================Author Profile=========================*/

.outerFoAuthouProfile {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.bannerOFAuthor {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.bannerOFAuthor::before {
    height: 200px;
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .8);
    top: 0;
    width: 100%;
}
.iconOfProfile {
    width: 90px;
    border: 3px solid #fff;
    height: 90px;
    margin: -50px 0 0 50px;
    border-radius: 50%;
    overflow: hidden;
}
.nameOfAuthorStudyMaterial {
    padding: 10px;
}
.nameOfAuthorStudyMaterial h2 {
    margin: 0 0 10px 0px;
    font-size: 24px;
}
.nameOfCountry {
    padding: 0 0 0 10px;
    font-size: 21px;
}
.outerOfdetailProfile {
    position: relative;
    border: 1px solid #ddd;
    padding: 10px;
}
.outerOfMaxDashbord {
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}
.headingAbout {
    margin: 10px 0px 2px 0;
    font-size: 19px;
    color: #444;
    font-weight: 600;
    float: left;
    width: 100%;
}
.numberIntractionOnnotes {
    font-size: 24px;
    font-weight: 600;
    color: #f63;
}
.widthOFboxes {
    width: 33.33%;
    border-right: 1px solid #ddd;
    padding: 10px;
    float: left;
}
.widthOFboxes:last-child {
    border: none;
}
.secondRow {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}
.imageIconProfile .fa {
    color: #444;
    font-size: 48px;
    color: #f00;
}
.qualificationProfile {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 40px 0 0 0;
}
.detailOFqualificationPro h2 {
    font-size: 17px;
    margin: 8px 0 6px 0;
    font-weight: 600;
    color: #444;
}
.outerOfprofile {
    padding: 10px 0 10px 0;
}
/*======================Author Profile=========================*/

/*========================login page=============================*/

.signupotr .nav.nav-pills {
    text-align: center;
}
.signupotr .nav.nav-pills li {
    display: inline-block !important;
    float: none;
}
.signupotr .nav.nav-pills li a {
    padding: 7px 20px 7px 20px;
}
/*========================login page=============================*/

/*========================Media Coverge=============================*/

.signupotr.mediaoCoverageOuterNav {
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
}
.mideaCoverageBodderTime .listInr {
    padding: 0 0 20px 0;
}
/*========================Media Coverage=============================*/

/*=========================studyMaterialDetial==============================*/

.outerMaterialDetail .interction .fa {
    color: #f63;
    font-size: 20px;
    float: left;
    margin: 3px 2px 0 0;
}
.outerMaterialDetail .interction span {
    font-size: 15px;
}
.outerMaterialDetail .interction .fa.fa-thumbs-up {
    color: #313131;
}
.outerMaterialDetail .interction {
    width: 50%;
}
.outerMaterialDetail .interction span {
    font-size: 15px;
    line-height: 30px;
}
.interction a:hover .fa.fa-thumbs-up {
    color: #2929ff;
}
.mnprcCOn .fa.fa-inr {
    color: red;
}
/*=========================studyMaterialDetial==============================*/

/*================================Board Exam===============================*/

.headingOfSelectBorad {
    text-align: center;
}
.headingOfSelectBorad h2 {
    color: #444;
}
/*================================Board Exam===============================*/

/*================================Career Counslleng===============================*/

.outerOfCounsliingSlider {
    min-height: 460px;
    float: left;
    width: 100%;
}
.innerOFbannerTop {
    margin: 100px 0 0 0;
}
.titleOfbannerCounselling h2 {
    font-size: 40px;
    width: 60%;
    font-weight: 600;
    color: #ff2577;
}
.btn.buttonOFOuter {
    background: #ff2577;
}
.subTitleWithButton p {
    font-size: 16px;
    margin: 30px 0 30px 0;
}
.listofDiffen h2 {
    color: #fff;
}
.listofDiffen p {
    color: #fff;
}
.mainHeadingCunslling {
    text-align: center;
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
}
.mainHeadingCunslling h2 {
    color: #444;
}
.reasonOnabroadOnline.careerCounselling .reasonOnabroadInner2 {
    background: #ff2577;
    transition: .2s;
}
.bgOnabroadOnline.bgCollerCounselling {
    background: #ff2577;
}
.reasonOnabroadOnline.careerCounselling .reasonOnabroadInner2:hover {
    transform: scale(1.05);
}
/*================================Career Counslleng===============================*/

/*================================Writting Chanllenge===============================*/
/*
.topMarginForHeder {
    float: left;
    width: 100%;
    margin: 76px 0 0 0;
}*/
.outerofAnswerwritting {
    float: left;
    width: 100%;
}
.headingOfAnswerWritting {
    text-align: center;
}
.headingOfAnswerWritting h2 {
    color: #444;
    font-size: 25px;
    margin: 20px 0 20px 0;
}

.answerWrittingOuter {
    float: left;
    width: 20%;
    padding: 0px 15px;
    margin: 15px 0px 14px 0px;
}
.answerWrittingOuter .flexChellangeouter {
    background: #fff;
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px 0;
    border-radius: 12px;
    transition: .2s;
}
.iconOfWrittingChanlage .fa {
    color: #ff2577;
    font-size: 29px;
}
.InnerOfAnswerWritting {
    text-align: center;
}
.titleOfChallenge {
    font-size: 15px;
    color: #ff2f53;
    margin: 10px 0 10px 0;
}
.flexChellangeouter:hover {
    background: #ff2f53;
    transform: scale(1.1);
}
.flexChellangeouter:hover .iconOfWrittingChanlage .fa {
    color: #fff;
}
.flexChellangeouter:hover .titleOfChallenge {
    color: #fff;
}
.answerWrittingOuter a:hover {
    text-decoration: none;
}
.answerWrittingOuter a {
    color: #ff2577;
}
/*================================Writting Chanllenge===============================*/

.ListofInnreWritting ul li {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}
.ListofInnreWritting ul {
    float: left;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
}
.ListofInnreWritting ul li a {
    padding: 10px 5px 10px 5px;
    float: left;
    width: 100%;
    color: #444;
    text-decoration: none;
    transition: .2s;
}
.ListofInnreWritting ul li a:hover {
    background: #ff2577;
    color: #fff;
}
.innerOfSideList {
    margin: 20px 0 20px 0;
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 10px 10px 10px;
}
.titleOfListChanllenge {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    float: left;
    width: 100%;
    background: #fff;
}
.titleOfListChanllenge h3 {
    margin: 0;
    font-size: 20px;
    color: #ff2577;
}
.innerOflistOfQuestion {
    border: 1px solid #ddd;
    margin: 0 0 40px 0;
    background: #fff;
}
.listofQuestionWritting ol {
    padding: 10px 10px 10px 30px;
    max-height: 400px;
    overflow-y: auto;
}
.listofQuestionWritting ol li a:hover {
    text-decoration: none;
    color: #ff2577;
}
.listofQuestionWritting ol li a {
    color: #444;
}
.socialImge {
    float: left;
    width: 100%;
    text-align: center;
}
.socialImge a {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #ddd;
    padding: 10px;
}
.outerofAnswerwritting.bgClolorOnlistChallenge {
    background: #f0f0f0;
    padding: 0 0 40px 0;
}
/*====================writting Challenge=======================*/

/*====================Interview Guidance=======================*/
.background_interviewGuid {
    background-image: url(../images/bgOffCir14.jpg);
    background-size: cover;
    background-attachment: fixed !important;
    display: inline-block;
    width: 100%;
}
.interviewBgOverlay {
    background: rgba(105, 16, 79, 0.8) !important;
}
.interViewGuidanceOuter {
    float: left;
    width: 100%;
    padding: 40px 0px 10px 0px;
    background: #ddd;
}
.bdyClk .tabsOFInterview .nav li a {
    padding: 10px 20px 10px 20px;
    font-size: 21px;
    color: #444;
}
.bdyClk .tabsOFInterview .nav li.active a {
    color: #ff2577;
}
.innerOfInterViewGuidance {
    background: #fff;
    padding: 10px;
    float: left;
    width: 100%;
}
.innerOFlistArtical h3 {
    font-size: 23px;
    color: #ff2577;
    margin: 0 0 11px 0;
    ;
}
.innerOFlistArtical {
    border: 1px solid #ddd;
    margin: 10px 0 20px 0;
    padding: 10px;
}
.innerOFlistArtical p {
    font-size: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.innerOfInterViewGuidance .videodemo1 {
    margin: 0 0 20px 0;
}
.innerOfInterViewGuidance .videodemo1 .headingDomo h2 {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;
}
.pdghmbk .botmtextdtkl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;
}
.headingOfguidance {
    text-align: center;
}
.headingOfguidance h2 {
    color: #ff2577;
}
.interViewExamHeading {
    float: left;
    width: 100%;
}
.interViewExamHeading h2 {
    color: #fff;
}
.questOute {
    border: 3px solid #9a277f;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    transition: .2s;
    margin: 14px 0 14px 0;
    padding: 5px;
}
.outerOfSectionQuestion {
    padding: 40px 0 40px 0;
}
.inerviewHeadng {
    text-align: center;
}
.inerviewHeadng h2 {
    color: #444;
}
.inerviewHeadng {
    text-align: center;
    margin: 0 0 40px 0;
}
.questionTitle h4 {
    color: #9a277f;
}
.questionInenr {
    text-align: center;
}
.readmoreQuestion a {
    color: #9a277f;
    padding: 4px 10px 4px 10px;
    border: 1px solid #9a277f;
    background: #fff;
}
.questionTitle {
    text-align: center;
}
.questOute:hover {
    background: #9a277f;
    transform: scale(1.05);
}
.questOute:hover .questionTitle h4 {
    color: #fff;
}
.questOute:hover .questionInenr .readmoreQuestion a {
    background: #9a277f;
    color: #fff;
    border-color: white;
}
.questOute .questionInenr .readmoreQuestion a:hover {
    text-decoration: none;
    background: #fff;
    color: #9a277f;
}
.questOute.colorOnbgTraprnat:hover {
    background: #fff;
}
.questOute.colorOnbgTraprnat:hover .questionTitle h4 {
    color: #ab1887;
}
.questOute.colorOnbgTraprnat:hover .readmoreQuestion a {
    background: #ffffff;
    color: #5c154b;
    border-color: #5c154b;
}
.questOute.colorOnbgTraprnat .questionInenr .readmoreQuestion a:hover {
    text-decoration: none;
    background: #9a277f;
    color: #fff;
}
.interViewHeadingOnHbby h2 {
    color: #fff;
}
.interViewHeadingOnHbby p {
    color: #fff;
}
.interViewHeadingOnHbby {
    text-align: center;
}

/*====================Interview Guidance=======================*/

.outerOFwrittenTopics {
    background: #fff;
    padding: 20px;
}
.outerOFwrittenTopics .innerOftipWritten blockquote {
    margin: 10px 0px 10px 0;
    padding: 6px 0 6px 8px;
    font-size: 20px;
}
.outerOFwrittenTopics .innerOftipWritten p {
    font-size: 19px;
    color: #3c3c3c;
    margin: 16px 0 16px 0px;
}
.headingGstopic {
    text-align: center;
}
.headingGstopic h2 {
    font-size: 23px;
    color: #ff2577;
    margin: 0 0 0px 0px;
}
.innerOftipWritten {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.outerOfCommentThread {
    margin: 0px 0 0 0;
    padding: 10px;
    background: #fff;
}
.outerOfHobby {
    padding: 40px 0 40px 0;
    background: #5c154b;
    display: inline-block;
    width: 100%;
}
.questOute.colorOnbgTraprnat {
    border-color: #fff;
}
.questOute.colorOnbgTraprnat .questionTitle h4 {
    color: #ffffff;
}
.questOute.colorOnbgTraprnat .readmoreQuestion a {
    color: #ffffff;
    padding: 4px 10px 4px 10px;
    border: 1px solid #ffffff;
    background: #5c154b;
}

/*================Synopsis Topic================*/

.answerOfSynopsis {
    padding: 20px 0 20px 0;
    background: #ffdfe5;
}
.answerOfSynopsis p {
    color: #444;
}
.answerOfSynopsis li {
    color: #444;
}
.outerOfdailychallenge {
    margin: 20px 0 20px 0;
}
/*================Synopsis Topic================*/

/*===============Video bugs Fixing css=============*/

.imageOfThumnailmage {
    width: 70px;
    float: left;
}
.videoType {
    float: left;
    padding: 11px 0 0 10px;
}
.videoDemoCourseOuter .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
.videoDemoCourseOuter .modal-body {
    position: relative;
    padding: 0px;
}
.videoDemoCourseOuter .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}
/*===============Video bugs Fixing css=============*/

/*===============Study Material Ask=============*/

.profileImage {
    width: 61px;
    border: 4px solid;
    float: left;
}
.askprofileDttail {
    float: left;
    width: calc(100% - 61px);
    padding: 10px;
}
.nameOfAsker {
    font-size: 21px;
    color: #f63;
    float: left;
    padding: 0 10px 0 10px;
}
.buttonofFollow {
    background: orange;
    color: #fff;
    border-radius: 3px;
    float: left;
}
.questionOuter {
    float: left;
    width: 100%;
}
.questionOuter .question h2 {
    margin: 10px 0 5px 0;
    font-size: 20px
}
.commentSection .comentinner {
    color: #a8a6a6;
    padding: 10px;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    height: 55px;
    margin: 10px 0 0 0;
    cursor: text;
}
.commentSection .comentinner:hover {
    text-decoration: none;
}
.commentSection .comentinner:hover {
    text-decoration: none;
    border-color: #f63;
}
.questionListIner {
    float: left;
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}
.answeCounts {
    font-size: 11px;
}
.answeCounts .fa.fa-comments {
    color: lime;
}
.answerComment {
    color: #686868;
    float: left;
    padding: 0 10px 0 0;
}
.myQuestion {
    background: #e3e3e3;
    padding: 10px;
    float: left;
    width: 100%;
}
.headingOfmyquestion {
    font-size: 21px;
    color: #444;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
.commntAnwer {
    float: left;
    padding: 0 10px 0 0;
    font-size: 12px;
}
.timeoffQuestion {
    float: left;
    font-size: 11px;
    padding: 0 10px 0 0;
}
.commntAnwer .fa.fa-comments {
    color: #444;
    padding: 0 4px 0 0;
}
.timeoffQuestion .fa.fa-clock-o {
    color: #444;
}
.myQuestionInner ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 10px;
    padding: 0 0 7px 0;
}
a .questionMyTitle {
    color: #444;
}
.outerOfAskQuestionButton .btn.btn-primary {
    width: 100%;
    margin: 0 0 10px 0;
}
/*===============Study Material Ask=============*/

/*===============Study Material Mini Comunication=============*/

.btn.joinBtn {
    background: #08bd08;
}
.btn.viewBtn {
    background: #f63;
    padding: 8px 40px 8px 40px;
}
.titleOfMiniGoup h3 {
    font-size: 22px;
    margin: 5px 0 4px 0;
    color: #444;
}
.innerOfDiscussSec {
    padding: 10px;
    border: 1px solid #ddd;
}
.btn.joinBtn:hover {
    background: green;
}
.btn.viewBtn:hover {
    background: #d23b08;
}
.imageOfMiniGroup {
    text-align: center;
}
.outerOFButton {
    text-align: center;
}
.numberOfGroup {
    margin-bottom: 10px;
}
.innerOfDiscussSec {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    margin-top: 15px;
}
.headingOnMiniTitle {
    text-align: center;
}
.headingOnMiniTitle h2 {
    color: #444;
}
/*===============Study Material Mini Comunication=============*/

/*===============Group Mini Comunication=============*/

.innerOFGrupDetail {
    box-shadow: 0 0 10px 0;
    padding: 10px;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}
}
.groupInformation h3 {
    font-size: 21px;
    color: #f63;
    margin: 20px 0 17px 0;
}
.btnOfjoincomunity {
    text-align: center;
}
.btnOfjoincomunity .btn.btnOfjoin {
    background: #08bd08;
    margin: 10px 0 0 0;
}
.btn.leaveComunity {
    background: #a2a2a2;
}
.titleOfGroup {
    font-size: 20px;
    color: #444;
}
.askcommentDoerm .btn.btn-primary {
    float: right;
    background: #f63;
}
.tabsOfGroupInner .nav.nav-tabs li.active a {
    color: red;
    border-top-color: red;
    border-left-color: red;
    border-right-color: red;
}
.tabsOfGroupInner .nav.nav-tabs li.active a:hover {
    border-bottom-color: #fff;
}
.nameOfGroup {
    font-size: 30px;
    color: #444;
    margin: 0 0 8px 0;
}
.tabsOfGroupInner .nav.nav-tabs li a {
    padding: 8px 20px 9px 20px;
    font-size: 17px;
    color: #222;
}
.askcommentDoerm {
    margin: 20px 0 0 0;
}
.tabsOfGroupInner .nav.nav-tabs li a:hover {
    border-bottom-color: red;
}
.tabsOfGroupInner .nav.nav-tabs {
    border-bottom-color: red;
}
.naemOfasker {
    font-size: 19px;
    color: #000;
}
.timeOfaskingQuestion {
    font-size: 12px;
}
.questionofgroup {
    font-size: 16px;
    color: #444;
}
.profileImageChatroom img {
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid;
    float: left;
}
.massageOfChat {
    float: left;
    width: calc(100% - 40px);
    padding: 0 0 0 7px;
    font-size: 11px;
}
.profileImageChatroom {
    float: left;
    width: 100%;
}
.massageOfChat span {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
.chatroomHeading {
    font-size: 19px;
    color: #f63;
}
.numverOfactiveUser {
    font-size: 10px;
}
.navAndpillChatroom .nav.nav-pills .active a {
    background: none;
    color: green;
    border-bottom: 3px solid;
}
.navAndpillChatroom .nav.nav-pills a {
    border-radius: 0;
    padding: 0 10px 0 10px;
}
.innerOFchatRoom {
    height: 400px;
    overflow: auto;
}
.typingmatter .chatCtroler textarea {
    float: left;
    width: calc(100% - 40px);
    border: none;
    font-size: 12px;
}
.chatCtroler .btn.btn-primary {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    bottom: 16px;
}
.typingmatter .chatCtroler {
    border: 1px solid #ddd;
    padding: 0 0 4px 1px;
    position: relative;
    float: left;
    width: 100%;
}
.typingmatter .chatCtroler textarea:focus {
    box-shadow: none;
    background: white;
}
.nameOfmemberChat {
    padding: 5px 0 0 0;
    float: left;
}
.profileImageChatroom.chatroomMemberList img {
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid;
    float: left;
}
.listOfmemberInnerChat ul li {
    margin: 5px 0 5px 0;
    float: left;
    width: 100%;
}
.listOfmemBerItem {
    float: left;
    width: 100%;
    height: 400px;
    overflow: auto;
}
.groupInformation h3 {
    font-size: 17px;
    color: #f63;
    font-weight: 600;
}
/*===============Group Mini Comunication=============*/

/*===============interviewGuidance=============*/

.outerOFreadMovre {
    float: left;
    width: 100%;
    background: #ddd;
}
.readMoredetail h3 {
    font-size: 30px;
    color: #ff2577;
}
.innerOfReadMore {
    box-shadow: 0 0 10px 0;
    padding: 10px;
    margin: 40px 0 50px 0;
    background: #fff;
}
.readMoredetail ul li {
    list-style: disclosure-closed;
}
.readMoredetail ul {
    padding: 0 0 0 30px;
}
.readMoredetail img {
    margin-bottom: 20px;
}
/*===============interviewGuidance=============*/

/*====================Video By chapter New Update============================*/

.btnOnVideo {
    float: left;
    background: #05cc05;
    color: #fff;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    margin: 11px 0 0 0;
    cursor: pointer;
    transition: .2s;
}
.btnOnVideo:hover {
    background: green;
}
.lockedButton {
    float: left;
    background: #a2a2a2;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    margin-top: 10px;
    color: #fff;
    cursor: pointer;
}
.priceofchapter {
    float: left;
}
.priceofchapter .chapterPriceInner {
    background: green;
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    color: #fff;
}
.collapsiblePre.pdghgt {
    position: relative;
}
.checkbox.checkboxOnChapter {
    position: absolute;
    top: -10px;
    left: 30px;
}
.outerOfVideoretatedProduct {
    padding: 40px 0;
}
/*====================Video By chapter New Update============================*/

.listOnTestSeries .outerOfListDetail ul li {
    float: left;
    width: 100%;
}
.listOnTestSeries .outerOfListDetail ul li .introDuc {
    float: left;
    width: 81%;
    padding: 10px;
}
.videoDemolight.btnOnTest a {
    background: green;
    color: #fff;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
}
.innerOFCollapseWidth {
    width: calc(100% - 110px);
    float: left;
}

.buttonOfBuy button {
    background: red;
    color: #fff;
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    float: left;
}
.buttonOfBuy {
    padding: 6px 0 0 10px;
    float: left;
    width: 110px;
}
.buttonOfBuy a {
    color: red;
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
    border: 1px solid red;
}
.buttonOfBuy a:hover {
    background: red;
    color: #fff;
    text-decoration: none;
}
.publictinOtr.minHeighOnEbook {
    min-height: 400px;
    background: #fff;
}
/*===============EBook Detail=================*/

.dtlOtrBdr.outerOfEbookDetail {
    height: auto;
}
.tableFeatue .table tbody tr td:first-child {
    min-width: auto;
    vertical-align: middle;
}
.tableFeatue .table tbody tr td {
    vertical-align: middle;
    position: relative;
}
.btnEbookChapter {
    color: red;
    padding: 4px 10px 3px 10px;
    border-radius: 5px;
    font-weight: 600;
    margin: 10px 0px 0px 0;
    display: inline-block;
    border: 1px solid;
}
.btnEbookChapter:hover {
    background: #34495e;
    color: #fff;
    text-decoration: none;
}
.chapterPrice {
    border: 1px solid;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
}
.chapterPrice .fa.fa-inr {
    color: #404040;
}
.innerOFFeatue .box-service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-direction: column;
    background-color: #fff;
    padding: 10px 20px;
    -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    min-height: 325px;
}
.innerOFFeatue .box-service::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -35px;
    width: 131px;
    height: 130px;
    background: #f63;
    opacity: 0.2;
    border-radius: 130px;
    -webkit-transform: rotate(101deg);
    transform: rotate(101deg);
    transition: all 0.5s ease-out;
}
.innerOFFeatue .box-service span {
    font-size: 40px;
    margin-bottom: 30px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    background-color: rgba(136, 104, 255, 0.05);
    font-size: 50px;
    color: #000;
    background: linear-gradient(to right, #000 0%, #258bc8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
    margin: 0 auto;
}
.innerOFFeatue .box-service::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -49px;
    width: 88px;
    height: 88px;
    background: #b3b3b3;
    opacity: 0.2;
    border-radius: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.5s ease-out;
}
.innerOFFeatue .box-service:hover::before {
    position: absolute;
    content: "";
    top: -20px;
    left: -35px;
    width: 131px;
    height: 130px;
    background: #f63;
    opacity: 0.4;
    border-radius: 130px;
    -webkit-transform: rotate(101deg);
    transform: rotate(101deg);
    transition: all 0.5s ease-out;
}
.innerOFFeatue .box-service:hover::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -49px;
    width: 88px;
    height: 88px;
    background: #258bc8;
    opacity: 0.4;
    border-radius: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.5s ease-out;
}
.innerOFFeatue .box-service .content-service h5 {
    font-size: 18px;
    font-weight: 400;
    color: #4b4453;
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    margin: 0;
    margin-bottom: 5px;
}
.outerOfCourseDedail.outerOfeBooks {
    background: #ddd;
    padding: 40px 0;
}
.outerOfLockIcon {
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hedingOfEbookFeature h2 {
    text-align: center;
    color: #444;
    position: relative;
}
.outerOfLockIcon .fa {
    font-size: 40px;
}
.viewDemoOuterEbook {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .2s;
}
.outerOFebookContent {
    padding: 40px 0;
    background: #ddd;
}
.viewDemoOuterEbook a {
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backgroundWhiteEbook {
    background: #fff;
    padding: 20px 10px;
}
.tableFeatue .table tbody tr td:hover .viewDemoOuterEbook {
    opacity: 1;
}
.hedingOfEbookFeature h2::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 5px;
    background: #f63;
    bottom: -10px;
}
.eLetterForEbook {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background: yellow;
    z-index: 111;
    font-size: 70px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 53px;
    color: #f00;
    text-align: center;
}
.positionRelativeOnEbbok {
    position: relative;
}
.ebookCurseOuter {
    float: left;
    width: 100%;
    border-bottom: 10px solid #febb00;
    background-image: url('../images/write-publish-ebook.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.pad15.imgctr.publi.outerOFEbook {
    background: #fff;
    padding: 10px;
}
.onEbookHome .onMobileInner .headingSection h3 {
    font-size: 23px;
    color: #444;
    margin: 4px 0 10px 0;
}
.bgonEbook {
    background: red;
}
.topcon.hgrctrlBoB.ebookBgHeading h2 span {
    background: #f00;
    color: #fff;
}
.hgrctrlBoB.ebookHeadingAfter h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #f00 0%, #fff 35%, #fff 70%, #f00 100%);
    background: -webkit-linear-gradient(left, #f00 0%, #fff 35%, #fff 70%, #f00 100%);
    background: linear-gradient(to right, #f00 0%, #fff 35%, #fff 70%, #f00 100%);
}
.studyMaterilComplete {
    float: left;
    width: 100%;
    border-bottom: 10px solid #febb00;
    background-image: url('../images/study-materials.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.innerOfbooklet {
    margin-bottom: 20px;
}
.titleOFbooklet {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.outerOfaboutAuthor {
    padding: 40px 0;
}
.viewDemoOuterEbook:hover a {
    color: #fff;
    text-decoration: none;
}   
.fullEbook h2 {
    font-size: 20px;
    margin: 10px 0 10px 0;
    color: #444;
}
/*=================My account Video==================*/

.myVideoCourseInner {
    box-shadow: 0 0 10px 0;
    padding: 10px;
    margin: 14px 0 14px 0;
}
.marginTopOnMyAccoun {
    margin: 122px 0 0 0;
    float: left;
    width: 100%;
}
.onMyVideoCourse {
    float: left;
    width: 100%;
}
.buttonOfVIewCourse {
    text-align: center;
}
.myVideoCourse .nameOfcourse {
    font-size: 18px;
    color: #444;
    text-align: center;
    margin: 2px 0 10px 0;
}
.buttonOfVIewCourse .viewDetail {
    background: #f63;
    padding: 10px 20px 10px 20px;
    width: 90%;
    display: inline-block;
    color: #fff;
}
.myVideoCourses {
    text-align: center;
}
.myVideoCourses h2 {
    color: #444;
}
.buttonOfVIewCourse .viewDetail:hover {
    background: #b9360b;
    text-decoration: none;
}
/*=================My account Video==================*/

.outerofDLPpackage {
    min-height: 40px;
}
.CoursePackageOuter {
    padding: 10px 10px 0 20px;
}
.materialFile {
    float: left;
}
.firstRow.dlpStudyMaterialCOntent .colpPreYrPpr li a.demoFileDLP {
    float: right;
    width: auto;
    color: red;
    border: 1px solid;
    padding: 4px;
    white-space: nowrap;
    border-radius: 4px;
}

.firstRow.dlpStudyMaterialCOntent .contentPre.ghtctrPrePar .colpPreYrPpr li {
    float: left;
    width: 100%;
    padding: 10px 10px;
}
.firstRow.dlpStudyMaterialCOntent .colpPreYrPpr li a.demoFileDLP:hover {
    background: #e14974;
    color: #fff;
}
.firstRow.dlpStudyMaterialCOntent .colpPreYrPpr li a.demoFileDLP:hover .fa.fa-file-pdf-o {
    color: #fff;
}
.materialFile:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f105";
}
.onMobileCartSetail {
    display: none;
}
.titleonCart .fa {
    color: red;
    font-size: 22px;
}
.wc_payment_method.payment_method_paytm label img {
    max-width: 200px;
}
.ruaysubmin .btnonsd.bgbfillgrndt.btncarPdrs {
    color: #fff;
    background: linear-gradient(to right, #de3343 0%, #de3294 90%);
    border-radius: 40px;
    padding: 10px 20px 10px 20px;
}
.ruaysubmin .btnonsd.bgbfillgrndt.btncarPdrs a {
    color: #fff;
}
/*=================testfull detial css==================
*/

.titleIconUndrrTest a {
    color: #fff;
}
.headingOFTelatedProduct {
    text-align: center;
}
.headingOFTelatedProduct h2 {
    color: #444;
    opacity: 0;
}
.innerOfVideoRelatedProduct {
    position: relative;
}
button.slickpre.videoRelatedPre {
    top: 46%;
}
button.slicknext.videoRelatedNext {
    top: 46%;
}
.headingOnVideoRelated {
    text-align: center;
}
.outerOFLiveHome {
    margin: 123px 0 0 0;
    float: left;
    width: 100%;
}
.btnonsd.butoonOnRegisrtTest {
    text-align: center;
}
.btnonsd.butoonOnRegisrtTest button {
    max-width: 150px;
    margin: 0 auto;
}
.outerOfQueryForm .formOUter .form-group .form-control::placeholder {
    color: #777;
    opacity: 1;
    font-weight: 400
}
.outerOfQueryForm .formOUter .form-group input.form-control:focus {
    border-color: #444;
    box-shadow: none;
}
.innerOfQueryForm h2 {
    color: #de328f;
    margin: 30px 0 10px 0;
}
.outerOfTable .table thead tr th {
    background: #de328f;
    color: #fff;
}
.vc_column-inner {
    float: left;
    width: 100%;
    margin: 20px 0 30px 0;
}
.outerOfReledTest5proBig .pad15.imgctr.publi.videoBgwhit .publictinOtr.onvideoPagePsn {
    height: 100%;
    float: left;
    width: 100%;
    background: #fff;
}
.outerOfReledTest5proBig .video-why-choose-title .gray-color.large-title {
    font-size: 4em;
    margin: 40px 0 50px 0;
}
.outerOfReledTest5pro .pad15.imgctr.publi.videoBgwhit .publictinOtr.onvideoPagePsn {
    height: 352px;
}
.buttonOnMobiletest {
    display: none;
}
/*====================About author====================*/

.imageOfAuthor {
    float: left;
    width: 25%;
    padding: 20px;
}
.nameOfAuthor {
    float: left;
    width: 25%;
    height: 100%;
    padding: 20px;
}
.aboutAutherDetail {
    float: left;
    width: 50%;
    padding: 10px;
    border-left: 1px solid #ddd;
}
.aboutAutherDetail ul li::before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    content: "\f105 ";
    position: absolute;
    left: 6px;
}
.aboutAutherDetail ul li {
    padding: 3px 0 3px 20px;
    margin: 0 0 10px 0;
    position: relative;
}
.innerOfaboutAuthor {
    box-shadow: 0 0 10px 0 #c8c8c8;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
/*====================About author====================*/

/*====================Custom Scroll====================*/

#boxscroll {
    padding: 40px;
    height: 370px;
    width: 100%;
    border: 2px solid #F2F2F2;
    overflow: auto;
    margin-bottom: 20px;
}
#boxscroll2 {
    padding: 40px;
    height: 120px;
    width: 730px;
    border: 2px solid #F00;
    overflow: auto;
}
#boxscroll3 {
    overflow: hidden;
}
#boxframe {
    position: absolute;
    top: 28px;
    left: 420px;
    width: 400px;
    height: 300px;
    overflow: auto;
    border: 2px solid #0F0;
}
#boxscroll4 {
    height: 300px;
    margin-top: 40px;
    background-color: #00FF66;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    padding: 20px;
    color: #006633;
    overflow: auto;
}
/*====================Custom Scroll====================*/

/*====================live author and course containt====================*/

.collapsiblePre.paddingCrtolOnDetail {
    padding: 10px 20px 10px 10px;
    height: auto;
}
.contentPre.ghtctrPrePar.dropDownOnCourseConatent .colpPreYrPpr li {
    float: left;
    width: 100%;
    padding: 6px 0 4px 0;
}
.contentPre.ghtctrPrePar.dropDownOnCourseConatent .colpPreYrPpr li .fa.fa-angle-right {
    color: #000;
    font-size: 17px;
    padding: 0 10px 0 0;
}
.contentPre.ghtctrPrePar.dropDownOnCourseConatent .colpPreYrPpr {
    max-height: 100%;
}
.collapsiblePre.paddingCrtolOnDetail {
    padding: 10px 20px 10px 10px;
    height: auto;
    background-color: #fff;
    color: #444;
    font-weight: 400;
    border-bottom: 1px dashed red;
}
.collapsiblePre.paddingCrtolOnDetail:hover {
    background-color: #fff;
}
.collapsiblePre.paddingCrtolOnDetail::after {
    color: #464646;
}
.collapsiblePre.paddingCrtolOnDetail h4 {
    float: left;
    padding: 0 10px 0 0px;
    font-size: 15px;
    margin: 1px 0 0 0;
}
.nameOfteacher {
    color: #f63;
}
.contentPre.ghtctrPrePar.dropDownOnCourseConatent {
    background: none;
}
.contentPre.ghtctrPrePar.dropDownOnCourseConatent .colpPreYrPpr li:hover {
    background: none;
}
.outerOFheading {
    background: #ffff;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 0 10px 0 #ddd;
    font-size: 28px;
    margin-bottom: 10px;
    color: #444;
}
.outerOfcontentCourse {
    height: 230px;
    border: none;
    margin-bottom: 30px;
}
.headingOfAboutAthor {
    text-align: center;
}
.color-theam h2 {
    color: #f63;
}
.nameOfAuthor h3 {
    font-size: 18px;
    font-weight: 600;
    color: #f63;
}
/*====================live author and course containt====================*/

/*====================Authoor list====================*/

.outerOfAuthorCtegary .nav.nav-pills a {
    padding: 7px 20px 7px 20px;
    border-radius: 5px;
}
.outerOfAuthorCtegary .nav-pills > li.active > a,
.outerOfAuthorCtegary .nav-pills > li.active > a:hover,
.outerOfAuthorCtegary .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #f63;
}
.outerOfAuthorCtegary .nav-pills > li {
    display: inline-block;
    border-bottom: none;
    margin-bottom: 10px;
    float: none;
}
.outerOfAuthorCtegary .ineroBorder {
    text-align: center;
    padding: 30px;
    border: 4px solid;
}
.brouwesByCourse {
    font-size: 23px;
    margin: 10px 0 20px 0;
}
.outerOftabContant {
    margin-top: 20px;
}
/*====================Authoor list====================*/

/*====================Blogs====================*/

.subscribeInner {
    border: 1px solid #f63;
    padding: 20px;
    box-shadow: 0 0 20px 0 #b0afaf;
    margin-bottom: 20px;
}
.subscribeInner .dropdown .buttonBlog .fa.fa-rss-square {
    color: #f63;
}
.toptitle h3 {
    margin: 5px 0 5px 0;
}
.toptitle h3 {
    margin: 5px 0px 5px 0;
    font-weight: 600;
    color: #444;
}
.subscribeInner .dropdown {
    border: 1px solid #ddd;
    margin: 0px 0 25px 0;
}
.subscribeInner .dropdown .buttonBlog {
    color: #9b9b9b;
    font-weight: 400;
    width: 100%;
    padding: 3px 10px 2px 14px;
    height: auto;
    box-shadow: 2px 2px 3px 0;
    text-align: left;
}
.subscribeInner .dropdown .dropdown-menu {
    width: 100%;
    padding: 10px;
}
.subscribeInner .dropdown .dropdown-menu li {
    box-shadow: 1px 2px 4px 0;
    margin: 0 0 10px 0;
}
.subscribeInner .dropdown .dropdown-menu li .fa {
    color: #f63;
    border: 1px solid;
    margin: 0 10px 0 0;
    width: 18px;
    height: 18px;
    text-align: center;
    padding-top: 1px;
}
.toptitle {
    border-bottom: 1px solid #f63;
    margin: 0 0 15px 0;
}
.buttonBlog_Singal {
    background: #f63;
    color: #fff;
    width: 100%;
    height: auto;
    padding: 3px 0px 3px 0;
}
.inportantLint {
    border: 1px solid #ddd;
    margin: 0 0 11px 0;
    padding: 10px;
    box-shadow: 0 0 8px 0 #d0d0d0;
}
.inportantLint .toptitle h3 {
    color: #6f6b6b;
    font-size: 15px;
}
.headingOnImportenLink h3 {
    font-size: 18px;
    color: #444;
    margin: 0 0 20px 0;
    text-align: center;
}
.blofRecognition ul li {
    margin: 0 0 20px 0;
    text-align: center;
}
.outerOgBloggerRightSide {
    border-left: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}
.categoryBlog {
    width: 50%;
    padding: 10px;
    float: left;
}
.iconCategory {
    background: #2f4d58;
    width: 100%;
    text-align: center;
    padding: 27px;
}
.titleOFcategoryBlog {
    font-size: 13px;
    text-align: center;
    color: #f64;
}
.cateGory {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.imageOfPost {
    width: 40px;
    height: 40px;
    float: left;
}
.imageOfPost img {
    height: 100%;
}
.mateerOFBlog {
    float: left;
    width: calc(100% - 40px);
    font-size: 13px;
    color: #888;
    padding: 0 0 0 7px;
}
.postList {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #f63;
    padding: 7px 0 7px 0;
}
.listOfPopulerPost ul li {
    list-style: none;
}
.listOfPopulerPost {
    height: 400px;
    overflow: auto;
}
.innerOFBloggerRight .subsCribeEmail {
    display: inline-block;
    margin-bottom: 30px;
}
.imageOfbloger {
    width: 160px;
    float: left;
}
.matterDisbloggoer {
    float: left;
    width: calc(100% - 160px);
    padding: 0 0 0 10px;
}
.titleOFBlog a {
    font-size: 19px;
    color: #444;
}
.modifyDetail {
    font-size: 12px;
    margin: 5px 0 5px 0;
}
.matterBlogShort p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.continueButton {
    float: right;
}
.blogInnerArtical {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    margin: 0 0 30px 0px;
    padding: 0 0 20px 0;
}

.likeandDhereButton .da-share-html .btn-group .btn.btn-lg {
    padding: 9px 7px 9px 7px;
    border-radius: 50%;
    margin: 0 3px 0px 2px;
}
.likeandDhereButton .da-share-html {
    padding: 0 0 0 30px;
    position: relative;
    display: inline-block;
}
.likeandDhereButton {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
}
.likeandDhereButton .da-share-html::before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    content: "\f1e1";
    position: absolute;
    left: 1px;
    top: 2px;
    font-size: 26px;
    color: green;
}
.likeCount .buttonArticalLike {
    border: 1px solid #0058ff;
    border-radius: 5px;
    color: #0058ff;
    padding: 2px 10px 2px 10px;
    height: auto;
}
.likeCount .buttonArticalLike .fa {
    color: #0058ff;
    margin: 0;
}
.arrchiveDatePic .form-group .input-group-addon .fa.fa-calendar {
    color: #2d2d2d;
}
.buttonSearch {
    background: #f63;
    color: #fff;
}
.buttonOnblog {
    text-align: right;
}
.titleOFBlog {
    font-size: 23px;
    margin: 16px 0 5px 0;
}
.backgroundOnTopbanner {
    background-image: url('../images/jumbotron.jpg');
    background-size: cover;
    min-height: 254px;
    padding: 40px 0 40px 0;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.titleOFBlogDetail h1 {
    font-size: 52px;
    font-weight: 400;
    color: #fff;
}
.modifyDetail.blogModifyOndetail {
    font-size: 17px;
    color: #e6e6e6;
}
.modifyDetail.blogModifyOndetail a {
    color: #fff;
}
.blogOuterDetail .blogInnerArtical .likeandDhereButton {
    margin: 10px 0 20px 0;
}
.imageOfblogerDetail {
    margin-bottom: 19px;
}
.blogerImage {
    width: 75px;
    border: 4px solid #fff;
    float: left;
    margin: 40px 0 0 0;
}
.aboutBlogger {
    float: left;
    width: calc(100% - 75px);
    padding: 0 0 0 20px;
}
.aboutBlogger p {
    font-size: 19px;
    color: #fff;
}
.blofRecognition ul li a {
    color: #444;
}
.buttonToLodeMore {
    float: left;
    width: 100%;
    text-align: right;
}
.buttonToLodeMore .btnOnOlderPost {
    background: #f63;
    padding: 5px 12px 3px 10px;
    color: #fff;
}
.buttonToLodeMore .btnOnOlderPost:hover {
    background: #237082;
    text-decoration: none;
}
.innerOfBloggerSocial a {
    border: 3px solid #fff;
    width: 30px;
    height: 30px;
    float: left;
    text-align: center;
    padding: 2px 0 2px 0;
    margin: 0 5px 0 0;
}
.innerOfBloggerSocial a:hover {
    transform: scale(1.1);
}
.subsCribeEmail p {
    margin: 10px 0 13px 0;
}
/*====================Blogs====================*/

.calenderOuter #datetimepicker12 .bootstrap-datetimepicker-widget.timepicker-sbs .datepicker-days table tbody tr td {
    min-width: auto;
}
.calenderOuter #datetimepicker12 .bootstrap-datetimepicker-widget .table-condensed thead tr th {
    min-width: auto;
}
.calenderOuter #datetimepicker12 .bootstrap-datetimepicker-widget .table-condensed tbody tr td {
    min-width: auto;
}
.calenderOuter #datetimepicker12 .bootstrap-datetimepicker-widget.timepicker-sbs .datepicker-days table thead tr th {
    min-width: auto;
}
.calenderOuter #datetimepicker12 .picker-switch.accordion-toggle {
    display: none;
}
/*=================Blog==============*/

/*================Career Counselling Home===============*/

.outerOfProgrameNeed {
    padding: 40px 0;
    float: left;
    width: 100%;
}
.textOfProramNeed {
    text-align: center;
    margin: 0 0 40px 0;
}
.buttonOnProgramm {
    background: #ff2577;
    color: #fff;
    padding: 10px 30px 10px 30px;
    font-size: 20px;
    transition: .2s;
}
.textOfProramNeed h2 {
    color: #444;
}
.buttonOnProgramm:hover {
    text-decoration: none;
    color: #fff;
    background: #c11254;
    transform: scale(1.1);
}
.matterOfEbook {
    margin: 20px 0 40px 0;
    color: #7b7b7b;
}
.listOfasking {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.listOfasking ul {
    float: left;
    width: 100%;
    padding: 10px;
}
.listOfasking ul li a {
    padding: 5px 0 6px 0;
    float: left;
    width: 100%;
}
.listOfasking ul li {
    float: left;
    width: 100%;
    box-shadow: 0 0 3px 0 #c6c6c6;
    padding: 0 0 0 23px;
    margin: 6px 0 10px 0;
    position: relative;
}
.listOfasking ul li a {
    padding: 5px 0 6px 0;
    float: left;
    width: 100%;
    color: #444;
    font-weight: 600;
    font-size: 15px;
}
.listOfasking ul li:hover {
    background: #ff2577;
}
.listOfasking ul li a:hover {
    text-decoration: none;
    color: #fff;
}
.listOfasking ul li::before {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 10px;
    top: 4px;
    font-size: 16px;
    font-weight: 600;
}
.listOfasking ul li:hover::before {
    color: #fff;
}
.imageOffuture {
    background: #ff2577;
    float: left;
    width: 100%;
    text-align: center;
}
.futurePmapSighIn {
    float: left;
    width: 100%;
    border: 1px solid #ff2577;
    padding: 10px;
}
.imageOffuture h3 {
    margin: 20px 0px 7px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.imageOffuture p {
    color: #fff;
    font-size: 18px;
}
.formOfFutureMap {
    float: left;
    width: 100%;
    padding: 30px 0 30px 0;
}
.buttonFutureMap {
    text-align: center;
}
.futureMapSubmit {
    background: #ff2577;
    color: #fff;
}
.extrapOptn a {
    float: left;
    width: 100%;
    color: #888;
    margin: 4px 0 4px 0;
}
.extrapOptn {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
}
.imageOFMapFuture {
    float: left;
    width: 30%;
}
.paraDetail {
    float: left;
    width: 70%;
}
.faqOuterFuture .heaindFaqAbroad h2 {
    color: #ff2577;
}
.innerOFOuter {
    margin: 20px 0 30px 0;
    float: left;
    width: 100%;
    padding: 20px 0 20px 0;
}
.faqOuterFuture .panel-group .panel-default > .panel-heading .panel-title .glyphicon {
    margin: 0 0 0 0;
}
.faqOuterFuture .panel-title > a {
    font-size: 16px;
    font-weight: 600;
}
.faqOuterFuture .panel-title > a:hover {
    text-decoration: none;
}
.faqOuterFuture .panel-group .panel > .panel-heading + .panel-collapse > .panel-body {
    padding: 10px;
    color: #8a8a8a;
    font-size: 16px;
}
.titleOFQuestion {
    font-size: 19px;
    color: #ff2577;
    margin: 0 0 12px 0;
}
.outerOfFutureMapRead {
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin: 20px 0 40px 0;
    box-shadow: 0 0 8px 0 #b3b3b3;
}
.outerOFfututePlan {
    background: #f2f2f2;
}
.outerOfFuturemapHome {
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin: 20px 0 40px 0;
    box-shadow: 0 0 8px 0 #b3b3b3;
}
.innerOFOuter.borderOnNewUser {
    margin: 0;
    border: 1px solid #ddd;
    padding: 10px 20px 10px 20px;
}
/*================Career Counselling Home===============*/

.outerOfCounsellingCategory {
    float: left;
    width: 100%;
}
.paperTheam_Mid {
    background: url(../images/mid-sheet.jpg) 0 -23px repeat-y;
    width: 100%;
    float: left;
}
.paperTop {
    background: url(../images/top-sheet.jpg) 0 0 no-repeat;
    width: 100%;
    float: left;
}
.papaerBottom {
    background: url(../images/bot-sheet.jpg) 0 bottom no-repeat;
    width: 100%;
    float: left;
    padding-bottom: 80px;
}
.outerOfCounsellingCategory .container {
    max-width: 988px;
}
.dataOfCategory {
    max-width: 710px;
    margin: 109px auto;
    display: inline-block;
}
.categoryListSteam {
    display: inline-block;
}
.titleOfSteam h2 {
    font-size: 25px;
}
.CateGoryName {
    color: #f63;
    font-size: 29px;
}
.subTitle h1 {
    font-size: 33px;
    font-weight: 600;
    margin: 51px 0 28px 0;
}
.chooseCareer {
    font-size: 24px;
    color: #000;
}
.categoryListSteam ul li {
    background: url(../images/stream-bg.png) 0 0 no-repeat;
    max-width: 540px;
    padding: 10px 20px 40px 20px;
    margin: 20px 0 30px 0;
    float: left;
}
.categoryListSteam ul li h2 {
    margin: 0 0 13px 0;
}
.categoryListSteam ul li h2 input {
    height: auto;
}
.categoryListSteam ul li h2 {
    margin: 0 0 13px 0;
    font-size: 20px;
}
.categoryListSteam ul li .figure {
    float: left;
    width: 38%;
}
.categoryListSteam ul li .details {
    float: left;
    width: calc(100% - 38%);
    padding: 0 10px 0 10px;
}
.btnonCont {
    background: #ec430a;
    color: #fff;
    padding: 0px 40px 0px 50px;
}
.continueButtonForm {
    float: left;
    width: 100%;
    text-align: center;
}
.outerOfListArticalCouselling {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 0 9px 0 #acacac;
}
.stramSeleted {
    background: #f2f2f2;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
}
.yourStream {
    float: left;
    font-size: 16px;
    padding: 0 20px 0 0;
}
.yourStream {
    float: left;
    font-size: 16px;
    padding: 0 20px 0 0;
}
.yourIntrese span ul li {
    display: inline-block;
    background: #f2f2f2;
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
}
.yourIntrese span ul {
    display: inline-block;
}
.yourIntrese {
    float: left;
    font-size: 16px;
    padding: 0 0 0px 30px;
    border-left: 3px solid #ddd;
    margin-bottom: 9px;
}
.streamOuter {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.counselligArtical {
    background: #f2f2f2;
}
.resultFounded h2 {
    margin: 0 0 20px 0;
    color: #444;
    font-size: 24px;
}
.titleOfCounseelingArtical h2 {
    margin: 10px 0 10px 0;
    font-size: 21px;
    color: #f63;
}
.outerOfArticlCtraol {
    float: left;
    width: calc(100% - 20%);
}
.imageOfCounselling {
    float: left;
    width: 20%;
    text-align: center;
    padding: 20px;
}
.salaryCounselling {
    float: left;
    width: 100%;
}
.iconOfCounseling {
    width: 40px;
    float: left;
}
.topicBenefit {
    color: #8a8a8a;
    padding: 0 0 0 10px;
}
.benefitouter .salaryCounselling span {
    font-size: 16px;
}
}
.benefitouter {
    padding:20px 0 20px 0px;
    float:left;
    width:100%;
}
.benefitouter .salaryCounselling span {
    font-size:16px;
    line-height:37px;
}
.articalCounselling {
    float:left;
    width:100%;
    margin:20px 0 0px 0;
    border-bottom:1px solid #ddd;
    padding:0 0 20px 0;
}
.featureCollege blockquote {
    background:#ececec;
    padding:10px;
    border-left:5px solid #d2d2d2;
}
.featureCollege blockquote h3 {
    margin:5px 0 10px 0;
    font-weight:600;
    padding:0 0 0 10px;
}
.featureCollege blockquote ul li {
    font-size:15px;
}
.buttonOfKnowmore .btnFullDetail {
    background:#f63;
    color:#fff;
    padding:6px 20px 6px 20px;
    font-size:16px;
}
.buttonOfKnowmore {
    margin:20px 0 10px 0;
    float:left;
    width:100%;
}
.btnFullDetail:hover {
    text-decoration:none;
    background:#167499;
}
.ShortDetailCouselling {
    float:left;
    width:100%;
    margin-bottom:20px;
}
.outerOfTopi {
    border:1px solid #ddd;
    padding:10px;
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
.skillRuwuired {
    background:#f9f8c3;
    padding:10px;
}
.skillRuwuired .skill-items {
    column-count:2;
}
.skillRuwuired h3 {
    margin:10px 0 20px 0;
    color:#f64;
    font-size:19px;
}
.skill-items li {
    padding:0 0 0 21px;
    position:relative;
}
.skillRuwuired .skill-items li::before {
    content:"✅";
    position:absolute;
    left:0;
}
.contentSection h3 {
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    color:#444;
    font-size:22px;
}
.contentSection ul li {
    list-style:disclosure-closed;
    color:#868686;
}
.contentSection ul {
    padding-left:20px;
}
.imageOnIntrust {
    width:69px;
    float:left;
}
.nameOfIntrustCat {
    float:left;
    padding:0 0 0 10px;
}
.relatedIntrust {
    float:left;
    width:100%;
    margin:10px 0 10px 0;
}
.nameOfIntrustCat a {
    font-size:19px;
    color:#f63;
}
.OtherCareersIntrusted {
    background:#f2f2f2;
    float:left;
    width:100%;
    padding:30px 20px 30px 20px;
}
.headingOfIntrust h2 {
    margin:0 0 10px 0;
    font-size:23px;
    color:#444;
}
.listOFnewUpdate ul li a {
    float:left;
    width:100%;
    color:#f63;
    padding:3px 0 3px 0;
}
.listOFnewUpdate ul li {
    border-bottom:1px dashed;
    float:left;
    width:100%;
    position:relative;
}
.titleOFrightSide h3 {
    margin:10px 0 10px 0;
    font-size:20px;
    color:#444;
}
.titleOFrightSide {
    border-bottom:1px solid;
}
.boardExamResult ul li {
    border-bottom:1px solid #ddd;
    float:left;
    width:100%;
    position:relative;
    padding:0 20px 0 10px;
}
.boardExamResult ul li a {
    padding:8px 0 8px 0;
    float:left;
    width:100%;
    font-size:16px;
    color:#868686;
}
.boardExamResult ul li::before {
    font-family:FontAwesome;
    display:inline-block;
    padding-right:6px;
    content:"\f105 ";
    position:absolute;
    right:6px;
    top:10px;
}
.boardExamResult ul {
    padding:0;
}
.boardExamResult ul li:hover {
    background:#fdd;
}
.contentSection p {
    color:#868686;
}


/*================Career Counselling Detail End===============*/

/*======================Counselling Boad Detail=================*/

.buttonOFGetStart button {
    background:#f63;
    color:#fff;
}
.background-brdr {
    position:relative;
    z-index:1;
    text-align:center;
    margin:0 0 9px;
}
.background-brdr::before {
    border-top:1px solid #dfdfdf;
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:80%;
    z-index:-1;
}
.background-brdr > span {
    background:#fff;
    padding:0 8px;
    color:#666;
}
.buttonOFGetStart {
    text-align:center;
    margin:10px 0 10px 0;
}
.featueAboutParinam ul li {
    float:left;
    width:25%;
    text-align:center;
    border-right:1px solid #ddd;
}
.parinamTitle h3 {
    font-size:17px;
    color:#000;
    font-weight:600;
    border-bottom:1px solid;
    margin:0 0 10px 0;
    padding:10px 0 5px 0;
}
.featueAboutParinam ul li strong {
    font-size:14px;
    float:left;
    width:100%;
}
.featueAboutParinam ul li {
    float:left;
    width:25%;
    text-align:center;
    border-right:1px solid #ddd;
    font-size:12px;
}
.boardExamResultDetail ul {
    padding:0;
}
.boardExamResultDetail ul li {
    padding:10px;
    border-bottom:1px solid #ddd;
}
.boardOfExam a {
    color:#f63;
}
.dateaplication b {
    padding:0 5px 0 5px;
}
.buttonOFGetStart a {
    padding:4px 10px 4px 10px;
    background:#f63;
    color:#fff;
}
.dateaplication a {
    color:#f40e5a;
}
.tabofPopulerCourse .nav.nav-pills li.active a {
    background:#f40e5a;
    color:#fff;
    border-radius:0;
}
.tabofPopulerCourse .nav.nav-pills li a {
    color:#444;
    margin:0;
}
.tabofPopulerCourse .nav.nav-pills li {
    border:1px solid #979797;
    margin:0;
    border-collapse:collapse;
}
.tabofPopulerCourse {
    margin-bottom:9px;
}
.articalCounsellingBoard .outerOfArticlCtraol {
    float:left;
    width:calc(100% - 0%);
}
.blog-cont h2 {
    font-size:18px;
    color:#444;
}
.blog-cont table tbody tr th {
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
}
.blog-cont ul {
    padding:0 0 0 20px;
}
.blog-cont ul li {
    list-style:disclosure-closed;
}
.blog-cont table {
    margin:20px 0 20px 0;
}
.nameOfSharePerson span {
    padding: 0 0 0 10px;
}

/*======================Counselling Boad Detail=================*/
/*======================Abroad Counselling=================*/

.innerOFserviseCoun {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid red;
    text-align: center;
    padding: 21px 0 0 0;
}
.titelOfInner p {
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0 0 0;
}
.headingOnAbroadCOunselling {
    text-align: center;
}
.headingOnAbroadCOunselling h2 {
    color: #444;
}
.headingOnAbroadCOunselling h2 {
    color: #444;
    font-weight: 600;
}
.outerOfCareerCounselling {
    padding: 40px 0;
    background: #F3FFFC;
}
.buttonofCallBack {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
}
.buttonofCallBack .buttonCall {
    background: red;
    color: #fff;
    padding: 8px 20px 8px 20px;
    border-radius: 4px;
}
.outerOfProcess {
    text-align: center;
    position: relative;
}
.abroadCounseling h3 {
    font-size: 25px;
    color: #444;
    font-weight: 600;
}
.abroadCounseling p {
    font-size: 15px;
}
.abroadCounseling {
    text-align: center;
    color: black;
    margin: 0 0 40px 0;
}
.howDoesCounseingWork {
    margin: 40px 0 40px 0;
}
.outerOfProcess::before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    content: "\f105 ";
    position: absolute;
    right: -21px;
    top: 49%;
}
.innerOfVideoThum {
    position: relative;
}
.playiconOutter {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    border: 0;
    text-align: center;
}
.playiconOutter .fa.fa-play {
    font-size: 29px;
    background: #444;
    padding: 10px 30px 10px 33px;
    border-radius: 8px;
}
.outerVideoThum a:hover .playiconOutter .fa.fa-play {
    background: red;
}
.outerOFvabinar a:hover.playiconOutter .fa.fa-play {
    background: red;
}
.qurtoFCounsellrr {
    font-size: 18px;
    font-weight: 600;
    margin: 6px 0 3px 0;
    text-align: center;
}
.nameOFstudent {
    font-size: 18px;
    font-weight: 600;
}
.nameOFCourse p {
    margin: 0 0 0 0;
}
.outerVideoThum {
    margin: 20px 0 20px 0;
}
.outerOFAbroadQuestion {
    margin: 40px 0 40px 0;
}
.outerVideoThum {
    margin: 20px 0 20px 0;
    border: 1px solid #ddd;
}
.studentProfile {
    padding: 10px 10px 10px 20px;
}
/*======================Abroad Counselling=================*/
.aboutCounseling {
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #f63;
    min-height: 95px;
}
.videoStatus {
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 5px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    color: #666666;
}
.strem-txt {
    background-color: #e5e5e5;
    float: right;
    color: #666666;
    display: inline-block;
    text-transform: uppercase;
    padding: 4px 4px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 11px;
}
.timeAndPost {
    padding: 10px;
}
.withdonWabinae {
    width: 60%;
    margin: 0 auto;
    border: 1px solid #ddd;
    min-height: 230px;
    padding: 0px;
    text-align: center;
    border-radius: 9px;
}
.outerOFvabinar p {
    margin: 20px 0 20px 0;
    color: #a2a2a2;
}
.innerOfVideoThum img {
    width: 100%;
}
.iamgeofDe {
    margin-top: 50px;
    width: 260px;
    margin: 60px auto;
}
button.wabinarPre {
    position: absolute;
    top: 45%;
    
}
button.wabinarNext {
    position: absolute;
    right: 0;
    top: 45%;
}

:focus {
    outline: 0;
}
.slickpre.studyMaterialPre {
    top: 56%;
    left: -66px;
}
.slicknext.studyMaterialNext {
    top: 56%;
    right: -66px;
}

/*=========DLP Updates===============*/
.priceInnerMaterial .mrpPrice .fa.fa-inr {
    color: #545454;
}
.costpriceMaterial .fa.fa-inr {
    color: red;
}
.publishPrdt.icegradingBg.studyMaterialBgColor {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8c2 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265c2 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8c2 90%);
}
/*=========DLP Updates===============*/
.pad15.imgctr.publi.videoBgwhit.onstudyMaterial .publictinOtr.onvideoPagePsn {
    height: auto;
}
.videoBgwhit.onstudyMaterial .offOffrUpOtr .offrt .offmt {
    font-size: 15px;
}
.mainCourseDepart {
    padding: 10px;
    text-align: center;
}
.mainCourseDepart h3 {
    margin: 0 0 0 0;
    color: #444;
    font-weight: 600;
    font-size: 20px;
}
.mainCourseDepart {
    padding: 10px;
    text-align: center;
    background: #efefef;
}
.costpriceMaterial.iconColorWhite .fa.fa-inr {
    color: #fff;
}
.priceOfStudyMaterial .priceInnerMaterial .costpriceMaterial {
    color: red;
}
.firstRow.studyMaterialCOntent .clpshminHit .collapsiblePre {
    background: #da2128;
    font-size: 20px;
    padding: 10px 18px;
}
.firstRow.studyMaterialCOntent .clpshminHit .contentPre .colpPreYrPpr .materialFile {
    float: left;
    width: calc(100% - 20%);
    padding: 6px 10px 5px 10px;
}
.firstRow.studyMaterialCOntent .clpshminHit .contentPre .colpPreYrPpr li a.demoFileDLP {
    float: left;
    width: 20%;
    color: red;
}
.outerOfRelatedProductMaterial {
    padding: 0px 0 40px;
    background: #da2128;
}
.sliderOFouterMaterialDlp {
    position: relative;
}
.iconOfFeatureDlp {
    width: 48px;
    margin: 10px auto;
}
.dlpFeatureInner {
    padding: 10px;
}
.dlpfeature {
    box-shadow: 0 0 8px 0;
    margin: 14px 0 14px 0;
    min-height: 250px;
}
.detailOFFeaturde {
    text-align: center;
}
.btnOnChart {
    padding: 3px 3px;
    color: #df4368;
    border-radius: 6px;
    display: block;
    border: 1px solid;
    margin-bottom: 5px;
}
.btnOnChart:hover {
    background: #e0456c;
    color: #fff;
    text-decoration: none;
}
.outerOfChart .table thead tr th {
    background: #de3549;
    color: #fff;
    padding: 15px 5px;
    background-image: -moz-linear-gradient(left, #de3343 1%, #de3294c2 90%);
    background-image: -webkit-linear-gradient(left, #de3343 1%,#de3294c2 90%);
    background-image: linear-gradient(to right, #de3343 1%,#de3294c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #de3343 0%, #de3294c2 90%);
}
.outerOfChart .table tbody tr td {
    padding: 15px 5px;
}
.outerOfchartPackage {
    padding: 40px 0;
}
.imageOfDemoDlp {
    position: relative;
}
.overLay {
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, .6);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}

.iconPlay {
    width: 40px;
    margin: 28% auto;
}
.outerOfDlpProgrammeDemo {
    padding: 40px 0 40px 0;
}
.demoDlpIner {
    transition: .2s;
}
.demoDlpIner:hover {
    transform: scale(1.1);
}
/*====================publication home======================*/
.outerOFCategorySlider {
    float: left;
    width: 100%;
    background: #fff;
}
.widthAndPadding {
    padding: 0 7px;
}
.titleCategory {
    background: #ddd;
    text-align: center;
    padding: 10px 0 10px 0;
}
.titleCategory p {
    font-weight: 600;
    margin: 0;
    color: #444;
    padding: 0 10px;
}
.widthAndPadding a:hover .titleCategory {
    color: #fff;
    text-decoration: none;
    background: #c31432;
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background: linear-gradient(to right, #240b36, #c31432);
}
.widthAndPadding a:hover .titleCategory p {
    color: #fff;
}
.widthAndPadding a:hover {
    text-decoration: none;
}
.innerOfCategory {
    position: relative;
}
.outerOFCategorySlider {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0;
}
.slickpre.categoryPre {
    top: 38%;
    left: -23px;
}
.slicknext.categoryNext {
    top: 38%;
    right: -23px;
}
.outerOfNavPill .nav.nav-pills li a {
    font-size: 17px;
    color: #fff;
    border: 1px solid;
    padding: 5px 40px 5px 40px;
    border-radius: 0;
}
.outerOfNavPill .nav.nav-pills li a {
    font-size: 17px;
    color: #fff;
}
.outerOfNavPill {
    text-align: center;
    margin: 40px 0 40px 0;
}
.outerOfNavPill .nav.nav-pills li {
    float: none;
    display: inline-block;
}
.outerOfNavPill .nav.nav-pills li a:hover {
    background: #428bca;
}
.box-2.publicationOnEdu.changeColor1 {
    background: #b31693;
}
.box-2.publicationOnEdu.changeColor1 .hgrctrlBoB.arnhgd.publ h2 span {
    background: #b31693;
}
.outerOfbuttonAll {
    text-align: right;
    margin: 0 0 30px 0;
}
/*====================publication home======================*/
/*==========================Deal Of week and day slider============================*/
.dealOftheDay {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.dealOftheDay.colorUpdate {
    background: #000;
    padding: 10px;
}
.HeadingOfdealDay {
    margin-bottom: 30px;
}
.timerOFDailyDeal {
    position: absolute;
    right: -10px;
    top: -9px;
    background: #ff0101;
    padding: 5px 10px 5px 10px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.timerOFDailyDeal p {
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
}
.timerOFDailyDeal #coundowntimerSlide {
    color: #fff;
    font-size: 14px;
}
.outerOfDealProduct {
    float: left;
    width: 100%;
}
.imageIFDeakOfDay {
    float: left;
    width: 30%;
}
.onMobileInner {
    float: left;
    width: 60%;
}
.spacialSlider.outerInnerUpdate .onMobileInner {
    padding-left: 10px;
}
.headingSection h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.spacialSlider.outerInnerUpdate .onMobileInner .headingSection h3 {
    color: #fff;
}
.spacialSlider.outerInnerUpdate .onMobileInner .straOnBook .fa {
    font-size: 12px;
    color: #fff;
}
.spacialSlider.outerInnerUpdate .onMobileInner .priceOnBook .priceOndiscount {
    color: red;
}
.spacialSlider.outerInnerUpdate .onMobileInner .priceOnBook .mrpPrice del {
    color: #939393;
}
.priceOndiscount {
    font-size: 20px;
    font-weight: 600;
}
.offerPriece {
    color: green;
    font-size: 12px;
    background: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}
.queryFormInnerOnTopSlider.flotManage {
    float: left;
    width: 100%;
}
.dealOftheDay.colorUpdate.colorBlue {
    background: #1c17a8;
}
.HeadingOfdealDay h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
}
/*==========================Deal Of week and day slider============================*/
/*========================Video Home Update====================*/
.priceingMrp.Video_update {
    padding: 0 10px;
}
.pricingInr.onoverLayPriceVideo .vidmrp del {
    font-size: 15px;
}
.pricingInr.onoverLayPriceVideo .vidmrp del .fa {
    color: #fff;
}
.pricingInr.onoverLayPriceVideo .vidSelprc {
    font-weight: 600;
}
.pricingInr.onoverLayPriceVideo .vidSelprc .fa {
    color: #fff;
}

/*========================Video Home Update====================*/
/*========================Video Detail Update====================*/

.ocnListofcInr {
    position: relative;
}
.outerOfcourseContent {
    padding: 40px 0;
    background: #eee;
}
.innerOFCollapseWidth .collapsiblePre.paddindOnVideoChapter {
    padding: 22px 10px;
}
.colorTheamVideo .outerOFcollapse .innerOFCollapseWidth .collapsiblePre.pdghgt {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.colorTheamVideo .headingListVideo {
    color: #fff;
}
.colorTheamVideo .outerOFcollapse .innerOFCollapseWidth .collapsiblePre.pdghgt .demoTxt span {
    color: #fff;
}
.colorTheamVideo .collapsiblePre.pdghgt::after {
    color: #efefef;
}
.colorTheamVideo .outerOFcollapse .contentPre.ghtctrPrePar {
    background: #fff;
}
.outerOfQueryForm.mockScheduleTest .outerOfTable .btnOnVideo:hover {
    background: #039403;
    color: #fff;
    text-decoration: none;
}
.outerOfQueryForm.mockScheduleTest .outerOfTable .lockedButton:hover {
    background: grey;
    color: #fff;
    text-decoration: none;
}
/*========================Video Detail Update====================*/
.studyMaterialBook.dataOnCategory {
    font-size: 14px;
}
.paddingonDLpDetail {
    padding: 0 0 0 0;
}
.viewAllButton a {
    border: 1px solid;
    padding: 6px 10px 6px 10px;
    color: #f00;
    border-radius: 5px;
}
.viewAllButton {
    text-align: right;
    margin: 20px 0 30px 0;
}
.viewAllButton a:hover {
    background: red;
    color: #fff;
    text-decoration: none;
}
/*==========Bread Crum ============*/
.innerOfbradecrum {
    min-height: 201px;
}
.titleOfBreadCrum h2 {
    margin: 0;
    color: #fff;
    font-weight: 600;
}
.innerOfbradecrum {
    min-height: 201px;
    float: left;
    width: 100%;
    background: rgba(0,0,0, .5);
    background: #ff0084;
    background: -webkit-linear-gradient(to right, #33001b, #ff0084);
    background: linear-gradient(to right, #33001bc2, #ff0084c2);
}   
.titleOfBreadCrum {
    text-align: center;
    margin-top: 66px;
}
.bradecrumFlow ul li {
    display: inline-block;
    color: #fff;
    padding: 0 10px 0 10px;
}
.bradecrumFlow ul {
    text-align: center;
    margin: 20px 0 10px 0;
}
.bradecrumFlow ul li a {
    color: #fff;
}
.outerOfBreadCrum {
    background: url(../images/liveClass.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
    float: left;
    width: 100%;
}
/*==========Bread Crum ============*/
.outerOfstudymaterial {
    background: #ddd;
    padding: 40px 0;
    margin-bottom: 50px;
}
.demoDlpIner {
    border: 1px solid;
    text-align: center;
    margin: 20px 0px 20px 0;
    background: #fff;
}
.titleOfVideo p {
    margin: 10px 0 10px 0;
}
.innerOFDlpProgrammeSlider .viewAllButton {
    text-align: center;
    margin: 31px 0 0 0;
    float: left;
    width: 100%;
}
.innerOFDlpProgrammeSlider {
    position: relative;
}
.slickpre.demoVidPre {
    top: 41%;
    left: -31px;
}
.slicknext.demoVidNext.slick-arrow {
    top: 41%;
    right: -31px;
}
.wpb_wrapper .viewAllButton {
    text-align: center;
    float: left;
    width: 100%;
}
.headingOfVideo {
    text-align: center;
}
.headingOfVideo h2 {
    color: #444;
}
.bgrinsdfe:hover .titleIconUndrrTest a {
    color: #fff;
}
/*==================video Home=====================*/

/*=======================Video Home Effects===========================*/
.innerOFCategory .centerBox {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.2);
}

.innerOFCategory .categoryWrapper {
    min-height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.innerOFCategory .categoryWrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a29ca9+0,95909b+99 */
    background: #a29ca9; /* Old browsers */
    background: -moz-linear-gradient(
        -45deg,
        #a29ca9 0%,
        #95909b 99%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        -45deg,
        #a29ca9 0%,
        #95909b 99%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        135deg,
        #a29ca9 0%,
        #95909b 99%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29ca9', endColorstr='#95909b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.9s ease 0s;
}

.innerOFCategory .categoryWrapper:hover:after {
    opacity: 0.4;
}

.innerOFCategory .categoryWrapper h1 {
    color: #c2c1c3;
    font-size: 22px;
    letter-spacing: 2px;
    -webkit-transition: all 0.15s ease 0s;
    position: relative;
    z-index: 10;
    font-weight: 600;
    margin: 0;
    transform: translateY(-20px);
    text-align: center;
    padding: 0 20px;
}
.innerOFCategory .categoryWrapper:hover h1 {
    transform: translateY(-30px);
}
.innerOFCategory .categoryWrapper a {
    position: absolute;
    transform: translatey(60px);
    -webkit-appearance: none;
    border: none;
    background: none;
    color: white;
    width: 71%;
    height: 50px;
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: none;
    z-index: 10;
    top: 28%;
}

.innerOFCategory .categoryWrapper a span {
    display: block;
    position: relative;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
}

.innerOFCategory .categoryWrapper a > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 20px;
    height: 0;

    border: 1px solid white;
    border-left: none;
    border-bottom: none;

    transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
}

.innerOFCategory .categoryWrapper:hover a > span:after {
    width: calc(50% - 1px);
    height: calc(100% - 2px);
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}

.innerOFCategory .categoryWrapper a > span:before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 20px;
    height: 0;

    border: 1px solid white;
    border-right: none;
    border-bottom: none;

    transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
}

.innerOFCategory .categoryWrapper:hover a > span:before {
    width: calc(50% - 1px);
    height: calc(100% - 2px);
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}

.innerOFCategory .categoryWrapper a > span > span:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0%;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.innerOFCategory .categoryWrapper:hover a > span > span:before {
    opacity: 1;
    border-bottom: 1px solid white;
    width: calc(50%);
    height: 1px;
    transition: opacity 0s ease-out 0.29s, width 0.15s ease-out 0.3s;
}

.innerOFCategory .categoryWrapper a > span > span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.innerOFCategory .categoryWrapper:hover a > span > span:after {
    opacity: 1;
    border-bottom: 1px solid white;
    width: calc(50%);
    height: 1px;
    transition: opacity 0s ease-out 0.29s, width 0.15s ease-out 0.3s;
}

.innerOFCategory .categoryWrapper a > span > span > span {
    transition: color 0.15s ease-out 0.3s;
    color: #c2c1c3;
    text-align: center;
}
.innerOFCategory {
    margin: 15px 0 14px 0;
    padding: 10px;
}
.innerOFCategory .categoryWrapper:hover a > span > span > span {
    color: white;
}

.innerOFCategory .categoryWrapper a > span > span > span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #1f2e4d;
    content: attr(data-attr-span);
    width: 0%;
    height: 100%;
    background: #f2f2f2;
    white-space: nowrap;
    text-align: center;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    transition: width 0.2s;
}
.innerOFCategory .categoryWrapper a:hover > span > span > span:after {
    width: 100%;
}
.outerOfMainCategory {
    background: #3b3646;
    padding: 40px 0;
    float: left;
    width: 100%;
}

/*=======================Video Home Effects===========================*/
.searchOuter_new input {
    padding: 6px;
    font-size: 17px;
    width: 80%;
    border: 2px solid #fff;
    height: 50px;
    margin-top: 8px;
    color: #fff;
}
.searchOuter_new button {
    float: right;
    margin-top: 8px;
    margin-right: 0px;
    background: #fff;
    font-size: 17px;
    width: 20%;
    cursor: pointer;
    color: #2f2b38;
    height: 50px;
    border: 1px solid #fff;
}
.searchOuter_new {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.searchOuter_new button:hover {
    background: #2f2b38;
    color: #fff;
}
/*==================video Home=====================*/

/*==================Live Home=====================*/
.innerOFCategoryLive .boxLive {
    position: relative;
    color: #0b7;
    min-height: 200px;
    line-height: 60px;
    text-align: center;
    transition: 0.5s;
    padding: 0 20px;
    cursor: pointer;
    border: 2px solid #0b7;
    -webkit-transition: 0.5s;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
}

.innerOFCategoryLive .boxLive:hover {
  border: 2px solid rgba(0, 160, 80, 0);
  color: #fff;
  background: rgba(0,0,0, .3);
}

.innerOFCategoryLive .boxLive::before,
.innerOFCategoryLive .boxLive::after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.innerOFCategoryLive .foo::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform-origin: 0 100%;
}

.innerOFCategoryLive .foo::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform-origin: 100% 0%;
}

.innerOFCategoryLive .bar::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform-origin: 100% 0%;
}

.innerOFCategoryLive .bar::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform-origin: 0% 100%;
}

.innerOFCategoryLive .curmudgeon::before {
  border-bottom: 3px solid #fff;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.innerOFCategoryLive .curmudgeon::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.innerOFCategoryLive .boxLive:hover::after,
.innerOFCategoryLive .boxLive:hover::before {
  -webkit-transform: scale(1);
}

.innerOFCategoryLive .link {
  line-height: 1em;
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 300px;
  height: 50px;
  font-family: "Open Sans", "Roboto", Arial, sans-serif;
  text-align: right;
}

.innerOFCategoryLive .link > a {
  text-decoration: none;
  color: #ff0;
}
/*=================Effect end===========*/
.innerOFLiveCat h2 {
    margin: 0;
    color: #00d98a;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}
.innerOFCategoryLive .boxLive:hover .innerOFLiveCat h2 {
    color: #fff;
}
.innerOFCategoryLive a:hover {
    text-decoration: none;
}
.innerOFCategoryLive {
    margin: 20px 0 20px 0;
}
.outerOfMainCategory_live{
    background: #364644;
    padding: 40px 0;
    float: left;
    width: 100%;
}
/*==================Live Home=====================*/

/*==================Test Home=====================*/

.innerOFCategoryTest .btnToExplore {
  position: relative;
  color: white;
  width: 256px;
  height: 64px;
  line-height: 64px;
  transition: all 0.3s;
  span {
    transition: all 0.3s;
    tranform: scale(1, 1);
  }
}
.innerOFCategoryTest .btnToExplore {
    position: relative;
    color: white;
    width: 100%;
    height: 200px;
    line-height: 64px;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    span { transition: all 0.3s;
    tranform: scale(1, 1);}
}
.innerOFCategoryTest .btnToExplore::before, .innerOFCategoryTest .btnToExplore::after {
  content: '';
  position: absolute;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* BTN FOUR */

.innerOFCategoryTest .btn-four:hover span {
  transform: scale(1.2, 1.2);
}

.innerOFCategoryTest .btn-four::before {
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0.1, 0.1);
}

.innerOFCategoryTest .btn-four:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.innerOFCategoryTest .btn-four::after {
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.innerOFCategoryTest .btn-four:hover::after {
  transform: scale(0, 0);
  opacity: 0;
}
.btnToExplore.btn-four span {
    transition: .2s;
}
.outerOfCateTest span h2 {
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px;
}
.outerOfMainCategory_test {
    background: #1e1a3e;
    padding: 40px 0;
    float: left;
    width: 100%;
}
.innerOFCategoryTest a:hover {
    text-decoration: none;
}
.innerOFCategoryTest {
    margin: 16px 0 16px 0;
}
.outerOfCateTest {
    text-align: center;
}
.vidCousseOtr.backgroundColor {
    background: #ddd;
}
.vidCousseOtr {
    padding: 40px 0;
}
.mockScheduleTest.testTheamBg .outerOfTable thead tr th {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
.outerOFTableCOntent {
    background: #f2f2f2;
    padding: 20px 0;
}
.outerOfQueryForm.mockScheduleTest .outerOfTable {
    background: #fff;
}
.outerOfQueryForm.mockScheduleTest .outerOfTable tbody td:nth-child(2) {
    text-align: left;
}
/*==================Test Home=====================*/
/*=====================Ebook Home====================*/

.innerOFCategoryTest .btn-cont {
  text-align: center;
}

.innerOFCategoryTest .btn-cont .btnEbook:hover {
  border: none;
}
.innerOFCategoryTest .btn-cont .btnEbook:hover .line-1 {
  -webkit-animation: move1 1500ms infinite ease;
          animation: move1 1500ms infinite ease;
}
.innerOFCategoryTest .btn-cont .btnEbook:hover .line-2 {
  -webkit-animation: move2 1500ms infinite ease;
          animation: move2 1500ms infinite ease;
}
.innerOFCategoryTest .btn-cont .btnEbook:hover .line-3 {
  -webkit-animation: move3 1500ms infinite ease;
          animation: move3 1500ms infinite ease;
}
.innerOFCategoryTest .btn-cont .btnEbook:hover .line-4 {
  -webkit-animation: move4 1500ms infinite ease;
          animation: move4 1500ms infinite ease;
}
.innerOFCategoryTest .btn-cont .line-1 {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: white;
  left: 0;
  bottom: 0;
}
.innerOFCategoryTest .btn-cont .line-2 {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: white;
  left: 0;
  top: 0;
}
.innerOFCategoryTest .btn-cont .line-3 {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: white;
  right: 0;
  top: 0;
}
.innerOFCategoryTest .btn-cont .line-4 {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: white;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes move1 {
  0% {
    height: 100%;
    bottom: 0;
  }
  54% {
    height: 0;
    bottom: 100%;
  }
  55% {
    height: 0;
    bottom: 0;
  }
  100% {
    height: 100%;
    bottom: 0;
  }
}

@keyframes move1 {
  0% {
    height: 100%;
    bottom: 0;
  }
  54% {
    height: 0;
    bottom: 100%;
  }
  55% {
    height: 0;
    bottom: 0;
  }
  100% {
    height: 100%;
    bottom: 0;
  }
}
@-webkit-keyframes move2 {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes move2 {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@-webkit-keyframes move3 {
  0% {
    height: 100%;
    top: 0;
  }
  54% {
    height: 0;
    top: 100%;
  }
  55% {
    height: 0;
    top: 0;
  }
  100% {
    height: 100%;
    top: 0;
  }
}
@keyframes move3 {
  0% {
    height: 100%;
    top: 0;
  }
  54% {
    height: 0;
    top: 100%;
  }
  55% {
    height: 0;
    top: 0;
  }
  100% {
    height: 100%;
    top: 0;
  }
}
@-webkit-keyframes move4 {
  0% {
    width: 0;
    right: 0;
  }
  55% {
    width: 100%;
    right: 0;
  }
  100% {
    width: 0;
    right: 100%;
  }
}
@keyframes move4 {
  0% {
    width: 0;
    right: 0;
  }
  55% {
    width: 100%;
    right: 0;
  }
  100% {
    width: 0;
    right: 100%;
  }
}
.outerOFtitleCategory h2 {
    color: #fff;
    margin: 0;
    padding: 10px;
    font-size: 22px;
}
.innerOFCategoryTest .btn-cont .btnEbook {
    position: relative;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    font-size: 1.125em;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    min-height: 200px;
    justify-content: center;
    display: flex;
    align-items: center;
    background: rgba(0,0,0, .2);  
}
.outerOfMainCategory_test {
    background: #637525;
    padding: 40px 0;
    float: left;
    width: 100%;
}
.outerOFtitleCategory h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}
/*====================Video Theam Color=====================*/
.orngselected .video_theamBG {
    background: #544b68;
}
.videoTheamBG.activePre {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.testpageoaner.video_bgColor .inrsdeCor:hover {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30c2);
    background: linear-gradient(to right, #243B55, #141E30c2);
    color: #ffffff;
    border-color: #465060;
}
.collapsiblePre.videoTheamBG, .collapsiblePre.videoTheamBG:hover {
    background: #544b68;
}
.innerOfbradecrum.videoTheam_BradeCrum {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30c2);
    background: linear-gradient(to right, #243B55, #141E30c2);
}
.hgrctrlBoB.VideoTheam_BgHeading span {
    background: #544b68;
    color: #fff;
}
.topcon.hgrctrlBoB.VideoTheam_BgHeading h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #544b68 0%, #fff 35%, #fff 70%, #544b68 100%);
    background: -webkit-linear-gradient(left, #544b68 0%, #fff 35%, #fff 70%, #544b68 100%);
    background: linear-gradient(to right, #544b68 0%, #fff 35%, #fff 70%, #544b68 100%);
}
.fronclunotr.video_theamColor .value-button {
    color: #544b68;
}
.fronclunotr.video_theamColor .value-button:hover {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
    color: #fff;
}
.btnonsd.videobuttonTeham button {
    border-color: #3e384d;
    color: #544b68;
}
.btnonsd.bgbfillgrndt.videobuttonTeham button {
    color: #fff;
}
.btnonsd.bgbfillgrndt.videobuttonTeham button {
    color: #fff;
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.btnonsd.videobuttonTeham button:hover {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
    color: #fff;
    border-color: #141E30;
}
.btnonsd.bgbfillgrndt.videobuttonTeham button:hover {
    color: #141e30;
}
.sempleotrTest.videoTheamBg {
    background: #ffdf80;
    margin: 20px 0 20px 0;
}
.imrseer .bgrinsdfe.videoTheamBg {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.Video_color-theam h2 {
    color: #172438;
}
.firstRow.colorTheamVideo .outerOFcollapse .demoTxt span {
    border: 1px solid;
    color: #21354e;
    padding: 2px 10px 3px 10px;
}
.firstRow.colorTheamVideo .outerOFcollapse .buttonOfBuy a {
    color: #21364f;
    border: 1px solid #21364f;
}
.firstRow.colorTheamVideo .outerOFcollapse .buttonOfBuy a:hover {
    background: #21364e;
    color: #fff;
}
.video_theamDiscrip .outerOfdetailVideo.disrip {
    border: 2px solid #1f324a;
    display: inline-block;
    width: 100%;
}
.video_theamDiscrip .outerOfdetailVideo.disrip .w3-bar.w3-black {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.video_theamDiscrip .outerOfdetailVideo.disrip .w3-bar.w3-black .nav.nav-pills li.active a {
    background: #ffdf80;
    color: #1a293d;
}   
.themVideocolor .outerOfQueryForm .outerOfTable .table thead tr th {
    background: #1a2a3f;
}
.themVideocolor .outerOfQueryForm .innerOfQueryForm h2 {
    color: #000;
}
/*====================Video Theam Color=====================*/
.box-2.changeColor1 {
    background: #b31693;
}
.changeColor1 .hgrctrlBoB.arnhgd.publ h2 span {
    background: #b31693;
    color: #fff;
    text-transform: uppercase;
}
.changeColor1 .hgrctrlBoB.arnhgd.publ h2::after {
   background: linear-gradient(to right, #b31693 0%, #fff 35%, #fff 70%, #b31693 100%);
}
/*=======================Previous Year Paper Sub Courses========================*/
.boxContainer h3 {
    margin: 0;
    color: #444;
    font-weight: 600;
    line-height: 23px;
}

.innerOFPreviousSub a{
    box-shadow: 0 0 9px 0 #ddd;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 88px;
    text-align: center;
}
.innerOFPreviousSub a:hover {
    text-decoration: none;
}
.innerOFPreviousSub:hover .boxContainer h3 {
    color: #fff;
}
.innerOFPreviousSub:hover {
    color: #fff;
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to right, #FF4B2B, #FF416C);
}
.innerOFPreviousSub {
    padding: 10px;
    border: 1px solid #ddd;
    margin: 14px 0px 14px 0;
}
.previeousBlckHeading {
    text-align: center;
}
.outerOfPreviours {
    padding: 40px 0 40px 0;
    display: inline-block;
    width: 100%;
}
.previeousBlckHeading h2 {
    color: #444;
    font-weight: 600;
    margin: 0 0 37px 0;
}
.outerOFebookContent.previouseBGColor {
    background: #fff;
}
.outerOFebookContent.previouseBGColor .innerOFcllapsseChapter {
    padding: 30px;
    box-shadow: 0 0 7px 0 #ddd;
}
/*=======================Previous Year Paper Sub Courses========================*/
/*=======================Previous Year Paper Download========================*/
.outerOfListin {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
}
.outerListPre a {
    border: 1px solid;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
}
.outerListPre a:hover {
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to right, #FF4B2B, #FF416C);
}

.outerListPre a:hover .titleofPrevious p {
    color: #fff;
}
.outerListPre a:hover .downloadIcon .fa {
    color: #fff;
}
.outerListPre{
    margin: 14px 0 14px 0;
}
.outerListPre .titleofPrevious {
    width: calc(100% - 40px);
    float: left;
}
.outerListPre .titleofPrevious p {
    margin: 0;
    font-weight: 600;
    text-align: center;
    color: #444;
}
.downloadIcon {
    width: 40px;
    float: left;
    text-align: center;
}
.downloadIcon .fa {
    color: red;
    font-size: 25px;
}
.nameOfYear {
    padding: 0 0 0 20px;
    text-align: center;
}
.nameOfYear h3 {
    font-size: 24px;
    color: #f00;
    margin: 30px 0 20px 0;
}
.outerOFcontenDownload {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 20px 0 20px 0;
    width: 100%;
    padding: 20px 0px 30px 0;
    box-shadow: 0 0 10px 0 #ddd;
}
.yearLisst {
    margin: 14px 0px 14px 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    min-height: 60px;
    align-items: center;
}
.yearofPrevious {
    font-size: 21px;
}
.nameOfYear {
    text-align: center;
}

.outerOfpracticePaper .featured-box {
    background: #ff416cc2;
    background: -webkit-linear-gradient(to right, #FF4B2Bc2, #FF416Cc2);
    background: linear-gradient(to right, #ff4b2bc2, #ff416cc2);
    transition: .2s;
}

.outerOfpracticePaper {
    background: rgba(0,0,0, .6);
    display: inline-block;
    width: 100%;
    padding: 30px 0 40px 0;
}
.featured-box a .text h3 {
    color: #fff;
}
.featured-box a:hover {
    text-decoration: none;
}
.featured-box:hover {
    transform: scale(1.06);
}
.outerOfpracticePaper.preacticeChangeColor .featured-box {
    transition: .2s;
    background: #ff10fbc2;
}
.outerOfPreviours.practicePaperColor .innerOFPreviousSub:hover {
    background: #ff10fbc2;
}
.outerOFcontenDownload.practiceColorTheam .outerListPre a:hover {
    background: #ff10fbc2;
}
/*=======================Previous Year Paper Download========================*/
/*=======================QuizHome=======================*/
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect {
    color: #fff;
    background: #6010a2;
    border: none;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
}
.outerOfquiz {
    display: inline-block;
    width: 100%;
}
.outerOfquiz {
    background-image: url('../images/bgOffCir5.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.gradientOnQiz {
    padding: 40px 0;
    background: #7F00FF;
    background: -webkit-linear-gradient(to right, #E100FF, #7F00FF);
    background: linear-gradient(to right, #e100ffc2, #7f00ffc2);
}
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:hover {
    background: rgba(0,0,0, .3);
    color: #fff;
}

.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:hover:before,
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:hover:after {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;
}
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:before,
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 3px;
  background: #fff;
  transition: all 0.4s ease;
}
.outerOfquizBox .btn-bg.bg-2 .btn-2 .buttonEffect:after {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}


.outerOfquizBox .buttonEffect {
  cursor: pointer;
  overflow: hidden;
  outline: none;
  color: #fff;
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 400;
  padding: 1rem 3rem 1rem 3rem;
  text-transform: uppercase;
  font-family: "Lato";
  font-size: 1.5em;
}
.outerOfquizBox .buttonEffect a {
  text-decoration: none;
}
.outerOfquizBox {
    margin: 14px 0 14px 0;
}

.topiDetail p {
    margin: 0;
}
.btnOFLanguage:hover {
    background: #6010a2;
    color: #fff;
}
/*=======================QuizHome=======================*/
/*=======================Quiz Topic=======================*/

.innerquizTopic a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    transition: .2s;
    padding: 10px;
    text-align: center;
}
.innerquizTopic {
    border: 1px solid #ddd;
    margin: 14px 0 14px 0;
}
.topiDetail p {
    margin: 0;
    font-size: 17px;
    color: #444;
}
.innerquizTopic:hover a {
    background: #6010a2;
    text-decoration: none;
}
.innerquizTopic:hover a .topiDetail p {
    color: #fff;
}
.btnOFLanguage {
    padding: 6px 10px 6px 10px;
    border: 1px solid;
    width: 49%;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}
.changeOflanguage .btnOFLanguage:hover {
    text-decoration: none;
}
.filterULLi .quizListItem {
    display: inline-block;
    width: 100%;
}
.filterULLi .quizListItem a {
    padding: 7px 0;
    display: inline-block;
    width: 100%;
}
.changeOflanguage {
    margin: 12px 0 20px 0;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar {
    padding: 0;
    border-right: 2px solid #6010a2;
    border-bottom: 2px solid #6010a2;
    border-left: 2px solid #6010a2;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi {
    padding: 0;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi li {
    padding: 0 10px 0 20px;
    position: relative;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi li::after {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    content: "\f105 ";
    position: absolute;
    left: 9px;
    top: 6px;
}
.expolreCategotyStudyInner.outerFliterQuiz .collapsiblePre.bgOnquizList {
    background: #6010a2;
    height: auto;
    padding: 8px 10px 8px 10px;
}
.quizListItem {
    border-bottom: 1px dashed #6010a2;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar {
    background: #fff;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi li a {
    color: #444;
    font-weight: 600;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi li:hover {
    background: #ffe4e4;
}
.expolreCategotyStudyInner.outerFliterQuiz .contentPre.ghtctrPrePar .filterULLi li a:hover {
    text-decoration: none;
}
/*=======================Quiz Topic=======================*/
/*=======================Quiz Exam=======================*/

/*============Custom Checkox==================*/
.optionOuter .containerCode {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.optionOuter .containerCode input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.optionOuter .checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid;
}
/* On mouse-over, add a grey background color */
.optionOuter .containerCode:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.optionOuter .containerCode input:checked ~ .checkmark {
    background-color: #2196F3;
    border: blue;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.optionOuter .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.containerCode .checkmark::after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/* Show the indicator (dot/circle) when checked */
.optionOuter .containerCode input:checked ~ .checkmark:after {
  display: block;
}

/*============Custom Checkox==================*/
.inEnglish {
    font-size: 17px;
    margin-bottom: 10px;
    color: #444;
    font-weight: 600;
}
.inHindi {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #444;
}
.topquiz {
    border-bottom: 3px solid #6010a2;
    margin-bottom: 20px;
}
.showButtonOnclick .btnOfShow {
    border: 1px solid #ff6204;
    color: #ff6204;
}
.showButtonOnclick {
    margin: 20px 0 10px 0;
    text-align: right;
}
.showButtonOnclick .btnOfShow:hover {
    background: #f63;
    color: #fff;
}
.questionOuter .optionOuter .containerCode {
    font-weight: 600;
    color: #444;
    line-height: 33px;
    display: inline-block;
    width: calc(100% - 59px);
}
.solutionOuter {
    border: 1px solid #b3b3b3;
    padding: 10px;
}
.currectanswerIner span {
    font-size: 20px;
    color: green;
}
.currectanswerIner {
    font-size: 18px;
    font-weight: 600;
}
.explanation span {
    font-size: 20px;
    color: #f63;
}
.explanation p {
    font-size: 18px;
}
.examQuiz .questionOuter {
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    margin-bottom: 20px;
}
.ifRight.fa.fa-check {
    padding: 0;
    margin: 0;
    line-height: 14px;
}
.ifWrong.fa.fa-times {
    color: red;
    font-size: 21px;
    line-height: 16px;
}
.outerOFOption {
    display: inline-block;
    width: 49%;
}
.optionValue {
    width: 35px;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
}
.counting h2 {
    margin: 10px 0 11px 0;
    font-size: 23px;
    color: #6010a2;
}
.cunt_Que {
    display: inline-block;
   

}
.cunt_Que a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border: 1px solid #6c6c6c;
    border-radius: 4px;
     font-size: 18px;  
     margin-bottom: 4px;
     color: #444;
}
.cunt_Que a:hover {
    background: #6010a2;
}
.cunt_Que:hover a {
    color: #fff;
}
.outerofQustionListQuiz {
    border: 1px solid #6010a2;
    padding: 10px;
}
.cunt_Que a.solved {
    background: #6010a2;
    color: #fff;
}
/*=======================Quiz Exam=======================*/
/*====================Live Theam Color=====================*/
.orngselected .live_theamBG {
    background: #3a9d7f;
}
.liveTheamBG.activePre {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.collapsiblePre.liveTheamBG, .collapsiblePre.liveTheamBG:hover {
    background: #3a9d7f;
}
.innerOfbradecrum.liveTheam_BradeCrum {
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
}
.hgrctrlBoB.liveTheam_BgHeading span {
    background: #3a9d7f;
    color: #fff;
}
.topcon.hgrctrlBoB.liveTheam_BgHeading h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #3a9d7f 0%, #fff 35%, #fff 70%, #3a9d7f 100%);
    background: -webkit-linear-gradient(left, #3a9d7f 0%, #fff 35%, #fff 70%, #3a9d7f 100%);
    background: linear-gradient(to right, #3a9d7f 0%, #fff 35%, #fff 70%, #3a9d7f 100%);
}
.fronclunotr.live_theamColor .value-button {
    color: #093028;
}
.fronclunotr.live_theamColor .value-button:hover {
    background: #093028;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #237A57, #093028);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #237A57, #093028c2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border-color: #3b6558;
}
.btnonsd.livebuttonTeham button {
    border-color: #3c6559;
    color: #3c6559;
}
.btnonsd.bgbfillgrndt.livebuttonTeham button {
    color: #fff;
}
.btnonsd.bgbfillgrndt.livebuttonTeham button {
    color: #fff;
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
}
.btnonsd.livebuttonTeham button:hover {
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
    color: #fff;
    border-color: #093028;
}
.btnonsd.bgbfillgrndt.livebuttonTeham button:hover {
    color: #141e30;
}
.sempleotrTest.liveTheamBg {
    background: #77ce88;
    margin: 20px 0 20px 0;
}
.imrseer .bgrinsdfe.liveTheamBg {
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
}
.live_color-theam h2 {
    color: #172438;
}
.firstRow.colorTheamlive .outerOFcollapse .demoTxt span {
    border: 1px solid;
    color: #21354e;
    padding: 2px 10px 3px 10px;
}
.firstRow.colorTheamLive .outerOFcollapse .buttonOfBuy a {
    color: #21364f;
    border: 1px solid #21364f;
}
.firstRow.colorTheamLive .outerOFcollapse .buttonOfBuy a:hover {
    background: #21364e;
    color: #fff;
}
.live_theamDiscrip .outerOfdetailLive.disrip {
    border: 2px solid #386b5a;
    display: inline-block;
    width: 100%;
}
.live_theamDiscrip .outerOfdetailLive.disrip .w3-bar.w3-black {
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
}
.live_theamDiscrip .outerOfdetailLive.disrip .w3-bar.w3-black .nav.nav-pills li.active a {
    background: #ffdf80;
    color: #1a293d;
}   
.themLivecolor .outerOfQueryForm .outerOfTable .table thead tr th {
    background: #3a6a5a;
}
.themLivecolor .outerOfQueryForm .innerOfQueryForm h2 {
    color: #000;
}
.testpageoaner.live_bgColor .inrsdeCor:hover {
    background: #093028;  
    background: -webkit-linear-gradient(to right, #237A57, #093028); 
    background: linear-gradient(to right, #237A57, #093028c2); 
    color: #ffffff;
    border-color: #465060;
}
/*====================Video Theam Color=====================*/
/*====================test Theam Color=====================*/
.bgmultycolor.gradiantcolosame.test_theamBg {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
.collapsiblePre.testTheamBG, .collapsiblePre.testTheamBG:hover {
    background: #789747;
}
.btnonsd.testbuttonTeham button {
    border-color: #6a821c;
    color: #7e9a25;
}
.btnonsd.bgbfillgrndt.testbuttonTeham button {
    color: #fff;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    border-color: #819d29;
}
.fronclunotr.test_theamColor .value-button {
    color: #544b68;
}

.fronclunotr.test_theamColor .value-button:hover {
    background: #98bc4c;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
.btnonsd.testbuttonTeham button:hover {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    color: #fff;
    border: 2px solid #98bc4c;
}
.btnonsd.bgbfillgrndt.testbuttonTeham button:hover {
    color: #98bc4c;
}
.imrseer .bgrinsdfe.testTheamBg {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
.sempleotrTest.testTheamBg {
    background: #e9f4be;
    margin: 20px 0 20px 0;
}
.test_theamDiscrip .outerOfdetailVideo.disrip {
    border: 2px solid #98bc4c;
    display: inline-block;
    width: 100%;
}
.test_theamDiscrip .outerOfdetailVideo.disrip .w3-bar.w3-black {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
.themTestcolor .outerOfQueryForm .outerOfTable .table thead tr th {
    background: #98bc4c;
}
.testpageoaner.test_bgColor .inrsdeCor:hover {
    background-image: #98bc4c;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    color: #ffffff;
    border-color: #98bc4c;
}
.innerOfbradecrum.testTheam_BradeCrum {
    background-image: #98bc4c;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265c2 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265c2 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265c2 90%);
}
/*====================test Theam Color=====================*/
/*======================DLP Study Material=======================*/
.collapsiblePre.dlpStudyTheamBG, .collapsiblePre.dlpStudyTheamBG:hover {
    background: #de3549;
    color: #fff;
    background-image: -moz-linear-gradient(left, #de3343 1%, #de3294c2 90%);
    background-image: -webkit-linear-gradient(left, #de3343 1%,#de3294c2 90%);
    background-image: linear-gradient(to right, #de3343 1%,#de3294c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #de3343 0%, #de3294c2 90%);
}
.orngselected .col-lg-12.bgonDlpMaterial {
    background: #e45794;
    float: left;

}
.hgrctrlBoB.bgDlpMaterialHeading h2 span {
    background: #e45794;
    color: #fff;
}
.hgrctrlBoB.bgDlpMaterialHeading h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #e45794 0%, #fff 35%, #fff 70%, #e45794 100%);
    background: -webkit-linear-gradient(left, #e45794 0%, #fff 35%, #fff 70%, #e45794 100%);
    background: linear-gradient(to right, #e45794 0%, #fff 35%, #fff 70%, #e45794 100%);
}
.firstRow.dlpStudyMaterialCOntent .clpshminHit .collapsiblePre {
    background-image: -moz-linear-gradient(left, #de3343 1%, #de3294c2 90%);
    background-image: -webkit-linear-gradient(left, #de3343 1%,#de3294c2 90%);
    background-image: linear-gradient(to right, #de3343 1%,#de3294c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #de3343 0%, #de3294c2 90%);
    font-size: 20px;
    padding: 10px 18px;
}
.dlp_theamDiscrip .outerOfdetailDlp.disrip {
    border: 2px solid #e14366;
}
.dlp_theamDiscrip .outerOfdetailDlp.disrip .w3-bar.w3-black {
    background-image: -moz-linear-gradient(left, #de3343 1%, #de3294c2 90%);
    background-image: -webkit-linear-gradient(left, #de3343 1%,#de3294c2 90%);
    background-image: linear-gradient(to right, #de3343 1%,#de3294c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #de3343 0%, #de3294c2 90%);   
}
.testpageoaner.dlp_bgColor .inrsdeCor:hover {
    background-image: -moz-linear-gradient(left, #de3343 1%, #de3294 90%);
    background-image: -webkit-linear-gradient(left, #de3343 1%,#de3294 90%);
    background-image: linear-gradient(to right, #de3343 1%,#de3294 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #de3343 0%, #de3294 90%);  
    color: #ffffff;
    border-color: #98bc4c;
}

/*======================DLP Study Material theam color=======================*/
/*======================Study Material theam Color=======================*/

.outerOfChart.studyMaterialBgTheam .table thead tr th {
    color: #fff;
    padding: 15px 5px;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8c2 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265c2 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8c2 90%);
}
.collapsiblePre.studyBgTheam, .collapsiblePre.studyBgTheam:hover {
    background: #784ae3;
}
.orngselected .col-lg-12.bgonMaterialTheam {
    background: #9b81d2;
    float: left;
}
.hgrctrlBoB.bgMaterialTheam h2 span {
    background: #9b81d2;
    color: #fff;
}
.hgrctrlBoB.bgMaterialTheam h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #9b81d2 0%, #fff 35%, #fff 70%, #9b81d2 100%);
    background: -webkit-linear-gradient(left, #9b81d2 0%, #fff 35%, #fff 70%, #9b81d2 100%);
    background: linear-gradient(to right, #9b81d2 0%, #fff 35%, #fff 70%, #9b81d2 100%);
}
.collapsiblePre.study_TheamBG, .collapsiblePre.study_TheamBG:hover {
    background: #de3549;
    color: #fff;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
}
.fronclunotr.study_theamColor .value-button:hover {
    background: #98bc4c;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    border-color: #9921e8;
    color: #fff
}
.btnonsd.studybuttonTeham button {
    border-color: #9921e8;
    color: #9921e8;
}
.btnonsd.studybuttonTeham button:hover {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    color: #fff;
    border: 2px solid #9921e8;
}
.btnonsd.bgbfillgrndt.studybuttonTeham button {
    color: #fff;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
}
.btnonsd.bgbfillgrndt.studybuttonTeham button:hover {
    color: #9921e8;
}
.fronclunotr.study_theamColor .value-button {
    color: #7646c0;
} 
.imrseer .bgrinsdfe.studyMaterialTheamBg {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
} 
.sempleotrTest.studuMaterialTheamBg {
    background: #c0bef4;
    margin: 20px 0 20px 0;
}
.study_theamDiscrip .outerOfdetailStudy.disrip {
    border: 2px solid #9921e8;
}
.study_theamDiscrip .outerOfdetailStudy.disrip .w3-bar.w3-black {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
}
.testpageoaner.study_bgColor .inrsdeCor:hover {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    color: #ffffff;
    border-color: #98bc4c;
}
.innerOfbradecrum.studyTheam_BradeCrum {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
}
/*======================Study Material theam Color=======================*/
/*=============boxEffectOnFreeDownload==============*/
.borxouterOFbutton .buttonOuterCss {
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 5px #f63;
  position: relative;
    padding: 10px;

}
.borxouterOFbutton .buttonOuterCss::before, .borxouterOFbutton .buttonOuterCss::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.borxouterOFbutton .draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.borxouterOFbutton .draw::before, .borxouterOFbutton .draw::after {
  border: 6px solid transparent;
  width: 0;
  height: 0;
}
.borxouterOFbutton .draw::before {
  top: 0;
  left: 0;
}
.borxouterOFbutton .draw::after {
  bottom: 0;
  right: 0;
}
.borxouterOFbutton .draw:hover {
  color: #60daaa;
  cursor: pointer;
}
.borxouterOFbutton .draw:hover::before, .borxouterOFbutton .draw:hover::after {
  width: 100%;
  height: 100%;
}
.borxouterOFbutton .draw:hover::before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.borxouterOFbutton .draw:hover::after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.borxouterOFbutton .borxouterOFbutton .meet:hover {
  color: #fbca67;
}
.borxouterOFbutton .meet::after {
  top: 0;
  left: 0;
}
.borxouterOFbutton .meet:hover::before {
  border-top-color: #0e9960;
  border-right-color: #0e9960;
}
.borxouterOFbutton .meet:hover::after {
  border-bottom-color: #0e9960;
  border-left-color: #0e9960;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.borxouterOFbutton:hover .buttonOuterCss a {
    color: #0e9960;
}
.borxouterOFbutton a {
    color: #f63;
    font-weight: 800;
    position: relative;
    text-align: center;
    font-size: 30px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    z-index: 999;
}
/*=============boxEffectOnFreeDownload==============*/
/*=============FreeDownload==============*/
.outerOfFreeDownloads {
    padding: 40px 0;
    background: #f4f9ed;
    display: inline-block;
    width: 100%;
}
.borxouterOFbutton:hover {
    transform: scale(1.1);
}
.borxouterOFbutton {
    margin: 14px 0;
    transition: .2s;
}
.outerOFDownloadResourses {
    padding: 30px;
    box-shadow: 0 0 9px 0 #a4a4a4;
    background: #fff;
}
.headingOnCoaching {
    text-align: center;
}
/*=============FreeDownload==============*/
.headingOnReadmore h2 {
    text-transform: uppercase;
}
.listdataOfsyllabus ul.listwithpdf li {
    position: relative;
    margin-bottom: 11px;
    float: left;
    width: 100%;
}
.listdataOfsyllabus ul.listwithpdf li::after {
    content: "\f1c1";
    position: absolute;
    font-family: FontAwesome;
    right: 13px;
    top: 10px;
    color: #ff0000;
    font-size: 21px;
}
.listdataOfsyllabus ul.listwithpdf {
    padding: 0;
}
.listdataOfsyllabus ul.listwithpdf li a {
    float: left;
    width: 100%;
    border: 2px solid #ff6633;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #ff6633;
    border-radius: 29px;
    font-weight: 600;
    font-size: 17px;
}
.listdataOfsyllabus ul.listwithpdf {
    padding: 0;
    float: left;
    width: 100%;
}
.listdataOfsyllabus ul.listwithpdf li a:hover {
    background: #139a62;
    color: #fff;
}
.listdataOfsyllabus ul.listwithpdf li:hover:after {
    color: #fff;
}
.listdataOfsyllabus ul.listwithpdf li a:hover {
    border-color: #ff7850;
}
.buttonOuterLanguage .btn_outerLine {
    border: 1px solid #3a9d7f;
    padding: 7px 10px 7px 10px;
    width: 49%;
    display: inline-block;
    text-align: center;
}
.buttonOuterLanguage {
    margin: 0 0px 17px 0;
}
.buttonOuterLanguage .btn_outerLine:hover {
    background: #3a9d7f;
    color: #fff;
    text-decoration: none;
}
.headingOnReadmore {
    text-align: center;
}
/*=================syllabus Download==================*/
/*=================NCERT Free Book==================*/

.selectBook a {
    float: left;
    width: 100%;
    padding: 10px;
    color: #fff;
    background: #139a62;
    text-decoration: none;
    text-align: center;
    margin: 0 0 30px 0;
}
.selectBook a:hover {
    background: #f63;
    text-decoration: none;
}
.bookInner {
    justify-content: center;
    min-height: 110px;
    display: flex;
    align-items: center;
}

.bookInner p {
    margin: 0;
    font-size: 13px;
}
.bookInner h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
    color: #fff;
}
.selectBook a:hover .bookInner p {
    color: #fff;
}
.bookInner h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
    color: #fff;
}
/*=================NCERT Free Book==================*/
.outerOfPdfSubCourse {
    margin: 10px 0 10px 0;
    transition: .2s;
}
.outerOfPdfSubCourse:hover {
    transform: scale(1.05);
}
.innerOFNcrt {
    background: rgba(0,0,0, .6);
    padding: 10px;
    min-height: 117px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.titleOfNcrt {
    width: calc(100% - 60px);
    display: inline-block;
}
.innerOFNcrt .titleOfNcrt .titleInenrncrt {
    color: #fff;
    margin-top: 11px;
}
.innerOFNcrt .titleOfNcrt .dateOFUpladed {
    color: #fff;
    padding: 10px 0;
    font-size: 12px;
}
.dateOFUpladed .fa {
    padding: 0 9px 0 0;
}
.innerOFNcrt .downloadIconNCrt {
    width: 50px;
    display: inline-block !important;
    text-align: center;
} 
.downloadIconNCrt .fa {
    color: #fff;
    font-size: 34px;
} 
.outerofwidthLanguage {
    width: 25%;
}  
.filterContainer.heighOfbuttonAcoudian .exploreCategorystudy .collapsiblePre.fltrPd {
    padding: 6px 15px 6px 15px;
    height: auto;
}
.newspaperOuter a:hover {
    text-decoration: none;
    background: #fbe3e3;
    color: #514c4c;
    transform: scale(1.01);
}
.newspaperOuter a {
    width: 97%;
    display: inline-block;
    padding: 6px;
    border: 1px solid #b7b6b6;
    margin: 6px 0 5px 0;
    color: #514c4c;
    transition: .2s;
}
/*===================free resourses end=================*/

.innerofBoxCourseUniversity .box-outer {
  overflow: hidden;
  margin: 14px auto;
  width: 100%;
  height: 150px;
  transition: .2s;
}
.innerofBoxCourseUniversity .main_box {
    width: 100%;
    height: 150px;
    position: relative;
    background: radial-gradient(black, transparent);
    border: 5px solid #0f283e;
}
.innerofBoxCourseUniversity .bar {
  position: absolute;
  width: 50px;
  height: 5px;
  background: #fff;
  transition: all 1s linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
    opacity: 0;
}
.innerofBoxCourseUniversity .bar.delay {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.innerofBoxCourseUniversity .top {
  top: -5px;
  left: -5px;
}
.innerofBoxCourseUniversity .right {
  top: 18px;
  right: -28px;
  transform: rotate(90deg);
}
.innerofBoxCourseUniversity .bottom {
  bottom: -5px;
  left: -5px;
}
.innerofBoxCourseUniversity .left {
  top: 18px;
  left: -28px;
  transform: rotate(90deg);
}
@-webkit-keyframes h-move {
  0% {
    left: -5px;
  }
  100% {
    left: 100%;
  }
}
@keyframes h-move {
  0% {
    left: -5px;
  }
  100% {
    left: 100%;
  }
}
.innerofBoxCourseUniversity .top,
.innerofBoxCourseUniversity .bottom {
  -webkit-animation-name: h-move;
  animation-name: h-move;
}
@-webkit-keyframes v-move {
  0% {
    top: -5px;
  }
  100% {
    top: 110%;
  }
}
@keyframes v-move {
  0% {
    top: -5px;
  }
  100% {
    top: 110%;
  }
}
.innerofBoxCourseUniversity .right,
.innerofBoxCourseUniversity .left {
  -webkit-animation-name: v-move;
  animation-name: v-move;
}
.outerofCourseUniversity {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
    background: #10548eb8;
}
.headingOfCourseUniversity h2 {
    margin: 20px 0 10px 0;
    color: #fff;
}
.innerofBoxCourseUniversity .main_box a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.titleOFCourse h3 {
    margin: 0 0 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.headingOfCourseUniversity {
    text-align: center;
}
.innerofBoxCourseUniversity:hover .bar {
    opacity: 1;
}
.innerofBoxCourseUniversity .main_box a:hover {
    text-decoration: none;
}
.innerofBoxCourseUniversity:hover .box-outer {
    transform: scale(1.05);
}
.titleOFCourse {
    text-align: center;
}
/*=====================Course By University===========================*/
.collegeNameOuter.collegeListMater {
    width: 100%;
}
.collegeNameOuter.collegeListMater .univerityIcon {
    background-color: white;
    float: none;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.titleOfcourseUniversity {
    display: inline-block;
    width: 100%;
    margin-top: 23px;
}
.titleOfcourseUniversity .collegeNameInner {
    width: 100%;
    text-align: center;
}
.titleOfcourseUniversity .collegeNameInner h3 {
    color: #444;
    font-size: 16px;
}  
.buttonOfexploreCourse {
    text-align: center;
    margin: 20px 0 20px 0;
    display: inline-block;
    width: 100%;
}
.buttonOfexploreCourse a {
    padding: 6px 10px 6px 10px;
    color: #f00;
    font-weight: 600;
    border: 1px solid;
}
.outerOfcourseHeading {
    text-align: center;
}
.buttonOfexploreCourse a:hover {
    background: red;
    color: #fff;
    border-color: red;
    text-decoration: none;
} 

.innerofCoutaner.colorOncollege {
    background: #5283AD;
}
.outerOfStaeWithUniversity.outerOFCourseUniversity .filterContainer .backgroungradiantCollege {
    background: #2b6394;
}
.outerOfcourseHeading h2 {
    color: #2b6394;
}
.innerofCoutaner.colorOncollege .outerOfsamestet .imageIconCategory {
    width: 50px;
}

.buttonOfMobile {
    display: none;
}
.videMenuOnMobile {
    display: none;
}
/*===================Footer New Design=====================*/
.outerOFfooternewHOme {
    padding: 40px 0;
    background: #2f2d51;
    min-height: 200px;
    display: inline-block;
    width: 100%;
}
.gridOfsocialSites {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
}
.outerofSubsCribe {
    margin: 70px 0;
}
.gridOfsubscribe {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 200px;
}
.outerOFBottomMenu {
    margin: 70px 0 0;
}
.inneriOfFollowUs p {
    font-size: 20px;
    color: #b2f4dc;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.socialIcon span {
    background: #595773;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.inneriOfFollowUs p {
    font-size: 20px;
    color: #b2f4dc;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.flexofsubsCribe h3 {
    font-size: 20px;
    color: #b2f4dc;
    letter-spacing: 1px;
}
.flexofsubsCribe input.form-control {
    border-radius: 0;
    background: none;
    border-color: #b2f4dc;
    font-size: 20px;
    height: 57px;
    color: #b2f4dc !important;
}
.flexofsubsCribe .input-group .input-group-append .btn.btn-success {
    background: #b2f4dc;
    color: #2f2d51;
    border-radius: 0;
    border-color: #b2f4dc;
    font-size: 20px;
    font-weight: 600;
}
.position-relative {
    position: relative;
}
.outerOFsearhInput {
    position: absolute;
    min-width: 210px;
    right: 0;
    display: none;
}
.outerOFsearhInput.position-absolute input {
    border-radius: 22px;
} 
.outerOFsearhInput {
    position: absolute;
    min-width: 210px;
    right: 0;
    display: none;
    z-index: 99;
}
.wsmenu>.wsmenu-list>li.wscarticon:hover .outerOFsearhInput {
    display: block;
}

.flexofsubsCribe p {
    color: #fff;
}
.flexofsubsCribe .input-group .input-group-addon {
    font-size: 18px;
    background: #b2f4dc;
    border-radius: 0;
}
.flexofabout h2 {
    color: #b2f4dc;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 44px;
}
.flexofabout p {
    color: #f3f3f3;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
}
.gridOfFooterMenu {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    grid-gap: 10px;
}
.flexoflistinner h3 {
    font-size: 21px;
    font-weight: 600;
    color: #b2f4dc;
    letter-spacing: 1px;
    line-height: 40px;
}
.flexoflistinner ul li a {
    color: #f3f3f3;
    padding: 7px 0 4px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}
/*=================all offer New=================*/

.headingHome {
    text-align: center;
    margin: 14px 0 7px 0;
}
.headingHome p {
    font-size: 12.88px;
}
.headingHome h2 {
    font-size: 28.88px;
    font-family: Manrope-Bold;
    line-height: 30px;
    letter-spacing: 0.6px;
    color: #F8C993;
}
.gridOfRecentlyAdded {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap: 10px;
}
.outerOFResentlyAdded {
    padding: 40px 0px;
    display: inline-block;
    width: 100%;
}
.gridOfexamPridic {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    grid-gap: 15px;
}
.flexexmapredic {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    box-shadow: 0 0 10px 0 #c9c9c9;
}
.flexexmapredic a {
    width: 100%;
}
.flexexmapredic a .innerOfflex img {
    margin-bottom: 10px;
}
.flexexmapredic a .innerOfflex p {
    font-size: 15px;
    font-weight: 600;
    color: #444;
}
.headingOFprdicate {
    text-align: center;
}
.headingOFprdicate h2 {
    color: #444;
}
.outerOfstep {
    padding: 40px 0;
    background: #0b4d4f;
}
.gridOfStep {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.outerofpreDictExam {
    padding: 40px 0;
}
.flexOfStep {
    background: #fff;
    padding: 20px;
}
.headingOFprdicate.whiteBgcolor h2 {
    color: #fff;
}
.inneroFglexStep h2 {
    color: #0b4d4f;
}
.inneroFglexStep h3 {
    color: #0b4d4f;
    font-size: 24px;
}

.paraDetailPredi p {
    font-size: 19px;
    color: #949494;
}
.paraDetailPredi h3 {
    font-size: 22px;
    color: #616161;
}
.ouuterOFcategoryPredicate label input[type="radio"] {
    height: auto;
}
.formOFCalclate {
    padding: 13px;
    box-shadow: 0 0 10px 0 #ddd;
}
.headingOfcalPre {
    text-align: center;
}
.headingOfcalPre h2 {
    color: #0b4d4f;
}
.coutPred h2 {
    font-size: 28px;
    font-weight: 600;
    color: #de3269;
}
.stepOfClaculate {
    padding: 40px 0;
}
.stepStart .innerOFstepStart h3 {
    font-size: 21px;
}
.stepStart .innerOFstepStart ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 30px;
}
.stepStart .innerOFstepStart ul {
    padding: 0 0 0 40px;
}
.stepOfClaculate {
    padding: 0px 20px;
    border: 1px solid #ddd;
    margin: 30px 0 30px 0;
}
.headingStep h2 {
    color: #de3269;
}
.paddingOfLightBox .modal-content.backgrounChange {
    padding: 40px 0;
}
.outerofbannePredei.imageLonBG {
    background: url(../images/education-loan-banner.jpg);
    background-size: cover;
    display: inline-block;
    width: 100%;
}
.outerOFBGColor {
    background: rgb(203 11 181 / 50%);
    min-height: 300px;
    padding: 40px 0;
}
.loanHomeBanner h2 {
    color: #fff;
    font-size: 50px;
}
.loanHomeBanner p {
    margin: 0 0 0 0;
    color: #fff;
    font-size: 20px;
}
.buttonBnanerLoan {
    display: inline-block;
    margin: 30px 0 30px 0;
}
.buttonBnanerLoan a.btnoFLoan {
    background: rgba(0,0,0, .5);
    padding: 14px 24px;
    color: #fff;
    border: 2px solid #fff;
}
.outeroFButton {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.inenofBoxBanner {
    background: #fff;
}

.inenofBoxBanner a {
    padding: 10px;
    display: inline-block;
    color: #444;
}
.calculateBanner {
    float: left;
    width: calc(100% - 20%);
    padding: 0 0 0 10px;
}
.outerOFLoan {
    display: inline-block;
    width: 100%;
}
.imageOfbannerBox {
    float: left;
    width: 20%;
}
.gridoOfbnakList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.flexofBankList a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-shadow: 0 0 10px 0 #d0d0d0;
    background: #fff;
}
.outeroFSelectBank {
    padding: 40px 0;
    background: #ddd;
}
.outerOfPackageLoan {
    padding: 40px 0;
}
.outeroFonNav .navTab .nav li {
    border-bottom: none;
}
.outeroFonNav .navTab .nav li a {
    padding: 10px 30px 10px 30px;
    font-size: 17px;
    border: 1px solid #ac5082;
    color: #ac5082;
}
.outeroFonNav .navTab .nav li.active a {
    background: #75156f;
    color: #fff;
}
.outeroFonNav .navTab {
    margin: 10px 0 20px 0;
}
button.btn.btn-conpare {
    background: #75156f;
    margin-bottom: 5px;
    padding: 0 20px 0 20px;
}
.imageOFBankList {
    display: flex;
    justify-content: center;
    align-items: center;
}
table.outeroFtableLoanProduct thead tr {
    background: #75156f;
    color: #fff;
}
table.outeroFtableLoanProduct thead tr th {
    padding: 20px 0;
}
/*=====================Video Programme=================*/
.positionRelative {
    position: relative;
}
.collapsiblePre.videoTheamBG{
    color: #ffffff;
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.outerOfChart.videoTheamBG .table thead tr th {
    color: #ffffff;
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.outerOfChart.videoTheamBG .btnOnChart {
    color: #172438;
}
.outerOfChart.videoTheamBG .btnOnChart:hover {
    background: #20344c;
    color: #fff;
    text-decoration: none;
}


/*=====================live Programme=================*/
.collapsiblePre.liveHomeTheamBG{
    color: #ffffff;
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}
.outerOfChart.liveTheamBG .table thead tr th {
    color: #ffffff;
    background: #3a9d7f;
    background: -webkit-linear-gradient(to right, #3a9d7f, #2e866b);
    background: linear-gradient(to right, #3a9d7f, #2e866b);
}
.outerOfChart.liveTheamBG .btnOnChart {
    color: #3a9d7f;
}
.outerOfChart.liveTheamBG .btnOnChart:hover {
    background: #3a9d7f;
    color: #fff;
    text-decoration: none;
}
.gradiantcolosame.live_theamBg {
    color: #ffffff;
    background: #3a9d7f;
    background: -webkit-linear-gradient(to right, #3a9d7f, #2e866b);
    background: linear-gradient(to right, #3a9d7f, #2e866b);
}

/*=====================live Programme=================*/
/*=====================Test Programme=================*/
.outerOfChart.testTheamBG .btnOnChart {
    color: #6f860f;
}
.outerOfChart.testTheamBG .btnOnChart:hover {
    background: #6f860f;
    color: #fff;
    text-decoration: none;
}
 .outerOfChart.testTheamBG .table thead tr th {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265 90%);
}
/*=====================Test Programme=================*/
.reasonOnabroadOnline.careerCounselling.heightcontrol {
    display: inline-block;
    width: 100%;
}
/*========================Site map==========================*/
.outerOFsiteMap {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
    background: #ffecd6;
}
.outerOFsiteMap {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
}
.headingOFSiteMap {
    text-align: center;
}
.headingOFSiteMap h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.mainCategorySiteMap {
    border-bottom: 2px solid #969696;
    margin-bottom: 10px;
}
.subCategorySiteMap ul li:hover::before {
    left: 5px;
    transition: .2s;
    color: #f63;
}
.subCategorySiteMap ul li:hover {
    padding: 0 0 0 18px;
    transition: .2s;
}
.subCategorySiteMap ul li:hover a {
    color: red;
    transition: .2s;
    text-decoration: none;
}
.mainCategorySiteMap h2 {
    margin: 10px 0px 4px 0;
    position: relative;
    color: #ff6633;
}
.subCategorySiteMap ul {
    column-count: 4;
}
.subCategorySiteMap ul li a {
    font-size: 17px;
    color: #444;
}
.subCategorySiteMap ul li {
    padding: 0 0 0 13px;
    position: relative;
}
.subCategorySiteMap ul li:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    font-size: 12px;
    left: 0;
    top: 5px;
}
.mainCategorySiteMap h2::after {
    content: '';
    border-bottom: 6px solid #f63;
    width: 140px;
    display: block;
    position: absolute;
    bottom: -8px;
    transition: .2s;
}
.inenrOFSiteMap {
    margin: 0 0 30px 0;
}
/*========================Site map==========================*/



/*=====================row Equal Height=================*/

.heightcontrol .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap;
}
.heightcontrol .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/*=====================row Equal Height=================*/
.bgonPublicationNew.heightcontrol .row {
    width: 100%;
}
.outeroFormofReview .form-group input[type="radio"] {
    height: auto;
}
.outeroFormofReview .form-group textarea {
    width: 100%;
    border-color: #ddd;
    padding: 10px;
}
.reviewSubmitBnt .btn {
    background: red;
    line-height: initial;
}
.reviewSubmitBnt .btn:hover {
    background: #ca0707;
}
.reviewSubmitBnt {
    text-align: center;
}
/*=============Tab Slider Showing Data=============*/
.tab-content .tabcontentDisplayBlock.tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}
.tab-content .tabcontentDisplayBlock.tab-pane.active {
    height: auto;
    overflow: unset;
}
/*=============Tab Slider Showing Data=============*/

.slideOneMoreCategory {
    margin-top: 40px;
}
.pdg_5OnpublicationHome {
    padding: 0 5px 0 5px;
}
.publicationList .publictinOtr {
    position: relative;
    min-height: 360px;
    background: #fff;
}
.bgonPublicationNew.heightcontrol .row {
    width: 100%;
    margin: 0 -7px 0 -7px;
}
.recentlyAddedbanner {
    box-shadow: 0 0 5px 0 #b5b5b5;
}
.imageIconCategory img {
    max-height: 100%;
}
.publicationslider .pad15.imgctr {
    margin: 10px 5px 10px 5px;
    transition: .2s;
    display: inline-block;
}
.pad15.imgctr.homeEfcf.positionRelativeOnEbbok {
    padding: 0 5px 0 5px;
}
.outerOfdailychallenge .headingOnEssayNew {
    text-align: center;
}
/*=====================Ebook Color combination=====================*/
.outerOfMainCategory_test.theamOfEbook {
    background: #b31693;
}
.outerOftabeLatest.theamOfEbook {
    background: #b31693;
}
.outerOFebookContent.theamOfEbook {
    background: #b31693;
}
.outerOfDetailDiscription.theamOfEbook .outerOfdetailVideo.disrip {
    border-color: #b31693;
}
.outerOfDetailDiscription.theamOfEbook .outerOfdetailVideo.disrip .w3-bar.w3-black {
    background: #b31693;
}

/*=====================Ebook Color combination=====================*/
.questionReply {
    padding: 10px 0 10px 0;
}
.outerOFFaqOnLandingPage .outerOFcollapse .collapsiblePre.activePre {
    margin: 0 0 0 0;
}
.outerOFFaqOnLandingPage .outerOFcollapse .collapsiblePre {
    margin: 0 0 7px 0;
}

.outeroFSearch {
    display: inline-block;
    width: 100%;
    background: #c7c7c7;
    padding: 20px 0 22px 0;
}
.outeFoTopCategory.searchBarOuter {
    background: #fff;
    display: flex;
    width: 100%;
    padding: 30px 0;
    justify-content: center;
    align-items: center;
}
.outerOfinPutSearch .inputOuter label input[type="radio"] {
    height: auto;
}
.outerOfinPutSearch .inputOuter .section-heading {
    padding: 0 0 0 0;
}
.outerOfinPutSearch .inputOuter {
    text-align: center;
}
.outerOfinPutSearch .inputOuter .section-heading .search-container input[type="text"] {
    margin-top: 10px;
}
.outerOfinPutSearch .inputOuter .section-heading .search-container button {
    margin-top: 10px;
}
.outerOfinPutSearch .inputOuter label.radio-inline {
    font-size: 18px;
}
.headingOFSearch {
    text-align: center;
    margin: 0 0 20px 0;
}