 
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }









/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}













 /*!

 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

 */

/* FONT PATH

 * -------------------------- */



/*@font-face {

  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');

  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 

  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 

  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 

  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 

  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

*/

.fa {

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

/* makes the font 33% larger relative to the icon container */

.fa-lg {

	font-size: 1.33333333em;

	line-height: 0.75em;

	vertical-align: -15%;

}

.fa-2x {

	font-size: 2em;

}

.fa-3x {

	font-size: 3em;

}

.fa-4x {

	font-size: 4em;

}

.fa-5x {

	font-size: 5em;

}

.fa-fw {

	width: 1.28571429em;

	text-align: center;

}

.fa-ul {

	padding-left: 0;

	margin-left: 2.14285714em;

	list-style-type: none;

}

.fa-ul > li {

	position: relative;

}

.fa-li {

	position: absolute;

	left: -2.14285714em;

	width: 2.14285714em;

	top: 0.14285714em;

	text-align: center;

}

.fa-li.fa-lg {

	left: -1.85714286em;

}

.fa-border {

	padding: .2em .25em .15em;

	border: solid 0.08em #eeeeee;

	border-radius: .1em;

}

.fa-pull-left {

	float: left;

}

.fa-pull-right {

	float: right;

}

.fa.fa-pull-left {

	margin-right: .3em;

}

.fa.fa-pull-right {

	margin-left: .3em;

}

/* Deprecated as of 4.4.0 */

.pull-right {

	background: #1b4a78;
    padding: 4px 12px;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    margin-top: 15px;
	float: right;

}

.pull-left {

	float: left;

}

.fa.pull-left {

	margin-right: .3em;

}

.fa.pull-right {

	margin-left: .3em;

}

.fa-spin {

	-webkit-animation: fa-spin 2s infinite linear;

	animation: fa-spin 2s infinite linear;

}

.fa-pulse {

	-webkit-animation: fa-spin 1s infinite steps(8);

	animation: fa-spin 1s infinite steps(8);

}

@-webkit-keyframes fa-spin {

 0% {

 -webkit-transform: rotate(0deg);

 transform: rotate(0deg);

}

 100% {

 -webkit-transform: rotate(359deg);

 transform: rotate(359deg);

}

}

@keyframes fa-spin {

 0% {

 -webkit-transform: rotate(0deg);

 transform: rotate(0deg);

}

 100% {

 -webkit-transform: rotate(359deg);

 transform: rotate(359deg);

}

}

.fa-rotate-90 {

	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}

.fa-rotate-180 {

	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}

.fa-rotate-270 {

	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";

	-webkit-transform: rotate(270deg);

	-ms-transform: rotate(270deg);

	transform: rotate(270deg);

}

.fa-flip-horizontal {

	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";

	-webkit-transform: scale(-1, 1);

	-ms-transform: scale(-1, 1);

	transform: scale(-1, 1);

}

.fa-flip-vertical {

	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";

	-webkit-transform: scale(1, -1);

	-ms-transform: scale(1, -1);

	transform: scale(1, -1);

}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {

	filter: none;

}

.fa-stack {

	position: relative;

	display: inline-block;

	width: 2em;

	height: 2em;

	line-height: 2em;

	vertical-align: middle;

}

.fa-stack-1x, .fa-stack-2x {

	position: absolute;

	left: 0;

	width: 100%;

	text-align: center;

}

.fa-stack-1x {

	line-height: inherit;

}

.fa-stack-2x {

	font-size: 2em;

}

.fa-inverse {

	color: #ffffff;

}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

   readers do not read off random characters that represent icons */

.fa-glass:before {

	content: "\f000";

}

.fa-music:before {

	content: "\f001";

}

.fa-search:before {

	content: "\f002";

}

.fa-envelope-o:before {

	content: "\f003";

}

.fa-heart:before {

	content: "\f004";

}

.fa-star:before {

	content: "\f005";

}

.fa-star-o:before {

	content: "\f006";

}

.fa-user:before {

	content: "\f007";

}

.fa-film:before {

	content: "\f008";

}

.fa-th-large:before {

	content: "\f009";

}

.fa-th:before {

	content: "\f00a";

}

.fa-th-list:before {

	content: "\f00b";

}

.fa-check:before {

	content: "\f00c";

}

.fa-remove:before, .fa-close:before, .fa-times:before {

	content: "\f00d";

}

.fa-search-plus:before {

	content: "\f00e";

}

.fa-search-minus:before {

	content: "\f010";

}

.fa-power-off:before {

	content: "\f011";

}

.fa-signal:before {

	content: "\f012";

}

.fa-gear:before, .fa-cog:before {

	content: "\f013";

}

.fa-trash-o:before {

	content: "\f014";

}

.fa-home:before {

	content: "\f015";

}

.fa-file-o:before {

	content: "\f016";

}

.fa-clock-o:before {

	content: "\f017";

}

.fa-road:before {

	content: "\f018";

}

.fa-download:before {

	content: "\f019";

}

.fa-arrow-circle-o-down:before {

	content: "\f01a";

}

.fa-arrow-circle-o-up:before {

	content: "\f01b";

}

.fa-inbox:before {

	content: "\f01c";

}

.fa-play-circle-o:before {

	content: "\f01d";

}

.fa-rotate-right:before, .fa-repeat:before {

	content: "\f01e";

}

.fa-refresh:before {

	content: "\f021";

}

.fa-list-alt:before {

	content: "\f022";

}

.fa-lock:before {

	content: "\f023";

}

.fa-flag:before {

	content: "\f024";

}

.fa-headphones:before {

	content: "\f025";

}

.fa-volume-off:before {

	content: "\f026";

}

.fa-volume-down:before {

	content: "\f027";

}

.fa-volume-up:before {

	content: "\f028";

}

.fa-qrcode:before {

	content: "\f029";

}

.fa-barcode:before {

	content: "\f02a";

}

.fa-tag:before {

	content: "\f02b";

}

.fa-tags:before {

	content: "\f02c";

}

.fa-book:before {

	content: "\f02d";

}

.fa-bookmark:before {

	content: "\f02e";

}

.fa-print:before {

	content: "\f02f";

}

.fa-camera:before {

	content: "\f030";

}

.fa-font:before {

	content: "\f031";

}

.fa-bold:before {

	content: "\f032";

}

.fa-italic:before {

	content: "\f033";

}

.fa-text-height:before {

	content: "\f034";

}

.fa-text-width:before {

	content: "\f035";

}

.fa-align-left:before {

	content: "\f036";

}

.fa-align-center:before {

	content: "\f037";

}

.fa-align-right:before {

	content: "\f038";

}

.fa-align-justify:before {

	content: "\f039";

}

.fa-list:before {

	content: "\f03a";

}

.fa-dedent:before, .fa-outdent:before {

	content: "\f03b";

}

.fa-indent:before {

	content: "\f03c";

}

.fa-video-camera:before {

	content: "\f03d";

}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {

	content: "\f03e";

}

.fa-pencil:before {

	content: "\f040";

}

.fa-map-marker:before {

	content: "\f041";

}

.fa-adjust:before {

	content: "\f042";

}

.fa-tint:before {

	content: "\f043";

}

.fa-edit:before, .fa-pencil-square-o:before {

	content: "\f044";

}

.fa-share-square-o:before {

	content: "\f045";

}

.fa-check-square-o:before {

	content: "\f046";

}

.fa-arrows:before {

	content: "\f047";

}

.fa-step-backward:before {

	content: "\f048";

}

.fa-fast-backward:before {

	content: "\f049";

}

.fa-backward:before {

	content: "\f04a";

}

.fa-play:before {

	content: "\f04b";

}

.fa-pause:before {

	content: "\f04c";

}

.fa-stop:before {

	content: "\f04d";

}

.fa-forward:before {

	content: "\f04e";

}

.fa-fast-forward:before {

	content: "\f050";

}

.fa-step-forward:before {

	content: "\f051";

}

.fa-eject:before {

	content: "\f052";

}

.fa-chevron-left:before {

	content: "\f053";

}

.fa-chevron-right:before {

	content: "\f054";

}

.fa-plus-circle:before {

	content: "\f055";

}

.fa-minus-circle:before {

	content: "\f056";

}

.fa-times-circle:before {

	content: "\f057";

}

.fa-check-circle:before {

	content: "\f058";

}

.fa-question-circle:before {

	content: "\f059";

}

.fa-info-circle:before {

	content: "\f05a";

}

.fa-crosshairs:before {

	content: "\f05b";

}

.fa-times-circle-o:before {

	content: "\f05c";

}

.fa-check-circle-o:before {

	content: "\f05d";

}

.fa-ban:before {

	content: "\f05e";

}

.fa-arrow-left:before {

	content: "\f060";

}

.fa-arrow-right:before {

	content: "\f061";

}

.fa-arrow-up:before {

	content: "\f062";

}

.fa-arrow-down:before {

	content: "\f063";

}

.fa-mail-forward:before, .fa-share:before {

	content: "\f064";

}

.fa-expand:before {

	content: "\f065";

}

.fa-compress:before {

	content: "\f066";

}

.fa-plus:before {

	content: "\f067";

}

.fa-minus:before {

	content: "\f068";

}

.fa-asterisk:before {

	content: "\f069";

}

.fa-exclamation-circle:before {

	content: "\f06a";

}

.fa-gift:before {

	content: "\f06b";

}

.fa-leaf:before {

	content: "\f06c";

}

.fa-fire:before {

	content: "\f06d";

}

.fa-eye:before {

	content: "\f06e";

}

.fa-eye-slash:before {

	content: "\f070";

}

.fa-warning:before, .fa-exclamation-triangle:before {

	content: "\f071";

}

.fa-plane:before {

	content: "\f072";

}

.fa-calendar:before {

	content: "\f073";

}

.fa-random:before {

	content: "\f074";

}

.fa-comment:before {

	content: "\f075";

}

.fa-magnet:before {

	content: "\f076";

}

.fa-chevron-up:before {

	content: "\f077";

}

.fa-chevron-down:before {

	content: "\f078";

}

.fa-retweet:before {

	content: "\f079";

}

.fa-shopping-cart:before {

	content: "\f07a";

}

.fa-folder:before {

	content: "\f07b";

}

.fa-folder-open:before {

	content: "\f07c";

}

.fa-arrows-v:before {

	content: "\f07d";

}

.fa-arrows-h:before {

	content: "\f07e";

}

.fa-bar-chart-o:before, .fa-bar-chart:before {

	content: "\f080";

}

.fa-twitter-square:before {

	content: "\f081";

}

.fa-facebook-square:before {

	content: "\f082";

}

.fa-camera-retro:before {

	content: "\f083";

}

.fa-key:before {

	content: "\f084";

}

.fa-gears:before, .fa-cogs:before {

	content: "\f085";

}

.fa-comments:before {

	content: "\f086";

}

.fa-thumbs-o-up:before {

	content: "\f087";

}

.fa-thumbs-o-down:before {

	content: "\f088";

}

.fa-star-half:before {

	content: "\f089";

}

.fa-heart-o:before {

	content: "\f08a";

}

.fa-sign-out:before {

	content: "\f08b";

}

.fa-linkedin-square:before {

	content: "\f08c";

}

.fa-thumb-tack:before {

	content: "\f08d";

}

.fa-external-link:before {

	content: "\f08e";

}

.fa-sign-in:before {

	content: "\f090";

}

.fa-trophy:before {

	content: "\f091";

}

.fa-github-square:before {

	content: "\f092";

}

.fa-upload:before {

	content: "\f093";

}

.fa-lemon-o:before {

	content: "\f094";

}

.fa-phone:before {

	content: "\f095";

}

.fa-square-o:before {

	content: "\f096";

}

.fa-bookmark-o:before {

	content: "\f097";

}

.fa-phone-square:before {

	content: "\f098";

}

.fa-twitter:before {

	content: "\f099";

}

.fa-facebook-f:before, .fa-facebook:before {

	content: "\f09a";

}

.fa-github:before {

	content: "\f09b";

}

.fa-unlock:before {

	content: "\f09c";

}

.fa-credit-card:before {

	content: "\f09d";

}

.fa-feed:before, .fa-rss:before {

	content: "\f09e";

}

.fa-hdd-o:before {

	content: "\f0a0";

}

.fa-bullhorn:before {

	content: "\f0a1";

}

.fa-bell:before {

	content: "\f0f3";

}

.fa-certificate:before {

	content: "\f0a3";

}

.fa-hand-o-right:before {

	content: "\f0a4";

}

.fa-hand-o-left:before {

	content: "\f0a5";

}

.fa-hand-o-up:before {

	content: "\f0a6";

}

.fa-hand-o-down:before {

	content: "\f0a7";

}

.fa-arrow-circle-left:before {

	content: "\f0a8";

}

.fa-arrow-circle-right:before {

	content: "\f0a9";

}

.fa-arrow-circle-up:before {

	content: "\f0aa";

}

.fa-arrow-circle-down:before {

	content: "\f0ab";

}

.fa-globe:before {

	content: "\f0ac";

}

.fa-wrench:before {

	content: "\f0ad";

}

.fa-tasks:before {

	content: "\f0ae";

}

.fa-filter:before {

	content: "\f0b0";

}

.fa-briefcase:before {

	content: "\f0b1";

}

.fa-arrows-alt:before {

	content: "\f0b2";

}

.fa-group:before, .fa-users:before {

	content: "\f0c0";

}

.fa-chain:before, .fa-link:before {

	content: "\f0c1";

}

.fa-cloud:before {

	content: "\f0c2";

}

.fa-flask:before {

	content: "\f0c3";

}

.fa-cut:before, .fa-scissors:before {

	content: "\f0c4";

}

.fa-copy:before, .fa-files-o:before {

	content: "\f0c5";

}

.fa-paperclip:before {

	content: "\f0c6";

}

.fa-save:before, .fa-floppy-o:before {

	content: "\f0c7";

}

.fa-square:before {

	content: "\f0c8";

}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {

	content: "\f0c9";

}

.fa-list-ul:before {

	content: "\f0ca";

}

.fa-list-ol:before {

	content: "\f0cb";

}

.fa-strikethrough:before {

	content: "\f0cc";

}

.fa-underline:before {

	content: "\f0cd";

}

.fa-table:before {

	content: "\f0ce";

}

.fa-magic:before {

	content: "\f0d0";

}

.fa-truck:before {

	content: "\f0d1";

}

.fa-pinterest:before {

	content: "\f0d2";

}

.fa-pinterest-square:before {

	content: "\f0d3";

}

.fa-google-plus-square:before {

	content: "\f0d4";

}

.fa-google-plus:before {

	content: "\f0d5";

}

.fa-money:before {

	content: "\f0d6";

}

.fa-caret-down:before {

	content: "\f0d7";

}

.fa-caret-up:before {

	content: "\f0d8";

}

.fa-caret-left:before {

	content: "\f0d9";

}

.fa-caret-right:before {

	content: "\f0da";

}

.fa-columns:before {

	content: "\f0db";

}

.fa-unsorted:before, .fa-sort:before {

	content: "\f0dc";

}

.fa-sort-down:before, .fa-sort-desc:before {

	content: "\f0dd";

}

.fa-sort-up:before, .fa-sort-asc:before {

	content: "\f0de";

}

.fa-envelope:before {

	content: "\f0e0";

}

.fa-linkedin:before {

	content: "\f0e1";

}

.fa-rotate-left:before, .fa-undo:before {

	content: "\f0e2";

}

.fa-legal:before, .fa-gavel:before {

	content: "\f0e3";

}

.fa-dashboard:before, .fa-tachometer:before {

	content: "\f0e4";

}

.fa-comment-o:before {

	content: "\f0e5";

}

.fa-comments-o:before {

	content: "\f0e6";

}

.fa-flash:before, .fa-bolt:before {

	content: "\f0e7";

}

.fa-sitemap:before {

	content: "\f0e8";

}

.fa-umbrella:before {

	content: "\f0e9";

}

.fa-paste:before, .fa-clipboard:before {

	content: "\f0ea";

}

.fa-lightbulb-o:before {

	content: "\f0eb";

}

.fa-exchange:before {

	content: "\f0ec";

}

.fa-cloud-download:before {

	content: "\f0ed";

}

.fa-cloud-upload:before {

	content: "\f0ee";

}

.fa-user-md:before {

	content: "\f0f0";

}

.fa-stethoscope:before {

	content: "\f0f1";

}

.fa-suitcase:before {

	content: "\f0f2";

}

.fa-bell-o:before {

	content: "\f0a2";

}

.fa-coffee:before {

	content: "\f0f4";

}

.fa-cutlery:before {

	content: "\f0f5";

}

.fa-file-text-o:before {

	content: "\f0f6";

}

.fa-building-o:before {

	content: "\f0f7";

}

.fa-hospital-o:before {

	content: "\f0f8";

}

.fa-ambulance:before {

	content: "\f0f9";

}

.fa-medkit:before {

	content: "\f0fa";

}

.fa-fighter-jet:before {

	content: "\f0fb";

}

.fa-beer:before {

	content: "\f0fc";

}

.fa-h-square:before {

	content: "\f0fd";

}

.fa-plus-square:before {

	content: "\f0fe";

}

.fa-angle-double-left:before {

	content: "\f100";

}

.fa-angle-double-right:before {

	content: "\f101";

}

.fa-angle-double-up:before {

	content: "\f102";

}

.fa-angle-double-down:before {

	content: "\f103";

}

.fa-angle-left:before {

	content: "\f104";

}

.fa-angle-right:before {

	content: "\f105";

}

.fa-angle-up:before {

	content: "\f106";

}

.fa-angle-down:before {

	content: "\f107";

}

.fa-desktop:before {

	content: "\f108";

}

.fa-laptop:before {

	content: "\f109";

}

.fa-tablet:before {

	content: "\f10a";

}

.fa-mobile-phone:before, .fa-mobile:before {

	content: "\f10b";

}

.fa-circle-o:before {

	content: "\f10c";

}

.fa-quote-left:before {

	content: "\f10d";

}

.fa-quote-right:before {

	content: "\f10e";

}

.fa-spinner:before {

	content: "\f110";

}

.fa-circle:before {

	content: "\f111";

}

.fa-mail-reply:before, .fa-reply:before {

	content: "\f112";

}

.fa-github-alt:before {

	content: "\f113";

}

.fa-folder-o:before {

	content: "\f114";

}

.fa-folder-open-o:before {

	content: "\f115";

}

.fa-smile-o:before {

	content: "\f118";

}

.fa-frown-o:before {

	content: "\f119";

}

.fa-meh-o:before {

	content: "\f11a";

}

.fa-gamepad:before {

	content: "\f11b";

}

.fa-keyboard-o:before {

	content: "\f11c";

}

.fa-flag-o:before {

	content: "\f11d";

}

.fa-flag-checkered:before {

	content: "\f11e";

}

.fa-terminal:before {

	content: "\f120";

}

.fa-code:before {

	content: "\f121";

}

.fa-mail-reply-all:before, .fa-reply-all:before {

	content: "\f122";

}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {

	content: "\f123";

}

.fa-location-arrow:before {

	content: "\f124";

}

.fa-crop:before {

	content: "\f125";

}

.fa-code-fork:before {

	content: "\f126";

}

.fa-unlink:before, .fa-chain-broken:before {

	content: "\f127";

}

.fa-question:before {

	content: "\f128";

}

.fa-info:before {

	content: "\f129";

}

.fa-exclamation:before {

	content: "\f12a";

}

.fa-superscript:before {

	content: "\f12b";

}

.fa-subscript:before {

	content: "\f12c";

}

.fa-eraser:before {

	content: "\f12d";

}

.fa-puzzle-piece:before {

	content: "\f12e";

}

.fa-microphone:before {

	content: "\f130";

}

.fa-microphone-slash:before {

	content: "\f131";

}

.fa-shield:before {

	content: "\f132";

}

.fa-calendar-o:before {

	content: "\f133";

}

.fa-fire-extinguisher:before {

	content: "\f134";

}

.fa-rocket:before {

	content: "\f135";

}

.fa-maxcdn:before {

	content: "\f136";

}

.fa-chevron-circle-left:before {

	content: "\f137";

}

.fa-chevron-circle-right:before {

	content: "\f138";

}

.fa-chevron-circle-up:before {

	content: "\f139";

}

.fa-chevron-circle-down:before {

	content: "\f13a";

}

.fa-html5:before {

	content: "\f13b";

}

.fa-css3:before {

	content: "\f13c";

}

.fa-anchor:before {

	content: "\f13d";

}

.fa-unlock-alt:before {

	content: "\f13e";

}

.fa-bullseye:before {

	content: "\f140";

}

.fa-ellipsis-h:before {

	content: "\f141";

}

.fa-ellipsis-v:before {

	content: "\f142";

}

.fa-rss-square:before {

	content: "\f143";

}

.fa-play-circle:before {

	content: "\f144";

}

.fa-ticket:before {

	content: "\f145";

}

.fa-minus-square:before {

	content: "\f146";

}

.fa-minus-square-o:before {

	content: "\f147";

}

.fa-level-up:before {

	content: "\f148";

}

.fa-level-down:before {

	content: "\f149";

}

.fa-check-square:before {

	content: "\f14a";

}

.fa-pencil-square:before {

	content: "\f14b";

}

.fa-external-link-square:before {

	content: "\f14c";

}

.fa-share-square:before {

	content: "\f14d";

}

.fa-compass:before {

	content: "\f14e";

}

.fa-toggle-down:before, .fa-caret-square-o-down:before {

	content: "\f150";

}

.fa-toggle-up:before, .fa-caret-square-o-up:before {

	content: "\f151";

}

.fa-toggle-right:before, .fa-caret-square-o-right:before {

	content: "\f152";

}

.fa-euro:before, .fa-eur:before {

	content: "\f153";

}

.fa-gbp:before {

	content: "\f154";

}

.fa-dollar:before, .fa-usd:before {

	content: "\f155";

}

.fa-rupee:before, .fa-inr:before {

	content: "\f156";

}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {

	content: "\f157";

}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {

	content: "\f158";

}

.fa-won:before, .fa-krw:before {

	content: "\f159";

}

.fa-bitcoin:before, .fa-btc:before {

	content: "\f15a";

}

.fa-file:before {

	content: "\f15b";

}

.fa-file-text:before {

	content: "\f15c";

}

.fa-sort-alpha-asc:before {

	content: "\f15d";

}

.fa-sort-alpha-desc:before {

	content: "\f15e";

}

.fa-sort-amount-asc:before {

	content: "\f160";

}

.fa-sort-amount-desc:before {

	content: "\f161";

}

.fa-sort-numeric-asc:before {

	content: "\f162";

}

.fa-sort-numeric-desc:before {

	content: "\f163";

}

.fa-thumbs-up:before {

	content: "\f164";

}

.fa-thumbs-down:before {

	content: "\f165";

}

.fa-youtube-square:before {

	content: "\f166";

}

.fa-youtube:before {

	content: "\f167";

}

.fa-xing:before {

	content: "\f168";

}

.fa-xing-square:before {

	content: "\f169";

}

.fa-youtube-play:before {

	content: "\f16a";

}

.fa-dropbox:before {

	content: "\f16b";

}

.fa-stack-overflow:before {

	content: "\f16c";

}

.fa-instagram:before {

	content: "\f16d";

}

.fa-flickr:before {

	content: "\f16e";

}

.fa-adn:before {

	content: "\f170";

}

.fa-bitbucket:before {

	content: "\f171";

}

.fa-bitbucket-square:before {

	content: "\f172";

}

.fa-tumblr:before {

	content: "\f173";

}

.fa-tumblr-square:before {

	content: "\f174";

}

.fa-long-arrow-down:before {

	content: "\f175";

}

.fa-long-arrow-up:before {

	content: "\f176";

}

.fa-long-arrow-left:before {

	content: "\f177";

}

.fa-long-arrow-right:before {

	content: "\f178";

}

.fa-apple:before {

	content: "\f179";

}

.fa-windows:before {

	content: "\f17a";

}

.fa-android:before {

	content: "\f17b";

}

.fa-linux:before {

	content: "\f17c";

}

.fa-dribbble:before {

	content: "\f17d";

}

.fa-skype:before {

	content: "\f17e";

}

.fa-foursquare:before {

	content: "\f180";

}

.fa-trello:before {

	content: "\f181";

}

.fa-female:before {

	content: "\f182";

}

.fa-male:before {

	content: "\f183";

}

.fa-gittip:before, .fa-gratipay:before {

	content: "\f184";

}

.fa-sun-o:before {

	content: "\f185";

}

.fa-moon-o:before {

	content: "\f186";

}

.fa-archive:before {

	content: "\f187";

}

.fa-bug:before {

	content: "\f188";

}

.fa-vk:before {

	content: "\f189";

}

.fa-weibo:before {

	content: "\f18a";

}

.fa-renren:before {

	content: "\f18b";

}

.fa-pagelines:before {

	content: "\f18c";

}

.fa-stack-exchange:before {

	content: "\f18d";

}

.fa-arrow-circle-o-right:before {

	content: "\f18e";

}

.fa-arrow-circle-o-left:before {

	content: "\f190";

}

.fa-toggle-left:before, .fa-caret-square-o-left:before {

	content: "\f191";

}

.fa-dot-circle-o:before {

	content: "\f192";

}

.fa-wheelchair:before {

	content: "\f193";

}

.fa-vimeo-square:before {

	content: "\f194";

}

.fa-turkish-lira:before, .fa-try:before {

	content: "\f195";

}

.fa-plus-square-o:before {

	content: "\f196";

}

.fa-space-shuttle:before {

	content: "\f197";

}

.fa-slack:before {

	content: "\f198";

}

.fa-envelope-square:before {

	content: "\f199";

}

.fa-wordpress:before {

	content: "\f19a";

}

.fa-openid:before {

	content: "\f19b";

}

.fa-institution:before, .fa-bank:before, .fa-university:before {

	content: "\f19c";

}

.fa-mortar-board:before, .fa-graduation-cap:before {

	content: "\f19d";

}

.fa-yahoo:before {

	content: "\f19e";

}

.fa-google:before {

	content: "\f1a0";

}

.fa-reddit:before {

	content: "\f1a1";

}

.fa-reddit-square:before {

	content: "\f1a2";

}

.fa-stumbleupon-circle:before {

	content: "\f1a3";

}

.fa-stumbleupon:before {

	content: "\f1a4";

}

.fa-delicious:before {

	content: "\f1a5";

}

.fa-digg:before {

	content: "\f1a6";

}

.fa-pied-piper-pp:before {

	content: "\f1a7";

}

.fa-pied-piper-alt:before {

	content: "\f1a8";

}

.fa-drupal:before {

	content: "\f1a9";

}

.fa-joomla:before {

	content: "\f1aa";

}

.fa-language:before {

	content: "\f1ab";

}

.fa-fax:before {

	content: "\f1ac";

}

.fa-building:before {

	content: "\f1ad";

}

.fa-child:before {

	content: "\f1ae";

}

.fa-paw:before {

	content: "\f1b0";

}

.fa-spoon:before {

	content: "\f1b1";

}

.fa-cube:before {

	content: "\f1b2";

}

.fa-cubes:before {

	content: "\f1b3";

}

.fa-behance:before {

	content: "\f1b4";

}

.fa-behance-square:before {

	content: "\f1b5";

}

.fa-steam:before {

	content: "\f1b6";

}

.fa-steam-square:before {

	content: "\f1b7";

}

.fa-recycle:before {

	content: "\f1b8";

}

.fa-automobile:before, .fa-car:before {

	content: "\f1b9";

}

.fa-cab:before, .fa-taxi:before {

	content: "\f1ba";

}

.fa-tree:before {

	content: "\f1bb";

}

.fa-spotify:before {

	content: "\f1bc";

}

.fa-deviantart:before {

	content: "\f1bd";

}

.fa-soundcloud:before {

	content: "\f1be";

}

.fa-database:before {

	content: "\f1c0";

}

.fa-file-pdf-o:before {

	content: "\f1c1";

}

.fa-file-word-o:before {

	content: "\f1c2";

}

.fa-file-excel-o:before {

	content: "\f1c3";

}

.fa-file-powerpoint-o:before {

	content: "\f1c4";

}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {

	content: "\f1c5";

}

.fa-file-zip-o:before, .fa-file-archive-o:before {

	content: "\f1c6";

}

.fa-file-sound-o:before, .fa-file-audio-o:before {

	content: "\f1c7";

}

.fa-file-movie-o:before, .fa-file-video-o:before {

	content: "\f1c8";

}

.fa-file-code-o:before {

	content: "\f1c9";

}

.fa-vine:before {

	content: "\f1ca";

}

.fa-codepen:before {

	content: "\f1cb";

}

.fa-jsfiddle:before {

	content: "\f1cc";

}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {

	content: "\f1cd";

}

.fa-circle-o-notch:before {

	content: "\f1ce";

}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {

	content: "\f1d0";

}

.fa-ge:before, .fa-empire:before {

	content: "\f1d1";

}

.fa-git-square:before {

	content: "\f1d2";

}

.fa-git:before {

	content: "\f1d3";

}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {

	content: "\f1d4";

}

.fa-tencent-weibo:before {

	content: "\f1d5";

}

.fa-qq:before {

	content: "\f1d6";

}

.fa-wechat:before, .fa-weixin:before {

	content: "\f1d7";

}

.fa-send:before, .fa-paper-plane:before {

	content: "\f1d8";

}

.fa-send-o:before, .fa-paper-plane-o:before {

	content: "\f1d9";

}

.fa-history:before {

	content: "\f1da";

}

.fa-circle-thin:before {

	content: "\f1db";

}

.fa-header:before {

	content: "\f1dc";

}

.fa-paragraph:before {

	content: "\f1dd";

}

.fa-sliders:before {

	content: "\f1de";

}

.fa-share-alt:before {

	content: "\f1e0";

}

.fa-share-alt-square:before {

	content: "\f1e1";

}

.fa-bomb:before {

	content: "\f1e2";

}

.fa-soccer-ball-o:before, .fa-futbol-o:before {

	content: "\f1e3";

}

.fa-tty:before {

	content: "\f1e4";

}

.fa-binoculars:before {

	content: "\f1e5";

}

.fa-plug:before {

	content: "\f1e6";

}

.fa-slideshare:before {

	content: "\f1e7";

}

.fa-twitch:before {

	content: "\f1e8";

}

.fa-yelp:before {

	content: "\f1e9";

}

.fa-newspaper-o:before {

	content: "\f1ea";

}

.fa-wifi:before {

	content: "\f1eb";

}

.fa-calculator:before {

	content: "\f1ec";

}

.fa-paypal:before {

	content: "\f1ed";

}

.fa-google-wallet:before {

	content: "\f1ee";

}

.fa-cc-visa:before {

	content: "\f1f0";

}

.fa-cc-mastercard:before {

	content: "\f1f1";

}

.fa-cc-discover:before {

	content: "\f1f2";

}

.fa-cc-amex:before {

	content: "\f1f3";

}

.fa-cc-paypal:before {

	content: "\f1f4";

}

.fa-cc-stripe:before {

	content: "\f1f5";

}

.fa-bell-slash:before {

	content: "\f1f6";

}

.fa-bell-slash-o:before {

	content: "\f1f7";

}

.fa-trash:before {

	content: "\f1f8";

}

.fa-copyright:before {

	content: "\f1f9";

}

.fa-at:before {

	content: "\f1fa";

}

.fa-eyedropper:before {

	content: "\f1fb";

}

.fa-paint-brush:before {

	content: "\f1fc";

}

.fa-birthday-cake:before {

	content: "\f1fd";

}

.fa-area-chart:before {

	content: "\f1fe";

}

.fa-pie-chart:before {

	content: "\f200";

}

.fa-line-chart:before {

	content: "\f201";

}

.fa-lastfm:before {

	content: "\f202";

}

.fa-lastfm-square:before {

	content: "\f203";

}

.fa-toggle-off:before {

	content: "\f204";

}

.fa-toggle-on:before {

	content: "\f205";

}

.fa-bicycle:before {

	content: "\f206";

}

.fa-bus:before {

	content: "\f207";

}

.fa-ioxhost:before {

	content: "\f208";

}

.fa-angellist:before {

	content: "\f209";

}

.fa-cc:before {

	content: "\f20a";

}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {

	content: "\f20b";

}

.fa-meanpath:before {

	content: "\f20c";

}

.fa-buysellads:before {

	content: "\f20d";

}

.fa-connectdevelop:before {

	content: "\f20e";

}

.fa-dashcube:before {

	content: "\f210";

}

.fa-forumbee:before {

	content: "\f211";

}

.fa-leanpub:before {

	content: "\f212";

}

.fa-sellsy:before {

	content: "\f213";

}

.fa-shirtsinbulk:before {

	content: "\f214";

}

.fa-simplybuilt:before {

	content: "\f215";

}

.fa-skyatlas:before {

	content: "\f216";

}

.fa-cart-plus:before {

	content: "\f217";

}

.fa-cart-arrow-down:before {

	content: "\f218";

}

.fa-diamond:before {

	content: "\f219";

}

.fa-ship:before {

	content: "\f21a";

}

.fa-user-secret:before {

	content: "\f21b";

}

.fa-motorcycle:before {

	content: "\f21c";

}

.fa-street-view:before {

	content: "\f21d";

}

.fa-heartbeat:before {

	content: "\f21e";

}

.fa-venus:before {

	content: "\f221";

}

.fa-mars:before {

	content: "\f222";

}

.fa-mercury:before {

	content: "\f223";

}

.fa-intersex:before, .fa-transgender:before {

	content: "\f224";

}

.fa-transgender-alt:before {

	content: "\f225";

}

.fa-venus-double:before {

	content: "\f226";

}

.fa-mars-double:before {

	content: "\f227";

}

.fa-venus-mars:before {

	content: "\f228";

}

.fa-mars-stroke:before {

	content: "\f229";

}

.fa-mars-stroke-v:before {

	content: "\f22a";

}

.fa-mars-stroke-h:before {

	content: "\f22b";

}

.fa-neuter:before {

	content: "\f22c";

}

.fa-genderless:before {

	content: "\f22d";

}

.fa-facebook-official:before {

	content: "\f230";

}

.fa-pinterest-p:before {

	content: "\f231";

}

.fa-whatsapp:before {

	content: "\f232";

}

.fa-server:before {

	content: "\f233";

}

.fa-user-plus:before {

	content: "\f234";

}

.fa-user-times:before {

	content: "\f235";

}

.fa-hotel:before, .fa-bed:before {

	content: "\f236";

}

.fa-viacoin:before {

	content: "\f237";

}

.fa-train:before {

	content: "\f238";

}

.fa-subway:before {

	content: "\f239";

}

.fa-medium:before {

	content: "\f23a";

}

.fa-yc:before, .fa-y-combinator:before {

	content: "\f23b";

}

.fa-optin-monster:before {

	content: "\f23c";

}

.fa-opencart:before {

	content: "\f23d";

}

.fa-expeditedssl:before {

	content: "\f23e";

}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {

	content: "\f240";

}

.fa-battery-3:before, .fa-battery-three-quarters:before {

	content: "\f241";

}

.fa-battery-2:before, .fa-battery-half:before {

	content: "\f242";

}

.fa-battery-1:before, .fa-battery-quarter:before {

	content: "\f243";

}

.fa-battery-0:before, .fa-battery-empty:before {

	content: "\f244";

}

.fa-mouse-pointer:before {

	content: "\f245";

}

.fa-i-cursor:before {

	content: "\f246";

}

.fa-object-group:before {

	content: "\f247";

}

.fa-object-ungroup:before {

	content: "\f248";

}

.fa-sticky-note:before {

	content: "\f249";

}

.fa-sticky-note-o:before {

	content: "\f24a";

}

.fa-cc-jcb:before {

	content: "\f24b";

}

.fa-cc-diners-club:before {

	content: "\f24c";

}

.fa-clone:before {

	content: "\f24d";

}

.fa-balance-scale:before {

	content: "\f24e";

}

.fa-hourglass-o:before {

	content: "\f250";

}

.fa-hourglass-1:before, .fa-hourglass-start:before {

	content: "\f251";

}

.fa-hourglass-2:before, .fa-hourglass-half:before {

	content: "\f252";

}

.fa-hourglass-3:before, .fa-hourglass-end:before {

	content: "\f253";

}

.fa-hourglass:before {

	content: "\f254";

}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {

	content: "\f255";

}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {

	content: "\f256";

}

.fa-hand-scissors-o:before {

	content: "\f257";

}

.fa-hand-lizard-o:before {

	content: "\f258";

}

.fa-hand-spock-o:before {

	content: "\f259";

}

.fa-hand-pointer-o:before {

	content: "\f25a";

}

.fa-hand-peace-o:before {

	content: "\f25b";

}

.fa-trademark:before {

	content: "\f25c";

}

.fa-registered:before {

	content: "\f25d";

}

.fa-creative-commons:before {

	content: "\f25e";

}

.fa-gg:before {

	content: "\f260";

}

.fa-gg-circle:before {

	content: "\f261";

}

.fa-tripadvisor:before {

	content: "\f262";

}

.fa-odnoklassniki:before {

	content: "\f263";

}

.fa-odnoklassniki-square:before {

	content: "\f264";

}

.fa-get-pocket:before {

	content: "\f265";

}

.fa-wikipedia-w:before {

	content: "\f266";

}

.fa-safari:before {

	content: "\f267";

}

.fa-chrome:before {

	content: "\f268";

}

.fa-firefox:before {

	content: "\f269";

}

.fa-opera:before {

	content: "\f26a";

}

.fa-internet-explorer:before {

	content: "\f26b";

}

.fa-tv:before, .fa-television:before {

	content: "\f26c";

}

.fa-contao:before {

	content: "\f26d";

}

.fa-500px:before {

	content: "\f26e";

}

.fa-amazon:before {

	content: "\f270";

}

.fa-calendar-plus-o:before {

	content: "\f271";

}

.fa-calendar-minus-o:before {

	content: "\f272";

}

.fa-calendar-times-o:before {

	content: "\f273";

}

.fa-calendar-check-o:before {

	content: "\f274";

}

.fa-industry:before {

	content: "\f275";

}

.fa-map-pin:before {

	content: "\f276";

}

.fa-map-signs:before {

	content: "\f277";

}

.fa-map-o:before {

	content: "\f278";

}

.fa-map:before {

	content: "\f279";

}

.fa-commenting:before {

	content: "\f27a";

}

.fa-commenting-o:before {

	content: "\f27b";

}

.fa-houzz:before {

	content: "\f27c";

}

.fa-vimeo:before {

	content: "\f27d";

}

.fa-black-tie:before {

	content: "\f27e";

}

.fa-fonticons:before {

	content: "\f280";

}

.fa-reddit-alien:before {

	content: "\f281";

}

.fa-edge:before {

	content: "\f282";

}

.fa-credit-card-alt:before {

	content: "\f283";

}

.fa-codiepie:before {

	content: "\f284";

}

.fa-modx:before {

	content: "\f285";

}

.fa-fort-awesome:before {

	content: "\f286";

}

.fa-usb:before {

	content: "\f287";

}

.fa-product-hunt:before {

	content: "\f288";

}

.fa-mixcloud:before {

	content: "\f289";

}

.fa-scribd:before {

	content: "\f28a";

}

.fa-pause-circle:before {

	content: "\f28b";

}

.fa-pause-circle-o:before {

	content: "\f28c";

}

.fa-stop-circle:before {

	content: "\f28d";

}

.fa-stop-circle-o:before {

	content: "\f28e";

}

.fa-shopping-bag:before {

	content: "\f290";

}

.fa-shopping-basket:before {

	content: "\f291";

}

.fa-hashtag:before {

	content: "\f292";

}

.fa-bluetooth:before {

	content: "\f293";

}

.fa-bluetooth-b:before {

	content: "\f294";

}

.fa-percent:before {

	content: "\f295";

}

.fa-gitlab:before {

	content: "\f296";

}

.fa-wpbeginner:before {

	content: "\f297";

}

.fa-wpforms:before {

	content: "\f298";

}

.fa-envira:before {

	content: "\f299";

}

.fa-universal-access:before {

	content: "\f29a";

}

.fa-wheelchair-alt:before {

	content: "\f29b";

}

.fa-question-circle-o:before {

	content: "\f29c";

}

.fa-blind:before {

	content: "\f29d";

}

.fa-audio-description:before {

	content: "\f29e";

}

.fa-volume-control-phone:before {

	content: "\f2a0";

}

.fa-braille:before {

	content: "\f2a1";

}

.fa-assistive-listening-systems:before {

	content: "\f2a2";

}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {

	content: "\f2a3";

}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {

	content: "\f2a4";

}

.fa-glide:before {

	content: "\f2a5";

}

.fa-glide-g:before {

	content: "\f2a6";

}

.fa-signing:before, .fa-sign-language:before {

	content: "\f2a7";

}

.fa-low-vision:before {

	content: "\f2a8";

}

.fa-viadeo:before {

	content: "\f2a9";

}

.fa-viadeo-square:before {

	content: "\f2aa";

}

.fa-snapchat:before {

	content: "\f2ab";

}

.fa-snapchat-ghost:before {

	content: "\f2ac";

}

.fa-snapchat-square:before {

	content: "\f2ad";

}

.fa-pied-piper:before {

	content: "\f2ae";

}

.fa-first-order:before {

	content: "\f2b0";

}

.fa-yoast:before {

	content: "\f2b1";

}

.fa-themeisle:before {

	content: "\f2b2";

}

.fa-google-plus-circle:before, .fa-google-plus-official:before {

	content: "\f2b3";

}

.fa-fa:before, .fa-font-awesome:before {

	content: "\f2b4";

}

.fa-handshake-o:before {

	content: "\f2b5";

}

.fa-envelope-open:before {

	content: "\f2b6";

}

.fa-envelope-open-o:before {

	content: "\f2b7";

}

.fa-linode:before {

	content: "\f2b8";

}

.fa-address-book:before {

	content: "\f2b9";

}

.fa-address-book-o:before {

	content: "\f2ba";

}

.fa-vcard:before, .fa-address-card:before {

	content: "\f2bb";

}

.fa-vcard-o:before, .fa-address-card-o:before {

	content: "\f2bc";

}

.fa-user-circle:before {

	content: "\f2bd";

}

.fa-user-circle-o:before {

	content: "\f2be";

}

.fa-user-o:before {

	content: "\f2c0";

}

.fa-id-badge:before {

	content: "\f2c1";

}

.fa-drivers-license:before, .fa-id-card:before {

	content: "\f2c2";

}

.fa-drivers-license-o:before, .fa-id-card-o:before {

	content: "\f2c3";

}

.fa-quora:before {

	content: "\f2c4";

}

.fa-free-code-camp:before {

	content: "\f2c5";

}

.fa-telegram:before {

	content: "\f2c6";

}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {

	content: "\f2c7";

}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {

	content: "\f2c8";

}

.fa-thermometer-2:before, .fa-thermometer-half:before {

	content: "\f2c9";

}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {

	content: "\f2ca";

}

.fa-thermometer-0:before, .fa-thermometer-empty:before {

	content: "\f2cb";

}

.fa-shower:before {

	content: "\f2cc";

}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {

	content: "\f2cd";

}

.fa-podcast:before {

	content: "\f2ce";

}

.fa-window-maximize:before {

	content: "\f2d0";

}

.fa-window-minimize:before {

	content: "\f2d1";

}

.fa-window-restore:before {

	content: "\f2d2";

}

.fa-times-rectangle:before, .fa-window-close:before {

	content: "\f2d3";

}

.fa-times-rectangle-o:before, .fa-window-close-o:before {

	content: "\f2d4";

}

.fa-bandcamp:before {

	content: "\f2d5";

}

.fa-grav:before {

	content: "\f2d6";

}

.fa-etsy:before {

	content: "\f2d7";

}

.fa-imdb:before {

	content: "\f2d8";

}

.fa-ravelry:before {

	content: "\f2d9";

}

.fa-eercast:before {

	content: "\f2da";

}

.fa-microchip:before {

	content: "\f2db";

}

.fa-snowflake-o:before {

	content: "\f2dc";

}

.fa-superpowers:before {

	content: "\f2dd";

}

.fa-wpexplorer:before {

	content: "\f2de";

}

.fa-meetup:before {

	content: "\f2e0";

}

.sr-only {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	border: 0;

}

.sr-only-focusable:active, .sr-only-focusable:focus {

	position: static;

	width: auto;

	height: auto;

	margin: 0;

	overflow: visible;

	clip: auto;

}

/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

/*

 *  Owl Carousel - Core

 */

.owl-carousel {

	display: none;

	width: 100%;

	-webkit-tap-highlight-color: transparent;

	/* position relative and z-index fix webkit rendering fonts issue */

	position: relative;

	z-index: 1;

}

.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y;

	touch-action: manipulation;

	-moz-backface-visibility: hidden;

/* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	/* fix for flashing background */

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

}

