@charset "utf-8";
/* CSS Document */
img {
    width: 100%;
}
ul li {
    list-style: none;
}
.uperheaderMatter {
    float: left;
    padding: 0 10px 0 10px;
}
.uperheaderMatter .fa {
    font-size: 22px;
    padding: 6px;
    vertical-align: middle;
}
.uperheaderMatter {
    float: left;
    padding: 0 10px 0 10px;
    font-size: 16px;
}
.iconOuter .fontaweonIcon {
    background: red;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding-top: 7px;
    color: #fff;
	position:relative;
	 font-size: 20px !important;
}
.fontaweonIcon:hover .fa {
    display: none;
}
.fontIcon {
    position: absolute;
    top: 11px;
    left: 8px;
    font-size: 12px;
    font-weight: 600;
    display: none;
}

.iconOuter {
    float: left;
}
.iconOuter {
    float: left;
    text-align: center;
}
.fontaweonIcon:hover .fontIcon {
    display: block;
}

.iconOuter {
    float: left;
    text-align: center;
    padding: 0 5px 0 5px;
}
.fontIcon {	
    position: absolute;
    top: 14px;
    left: 3px;
    font-size: 10px;
    font-weight: 600;
    display: none;
}
.logo {
    max-width: 200px;
    padding: 10px;
}
.upperheader {
    padding-right: 15px;
}
.fontIcon.mailPos {
    left: 12px;
}
.uptxt {
    float: left;
    width: 100%;
    margin-top: 2px;
}
.lowerTeg {
    float: left;
    margin-top: -5px;
}
.fontIcon.myaccountPos {
    top: 6px;
}
.fontIcon.cartPos {
    left: 13px;
}
.outeOfIconLigin {
    float: left;
    position: relative;
}
.loginOption {
    display: none;
}
.outeOfIconLigin:hover .loginOption {
    display: block;
}

.loginOption {
    position: absolute;
    top: 100%;
    font-size: 1rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid
    rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 9999;
    min-width: 100px;   
    text-align: center;
    left: -33%;
}
.loginOption .loginOuterheader {
    padding: 0;
    margin: 0px;
}
.loginOption .loginOuterheader li{
    border-bottom: 1px dashed #ddd;
    padding: 2px 10px 2px 10px;
}
.loginOption .loginOuterheader  li:hover {
    background: #ececec;
}
.loginOption .loginOuterheader li a {
    text-decoration: none;
    color: 
    #444;
    font-size: 14px;
}
.dropdown-toggle:hover .dropdown-menu {
    display: block;
    z-index: 9999;
}
.uperheaderMatter.dropdown-toggle {
    position: relative;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-menu2 {
    display: none;
}
.dropdown-menu2 {
    position: absolute;
    top: 0;
    left: 100%;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid
    rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 3px;
}
.dropdown-menu3 {
    display: none;
}

.dropdown-menu3 {
    position: absolute;
    top: 0;
    left: 100%;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid
    rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 3px;
}
.dropdown-submenu:hover .dropdown-menu2 {
    display: block;
}
.dropdown-menu .dropdown-submenu .dropdown-menu2 .dropdown-submenu:hover .dropdown-menu3 {
    display: block;
}

.uperheaderMatter .dropdown-menu li a {
    text-decoration: none;
    color: #444;
    font-size: 14px;
}
.uperheaderMatter .dropdown-menu li:hover {
    background: #ececec;
}
.uperheaderMatter .dropdown-menu li {
    border-bottom: 1px dashed #ddd;
    padding: 2px 10px 2px 10px;
}
.uperheaderMatter.dropdown-toggle .fa {
    font-size: 14px;
    padding: 6px;
    float: right;
}
.uperheaderMatter.dropdown-toggle .dropdown-menu {
    margin-top: 0;
}
.iconOuter {
    float: left;
    text-align: center;
    padding: 0 5px 0 5px;
    overflow: hidden;
}
.iconHeaderouter {
    float: right;
    padding-top: 10px;	
}
.numberOuter {
    float: right;
}
.numberOuter {
    float: right;
    padding-top: 20px;
}
.fontaweonIcon.bgIconHdr {
    background: orange;
}
.fontaweonIcon.bgIconHdr1 {
    background: #ff6b9b;
}
.fontaweonIcon.bgIconHdr2 {
    background: #800080;
}
.fontaweonIcon.bgIconHdr5 {
    background: #4D36F4;
}

.footerOuter {
    background: #000 url(../images/ftr-bg.png);
}
.footerInner {
    padding: 10px;
}
.bgnewRed {
    background: url(../images/ftr-top.png) repeat-x;
    height: 79px;
    width: 100%;
    transition: .2s;
}
.slickpre.homeupprkpre {
    left: 0;
}
.slicknext.homeuppernext {
    right: 0;
}

.slickpre {
    position: absolute;
    top: 45%;
    left: -54px;
    background: rgba(0,0,0,.5);
    border: 0;
    width: 40px;
    height: 40px;
    padding: 0 15px 0 0px;
    margin: 0 0 0 10px;
}
.slickpre .fa.fa-chevron-left {
    color: #fff;
	margin: 0 0 0 10px;
}
.slicknext .fa.fa-chevron-right {
    color: #fff;
}
.headerSliderOuter {
    position: relative;
}
.slicknext {
    position: absolute;
    top: 45%;
    right: -54px;
    background: rgba(0,0,0,.5);
    border: 0;
    padding: 6px 10px 5px 12px;
    width: 40px;
    height: 40px;
	margin: 0 10px 0 0 ;
}
.engOtr .hdgEng h2 {
    margin: 0;
    font-size: 16px;
    background: #4267b2;
    color: #fff;
    padding: 10px 0 10px 11px;
    text-transform: uppercase;
}
.slickpre.materialSilde1kpre {
    left: -46px;
}
.slicknext.materialSilde1next {
    right: -47px;
}
.ifrmOtr.brclr1 {
    border-color: #4267b2;
    background: #fff;
	border: 1px solid;
}
.ghtPublish {
    min-height: 310px !important;
}
.engOtr {
    margin: 30px 0 30px 0;
    transition: .2s;
}
.artf li {
    float: left;
    width: 33.33%;
    text-align: center;
    border: 1px solid #b1aaaa;
}
.artf li a {
    color: #444;
	text-decoration:none;
}
.artf li:hover {
    background: #f00;
}
.artf li:hover a {
    color: #fff;
}
.artf {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0;
}
.bg0under {
    background-image: url('../images/bgOffCir.jpg');
    background-size: cover;
    background-attachment: fixed !important;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.hetCat {
    height: auto;
}

/*<!--CATAGORY CSS BY BRODA-->*/

.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: 537px;
    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;

}
.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;
}

.roundBoxText.hoverCircle.pblishPgeCirPos {
    position: unset;
    float: left;
    width: 140px;
    height: 140px;

}
.roundBoxText {

    width: 146px;
    height: 146px;
    text-align: center;
    font-size: 14px;
    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;
}

a.pblishPgeCirPos:hover {
    background: rgba(255, 0, 0, 0.9) !important;
    border-color: #fff !important;
}
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;

}
.roundBoxText.hoverCircle:hover::before {

    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;

}


.roundBoxText.hoverCircle::before {

    width: 96%;
    height: 96%;
    background: url(../images/circle-hover.svg) center no-repeat;
        background-size: auto;
    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;

}

.bgicon22 {

    background-image: url(../images/header-sprite22.png);
    background-repeat: no-repeat;

}
.iconE14 {

    height: 42px;
    width: 42px;
    background-position: -419px -55px;
    float: left;
    margin: 20px 23px 5px 44px;

}
.roundBoxText .servicesTitle {

    display: block;
    width: 100%;
    margin: 27px 0 0 0;

}
.roundBoxText.hoverCircle:hover .hightLightBoxCircle {

    opacity: 1;
    visibility: hidden;
    tansition: all 0.3s ease;
    -webkit-tansition: all 0.3s ease;

}
.hightLightBoxCircle svg {
    fill: #ff6633;
}
.hightLightBoxCircle svg {
    fill: #ff6633;
    height: 28%;
    position: absolute;
    right: 0;
    top: -4px;
    width: 55%;
    z-index: 1;
}
.liulmnu {

    position: relative;
    float: left;
    width: 140px;
    padding: 0;
    margin: 5px;

}
.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;
}
@-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)
	}
}

.cirPubSlide {
    width: 100%;
    float: left;
    background: #000;
    height: 160px;
}
.iconE1 {
    height: 42px;
    width: 42px;
    background-position: -3px 1px;
    float: left;
    margin: 20px 0px 5px 44px;
}
.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;

}

.bgicon22 {
    background-image: url(../images/header-sprite22.png);
    background-repeat: no-repeat;
}
.slickpre.homeExamCagPre {
    top: 56px;
    background: rgba(106, 106, 106, 0.7);
    left: 0;
}

.slicknext.homeExamCagnext {
    top: 56px;
	background: rgba(106, 106, 106, 0.7);
    right: 0;
}
.fntHdg {
    font-size: 40px;
    font-family: "Shift-Light";
    text-align: center;
}
.discovery-nav {
    margin: 0 auto;
    text-align: center;
}
.discovery-nav .item {
    margin: 0;
    display: inline-block;
    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 {
    display: inline-block;
    padding: 8px 10px 6px 10px;
    color: #333;
    border: 1px solid transparent;
    text-decoration: none;
}
.discovery-nav .item h4 a {
    width: 188px;
}
.discovery-nav .item h4 a:hover {
    border-radius: 4px;
    color: #777;
    border-color: #777;
}
.main-content {
    width: 100%;
}
.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;
}
.publictinOtr:hover .publishPrdt {
    bottom: 0;
    height: 100%;
}
.txtCntnr {
    width: 80%;
}
.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%);
}
.bookDtl p {
    font-size: 14px;
    margin-bottom: 0;
}
.pubbtnDtl {
    padding: 0;
    width: 100%;
    text-align: center;
	margin-top: 61px;
}
.pubbtnDtl .btn {
    background: none;
    border: 1px solid;
    width: 91%;
    padding: 6px 0px 5px 0;
    height: 40px;
}
.pubbtnDtl .btn .fa {
    font-size: 25px;
    padding: 0;
    margin: 0 7px 0 0;
    vertical-align: sub;
}
.pubbtn {
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
}
.pubbtn .btn {
    width: 30%;
    padding: 0px;
    margin: 2px;    
    background: none;
    border: 1px solid #fff;
    height: 40px;
}
.pubbtn .btn .fa {
    padding: 0;
    font-size: 24px;
    color: #fff;
}
.publictinOtr {
    overflow: hidden;
    position: relative;
}
.pubbtnDtl .btn:hover {
    background: red;
}
.pubbtn .btn:hover {
    background: red;
}
.publishPrdt .txtCntnr .pubbtn .btn:hover .fa {
    animation: rotate 0.5s linear;
    transform: rotate(360deg);
    transition: .5s;
}
.pubbtnDtl .btn {
    color: #fff;
}
.publictinOtr {
    overflow: hidden;
    position: relative;
    margin-bottom: 27px;
}
.publictinOtr {
    position: relative;
}
figure.effect-ming {
    background: #000;
    color: #fff;
}
figure {
    position: relative;
    overflow: hidden;
    background: #000;
    text-align: center;
    cursor: pointer;
}
figure.effect-ming img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
figure.effect-ming:hover img {
    opacity: 0.3;
}
figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}
figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
h3.hdgBok {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin: 6px 0 5px 0;
    font-weight: 600;
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    transition: .2s;
}


figure.effect-ming p {

    text-transform: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
    width: 150px;
    margin: 50% auto;
    opacity: 0;

}
figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.headingBokCat {
    background: #fff;
    position: absolute;
    width: 100%;
    right: 90px;
}
.headingBokCat h3 {
    margin: 9px;
        margin-left: 9px;
    margin-left: 9px;
    font-size: 20px;
    font-weight: 600;
    float: left;
    color: #da2128;
    margin-left: 37px;
}
.pgtionRel {
    position: relative;
    width: 100%;
    float: left;
}
.MultiCarousel.mrgnBokAll {
    margin-top: 51px;
}
.section-heading h2 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 27px;
    text-transform: uppercase;
}
.praUndrPub {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.headingBokCat {
    background: #fff;
    position: absolute;
    width: 100%;
    right: 6%;
}
.mrgnBokAll  .item {
    width: 33%;
	padding: 6px;
}
.MultiCarousel {
    margin-top: 51px;
    float: left;
    width: 100%;
}
.slickpre.moreCat1kpre {
    left: -56px;
    top: 176px;
}
.slicknext.moreCat1next {
    right: -57px;
    top: 176px;
}
.slickpre.moreCat2kpre {
    left: -56px;
    top: 176px;
}
.slicknext.moreCat2next {
    right: -57px;
    top: 176px;
}
.paddinONpublicaton {
    background: red;
    padding-top: 50px;
    padding-bottom: 50px;
}
.paddinONpublicaton {
    background: red;
    padding-top: 19px;
    padding-bottom: 10px;
}
.main-content.mt-5.margenTop {
    margin-top: 0px !important;
}
.onMobileShowOuter {
    display: none;
}
/*=====================bookCategory===========================*/
.bgImagesOfBreadCurm {
    background: url(../images/bgBreadcrum.jpg);
    border-top: 1px solid #fff;
}
.chouseLanguateOute {
    margin-top: 30px;
}
.displayNoneON576collgeList {
    display: block;
}
.blackCover .breadcrumHeading {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 30px 0 30px 0;
}
.breadrumBtm {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}
.breadcrum {
    margin-bottom: 0;
    float: left;
}
.breadcrum li {
    float: left;
    padding: 3px 4px 3px 0;
}
.languageOuter {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px 0;
}
.languageOuter a {
    border: 1px solid;
    padding: 2px 20px 3px 20px;
    text-decoration: none;
}
.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 {
    float: left;
    margin: 0 0 0 10px;
    padding: 5px;
}	
.bgBlkbok .fltrTop .slctFltr {
    color: #fff;
}
.slctFltr.wthAto {
    min-width: 65px;
}
.slctFltr {
    background: none;
    padding: 3px 10px 3px 10px;
    min-width: 182px;
}
select {
    background: #F0F3FB;
    border: 1px solid #F0F3FB;
    border-radius: 4px;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    color: #3F3F3F;
/*    -webkit-appearance: none;
    -moz-appearance: none;
*/}
.bgBlkbok .fltrTop .slctFltr {
    color: #fff;
}
.srotby.mrgnbook label {
    margin-left: 22px;
}
.srotby label {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
}
#listFltrBook {
    float: right;
}
#listFltrBook .btnCun {
    padding: 0;
    border-radius: 20px;
    height: 36px;
    width: 36px;
    font-size: 15px;
    background: #958f8f;
        background-color: rgb(149, 143, 143);
    background-color: rgb(149, 143, 143);
    color: #fff;
}
.active1, .btnCun:hover {
    background-color: #f63 !important;
    color: white;
}
.btnCun {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 18px;
}
.active1, .btnCun:hover {
    background-color: #f63 !important;
    color: white;
}
.discoverBook.searchBookCategoty {
    float: left;
}
.blackCover {
    background: rgba(0,0,0,.6);
}

/*=====================bookCategory===========================*/
/*=====================bookDetail===========================*/
.mnubtnPub {
    padding: 12px 10px 11px 11px !important;
}
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;
}

input.form-control:focus {
    border-color: #fff;
}
.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;
}

.dtlOtrBdr {
    border: 1px solid #dadada;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    height: 452px;
}
.headingDtl {
    border-bottom: 1px solid #d7d4d4;
    padding-bottom: 10px;   
}
.headingDtl h1 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 0px;
    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: 12px;
    font-size: 17px;
    font-weight: 600;
}

.btnInt .adCrt {
    background: none;
    color: #696969;
    border: 2px solid;
    padding: 0px 80px 0 80px;
    height: 48px;
    margin: 35px 0 0 11px;
    font-weight: 800;
    font-size: 20px;
}
.btnInt .buyNow {
    padding: 0px 80px 0 80px;
    height: 48px;
    background: red;
    margin: 35px 0 0 14px;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}
.couting input {

    width: 74px;
    height: 45px;
    border: 1px solid #000;
    margin: 23px 0 0 0;
    padding: 0 10px 0 9px;
}

.btnInt {
    margin-bottom: 30px;
    text-align: center;
}
.btn.buyNow:hover {
    background: #a40000;
}
.btn.adCrt:hover {
    background: #a40000;
    color:#fff;
    border-bottom:red;
}
.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;
}
.reviwHead h2 {
    font-size: 24px;
    font-weight: 600;
}
.lineHft input {
    height: auto;
}
.row.bgact {
    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;
    }

.outerOfproduct {
    padding-top: 40px;
    padding-bottom: 20px;
}
.imgDtl iframe {
    width: 100%;
    min-height: 200px;
}
.wrtiRew {
    font-size: 14px;
}
.paddingTopandBottom {
    padding: 10px 0 10px 0;
}
.mrpPrc {
    color: #868686;
    font-size: 13px;
}
.outerOFdivbookDetail {
    background: #ddd;
    padding-top: 50px;
}
.bgwhiteonDetailPage {
    background: #fff;
    padding: 10px;
    margin-bottom: 50px;
    padding-top: 30px;
}
.outerOfdiscription {
    margin-top: 40px;
}
.outerOfdiscription .nav .nav-item .nav-link {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
}
.outerOfdiscription .nav .nav-item .nav-link.active {
    color: #eb2139;
}
.outerOfdiscription .nav-tabs .nav-item.show .nav-link, .outerOfdiscription  .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #c0242c #bf252b #fff;
}
.outerOfdiscription .nav-tabs {
    border-bottom: 1px solid #c1242c;
}
.pageOnDetailCommon h3 {
    color:  #2d2d2d;
}
.pageOnDetailCommon p {
    color: #444;
}
a, a:active, a:focus{
    outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
}
.pageOnDetailCommon ul li {
    position: relative;
    padding: 0 0 0 23px;
}
.pageOnDetailCommon ul li::after {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome;
    left: 4px;
    top: 3px;
    color: 
    #ab2625;
    font-size: 12px;
}
.pageOnDetailCommon table {
    width: 100%;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
    margin-bottom: 1rem;
    color: #212529;   
}
.pageOnDetailCommon table thead tr th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px;
    background:red;
    color:#fff;
}
.pageOnDetailCommon table tbody tr td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px;
}
.imageDefault {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #ffc0bb;
    float: left;
    margin-right: 5px;
}
.reviwInner {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: 30px;
}
.detailOfReviewd {
    width: calc(100% - 100px);
    display: inline-block;
}
.outerOFsubmitBtn {
    text-align: right;
}
.videoIframeInenr iframe {
    min-height: 200px;
    margin-top: 20px;
}
.dataTxt {
    font-weight: 600;
}
.titlBok {
    color: #aaa;
}
/*=====================bookDetail===========================*/
/*=============================CheckOut=================================*/