.owl-carousel .owl-item {

	position: relative;

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

}

.owl-carousel .owl-item img {

	display: block;

	width: 100%;

}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {

	display: none;

}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {

	cursor: pointer;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {

	background: none;

	color: inherit;

	border: none;

	padding: 0 !important;

	font: inherit;

}

.owl-carousel.owl-loaded {

	display: block;

}

.owl-carousel.owl-loading {

	opacity: 0;

	display: block;

}

.owl-carousel.owl-hidden {

	opacity: 0;

}

.owl-carousel.owl-refresh .owl-item {

	visibility: hidden;

}

.owl-carousel.owl-drag .owl-item {

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel.owl-grab {

	cursor: move;

	cursor: grab;

}

.owl-carousel.owl-rtl {

	direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

	float: right;

}

/* No Js */

.no-js .owl-carousel {

	display: block;

}

/*

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

	animation-duration: 1000ms;

	animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {

	z-index: 0;

}

.owl-carousel .owl-animated-out {

	z-index: 1;

}

.owl-carousel .fadeOut {

	animation-name: fadeOut;

}

 @keyframes fadeOut {

 0% {

 opacity: 1;

}

 100% {

 opacity: 0;

}

}

/*

 *  Owl Carousel - Auto Height Plugin

 */

.owl-height {

	transition: height 500ms ease-in-out;

}

/*

 *  Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item {

/**

      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

      calculation of the height of the owl-item that breaks page layouts

     */ }

.owl-carousel .owl-item .owl-lazy {

	opacity: 0;

	transition: opacity 400ms ease;

}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {

	max-height: 0;

}

.owl-carousel .owl-item img.owl-lazy {

	transform-style: preserve-3d;

}

/*

 *  Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

	position: relative;

	height: 100%;

	background: #000;

}

.owl-carousel .owl-video-play-icon {

	position: absolute;

	height: 80px;

	width: 80px;

	left: 50%;

	top: 50%;

	margin-left: -40px;

	margin-top: -40px;

	background: url("owl.video.play.png") no-repeat;

	cursor: pointer;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	transition: transform 100ms ease;

}

.owl-carousel .owl-video-play-icon:hover {

	-ms-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3);

}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {

	display: none;

}

.owl-carousel .owl-video-tn {

	opacity: 0;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

	transition: opacity 400ms ease;

}

.owl-carousel .owl-video-frame {

	position: relative;

	z-index: 1;

	height: 100%;

	width: 100%;

}

.owl-carousel {

	display: block !important;

}

/**********start here************/

.btn-bt {

	font-family: 'Roboto', sans-serif !important;

	padding: 7px 10px;

	background: #007cff;

	font-size: 14px;

	font-weight: 700;

	color: #fff !important;

	border-radius: 30px;

	text-transform: uppercase;

	cursor: pointer;

}

.pd70{ margin:5em 0;}

.btn-bt a {

	color: #fff;

}

.btn-bt span {

	width: 25px;

	height: 25px;

	line-height: 24px;

	text-align: center;

	display: inline-block;

	vertical-align: middle;

	background: #fff;

	border-radius: 100%;

	margin-left: 7px;

	transition: all 0.5s ease-in-out;

	color: #007cff;

	font-size: 20px;

}

a.btn-bt span i {

	color: #006956 !important;

}

.btn-bt:hover {

	background: #000;

	color: #fff;

}

.pd50 {

	margin: 25px 0 45px;

}

.white-bg {

	background: #fff;

	padding: 25px;

	box-shadow: 0px 0px 17px 1px #d0d0d0;

}

.all-webiner-btn {

	margin-bottom: 20px;

}

.sub-head {

	font-size: 19px;

	text-transform: uppercase;

	margin: 20px 0;

	color: #000;

	float: left;

}

.content-wrapper {

	width: 100%;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	min-height: initial;
}

.white-bg.bg-width {

    width: 600px;

    text-align: left !important;

    margin: 0 auto;

}

.main-footer {

	background: #000;

}

.worksheet-fld p {

	text-align: left;

}

.copy-right-text p {

	text-align: center;

	margin: 0;

	padding: 10px 0;

}

.table_center {

	display: table-cell;

	vertical-align: middle;

}

.pd70 {

	padding: 70px 0;

}

.box-subject {

	background: #f7f8fa;

	padding: 20px;

	display: inline-block;

	width: 100%;

	border: 1px solid #ddd;

}

.value-left {

	float: left;

}

.points-right {

	float: right;

}

.sub-top h3 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	text-transform: uppercase;

}