.frmdtl {
    background: white;
    padding: 10px;  
    box-shadow: 0 0 30px 0 #9ab0aa;
}

/*=============================CheckOut=================================*/

/*=========================Account Wishlist==================================*/
.imgOterone.col-sm-1.WishLstPdg {
    padding: 0;
}
.starWish .fa.fa-star {
    color: #f63;
    float: left;
    padding: 0;
}
.starWish {
    margin: 10px 0 10px 0;
    float: left;
}
.contrndsfOtr .manePdrt {
    font-size: 12px;
    font-weight: 600;
}
.contrndsfOtr {
    padding: 13px 0 13px 0;
}
.contTnrfOtr .manePdrt {
    font-size: 30px;
    color: #f63;
    margin: 17px 0 0 0;
}
.contTnrfOtr .manePdrt .fa.fa-inr {
    color: #f63;
    padding: 0 5px 0px 0;
    font-size: 28px;
}

.btnOtrDmtn .btnbYnow a {
    border: 1px solid #f63;
    padding: 10px 50px 10px 50px;
    background: #f63;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}
.btnOtrDmtn .btnbYnow a:hover {
    color: #f63;
    background: #fff;
}
.btnOtrDmtn {
    text-align: center;
    padding: 12px 0 0 0;
}
.btnOtrDmtn .contrmntDate {
    font-size: 12px;
    margin: 0 0 15px 0;
}
#myWishListIndx {
    float: left;
    padding: 10px;
}
.cosossindersds .fa.fa-times {
    background: #d50808;
    border-radius: 30px;
    padding: 6px 8px 6px 8px;
    margin: 20px 0 0 0;
    cursor: pointer;
}
.myacountListinr .bdersoadfer {
    border: 1px solid #eaeaea;
    padding: 10px;
    margin-bottom: 10px;
}
/*.oldpdreader {
    margin: 30px 0 0 0;
}*/
.manePdrt .delevaryDate {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.orderNo {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 10px;
}
.orderNo .orderNoInr {
    background: #f63;
    float: left;
    padding: 10px 20px 10px 20px;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.trackOert a {
    padding: 5px 20px 6px 20px;
    border: 1px solid #f63;
    float: right;
    color: #f63;
    text-decoration: none;
}
.trackOert {
    float: right;
}
.invoieLink a {
    margin: 10px 0 0 0;
    float: left;
    color: #282828;
}
.oldpdreader .fa.fa-inr {
    color: #000;
    padding: 10px 3px 0px 0;
}
.titleHdg {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 4px 0;
}
.cosossindersds .fa.fa-trash {
    color: #d00e0e;
    margin: 30px 0 0 0;
    font-size: 22px;
    cursor: pointer;
}
.imgiconae {
    width: 103px;
    height: 103px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #ececec;
    padding: 7px;
    margin: 0 auto;
}
.rewardsInr {
    float: left;
    width: 140px;
    text-align: center;
    padding: 10px;
    border: 1px dashed #fdcdbd;
    margin: 10px 5px 10px 5px;
}
.reworamdtOrPoints {
    float: left;
    width: 100%;
    text-align: center;
}
.reworamdtOrPoints .fotniasf {
    font-size: 18px;
    color: #f63;
    font-weight: 600;
}
.reworamdtOrPoints .resnOntestadmnt {
    font-size: 11px;
}
.totalrevordPnts {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 30px;
}
.totalredasfae .txttoal {
    font-size: 28px;
    margin: 0 10px 0 0;
}

.totalredasfae .Points {
    font-size: 27px;
    background: #f63;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
}
.totalredasfae {
    float: left;
}
.newslatterIme {
    padding: 10px;
}
.emailpudderd h2 {
    font-size: 19px;
    margin: 16px 0 9px 0px;
    color: #000;
}
.newslatterIme input {
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.updadfvanfad .login100-form-btn {
    float: left;
    width: 150px;
    margin: 10px 10px 20px 10px;
}
.updadfvanfad {
    float: left;
    width: 100%;
}

/*=========================Account Wishlist==================================*/

.starrever.tesonapen .reviewCntnt {
    color: #fff;
}
.imgiconr.brdonTest {
    border-color: #fff;
}
.starrever.tesonapen .naorevie {
    color: #ff6c00;
}
.imgiconr.brdonTest {
    border: 6px solid #fff;
    height: 200px;
}
.section-heading.hgrctrlBoB h2 .underTxtcls {
    font-size: 16px;
    text-transform: none;
}
.section-heading.hgrctrlBoB.CoachingBgadf h2::after {
    height: 1px;
    width: 850px;
    margin-left: -425px;
    top: 25%;
}
.mrndpdeontrslisfst {
    margin-bottom: 30px;
}

.obncarthedr {
    background: #f2f2f2;
    padding: 10px;
    text-align: center;
}
.oncatpade.cosossindersds .fa.fa-trash {
    color: #d00e0e;
    margin: 15px 0 0 0;
    font-size: 22px;
    cursor: pointer;
    padding: 9px 11px 9px 12px;
    transition: .2s;
    border-radius: 50%;
}
.oncatpade.cosossindersds .fa.fa-trash:hover {
    background: red;
    color: #fff;
}
.hgtEque {
    height: 93px;
}   
.hgtEque.pad0Oncrt .quantityOntest #number {
    margin: 0 12px;
}
.inptOrtCPn .cpncdEntr input {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 52px;
    border-radius: 40px;
    padding: 10px;
}
.inptOrtCPn .cpncdEntr input::placeholder {
    color: #868686;
    font-weight: 400;
}
.btnonsd.butItOnCatr button {
    margin-top: 0;
}
.dshdbrdtp {
    border-top: 1px dashed #de328a;
    padding-top: 10px;
}
.ocnListofcInr .testListOtrtxt .cartHdr h2 {
    margin: 15px 0 12px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.totalInrCrt table tr td {
    padding: 10px;
    color: #000;
}
.btnonsd.bgbfillgrndt.btncarPdrs button {
    margin-top: 15px;
}
/*=============================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;
}
/*=============================CheckOut=================================*/

.jobsOtrSec {
    border: 1px solid #d9d9d9;
    padding: 10px;
    box-shadow: 0 0 9px 0 #d0d0d0;
}
.imgiconjobs {
    text-align: center;
}
.imgiconjobs img {
    width: 102px;
    margin: 0 auto;
}
.mrgnonasdc {
    margin: 30px 0 30px 0;
}
.headignOnjbTb {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    color: #f63;
}
.jobsOtrSec .jobximg {
    margin: 50px 0 50px 0;
}
.headingOnJob {
    text-align: center;
}
.jobpublitnpre .fa.fa-chevron-left {
    color: #fff;
    position: absolute;
    top: 105px;
    background: rgba(0,0,0,.5);
    left: -35px;
}
.jobpublitnnext .fa.fa-chevron-right {

    color: #fff;
    background: rgba(0,0,0,.6);
    right: -30px;
    position: absolute;
    top: 105px;

}
.cartpublitnpre .fa.fa-chevron-left {
    color: #fff;
    position: absolute;
    top: 105px;
    background: rgba(0,0,0,.5);
    left: -35px;
}
.cartpublitnnext .fa.fa-chevron-right {

    color: #fff;
    background: rgba(0,0,0,.6);
    right: -30px;
    position: absolute;
    top: 105px;

}
.techpublitnpre .fa.fa-chevron-left {
    color: #fff;
    position: absolute;
    top: 139px;
    background: rgba(0,0,0,.5);
    left: -35px;
}
.techpublitnnext .fa.fa-chevron-right {

    color: #fff;
    background: rgba(0,0,0,.6);
    right: -30px;
    position: absolute;
    top: 139px;

}
.otrofparnmbjbs {
    position: relative;
}
.parinamTechsSlidr12.maniOnhoveall .hoerOnefct.parinamTechsSlidr li {
    height: 245px;
}
.parinamTechsSlidr12.maniOnhoveall .hoerOnefct.parinamTechsSlidr li .theoHoveSpsl .theHvrPnr {
    width: 200px;
    height: 200px;
}
.parinamTechsSlidr12.maniOnhoveall .hoerOnefct.parinamTechsSlidr li .theoHoveSpsl {
    width: 200px;
    height: 200px;
    top: 23px;
    left: 22px;
}
.jobsOtrSec.PariOtrSec .jobximg.Pariximg {
    margin: 30px 0 30px 0;
}
.giftCrtdIm .giftImg {
    margin: 10px 0 20px 0;
    box-shadow: 1px 5px 10px 0 #afafaf;
    border-radius: 12px;
    transition: .2s;
}
.giftImg:hover {
    transform: scale(1.06);
    box-shadow: 0 0 10px 0;
}
.flip-card-inner.coponcodeInr .flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
}
.flip-card-inner.coponcodeInr {
    height: auto;
}
.flip-card-back.coponCodeflp .haddingAlBk.copnBk h2 {
    margin: 60px 0 0 0;
}
.flip-card-back.coponCodeflp .haddingAlBk.copnBk h2 {
    margin: 56px auto 0;
    border: 1px dashed;
    width: 190px;
    padding: 9px;
}
.flip-card.coponCode {
    height: auto;
}
.flip-card.coponCode {
    height: auto;
    margin: 16px 0 0 0;
}
.ionFrenInr .praOfrsd {
    font-size: 12px;
}
.ionFrenInr .offpraPtnr {
    font-size: 28px;
    color: green;
}
.icononPrtneInt img {
    height: 186px;
}
.ionFrenInr .praOfrsd {
    font-size: 12px;
    margin: 15px 0 0 0;
}
.fran_materInr.patnrDrnt .iconfranOtr { 
    border-right: 1px solid #f63;
}
.prasaewr p {
    font-size: 12px;
}
.scndOfr .praonerjar {
    float: left;
    font-size: 12px;
}
.btnPtnroff a {
    background: #f63;
    padding: 10px 20px 10px 20px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
}
.listoatr h3 {
    color: #fff;
}
.btnonsd button {
    border: 2px solid #de3294;
    margin: 40px 0 0 0;
    margin-top: 40px;
    width: 100%;
    height: 54px;
    color:#de3294;
    border-radius: 2px;
    border-radius: 35px;
}
.btnonsd button:hover, .value-button:hover {
    background-image: #de3343;
    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:#de3294;
}
.HeadingFopage {
    text-align: center;
    margin: 30px 0 0 0;
}
.HeadingFopage h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #f63;
}
/*=====================Cart=======================*/
/*=========================Cart==================================*/
.insViddm.inmOncart {
    text-align: center;
}

.insViddm.inmOncart .contanme .uperdifnedf {
    font-size: 27px;
    font-weight: 600;
    color: #de3362;
    width: 100%;
    float: left;
}

.insViddm.inmOncart .contanme .inrTxtader {
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
 .testListOtrtxt {
    padding: 10px 10px 10px 10px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.insViddm.inmOncart {
    text-align: center;
}
.imageOfItem {
    width: 90px
}
.imgOncrtadadf {
    width: 102px;
    margin: 0 auto;
}
.insViddm.inmOncart .contanme .uperdifnedf {
    font-size: 27px;
    font-weight: 600;
    color: #de3362;
    width: 100%;
    float: left;
}
.insViddm.inmOncart .contanme .inrTxtader {
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.listtestonArsdOrt .mrndpdeontrslisfst .ocnListOftest {
    border: 1px solid #f2f2f2;
    float: left;
    width: 100%;
    box-shadow: 0 0 10px 0 #bfbfbf;
}

.quantityOntest {
    float: left;
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 8px;
    box-shadow: 0 0 5px 0 #f2f2f2;
    border-radius: 32px;
}
.fronclunotr {
    margin: 0 auto;
    width: 200px;
}
.value-button {
    float: left;
    border: 1px solid #e8e8e8;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    color:#de3294;
    font-weight: 600;
}
.contTnrfOtr .quantityOntest .fronclunotr #number {
    margin: 0 12px;
    float: left;
    width: 40px;
    text-align: center;
    border: none;
    height: 40px;
}
.contTnrfOtr {
    width: 162px;
}
.value-button {
    float: left;
    border: 1px solid  #e8e8e8;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    color: #de3294;
    font-weight: 600;
}

.removeFile .fa.fa-trash {
    color: 
    #d00e0e;
    font-size: 22px;
    cursor: pointer;
    padding: 9px 11px 9px 12px;
    transition: .2s;
    border-radius: 50%;
}

.tableOfdataOuter .tableInner {
    width: 100%;
}
.tableOfdataOuter .tableInner thead tr th {
    background: #f2f2f2;
    padding: 10px;
}
.tableOfdataOuter .tableInner tbody tr td {
    padding: 10px;
}
.tableOfdataOuter .tableInner tbody {
    border: 1px solid 
    #f2f2f2;
}
.tableOfdataOuter .tableInner tbody tr:nth-child(2) td {
    border-top: 1px dashed 
    #de3294;
}
.fullName {
    font-size: 22px;
    font-weight: 600;
}
.addrssDetial p {
    margin-bottom: 0;
}
.billingAddress {
    padding: 10px;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.dtlInr.listtestonArsdOrt {
    margin-top: 40px;
}
.ouerOfaddersBillSaved {
    float: left;
    width: 57%;
}
.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;
}
.removeAddress .fa.fa-edit:hover {
    background: blue;
    color:#fff;
}
.removeAddress .fa {
    font-size: 28px;
}
.removeAddress .fa.fa-trash:hover {
    background: red;
    color:#fff;
}
/*=========================Cart==================================*/
/*=========================FilterCss==================================*/
.outerOFsubOrdinat .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}
.outerOFsubOrdinat .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: 
#212121;
background-color:
#24305E;
border-color:
    #EEEEEE;
}
.outerOFsubOrdinat .panel-title {
    font-size: 14px;
    margin-bottom: 0;
}
.outerOFsubOrdinat .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    border-top: 1px solid #fff;
}
.outerOFsubOrdinat .more-less {
    float: right;
    color: #fff;
}
.outerOFsubOrdinat .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.outerOFsubOrdinat .glyphicon-plus::before {
    content: "\2b";
    font-size: 24px;
    font-weight: 800;
    line-height: 18px;
}
.outerOFsubOrdinat .glyphicon-minus::before {
    content: "\2212";
    font-size: 24px;
    font-weight: 800;
    line-height: 18px;
}
.listOFCourse {
    background: #e1e1e1;
    padding: 10px;
    height: 250px;
    overflow: auto;
}
.listOFCourse ul {
    padding: 0;
}
.listOFCourse ul li a {
    color: #444;
}
.filterULLi .checkbox label input {
    margin: 0 7px 0 0;
    vertical-align: baseline;
}
/*=========================FilterCss==================================*/
/*==============Log in page===============*/
.loginOuter .card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.loginOuter .card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.loginOuter .card-signin .card-img-left {
  width: 45%;
  /* Link to your background image using in the property below! */
  background: scroll center url('https://staticparinam.s3.ap-south-1.amazonaws.com/registerOffer.jpg');
  background-size: cover;
}