.progress {

	width: 210px;

	margin-bottom: 10px;

}

.points-right p {

	padding: 0;

	margin: 5px 0;

}

.sub-top {

	border-bottom: 1px solid #ddd;

	display: inline-block;

	width: 100%;

	padding: 0px 0 15px;

}

.list li {

	padding: 7px 0;

}

.list li a {

	font-size: 15px;

	color: #605e5e;

}

.list li span{ float:left; margin-right:12px;}

.left-menu h3 {

	margin: 0;

	color: #fff;

	background: #007cff;

	padding: 15px;

}

.left-menu ul {

	padding: 15px;

}

.left-menu ul li {
	color: #333;
	border-bottom: 1px dashed #ddd;
}

.left-menu ul li a {
	color: #605e5e;
	padding: 10px 0;
	display: block;
}

.box-subject {

	margin: 0 15px 15px;

}

.right-panel a {

	color: #605e5e;

}

.left-menu {

	background: #f7f8fa;

}

.box-subject p {

	color: #007cff;

	font-weight: 400;

	font-size: 14px;

}

.learn-left {

/*	float: left;*/

}

.learn-right {

	/*float: right;*/

	width: 100%;

	max-width: 420px;

}

.practice-box {

	background: #ddd;

	padding: 15px;

}

.caret-up {

	width: 0;

	height: 0;

	border-left: 4px solid rgba(0, 0, 0, 0);

	border-right: 4px solid rgba(0, 0, 0, 0);

	border-bottom: 4px solid;

	display: inline-block;

	margin-left: 2px;

	vertical-align: middle;

}

/*.main-nemu .dropdown {

    background:#fff;

    border:1px solid #ccc;

    border-radius:4px;

    width:300px;    

}*/

.main-nemu ul li {

	padding: 0 0 0 25px;

}

.main-nemu ul li ul li {

	padding: 0;

	width: 100%;

}

.main-nemu ul li ul li a {

	color: #262626;

}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

	color: #fff;

	text-decoration: none;

	background-color: #333;

}

.main-nemu .dropdown ul.dropdown-menu {

	border-radius: 4px;

	box-shadow: none;

	margin-top: 20px;

	width: 200px;

	right: 0 !important;

	left: inherit;

}

.main-nemu .dropdown ul.dropdown-menu:before {

	content: "";

	border-bottom: 10px solid #fff;

	border-right: 10px solid transparent;

	border-left: 10px solid transparent;

	position: absolute;

	top: -10px;

	right: 16px;

	z-index: 10;

}

.main-nemu .dropdown ul.dropdown-menu:after {

	content: "";

	border-bottom: 12px solid #ccc;

	border-right: 12px solid transparent;

	border-left: 12px solid transparent;

	position: absolute;

	top: -12px;

	right: 14px;

	z-index: 9;

}

.content-wrapper table tr td {

	text-align: left;

	color: #777;

}

.content-wrapper table tr th {

	color: #fff;

	background: #57a5f7;

	text-transform: uppercase;

	font-size: 15px;

}

/* .thin-scroll::-webkit-scrollbar-track {

 background: linear-gradient(to right, var(--scroll-track-color) 0%, var(--scroll-track-color) 30%, var(--scroll-color) 60%, var(--body-bg-color) 61%, var(--body-bg-color) 100%);

}*/

 .thin-scroll::-webkit-scrollbar {

 width: 4px;

}

 .thin-scroll::-webkit-scrollbar-thumb {

 background-color: var(--scroll-color);

 border-radius: 4px;

}

.scrollbar {

	height: 250px;

	overflow-y: scroll;

	scrollbar-color: black #c3bebe;

	scrollbar-width: thin;

}



:root {



  --scroll-color: black;

  --scroll--hover-color: #666;

  --scroll-track-color: rgba(255,255,255,0);

}

.change-pass-bg .form-group label{ text-align:left;}

.pass-bttn{ font-size:17px; text-align:center;}

.change-pass-fld{ margin:8em 0 0;}

/**********thankq*************/

.thank-you-section {

        min-height: 700px;

		padding: 12em 0;

}

	.checked-icon {

  text-transform: uppercase;

}

.thank-body p {

   

    padding: 8px 0;

}

.thank-fld {

  text-align: center;

  margin: 0 auto;

  padding: 35px;

  background-color: rgba(255, 255,255, 0.7);

  max-width: 600px;

  width: 100%;

  height: 400px;

  

  -webkit-box-shadow: 0px -7px 39px -11px rgba(120,120,120,1);

-moz-box-shadow:0px -7px 39px -11px rgba(120,120,120,1);

box-shadow: 0px -7px 39px -11px rgba(120,120,120,1);

}

.thank-body span img {

  text-align: center;

  margin: 0 auto;

}

.thank-fld h3 {

  font-size: 45px;

}

.thank-fld p {

}

.round-img {

  border: 3px solid #32e000;

  width: 70px;

  height: 70px;

  display: block;

  border-radius: 50%;

  text-align: center;

  margin: 0 auto;

  position: relative;

}

.round-img img {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto !important;

  max-width: 100px;

}

.checked-icon {

  font-size: 15px;

  background: #d12221;

  padding: 10px 20px;

  color: #fff;

  margin: 10px 0;

  display: inline-block;

}

.checked-icon:hover {

  color: #fff;

  background: #ea2625;

  text-decoration: none;

}

.thank-body {

  vertical-align: middle;

  text-align: center;

}

 @media only screen and (min-width:481px) and (max-width:768px) {

.main-header {

	padding: 0 15px;

}

.content-wrapper {

	padding: 25px;

	text-align: left;

}



.main-nemu {

	text-align: center;

	float: inherit;

}

.logo h3 {

	margin: 23px 0 0;

}

.main-nemu {

	padding-top: 5px;

}

.pd70 {

	padding: 70px 15px;

}







.lightbox {

	 background-color: rgba(0,0,0,0.8);

	 overflow: scroll;

	 position: fixed;

	 display: none;

	 z-index: 1;

	 bottom: 0;

	 right: 0;

	 left: 0;

	 top: 0;

}

 .lightbox-container {

	 position: relative;

	 max-width: 960px;

	 margin: 7% auto;

	 display: block;

	 padding: 0 3%;

	 height: auto;

	 z-index: 10;

}

.lightbox-container {

		 margin-top: 10%;

	}

 }





 @media only screen and (min-width:320px) and (max-width:480px) {

.lightbox-container {

		 margin-top: 13%;

	}

.content-wrapper {

	padding: 25px;

	text-align: left;

}

.logo {

	text-align: center !important;

    float: inherit;

    margin: 0 auto;

	padding: 10px 0;

}

.logo img {

    text-align: center;

    margin: 0 auto;

}

.all-webiner-btn.btn-bt.pull-right{ float:left !important;}

.sub-head{ float:inherit;}

.main-nemu {

	float: inherit;

	padding-top: 5px;

}



.main-nemu .dropdown ul.dropdown-menu {

	left: 0;

	right: inherit;

}

.main-nemu .dropdown ul.dropdown-menu {

	margin-top: 6px;

}

.logo h3 {

	margin: 23px 0 0;

}



.pd70 {

    margin: 3em 0;

}

.change-pass-fld {

    margin: 2em 0px 2em;

}

.content-wrapper{ min-height: 435px;}

.box-subject {

	margin: 15px 0;

}

.white-bg.bg-width{ width:100% !important;}

}









 .lightbox-content {

	 box-shadow: 0 1px 6px rgba(0,0,0,0.7);

}

 .lightbox-close {

	 text-transform: uppercase;

	 background: transparent;

	 position: absolute;

	 font-weight: 300;

	 font-size: 12px;

	 display: block;

	 border: none;

	 color: white;

	 top: -22px;

	 right: 3%;

}

 .video-container {

	 padding-bottom: 56.25%;

	 position: relative;

	 padding-top: 30px;

	 overflow: hidden;

	 height: 0;

}

 .video-container iframe, .video-container object, .video-container embed {

	 position: absolute;

	 height: 100%;

	 width: 100%;

	 left: 0;

	 top: 0;

}

/* body {

	 background: #efefef;

}*/

/* #container {

	 border-radius: 4px;

	 max-width: 300px;

	 height: auto;

	 padding: 50px;

	 background: white;

	 margin: 100px auto;

}*/

 #playme {

	 background: #007fed;

	 text-transform: uppercase;

	 font-weight: 300;

	 border: none;

	 color: white;

	 padding: 10px 15px;

	 display: inline-block;

	 font-size: 14px;

	 margin: 0;

}



.video-icon img {

    float: left !important;

}



/*03.06.2020*/

.dataTables_length {

    float: left;

    width: 200px;

    margin: 10px 0 0px 0px;



}

.dataTables_filter{

    float: right;

    width: 280px;

	margin: -37px 0 0 0;

	display: none;

 

}

.dataTables_filter label .input-sm{ margin:0 10px;}

.profile-new {

    padding: 0;

}

.student-profile-body{padding: 25px; float:left; width:100%;}
.upload-new {
    width: 600px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}





/*===============================================================================================================================================*/




.goBackjs{
	display: none !important;
}



table tr td{
	vertical-align: middle !important;
}



.main-Webinar-fld .white-bg{
	background: #00cd6b;
	/*margin-top: 25px;*/
	border-radius: 10px;
	padding: 20px;
	position: relative;
}

.main-Webinar-fld .white-bg:before {
    content: " ";
    width: 96%;
    height: 87%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px dashed #58d89b;
    border-radius: 10px;
    pointer-events: none;
}

.main-Webinar-fld .white-bg table{
	margin: 0;
}


.main-Webinar-fld .white-bg table tr th{
	background: #fff;
	color: #00cd6b;
}

.main-Webinar-fld .white-bg table tbody tr td{
	color: #fff;
}

.main-Webinar-fld .white-bg .btn-bt{
	background: #009e53;
	padding: 7px 15px;
}

.main-Webinar-fld .btn-bt span{
	color: #009e53;
}