.loginOuter .card-signin .card-body {
    padding: 2rem;
    border-left: 1px solid 
    #baffef;
}

.loginOuter .form-signin {
  width: 100%;
}

.loginOuter .form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

.loginOuter .form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.loginOuter .form-label-group input {
  height: auto;
  border-radius: 2rem;
}

.loginOuter .form-label-group>input,
.loginOuter .form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.loginOuter .form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.loginOuter .form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.loginOuter .form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.loginOuter .form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.loginOuter .form-label-group input::-moz-placeholder {
  color: transparent;
}

.loginOuter .form-label-group input::placeholder {
  color: transparent;
}

.loginOuter .form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.loginOuter .form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

.loginOuter .btn-google {
  color: white;
  background-color: #ea4335;
}

.loginOuter .btn-facebook {
  color: white;
  background-color: #3b5998;
}
:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem;
}
.loginOuter {
    float: left;
    width: 100%;
    background-image: #de3343;
    background-image: -moz-linear-gradient(top, #f63 1%, #640249 90%);
    background-image: -webkit-linear-gradient(top, #f63 1%,#640249 90%);
    background-image: linear-gradient(to bottom, #f63 1%,#640249 90%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to bottom, #f63 0%, #640249 90%);
    border-bottom: 1px solid #fff;
    padding-bottom: 50px;
}
/*==============Log in page===============*/
/*==============My account page===============*/
.outerOfMyaccount {
    background-color: #f1f3f6;
}
.imgofProfile {
    width: 20%;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.nameAndpare p {
    margin: 0;
    color: #f63;
    font-size: 14px;
    font-weight: 800;
}
.nameAndpare h3 {
    font-size: 20px;
    margin: 0;
}
.nameAndpare {
    float: left;
    width: 70%;
    padding: 0 0 0 6px;
}
.myAccountProfile {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 3px 0 #a5a5a5;
}
.outerOfsideBar {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    box-shadow: 0 0 3px 0 #a5a5a5;
}
.myOrder a img {
    width: 24px;
    float: left;
}
.myOrder a {
    padding: 11px 0 10px 10px;
    float: left;
    width: 100%;
}
.myOrder {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}
.btnOforder {
    float: left;
    width: 70%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #444;
    padding: 0px 0 0 5px;
}
.mainttitle img {
    width: 17px;
    float: left;
}

.mainttitle {
    float: left;
    width: 100%;
    padding: 10px;
}
.mainTitleList {
    float: left;
    width: 90%;
    padding: 0 0 0 6px;
    text-transform: uppercase;
    font-weight: 600;
}  
.myOrder .linkOuter a {
    padding: 8px 0 8px 60px;
    color: #686868;
    text-decoration: none;
} 
.myOrder a:hover .btnOforder {
    color: #f64;
}
.linkOuter a:hover .itemList {
    color: #f63;
}
.myOrder .linkOuter a:hover {
    background: #e1ffe1;
}
.outerOfSideBar {
    float: left;
    width: 100%;
}
.outerOfmyaccountleft {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 3px 0 #a5a5a5;
    min-height: 432px;
}
.headingProfile h3 {
    color: #f63;
}
.outerOfMyaccount {
    background-color: #f1f3f6;
    padding: 60px 0 90px 0;
}
.profileinner {
    padding: 20px 20px 30px 20px;
}
.btnOfedit {
    float: right;
}
span.firsthdt {
    float: left;
    width: 15%;
}
span.secontthing {
    font-weight: 600;
}
.form-group.btnofsubmit {
    text-align: right;
}
/*==============My account page===============*/
/*================My account Coupon code==================*/
.flip-card.coponCode {
    height: auto;
    margin: 15px 0 15px 0;
    background-color: transparent;
    width: 100%;
    perspective: 1000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 
    rgba(0,0,0,0.2);
}
.flip-card-inner.coponcodeInr .flip-card-back {
    background-color: #2980b9;
    color:white;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.haddingAlBk.copnBk{
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.flip-card-back.coponCodeflp .haddingAlBk.copnBk h2 {
    margin: 0px auto 0;
    border: 1px dashed;
    width: 190px;
    padding: 9px;
    font-size: 25px;
    color: #fff;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.haddingAlBk.copnBk .btn {
    color: #fff;
    border: 1px solid;
    margin: 6px 0 0 0;
    padding: 0px 15px 3px 15px;
}
.haddingAlBk.copnBk .btn:hover {
    background: #f63;
}
/*==================Edit profile===============*/
.form-check-label.wthonFormAccount {
    min-width: 76px;
}
.form-group.widthCtrl {
    width: 50%;
    float: left;
}
.form-group.widthCtrl:nth-child(1) {
    padding: 0 10px 0 0;
}
/*==================Edit profile===============*/
/*==================Order list===============*/
.myacountListinr .bdersoadfer {
    border: 1px solid #eaeaea;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.orderNo {
    float: left;
    width: 100%;
    background: 
    #f2f2f2;
    padding: 10px;
}
.orderNo .orderNoInr {
    background: #f63;
    float: left;
    padding: 5px 20px 5px 20px;
    color:#fff;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.contrndsfOtr {
    padding: 13px 0 13px 0;
}
.contrndsfOtr .manePdrt {
    font-size: 12px;
    font-weight: 600;
}

.manePdrt {
    font-size: 20px;
    font-weight: 600;
    color: #139a62;
}
.mtrondrt {
    float: left;
    width: calc(100% - 100px);
    padding: 20px 0 17px 20px;
}
.deletBtn .fa.fa-trash-o {
    margin-top: 61px;
    font-size: 29px;
    color: #ddd;
}
.deletBtn .fa.fa-trash-o:hover {
    color: red;
    cursor: pointer;
}
.manePdrt .delevaryDate {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.contTnrfOtr .manePdrt {
    margin: 17px 0 0 0;
}
.invoieLink a {
    margin: 10px 0 0 0;
    float: left;
    color:#f63;
}
.trackOert {
    text-align: right;
    margin: 7px 10px 0 0;
    font-size: 13px;
    color: #828282;
}
.oldpdreader span {
    font-weight: 600;
    font-size: 17px;
}
.dropdown-toggle:hover .dropdown-menu {
    display: block;
    z-index: 9999;
}
.uperheaderMatter.dropdown-toggle {
    position: relative;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-menu2 {
    display: none;
}
.dropdown-menu2 {
    position: absolute;
    top: 0;
    left: 100%;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid
    rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 3px;
}
.dropdown-menu3 {
    display: none;
}

.dropdown-menu3 {
    position: absolute;
    top: 0;
    left: 100%;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
    border: 1px solid
    rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 3px;
}
.dropdown-submenu:hover .dropdown-menu2 {
    display: block;
}
.dropdown-menu .dropdown-submenu .dropdown-menu2 .dropdown-submenu:hover .dropdown-menu3 {
    display: block;
}

.uperheaderMatter .dropdown-menu li a {
    text-decoration: none;
    color: #444;
    font-size: 14px;
}
.uperheaderMatter .dropdown-menu li:hover {
    background: #ececec;
}
.uperheaderMatter .dropdown-menu li {
    border-bottom: 1px dashed #ddd;
    padding: 2px 10px 2px 10px;
}
.uperheaderMatter.dropdown-toggle .fa {
    font-size: 14px;
    padding: 6px;
    float: right;
}
.uperheaderMatter.dropdown-toggle .dropdown-menu {
    margin-top: 0;
}
.imaggeOfbook {
    width: 100px;
    float: left;
}
.btnOfbuyNow .btnBuyNow {
    border: 1px solid;
    padding: 4px 10px 4px 10px;
}
.btnOfbuyNow {
    margin: 12px 0 0 0;
}
.btnOfbuyNow .btnBuyNow:hover {
    text-decoration: none;
    background: red;
    color:#fff;
    border-color:red;
}
.outerOfbtn {
    text-align: center;
}
.outerOfSection {
    background: rgba(0,0,0,.7);
    padding: 40px 0 40px 0;
    margin: 3px 0 10px 0;
}
.effect-ming.margenAcordingHeight:hover p {
    margin: 26% auto;
}
.titleOfBook h5 {
    color: #fff;
    font-size: 18px;
}
.titleOfBook {
    text-align: center;
}
.effect-ming.margenAcordingHeight {
    margin-bottom: 6px;
}
/*==================Order list===============*/ 

/*================My account Coupon code==================*/
.paddingOnMaterial {
    padding: 0 15px 0 14px;
}
/*=================footer==========*/
.bgclrSb {
    background: #000;
    margin-top: 0px;
    float: left;
    width: 100%;
}
.subInr form {
    float: left;
}
.subInr form label {
    color: #fff;
    font-size: 22px;
    margin: 0 13px 0 0;
}
.subInr form input {
    border: 1px solid #fff;
    margin: 33px 0;
    color: #1c1c1c;
    font-weight: 400;
    background: #fff;
    width: 180px;
        padding: 5px 10px 4px 10px;
}
.btn.btnsubCrip {
    background: none;
    border: 1px solid #fff;
    padding: 0px 20px 0px 20px;
    height: 37px;
    margin: -5px 0 0 0;
    color: #fff;
}
.frmtOtr2 {
    margin: 0 0 0 22px;
}

/*=================footer==========*/
/*================parinam publication==================*/
.addressOnFuter {
    color:  #fff;
}
.MobileICon .fa.fa-mobile {
    font-size: 50px;
    color: #fff;
}
.MobileICon {
    float: left;
}
.NumberOfmobile {
    color: #fff;
    float: left;
    width: 90%;
}
.MobileICon {
    float: left;
    width: 10%;
}
.emailOn {
    float: left;
    width: 100%;
    color: #fff;
}
.emailOn .fa {
    margin: 0 9px 0 0;
}
.footerDivInner h3 {
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;

}
.listOFAllCourses ul {
    padding: 0;
    float: left;
    width: 100%;
}
.listOFAllCourses ul li {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0px 5px 23px;
    transition: .2s;
}
.fbIconSet ul li a {
    color: 
    #fff;
    text-decoration: none;
    transition: .2s;
    margin: 0 0 5px 0;
    line-height: 30px;
    padding-left: 0px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    border: none;
}
.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;
}

.listOFAllCourses ul li a {
    color: #fff;
    font-size: 12px;
    width: 100%;
    float: left;
}
.listOFAllCourses ul li a:hover {
    text-decoration: none;
}
.fbIconSet {
    float: left;
    width: 50%;
}
.listOFAllCourses ul li::after {
    content: "\f101";
    position: absolute;
    font-family: FontAwesome;
    left: 4px;
    top: 4px;
    color: #fff;
    font-size: 15px;
    transition: .2s;
}
.fbIconSet ul {
    padding: 0 0 0 10px;
}
.fbIconSet ul li {
    float: left;
    width: 100%;
    margin: 2px 0 2px 0;
}
.ourBusinessVertical {
    color: #fff;
    text-align: center;
}
.ourvertical h3 {
    font-size: 21px;
    color: #fff;
    margin: 0;
    font-weight: 600;
}
.ourvertical p {
    color: #fff;
    font-size: 13px;
}
/*================Footer Of parinam publication==================*/
.mobileMenuOuter {
    position: relative;
}
.custom-control.inputOnDeliveryAddress {
   float: left;
    margin: 7px 0 0 0;
    width: 24px;
}
.addNewAddress {
    float: left;
    width: 100%;
    text-align: right;
}
.onMobileCartSetail {
    display: none;
}
.mobileMenuOuter {
    position: relative;
    display: none;
}
.mobileMenuOuter.menuOnCandintaePanel {
    display: none;
}
/*==============================
*/
.stellarnav ul ul ul.columSplit3 {
    width: 500px;
}
.stellarnav ul ul ul.columSplit2 {
    width: 400px;
}
.columSplit2 {
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
}
.columSplit3 {
  -webkit-column-count: 3; /* Old Chrome, Safari and Opera */
  -moz-column-count: 3; /* Old Firefox */
  column-count: 3;
}
.stellarnav.desktop li a:hover {
    background: #139a62;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;padding: 6px;
  margin-top: 4px;
  font-size: 17px;
  border: none;
  margin-bottom: 4px;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 4px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  margin-bottom: 4px;
}

.topnav .search-container button:hover {
  background: #ccc;
}
/*==========Slider with Query form=========*/
.bannersliderOuter {
    background: url(../images/bgBanner.jpg) no-repeat center center fixed;
    background-size: cover;
    float: none;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
}
.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;
    float: left;
    width: 100%;
}
.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;
}
.bgBlkbok .fltrTop .slctFltr option {
    color: #000;
}

.slickpre.bannerTopUpscPre {
    left: 0;
}
.slicknext.bannerTopUpscNext {
    right: 0;
}
.backgrounOfQueryform {
    background: #f00;
}
.backgrounOfQueryform:hover {
    background: #ce0000;
}
.currentLink {
    float: left;
    width: 100%;
}
.backgroundWhite {
    margin-bottom: 20px;
}
.headingSection h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.mrpPrice del {
    color: #939393;
}
.onMobileInner {
    float: left;
    width: 60%;
}
.straOnBook .fa {
    font-size: 12px;
    color: green;
}

.outerOftimer div#showDate {
    color: #fff;
    font-size: 30px;
    padding: 3px 10px 3px 10px;
}
.imageIFDeakOfDay {
    float: left;
    width: 30%;
}
.timerCoundown {
    background: #000;
}
.outerOfDealProduct {
    float: left;
    width: 100%;
}
.priceOndiscount {
    font-size: 20px;
    font-weight: 600;
}
.offerPriece {
    color: green;
    font-size: 12px;
}
.HeadingOfdealDay h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
/*==========Slider with Query form=========*/

.wrapper {
  text-align: center;
}
.time {
  color: #fff;
  font-size: 6em;
}
.label {
  font-size: 2em;
  display: block;
  color: #aaa;
}
.bg {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
}
/*===============timerOuter=====================*/

.titleOFCoundow {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    color: #fff;

}
.timerOFDailyDeal #coundowntimerSlide {
    color: #fff;
    font-size: 14px;
}
.timerOFDailyDeal p{
    margin-bottom: 0;
    font-weight: 600;
}

.timerOFDailyDeal {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    padding: 5px 10px 5px 10px;
}
.HeadingOfdealDay {
    margin-bottom: 30px;
}
.dealOftheDay {
    position: relative;
    float: left;
    width: 100%;
}
.timerOFDailyDeal {
    position: absolute;
    right: -10px;
    top: -9px;
    background: #ff0101;
    padding: 5px 10px 5px 10px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.dealOftheDay.borderBottom {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.timerOFDailyDeal #coundowntimerSlideweek {
    color: #fff;
}
.breadcrum li a {
    font-size: 11px;
}
.breadcrum li {
    font-size: 12px;
}
/*========Banner Addtional============*/
.dealOftheDay.colorUpdate {
    background: #000;
    padding: 10px;
}
.dealOftheDay.colorUpdate .HeadingOfdealDay h3 {
    color: #fff;
    font-size: 15px;
}
.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 {
    color: #fff;
}
.spacialSlider.outerInnerUpdate .onMobileInner {
    padding-left: 10px;
}
.dealOftheDay.colorUpdate.colorBlue {
    background: #1c17a8;
}
/*========Banner Addtional============*/


/*===============timerOuter=====================*/
/*=====================about Us Page======================== */
.imgofaunor {
    width: 151px;
    float: left;
    height: auto;
    border: 1px solid #b5b5b5;
    margin: 0 11px 0 0;
}
.cart .examDetail.withacordingTild {
    width: calc(100% - 180px);
    float: left;
}
.cart .examDetail.withacordingTild .titleDate h2 {
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #bdbdbd;
}
.cart .examDetail.withacordingTild h3 {
    margin: 0 0 0 0;
    font-size: 14px;
}
.cart .examDetail.withacordingTild .titleDate {
    width: calc(100%);
}

.imgIrnthr .emplyotrthe .mainmtr {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
}
.imgIrnthr .emplyotrthe .numberother {
    font-size: 42px;
    color: #fff;
    font-weight: 600;
}
.imgIrnthr.hgtonabutofvisi .emplyotrthe .numberother {
    font-size: 57px;
    line-height: 52px;
}
.imgIrnthr.normalEft .emplyotrthe p {
    font-size: 30px;
}
.imgIrnthr.normalEft .emplyotrthe p {
    font-size: 21px;
    margin: 0;
    padding: 5px 0 5px 0;
    color: #fff;
    font-weight: 600;
}
.imgIrnthr.normalEft .emplyotrthe {
    width: 100%;
}
.imgIrnthr.normalEft .emplyotrthe p .numberwithoutTeb {
    font-size: 28px;
    font-weight: 800;
}
.imgIrnthr .emplyotrthe {
    float: left;
    padding: 0 0 0px 10px;
    width: 20%;
    height: 100%;
}
.imgIrnthr.hgtonabutofvisi .emplyotrthe .numberother h3 {
    margin: 10px 0 0 0;
    float: right;
    font-size: 34px;
    color: #fff;
}
.imgIrnthr.hgtonabutofvisi .emplyotrthe {
    width: 47%;
    padding: 30px 0px 0px 14px;
}
.imgIrnthr.hgtonabutofvisi .iconabotu {
    width: 53%;
}
.imgIrnthr.hgtonabutofvisi .iconabotu .iconinrabout .fa {
    font-size: 40px;
}
.imgIrnthr.hgtonabutofvisi .iconabotu .iconinrabout {
    margin: 15px 0 0 0;
}

.imgIrnthr {
    background: #f63;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.iconabotu {
    float: left;
    width: 80%;
}
.iconinrabout .fa {
    padding: 0;
    font-size: 52px;
    margin: 11px 0 0 0;
}
.fontIconbf.svgotrinabout svg {
    width: 72px;
}
.headingwho {
    text-align: center;
}
.headingwho .headingingwho h2 {
    color: #ff6633;
    font-weight: 600;
    margin: 0 0 12px 0;
}
.fontIconbf.svgotrinabout1 svg {
    height: 76px;
}
.hgrctrlBoB.hddgofAbot h2 {
    margin: 0;
}
.hgrctrlBoB.hddgofAbot {
    padding: 0;
}
.imgIrnthr.hgtonabutofvisi {
    height: 142px;
    margin: 20px 0 20px 0;
}
.missinlist li {
    font-size: 12px;
    line-height: 14px;
    list-style: disc;
    text-align: left;
    margin-bottom: 8px;
}
.section-heading.hgrctrlBoB.lineaboursudd h2::after {
    width: 1100px;
    left: 29%;
}
.hgrctrlBoB.lineaboursudd p {
    font-size: 14px;
}
.iconinrabout i.fa {
    color: #fff;
}
.contactUsMtrInr {
    padding: 15px;
    border-radius: 3px;
    min-height: 310px;
    background-color: #fff;
    -moz-box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.2);
}
.outerOfAboutUs {
    margin-bottom: 40px;
}
.marginTopPnAboutUsPage {
    margin-top: 40px;
}
/*<!--=====================about Us Page========================-->*/
/*<=====================Privacy Policy========================*/
.dislmMtr {
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 10px;
    box-shadow: 0 0 7px 0;
    text-align: justify;
    margin: 10px 0 40px 0;
}
.disclm {
    float: left;
    width: 100%;
    margin: 10px 0px 40px 0;
}
.disclm .peraPlcy {
    font-size: 13px;
    line-height: 22px;
}
.disclm .noteicePlc {
    font-size: 12px;
    color: #aeae07;
}
.privcyMtrOtr {
    border: 1px solid #ff6662;
    padding: 20px;
    margin-top: 28px;
    position: relative;
}
.privcyMtrOtr .heading {
    position: absolute;
    margin: -41px 0 0 0;
    background: #fff;
    padding: 0 10px 0 10px;
}
.mtrDisInr {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 11px;
}
.privcyMtrOtr .heading h3 {
    color: #f63;
    margin-bottom: 0;
    margin-top: 0;
}
.mtrDisInr ul li {
    list-style: disclosure-closed;
}
.mtrDisInr ul li ol li {
    list-style: decimal;
}
.listOFAllCourses ul li:hover::after {
    left: 14px;
}
.listOFAllCourses ul li:hover {
    padding-left: 30px;
}
/*<=====================Privacy Policy========================*/
.headingOnCoaching h2 {
    font-weight: 600;
    text-transform: uppercase;
    font-family: arial;
    color: #444;
}
.headingOnCoaching {
    text-align: center;
    width: 100%;
    margin: 42px 0 0 0;
}
/*====================InputValueOnDetailPage======================*/
    

.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: 15px;
}
.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======================*/

.jobfooterOuter {
    float: left;
    width: 100%;
}
/*====================ModlaFlipBook======================*/

#reader-container.flipBokCtrlOnHome {
    top: 0;
}
.modal-body.heightOfModalFlipBook {
    height: 490px;
    background: #e6e6e6;
}

/*====================ModlaFlipBook======================*/
.nav.nav-pills.outerOdTestSeries .nav-link {
    border-radius: 0;
    color: #444;
    border: 1px solid #444;
    padding: 2px 10px 2px 10px;
}
.nav.nav-pills.outerOdTestSeries .nav-link.active, .nav.nav-pills.outerOdTestSeries .show > .nav-link {
    color: #fff;
    background-color:#f00;
}
.nav.nav-pills.outerOdTestSeries li {
    width: 33.33%;
    text-align: center;
}
/*===============Detail page FlipBook================*/
#reader-container.OuterOfFlipDetail {
    top: 0;
    min-height: 400px;
}
.outerOFdetailFlipbook {
    position: relative;
    height: 400px;
}
.outerOFdetailFlipbook {
    position: relative;
    height: 400px;
    background: #ddd;
}
/*===============Detail page FlipBook================*/
.bgredOnpublication {
    background: red;
    margin: 10px 0 0 0;
}
.homepage .scaffolding .nav.nav-pills li.nav-item a.nav-link {
    border: 1px solid;
    margin: 0 5px 0 6px;
}
.viewAllButtonOuter {
    text-align: right;
    width: 100%;
    margin: 10px 0 20px 0;
}
.viewAllButtonOuter .btnAall {
    background: red;
    padding: 8px 20px 8px 20px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid;
}
.viewAllButtonOuter .btnAall:hover {
    background: #fff;
    color: red;
    border-color: #fff;
}
/*===============Study Material================*/

.headingOfstyDyMaterial {
    text-align: center;
    margin: 0 0 30px 0;
}
.headingOfstyDyMaterial h2 {
    color: #fff;
}
.publictinOtr.studyMatiralLatest {
    background: #fff;
    padding: 10px;
    transition: .2s;
}
.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: 20px 0 10px 0;
}
.priceInnerMaterial .mrpPrice {
    font-size: 13px;
}
.priceInnerMaterial {
    width: 175px;
    margin: 0 auto;
    border: 3px solid #bbb;
    padding: 10px 5px 10px 5px;
    position: relative;
}
.costpriceMaterial {
    font-size: 25px;
    font-weight: 800;
}
.imageOFstudyMaterial {
    position: relative;
    overflow: hidden;
}
.publictinOtr.studyMatiralLatest:hover .imageOFstudyMaterial .backgroundColorRed {
    opacity: 1;
}
.offOnMaterial {
    position: absolute;
    top: -24px;
    right: -3px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    background:#07b707;
    padding: 3px 6px 3px 7px;
    border-radius: 5px 5px 0 0;
}
.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;
}
/*.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;
}
.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;
}
.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;
}

/*===============Study Material================*/
/*======================Flip book Preview==========================*/
#reader-container.flipBokCtrldetailHome {
    position: relative;
    float: left;
    width: 100%;
}
.outerOFdetailOnflip {
    display: flex;
    background: #f2f2f2;
}
.bookPreview {
    position: relative;
    float: left;
    width: 100%;
    min-height: 650px;
    background:rgba(0,0,0, .05);
    margin-bottom: 40px;
}
.headingOfBook {
    margin: 30px 0 10px 0;
}
.headingOfBook h2 {
    font-size: 22px;
}
.pamentDetail {
    padding: 30px;
    border: 4px solid #ddd;
    border-radius: 8px;
}
.outerOFdetailOnflip {
    display: flex;
    background: #FFEFBA;
    background: -webkit-radial-gradient(#FFFFFF, #FFEFBA);
    background: radial-gradient(#FFF,#FFEFBA);
}
.outerOfDetailPreview {
    margin: 40px 0 40px 0;
}
.priceOnPreview ul {
    padding: 0;
}
.sellPrice span {
    font-size: 23px;
    color: #b91919;
}
.mrpPrice {
    font-size: 14px;
    color: #777;
}
.discountPrice span:nth-child(2) {
    color: #0d820d;
}
.instockGreen {
    font-size: 21px;
    color: #1ab532;
}
.butonFobyNow .btn.buyNow {
    margin: 30px 0 0 0;
}
.discriptionDetal h3 {
    font-size: 17px;
    margin: 30px 0 3px 0;
}
.discriptionDetal ul li {
    list-style: disc;
}
/*======================Flip book Preview==========================*/
.widthAndPadding {
    width: 24%;
    padding: 0 7px 0 7px;
    display: inline-block;
}
.titleCategory {
    background: #ddd;
    text-align: center;
    padding: 10px 0 10px 0;
}
.titleCategory p {
    margin: 0;
}
.outerOFCategorySlider {
    padding: 40px 0 40px 0px;
}
.titleCategory p {
    font-weight: 600;
    margin: 0;
    color: #444;
}
.widthAndPadding a:hover {
    text-decoration: none;
}

.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;
    text-decoration: none;
}
.innerOfCategory {
    position: relative;
}
.titleOfStore h3 {
    font-size: 16px;
}
.outerOfList ul {
    padding: 0 0 0 0px;
}

.footerNew {
    background: #444;
    padding: 40px 0 40px 0;
}
.titleOfStore h3 {
    font-size: 16px;
    color: #fff;
}
.outerOFTabs .nav .nav-item a {
    padding: 10px 40px 10px 40px;
    color: #fff;
    font-size: 21px;
    border: 1px solid;
    border-radius: 0px;
}
.outerOFTabs .nav .nav-item {
    padding: 0 2px 0 0px;
}
.foorerOfBottom {
    background: #2d2d2d;
    padding: 40px 0 50px 0;
}
.outerOFCoyright p {
    color: #fff;
    text-align: center;
    margin: 20px 0 0 0;
    font-size: 12px;
}
#by_category_explore {
    margin: 10px 0 0px 0;
}
/*=============BlogHome==============*/