.main-Webinar-fld .sub-head{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.main-Webinar-fld .white-bg table tbody tr td a {
    font-size: 12px;
    padding: 4px 15px;
    background: #009e53;
    border-radius: 20px;
    color: #fff;
}




.main-assessment-fld{
	margin-top: 0;
}


.main-assessment-fld .white-bg{
	background: #4bacda;
	margin-top: 25px;
	border-radius: 10px;
	padding: 20px;
	position: relative;
	margin-top: 0;
}

.main-assessment-fld .white-bg:before {
    content: " ";
    width: 96%;
    height: 92%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px dashed #6cc3ec;
    border-radius: 10px;
    pointer-events: none;
}


.main-assessment-fld .white-bg table{
	margin: 0;
}


.main-assessment-fld .white-bg table tr th{
	background: #fff;
	color: #44c3ff;
	vertical-align: middle;
}

.main-assessment-fld .white-bg table tbody tr td{
	color: #fff;
}

.main-assessment-fld .white-bg .btn-bt{
	background: #348ab3;
	padding: 7px 15px;
}

.main-assessment-fld .btn-bt span{
	color: #348ab3;
}

.main-assessment-fld .sub-head{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.main-assessment-fld .white-bg table tbody tr td a {
    font-size: 11px;
    padding: 6px 15px;
    background: #227298;
    border-radius: 20px;
    color: #fff;
}



/*#ff9393*/




.main-worksheet-fld{
	margin-top: 0;
}


.main-worksheet-fld .white-bg{
	background: #eaab39;
	margin-top: 25px;
	border-radius: 10px;
	padding: 20px;
	position: relative;
	margin-top: 0;
}

.main-worksheet-fld .white-bg:before {
    content: " ";
    width: 96%;
    height: 92%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px dashed #ffc55c;
    border-radius: 10px;
    pointer-events: none;
}


.main-worksheet-fld .white-bg table{
	margin: 0;
}


.main-worksheet-fld .white-bg table tr th{
	background: #fff;
	color: #eaab39;
	vertical-align: middle;
}

.main-worksheet-fld .white-bg table tbody tr td{
	color: #fff;
}

.main-worksheet-fld .white-bg .btn-bt{
	background: #d68f10;
	padding: 7px 15px;
}

.main-worksheet-fld .btn-bt span{
	color: #d68f10;
}

.main-worksheet-fld .sub-head{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.main-worksheet-fld .white-bg table tbody tr td a.btn {
    font-size: 11px;
    padding: 6px 15px;
    background: #ce890e;
    border-radius: 20px;
    color: #fff;
}


.table-responsivee{
	overflow: hidden;
    width: 100%;
    float: left;
    /*overflow-x: scroll;*/
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.white-bg:before{
	display: none;
}

.logo a img{
	position: relative;
	top: 4px;
}

.main-nemu{
	top: -6px;
}

marquee{
	margin-bottom: 15px;
}


.dataTables_wrapper .row{ border:0px solid red; }
.dataTables_wrapper .col-sm-6:first-child{ float: right; margin-top: 0px; }

.dataTables_wrapper .col-sm-6:first-child .dataTables_length { margin-top: 0px; float: left; text-align: left; }

.dataTables_wrapper .col-sm-6 .dataTables_length{ display: block; }

.dataTables_wrapper .col-sm-6:last-child{ float: right; width: 28%; margin-top: 0px; }

.dataTables_length label{ color: #fff; }

.dataTables_wrapper .col-sm-6:last-child .dataTables_filter{ margin-top: 0px; }



@media only screen and (min-width:320px) and (max-width:480px) {

.main-Webinar-fld .white-bg table tbody tr td a { padding: 4px 8px; background: #009e53; border-radius: 16px; }
.dataTables_wrapper .col-sm-6:first-child {  width: 100%; }
.dataTables_wrapper .col-sm-6:last-child { width: 100%; padding: 0px !important }
.dataTables_wrapper .col-sm-6:last-child .dataTables_filter label{ width: 100%; }
.dataTables_wrapper .col-sm-6:last-child .dataTables_filter label .input-sm{ width: 195px !important; float: right; }

}


@media only screen and (min-width:481px) and (max-width:768px) {

.dataTables_wrapper .row{ float: left; width: 100%; }


.dataTables_wrapper .col-sm-6:first-child {  width: 49%; float: left; padding: 0px !important}
.dataTables_wrapper .col-sm-6:last-child { width: 49%; float: right; padding: 0px !important}

.main-Webinar-fld .white-bg table tbody tr td a { padding: 4px 9px; background: #009e53; border-radius: 16px; }

.dataTables_wrapper .col-sm-6:last-child .dataTables_filter label{ width: 100%; }
.dataTables_wrapper .col-sm-6:last-child .dataTables_filter label .input-sm{ width: 195px !important; float: right; }


}





/*===========================================================================================================================================*/



.table_details_field{
	min-height: 500px;
}



.goBackjs{
	position: relative;
	padding-left: 30px !important;
}

.goBackjs img{
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
}

.table_details_field{
	margin-top: 50px;
}

.table_details_field h3{
	font-size: 22px;
	font-weight: 600;
}


.table_details_field table thead tr th{
	background: #444;
	color: #fff;
}

.table_details_field table tbody tr:nth-child(even) td{
	background: #e4e4e4;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #1B4A78 !important;
	border-color: #1B4A78 !important;
}


.table_details_field table tbody tr td,
.table_details_field table thead tr th{
	font-size: 14px;
}

.table_details_field table tbody tr td a{
	background: #7d7d7d;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
	padding: 5px 10px;
}

.dataTables_filter label,
.dataTables_length label{
	color: #777;
	font-size: 14px;
}

.dataTables_length{
	/*margin-left: 343px;*/
	margin-top: 5px;
	margin-bottom: 10px;
}

.left-menu.left-menu.left-menu.left-menu h3{
	background: #e29e10;
	font-size: 18px;
}

.practice-box a{
    background-color: #333;
    border-color: #333;
}

.box-subject p {
    color: #000 !important;
}

.banner-section {
    min-height: 150px;
    background: none no-repeat left top;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 25px;
}
.banner-section:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 95, 177, 0.84);
}

.banner-section h1 {
    text-align: center;
    font-size: 36px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
}

.banner-section h1 span{
	color: #f7ae17;
}

.banner-section .breadcrumb {
    width: 100%;
    max-width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    text-align: center;
}

.main-nemu ul li ul li a{
	position: relative;
	padding-left: 42px;
}

.main-nemu ul li ul li a i{
	position: absolute;
	left: 17px;
	top: 6px;
}

.my-profile-section{
	/* min-height: 400px;*/  min-height: 75vh; 
	padding: 25px;
	margin: 65px 0;
	background: #fff;
	box-shadow: 0px 0px 15px 2px #dadada;
}

.my-profile-section figure{
	width: 100%;
	display: table;
	margin: 0 auto;
	border-radius: 100%;
	text-align: center;
}

.my-profile-section figure img{
	display: block;
	width: 200px !important;
	height: 200px !important;
	border-radius: 100%;
	border: 1px solid #ccc;
	margin: 10px auto 20px;
}

.upload{
	width: 55px;
	height: 55px;
	line-height: 55px;
	background: #f7ae17;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 85px;
	margin: auto;
	right: 25px;
	border-radius: 100%;
}


.upload i{
	font-size: 18px;
	position: relative;
	top: 2px;
	pointer-events: none;
}

.upload input{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.upload span {
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.profile-details{
	/*padding: 25px;*/
	min-height: 200px;
	/*background: #dae3ff;*/
	border-radius: 10px;
}

.profile-details ul{
	margin: 0;
}

.profile-details ul li{
    display: table;
    font-size: 16px;
    margin-right: 0px;
    /*margin-bottom: 12px;*/
    color: #302f3e;
    position: relative;
    /*padding: 7px 10px;*/

	padding: 0px 0px 8px 30px; text-align: left;
}

.profile-details ul li i.fa-envelope{
	top: 5px;
}

.profile-details ul li em{
	font-size: 12px;
	padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    margin-left: 10px;
    display: inline-block;
}

.profile-details ul li em img{
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}

.verified {
    background: #6ddc48;
}

.not-verified{
	background: #fd965a;
	cursor: pointer;
}



.profile-details ul li i{
	position: absolute;
	left: 0;
	top: 1px;
	opacity: 0.5;
}




.my-edit-profile header{
	background: #005fb1;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 600;
	position: relative;
}

.edit-profile-inputs{
	padding: 25px 15px;
	border: 1px solid #ccc;
  display: none;
}

.my-edit-profile label{
	font-weight: 500;
	font-size: 14px;
}

.edit-profile-submit{
	padding: 8px 15px;
	border: none;
	background: #333;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	display: table;
	margin: 10px auto 0;
}


.edit-profile-submit:hover{
	background: #005fb1;
}


.my-edit-profile .form-control{
	box-shadow: 0px 0px 10px 1px #ccc inset;
}

.edit-contact-number{
	position: relative;
	padding-right: 80px;
}

.edit-contact-number button{
	position: absolute;
	right: 0;
	top: 25px;
	height: 34px;
	background: #f7ae17;
	color: #fff;
	border: none;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 12px;
	text-transform: uppercase;
}

.edit-contact-number button:hover{
	background: #333;
}

.my-edit-profile header i{
	position: relative;
	top: 3px;
  cursor: pointer;
}

.edit-profile-inputs i{
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    clear: both;
}

.body-section-field{
	padding: 45px 0;
}


.change-password-field-section{
	margin-top: 35px;
}

.main-sign-up-fld {
    height: 100vh;
    position: relative;
    padding: 15px;
    text-align: center;
}

.main-sign-up-fld:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.main-block-fld {
    width: 100%;
    max-width: 1000px;
    height: 490px;
    display: inline-block;
    vertical-align: middle;
    z-index: 999;
    position: relative;
    overflow: hidden;
}

.main-sign-up-fld:after {
    content: " ";
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #005fb1;
}

.left-panel-fld {
    width: 50%;
    float: left;
    height: 100vh;
    background: none no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 35px 25px;
}

.right-panel-fld {
    width: 50%;
    float: left;
    padding: 40px;
    background: #fff;
    height: 100vh;
}

.main-header{
	position: relative;
	z-index: 999;
}

.right-panel-fld h2 {
    text-align: left;
    margin-bottom: 45px;
}

.right-panel-fld h2 span {
    color: #005fb1;
}

.input-fld {
    position: relative;
}
.right-panel-fld .input-fld label {
    width: 100%;
    display: block;
    text-align: left;
    font-weight: 400;
    color: #909090;
    margin-bottom: 0;
}
.right-panel-fld .input-fld input {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    height: 30px;
}

.input-fld input, .input-fld select {
    width: 100%;
    display: block;
    height: 40px;
    padding: 0 15px;
    /* padding-left: 40px; */
    border: 1px solid #d8d8d8;
    box-shadow: 0px 0px 10px 1px #ccc inset;
    font-size: 16px;
    color: #75757e;
}

.right-panel-fld .join-class-btn {
    width: 100%;
    display: block;
    padding: 13px 15px;
    margin-top: 35px;
    background: #005fb1;
    border-radius: 4px;
    border: none;
}

.right-panel-fld .join-class-btn:hover {
    background: #333;
}

.join-class-btn {
    float: right;
    padding: 6px 16px;
    font-size: 15px;
    background: #5d6b79;
    color: #fff;
    border: none;
    border-radius: 20px;
    margin-top: 15px;
    transition: 0.6s;
}
.left-panel-fld:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
}


.dashboard-sub-fld{
	margin-top: 25px;
}


.scroll-notice-fld{
	background: #005fb1;
}

.scroll-notice-fld marquee{
	width: 100%;
	display: block;
	margin: 0;
	color: #f7ae17;
	font-weight: 500;
	font-size: 14px;
	padding: 8px 0;
}

.scroll-notice-fld marquee a{
	color: #f7ae17;
	position: relative;
}

.scroll-notice-fld marquee a:hover{
	text-decoration: underline !important;
}

.scroll-notice-fld marquee a + a{
	margin-left: 10px;
	padding-left: 10px;
}

.scroll-notice-fld marquee a + a:before{
	content: " ";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -5px;
	background: #ffda8f;
}

.dashboard-sub-fld .all-webiner-btn i.fa{
	font-size: 14px;
}

table.dataTable thead .sorting{
	    background: #444 url(http://go4live.info/tigpsLMS/s-assets-main/images/sort_both.png) no-repeat center right;
}

table.dataTable thead .sorting_asc {
	    background: #444 url(http://go4live.info/tigpsLMS/s-assets-main/images/sort_asc.png) no-repeat center right;
}

table.dataTable thead .sorting_desc {
	    background: #444 url(http://go4live.info/tigpsLMS/s-assets-main/images/sort_desc.png) no-repeat center right;
}

table thead tr th{
	 vertical-align: middle !important;
}


.right-panel .box-subject{
	position: relative;
}

.right-panel .learn-right .btn{
	position: absolute;
	top: 9px;
	right: 10px;
	background-color: #095d9e;
    border-color: #095d9e;
}

.right-panel .learn-right .btn:hover{
	background-color: #333;
    border-color: #333;
}


.min-height-section{
	min-height: 500px;
}


.scrollbar.thin-scroll{
	border: 1px solid #ddd;
}


.left-menu ul li a{
	padding-left: 15px;
	position: relative;
}

.left-menu ul li a:hover{
	color: #333;
}

.left-menu ul li a:before{
    content: " ";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 18px;
    background: #656565;
    border-radius: 100%;
}


.right-panel .box-subject{
	padding: 0;
}

.right-panel .box-subject .sub-top{
	padding: 20px;
	background: #fff4dc;
}

.right-panel .box-subject .learn-right{
	max-width: initial;
	padding: 20px;
}

.right-panel .box-subject .learn-right + .learn-right a{
	right: 125px;
	background: #333;
	border-color: #333;
}


.right-panel .box-subject .sub-top h3{
	color: #333;
}

.subject_dropdown_list.subject_dropdown_list.subject_dropdown_list{
	top: 58px !important;
}

.right-panel .box-subject ul.list{
	padding: 0;
}

.right-panel .box-subject ul.list li{
	border-bottom: 1px dashed #ccc;
	padding: 15px !important;
}

.right-panel .box-subject ul.list li.active-alreadyexist{
	background: #ececec;
}


.subject_dropdown_list .sub_dropdown_list a{
	padding-left: 0;
}


.advanced-search-fld{
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 35px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 17px 1px #d0d0d0;
}

.advanced-search-fld label{
	font-size: 14px;
	color: #444444;
	display: block;
}

.advanced-search-fld .form-control{
	box-shadow: 0px 0px 6px 3px #e6e6e6 inset;
}

.advanced-search-fld select.form-control{
	background: url("http://go4live.info/tigpsLMS/s-assets-main/images/down_arrow.png") no-repeat 97% center;
	background-size: 14px;
}

.dataTables_length select{
	background: url("http://go4live.info/tigpsLMS/s-assets-main/images/down_arrow.png") no-repeat 82% center;
	background-size: 10px;
	width: 55px !important;
}


.select2{
	width: 100% !important;
	display: block;
}

.select2-container .select2-selection--single{
	height: 34px !important;
	box-shadow: 0px 0px 6px 3px #e6e6e6 inset;
	border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 34px;
	font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #005fb1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 34px !important;
}




.student-study-material .learn-left h2{
	padding: 15px;
	background: #fff;
	font-size: 16px;
	border: 1px solid #ccc;
	position: relative;
	width: 96%;
	margin: 15px auto;
	cursor: pointer;
	padding-right: 60px;
	margin-bottom: 0;
}

.student-study-material .learn-left h2.mark{
	border-bottom: 3px solid #92ce87;
}

.student-study-material .learn-left h2.old-mark{
	border-bottom: 3px solid #ffadad;
}

.student-study-material .learn-left h2.mark.active-accord-sec{
	border: 3px solid #92ce87;
}



.student-study-material .learn-left h2.active-accord-sec{
	background: #fff4dc;
}

.student-study-material .learn-left h2:before{
	content: " ";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
	background: url("https://ariadaha.offbeateducation.com/s-assets-main/images/down-arrow-icon.png") no-repeat center;
	background-size: 100%;
	opacity: 0.4;
	transition: all 0.5s ease-in-out;
}

.student-study-material .learn-left h2.active-accord-sec:before{
	transform: rotate(180deg);
}


.student-study-material .learn-left ul.list{
    width: 96%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
}

.student-study-material .learn-left ul.list li:last-child{
	border-bottom: none;
}


.student-study-material .learn-left{
	margin-bottom: 15px;
}







.student-study-material .learn-left .content-group{
/*	display: none;*/
	/*margin-top: 15px;*/
}






.search-button{
	width: 100%;
	display: block;
	background: #005fb1;
	border: none;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	padding: 8px;
	margin-top: 20px;
}

.search-button:hover{
	background: #333;
}

.custom-radio{
	margin-top: 5px !important;
}

.custom-radio label{
	color: #868686;
}

.custom-radio label + label{
	margin-left: 8px;
}

.custom-radio i{
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.custom-radio i input{
	width: 25px;
	height: 25px;
	margin: 0;
}

.mail_span,
.ph_span{
  width: 100%;
  display: inline-block;
  font-size: 13px;
  margin: 2px 0;
}

.info-text-field{
  padding: 15px 0 25px;
  text-align: left;
  font-size: 14px;
}

.verify-div.verify-div{
  background: #b6ffc9;
}

.unverify-div.unverify-div{
  background: #ffdcdc;
}


.delete-button{
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	line-height: 32px;
	background: #333;
	margin: 0 3px;
	border: none;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
	padding: 0 15px;
	border-radius: 4px;
}

.profile-details > header{
	padding: 15px 0;
	margin-bottom: 25px;
	border-bottom: 2px dashed #dcdcdc;
	min-height: 70px;
}

.profile-details > header h3{
	margin: 0;
	font-size: 24px;
	position: relative;
	top: 20px;
}

.profile-details > header a{
	background: #085d9e;
	font-size: 14px;
	padding: 8px 20px;
	color: #fff;
}

.profile-details > header a:hover{
	background: #333;
	color: #fff;
}

.profile-details > header a i{
	margin-right: 5px;
	position: relative;
	top: 0;
}

.otp-code-section  header{
	padding: 7px 15px;
	background: #085d9e;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 4px 4px 0 0;
}

.body-otp-fld{
	padding: 15px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #ccc;
	background: #e7f0ff;
}

.otp-code-button button,
.otp-code-button button + a{
	font-size: 10px;
	margin: 12px 0 0;
	background: #333;
	border: none;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
}

.otp-code-button button +  button,
.otp-code-button button + a{
	margin-left: 5px;
	background: #8c8c8c;
}


.otp-code-section + .otp-code-section{
	margin-top: 15px;
}


.breadcrumb{
	text-align: right;
	margin-top: 25px;
}

.main-section-field{
	padding: 45px 0;
}

.sub-section-field{
    padding: 25px;
    background: #fff;
    box-shadow: 0px 0px 15px 2px #dadada;
}

.search-data-fld ul{
	margin: 0;
	text-align: left;
}

.search-data-fld ul li{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 8px 10px;
    background: #d5e4ff;
    border: 1px solid #c8d1e0;
    margin: 6px 2px;
    border-radius: 10px 0 10px 0;
}

.search-data-fld ul li i{
	margin-right: 5px;
	opacity: 0.5;
}


.sub-section-field + .sub-section-field{
	margin-top: 45px;
}

.sub-section-field header{
    padding: 8px 15px;
    border-bottom: 2px dashed #d6cbbe;
    background: #ffecd4;
    font-size: 18px;
    font-weight: 600;
}

.sub-section-field-content{
	padding: 15px;
}

.sub-section-field-content p{
	line-height: 1.8em;
}

.sub-section-field-content ul{
	margin: 0;
}

.sub-section-field-content .btn{
	background: #565656;
	color: #fff;
	font-size: 10px;
	padding: 3px 10px;
	float: right;
}


.sub-section-field-content table{
	margin: 0;
}

.sub-section-field-content table tr:first-child td{
	border-top: none;
}

.table_list .sub-section-field-content{
	min-height: 175px;
}

.search-data-fld{
	padding: 25px 15px;
}

.headine-text{
	font-size: 26px;
	margin-bottom: 25px;
	color: #23233a;
	margin-top: 0;
}

.sub-section-field header i{
	color: #cca97d;
    font-size: 28px;
}

.breadcrumb{
	margin-top: 15px;
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
	padding-left: 0;
}


.relative-container{
	position: relative;
}



.published-color{
	position: absolute;
	right: 0;
	top: 23px;
}

.published-color span{
	font-size: 13px;
	font-weight: 500;
}

.published-color span + span{
	margin-left: 15px;
}

.published-color span em{
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.published-color span.previous-pub em{
	background: #ffadad;
}

.published-color span.recent-pub em{
	background: #92ce87;
}


.teacher-comment-fld ul{
	width: 100%;
	float: left;
	margin: 0;
}

.teacher-comment-fld ul li{
	width: 100%;
	float: left;
}

.teacher-comment-fld ul li p{
	margin: 0;
}


.teacher-comment-fld ul li + li{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
}


.comment-date-time{
	display: inline-block;
	padding: 4px 12px;
	background: #333;
	color: #fff;
	font-size: 12px;
	margin-bottom: 8px;
	border-radius: 6px;
}



.subject-list ul li a{
	display: block;
	width: 100%;
	padding: 7px 15px;
	color: #333;
	border-radius: 4px;
}

.subject-list ul li + li{
	border-top: 1px dashed #ccc;
}

.subject-list ul li.active a{
	background: #333;
	color: #fff;
}

.sub-subject-content-field{
	padding: 15px;
}

.sub-subject-content-field:nth-child(even){
	background: #e0eaff;
}

.sub-subject-content-field b{
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 13px;
    background: #2275bc;
    font-weight: 400;
}

/*.sub-subject-content-field + .sub-subject-content-field{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #ccc;
}*/

.sub-subject-content-field p{
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}

.subject-content-field{
	min-height: 250px;
	border-left: 1px solid #ccc;
}

.sub-subject-content-field ul li{
	width: 100%;
	float: left;
}

.sub-subject-content-field ul li + li{
	margin-top: 6px;
}

.sub-subject-content-field ul li a{
	padding-left: 15px;
	position: relative;
	color: #3e3e3e;
}

.sub-subject-content-field ul li a:hover{
	color: #095d9e;
}

.sub-subject-content-field ul li a:before{
	content: " ";
	width: 6px;
	height: 6px;
	background: #868686;
	position: absolute;
	left: 0;
	top: 7px;
}


.message-field-design p{
	text-align: left;
}


.list-view-field{
	display: none;
}

.grid-view{
	margin-top: 45px;
	min-height: 400px;
}

.sub-grid-view a{
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #333;
	transition: all 0.5s ease-in-out;
}

.sub-grid-view a:hover{
	opacity: 0.6;
}

.sub-grid-view figure{
	height: 120px;
	position: relative;
	box-shadow: 0px 0px 10px 2px #ccc;
	border-radius: 6px;
}

.sub-grid-view figure img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.sub-grid-view h3{
	margin: 15px 0 0;
	text-align: center;
	font-size: 18px;
}


.list-view-grid-view{
	margin-top: 45px;
	margin-bottom: 25px;
}

.list-view-grid-view span,
.list-view-grid-view button{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.list-view-grid-view span i{
	font-size: 20px;
}

.list-view-grid-view button{
	padding: 0;
}

.list-view-grid-view span{
	padding: 6px 8px;
}

.list-view-grid-view button span.active{
	background: #333;
	color: #fff;
}

.sub-subject-discussion{
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	background: #ffeabb;
	border-radius: 4px;
}

.subject-discussion-section{
	margin-top: 45px;
}

.subject-discussion-search-field .search-button{
	margin-top: 0;
	padding: 6px;
}

.subject-discussion-search-field{
	padding: 27.5px 15px;
}

.btn-field.btn-field{
	margin-top: 20px;
	padding: 8px 25px;
	background: #5a5a5a;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
}

.btn-field.btn-field i{
	margin-right: 6px;
}

.btn-field.btn-field:hover{
	background: #333;
}




.right-panel .box-subject ul.list li{
	width: 100%;
	float: left;
	position: relative;
	padding: 15px 0;
}

.right-panel .box-subject ul.list li h3{
	margin: 0 0 12px;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 1.4em;
}

.right-panel .box-subject ul.list li button{
    background: #505d67;
    color: #fff;
    border: none;
    font-size: 10px;
    padding: 8px 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 12px 0;
    border-radius: 10px;
    cursor: initial;
    position: relative;
}


.btn_type{
	text-align: right;
}

.btn_type a{
    padding: 8px 18px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    color: #fff !important;
    margin-left: 8px;
}


.show-tooltrip{
    width: 90px;
    padding: 3px;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 8px;
    border-radius: 8px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    color: #fff;
}

.show-tooltrip:before{
	content: " ";
	position: absolute;
	left: 36px;
	bottom: -7px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #333;
}


button:hover .show-tooltrip{
	opacity: 1;
}


.bookmark .show-tooltrip{
	    left: -26px;
        top: -28px;
}


.wishlist .show-tooltrip{
	    left: -26px;
        top: -28px;
}


.right-panel .box-subject ul.list li button.wishlist{
	background: #f96363;
	cursor: pointer;
}


.right-panel .box-subject ul.list li button.bookmark{
	margin-left: 4px;
	margin-right: 4px;
	background: #70b5d0;
	cursor: pointer;
}

.right-panel .box-subject ul.list li button.wishlist.alreadyexist{
	background: #ffc9c9;
}

.right-panel .box-subject ul.list li button.bookmark.alreadyexist{
	background: #c7ebf9 !important;
}




.right-panel .box-subject ul.list li a span img{
	margin-left: 8px;
}

.box-subject .learn-left,
.box-subject .learn-right{
	width: 100%;
	float: left;
}


.profile-image-instruction{
    width: 100%;
    float: left;
    padding: 12px;
    margin-top: 20px;
    background: #fff4cc;
    font-size: 12px;
    line-height: 1.4em;
    border: 2px dashed #ccc;
}


.timer-fld{
	text-align: right;
}


.timer-fld .total-marks,
.timer-fld .question-timer{
	display: inline-block;
	vertical-align: middle;
}

.timer-fld .bold-text-fld{
	padding: 8px 15px;
	font-size: 14px;
	width: 175px;
	text-align: center;
	color: #714e2e;
	font-weight: 500;
}


.assessment-question-field{
	width: 100%;
	max-width: 1040px;
	display: table;
	margin: 0 auto;
}

.assessment-question-field .questionheight{
	width: 100%;
	float: left;
	box-shadow: 0px 0px 15px 2px #dadada;
	background: #fff;
}

.assessment-question-field .question-heading-section{
	padding: 10px 45px 10px 15px;
	background: #085d9e;
	display: inline-block;
	color: #fff;
	border-radius: 0 0 45px 0;
	float: left;
}


.quize-navigation{
	width: 100%;
	max-width: 1040px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 90px;
	text-align: right;
}


.quize-navigation .pagination{
	margin: 0;
	position: relative;
	top: 10px;
	z-index: 99;
}

.quize-navigation .pagination li{
	font-size: 13px;
}

.quize-navigation .pagination li a{
	color: #444;
}

.quize-navigation .pagination li.active a{
	background: #085d9e !important;
	border-color: #085d9e !important;
	color: #fff;
}


.assessment-question-field textarea{
	height: 120px;
	box-shadow: 0px 0px 12px 2px #ccc inset;
	padding: 20px;
}


.assessment-question-field .right-ques h4{
	margin-bottom: 15px;
	position: relative;
}

.assessment-question-field .right-ques h4:before{
	content: "Q .";
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	color: #a9a9a9;
	margin-right: 6px;
}

.next-div-button{
	width: 100%;
	max-width: 1040px;
	overflow: hidden;
	margin: 0 auto 35px;
}

.main-notice-field header{
	position: relative;
}

.main-notice-field header .right-date-field{
  position: absolute;
  right: 50px;
  font-size: 14px;
  top: 9px;
  padding: 6px 15px;
  background: #585858;
  color: #fff;
}

.main-notice-field ul li{
	font-size: 14px;
}

.main-notice-field p{
	clear: both;
	line-height: 1.7em;
}


.right-pdf-field{
	position: absolute;
	right: 0;
	top: 9px;
}


.assessment-question-field .questionheight{
	position: relative;
}

.question_mark{
	position: absolute;
	right: 15px;
	top: 20px;
	padding: 5px 10px;
	background: #4e6f88;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
}


.dashboard-upload-button{
	font-size: 14px;
	vertical-align: middle;
	padding: 8px 15px;
	border-radius: 20px;
	text-align: center;
	background: #f7a550;
	font-weight: 600;
	margin-top: 15px;
}

.worksheet_upload_file{
	font-size: 9px;
}

.sub-section-field-content table tr td{
	position: relative;
	word-break: break-all;
}

.sub-section-field-content .worksheet_upload_file{
	position: absolute;
	left: 5px;
	bottom: 0;
}

table.file-upload_fld tr td{
	padding-bottom: 20px;
}

.w-upload{
	background: #505d67;
    color: #333 !important;
    border: none;
    font-size: 10px !important;
    padding: 5px 12px;
    float: right;
    margin: 12px 0;
    border-radius: 10px;
	clear: both;
	background: #f7a550;
}


.my-profile-section .input-fld label span.error{
	color: #e60000;
}

.dataTables_wrapper{
	width: 100%;
	float: left;
	position: relative;
}

.dataTables_wrapper .col-sm-6:first-child{
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: 99;
	padding: 0;
}

.dataTables_length label{
	width: 100%;
	display: block;
}

.dataTables_length label select{
	display: inline-block;
	vertical-align: middle;
}

.dataTables_info{
	display: none;
}


.btn_type{
	width: 100%;
	float: left;
}


.sub-top-button{
	float: right;
}

.sub-top-button a{
	float: right;
}


.sub-top-button a.btn:hover{
	opacity: 0.6;
}


.sub-top-button a + a{
	margin-left: 8px;
}

.sub-top-button .btn.discussion{
	background-color: #085d9e !important;
	border-color: #085d9e !important;
}


.sub-top-button .bookmark{
	position: relative;
    top: 7px;
    margin-left: 10px;
}

.sub-top-button .bookmark .show-tooltrip{
	left: -34px;
	text-align: center;
	color: #fff;
}

.sub-top-button .bookmark:hover .show-tooltrip{
	opacity: 1;
}



/*----------------------------------------------------------------------*/




.subject-list-accord-fld ul li{
	border: none !important;
}


.subject-list-accord-fld ul li h4{
	padding: 15px;
    background: #ffffe0;
    font-size: 16px;
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    margin: 15px auto;
    cursor: pointer;
    padding-right: 60px;
    margin-bottom: 0;
    border-radius: 0px;
    border-bottom: 3px solid #adc9e0;
}

.subject-list-accord-fld ul li h4:before {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    background: url(https://ariadaha.offbeateducation.com/s-assets-main/images/down-arrow-icon.png) no-repeat center;
    background-size: 100%;
    opacity: 0.4;
    transition: all 0.5s ease-in-out;
}

.subject-list-accord-fld ul li h4.active-h4:before{
	transform: rotate(180deg);
}


.subject-list-accord-fld h2{
	font-size: 24px;
}


.subject-list-accord-fld iframe{
	width: 100%;
	max-width: 680px;
	height: 360px;
	display: block;
	margin: 25px auto 0;
}

.help-video-content{
	padding: 0 25px;
	display: none;
}



/*----------------------------------------------------------------------*/










@media only screen and (max-width: 1220px){

.container.container.container.container.container.container{
	padding: 0 15px;
}

}



/*Login*/

@media only screen and (max-width: 1240px){
.category-content{
  width: 68%;
}
}





@media only screen and (max-width: 1140px){

.sub-grid-view h3{
	font-size: 16px;
}

}




@media only screen and (max-width: 1040px){

.left-sign-up-fld{
  width: 100%;
}

.right-sign-up-fld{
  width: 100%;
  height: initial;
}

.sub-login-content,
.main-sign-up-fld,
.left-sign-up-fld{
  height: initial;
}

.category-content{
  min-height: initial;
  text-align: center;
}

.category-content{
  width: 100%;
}

.offbeat-category ul li figure{
  float: none !important;
  display: block;
  margin: 0 auto 15px;
}

.offbeat-category{
  max-width: 420px;
  float: none;
  overflow: hidden;
  margin: 35px auto 0;
}

.contact-us{
  position: static;
}

.dashboard-category li{
	width: 23%;
	margin-bottom: 25px;
}


.list-view-field .container.container.container.container.container.container.container{
	padding: 0 !important;
}


}




@media only screen and (max-width: 991px){


	.advanced-search-fld label{
		clear: both;
	}

	.advanced-search-fld .col-md-3{
		width: 100%;
		float: left;
	}

	.main-Webinar-fld .white-bg table tbody tr td a{
		display: block;
	}

	.sub_dropdown_list{
		width: 100%;
		float: left;
	}


	.subject_dropdown_list  .col-md-2 + .col-md-2 .sub_dropdown_list{
		margin-top: 25px;
	}


	.image-upload-fld .col-md-3 form{
		width: 100%;
		max-width: 380px;
		float: none;
		position: relative;
		overflow: hidden;
		margin: 0 auto 35px;
	}


	.upload{
		right: 65px;
	}

	.form-group{
		width: 100%;
		float: left;
	}

	.my-profile-section .input-fld label{
		font-weight: 500;
		font-size: 14px;
	}

	.my-profile-section header{
		clear: both;
	}

	.my-profile-section{
		padding: 15px !important;
	}

	.list-view-grid-view{
		margin-top: 10px !important;
		margin-bottom: 16px !important;
	}


}


@media only screen and (max-width: 768px){

	.logo a img{
		max-width: 100px;
	}

	.main-nemu > ul{
		text-align: right;
	}

	.main-nemu > ul ul{
		text-align: left;
	}

	.sub_dropdown_list h2{
		text-align: left;
	}

	.breadcrumb>li{
		font-size: 14px;
	}

	.tripl_tab h2{
		text-align: left;
		font-size: 22px;
	}

	.login-bx h1{
		font-size: 25px;
	}
}





@media only screen and (max-width: 767px){


.subject-list-accord-fld ul li h4{
	padding: 10px 15px;
}

.help-video-content{
	padding: 0;
}

.subject-list-accord-fld h2{
	font-size: 20px;
}

.main-notice-field p{
	font-size: 14px;
}

.subject-list-accord-fld iframe{
	height: 165px;
}



.right-panel.right-panel .box-subject .sub-top{
	padding-right: 20px !important;
}


.published-color{
	position: static;
	width: 100%;
	float: left;
	margin-top: 15px;
}




.my-profile-section .col-md-3,
.my-profile-section .col-md-9{
	width: 100%;
	float: left;
}


.right-panel .box-subject ul.list li h3,
.list li a{
	font-size: 14px;
}

.right-panel .box-subject{
	margin: 35px 0 0;
}

.right-panel .box-subject .sub-top h3{
	font-size: 16px;
}

.right-panel .learn-right .btn{
	font-size: 12px;
}

.dataTables_length label{
	font-size: 13px;
}

.dataTables_wrapper .col-sm-6:first-child{
	bottom: 45px;
}

.dataTables_paginate{
	width: 100%;
	float: left;
}

.dataTables_paginate .pagination.pagination{
	width: 100%;
	text-align: center;
	margin-top: 75px;
}

.dataTables_paginate .pagination.pagination li{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
}


.dataTables_wrapper .col-sm-6:first-child{
	width: 100%;
}

.dataTables_wrapper .col-sm-6:first-child .dataTables_length{
	width: 100%;
	text-align: center;
}


.aiadahalogo + h2{
  font-size: 24px !important;
}


.right-panel-fld h2{
  font-size: 24px;
}


.list-view-grid-view{
	margin-top: 30px;
	text-align: center;
}

.grid-view,
.dashboard-sub-fld{
	margin-top: 30px !important;
}

.copy-right-text p{
	font-size: 12px;
}



.table-responsivee{
	overflow: visible;
}

.list-view-field .sub-head{
	font-size: 18px;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
	font-size: 14px;
}


.banner-section h1{
	font-size: 26px;
	margin: 0;
}


.banner-section{
	min-height: initial;
	padding: 45px 15px;
}


.my-profile-section figure img{
	width: 125px !important;
	height: 125px !important;
}

.upload{
	width: 45px;
	height: 45px;
	line-height: 45px;
	right: 105px;
	bottom: 100px;
}

.upload i{
	font-size: 14px;
}

.profile-image-instruction{
	margin-top: 10px;
}

.profile-details > header h3{
	font-size: 20px;
}

.profile-details > header a{
	font-size: 13px;
}

.profile-details ul li{
	font-size: 14px;
}

.otp-code-section{
	max-width: 300px;
	float: none;
	overflow: hidden;
	margin: 20px auto 0;
}

.profile-details ul{
	margin-bottom: 25px;
}



}












@media only screen and (max-width: 640px){


.dashboard-category li{
	width: 31.33%;
}

.list-view-field .btn-bt a{
	font-size: 12px;
}

.list-view-field .btn-bt a span{
	display: none;
}

.list-view-field .sub-head{
	font-size: 15px;
	float: left;
}

.list-view-field .all-webiner-btn.btn-bt.pull-right{
	float: right !important;
}


.list-view-field .date-table{
	display: block;
	width: 150px;
}

.list-view-field tbody tr td{
	font-size: 14px;
}

.sub-section-field-content{
	padding: 15px 0;
}

.sub-section-field{
	padding: 15px;
}

.sub-section-field header{
	font-size: 15px;
}

.sub-section-field-content table tr td{
	font-size: 14px;
}

.col-md-6.table_list{
	width: 100%;
	float: left;
}

.col-md-6.table_list + .col-md-6.table_list{
	margin-top: 20px;
}

.worksheet_upload_file{
	display: none;
}

.student-study-material.student-study-material.student-study-material.student-study-material .learn-left ul li h3{
	font-size: 14px;
	line-height: 1.4em;
}



}




@media only screen and (max-width: 580px){

.logo{
	width: 100%;
	text-align: center;
}

.logo a{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 99;
	margin-top: 10px;
}

.main-nemu{
	top: 0;
}


.main-nemu > ul{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
}


.subject_dropdown_list.subject_dropdown_list.subject_dropdown_list{
	top: 89px !important;
}

.main-nemu ul li{
	padding-left: 15px;
	font-size: 13px;
}

.sub_dropdown_list h2{
	margin-bottom: 5px;
}

.sub_dropdown_list h2 + ul{
	margin-top: 15px;
}

.scroll-notice-fld marquee{
	font-size: 12px;
}


.banner-section h1{
	font-size: 24px;
}


}







@media only screen and (max-width: 520px){

.right-panel-fld .join-class-btn{
  padding: 8px 15px;
}

.right-sign-up-fld{
  padding: 25px 15px;
}

.right-sign-up-fld form{
  margin-top: 35px;
}


.left-panel-logo{
  max-width: 120px;
}

.offbeat-category ul li figure img{
  width: 55px !important;
}

.offbeat-category ul li figure{
  width: 85px;
  height: 85px;
}

.contact-us a{
  font-size: 14px;
}


}








@media only screen and (max-width: 480px){

.logo a{
	margin-top: 0;
}

.main-nemu{
	padding-top: 0;
}

.dashboard-category{
	margin: 0 -1.5%;
}

.dashboard-category li{
	width: 47%;
	margin: 0 1.5% 25px;
}

.subject_dropdown_list.subject_dropdown_list.subject_dropdown_list{
	top: 98px !important;
}


}






/*============================================================STUDENT TRACKER========================================================================*/



.sub_tab_diary_content > p{
	font-size: 16px;
	line-height: 1.6em;
}

.right_top_content{
	position: relative;
	padding-top: 30px;
}

.right_top_content .fig_image{
	width: 100%;
	border-radius: 10px;
	border: 4px solid #fff;
	box-shadow: 0px 0px 8px 4px #e4e4e4;
}



@media only screen and (min-width: 1500px){




.container.container.container.container.container.container{
	max-width: initial;
	padding: 0 45px;
}









}


.main-nemu{
	position: relative;
}

.tracker_inner_banner:before{
	background: rgba(92,180,221,0.7);
}

.tracker_inner_banner h1,
.tracker_inner_banner h1 span{
	color: #fff;
}

.tracker_breadcrumb{
	border-bottom: 1px solid #DCE3E9;
	padding-bottom: 15px;
}

.tracker_breadcrumb li a{
	color: #005FB1;
}

.tracker_breadcrumb .breadcrumb>li+li:before{
	color: #005FB1;
}

.right_published_color{
	position: absolute;
	right: 45px;
	top: 18px;
	text-align: right;
	z-index: 99;
}

.right_published_color span{
	font-family: 'Work Sans', sans-serif;
	display: inline-block;
	vertical-align: middle;
	color: #8EA4B7;
}

.right_published_color span + span{
	margin-left: 30px;
}

.right_published_color span i{
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	border-radius: 4px;
	position: relative;
	top: -1px;
}

.right_published_color .red{
	background: #FF5876;
}

.right_published_color .green{
	background: #26D049;
}

.tracker_breadcrumb .container{
	position: relative;
}

.month_wise_section{
	margin: 40px 0;
}

.month_wise_list{
	margin-bottom: 45px;
}

.month_wise_list ul{
	margin: 0 -0.5%;
}

.month_wise_list ul li{
	font-family: 'Work Sans', sans-serif;
	width: 7.3%;
	margin: 0 0.5% 30px;
	float: left;
	background: #FFFFFF;
    box-shadow: 0px 16px 18px 2px #E5F2FF;
    border-radius: 20px;
    position: relative;
}

.month_wise_list ul li a{
	width: 100%;
	display: block;
	padding: 45px 20px;
	font-size: 18px;
	font-weight: 500;
	color: #005FB1;
	text-align: center;
}

.month_wise_list ul li.active{
	background: #2655FF;
}

.month_wise_list ul li.active a{
	color: #fff;
}

.month_wise_list ul li.active:before{
	content: " ";
	width: 48px;
	height: 24px;
	background: url("../images/month-active-shape.png") no-repeat bottom center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -14px;
}

.left_table_content{
	min-height: 900px;
	background: #FFFFFF;
    box-shadow: 0px 16px 18px 2px #E5F2FF;
    border-radius: 12px;
}

.left_table_content{
	padding: 10px 25px 25px 25px
}

.left_table_content h2{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background: #FF5876;
	display: table;
	margin: 0 auto;
	padding: 20px 30px;
	border-radius: 4px;
	position: relative;
}

.left_table_content h2:before{
	content: " ";
	width: 29px;
	height: 33px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -33px;
	background: url("../images/left_shape.png") no-repeat left top;
}

.left_table_content h2:after{
	content: " ";
	width: 29px;
	height: 33px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -33px;
	background: url("../images/right_shape.png") no-repeat left top;
}

.left_table_content ul{
	margin-top: 25px;
}

.left_table_content ul li{
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
    background-image: linear-gradient(to right, #6E7881 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
}

.left_table_content ul li a{
	width: 100%;
	display: block;
	padding: 30px 20px;
	color: #005FB1;
}

.left_table_content ul li a:hover{
	color: #5a5a5a;
}

.left_table_content ul li:last-child{
	background: none;
}

.sub_subject_section header{
	font-family: 'Work Sans', sans-serif;
	padding: 30px 40px;
	background: #2655FF;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	border-radius: 20px;
	position: relative;
	margin-bottom: 30px;
}

.sub_subject_section header:before{
    content: " ";
    width: 48px;
    height: 24px;
    background: url(../images/month-active-shape.png) no-repeat bottom center;
    position: absolute;
    left: 16px;
    bottom: -14px;
}


.sub_subject_section .discussion{
	font-family: 'Work Sans', sans-serif;
	float: right;
	border-radius: 40px;
	padding: 12px 25px;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	color: #626D7A;
	position: relative;
	top: -8px;
}

.sub_subject_accord .sub_subject_accord_header{
	padding: 30px 40px;
	background: #DAE7F4;
    border-radius: 20px;
    cursor: pointer;
    background-image: linear-gradient(to right, #8AA6C2 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
    position: relative;
}

.sub_subject_accord .sub_subject_accord_header:before{
	content: " ";
	width: 32px;
	height: 32px;
	background: url("../images/plus_accord.png") no-repeat center;
	position: absolute;
	top: 24px;
	right: 40px;
}

.sub_subject_accord:last-child .sub_subject_accord_header{
	background-image: none;
}

.sub_subject_accord .sub_subject_accord_header h4{
	font-family: 'Work Sans', sans-serif;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	color: #414141;
}

.sub_subject_accord .sub_subject_accord_header h4 .green{
	color: #3cd35e;
}

.sub_subject_accord .sub_subject_accord_header h4 .red{
	color: #ff5876;
}

.sub_subject_accord_body{
	padding: 30px 40px;
	background: #EDF6FF;
	display: none;
}

.sub_accord_body{
	position: relative;
}

.sub_accord_content p{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #414141;
	margin-bottom: 20px;
	line-height: 1.4em;
}

.pdf_button{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #F15642;
	border: 1px solid #FF5876;
	box-shadow: 0px 8px 9px 2px #F4F0F1;
    border-radius: 16px;
    background: #fff;
    display: table;
    padding: 20px 30px;
    padding-right: 85px;
    position: relative;
}

.pdf_button:hover{
	background: #F15642;
	color: #fff;
}

.pdf_button img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
}

.sub_accord_right_button{
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

.sub_accord_content{
	padding-right: 375px;
}

.sub_accord_right_button a,
.sub_accord_right_button button{
	font-family: 'Work Sans', sans-serif;
	display: inline-block;
	vertical-align: middle;
	padding: 15px;
	background: #fff;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 500;
	color: #4D32B2;
	border: none;
}

.sub_accord_right_button button.wishlist{
	padding: 12px 14px;
    margin-right: 10px;
    background: #fba4b4;
}

.sub_accord_right_button button.wishlist i{
	color: #fff;
	font-size: 30px;
	opacity: 0.7
}



.sub_accord_right_button a:hover{
	background: #dae7f4;
}

.sub_accord_right_button a + a{
	margin-left: 10px;
}

.sub_accord_body{
    background-image: linear-gradient(to right, #6E7881 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.sub_accord_body:last-child{
	background: none;
	margin-bottom: 0;
}


.sub_subject_section + .sub_subject_section{
	margin-top: 65px;
}

.main_subject_body{
	background: #dae7f4;
	border-radius: 20px;
}

.active_header_minus:before{
	background: url(../images/minus_accord.png) no-repeat center !important;
	background-size: 25px !important;
}

.sub_subject_section .discussion:hover{
	color: #fff;
	background: #90a8ff;
}


.teacher_subject_date{
	margin: 0 0 30px;
}

.teacher_subject_date p{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	color: #949FA8;
	float: left;
	margin-top: 20px;
}

.teacher_subject_date p b{
	font-weight: 600;
	color: #005FB1;
}

.right_subject_date{
	float: right;
	text-align: right;
}

.right_subject_date select,
input.select_date_input{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	color: #7F9FBF;
	width: 430px;
	height: 65px;
	background: #fff url('../images/select_bottom_arrow.png') no-repeat 95% center;
	border: 1px solid #0878DA;
	box-shadow: 0px 8px 9px 2px #DBEEFF;
    border-radius: 16px;
    padding: 0 30px;
    display: inline-block;
    vertical-align: middle;
}


input.select_date_input{
	background: #fff url('../images/calendar_icon_date.png') no-repeat 95% center;
}



.subject_date_or{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	color: #7F9FBF;
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}

.search_by_date{
	display: inline-block;
	vertical-align: middle;
}

.student_diary_field{
	margin: 40px 0 165px;
}

.student_diary_tab{
	text-align: center;
}

.student_diary_tab ul li{
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
}

.student_diary_tab ul li a{
	display: block;
	width: 88px;
	height: 100px;
	background: #3F668C;
	color: #fff;
	border-radius: 20px;
	text-align: center;
}

.student_diary_tab ul li a:hover,
.student_diary_tab ul li.active a,
.student_diary_tab ul li.current-active a{
	background: #FCD821;
}

.student_diary_tab ul li a:before{
	content: " ";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.student_diary_tab ul li a span{
	width: 90%;
	display: inline-block;
	vertical-align: middle;
}

.student_diary_content{
	padding: 65px;
	padding-top: 45px;
	background: #1B4A78;
	position: relative;
	top: -25px;
	border-radius: 20px;
}

.sub_tab_diary_content{
	width: 50%;
	float: left;
	min-height: 650px;
	padding: 65px;
	padding-right: 125px;
	background: #fff;
	border-radius: 60px;
	position: relative;
	z-index: 9;
}

.sub_tab_diary_content:before{
	content: " ";
	width: 102.4%;
	height: 100%;
	position: absolute;
	left: -20px;
	top: 20px;
	background: #fff;
	opacity: 0.3;
	border-radius: 60px;
	pointer-events: none;
}

.sub_tab_diary_content h3{
	font-family: 'Work Sans', sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #093357;
	margin-bottom: 30px;
	position: relative;
}

.datepicker_month{
	position: relative;
}

.datepicker_month .ui-datepicker-prev,
.datepicker_month .ui-datepicker-next{
	display: none;
}

.datepicker_month .ui-datepicker{
	width: 100% !important;
}

.datepicker_month thead tr th{
	color: #7BB1C2;
	padding-top: 25px;
}


.datepicker_month .ui-datepicker .ui-datepicker-title{
	text-align: left;
}

.datepicker_month .ui-state-default{
	text-align: center;
	font-size: 18px !important;
	color: #44474B !important;
	border: none !important;
	background: none !important;
	padding: 16px 0 !important;
}


.datepicker_month .ui-datepicker-week-end:last-child,
.datepicker_month .ui-datepicker-week-end:last-child a{
	color: #fe2d53 !important;
}

.datepicker_month .ui-datepicker .ui-datepicker-title{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 30px;
}

.datepicker_month .ui-widget-header{
	background: none;
	border: none;
}

.datepicker_month{
	background: linear-gradient(225.88deg, #FFFFFF 0.7%, #E9F2FF 100%);
border: 2px solid #A3C7E7;
box-shadow: 0px 7px 13px 1px #DCF4FF;
border-radius: 16px;
}


.datepicker_month .ui-widget-content{
	background: none;
	border: none !important;
}

.sub_tab_diary_content + .sub_tab_diary_content:before{
	left: auto;
	right: -20px;
}

.sub_tab_diary_content + .sub_tab_diary_content{
	padding-left: 125px;
	padding-right: 85px;
}

.student_diary_content:before{
	content: " ";
	width: 66px;
	height: 800px;
	background: url("../images/border-icon.png") repeat-y center;
	position: absolute;
	left: 0;
	right: 0;
	top: 180px;
	margin: auto;
	z-index: 999;
}

.student_diary_form form{
	padding-top: 65px;
	position: relative;
}

.sub_leave_input input,
.sub_leave_input textarea{
	font-family: 'Work Sans', sans-serif;
	color: #63819A;
	font-size: 18px;
	padding: 0 25px;
	width: 100%;
	height: 64px;
border: 1px solid #0878DA;
box-shadow: 0px 8px 9px 2px #DBEEFF;
border-radius: 16px;
}


.sub_leave_input textarea{
	padding: 25px;
	height: 216px;
}


.calender_icons{
	background: #fff url("../images/calender_icon.png") no-repeat 96% center;
}

.sub_leave_input{
	margin-bottom: 35px;
}


.apply_button{
	font-family: 'Work Sans', sans-serif;
	background: #2655ff;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	border: none;
	box-shadow: 0px 9px 10px 6px #E5F2FF;
	border-radius: 100px;
	padding: 10px 30px;
	text-transform: uppercase;
	padding: 15px 60px;
	float: right;
}

.apply_button:hover{
	background: #1b4a78;
}

.student_diary_field .container{
	position: relative;
}


.right-ribon{
	position: absolute;
	right: 0;
	bottom: 438px;
	z-index: 1;
}

.left_bottom_ribon{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -152px;
	z-index: -1;
}

.right_bottom_ribon{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -55px;
}

.datepicker_month .ui-state-active{
	text-align: center;
	background: none !important;
	border: none !important;
	position: relative;
}

.datepicker_month .ui-state-active a{
	display: inline-block;
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #ff5876 !important;
	color: #fff !important;
	margin:0 !important;
	padding: 0 !important;
	border-radius: 100%;
	position: relative;
}

.datepicker_month .ui-state-active a:before {
    content: "Leave Applied";
    font-family: 'Work Sans', sans-serif;
    position: absolute;
    left: -33px;
    bottom: -24px;
    font-size: 11px;
    color: #2D55E1;
    width: 100px;
    pointer-events: none;
    display: none;
}

.datepicker_month .ui-state-active a:hover:before{
	display: block;
}


/*.datepicker_month .ui-datepicker-current-day{
	text-align: center;
	background: none !important;
	border: none !important;
}

.datepicker_month .ui-datepicker-current-day a{
	display: inline-block;
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #2655ff !important;
	color: #fff !important;
	margin:0 !important;
	padding: 0 !important;
	border-radius: 100%;
}*/

.leave_applied{
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	transition: all 0.5s ease-in-out;
}

.datepicker_month .ui-datepicker-month:before{
	content: "Attendance of ";
}

.search_by_date{
	position: relative;
	padding-right: 30px;
}


.search_by_date:before{
	content: " ";
	width: 23px;
	height: 23px;
	background: url("../images/calender_icon.png") no-repeat center;
	position: absolute;
	right: 0;
	top: 6px;
}

.search_by_date input,
.search_by_subject select{
	width: 131px;
	border: none;
	border-bottom: 1px solid #005FB1;
	font-size: 18px;
	font-weight: 500;
	color: #005FB1;
}

.search_by_subject select{
	width: 165px !important;
	height: initial !important;
	padding: 0 0 5px !important;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.subject_wise_list ul li{
	width: 11.5%;
}


.subject_wise_table{
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0px 16px 18px 2px #f3f3f3;
	margin-bottom: 65px;
}

.subject_wise_table table{
	font-family: 'Work Sans', sans-serif;
	width: 100%;
}

.subject_wise_table table thead tr th{
	font-size: 18px;
	font-weight: 400;
	background: #2655FF;
	color: #fff;
	padding: 15px 45px;
}

.subject_wise_table table thead tr th:first-child{
	border-radius: 12px 0 0 0;
	text-align: center;
}

.subject_wise_table table thead tr th:last-child{
	border-radius: 0 12px 0 0;
}

.subject_wise_table > table > tbody > tr > td{
	text-align: center;
}

.subject_wise_table > table > tbody > tr > td:last-child{
	text-align: left;
}

.subject_wise_table > table > tbody > tr > td{
	padding: 8px 20px 6px;
	background: #EDF6FF;
	font-size: 18px;
	color: #4F6477;
	vertical-align: middle; height: 50px;
}

.subject_wise_table .lesson{
	color: #26D049;
	margin-right: 8px;
}

.subject_wise_table table table tr td{
	padding: 15px 45px;
}

.subject_wise_table table table tr:nth-child(even) td{
	background: #D4E7F8 !important;
}

.subject_wise_table table table tr:nth-child(odd) td{
	background: #B9D8F3 !important;
}

.subject_wise_table table table p{
	font-size: 18px;
    color: #4F6477;
    margin: 0;
    position: relative;
    padding-left: 30px;
}

.subject_wise_table table table p:before{
	content: " ";
	width: 12px;
    height: 12px;
    border: 2px solid #005FB1;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 100%;
}


.subject_wise_table > table > tbody > tr:nth-child(even) td{
	background: #fff;
}

.subject_wise_table > table > tbody > tr:nth-child(even) td table tr:first-child td{
	background: #fff !important;
}



.subject_wise_table table table tr:first-child td{
	color: #2655FF;
	background: #EDF6FF !important;
	padding-top: 30px;
	padding-bottom: 30px;
}


.subject_wise_table > table > tbody > tr > td{
	border-right: 1px solid #E0EBF6;
}

.subject_wise_table > table > tbody > tr > td:last-child{
	border-right: 0; text-align: center;
}

.search_by_subject:before{
	background: url("../images/select_bottom_arrow.png") no-repeat center;
	top: 0;
}

.search_by_subject input{
	width: 156px;
}

.parent_message_fld{
	margin-top: 30px;
}

.parent_message{
	position: relative;
	padding-left: 100px;
}

.message_avater{
	width: 57px;
	height: 57px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.parent_message_box{
	width: 100%;
	float: left;
	padding: 35px;
	background: #EEF3F9;
	border-radius: 20px;
	position: relative;
}



.parent_message_box:before {
	content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #EEF3F9;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -17px;
    top: 15px;
}


.parent_message_box p{
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #2c3843;
	line-height: 1.6em;
}

.parent_message_box p b{
	color: #005FB1;
}

.message_icon_button{
	font-size: 15px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	color: #4E7EAE;
	display: inline-block;
	background: #DFE6EF;
	padding: 10px 25px;
	border-radius: 100px;
	margin-top: 10px;
}

.message_icon_button img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}


/*Flip animation*/


.scene {
  width: 93%;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  position: absolute;
  left: 47.7%;
  right: 0;
  margin: 0 auto;
  top: 440px;
  z-index: 99;
  padding: 0 45px;
}
.book {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.page {
  cursor: pointer;
  position: absolute;
  color: black;
  width: 100%;
  height: 100%;

  -webkit-transition: 1.5s -webkit-transform;

  transition: 1.5s transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;  
  -webkit-transform-origin: left center;  
  -ms-transform-origin: left center;  
  transform-origin: left center;
}
.front,
.back {
  position: absolute;
  width: 50%;
  height: 650px;
  padding: 65px;
  border-radius: 60px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.page.active {
  z-index: 1;
}
.page.flipped {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.page.flipped:last-of-type {
  z-index: 1;
}


.book-border{
	width: 100%;
	float: left;
	position: relative;
}

.top_border{
	width: 100%;
	float: left;
	height: 25px;
	border: 2px solid #1b4a78;
	position: relative;
}

.top_border:before {
    content: " ";
    width: 94%;
    height: 13px;
    position: absolute;
    left: 36px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #1b4a78;
}

.page_number {
    font-size: 18px;
    font-weight: 600;
    color: #1b4a78;
    position: absolute;
    left: 15px;
    top: 1px;
}

.tigps_logo {
    position: absolute;
    right: -20px;
    top: -35px;
    width: 105px;
    background: #fff;
    padding: 10px;
    border-radius: 100%;
}

.poem-content-area{
	width: 100%;
	float: left;
	margin-top: 25px;
}

.poem__info_heading {
    display: table;
    margin: 0 auto;
    padding: 8px 15px;
    background: #e92a28;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
}

.poem-content-area p{
	margin-top: 25px;
}

.not_clickable.not_clickable{
	pointer-events: none;
}


.flip_section .student_diary_content:before{
	background-size: 40px;
	height: 388px;
}


.flip_section .right-ribon{
	bottom: 200px;
}

.prev_flip{
	width: 35px;
	height: 35px;
	position: absolute;
	right: 10px;
	top: -39px;
	border-radius: 100%;
	border: none;
	background: url("../images/prev-flip.png") no-repeat center;
	background-size: 100%;
	background-color: #1b4a78;
}

.next_flip{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 10px;
	top: -39px;
	border-radius: 100%;
	border: none;
	background: url("../images/next-flip.png") no-repeat center;
	background-size: 100%;
	background-color: #1b4a78;
}

.not_clickable > button{
	opacity: 0.4;
}


@media only screen and (max-width: 1840px){

.student_diary_tab ul li{
	font-size: 12px;
}

.student_diary_tab ul li a{
	width: 80px;
}

}


@media only screen and (max-width: 1700px){

.student_diary_tab ul li{
	font-size: 9px;
}
.student_diary_tab ul li a{
	width: 70px;
}

.container.container.container.container.container.container{
	padding: 0 15px;
}

}


@media only screen and (max-width: 1500px){

.sub_accord_right_button button.wishlist i{
	font-size: 17px;
}

.sub_accord_right_button button.wishlist{
	padding: 10px 12px;
}

.next_flip,
.prev_flip{
	top: -57px;
}


.flip_section .student_diary_content:before{
	height: 565px;
}

.front, .back{
	height: 760px;
	padding: 25px 40px;
}

.scene{
	width: 91%;
	left: 46.7%;
}

.poem__info_heading{
	font-size: 16px;
}

.poem-content-area p{
	font-size: 14px;
	line-height: 1.9em;
}


.sub_tab_diary_content,
.sub_tab_diary_content:before{
	border-radius: 30px;
}

.sub_tab_diary_content{
	padding: 35px;
	padding-right: 65px;
	min-height: 775px;
}

.right_bottom_ribon{
	bottom: -45px;
    width: 75px;
}

.right-ribon {
    bottom: 244px;
    width: 145px;
}

.sub_tab_diary_content + .sub_tab_diary_content{
	padding: 35px;
	padding-left: 65px;
}

.student_diary_content:before {
    background-size: 30px;
    top: 145px;
    height: 515px;
}


.datepicker_month .ui-datepicker .ui-datepicker-title{
	font-size: 14px;
	padding-left: 0;
	margin-left: 25px;
}

.datepicker_month .ui-state-default{
	font-size: 14px !important;
	padding: 11px 0 !important;
}

.sub_leave_input input, .sub_leave_input textarea{
	font-size: 14px;
}

.sub_leave_input input, .sub_leave_input textarea{
	font-size: 14px;
	height: 55px;
}

.sub_leave_input textarea{
	height: 165px;
}

.sub_leave_input{
	margin-bottom: 25px;
}



.apply_button{
	font-size: 14px;
	padding: 10px 40px;
}


.sub_tab_diary_content h3{
	font-size: 20px;
}

.left_bottom_ribon{
	width: 55px;
	bottom: -84px;
}

.student_diary_content{
	padding: 50px;
}

.student_diary_content{
	top: -28px;
}

.student_diary_tab ul li{
	font-size: 9px;
}

.student_diary_tab ul li a{
	width: 60px;
    height: 85px;
}

.month_wise_list ul li a{
	font-size: 13px;
	padding: 32px 8px;
}

.right_published_color span{
	font-size: 12px;
}

.right_published_color span i{
	width: 10px;
	height: 10px;
}

.right_published_color span + span{
	margin-left: 20px;
}

.left_table_content h2{
	font-size: 12px;
	padding: 15px 15px;
}

.left_table_content ul li a{
	padding: 20px 15px;
}

.left_table_content ul li{
	font-size: 14px;
}

.month_wise_list ul li.active:before{
	background-size: 25px;
	bottom: -10px;
}

.sub_subject_section header{
	padding: 15px 30px;
	font-size: 14px;
}

.sub_subject_section header:before{
	background-size: 20px;
	bottom: -8px;
}

.sub_subject_section .discussion{
	font-size: 12px;
	padding: 7px 20px;
	top: -6px;
}

.left_table_content{
	min-height: 600px;
}

.sub_subject_accord .sub_subject_accord_header{
	padding: 20px 30px;
}

.sub_subject_accord .sub_subject_accord_header h4{
	font-size: 14px;
}

.sub_subject_accord .sub_subject_accord_header:before{
	background-size: 25px;
	top: 12px;
}

.sub_subject_section + .sub_subject_section{
	margin-top: 45px;
}

.sub_subject_accord_body{
	padding: 25px;
}

.sub_accord_content p{
	font-size: 14px;
}

.pdf_button{
	font-size: 12px;
	padding: 13px 20px;
	padding-right: 58px;
}

.pdf_button img{
	width: 26px;
	right: 15px;
}

.sub_accord_right_button a{
	padding: 12px;
	font-size: 12px;
}

.sub_accord_right_button a img{
	width: 18px;
}

.sub_accord_right_button a + a{
	margin-left: 6px;
}

.sub_accord_content{
	padding-right: 300px;
}

.teacher_subject_date p{
	font-size: 14px;
}

.right_subject_date select{
	font-size: 14px;
}

.right_subject_date select,
input.select_date_input{
	width: 205px;
	height: 42px;
	font-size: 14px;
	padding-left: 20px;
	background-size: 13px;
	background-position: 90% center;
}

.subject_date_or{
	font-size: 14px;
}

.search_by_date input{
	width: 100px;
	font-size: 14px;
}

.search_by_subject input{
	width: 120px;
}

.search_by_date:before{
	background-size: 18px;
}

.subject_wise_table table thead tr th,
.subject_wise_table  tr td,
.subject_wise_table table table p{
	font-size: 14px !important;
}

.subject_wise_table table table p:before{
	top: 4px;
}

.subject_wise_table table table p{
	padding-left: 24px;
}

input.select_date_input{
	background-size: 15px;
	border-radius: 10px;
}

.search_by_subject select{
	width: 135px !important;
}

.search_by_subject{
	padding-right: 25px;
}

.search_by_subject:before{
	background-size: 12px;
}










}










@media only screen and (max-width: 1140px){

.month_wise_list ul li{
	width: 15.6%;
}

}


@media only screen and (max-width: 768px){

.month_wise_list ul li{
	width: 24%;
}

.student_diary_tab ul li{
	margin-bottom: 5px;
}

.student_diary_tab ul li a{
	width: 75px;
	height: 65px;
	font-size: 11px;
}

.student_diary_content{
	top: 0;
}

.student_diary_content{
	padding: 15px;
}

.right-ribon,
.right_bottom_ribon,
.left_bottom_ribon{
	display: none;
}

.sub_tab_diary_content:before,
.student_diary_content:before{
	display: none;
}

.sub_tab_diary_content{
	width: 100%;
	padding: 15px !important;
	border-radius: 10px;
	min-height: initial;
}

.student_diary_field{
	margin-bottom: 40px;
}

.sub_tab_diary_content + .sub_tab_diary_content{
	margin-top: 35px;
}

.apply_button{
	box-shadow: none;
}

.sub_leave_input input{
	height: 45px;
}

.sub_leave_input textarea{
	height: 105px;
}

.calender_icons{
	background-size: 15px;
}

.student_diary_form form{
	padding-top: 20px;
}

.sub_tab_diary_content h3{
	margin-top: 10px;
}

.subject_wise_table table thead tr th,
.subject_wise_table table table tr td{
	padding: 15px;
}

.teacher_subject_date p{
	width: 100%;
	display: block;
	text-align: center;
}

.right_subject_date{
	width: 100%;
	text-align: center;
}

.subject_date_or{
	width: 100%;
	display: block;
	margin: 25px 0;
}

.subject_wise_table{
	margin-bottom: 30px;
	overflow-x: scroll;
}

}

@media only screen and (max-width: 640px){

.right_published_color{
	position: static;
	width: 100%;
	float: left;
	text-align: center;
}

.tracker_breadcrumb ol{
	text-align: center;
	margin-bottom: 15px;
}

.main-nemu{
	top: 2px;
}

.left_table_content{
	min-height: initial;
	margin-bottom: 35px;
}

.sub_accord_content{
	padding-right: 0;
}

.sub_accord_right_button{
	position: static;
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px;
}

.sub_subject_accord_body{
	text-align: center;
}

.pdf_button{
	margin: 0 auto;
}

.sub_subject_accord .sub_subject_accord_header:before{
	right: 20px;
}

}

@media only screen and (max-width: 520px){


.month_wise_list ul{
	margin: 0 -1% !important;
}

.month_wise_list ul li{
	width: 31.33% !important;
	margin: 0 1% !important;
	margin-bottom: 15px !important;
}

.sub_subject_accord .sub_subject_accord_header h4{
	font-size: 12px;
}

}



/* new add on 23-10-2021 */
.right_subject_date select{
	font-size: 14px;
}

.right_subject_date select,
input.select_date_input{
	width: 205px;
	height: 42px;
	font-size: 14px;
	padding-left: 20px;
	background-size: 13px;
	background-position: 90% center;
}

.subject_date_or{
	font-size: 14px;
}

.search_by_date input{
	width: 100px;
	font-size: 14px;
}

.search_by_subject input{
	width: 120px;
}

.search_by_date:before{
	background-size: 18px;
}

.subject_wise_table table thead tr th,
.subject_wise_table  tr td,
.subject_wise_table table table p{
	font-size: 14px !important;
}

.subject_wise_table table table p:before{
	top: 4px;
}

.subject_wise_table table table p{
	padding-left: 24px;
}

input.select_date_input{
	background-size: 15px;
	border-radius: 10px;
}

.search_by_subject select{
	width: 135px !important;
}

.search_by_subject{
	padding-right: 25px;
}

.search_by_subject:before{
	background-size: 12px;
}












@media only screen and (max-width: 1140px){

.month_wise_list ul li{
	width: 15.6%;
}

}


@media only screen and (max-width: 768px){

.month_wise_list ul li{
	width: 24%;
}

.student_diary_tab ul li{
	margin-bottom: 5px;
}

.student_diary_tab ul li a{
	width: 75px;
	height: 65px;
	font-size: 11px;
}

.student_diary_content{
	top: 0;
}

.student_diary_content{
	padding: 15px;
}

.right-ribon,
.right_bottom_ribon,
.left_bottom_ribon{
	display: none;
}

.sub_tab_diary_content:before,
.student_diary_content:before{
	display: none;
}

.sub_tab_diary_content{
	width: 100%;
	padding: 15px !important;
	border-radius: 10px;
	min-height: initial;
}

.student_diary_field{
	margin-bottom: 40px;
}

.sub_tab_diary_content + .sub_tab_diary_content{
	margin-top: 35px;
}

.apply_button{
	box-shadow: none;
}

.sub_leave_input input{
	height: 45px;
}

.sub_leave_input textarea{
	height: 105px;
}

.calender_icons{
	background-size: 15px;
}

.student_diary_form form{
	padding-top: 20px;
}

.sub_tab_diary_content h3{
	margin-top: 10px;
}

.subject_wise_table table thead tr th,
.subject_wise_table table table tr td{
	padding: 15px;
}

.teacher_subject_date p{
	width: 100%;
	display: block;
	text-align: center;
}

.right_subject_date{
	width: 100%;
	text-align: center;
}

.subject_date_or{
	width: 100%;
	display: block;
	margin: 25px 0;
}

.subject_wise_table{
	margin-bottom: 30px;
	overflow-x: scroll;
}

}

@media only screen and (max-width: 640px){

.right_published_color{
	position: static;
	width: 100%;
	float: left;
	text-align: center;
}

.tracker_breadcrumb ol{
	text-align: center;
	margin-bottom: 15px;
}

.main-nemu{
	top: 2px;
}

.left_table_content{
	min-height: initial;
	margin-bottom: 35px;
}

.sub_accord_content{
	padding-right: 0;
}

.sub_accord_right_button{
	position: static;
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px;
}

.sub_subject_accord_body{
	text-align: center;
}

.pdf_button{
	margin: 0 auto;
}

.sub_subject_accord .sub_subject_accord_header:before{
	right: 20px;
}

.sub_accord_right_button button.wishlist{
	padding: 10px 14px;
}

}

@media only screen and (max-width: 520px){


.month_wise_list ul{
	margin: 0 -1% !important;
}

.month_wise_list ul li{
	width: 31.33% !important;
	margin: 0 1% !important;
	margin-bottom: 15px !important;
}

.sub_subject_accord .sub_subject_accord_header h4{
	font-size: 12px;
}

}










.month_wise_list ul.newsbject_slider li{ width: 115px; height: 80px; }
.newsbject_slider .owl-nav{ position: absolute; z-index: 999; width: 100%; left: 0px;
    top: 26px; pointer-events: none; }
.newsbject_slider .owl-nav .owl-prev{ float: left; width: 35px; background-color: #337ab7 !important;
    height: 35px; border: 1px solid #92b5e7 !important; border-radius: 50%; color: #fff !important;
  transition: 0.6s; margin-left: -20px; pointer-events: initial;}
.newsbject_slider .owl-nav .owl-next{ float: right; width: 35px; background-color: #337ab7 !important;
    height: 35px; border: 1px solid #92b5e7 !important;border-radius: 50%; color: #fff !important; 
    transition: 0.6s; margin-right: -20px; pointer-events: initial;}
.newsbject_slider .owl-nav .owl-prev span,.newsbject_slider .owl-nav .owl-next span{ font-size: 28px; line-height: 25px;}
.newsbject_slider .owl-nav .owl-prev:hover,.newsbject_slider .owl-nav .owl-next:hover{ background-color: #fff !important;  
  border: 1px solid #337ab7 !important; color:#337ab7 !important; }   



  .nw_viwbtn{ background-color: #fbb657; margin-top: 8px; border-radius: 4px; border: 0px; padding: 6px 12px;
    transition: 0.6s;} 
   .nw_viwbtn:hover{ background-color:#ffd499; }
  .nw_viwbtn .fa-eye{ color: #3f4262; }

  .nw_nfobtn{ background-color: #1ea31e; margin-top: 8px; border-radius: 4px; transition: 0.6s; border: 0px !important;}
  .nw_nfobtn:hover{ background-color: #53d953; }

  .green_book_section .nw_nfobtn{ margin-top: -3px; }
  .nw_pdfbtn{ background-color: #ff2525; margin-top: 8px; border-radius: 4px; border: 0px; padding: 9px 14px; transition: 0.6s;}
  .nw_pdfbtn:hover{ background-color: #fb5d5d; }
  .green_book_section .fa-file-pdf-o{ color:#fff; font-size: 16px; font-weight:200 !important;}


  .gbok_btn{ float: right; }
  .gbok_brdcrumb{ padding-right: 0px; }


  .newsbject_slider .owl-item{ margin-right: 12px !important; }



@media only screen and (max-width: 640px){

  .right_subject_date input.select_date_input {
    width: 120px; padding-left: 6px;}
}  





.subject_wise_list .newsbject_slider .owl-item.active li.active {
  background: #2655FF;}  

@media only screen and (max-width: 1300px){

  .newsbject_slider .owl-item { margin-right: 32px !important;}

}






.sub_tab_diary_content .sub_leave_input #upload_file{ padding-top: 16px; }



.upload_nput{ position: relative; }

.upload_nput label{
  display: inline-block;
  background-color: #0279bf;
  color: #fff;
  padding: 5px 17px;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 12px;
  font-size: 15px; font-weight: 400;
  position: absolute; top:0px; left: 10px;
}


.notic_scrol{ 
    overflow-y: scroll;
    height: 632px; }



.notic_scrol::-webkit-scrollbar {
  width: 5px;
  /*height: 20px;*/
  height: 10px;
}

.notic_scrol::-webkit-scrollbar-track {
  background: #c9daed;
  border-radius: 10px;
  padding: 6px;
}

.notic_scrol::-webkit-scrollbar-thumb {
  background-color: #1B4A78;
  border-radius: 10px;
}

.right_subject_date .select2-container{
	width: 100% !important;
	height: 42px !important;
	font-size: 14px;
	border: 1px solid #0878DA;
	border-radius: 10px;
	color: #7F9FBF;
	overflow: hidden;
}

.select2-selection--single{
	box-shadow: none !important;
}

.select2-container .select2-selection--single{
    border: none !important;
	
}

.select_date_input{
	width: 100% !important;
}

.clsrm-recrd-lvl{
	float: left;
}

.right_subject_date{
	width: 100%;
	box-shadow: 4px 4px 20px 0px #cccccc78;
	padding: 20px;
    border-radius: 10px;
}

.submt-btn{
	margin-top: 25px;
	text-align: center;
}

.btn-blue{
	background: #1B4A78;
	border: #1B4A78;
	color: white !important;
	margin-right: 14px;
}

.select2-selection__rendered{
	float: left;
	color: #7F9FBF !important;
	position: relative;
	top: 3px;
}

.pagination{
	float: right;
}

.ui-datepicker{
	z-index: 99999 !important;
}

body{
	padding-right: 0 !important;
}

.right_subject_date .btn-blue{
	padding: 8px 16px !important;
}

.right_subject_date .submt-btn{
	margin-top: 30px !important;
}



.clasroutine_tabl{ margin-bottom:0px; }
.clasroutine_tabl thead tr th{ background-color:#173e72; color:#fff; font-size:14px; font-weight: 400;}
.clasroutine_tabl tbody tr td{ font-size: 14px;}
.clasroutine_tabl tbody tr td.offline_class{ background-color: #dfddf7; }
.clasroutine_tabl tbody tr td.online_class{ background-color: #96bdff; }



.colrnfo{ margin:15px auto; float: none; text-align:center; }
.colrnfo li{ display:inline-block; vertical-align:top; list-style: none; color:#000;
 font-size: 15px; padding: 0px; margin: 0px 4px;}

.colrnfo li span{ display:block; width:14px; height:14px; float:left; margin-right:5px;
      margin-top: 3px;}
.colrnfo li .online_bg{ background-color: #96bdff; border:1px solid #89b3f9;}
.colrnfo li .offline_bg{ background-color: #dfddf7; border:1px solid #cecafb;}


.event-indicator .type-holiday{
  position: relative;
  top: 5px;
}

.sub_tab_diary_content{
	height: 790px;
}

.full-width.parent_message_fld.scond_pg.notic_scrol{
	margin-top: 25px !important;
}

.parent_message_box p{
	margin-top: 15px;
}

.rply_cntnr{
	margin-top: 0 !important;
}

.student_diary_content:before {
	height: 600px !important;
}

.syllabus_main_fld .alert{
  position: relative;
}

.syllabus_main_fld .alert a {
    padding: 11px;
    color: #ff4343;
    position: absolute;
    right: 4px;
    top: 4px;
    background: #fff;
    border-radius: 2px;
}

.scond_pg.syllabus_main_fld{
  margin-top: 83px;
}


@media only screen and (max-width: 1500px){

.scond_pg.syllabus_main_fld{
  margin-top: 72px;
}

}

.edt-btn{
    font-size: 14px;
	background: #085d9e;
    color: #fff;
	border-radius: 4px;
    display: inline-block;
    cursor: pointer;
	padding: 5px 10px !important;
	float: right;
}

.modal-dialog-centered{
	width: 1200px;
}

.nputmodl .tabs.aca-tabs{cursor: pointer; text-align: center; }

.nputmodl .tabsct .tab{
  display: none;
}


.nputmodl .tabs.aca-tabs li{ display: inline-block; vertical-align: top; background: #fff !important;
    cursor: pointer; border-radius: 4px;  margin-left: 2px; padding: 5px 10px; transition: 0.6s;
    border:1px solid #0e6ec1;  background: #fff;}

.nputmodl .tabs.aca-tabs li span{ font-size: 15px;  color:#023968;}

.nputmodl .tabs.aca-tabs li.active{ background: #02559d !important; border:1px solid #006fcf; }
.nputmodl .tabs.aca-tabs li.active span{ color: #fff; }

.nput_modlbdy{ overflow: hidden; }

.tabsct h3.hding-bg{ padding-left: 15px; }


.edit-profile-update{ background: #0a5a9f; border-radius: 4px; padding: 5px 10px;
 font-size: 14px;  color: #fff; border: 0px;}

.edit-profile-cancel{ border-radius: 4px; padding: 5px 10px; border:1px solid #0a5a9f; 
  color: #333; font-size: 14px;}


.nput_modlbdy .tab_two .gnder{ display: block; }

.modal-dialog.modal-dialog-centered.nputmodl{ width: 90%; }


@media only screen and (max-width: 1155px){
  
  .nputmodl .tabs.aca-tabs li span { font-size: 12px;}
  .nputmodl .tabs.aca-tabs li{ margin-bottom: 6px; }

  .sub_tab_diary_content figure img{ float: none; margin: 10px auto; width: 150px;}


}




/* .full-width.profile-details .full-width{ column-count: 2; } */
.full-width.profile-details .full-width li{ margin-bottom: 4px;}

@media only screen and (max-width: 767px){

	.full-width.profile-details ul.full-width{ column-count: 1 !important; }
	.image-upload-fld .profile-details::before{ border-left: 0px;}

}


.image-upload-fld figure{ margin-top: 28px; border-radius: 10px; overflow: hidden;
	box-shadow: 0px 0px 24px 0px rgba(180,186,194,1); border: 5px solid #fff;}


.image-upload-fld .profile-details{ position: relative;}
.image-upload-fld .profile-details::before{ position: absolute; content:'';
  border-left: 1px solid #96b6d5; padding-left:6px ; width: 1px;
  height: 300px; padding-top: 50px; margin-top: 26px; top:0; left:-15px;}

.edt-btn{transition: 0.6s;}
.edt-btn:hover{ background-color: #1085dd; border:1px solid #0367b4;}

.profile-details ul li b{color:#333;}

.image-upload-fld .profile-details .full-width{ padding: 8px 0px 8px 8px;}




.image-upload-fld .profile-details .full-width.body-otp-fld{ text-align: center;}

.body-otp-fld .otp-code-button button{ background:#0066bf; transition: 0.6s;}
.body-otp-fld .otp-code-button button:hover{ background: #3085cf; }

.body-otp-fld .otp-code-button button + a{ background:#396285; transition: 0.6s;}
.body-otp-fld .otp-code-button button + a:hover{ background:#3085cf; }

.full-width.body-otp-fld .form-control{ height:28px;}

.edit-profile-cancel{ background:#396285; color: #fff; transition: 0.6s; border:1px solid #396285;}
.edit-profile-update:hover,.edit-profile-cancel:hover{ background: #3085cf; color: #fff; opacity: initial;}

.image-upload-fld .profile-details > header h3 {  width:100%; max-width: 400px; 
	line-height: 40px; color: #fff; top:16px; padding-left: 8px;
	background: -webkit-linear-gradient(left, #024281 14%,#3085cf 33%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #024281 14%,#3085cf 33%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.otp-section .full-width.body-otp-fld{ padding: 8px;}

.otp-section .full-width.body-otp-fld form.full-width{ padding: 0px;}

.otp-section .body-otp-fld .otp-code-button{ text-align: center;}





@media only screen and (max-width: 991px){
	.my-profile-section figure{  width:100%; max-width: 240px; margin-bottom: 10px;}
	.image-upload-fld .profile-details::before{  border-left:0px;}
    .full-width.profile-details.edit-profile-field .form-group.text-right{ float: none; 
		margin: 0px auto 0px; text-align: center;}

	.profile-details > header a	{ position: relative; z-index: 9; top:2px;}

	.profile-details ul li { margin-bottom: 4px; padding: 0px 0px 2px 30px; font-size: 14px;}

	.image-upload-fld figure{ width: 100%; max-width:220px; float: none; margin: 0px auto;}

	.edt-btn{ position: relative;}
}


h3.poem__info_heading{ color: #fff; font-size: 20px;}

@media only screen and (max-width: 1500px){ 
	h3.poem__info_heading{ font-size: 16px;}
	.student_diary_content .image-upload-fld .profile-details.profile-details::before {
		height: 90vh;}
}

.full-width.profile-details.edit-profile-field > header h3{ top:12px; text-align: left;
    padding-left: 15px; }

@media only screen and (max-width: 520px){
    /* .full-width.profile-details.edit-profile-field > header h3{ text-align: center;} */
	.image-upload-fld .profile-details > header h3{ max-width: 100%;}
	.edit-profile-field .btn.pull-right{ float: none !important; margin-top: 20px;}


	.profile-details .btn.pull-right{ margin-top: -22px;}
	
}

.btn .btn-blue{
    color: #fff;
    background-color: #5c6cb8;
    border-color: #5c6cb8;
}

.btn-blue:hover{
    background: #1b4a789c ;
    border: #1b4a789c ;
}

.qpapr_contnr{
	padding-left: 0 !important;
}

caption{
	font-family: 'Work Sans', sans-serif;
}

.table tbody tr th:first-child{
	width: 100px;
}

.modal-content{
	overflow-y: scroll;
}

.modal-body ul{
	position: relative;
	width: 100%;
	float: left;
}

.modal-comnt{
	border: 1px solid #c7def3;
    width: 97%;
    padding: 5px;
    border-radius: 4px;
    background: aliceblue;
	float: right;
}

.modal-comnt-date{
	position: absolute;
    right: 10px;
    top: 31px;
	font-size: 12px;
	float: right;
}

.modal-body form{
	width: 100%;
    float: left;
    margin-top: 20px;
}

.modal-body{
	text-align: left;
}


.table tr th {
	color: white;
	font-weight: 500;
	text-align: center;
}

.table tr td + td {
	border-left: 1px solid #ddd;
	text-align: center;
}

.pull-right:hover{
	background: #1b4a789c;
	color: white !important;
}

.modal-header h3{
	font-size: 70px;
	text-align: center;
}

.disc-tpic{
	width: 100%;
	float: left;
	position: relative;
}

.pull-right{
	position: absolute;
    right: 0;
    /* top: -1px; */ top:10px;
}

.table caption{
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}

table th td {
	text-align: center;
}

.table tbody tr td{
	text-align: center;
}

.sub_tab_diary_content .profile-details header h3{ margin-top: 22px;}
.student_diary_content .profile-details .btn.btn-primary.edt-btn{ margin-top: -16px;}

.student_diary_content .image-upload-fld .profile-details::before {
    height: 86vh;}


.parent_message_fld{ overflow-y: scroll; height: 580px; }	

.alert-info { width: 99%;}
.scond_pg a.pull-right{ margin-right: 20px;}


.qpapr_bdy-new{
	position: relative;
}

.modl-first{
	float: left;
    width: 100%;
    margin-bottom: 7px;
	color: white;
}

.modal-comnt-date-scnd{
	top: 39px;
}

.modal-comnt-scnd{
	margin-bottom: 10px;
	padding-right: 130px;
    font-size: 15px;
}

.flt-right{
	width: 97%;
	float: right;
}
      

.modal-comnt-scnd{ position: relative;}
.nw_clendr{ position: absolute; top:7px; right:6px;}

.nw_clendr:before{
	content: "";
	margin-right: 7px;
}

.scrl-new {
	height: 550px;
	overflow-y: scroll;
	margin-bottom: 30px;
}

.tbl-scrl{
	height: 450px;
	overflow-y: scroll;
}

.libry-main-book{
	padding: 10px 0px 10px;
	margin-bottom: 30px;
}

.tbl-caption{
	font-size: 28px;
    font-weight: 600;
    color: #fff;
	padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
	font-family: 'Work Sans', sans-serif;
}

.pul-righ-nw{
	top: 0 ;
}


.cntr-txt {
    text-align: center;
}
.cntr-txt .butn {
    width: 100%;
    max-width: 120px;
    display: inline-block;
    margin: 10px 2px;
	text-align: center;
}


.search-button {
    width: 100%;
	max-width: 120px;
    display: block;
    background: #005fb1;
    border: none;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    padding: 8px;
    margin-top: 20px;
}


.refresh-button {
    background: transparent;
    border: 1px solid #3f51b5;
    color: #3f51b5;
    line-height: 34px;
    height: 38px;
    border-radius: 3px;
    transition: 0.4s all;
    font-size: 16px;
}

.refresh-button:hover{
  background: #444444;
  color: white;
  border: 1px solid #444444;
}


.select2-selection.select2-selection.select2-selection.select2-selection.select2-selection.select2-selection.select2-selection {
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}


/* tab design */

.new-tab-tbl.new-tab-tbl tbody tr{
	display: block;
	margin-bottom: 15px;
	text-align: -webkit-center;
}

.new-tab-tbl.new-tab-tbl tbody tr td{
	width: 345px;
	background: white;
	text-align: center;
}

.new-tab-tbl.new-tab-tbl tbody tr td:last-child{
	width: 150px;
}

.new-tab-tbl.new-tab-tbl tbody tr td:nth-child(2){
	width: 155px;
}

.new-tab-tbl.new-tab-tbl tbody tr td:nth-child(1){
	text-align: left;
	padding-left: 15px;
}

.new-tab-tbl.new-tab-tbl tr td + td {
    border-left: 2px solid white;
}

.clr-nwe.clr-nwe {
    background: #1fa536 !important;
    color: white;
    font-size: 13px;
}
/* =============== */

.nav-tabs, .tabs {
    max-width: 650px;
	margin: auto;
    border-bottom: 1px solid #00000036;
}

.tabs li span.active {
    /* border: 1px solid #1d74bb !important; */
	color: white;
    border-bottom: none !important;
    background: #1d74bb;
	position: relative;
	border-radius: 3px 3px 0 0;
}

.mrn-new.mrn-new{
	margin-top: 20px;
}


.tabs li span {
	display: inline-block;
    padding: 6px 8px;
    color: black;
	transition: 0.5s all;
	cursor: pointer;
	font-size: 15px;
	width: 200px;
	text-align: center;
}

.tabs li span:hover{
	/* color: #1d74bb; */
}

.tabs li {
    display: inline-block;
}

.new-fnt{
	font-size: 13px !important;
}



@media only screen and (max-width: 991px) {
	
	.tabs li span {
		padding: 4px 6px;
		font-size: 13px;
		width: 160px;
	}

	.nav-tabs, .tabs {
		text-align: left;
	}

	.new-tab-tbl.new-tab-tbl tbody tr td {
		font-size: 13px;
	}

	.new-tab-tbl.new-tab-tbl tbody tr td:nth-child(1) {
		padding-left: 11px;
	}
}


@media only screen and (max-width: 991px) {

	.tabs li span {
		padding: 4px 16px;
		font-size: 12px;
		width: auto;
	}

	.new-tab-tbl.new-tab-tbl tbody tr td {
		font-size: 12px;
		border: none;
	}

	.clr-nwe.clr-nwe {
		font-size: 12px;
	}

	.new-fnt {
		font-size: 12px !important;
	}

	.new-chht.new-chht{
		padding: 12px 0 0 0;
	}

	.new-tab-tbl.new-tab-tbl tbody tr {
		border: 1px solid #00000024;
	}

}

@media only screen and (max-width: 370px) {
	.tabs li span {
		padding: 3px 8px;
		font-size: 11px;
		width: auto;
	}
}


                    /* ====================  28-11-2025 =================== */




.mockndex-wrapper{
 display: initial !important;
 padding: 20px 70px;
}

.mockndex-wrapper .head-title {
    text-align: left;
}

.mockndex-wrapper ul{
    margin: 0px;
    padding: 0px;
}

.mockndex-wrapper ul li{
    display: inline-block;
    /* font-size: 24px; */
    line-height: 27px;
    text-transform: capitalize;
}

.mockndex-wrapper ul li a{
    color:#403d3d;
    font-weight: 400;
} 


.olympd-bannr{
    background-image: linear-gradient(to bottom, #0067c6, #5dabf6, #3390e6, #2874e9, #005fc6);
    height: 420px;
    border-radius:20px;
    overflow: hidden;
    position: relative;
}


.olympd-bannr::before{
    position: absolute;
    content: '';
    background: url(../images/mock-round-lft.png) no-repeat;
    background-size: contain;
    width: 562px;
    height: 410px;
    top: 0px;
    left: 0px;

}



.medal-bx{
    position: absolute;
    top:0px;
    left:14%;
    width: 350px;
}

.medal-bx img{
    width: 100%;
}

.bnr-contbx{
    padding-left: 42%;
    margin-top: 50px;
    padding-right: 20px;
}

.bnr-contbx h1{
    font-size: 58px;  
    font-family: "Poppins", sans-serif !important;
    color:#fff;
    font-weight: 600;
}

.bnr-contbx span{
    font-size: 20px;  
    font-family: "Poppins", sans-serif !important;
    color:#fff;
    font-weight: 600;
    display: block;
	line-height: 50px;
}

.bnr-contbx ul{
    margin: 10px 0 0px;
    padding: 0px;
}

.bnr-contbx ul li{
    list-style: none;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin-right: 20px;
    color:#fff;
    font-weight: 600;
}

.bnr-contbx ul li .circl{
    width: 50px;
    height: 50px;
    border:1px solid #fff;
    border-radius: 100%;
    padding: 11px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}

.reg_butn{
    background-color: #fff;
    border-radius: 16px;
    display: inline-block;
    padding: 17px 34px;
    margin-top: 15px;
    font-size: 22px;
    line-height: 30px;
    color:#000;
    transition: 0.6s;
}


.reg_butn:hover{
    color:#d4334e;
}


.crvbx-bg{
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 26px;
    box-shadow: -1px 2px 29px -10px rgba(0,0,0,0.75);
    border:1px solid #D8D9EC;
}


.crvbx-bg h5{ 
    font-size: 36px;
    font-weight: 600;
    color: #393D93;
    line-height: 55px;
}

.crvbx-bg p{
    font-size: 20px;
    font-weight: 400;
    color: #403D3D;
    line-height: 28px;
}

.ledr-boad-contnr{
    margin: 50px 0px;
}

.ledr-boad-contnr .lftbx{
    padding-left: 0px;
}

.ledr-boad-contnr .rghtbx{
    padding-right: 0px;
}

.leader_boad_butn{
    color: #fff;
    border-radius: 16px;
    display: inline-block;
    padding: 14px 34px;
    margin-top: 15px;
    font-size: 24px;
    line-height: 50px;
    background: #F31C28;
    border:1px solid #F31C28;
    font-weight: 600;
    transition: 0.6s;
    margin-bottom: 6px;
}

.leader_boad_butn:hover{
    background: #FFF;
    color:#F31C28;
}

.crvbx-bg .datbx{
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    color: #403d3d;
}

.crvbx-bg .datbx span{
    color: #E91B27;
}

.crvbx-bg hr{
    background: #333;
}

.datbx img{
    float: left;
    margin-top: 2px;
    margin-right: 6px;
}

.crvbx-bg hr{
     margin-bottom: 8px; 
 } 

 .mockndex-wrapper hr{
    margin-top: 6px;
 }


 .mockndex-wrapper ul li {
    display: inline-flex;
	gap:10px;
    font-size: 24px; 
    line-height: 27px;
    text-transform: capitalize;
}




#myModal_contact_us .modal-body table{
	font-size: 13px;
}

#myModal_contact_us .modal-body table tr td,
#myModal_contact_us .modal-body table tr th{
	padding: 4px 6px;
    line-height: 16px;
}

.table_details_field .tabs{
	max-width: 71%;
}
/*  =========== 16-12-25 =============== */

.mockndex-wrapper .head-title {
    text-align: left;
}

.mock_tab_contnr ul.tabs.aca-tabs {
    margin-bottom: 20px;
    height: 46px;
    border-bottom: 0px solid #F862A1;
    text-align: center;
	max-width: 100%;
}

.mock_tab_contnr ul.tabs.aca-tabs li.active {
    color: #fff;
    background: linear-gradient(90deg, #e91b27, #3631ab);
    border: none;
}

.mock_tab_contnr ul.tabs.aca-tabs li {
    color: #e63946;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #e63946, #5c4efc) border-box;
    border-radius: 8px;
    font-weight: bold;
    letter-spacing: 0.8px;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-align: center;
    padding: 10px 30px;
    width: 200px;
}

.innr-pgs.aca .tab.analysis-pag {
    padding: 20px 0px;
}

.analysis-pag h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 27px;
    color: #393D93;
    margin-bottom: 25px;
}

.card {
    flex: 1 1 180px;
    background: #fff;
    border: 2px solid #e2d9f3;
    border-radius: 16px;
    padding: 20px 10px;
    text-align: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s;
}

.score-card {
    background: linear-gradient(135deg, #7a2ff7, #d53a9d);
    color: #fff;
    position: relative;
}

.score-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 120px;
    position: relative;
    margin: 50px;
}

.card img {
    width: 250px;
    /* height: 50px; */
    margin-bottom: 10px;
    margin-top: 20px;
}

.score-value {
    font-size: 44px;
    font-weight: 700;
    position: absolute;
    top: 50px;
}

.total {
    font-size: 22px;
}

.card p {
    font-size: 16px;
    color: #fff;
}

.innr-pgs.aca .tab p {
    max-width: 100%;
    margin-bottom: 30px;
}

.card-grup {
    border: 2px solid transparent;
    background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
    border-radius: 16px;
    padding: 20px 13px;
    text-align: center !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    width: 30%;
    display: inline-block;
    margin: 0 10px;
    height: 255px;
}

.card-grup .icnbx {
    border: 0px solid #333;
    width: 100px;
    height: 100px;
    float: none;
    margin: 10px auto;
}

.innr-pgs.aca .tab h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 50px;
    text-transform: capitalize;
    color: #0C0C0C;
    /* margin-bottom: 30px; */
    text-align: left;
}

.innr-pgs.aca .tab.analysis-pag .card-grup h2 {
    width: 100%;
    text-align: center !important;
}

.card-grup p {
    color: #39359D;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    width: 100%;
}

.innr-pgs.aca .tab p {
    max-width: 100%;
    margin-bottom: 30px;
}

.innr-pgs.aca .tab p {
    max-width: 100%;
    margin-bottom: 30px;
}

.skillbx, .leadrbordbx {
    border: 2px solid transparent;
    background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
    border-radius: 16px;
    padding: 20px;
    text-align: center !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    width: 100%;
    display: inline-block;
    margin: 0 10px;
    height: auto;
}

.twinbtn-contner {
    display: inline-flex;
    border-radius: 50px;
    padding: 3px;
    background-color: #fff;
    overflow: hidden;
    float: right;
    margin-top: 4px;
}

.twinbtn {
    border: none;
    outline: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 50px;
    color: #3b2ea0;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.twinbtn.active {
    border: 2px solid transparent;
    background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
    color: #2b1d8e;
}

.listbx {
    width: 100%;
    height: 103px;
    border-radius: 20px;
    border: 2px solid transparent;
    background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
    /* background-color: #f5eafb; */
    padding: 10px 5px;
    margin-bottom: 25px;
    display: inline-flex;
    gap: 5px;
	display: flex;
	align-items: center;
}

.leadrbordbx .listbx {
    border: 0px;
    background: #fff;
    padding: 6px 15px;
    margin-bottom: 10px;
    width: 100%;
    height: 95px;
}

.listbx .whit-crcl {
    width: 74px;
    height: 74px;
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    margin: 2px auto;
    float: none;
    display: flex;
    align-items: center;
	justify-content: center;
}

.leadrbordbx .listbx .whit-crcl {
    background: #f5eafb;
    margin: 6px auto;
}

.leadrbordbx .listbx .whit-crcl {
    width: 70px;
    height: 70px;
	display: flex;
    align-items: center;
    justify-content: center;
	flex: none;
}

.listbx .studnt_imgbx {
    width: 44px;
}

.listbx .star-ball img, .listbx .studnt_imgbx img {
    width: 100%;
}

.leadrbordbx .listbx .studnt-nfo {
    text-align: left;
    padding-left: 26px;
    /* margin-top: 14px; */
    width: 81%;
}

.list-contnr .listbx h5 {
    width: 81%;
	font-size: 20px;
    font-weight: 500;
}

.count-circl {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6a11cb, #ff0077);
    float: none;
    margin: 4px auto 0px;
    position: relative;
	flex: none;
}

.count-circl span {
    color: #fff;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    line-height: 78px;
    font-weight: 600;
}

.lftsid {
    float: left;
}

.tab-container-nw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffeef1;
    border-radius: 50px;
    padding: 4px;
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
}

.tabnw {
    flex: 1;
    text-align: center;
    font-weight: 600;
    padding: 10px 0;
    border-radius: 50px;
    color: #d40000;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tabnw.active {
    background: linear-gradient(90deg, #5e00cc, #d61a7f);
    color: #fff;
}

.our_events{
	min-height: 95dvh;
}



@media only screen and (max-width: 1500px) {

			.mockndex-wrapper ul li{
				font-size: 13px !important;
			}

			.bnr-contbx h1 {
					font-size: 38px;}


			.bnr-contbx span {
					font-size: 13px;
					font-weight: 500;
					line-height: 20px;
				}

				.bnr-contbx ul li {
					font-size: 13px;
					line-height: 20px;
				}

				.bnr-contbx ul li .circl {
					width: 36px;
					height: 36px;
					line-height: 28px;
					padding: 6px;
				}

				.bnr-contbx ul li .circl img{
					width: 100%;
				}

				.reg_butn {
					background-color: #fff;
					border-radius: 10px;
					padding: 8px 22px;
					margin-top: 15px;
					font-size: 16px;
					line-height: 25px; }

				.bnr-contbx {
					padding-left: 37%;
					margin-top: 60px;}

				.medal-bx {
					left: 9%;
					width: 225px; }

				.olympd-bannr{
					height: 275px; }

				.olympd-bannr::before {
					width: 344px; }

				.crvbx-bg h5 {
					font-size: 26px; }

				.crvbx-bg p {
					font-size: 15px;
					line-height: 22px; }  
					
				.leader_boad_butn {
					padding: 4px 24px;
					margin-top: 15px;
					font-size: 15px;
					line-height: 34px;
					border-radius: 12px;
				}  

				.crvbx-bg .datbx {
					font-size: 14px; 
					line-height: 22px; }  

				.datbx img {
					width: 17px;}    

				.leadrbordbx .listbx p {
					margin-bottom: 10px;}

				.bnr-contbx span.datmok{
					    line-height: 36px;
				}
				
				.copy-right-text p {
					font-size: 12px;
				}
	
	.list-contnr .listbx h5 {
		font-size: 16px;
	}

	.analysis-pag h3 {
		font-weight: 600;
		font-size: 22px;
		font-size: 23px;
		margin-bottom: 12px;
	}

	.innr-pgs.aca .tab.analysis-pag .card-grup h2 {
		font-size: 32px;
	}

	.card-grup p {
		font-size: 14px;
	}

	.mockndex-wrapper ul li {
		font-size: 12px;
		line-height: 20px;
	}

	.mock_tab_contnr ul.tabs.aca-tabs li{
		font-size: 12px !important;
	}

	.leadrbordbx .listbx .whit-crcl {
		width: 60px;
		height: 60px;
	}

	.count-circl {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.score-value {
		font-size: 30px;
	}

	.lft-panel-bx a {
		font-size: 14px;
		border-radius: 6px;
		padding: 10px 9px;
		margin-bottom: 6px;
	}

	.rght-career-bx .tabbx a {
		height: 44px;
		line-height: 18px;
		border-radius: 6px;
		padding: 11px 18px;
		font-size: 14px;
		margin-bottom: 6px;
	}
		

}



@media only screen and (max-width: 991px){

	.ledr-boad-contnr .lftbx{
		    padding-right: 0px;
	 }


	.ledr-boad-contnr .rghtbx{
		    padding-left: 0px;
			margin-top: 10px;
	 }


	 .bnr-contbx h1 {
        font-size: 33px;
    }

	.exmbnr-contbx p {
    	font-size: 14px;
	}

}




@media only screen and (max-width: 990px){

	.ledr-boad-contnr .rghtbx {
		padding-right: 0px;
		margin-top: 15px;}

	.medal-bx {
        width: 210px;
    }	
}



@media only screen and (max-width: 767px){

    .crvbx-bg h5{
		line-height: 25px;
    	font-size: 24px;
	}

	.leader_boad_butn {
		margin-top: 5px;
		font-weight: 500;
		font-size: 14px;
		padding: 4px 18px;
		line-height: 26px;
        border-radius: 8px;
	}

	.crvbx-bg p {
        font-size: 13px;
		line-height: 18px;
	}

	#myModal_contact_us	.modal-body{
		overflow: auto;
		width: 95%;
		margin: 5px auto;
		height: 250px;
	}
}


@media only screen and (max-width: 700px){
	
	.ledr-boad-contnr .rghtbx {
		padding-right: 0px;
		margin-top: 15px;}


	.bnr-contbx {
        padding-left: 42%;
        margin-top: 60px;
    }


	.ledr-boad-contnr .lftbx{
		padding-right: 0px;
	}

	.ledr-boad-contnr .rghtbx {

		padding-left: 0px;

	}	

	.medal-bx {
        left: 4%;
        margin-top: 0px;
        width: 170px;
    }

	.bnr-contbx h1 {
        font-size: 26px;
    }

}


@media only screen and (max-width: 520px) {
    .medal-bx {
        left: 6%;
        width: 150px;
    }

	.olympd-bannr {
        height: 215px;
    }

	.bnr-contbx h1 {
        font-size: 24px;
    }

	.crvbx-bg h5 {
        font-size: 22px;
        line-height: 28px;
    }

	.mockndex-wrapper {
		display: initial !important;
		padding: 20px 14px;	
	}
}


@media only screen and (max-width: 420px) {
    .medal-bx {
        width: 132px;
        top: 24px;

    }
}