.listOfRightBlog {
    width: 250px;
    float: left;
}
.blogerMater {
    width: calc(100% - 253px);
    padding: 0 0 0 10px;
    float: left;
}
.blogerTitle h2 {
    font-size: 22px;
}
.PostedDate {
    font-size: 13px;
    padding: 0 20px 0 10px;
}

.blogBoxShorDetail p {
    font-size: 16px;
    color: #474747;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}
.category_Tags {
    padding: 10px 17px;
    font-size: 12px;
    background: #ffa500;
    color: #fff;
    border-radius: 90px;
}
.postAndtopic {
    margin: 10px 0 10px 0;
}
.postAndtopic {
    margin: 20px 0 23px 0;
}
.blogBoxShorDetail p::first-letter {
    font-size: 200%;
    }
.listOfRightBlog {
    width: 250px;
    float: left;
    min-height: 163px;
}
.imageBlog img {
    min-height: 166px;
}
.innerOfBlog {
    float: left;
    width: 100%;
    margin: 14px 0;
    border-bottom: 1px solid #f63;
    transition: .2s;
    padding: 10px;
} 
.outerOfBlog {
    background: #fffaf8;
    padding: 40px 0;
}
.outerOFContainerBlog {
    background: #fff;
    padding: 16px 20px;
    box-shadow: 0 0 10px 0 #e3bbbb;
}
.container-fluid.maxWidth_wrap {
    max-width: 1340px;
}   
.category_Tags:nth-child(3) {
    background: green;
}
.blogerTitle a {
    text-decoration: none;
}
.blogerTitle a h2:hover {
    text-decoration: none;
    color: #f63;
}
.innerOfBlog:hover {
    box-shadow: 0 0 9px 0 #ddd;
    transform: scale(1.02);
}
.categoryBlog {
    float: left;
    width: 50%;
    padding: 5px;
}
.iconCategory {
    background: #139a62;
    width: 100%;
    float: left;
    position: relative;
    min-height: 120px;
}
.iconCategory img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.categoryBlog a:hover .iconCategory {
    background: #f63;
}

.titleOFcategoryBlog {
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
.toptitle {
    border-bottom: 1px solid #f63;
    margin: 0 0 15px 0;
}
.toptitle h3 {
    margin: 0px 0px 5px 0;
    font-weight: 600;
    color: #444;
    font-size: 19px;
}
.listOfPopulerPost {
    height: 400px;
    overflow: auto;
}
.listOfPopulerPost ul li {
    list-style: none;
}
.postList {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #f63;
    padding: 7px 0 7px 0;
}
.cateGoryInnerStart {
    float: left;
    width: 100%;
}
.populerBlogs {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.imageOfPost {
    width: 40px;
    height: 40px;
    float: left;
}
.mateerOFBlog {
    float: left;
    width: calc(100% - 40px);
    font-size: 13px;
    color: #888;
    padding: 0 0 0 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listOfPopulerPost ul {
    padding: 0 0 0 0;
}
.imageOfPost img {
    height: 100%;
}
.postList:hover a .mateerOFBlog {
    color: #f63;
}
.innerPoulerBlog.outerOfBlogPoster {
    padding: 10px;
    box-shadow: 0 0 10px 0 #ddd;
}
.imageBlog {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 9px;
    box-shadow: 0 0 10px 0 #cacaca;
}
.blogerMaterDetail {
    margin: 20px 0 0 0;
}
.blogBoxShorDetailFull p {
    text-align: justify;
}

.omMobileCategory {
    display: none;
}
.filterIcon {
    margin: 0 0 10px 0;
}

/*=============BlogHome==============*/
.item.padinndBannerMaterial {
    padding: 6px;
}
.moreBookCategory {
    border-bottom: 10px solid #febb00;
    background: #da2128;
}
.moreBookCategory.changeColor {
    background: #b31693;
}
.moreBookCategory.changeColor2 {
    background: #3b1099;
}

/*==========================Ebook Detial===========================*/
.outerOFdetailFlipbook.ebookControl {
    border: 1px solid #d5d5d5;
    background: #cacaca;
}
/*===============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 {
    background: red;
    color: #fff;
    padding: 4px 10px 3px 10px;
    border-radius: 5px;
    font-weight: 600;
    margin: 10px 0px 0px 0;
    display: inline-block;
    text-align: center;
    font-size: 13px;
}
.btnEbookChapter:hover {
    background: #34495e;
    color: #fff;
    text-decoration: none;
}
.chapterPrice {
    border: 1px solid;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.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;
}
.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;
    display: flex;
    justify-content: center;
    align-items: center;
}
.viewDemoOuterEbook a {
    color: #fff;
    display: block;
    padding: 10px;
}
.outerOfLockIcon .fa {
    color: #fff;
}
.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 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%;
}
.outerOfCourseContent {
    padding: 40px 0;
}
.tableFeatue .table thead tr th {
    background: #f2f2f2;
}
.hedingOfEbookFeature {
    margin-bottom: 31px;
}
.outerOFdivbookDetail.outerOfeBooks {
    padding: 40px 0 40px 0;
}   
.outerOfaboutAuthor {
    padding: 40px 0 40px 0;
}
.headingOfAboutAthor {
    text-align: center;
    margin: 0 0 30px 0;
}
.innerOFcllapsseChapter {
    box-shadow: 0 0 9px 0 #ddd;
    padding: 10px;
}
.outerOFdisCriptionebook {
    padding: 40px 0 40px 0;
    background: #ececec;
}
.innerDiscripEbook{
    background: #fff;
    padding: 30px 20px 30px 20px;
}
.fullEbook h2 {
    font-size: 20px;
    margin: 20px 0 10px 0;
}
.content-service p {
    font-size: 13px;
}
.headingOnEbookRelated h2 {
    color: #fff;
}
.outerOfRelatedProGrame {
    padding: 40px 0;
    background: #b31693;
}
.headingOnEbookRelated {
    text-align: center;
    margin-bottom: 30px;
}
.relatedInnerProgrme {
    position: relative;
}

/*==========================Ebook Detial===========================*/
/*====================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;
}
.outerOfAuthorScoller {
    max-height: 321px;
    padding: 10px 20px 20px 10px;
    border: 1px solid #ddd;
}
/*====================About author====================*/

/*==================Dlp Studymaterial Design Update==================*/
.videoBgwhit.onstudyMaterial {
    background: #fff;
}
.videoBgwhit.onstudyMaterial .publictinOtr.onvideoPagePsn {
    min-height: 450px;
}
.subLag {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 9;
}
.subLag .language {
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 4px 23px 5px 20px;
    border: 1px solid #fff;
    font-size: 12px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 600;
}
.validOffrOtr {
    position: absolute;
    background: red;
    padding: 3px 5px 3px 5px;
    right: 0;
    top: 0px;
    z-index: 3;
}
.validOffrOtr .validDatrInr {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    position: relative;
}
.validOffrOtr .validDatrInr::before {
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-size: 39px;
    color: #f00;
    position: absolute;
    line-height: 24px;
    left: -18px;
    top: -4px;
    z-index: 2;
}
.offOffrUpOtr {
    position: absolute;
    background: #de3549;
    right: 0;
    top: 24px;
    width: 75px;
    z-index: 2;
}
.offrt {
    padding: 5px 5px 5px 5px;
    float: left;
}
.videoBgwhit.onstudyMaterial .offOffrUpOtr .offrt .offmt {
    font-size: 15px;
    font-weight: 600;
    float: left;
    margin: 0 5px 0 3px;
    line-height: 28px;
}
.offrt .persentSm {
    font-size: 12px;
    font-weight: 600;
    float: left;
    margin: 6px 0px 0 0px;
    line-height: 7px;
}
.offrt .Offtxt {
    float: left;
    font-size: 12px;
    width: 28%;
}
.offrt .uptooff {
    float: left;
    font-size: 11px;
    text-align: center;
    width: 100%;
}
.offrt .amtoff {
    float: left;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
.mainCourseDepart {
    padding: 10px;
    text-align: center;
    background: #efefef;
}
.mainCourseDepart h3 {
    margin: 0 0 0 0;
    color: #444;
    font-weight: 600;
    font-size: 20px;
}
.priceOfStudyMaterial {
    text-align: center;
    margin: 31px 0 10px 0;
    background: rgba(222, 201, 27, 0.4);
    padding: 1px;
}
.priceInnerMaterial {
    margin: 31px auto;
    padding: 0;
    position: relative;
    border: 6px solid violet;
    min-width: 90%;
    outline: 4px solid #3f3f3f;
    background: #fff;
}
.priceInnerMaterial .mrpPrice {
    font-size: 13px;
}
.costpriceMaterial.iconColorWhite .fa.fa-inr {
    color: #fff;
}
.priceOfStudyMaterial .priceInnerMaterial .costpriceMaterial {
    color: red;
}

.star-rating::before {
    content: '\f005\f005\f005\f005\f005';
    color: #9b559b;
    float: left;
    top: 0;
    left: 10px;
    position: absolute;
    font-family: FontAwesome;
}
.star-rating {
    position: relative;
}
.videoOtrtxt .txtinrHdg {
    padding: 7px 10px 0;
}
.star-rating {
    position: relative;
    min-height: 10px;
}
.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%);
    z-index: 9;
}
.offrt span {
    color: #fff;
}
.publishPrdt.icegradingBg.studyMaterialBgColor .txtCntnr .txtOtr .pubbtn .btn {
    padding: 6px 0 0 0;
}
.publishPrdt.icegradingBg.studyMaterialBgColor .txtCntnr .txtOtr .bookDtl .titlBok {
    color: #fff;
}
.publishPrdt.icegradingBg.studyMaterialBgColor .txtCntnr .txtOtr .bookDtl .priceOnhover .mrpPrice del {
    color: #fff;
}
.costpriceMaterial .fa.fa-inr {
    color: red;
}
.publishPrdt.icegradingBg.studyMaterialBgColor .txtCntnr .txtOtr .bookDtl .priceOnhover .priceOnHoverInner {
    text-align: center;
}
/*===================== Feature Study Material=========================*/
.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;
     background: #fff;
}
.detailOFFeaturde {
    text-align: center;
}
.btnOnChart {
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
}
.outerOfChart .table thead tr th {
    background: #de3549;
    color: #fff;
    padding: 15px 5px;
}
.outerOfChart .table tbody tr td {
    padding: 15px 5px;
    font-size: 14px;
}
.outerOfchartPackage {
    padding: 40px 0;
    position: relative;
}
.imageOfDemoDlp {
    position: relative;
}
.overLay {
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, .6);
}
.iconPlay {
    width: 40px;
    margin: 28% auto;
}
.outerOfDlpProgrammeDemo {
    padding: 40px 0 40px 0;
}
.demoDlpIner {
    transition: .2s;
}
.demoDlpIner:hover {
    transform: scale(1.1);
}
.strongTitle {
    font-weight: 600;
    max-width: 200px;
}
.outerOfFeatureDlphome {
    padding: 40px 0;
    background: #eaeaea;
}
/*===================== Feature Study Material=========================*/
/*====================Study Material detail===================*/
.demoFile {
    display: inline-block;
    width: 24%;
    text-align: center;
}
.titleDemo {
    width: calc(100% - 25%);
    display: inline-block;
}
.demoFile .btn .fa.fa-file-pdf-o {
    padding: 0 10px 0 0;
}
.listOFCourse .filterULLi li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.listOFCourse .filterULLi li:hover {
    background: #fff;
    box-shadow: 0 0 3px 0 #a2a2a2;
}
.outerOfstudyMaterial {
    background: #ddd;
    padding: 40px 0 40px 0;
}
.outerOfstudyMaterial .outerOfdiscription {
    padding: 30px;
    background: #fff;
}
.outerOfstudyMaterial .outerOfdiscription {
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 10px 0;
}
.outerOfRelatedProduct {
    padding: 40px 0;
}   
.itemToslide {
    padding: 0 14px;
}
.outerOfRelatedProduct {
    padding: 40px 0;
    background: #3b1099;
}
.outerOfSliderRelatedProductDlp {
    position: relative;
}
.studyMaterilBgTeam .btnOtr .btnInt .btn.buyNow {
    background: #5F72BE ;
}
.studyMaterilBgTeam .btnOtr .btnInt .btn.buyNow {
    background: #5F72BE ;
}
.ruaysubmin .btnonsd.bgbfillgrndt.btncarPdrs a {
    background: #de3294;
    padding: 4px 10px;
    color: #fff;
    border-radius: 13px;
}
/*====================Study Material detail===================*/

/*==================Dlp Studymaterial Design Update==================*/
.ourerofPaymentDiscrib {
    padding: 40px 10px;
    box-shadow: 0 0 30px 0 #b5b5b5;
    margin: 40px 0 40px 0;
}
.outerOrderDetailView {
    padding: 40px 0 40px 0;
}

.orderDetailHeading {
    text-align: center;
    margin: 20px 0 30px 0;
}
.outerofContainerWrap {
    border: 1px solid #ddd;
    padding: 10px;
}
.outerOFaddress {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px;

}
.outerOFaddress address {
    font-size: 14px;
}
.tableImageControl table tbody tr td img {
    width: auto;
}
.outerOForderStats {
    border: 1px solid #ddd;
    padding: 10px 10px 10px 20px;
}
.outerOForderStats .innerofcontentInvoice {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 28px;
}
.buttonPring {
    text-align: center;
    margin: 0 0 20px 0;
}
.searchOuterOnMobile.topnav {
    float: right;
    margin: 2px 0 0 0;
    display: none;
}
.outerOfdiscriptionBook {
    padding: 40px 0;
    background: #e4e4e4;
}
.tabouterOfDiscrip {
    background: #fff;
    padding: 10px;
    width: 100%;
}
.outerOnTopFeature {
    padding: 40px 0;
}
/*========book detial feature=====*/
.gridOUterBook {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    grid-gap: 30px;
    padding: 15px;
}
.gridOUterBook .flexInerBook {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 0 14px 0 #b9b9b9;
    min-height: 140px;
    border-radius: 5px;
    background: #fff;
}
.imageofIVon {
    width: 44px;
    margin: 0 auto;
}
.titleofIcon span {
    font-size: 14px;
}
.titleofIcon span br {
    display: block;
    margin: -3px;
}
.tabouterOfDiscrip .nav-tabs .nav-item.show .nav-link, .tabouterOfDiscrip .nav-tabs .nav-link.active {
    color: #e00;
    background-color: #fff;
    border-color: #f00 #f00 #fff;
}
.tabouterOfDiscrip .nav-tabs {
    border-bottom: 1px solid #f00;
}
.tabouterOfDiscrip .nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #444;
}
/*========book detial feature=====*/
