@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,700,700i,900,900i);.toast-container-trainee {
  max-height: 60px !important;
  overflow: hidden;
  border-radius: 4px;
  min-width: 300px !important;
  color: white;
}
.dropdown-bubble .dropdown-menu {
	margin-top: 0.2em;
}

.dropdown-bubble .dropdown-menu:before,
.dropdown-bubble .dropdown-menu:after {
	content: " ";
	display: none;
	border-style: solid;
	border-width: 0 0.5em 0.8em 0.5em;
	border-color: transparent;
	position: absolute;
	left: 5em;
}

@media only screen and (max-width: 768px) {
  .dropdown-bubble .dropdown-menu:before,
.dropdown-bubble .dropdown-menu:after{
  left: 10em;
}
}

.dropdown-bubble .dropdown-menu:before {
	top: -0.8em;
	border-bottom-color: rgba(0, 0, 0, 0.5);
}

.dropdown-bubble .dropdown-menu:after {
	top: -0.7em;
	border-bottom-color: #fff;
}

.notificationMsg{
  text-align:justify;
  word-break: break-word;
  white-space: pre-line;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.5;
  align-self: center;

}#place-holder-white::placeholder {
    color: #fff;
}.newRow{
	display: flex;
}

.newOption{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newCol{
	padding: 10px 20px  !important;
	/* min-width: 300px !important; */
	border: 1px solid  #17d0cf;
	width: 35vw !important;
	/* border-color: #17d0cf; */
	/* border-image: linear-gradient(69deg, #10abff, #1beabd); */
	/* border: a6fd 0%, #17d0cf 51%, #01a6fd 100%); */
	/* border-image-slice: 1; */
	border-radius: 8px !important;	
	margin: 15px !important;
}
* {
	margin: 0;
	padding: 0;
}
.content {
	position: relative;
	height: 100vh;
	width: 100%;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	background-image: url(/assets/img/banner/contact-b.jpg);
	overflow: auto;
}

.heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.heading h1{
	font-weight: bold;
	position: relative;
	top:25px;
	color: white;
}

.heading span{
    font-weight: 100;
    font-size: 20px;
}

.progressBar {
	display: flex;
	position: relative;
	/* justify-content: space-between; */
	width: 300px;
	margin-right: 130px;
	height: 35px;
	align-items: center;
	color: #f8f8f9;
	background-color: #2a3150;
	border: 2px solid #40496a;
	border-radius: 20px;
}

.progressBar div {
	height: 100%;
	text-align: right;
	line-height: 22px;
	background-image: linear-gradient(69deg, #10abff, #1beabd);
	box-sizing: border-box;
	border-radius: 40px;
}

/* .hrline {
	border-top: 1px dashed #8890b8;
	width: 100%;
} */

.main_content {
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 160px;
	background-image: url(/assets/img/banner/cf-1.png);
	height:100%;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */

}
.main_content h4{
	color: white;
}
.question-content {
	/* color: #000000; */
	/* margin: 10px 0px 35px 10px; */
	padding-bottom: 10px;
}
/* 
.side-by-side {
	display: flex;
	flex-direction: row;

	margin-right: 30px;
}

.option {
	color: #8b7777;
	display: flex;
	width: 300px;
	align-items: center;
	justify-content: space-between;
	background-color: #f1f1f3;
	border: 3px solid transparent;
	border-image: linear-gradient(69deg, #10abff, #1beabd);
	border-image-slice: 1;
	border-radius: 8px;
	padding: 7px 10px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	cursor: pointer;
} */

.option p {
	margin: 0px 50px 0px 0px;
}
       
.footer {
	display: flex;
	justify-content: flex-end;
	width: 85%;
    margin-top: 0px;
}

.quizButtons {
	padding: 9px;
	background-color: #17d0cf;
	border: 2px solid #17d0cf;
    border-radius: 25px;
    font-size: 20px;
	width: 100px;
	color: #ffffff;
	cursor: pointer;
	outline: none;
} 
.quizButtons:hover{
	color: #ffffff !important;
	background-image: linear-gradient(69deg, #10abff, #1beabd);

}

@media only screen and (max-width: 900px) {
	/* For tablets: */
	.heading {
		width: auto;
		margin-right: 10px;
	}

	.progressBar {
		width: 200px;
		margin-right: 10px;
	}

	.main_content {
		margin-right: 10px;
	}
}

.hide_scroll::-webkit-scrollbar {
    width: 6px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.hide_scroll::-webkit-scrollbar-thumb {
	background: #17d0cf;
	border-radius: 20px;
}

@media only screen and (max-width: 500px) {
	/* For tablets: */
	.heading {
		width: auto;
        margin-right: 10px;
        margin-bottom: 8px;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
	}

	.progressBar {
        width: 300px;
        height: 40px;
        margin-right: 10px;
        margin-left: 28px;
	}

    .progressBar div{
        width: 100px;
	}

	.main_content {
		margin-right: 10px;
	}

	.side-by-side {
		display: flex;
		flex-direction: column;
		margin-right: 0;
		align-items: center;
	}

	.option {
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 8px;
		padding: 4px 6px;
    }
    
    .footer{
        justify-content: center;
    }

    .quizButton{
        border-radius: 25px;
    }
}
.PDF_container{
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.pdf_Container{
    overflow: scroll;
    height: 94vh;
    display: flex;
    margin-top: 60px;
    justify-content: center;
      
}
.react-pdf__Page {
    width: 100%;
}
.pdf_Container::-webkit-scrollbar {
    width: 6px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.pdf_Container::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 20px;
}

.PDF_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #21bdbd;
    background-color: white;
    min-height: 45px;
    z-index: 1;
}
.PDF_header_zoom{
    display: flex;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 20px;    
}
.muiIconButton:hover{
    background-color:#18d0d0 !important;
    color:white !important;
}
.PDF_footer{
    display: flex;
    /* justify-content: space-between; */
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
    align-items: center;
    border-top: 1px solid #21bdbd;
    background-color: white
}
.PDF_footer_page{
    /* justify-self: center; */
    display: flex;
    margin-left: 20px;
    /* margin-right: 20px; */
}
.PDF_footer_page_no{
    display: flex;
    margin-right: 20px;
    align-items: center;
}

.PDF_footer_page_no > h2{
	font-weight: bold;
	position: relative;
	/* top:25px; */
	/* color: white; */
}

.PDF_footer_page_no > span{
	position: relative;
    left: 8px;
    font-weight: 100;
    font-size: 20px;
}
.fullscreen-enabled .my-component {
    background: #fff !important;
}

@media screen and (max-width: 600px){
       
    .react-pdf__Page__svg {
     width: 400px;   
    }
    .pdf_Container{
        justify-content: flex-start;
    }
    .PDF_header_zoom{
        position:relative;
    }
    .PDF_footer{
        flex-direction: column;
    }
    .PDF_footer_page{
        align-items: center;
        justify-content: center;
        height: 20px;
    }
    .backwardBtn{
        max-width: 35px !important;
        max-height: 35px !important;
        margin-right: 12px !important;
    }
    .forwardBtn{
        max-width: 35px !important;
        max-height: 35px !important;
        margin-right: 12px !important;
    }
    .pageSlider{
        width: 100% !important;
        margin: 0 40px 0 15px;
    }
    .nws-button{
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }
}
div.social-contact > button {
  border: none;
  background: none;
}
/* Quiz Wizard css is also used */
.newRow_MT {
  display: flex;
}

.newCol_MT {
  padding: 10px 20px !important;
  border: 1px solid #17d0cf;
  width: 25vw !important;
  border-radius: 8px !important;
  margin: 15px !important;
}

.progressBar_MT {
  display: flex;
  position: relative;
  width: 300px;
  height: 35px;
  align-items: center;
  color: #f8f8f9;
  background-color: #2a3150;
  border: 2px solid #40496a;
  border-radius: 20px;
}

.progressBar_MT div {
  height: 100%;
  text-align: right;
  line-height: 22px;
  background-image: linear-gradient(69deg, #10abff, #1beabd);
  box-sizing: border-box;
  border-radius: 40px;
}

.main_content_Container_MT {
  display: flex;
  height: 100%;
  background-image: url(/assets/img/banner/cf-1.png);
}

.main_content_MT {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 40px;
  height: 85%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}
.sideBar_MT {
  width: 100%;
  padding-right: 30px;
  overflow: scroll;
  margin-bottom: 20px;
}
.instruction_Div_MT {
  display: flex;
  justify-content: space-between;
}
.questionNo_MT {
  margin-right: 10px;
  margin-bottom: 10px;
  min-width: 45px;
}

.heading_MT {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin: 20px 30px; */
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  /* background-color: #1c9a9a; */
  background: linear-gradient(to right, #1c9a9a 0%, #1dbdbc 51%, #1184c1 100%);
}

.header_MT {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin: 20px 30px; */
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  /* background-color: #1c9a9a; */
}

.heading_MT h1 {
  font-weight: bold;
  position: relative;
  top: 25px;
  color: white;
  height: 70px;
}

.header_MT h1 {
  font-weight: bold;
  position: relative;
  top: 25px;
  color: white;
  height: 70px;
}

.heading_MT span {
  font-weight: 100;
  font-size: 20px;
}

.header_MT span {
  font-weight: 100;
  font-size: 20px;
}

.sidebarMenu_MT {
  height: 100vh;
  overflow: scroll;
}

.sidebarMenu_MT::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.sidebarMenu_MT::-webkit-scrollbar-thumb {
  /* background: #FF0000; */
  width: 0;
}

.sideBar_MT::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.sideBar_MT::-webkit-scrollbar-thumb {
  /* background: #FF0000; */
  width: 0;
}

.quizButtons_MT {
  padding: 9px;
  background-color: #17d0cf;
  border: 2px solid #17d0cf;
  border-radius: 25px;
  font-size: 20px;
  min-width: 100px;
  color: #ffffff;
  cursor: pointer;
  outline: none;
}
.quizButtons_MT:hover {
  color: #ffffff !important;
  background-image: linear-gradient(69deg, #10abff, #1beabd);
}

.footer_MT {
  position: fixed;
  bottom: 15px;
  z-index: 1;
  display: flex;

  /* justify-content: flex-end; */
  /* width: 85%; */
  /* margin-top: 0px; */
}
@media only screen and (max-width: 900px) {
  /* For tablets: */
  .heading_MT {
    width: auto;
    margin-right: 10px;
  }

  .header_MT {
    width: auto;
  }
  .main_content {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .main_content_MT {
    padding-top: 0px;
  }

  .heading_MT {
    width: auto;
    margin-bottom: 8px;
    margin-right: 0px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .header_MT {
    width: 100vw;
    margin-right: 10px;
    margin-bottom: 8px;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .newRow_MT {
    flex-direction: column;
  }

  .newCol_MT {
    width: 80vw !important;
  }

  .exitButton {
    align-self: flex-end;
  }

  .main_content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .side-by-side {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    align-items: center;
  }

  .option {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 4px 6px;
  }

  .footer {
    justify-content: center;
  }

  .quizButton {
    border-radius: 25px;
  }
  .footer_MT {
    position: relative;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 61px;
  }
}

.attempt-quiz-container{
    display: flex;
    margin-top: 5px;
    /* border: solid grey; */
}

.attempt-quiz-leftBar{
width: 75%;
}

.attempt-quiz-rightBar{
width: 24%;
}

.exam-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333; /* Dark background */
  padding: 10px 20px; /* Spacing around the header */
  color: #fff; /* White text color */
  font-family: Arial, sans-serif;
}

.exam-title {
  font-size: 1.2rem; /* Title font size */
  font-weight: bold;
  color: #ffc107; /* Yellow title color */
}

.exam-actions {
  display: flex;
  gap: 15px; /* Space between buttons */
}

.action-btn {
  display: flex;
  align-items: center;
  gap: 5px; /* Space between icon and text */
  padding: 8px 12px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
  background-color: #444; /* Default button background */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.action-btn:hover {
  background-color: #555; /* Hover effect */
}

.info-btn {
  background-color: #007bff; /* Blue for "View Instructions" */
}

.paper-btn {
  background-color: #28a745; /* Green for "Question Paper" */
}

.info-btn:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

.paper-btn:hover {
  background-color: #218838; /* Darker green on hover */
}

.info-icon,
.paper-icon {
  font-size: 1rem; /* Icon size */
}

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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;-webkit-transform:translate3d(0px,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;max-width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.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;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: right;
	width: 100%;
	position: relative;
	padding: 4px 0;
	min-height: 70px;
	z-index: 0;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 22px;
	left: 0px !important;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	/* border: 1px solid; */
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #f9f9f9;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #fff;
	margin-top: 74px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #000;
	border-top: 1px solid #c7bdbd;
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 26px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #e8e8e8;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
.mobile-menu {
    display: none;
}code,
pre {
    tab-size: 4
}

.mfp-preloader {
    font-size: 13px
}

.get-code-window {
    position: relative;
    background: #fff;
    padding: 2em 3em;
    width: auto;
    margin: 20px auto;
    max-width: 600px
}

#magnific_popup_documentation {
    font-size: 3em;
    margin-bottom: 1em;
    font-weight: 700;
    text-align: center
}

.grid-c {
    clear: both
}

.grid-c p {
    margin-bottom: .5em
}

.grid-c {
    overflow: hidden;
    margin: 0 -1em
}

.gc3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 1em;
    overflow: hidden
}

.grid-c .gc3:nth-of-type(2n+1) {
    clear: left
}

#broken-glass {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

#header-links {
    font-size: 16px
}

#markdown-toc {
    position: fixed;
    left: 0;
    top: 50px;
    padding: 20px;
    background: rgba(255, 255, 255, .71);
    -webkit-backface-visibility: hidden;
    list-style: none
}

#markdown-toc a[href="#magnific-popup-docs"] {
    display: none
}

#markdown-toc:before {
    content: 'Table of contents';
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

@media all and (max-width:75em) {
    #markdown-toc {
        position: static;
        padding: 0;
        background: 0 0
    }
}

#markdown-toc code,
pre {
    font-family: Consolas, "Liberation Mono", Courier, monospace
}

code {
    background: #f8f8f8;
    padding: .1em .4em;
    color: #c82829;
    font-size: 13px
}

pre {
    background: 0 0;
    line-height: 18px;
    overflow: auto;
    padding: 20px 25px;
    border-radius: 2px
}

pre code {
    border: 0;
    padding: 0;
    background: 0 0;
    color: #000;
    font-size: 13px
}

.highlight {
    position: relative;
    margin-bottom: .5em;
    margin-left: -1.5em;
    width: 100%;
    padding: 0 1.5em;
    background-color: #f5fafc
}

pre code:before {
    display: block;
    position: absolute;
    right: 3px;
    top: 6px;
    padding: 3px 7px 0;
    color: #889499;
    font-size: 12px;
    line-height: 13px
}

code.html:before {
    content: 'HTML'
}

code.javascript:before {
    content: 'JS'
}

code.css:before {
    content: 'CSS'
}

#mc_embed_signup {
    max-width: 350px;
    padding: 32px;
    background: #eee
}

#mc_embed_signup input[type=email] {
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    padding: 5px;
    font-size: 18px;
    width: 200px;
    margin-right: 10px;
    height: 25px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

#mc_embed_signup input[type=email]:focus {
    background-color: #fff;
    border: 1px solid #3169b3;
    box-shadow: #3169b3 0 0 5px;
    -moz-box-shadow: #3169b3 0 0 5px;
    -webkit-box-shadow: #3169b3 0 0 5px;
    outline: 0
}

#mc_embed_signup input[type=submit] {
    border: 1px solid #3169b3;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    height: auto;
    padding: 8px 13px;
    cursor: pointer;
    background-color: #3169b3;
    display: inline-block;
    width: auto;
    -webkit-appearance: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    vertical-align: top
}

.embed-form {
    position: relative
}

#mc_embed_signup #main-wrapper {
    background: 0 0;
    max-width: 800px;
    width: 100%;
    margin: 2em auto 4em;
    padding: 0 3em 3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.white-popup-block {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

#examples:after {
    content: 'to view source click on the title of example';
    opacity: .4;
    font-weight: 400;
    font-size: 14px;
    margin-top: 13px;
    float: right
}

.example {
    margin-bottom: 20px;
    position: relative
}

.square-tmb {
    margin: 0 10px 0 0;
    cursor: pointer
}

.zoom-cursor {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.example a,
a.popup-link {
    text-decoration: none;
    border-bottom: 1px dotted
}

.example a:hover,
a.popup-link:hover {
    text-decoration: none
}

#image-gallery a,
#single-image {
    border-bottom: none
}

.not-ready-yet-notice {
    padding: 20px;
    background: #eee
}

#footer {
    border-top: 1px solid #ddd;
    padding-top: 3em;
    margin: 5em 0 0;
    width: 100%;
    text-align: center;
    opacity: .9
}

#conditional-lightbox-notice {
    display: none
}

#logo-status {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%;
    text-align: center
}

#logo-status.down {
    opacity: 1
}

code.def {
    padding: 0;
    background: #fff;
    border: 0;
    display: block;
    margin-bottom: 8px;
    margin-top: -10px;
    color: #a3a3a3
}

@media all and (max-width:30em) {
    #examples:after {
        display: none
    }

    .gc3 {
        width: 100%
    }

    .grid-c .gc3:nth-of-type(2n+1) {
        clear: none
    }

    #main-wrapper {
        padding: 1em;
        margin-top: 0
    }

    .highlight {
        padding: .2em 1em;
        margin: 1em -1em
    }
}

@media all and (max-width:700px) {
    .zoom-cursor {
        cursor: pointer
    }

    #conditional-lightbox-notice {
        display: block;
        padding: 10px;
        background: #ffeaea
    }
}

#logo-overlay {
    width: 100%;
    height: 75px;
    background: red;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

#mfp-build-tool {
    background: #fff;
    padding: 30px 40px 40px;
    max-width: 500px;
    text-align: left;
    margin: 10px auto;
    position: relative
}

#mfp-build-tool #mfp-build-form label {
    display: block;
    margin-bottom: 5px;
    min-height: 18px;
    padding-left: 18px
}

#mfp-build-form input[type=checkbox] {
    margin: 3px 5px 3px -18px;
    line-height: normal;
    cursor: pointer;
    width: auto;
    float: left
}

#mfp-build-status {
    min-height: 40px
}

#mfp-build-status .error {
    color: #830c0c
}

#mfp-build-status .success {
    color: #014b04
}

#mfp-build-status .progress {
    color: #000
}

#smashing {
    text-align: center;
    font-weight: 700
}

#smashing strong {
    color: #ef4a35
}

.smashing-link {
    margin-left: 29px;
    position: relative
}

#hackernews {
    margin-left: 24px
}

.share-buttons {
    text-align: center
}

.share-buttons .share-buttons {
    position: relative;
    margin: 70px 0
}

#tweet {
    background: #0096c4
}

#like {
    background: #3b5998
}

#gplus {
    background: #d34836
}

#vkcom {
    background: #6e8fb1
}

pre .comment,
pre .diff .header,
pre .javadoc,
pre .template_comment {
    color: #998;
    font-style: italic
}

pre .css .rule .keyword,
pre .javascript .title,
pre .keyword,
pre .nginx .title,
pre .request,
pre .status,
pre .subst,
pre .winutils {
    color: #333;
    font-weight: 700
}

pre .hexcolor,
pre .number,
pre .ruby .constant {
    color: #099
}

pre .phpdoc,
pre .string,
pre .tag .value,
pre .tex .formula {
    color: #d01040
}

pre .id,
pre .title {
    color: #900;
    font-weight: 700
}

pre .clojure .title,
pre .javascript .title,
pre .lisp .title,
pre .subst {
    font-weight: 400
}

pre .class .title,
pre .haskell .type,
pre .tex .command,
pre .vhdl .literal {
    color: #458;
    font-weight: 700
}

pre .django .tag .keyword,
pre .rules .property,
pre .tag,
pre .tag .title {
    color: navy;
    font-weight: 400
}

pre .attribute,
pre .lisp .body,
pre .variable {
    color: teal
}

pre .regexp {
    color: #009926
}

pre .class {
    color: #458;
    font-weight: 700
}

pre .built_in,
pre .clojure .built_in,
pre .lisp .title {
    color: #0086b3
}

pre .cdata,
pre .doctype,
pre .pi,
pre .preprocessor,
pre .shebang {
    color: #999;
    font-weight: 700
}

pre .deletion {
    background: #fdd
}

pre .addition {
    background: #dfd
}

pre .diff .change {
    background: #0086b3
}

pre .chunk {
    color: #aaa
}

#documentation-intro {
    background: #2b2b2b;
    text-align: center;
    padding: 3em;
    width: 100%;
    margin-left: -3em;
    margin-bottom: 3em
}

#documentation-intro #id1 {
    display: none
}

.hll {
    background-color: #ffc
}

.c {
    color: #998;
    font-style: italic
}

.err {
    color: #a61717;
    background-color: #e3d2d2
}

.k,
.o {
    color: #000;
    font-weight: 700
}

.cm {
    color: #998;
    font-style: italic
}

.cp {
    color: #999;
    font-weight: 700;
    font-style: italic
}

.c1 {
    color: #998;
    font-style: italic
}

.cs {
    color: #999;
    font-weight: 700;
    font-style: italic
}

.gd {
    color: #000;
    background-color: #fdd
}

.ge {
    color: #000;
    font-style: italic
}

.gr {
    color: #a00
}

.gh {
    color: #999
}

.gi {
    color: #000;
    background-color: #dfd
}

.go {
    color: #888
}

.gp {
    color: #555
}

.gs {
    font-weight: 700
}

.gu {
    color: #aaa
}

.gt {
    color: #a00
}

.kc,
.kd,
.kn,
.kp,
.kr {
    color: #000;
    font-weight: 700
}

.kt {
    color: #458;
    font-weight: 700
}

.m {
    color: #099
}

.s {
    color: #d01040
}

.na {
    color: teal
}

.nb {
    color: #0086b3
}

.nc {
    color: #458;
    font-weight: 700
}

.no {
    color: teal
}

.nd {
    color: #3c5d5d;
    font-weight: 700
}

.ni {
    color: purple
}

.ne,
.nf,
.nl {
    color: #900;
    font-weight: 700
}

.nn {
    color: #555
}

.nt {
    color: navy
}

.nv {
    color: teal
}

.ow {
    color: #000;
    font-weight: 700
}

.w {
    color: #bbb
}

.mf,
.mh,
.mi,
.mo {
    color: #099
}

.s2,
.sb,
.sc,
.sd,
.se,
.sh,
.si,
.sx {
    color: #d01040
}

.sr {
    color: #009926
}

.s1 {
    color: #d01040
}

.ss {
    color: #990073
}

.bp {
    color: #999
}

.vc,
.vg,
.vi {
    color: teal
}

.il {
    color: #099
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-ajax-holder .mfp-content,
.mfp-inline-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-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -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: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-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: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.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, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.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, .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) {
    .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, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.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
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}.quiz-wrapper {
  width: 95%;
  height: max-content;
  margin: 20px auto;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.quiz-header {
  margin-bottom: 10px;
  text-align: left;
}

.question-text {
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
}

.quiz-description {
  font-size: 18px;
  margin: 15px 0;
  line-height: 1.5;
  margin-bottom: 30px;
}

.quiz-options {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.attempt-quiz-option {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.attempt-quiz-option input {
  margin-right: 10px;
  transform: scale(1.2);
  margin-bottom: 8px;
}

.quiz-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 15px;
  gap: 10px;
  /* Add spacing between sections */
}

.quiz-buttons > div {
  display: flex;
  flex-direction: column;
  /* Stack buttons vertically in each section */
  gap: 10px;
  /* Add spacing between buttons */
}

.btn {
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: max-content;
  /* Make buttons take full width of the parent container */
  text-align: center;
  border: blue solid;
}

.btn-primary {
  color: white;
  width: max-content;
}

.btn-primary:hover {
  background-color: #0056b3;
}

.btn-secondary {
  background-color: #dc3545;
  color: white;
}

.btn-secondary:hover {
  background-color: #c82333;
}

.btn-secondary-align {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.margin-left-btn {
  margin-left: 2px;
}

.question-image {
  display: block;
  max-width: 100%;
  /* Makes it responsive */
  height: auto;
  /* Maintains the aspect ratio */
  max-height: 200px;
  /* Limits the height */
  margin: 15px auto;
  /* Adds spacing around the image */
  border-radius: 10px;
  /* Smooth rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Adds transition for hover effect */
}

.question-image-report {
  display: block;
  max-width: 300px;
  /* Makes it responsive */
  height: auto;
  /* Maintains the aspect ratio */
  max-height: 180px;
  /* Limits the height */
  margin: 15px;
  /* Adds spacing around the image */
  border-radius: 10px;
  /* Smooth rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  object-fit: contain;
  /* Subtle shadow for depth */
  /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
  /* Adds transition for hover effect */
}

.option-image {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  margin: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.option-image:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
*/ .no-image {
  font-size: 14px;
  color: #888;
  text-align: center;
  margin-top: 10px;
}
.sections-container {
    display: flex;
    align-items: center;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 7px;
    max-width: 95%;
    margin: 3px auto;
    overflow: hidden;
}

.nav-arrow {
    background: none;
    border: none;
    font-size: 25px;
    color: #38a9eb;
    cursor: pointer;
    padding: 0 10px;
}

.nav-arrow:focus {
    outline: none;
}

.sections {
    display: flex;
    flex: 1;
    scroll-behavior: smooth;

    /* Enable horizontal scrolling only */
    overflow-x: auto;
    overflow-y: hidden;
    /* Prevents vertical scrollbar */

    /* Prevent scrollbar from appearing on the left side */
    padding-left: 5px;
    margin-left: -5px;

    /* Prevents shrinking of the section */
    max-width: 100%;

    /* Custom scrollbar for webkit browsers */
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

/* Hide scrollbar in Webkit browsers */
.sections::-webkit-scrollbar {
    height: 5px;
    /* Thin scrollbar */
}

.sections::-webkit-scrollbar-track {
    background: transparent;
    /* Removes background */
}

.sections::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.sections::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.language-container{
    margin-left:10px;
}

.language-dropdown {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #38a9eb;
    /* Attractive border */
    border-radius: 6px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-in-out;
margin-top:'6px';
    /* Ensuring it stays in position */
    position: relative;
    min-width: 150px;
}

/* On hover */
.language-dropdown:hover {
    background-color: #f0f8ff;
    border-color: #007bff;
}

/* On focus */
.language-dropdown:focus {
    border-color: #0056b3;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* Customize dropdown arrow */
.language-dropdown::-ms-expand {
    display: none;
}

.language-dropdown option {
    padding: 5px;
    font-size: 14px;
}

.section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    margin: 0 5px;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

.section.active {
    background-color: #38a9eb;
    color: #fff;
}

.section.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    /* Adjust based on the spacing */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #38a9eb transparent transparent;
    display: block;
}

.info-icon{
    margin-left: 2px;
    color: #5cb1fa;
}

.info-icon-white{
        margin-left: 2px;
        color: #eeeeee;
}

.section-text{
    font-size: smaller;
}

/* section container2 */

.sections-container2 {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 7px;
    max-width: 95%;
    margin: 3px auto;
    overflow: hidden;
}

.section.active2 {
    background-color: #4e85c5;
    color: #fff;
}

.section.active2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    /* Adjust based on the spacing */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #38a9eb transparent transparent;
    display: block;
}

.bgWhite{
    z-index: 1;
    background-color: #fff;
}

/* timer and section */
.wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    font-size: 20px;
    margin-bottom: 12px;
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 95%;
    z-index: 1;
}

.text {
    font-size: 13px;
    font-weight: bold;
}

.timer {
    font-size: 20px;
    font-weight: bold;
}

.markForCorrect{
font-size: 13px;
    font-weight: bold;
}/* General Styling */
.quiz-bar {
  /* width: 300px; */
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.language-selector-header{
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

/* Header */
.quiz-header {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.quiz-avatar {
  width: 70px;
  height: 70px;
  /* border-radius: 50%; */
  margin-right: 10px;
}

.quiz-user-name {
  font-size: 16px;
  font-weight: bold;
}

/* Status Section */
.quiz-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  height: 240px;
  overflow-y: auto;
  /* Add vertical scrolling */
  justify-content: space-between;

  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.status-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.status-circle {
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}

.green-purple {
  background-color: #7a579c;
  color: white;
  position: relative;
}

.green-purple::before {
  content: '✔';
  position: absolute;
  left: 24px;
  top: 74%;
  transform: translateY(-50%);
  font-size: 40px;
  color: #4caf50;
}

.green {
  background-color: #4caf50;
  width: 50px; /* Adjust width as needed */
  height: 42px; /* Adjust height as needed */
  text-align: center;
  line-height: 50px; /* Center text vertically */
  color: white;
  border-radius: 0%;
  clip-path: polygon(
    0 100%,
    100% 100%,
    100% 63%,
    100% 30%,
    70% 0,
    30% 0,
    0 30%,
    0 63%
  );
}

.red {
  /* display: inline-block; */
  width: 50px; /* Adjust width as needed */
  height: 42px; /* Adjust height as needed */
  text-align: center;
  line-height: 50px; /* Center text vertically */
  color: white;
  background: linear-gradient(
    to bottom,
    #ff5722,
    #d84315
  ); /* Gradient background */
  border-radius: 0%;
  /* Shape */
  clip-path: polygon(
    0 0,
    100% 0,
    100% 37%,
    100% 70%,
    70% 100%,
    30% 100%,
    0 70%,
    0 38%
  );
  /* border: 2px solid #b71c1c;  */
}

.gray {
  background-color: #9e9e9e;
  border-radius: 4px;
}

.purple {
  background-color: #7a579c;
}

.status-text {
  font-size: 14px;
}

.red-status-text {
  font-size: 14px;
  margin-right: 27px;
}

/* Section Title */
.quiz-section-title {
  background-color: #1976d2;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-weight: bold;
}

/* Question Navigation */
.quiz-navigation {
  padding: 10px;
  background-color: #e3f2fd;
  text-align: center;
}

.nav-title {
  margin-bottom: 10px;
  font-size: 14px;
}

.nav-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  height: 240px;
  overflow-y: auto;
  /* Add vertical scrolling */
  justify-content: center;
  padding: 10px;
}

.nav-btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 5px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

.nav-btn.green {
  background-color: #4caf50;
  display: inline-block;
  width: 50px; /* Adjust width as needed */
  height: 50px; /* Adjust height as needed */
  text-align: center;
  line-height: 50px; /* Center text vertically */
  font-size: 1.2rem; /* Adjust font size */
  font-weight: bold;
  color: white;
  border-radius: 0%;
  /* Shape */
  clip-path: polygon(
    0 100%,
    100% 100%,
    100% 63%,
    100% 30%,
    70% 0,
    30% 0,
    0 30%,
    0 63%
  );
  /* border: 2px solid #b71c1c;  */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Shadow for depth */
  cursor: pointer;
}

.nav-btn.red {
  display: inline-block;
  width: 50px; /* Adjust width as needed */
  height: 50px; /* Adjust height as needed */
  text-align: center;
  line-height: 50px; /* Center text vertically */
  font-size: 1.2rem; /* Adjust font size */
  font-weight: bold;
  color: white;
  background: linear-gradient(
    to bottom,
    #ff5722,
    #d84315
  ); /* Gradient background */
  border-radius: 0%;
  /* Shape */
  clip-path: polygon(
    0 0,
    100% 0,
    100% 37%,
    100% 70%,
    70% 100%,
    30% 100%,
    0 70%,
    0 38%
  );
  /* border: 2px solid #b71c1c;  */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Shadow for depth */
  cursor: pointer;
}

.nav-btn.gray {
  background-color: #9e9e9e;
  border-radius: 4px;
  color: white;
}

.nav-btn.green-purple {
  background-color: #7a579c;
  color: white;
  position: relative;
}

.nav-btn.green-purple::before {
  content: '✔';
  position: absolute;
  left: 35px;
  top: 70%;
  transform: translateY(-50%);
  font-size: 39px;
  color: #4caf50;
}

.nav-btn.purple {
  background-color: #7a579c;
  color: white;
}

.nav-btn.active {
  border: 2px solid #000;
}

/* .nav-btn:hover {
    background: #dddddd;
    color: black;
} */

/* Submit Button */
.quiz-submit {
  text-align: center;
  padding: 10px;
}

.submit-btn {
  width: 80%;
  padding: 10px;
  background-color: #1976d2;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  transition: background-color 0.3s;
}

.submit-btn:hover {
  background-color: #1565c0;
}
/* Dashboard Header */
.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 15px 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

/* Welcome Section */
.welcome-section h2 {
  font-size: 16px;
  color: #555;
  margin: 0;
}

.welcome-section h1 {
  font-size: 24px;
  color: #333;
  margin: 5px 0;
}

/* Action Buttons */
.action-buttons {
  display: flex;
  align-items: center;
}

/* Shop Button */
.shop-button {
  background: linear-gradient(45deg, #4caf50, #8bc34a);
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.shop-button:hover {
  background: linear-gradient(45deg, #45a049, #7cb342);
}

/* Icon Buttons */
.icon-buttons-dashboard-header {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.icon-button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  /* padding: 10px; */
  /* transition: transform 0.2s ease; */
  transform: scale(1.1);
  aspect-ratio: 1/1;
  padding: 8px;
}

.icon-button:hover {
  transform: scale(1.1);
}

/* Notification Badge */
.cartItemsCount-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  color: white;
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notification-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  color: white;
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Notifications Popup */
.notifications-popup {
  position: absolute;
  right: 0;
  top: 50px;
  background: white;
  width: 280px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 10px;
  z-index: 1000;
}

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.close-btn {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.notification-item {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #333;
}

.notification-item:last-child {
  border-bottom: none;
}

.notification-time {
  font-size: 12px;
  color: #888;
}

.no-notifications {
  text-align: center;
  color: #777;
  padding: 10px;
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: 30px; */
}

.welcome-section h2 {
  margin: 0;
  color: #666;
  font-weight: normal;
  font-size: large;
}

.welcome-section h1 {
  margin: 0;
  font-size: xx-large;
  color: #333;
}

.action-buttons {
  display: flex;
  align-items: center;
}

.shop-button {
  font-family: MetricHPE;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  background: #49514d;
  color: #def358;
  border: none;
  padding: 5px 30px;
  border-radius: 4px;
  margin-right: 20px;
  cursor: pointer;
}

.icon-buttons {
  display: flex;
}

.icon-button {
  background: #49514d;
  border-radius: 100%;
  width: 40px;
  border: none;
  color: #fff;
  margin-left: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-icon {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 5px;
}
.sidebar {
  width: 200px;
  height: 100vh;
  background-color: #1e2b25;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
}

.sidebar-header {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-logo {
cursor: pointer;
}

.tagline {
  margin: 0;
  font-size: 12px;
  opacity: 0.7;
}

.sidebar-menu {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

.menu-item {
  display: flex;
  align-items: center;
  padding: 12px;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.3s;
}

.menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.menu-item.active {
  background-color: rgba(255, 255, 255, 0.15);
  border-left: 4px solid #b5d43c;
}

.icon {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.label {
  font-size: 14px;
}

.sidebar-footer {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-footer-curson {
  cursor: pointer;
}
.resize-jump-loader-white-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: none;
}

.resize-jump-loader-white-wrapper {
  width: 200px;
  height: 60px;
  position: relative;
}

.resize-circle-white {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  /* changed from #000 to white */
  left: 15%;
  transform-origin: 50%;
  animation: resize-circle-white-animation 0.5s alternate infinite ease;
}

@keyframes resize-circle-white-animation {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }

  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
  }

  100% {
    top: 0%;
  }
}

.resize-circle-white:nth-child(2) {
  left: 45%;
  animation-delay: 0.2s;
}

.resize-circle-white:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}

.resize-shadow-white {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  /* changed to white shadow */
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: resize-shadow-white-animation 0.5s alternate infinite ease;
}

@keyframes resize-shadow-white-animation {
  0% {
    transform: scaleX(1.5);
  }

  40% {
    transform: scaleX(1);
    opacity: 0.7;
  }

  100% {
    transform: scaleX(0.2);
    opacity: 0.4;
  }
}

.resize-shadow-white:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
}

.resize-shadow-white:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}.resize-jump-loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: none;
}

.resize-jump-loader-wrapper {
  width: 200px;
  height: 60px;
  position: relative;
}

.resize-circle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #000;
  /* black circle */
  left: 15%;
  transform-origin: 50%;
  animation: resize-circle-animation 0.5s alternate infinite ease;
}

@keyframes resize-circle-animation {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }

  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
  }

  100% {
    top: 0%;
  }
}

.resize-circle:nth-child(2) {
  left: 45%;
  animation-delay: 0.2s;
}

.resize-circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}

.resize-shadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: resize-shadow-animation 0.5s alternate infinite ease;
}

@keyframes resize-shadow-animation {
  0% {
    transform: scaleX(1.5);
  }

  40% {
    transform: scaleX(1);
    opacity: 0.7;
  }

  100% {
    transform: scaleX(0.2);
    opacity: 0.4;
  }
}

.resize-shadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
}

.resize-shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}.session-management-main-container {
  padding: 24px;
  width: 82vw;
}
.session-management-meeting-container {
  display: flex;
  gap: 1rem;
  margin: 10px 0;
  flex-wrap: wrap;
  height: auto;
  max-height: 60vh;
  overflow-y: auto;
  position: relative;
}

.meeting-network-loading-container {
  width: 100%;
  height: 100%;
}

.session-loader-container {
  height: 300px;
  width: 100%;
}
/* From Uiverse.io by mobinkakei */
.jump-loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;

  left: 0;
  background-color: black;
  width: 100vw;
  height: 100vh;
}

.jump-loader-wrapper {
  width: 200px;
  height: 60px;
  position: relative;
  z-index: 1000;
  background-color: black;
}

.circle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  left: 15%;
  transform-origin: 50%;
  animation: circle7124 0.5s alternate infinite ease;
}

@keyframes circle7124 {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }

  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
  }

  100% {
    top: 0%;
  }
}

.circle:nth-child(2) {
  left: 45%;
  animation-delay: 0.2s;
}

.circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}

.shadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow046 0.5s alternate infinite ease;
}

@keyframes shadow046 {
  0% {
    transform: scaleX(1.5);
  }

  40% {
    transform: scaleX(1);
    opacity: 0.7;
  }

  100% {
    transform: scaleX(0.2);
    opacity: 0.4;
  }
}

.shadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
}

.shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}
.quiz-wrapper-mobile {
  width: 98%;
  height: max-content;
  margin: auto;
  padding: 8px;
  /* border: 1px solid #ddd; */
  border-radius: 8px;
  font-family: Arial, sans-serif;
  background-color: black;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.quiz-header-mobile {
  margin-bottom: 10px;
  text-align: left;
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}

.question-text-mobile {
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
  color: white;
  background: black;
  width: fit-content;
}

.quiz-description-mobile {
  font-size: 18px;
  margin: 15px 0;
  line-height: 1.5;
  margin-bottom: 30px;
  color: white;
}

.quiz-options-mobile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: white;
}

.attempt-quiz-option-mobile {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: white;
}

.attempt-quiz-option input {
  margin-right: 10px;
  transform: scale(1.2);
  margin-bottom: 8px;
}

.quiz-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 15px;
  gap: 10px;
  /* Add spacing between sections */
}

.quiz-buttons > div {
  display: flex;
  flex-direction: column;
  /* Stack buttons vertically in each section */
  gap: 10px;
  /* Add spacing between buttons */
}

.btn {
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: max-content;
  /* Make buttons take full width of the parent container */
  text-align: center;
  border: blue solid;
}

.btn-primary {
  color: white;
  width: max-content;
}

.btn-primary:hover {
  background-color: #0056b3;
}

.btn-secondary {
  background-color: #dc3545;
  color: white;
}

.btn-secondary:hover {
  background-color: #c82333;
}

.btn-secondary-align {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.margin-left-btn {
  margin-left: 2px;
}

.question-image {
  display: block;
  max-width: 100%;
  /* Makes it responsive */
  height: auto;
  /* Maintains the aspect ratio */
  max-height: 200px;
  /* Limits the height */
  margin: 15px auto;
  /* Adds spacing around the image */
  border-radius: 10px;
  /* Smooth rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Adds transition for hover effect */
}

.question-image-report {
  display: block;
  max-width: 300px;
  /* Makes it responsive */
  height: auto;
  /* Maintains the aspect ratio */
  max-height: 180px;
  /* Limits the height */
  margin: 15px;
  /* Adds spacing around the image */
  border-radius: 10px;
  /* Smooth rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  object-fit: contain;
  /* Subtle shadow for depth */
  /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
  /* Adds transition for hover effect */
}

.option-image {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  margin: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.option-image:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
*/ .no-image {
  font-size: 14px;
  color: #888;
  text-align: center;
  margin-top: 10px;
}
.media-card-main-container {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 23vw;
    /* height: 155px; */
    background-color: #1C2520;
    border-radius: 25px;
    cursor: pointer;
}

.media-card-content-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.media-card-host-container {
    display: flex;
    gap: 4px;
    align-items: center;
}

.media-card-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #DEF358;
}

.media-card-time {
    font-size: 0.8rem;
    color: #e0e0e0;
}

.media-card-content-host {
    margin: 0;
    font-size: 0.75rem;
}

.media-card-start-button-card {
    color: white;
    font-size: 1.6rem;
}

.MediaCardImage{
    height: 1rem;
    width: 1rem;
    margin-right: 7px;
}.dashboard-class-card {
  /* width: 23vw; */
  background: #323a35;
  border-radius: 15px;
  padding: 15px 20px;
  color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 10rem;
}

.dashboard-card-header {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  margin-bottom: 10px;
}

.label-container {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 20px;
  padding-right: 30px;
}

.label-icon {
  color: #b5d43c;
  font-size: 18px !important;
  margin-right: 5px;
}

.label-text {
  font-size: 0.8rem;
  font-weight: 340;
}

.view-all {
  font-size: 0.8rem;
  font-weight: 340;
  color: #e0e0e0;
  cursor: pointer;
}

.dashboard-card-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  /* margin-left: 23px; */
}

.dashboard-class-title {
  /* font-family: MetricHPE; */
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
}

.dashboard-join-button {
  background-color: #b5d43c;
  color: #1e2b25;
  border: none;
  border-radius: 20px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.dashboard-join-button:hover {
  color: black;
}
.dashboard-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.instructor {
  display: flex;
  align-items: center;
}

.instructor-icon {
  color: #b5d43c;
  font-size: 18px !important;
  margin-right: 5px;
}

.instructor-name {
  font-size: 14px;
}

.time-info {
  display: flex;
  align-items: center;
}

.time {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.dashboard-time-text{
  font-size: 14px;
}

.time-icon {
  color: #b5d43c;
  font-size: 18px !important;
  margin-right: 5px;
}

.dashboard-class-date {
  font-size: 14px;
}
.books-card {
    width: 250px;
    height: 10rem;
    background-color: #1e2b25;
    border-radius: 15px;
    padding: 15px 20px;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.books-card-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4px;
}

.books-view-all {
    font-size: 14px;
    color: #e0e0e0;
    cursor: pointer;
}

.books-card-content {
    flex: 1;
    /* height: 10rem; */
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.books-count-circle {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    background-color: #b5d43c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border: 3px solid rgba(135, 135, 135);
}

.books-count {
    font-size: 30px;
    font-weight: bold;
    color: #1e2b25;
}

.books-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}.calendar-dashboard-container {
    display: flex;
    align-items: center;
    height: 160px;
    background-color: #1a1a1a;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow: hidden;
    /* margin-top: 15px; */
    width: 100%;
}

.calender-header{
        display: inline;
            border-radius: 5px 5px 5px 0;
            background-color: #2d3a34;
            color: #c3e264;
            padding: 16px;
            font-size: 20px;
            font-weight: 200;
}

.calendar-dashboard-scroll {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    width: 90vw;
    /* Ensure it has enough width */
    padding: 20px;
    gap: 20px;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    white-space: nowrap;
    /* Prevent wrapping */
}

.calendar-dashboard-scroll::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar */
}

.calendar-dashboard-day-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    /* Increase width to ensure scrollable content */
    height: 100px;
    border-radius: 30px;
    padding: 10px;
    position: relative;
    flex-shrink: 0;
    /* Prevent shrinking */
    cursor: pointer;
    transition: all 0.2s ease;
    /* background-color: rgba(255, 255, 255, 0.1); */
}

.selected-day {
    background-color: #e3f988;
    color: #1a1a1a;
}

.calendar-dashboard-date {
    font-size: 24px;
    font-weight: 500;
    /* color: #fff; */
}

.calendar-dashboard-day-name {
    font-size: 16px;
    text-transform: capitalize;
    /* color: #fff; */

}

.dot {
    width: 6px;
    height: 6px;
    background-color: currentColor;
    border-radius: 50%;
    position: absolute;
    bottom: 12px;
    margin-top: 4px;
}.class-card-main-container {
    padding: 15px 20px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20vw;
    height: 155px;
    background-color: #49514D;
    border-radius: 25px;
}

.class-card-content-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.class-card-host-container {
    display: flex;
    gap: 4px;
    align-items: center;
}

.class-card-title {
    font-family: MetricHPE;
    font-weight: 400;
    font-size: 25px;
    line-height: 29.5px;
    letter-spacing: 0%;
    text-align: center;
    color: #ffffff;
}

.class-card-time {
    font-size: 0.8rem;
    color: #e0e0e0;
}

.class-card-content-host {
    margin: 0;
    font-size: 0.75rem;
    color: #e0e0e0;
}

.class-card-start-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e3f988;
    width: 70px;
    height: 32px;
    border-radius: 16px;
    font-size: 0.9rem;
    cursor: pointer;
}

.MediaCardImg {
    height: 27px;
    width: 27px;
    margin-left: 7px;
}.mock-exam-container {
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.mock-exam-header {
    display: inline;
    border-radius: 5px 5px 5px 0;
    background-color: #2d3a34;
    color: #c3e264;
    padding: 16px;
    font-size: 20px;
    font-weight: 200;
}

.mock-exam-table-container {
    overflow-x: auto;
}

.mock-exam-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1e2923;
    color: white;
}

.mock-exam-table th,
.mock-exam-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #333;
}

.mock-exam-table th {
    font-weight: 500;
}

.start-button {
    background-color: #c3e264;
    color: black;
    border: none;
    border-radius: 50px;
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    color: black;
}

.start-button:hover {
    background-color: #a8c64e;
    color: #000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mock-exam-table {
        font-size: 14px;
    }

    .mock-exam-table th,
    .mock-exam-table td {
        padding: 12px 8px;
    }

    .start-button {
        padding: 4px 16px;
        font-size: 12px;
    }
}.mock-exam-container {
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.mock-exam-header {
    display: inline;
    border-radius: 5px 5px 5px 0;
    background-color: #2d3a34;
    color: #c3e264;
    padding: 16px;
    font-size: 20px;
    font-weight: 200;
}

.mock-exam-table-container {
    overflow-x: auto;
}

.mock-exam-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1e2923;
    color: white;
}

.mock-exam-table th,
.mock-exam-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #333;
}

.mock-exam-table th {
    font-weight: 500;
}

.start-button {
    background-color: #c3e264;
    color: black;
    border: none;
    border-radius: 50px;
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.start-button:hover {
    background-color: #a8c64e;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mock-exam-table {
        font-size: 14px;
    }

    .mock-exam-table th,
    .mock-exam-table td {
        padding: 12px 8px;
    }

    .start-button {
        padding: 4px 16px;
        font-size: 12px;
    }
}.mock-exam-container {
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.mock-exam-header {
    display: inline;
    border-radius: 5px 5px 5px 0;
    background-color: #2d3a34;
    color: #c3e264;
    padding: 16px;
    font-size: 20px;
    font-weight: 200;
}

.mock-exam-table-container {
    overflow-x: auto;
}

.mock-exam-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1e2923;
    color: white;
}

.mock-exam-table th,
.mock-exam-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #333;
}

.mock-exam-table th {
    font-weight: 500;
}

.start-button {
    background-color: #c3e264;
    color: black;
    border: none;
    border-radius: 50px;
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.start-button:hover {
    background-color: #a8c64e;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mock-exam-table {
        font-size: 14px;
    }

    .mock-exam-table th,
    .mock-exam-table td {
        padding: 12px 8px;
    }

    .start-button {
        padding: 4px 16px;
        font-size: 12px;
    }
}.media-center-container {
    width: 100%;
    /* background: #1C2520; */
    color: white;
    padding: 20px;
    border-radius: 10px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.media-center-header {
    display: inline;
    background-color: #2d3a34;
    color: #c3e264;
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 5px 5px 5px 0;
    margin-bottom: 20px;
}
.media-filter-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    background-color: #1a2620;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    justify-content: flex-start;
}

.filter-label {
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
    white-space: nowrap;
}

.date-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 140px;
    /* Prevents inputs from shrinking */
}

.date-input {
    background-color: transparent;
    border: 1px solid #444;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    width: 140px;
    font-size: 14px;
}

.date-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 18px !important;
    pointer-events: none;
}

.date-error {
    position: absolute;
    bottom: -18px;
    left: 0;
    color: #ff6b6b;
    font-size: 12px;
    white-space: nowrap;
}

.filter-button,
.reset-button {
    background-color: #c3e264;
    color: #1e2b25;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    min-width: 100px;
    /* Ensures buttons don’t shrink */
}

.filter-button:hover,
.reset-button:hover {
    color: #000;
    opacity: 0.9;
}



.media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* .media-icon-container{
    background: #2A322D;

} */
/* 
.media-cards-container{
    background: '#1C2520';
    padding:'20px';
} */
.media-card {
    background: #2A322D33;
    /* background-color: #1a2620; */
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 250px;
}

.media-play-button {
    background: #2A322D;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.play-icon {
    background-color: #c3e264;
    color: #1e2b25;
    border-radius: 50%;
    padding: 8px;
    font-size: 55px !important;
}

.media-title {
    text-align: center;
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.media-info {
    padding: 10px;
    font-size: 12px;
    color: #ccc;
}

.media-date {
    margin-bottom: 4px;
}

.media-loading-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
        .media-filter-section {
                flex-direction: column;
                align-items: stretch;
            }
        
            .date-input-container {
                width: 100%;
            }
        
            .filter-button,
            .reset-button {
                width: 100%;
                text-align: center;
                color: #000;
            }

    .media-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}.mock-report-exam-container {
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.mock-report-exam-header {
    display: inline;
    border-radius: 5px 5px 5px 0;
    background-color: #2d3a34;
    color: #c3e264;
    padding: 16px;
    font-size: 20px;
    font-weight: 200;
}

.mock-report-exam-table-container {
    overflow-x: auto;
}

.mock-report-exam-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #1e2923;
    color: white;
}

.mock-report-exam-table th,
.mock-report-exam-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #333;
}

.mock-report-exam-table th {
    font-weight: 500;
}

.start-button {
    background-color: #c3e264;
    color: black;
    border: none;
    border-radius: 50px;
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    color: black;
}

.start-button:hover {
    background-color: #a8c64e;
    color: #000;
}

.start-button:active {
    color: #000;
}

.start-button:visited {
    color: #000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mock-report-exam-table {
        font-size: 14px;
    }

    .mock-report-exam-table th,
    .mock-report-exam-table td {
        padding: 12px 8px;
    }

    .start-button {
        padding: 4px 16px;
        font-size: 12px;
    }
}.calendar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
  background-color: #1c2520;
  color: black;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  overflow: hidden;
  /* margin-top: 15px; */
}

.calendar-scroll {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  width: 100%;
  padding: 20px;
  gap: 30px;
  scrollbar-width: thin;
  /* -ms-overflow-style: none;  */
}

/* .calendar-scroll::-webkit-scrollbar {
  display: none; 
} */

.day-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 100px;
  border-radius: 30px;
  padding: 10px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

.selected-day {
  background-color: #e3f988;
  color: #1a1a1a;
}

.date {
  font-size: 24px;
  font-weight: 500;
  /* color: white; */
  /* margin-bottom: 5px; */
}

.day-name {
  font-size: 16px;
  text-transform: capitalize;
  /* color: white; */
}

.dot {
  width: 6px;
  height: 6px;
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  bottom: 12px;
  margin-top: 4px;
}
.session-calendar-focus-inp {
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -2;
}
.session-card-main-container {
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25vw;
  height: 155px;
  background-color: #49514d;
  border-radius: 25px;
  min-width: 15rem;
}

.session-card-content-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.session-card-host-container {
  display: flex;
  gap: 4px;
  align-items: center;
}

.session-card-title {
  font-size: 1.5rem;
  color: white;
}

.session-card-time {
  font-size: 0.8rem;
  color: white;
}

.session-card-content-host {
  margin: 0;
  font-size: 0.75rem;
  color: white;
}

.session-card-start-button {
  background-color: #e3f988;
  width: 80px;
  height: 32px;
  border-radius: 16px;
  font-size: 0.9rem;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  border: none;
}
.video-call-container {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  background-color: #1a1a1a;
  color: white;
  overflow-y: hidden;
}

.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background-color: #2a2a2a;
  border-bottom: 1px solid #3a3a3a;
}

.controls {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.icon-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3a3a3a;
  border: none;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.icon-buttons:hover {
  background-color: #4a4a4a;
}

.icon-buttons.active {
  background-color: #d32f2f;
}

.leave-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 20px;
  background-color: #d32f2f;
  border: none;
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s;
}

.leave-button:hover {
  background-color: #b71c1c;
}

.end-button {
  background-color: #d32f2f;
}

/* Add styling for the meeting duration */
.meeting-duration {
  font-family: monospace;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 8px;
  border-radius: 4px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  padding: 16px;
  flex: 1;
  overflow-y: auto;
}

.video-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #2a2a2a;
  /* aspect-ratio: 16 / 9; */
}

.video-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.participant-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  gap: 6px;
}

.participant-icon-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rise-hand-yellow {
  position: absolute;
  top: 7px;
  right: 7px;

  z-index: 1;
}

.local-video {
  border: 2px solid #4285f4;
}

.screen-share {
  /* grid-column: 1 / -1; */
  height: calc(100dvh - 120px);
  display: flex;
  justify-content: center;
}

.no-participants {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: #2a2a2a;
  border-radius: 8px;
  font-size: 18px;
}

.video-mirrored {
  transform: scaleX(-1);
}

.meeting-network-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.meeting-network-loader-wrapper {
  height: 300px;
  width: 100%;
}
.DurationTimer {
  background-color: black;
  border-radius: 1rem;

  width: fit-content;
  text-align: center;
  width: 110px;
  margin-right: auto;
  padding: 4px 0;
}

.DurationTimer-title {
  font-size: 1.25rem;
  font-weight: 600;
}

.DurationTimer-time {
  font-size: 0.875rem;
  color: white; /* Blue-600 */
  margin-bottom: 0;
}
.edit-profile-container {
    /* background-color: #1a1a1a; */
    color: white;
    padding: 20px;
    border-radius: 5px;
    /* max-width: 600px; */
    margin: 0 auto;
    position: relative;
    font-family: Arial, sans-serif;
}

.profile-image-container {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    background-color: #2a2a2a;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}

.profile-image-container.no-image {
    background-color: #f2f2f3;
    color: #333;
    border: 2px dashed #ccc;
}

.profile-img {
    max-height: 260px;
    max-width: 280px;
    object-fit: cover;
    border-radius: 8px;
}

.upload-icon {
    cursor: pointer;
    color: #01a7fd;
    font-size: 120px !important;
}

.profile-image-label {
    display: block;
    text-align: center;
    margin-top: -20px;
    font-size: 14px;
    color: #ccc;
}

.edit-icon-label {
    position: absolute;
    bottom: 15px;
    right: 5px;
    cursor: pointer;
    padding: 0px;
}

.edit-icon {
    font-size: 40px !important;
    color: #01a7fd;
}

.delete-icon-button {
    position: absolute !important;
    top: 15px;
    right: 5px;
}

.delete-icon {
    font-size: 40px !important;
    color: #01a7fd;
    cursor: pointer;
}

.edit-profile-header-card{
        display: inline;
            border-radius: 5px 5px 5px 0;
            background-color: #2d3a34;
            color: #c3e264;
            padding: 16px;
        font-size: 20px;
            font-weight: 200;
}


.edit-profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.edit-profile-header h2 {
    margin: 0;
    font-size: 18px;
    color: #d3e04d;
}

.edit-profile-body{
    background-color: #1a1a1a;
    padding: 20px;
}

.close-button {
    background: none;
    border: none;
    color: #999;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.close-button:hover {
    color: white;
}

form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-row {
    display: flex;
    gap: 10px;
}

.form-row .form-group {
    flex: 1;
}

.form-group {
    margin-bottom: 10px;
}

input,
textarea {
    /* width: 100%; */
    padding: 10px;
    background-color: #2a2a2a;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    box-sizing: border-box;
}

input:disabled {
    opacity: 0.7;
}

textarea {
    resize: none;
    height: 80px;
}

.error {
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.form-submit {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.submit-button {
    background-color: #d3e04d;
    color: black;
    border: none;
    padding: 8px 30px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.submit-button:hover {
    background-color: #c1ce45;
    color: #000;
}

.submit-button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.cursor-no-drop{
    cursor: not-allowed;
}

.disclaimer {
    text-align: center;
    color: #999;
    font-size: 12px;
    margin-top: 15px;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top-color: black;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* For date input styling */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* For number input - hide arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}.edit-profile-container {
    /* background-color: #1a1a1a; */
    color: white;
    padding: 20px;
    border-radius: 5px;
    /* max-width: 600px; */
    margin: 0 auto;
    position: relative;
    font-family: Arial, sans-serif;
}

.profile-image-container {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    background-color: #2a2a2a;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}

.profile-image-container.no-image {
    background-color: #f2f2f3;
    color: #333;
    border: 2px dashed #ccc;
}

.profile-img {
    max-height: 260px;
    max-width: 280px;
    object-fit: cover;
    border-radius: 8px;
}

.upload-icon {
    cursor: pointer;
    color: #01a7fd;
    font-size: 120px !important;
}

.profile-image-label {
    display: block;
    text-align: center;
    margin-top: -20px;
    font-size: 14px;
    color: #ccc;
}

.edit-icon-label {
    position: absolute;
    bottom: 15px;
    right: 5px;
    cursor: pointer;
    padding: 0px;
}

.edit-icon {
    font-size: 40px !important;
    color: #01a7fd;
}

.delete-icon-button {
    position: absolute !important;
    top: 15px;
    right: 5px;
}

.delete-icon {
    font-size: 40px !important;
    color: #01a7fd;
    cursor: pointer;
}

.edit-profile-header-card{
        display: inline;
            border-radius: 5px 5px 5px 0;
            background-color: #2d3a34;
            color: #c3e264;
            padding: 16px;
        font-size: 20px;
            font-weight: 200;
}


.edit-profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.edit-profile-header h2 {
    margin: 0;
    font-size: 18px;
    color: #d3e04d;
}

.edit-profile-body{
    background-color: #1a1a1a;
    padding: 20px;
}

.close-button {
    background: none;
    border: none;
    color: #999;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.close-button:hover {
    color: white;
}

form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-row {
    display: flex;
    gap: 10px;
}

.form-row .form-group {
    flex: 1;
}

.form-group {
    margin-bottom: 10px;
}

input,
textarea {
    /* width: 100%; */
    padding: 10px;
    background-color: #2a2a2a;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    box-sizing: border-box;
}

input:disabled {
    opacity: 0.7;
}

textarea {
    resize: none;
    height: 80px;
}

.error {
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.form-submit {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.submit-button {
    background-color: #d3e04d;
    color: black;
    border: none;
    padding: 8px 30px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.submit-button:hover {
    background-color: #c1ce45;
    color: #000;
}

.submit-button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.cursor-no-drop{
    cursor: not-allowed;
}

.disclaimer {
    text-align: center;
    color: #999;
    font-size: 12px;
    margin-top: 15px;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top-color: black;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* For date input styling */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* For number input - hide arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/*!
 * Font Awesome Free 5.0.10 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.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(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-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);
          transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-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 {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-aws:before {
  content: "\f375"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frown:before {
  content: "\f119"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-key:before {
  content: "\f084"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-male:before {
  content: "\f183"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-moon:before {
  content: "\f186"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nintendo-switch:before {
  content: "\f418"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-percent:before {
  content: "\f295"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-plane:before {
  content: "\f072"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-random:before {
  content: "\f074"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-rendact:before {
  content: "\f3e4"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-road:before {
  content: "\f018"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-safari:before {
  content: "\f267"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-strava:before {
  content: "\f428"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-train:before {
  content: "\f238"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-class:before {
  content: "\f0c0"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/fa-brands-400.eot);
  src: url(/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-brands-400.woff2) format("woff2"), url(/assets/fonts/fa-brands-400.woff) format("woff"), url(/assets/fonts/fa-brands-400.ttf) format("truetype"), url(/assets/img/_/fonts/fa-brands-400.svg#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/fa-regular-400.eot);
  src: url(/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-regular-400.woff2) format("woff2"), url(/assets/fonts/fa-regular-400.woff) format("woff"), url(/assets/fonts/fa-regular-400.ttf) format("truetype"), url(/assets/img/_/fonts/fa-regular-400.svg#fontawesome) format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/fa-solid-900.eot);
  src: url(/assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-solid-900.woff2) format("woff2"), url(/assets/fonts/fa-solid-900.woff) format("woff"), url(/assets/fonts/fa-solid-900.ttf) format("truetype"), url(/assets/img/_/fonts/fa-solid-900.svg#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 22/04/2018 12:48
  	*/

    @font-face {
      font-family: "Flaticon";
      src: url(/assets/fonts/Flaticon.woff) format("woff"),
      url(/assets/fonts/Flaticon.ttf) format("truetype"),
      url(/assets/img/_/fonts/Flaticon.svg#Flaticon) format("svg");
      font-weight: normal;
      font-style: normal;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
      @font-face {
        font-family: "Flaticon";
        src: url(/assets/img/_/fonts/Flaticon.svg#Flaticon) format("svg");
      }
    }

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
      font-family: Flaticon;
      font-style: normal;
      line-height: 0;
      font-weight: 700;
    }

    .flaticon-pie-chart:before { content: "\f100"; }
    .flaticon-ruler-and-pencil:before { content: "\f101"; }
    .flaticon-clipboards:before { content: "\f102"; }
    .flaticon-technology-2:before { content: "\f103"; }
    .flaticon-technology-1:before { content: "\f104"; }
    .flaticon-cogwheel:before { content: "\f105"; }
    .flaticon-dna:before { content: "\f106"; }
    .flaticon-business:before { content: "\f107"; }
    .flaticon-app-store:before { content: "\f108"; }
    .flaticon-artist-tools:before { content: "\f109"; }
    .flaticon-technology:before { content: "\f10a"; }
    .flaticon-list:before { content: "\f10b"; }
    .flaticon-clipboard-with-pencil:before { content: "\f10c"; }
    .flaticon-maths-class-materials-cross-of-a-pencil-and-a-ruler:before { content: "\f10d"; }
    .flaticon-group:before { content: "\f10e"; }
    .flaticon-favorites-button:before { content: "\f10f"; }
    .flaticon-book:before { content: "\f110"; }
    .flaticon-graduation-hat:before { content: "\f111"; }.chatBotWidget_Container{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;max-width:370px;position:fixed;right:15px;bottom:15px;width:90vw;z-index:9999}.chatBotWidget_Conversation{height:76vh;border-radius:10px;box-shadow:0 2px 10px 1px #b5b5b5;opacity:1;transform:translateY(0);transition:opacity 0.3s ease, transform 0.3s ease}.chatBotWidget-header{background-color:#2196f3;border-radius:10px 10px 0 0;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:25px 0 25px}.chatBotWidget-msg_Container{background-color:#fff;height:50vh;max-height:410px;overflow-y:scroll;padding-top:10px;display:flex;flex-direction:column-reverse;-webkit-overflow-scrolling:touch}.chatBotWidget-message{margin:10px;display:-ms-flexbox;display:flex;word-wrap:break-word}.chatBotWidget-clientMsg{display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:auto}.chatBotWidget-client_txt{background-color:#a3eaf7;border-radius:10px;padding:15px;max-width:215px;text-align:left}.chatBotWidget-client_txt>p{margin:0}.chatBotWidget-avatar{width:40px;height:40px;border-radius:100%;margin-right:10px}.chatBotWidget-response{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.chatBotWidget{display:flex;width:60px;justify-content:center;box-shadow:0 2px 10px 1px #b5b5b5;-webkit-box-shadow:0 2px 10px 1px #b5b5b5;-moz-box-shadow:0 2px 10px 1px #b5b5b5;height:60px;border-radius:50px;align-items:center;align-self:flex-end;margin-top:15px;cursor:pointer;background-color:#fff}.chatBotWidget_icon{height:50px}.chatBotWidget-sender{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;background-color:#f4f7f9;height:45px;padding:5px;border-radius:0 0 10px 10px}.chatBotWidget-new-message{width:100%;border:0;background-color:#f4f7f9;height:30px;padding-left:15px;resize:none}.loader-container_CB{border-radius:10px;padding:15px;max-width:215px;text-align:left}.loader-dots_CB{background-color:gray;display:inline-block;height:4px;width:4px;border-radius:50%;margin-right:2px;animation:a 0.5s ease infinite alternate}.loader-dots_CB:first-child{animation-delay:0.2s}.loader-dots_CB:nth-child(2){animation-delay:0.3s}.loader-dots_CB:nth-child(3){animation-delay:0.4s}@media (max-width: 800px){.rcw-widget-container{height:0px !important}}input[type="number"]::-webkit-inner-spin-button,.register-form-area select[type="number"]::-webkit-inner-spin-button,.register-form-area textarea[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button,.register-form-area select[type="number"]::-webkit-outer-spin-button,.register-form-area textarea[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 480px){.chatBotWidget_Conversation{height:70vh !important}}#course-btn .genius-btn{margin:0 auto}body{margin:0;padding:0;overflow-x:hidden;font-size:16px;line-height:1.4;color:#777;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased}.ul-li ul{margin:0;padding:0}.ul-li ul li{list-style:none;display:inline-block}.animation,.staggered-animation{visibility:hidden;transition:0.5s ease all}.container{max-width:1200px;margin:0 auto}.ul-li-block ul{margin:0;padding:0}.ul-li-block ul li{list-style:none;display:block}div#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background-color:#fff;background:#fff url(/assets/img/preloader.gif) no-repeat center center}a{text-decoration:none;color:inherit}a:hover,a:focus{text-decoration:none}img{max-width:100%;height:auto}section{overflow:hidden}button{cursor:pointer}.form-control:focus,button:visited,button.active,button:hover,button:focus,input:visited,.register-form-area select:visited,.register-form-area textarea:visited,input.active,.register-form-area select.active,.register-form-area textarea.active,input:hover,.register-form-area select:hover,.register-form-area textarea:hover,input:focus,.register-form-area select:focus,.register-form-area textarea:focus,textarea:hover,textarea:focus,a:hover,a:focus,a:visited,a.active,select,select:hover,select:focus,select:visited{outline:none;box-shadow:none;text-decoration:none;color:inherit}.form-control{box-shadow:none}.relative-position{position:relative}.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6{margin:0}h1,h2,h3,h4,h5,h6{font-family:"Roboto",sans-serif}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb45{margin-bottom:45px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt25{margin-top:25px}.ml42{margin-left:42px}.mb65{margin-bottom:65px}.mt60{margin-top:60px}.pt150{padding-top:150px}.pb45{padding-bottom:30px}.pb20{padding-bottom:20px}.pb10{padding-bottom:10px}.gradient-bg,.modal-body .nws-button button,.teacher-pic-content .teacher-img-content:after,.course-details-category li:hover{background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;-webkit-transition:background 1s ease-out;-moz-transition:background 1s ease-out;-o-transition:background 1s ease-out;transition:background 1s ease-out}.gradient-bg:hover,.modal-body .nws-button button:hover,.teacher-pic-content .teacher-img-content:hover:after,.course-details-category li:hover{background:#01a6fd;background:-moz-linear-gradient(left, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #01a6fd), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #17d0cf 0%, #01a6fd 51%, #0071b0 100%);background:-o-linear-gradient(left, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);background:-ms-linear-gradient(left, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);background:linear-gradient(to right, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);background-size:200% auto;background-position:190px}.text-gradiant{background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #01a6fd), color-stop(100%, #17d0cf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.backgroud-style{background-position:center center;background-size:cover;background-repeat:no-repeat}.whitish-overlay{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(255,255,255,0.65)}.genius-btn{height:50px;line-height:52px;border-radius:4px;display:table;padding:0px 25px}.genius-btn a{color:#fff;display:block;width:100%}.genius-btn a i{margin-left:5px;color:#01a6fd}.bold-font{font-weight:700}.section-title .subtitle{color:#a9a3a3;letter-spacing:7px;position:relative}.section-title .subtitle:before,.section-title .subtitle:after{content:".";font-size:70px;left:-45px;pointer-events:none;position:absolute;text-shadow:rgba(0,0,0,0) 0px 0px;top:-10px;line-height:0;color:#17d0cf;text-shadow:15px 0 #17d0cf}.section-title .subtitle:after{right:-28px;left:inherit}.section-title h2{font-size:55px;font-weight:300;color:#333}.section-title h2 span{font-weight:700}.section-title-2 h2{font-size:38px;color:#333;font-weight:300;position:relative}.section-title-2 h2 span{font-weight:700}.section-title-2 h2:after{position:absolute;content:'';bottom:-20px;height:2px;width:50px;left:0;background-color:#17d0cf}.widget-title{font-size:25px;color:#333;font-weight:700;position:relative;margin-bottom:50px}.widget-title:after{position:absolute;content:'';bottom:-20px;height:2px;width:50px;left:0;background-color:#17d0cf}.breadcrumb-section{background-image:url(/assets/img/banner/brt-1.jpg);padding-bottom:355px}.breadcrumb-section .blakish-overlay{opacity:1;visibility:visible}.breadcrumb-section .page-breadcrumb-content{position:absolute;top:60%;transform:translateY(-60%);left:0;right:0}.breadcrumb-section .breadcrumb-head{font-size:38px;color:#fff;font-weight:300}.breadcrumb-section .breadcrumb-head span{font-weight:700}.breadcrumb-section .breadcrumb{text-align:center;display:inherit;background-color:transparent}.breadcrumb-section .breadcrumb-item{background-color:#17d0cf;color:#fff;padding:5px 15px;font-size:13px;font-weight:700;border-radius:4px;margin:0 4px}.breadcrumb-section .breadcrumb-item::before{display:none}.breadcrumb-section .breadcrumb-item.active{background-color:#3b3b3b;color:#7a7a7a}.owl-carousel.owl-carousel .owl-item img{display:block;width:auto;max-width:100%}.owl-carousel.owl-carousel .owl-nav.owl-nav{right:0;top:-90px;position:absolute}.owl-carousel.owl-carousel .owl-nav.owl-nav .owl-prev.owl-prev,.owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next{float:left;width:60px;height:60px;line-height:60px;text-align:center;margin:0 5px;border-radius:4px;background-color:#f7f7f7}.main-menu-container{position:fixed;width:100%;padding:45px 0px;transition:0.3s all ease-in-out;z-index:9}.nav-menu{padding-top:20px}.nav-menu li a{color:#fff;text-transform:uppercase;font-size:15px;padding:7px 15px;font-weight:500;position:relative;border-radius:4px}.nav-menu li a:after{position:absolute;content:'';height:100%;width:100%;background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;left:0;top:0;transition:0.3s all ease-in-out;border-radius:4px;z-index:-1;opacity:0;visibility:hidden}.nav-menu li a:hover:after{opacity:1;visibility:visible}.log-in{margin-top:20px}.log-in a{color:#fff;text-transform:uppercase;font-size:15px;padding:15px;font-weight:700}.cart-search{margin-top:12px;margin-left:10px}.cart-search li{height:35px;width:35px;text-align:center;line-height:30px;border-radius:100%;color:#fff;margin-left:10px;border:2px solid #17d0cf;position:relative}.cart-search li a{display:block;width:100%}.cart-search li button{background-color:transparent;border:none;color:#fff}.select-lang{display:inline;position:relative;border-left:1px solid;margin-left:25px}.select-lang select{margin-top:12px;background-color:transparent;border:none;padding:10px 20px;color:#17d0cf;-webkit-appearance:none;position:relative}.select-lang:after{content:'\f078';font-family:'Font Awesome 5 Free';position:absolute;top:2px;right:3px;font-size:12px;font-weight:700}.main-menu-container.menu-bg-overlay{background:#000000;padding:10px 0px}.header-style-2.main-menu-container.menu-bg-overlay{background:#fff;transition:0.3s all ease-in-out;padding-top:0;padding-bottom:25px;margin-top:-42px}.header-top{border-bottom:1px solid #eeeeee}.header-top li{border-right:1px solid #eeeeee;padding:10px 20px}.header-top li i{margin-right:5px}.header-top li select{border:none}.header-top-text{padding:10px 0px}.header-style-2{background-color:#fff;padding:25px 0px;padding-top:0}.header-style-2 .main-menu{padding-top:25px}.header-style-2 .nav-menu li a{color:#616161}.header-style-2 .nav-menu li a:hover{color:#fff}.header-style-2 .cart-search li{border:none}.header-style-2 .cart-search li button{border:none;line-height:35px;padding:0px 10px;border-radius:100%;background-color:#999}.header-style-2 .search-body{top:70px;right:0px}.header_3{padding:30px 0px 70px;position:relative;z-index:2;transition:0.3s all ease-in-out}.header-info{display:inline-block;margin-left:50px}.header-info li{margin-left:45px;text-align:center;color:#fff;position:relative;height:60px}.header-info li i{font-size:25px;line-height:36px}.header-info li:after{position:absolute;content:'';height:60px;width:1px;background-color:#eee;top:0;right:-20px}.header-info .info-text{color:#fff;font-size:13px}.mail-phone .info-icon{height:55px;width:55px;border-radius:100%;line-height:63px;text-align:center;float:left;background-color:#fff}.mail-phone .info-icon i{font-size:25px}.mail-phone .info-id{font-size:25px;font-weight:700;color:#fff;display:block}.mail-phone .info-content{display:inline-block;margin-left:10px;text-align:left}.nav-menu-4{background-color:#fff;border-radius:4px;padding:25px 20px 25px 20px;position:absolute;line-height:25px;left:0;right:0;max-width:1170px;margin:0 auto;bottom:-30px}.nav-menu-4 .nav-menu li a{color:#333}.nav-menu-4 .nav-menu{padding-top:0}.nav-menu-4 select{font-size:15px;margin-top:0;padding:0;width:70px}.nav-menu-4 .select-lang{border-left:none;margin-left:0}.nav-menu-4 .login-cart-lang ul{float:right}.nav-menu-4 .login-cart-lang li{margin:0 20px;position:relative}.nav-menu-4 .login-cart-lang li:before{position:absolute;height:40px;width:1px;background-color:#eee;top:-8px;left:-20px;content:''}.nav-menu-4 .login-cart-lang li i{font-size:13px}.nav-menu-4 .login-cart-lang .cart_search{height:25px;width:25px;background-color:#dddddd;color:#fff;border-radius:100%;line-height:22px;text-align:center}.nav-menu-4 .login-cart-lang .login a{color:#17d0cf}.nav-menu-4 .login-cart-lang button{background-color:transparent;border:none;color:#fff}.search-body{top:55px;right:0px;opacity:0;border-radius:4px;width:300px;height:auto;z-index:999;padding:10px;position:absolute;visibility:hidden;background-color:#fff;box-shadow:0px 2px 3px 1px rgba(0,0,0,0.1)}.search-body:after{position:absolute;content:'';top:-10px;border-left:20px solid transparent;border-right:0px solid transparent;border-top:20px solid #ffffff;transform:rotate(-45deg);right:6px}.search-body .search-form{width:100%;height:auto;position:relative}.search-body .search-form .search-input{width:100%;height:50px;padding:0px 20px;color:#000;background-color:#f7f7f7;border:1px solid #eee}.search-body .search-form .search-input:focus{outline:none;border-color:#eee;color:#000}.search-body .search-form .search-close{top:1px;right:1px;z-index:1;width:50px;height:48px;cursor:pointer;line-height:48px;text-align:center;position:absolute;background-color:#17d0cf;border:none;color:#000}.modal{background-color:rgba(0,0,0,0.8)}.search-open{opacity:1;visibility:visible}.modal-backdrop{z-index:0}.popup-logo{left:0;right:0;top:-30px;position:absolute;text-align:center}.popup-logo img{border-radius:4px}.modal-dialog{margin:12.75rem auto}.modal-header{padding:0;position:relative;background-image:url(/assets/img/login/login-bg-img.jpg)}.modal-header .gradient-bg,.modal-header .modal-body .nws-button button,.modal-body .nws-button .modal-header button,.modal-header .teacher-pic-content .teacher-img-content:after,.teacher-pic-content .modal-header .teacher-img-content:after,.modal-header .course-details-category li:hover,.course-details-category .modal-header li:hover{position:absolute;top:0;border-radius:4px;height:100%;width:100%;opacity:0.85}.popup-text{width:100%;padding:70px 0px 50px 0px;position:relative}.popup-text h2{color:#fff;font-weight:300;font-size:38px}.popup-text h2 span{font-weight:700}.popup-text p{color:#fff}.popup-text p span{font-weight:700}.facebook-login{background-color:#006dd9;height:50px;line-height:50px;text-transform:capitalize;border-radius:4px;margin-bottom:20px}.facebook-login a{padding:0}.alt-text{font-weight:700;position:relative;margin-bottom:30px}.alt-text a{color:#333;font-size:12px;padding:0}.alt-text:before{position:absolute;content:'';top:50%;height:1px;width:36%;left:0;background-color:#ccc}.alt-text:after{position:absolute;content:'';top:50%;height:1px;width:36%;right:0;background-color:#ccc}.log-in-icon{float:left;padding:0 20px;border-right:1px solid #a29c9c}.modal-body{padding:50px 65px}.modal-body .contact_form{margin-bottom:20px}.modal-body .contact_form input,.modal-body .contact_form .register-form-area select,.register-form-area .modal-body .contact_form select,.modal-body .contact_form .register-form-area textarea,.register-form-area .modal-body .contact_form textarea{height:50px;background-color:#eeeeee;padding:15px;border-radius:4px;margin-bottom:10px;width:100%;border:none}.modal-body .nws-button button{height:60px;width:100%;border:none;font-weight:700;color:#fff;text-transform:uppercase;font-size:18px}.modal-body p{margin-bottom:5px}.menu-item-has-children{position:relative}.menu-item-has-children a{padding-bottom:10px !important}.menu-item-has-children:hover a:after{opacity:1;visibility:visible}.menu-item-has-children li{margin-bottom:5px;transition:0.3s all ease-in-out}.menu-item-has-children li:hover{margin-left:3px}.sub-menu{width:300px;display:table;box-shadow:0 5px 10px 0 rgba(83,82,82,0.1);background-color:#fff;position:absolute;transform:scaleY(0);transform-origin:center top 0;transition:0.3s all ease-in-out;top:30px;left:-115px;text-align:left;border-radius:4px;padding:15px !important}.sub-menu li{position:relative;border-bottom:1px solid #e8e8e8;padding:10px 0px}.sub-menu li a{text-transform:capitalize !important;color:#333;padding:0}.sub-menu li a:after{display:none}.sub-menu li a:hover{color:#17d0cf !important}.sub-menu li:last-child{border-bottom:none}.sub-menu:before{position:absolute;content:'';top:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #01a6fd;left:0;right:0;margin:0 auto;width:20px}.menu-item-has-children:hover .sub-menu{transform:scaleY(1)}.header-style-2 .sub-menu li a:hover{color:#17d0cf}.altranative-header{top:0;left:0;right:0;z-index:999;display:none;padding:30px;position:fixed;background-color:#151515}.alt-menu-btn{max-width:100%;cursor:pointer;overflow:hidden}.alt-menu-btn .hamburger-menu{width:30px;height:30px;text-align:center;position:relative;display:inline-block}.alt-menu-btn .hamburger-menu:before{top:0;left:0;right:0;bottom:0;color:#ffffff;font-size:30px;content:'\f0c9';line-height:30px;position:absolute;font-family:'Font Awesome 5 Free';font-weight:700;transition:all 0.3s ease-in-out}button.alt-menu-btn.float-left{background-color:transparent;border:none}.alt-menu-btn .hamburger-menu.open:before{content:'\f00d'}#menu-container .logo-area{height:auto;margin:-8px auto;text-align:center}#menu-container .cart-Collapse{color:#ffffff;font-size:16px}#menu-container .menu-list{top:88px;bottom:0;left:-100%;height:100%;width:310px;z-index:999;padding:30px;position:fixed;min-height:100%;overflow-y:auto;overflow-x:hidden;background:#151515;padding-bottom:200px}#menu-container .menu-list .alt-search input[type='search'],#menu-container .menu-list .alt-search .register-form-area select[type='search'],.register-form-area #menu-container .menu-list .alt-search select[type='search'],#menu-container .menu-list .alt-search .register-form-area textarea[type='search'],.register-form-area #menu-container .menu-list .alt-search textarea[type='search']{color:#ffffff;background-color:#000000;border:1px solid rgba(255,255,255,0.1);height:50px;padding:15px;width:100%}#menu-container .accordion .card{border:none;box-shadow:none;background:none;border:1px solid #141414;border-radius:0px}#menu-container .accordion .card .card-header{padding:0}#menu-container .accordion .card .menu-link{width:100%;display:block;font-size:16px;font-weight:700;text-align:left;padding:10px 15px;border:none;background-color:#000;position:relative;color:#fff}#menu-container .accordion .card button.menu-link:after{top:50%;right:15px;content:'\f078';position:absolute;font-weight:700;font-family:'Font Awesome 5 Free';transform:rotate(0deg) translateY(-50%);-o-transform:rotate(0deg) translateY(-50%);-ms-transform:rotate(0deg) translateY(-50%);-moz-transform:rotate(0deg) translateY(-50%);-webkit-transform:rotate(0deg) translateY(-50%)}#menu-container .accordion .card.active,#menu-container .accordion .card .submenu{background-color:#000000}#menu-container .accordion .card:hover .menu-link,#menu-container .accordion .card.active .menu-link{color:#fff;background-color:#000000;border:none}#menu-container .accordion .card .submenu{padding:0px 30px}#menu-container .accordion .card .submenu li{padding:5px 0px}#menu-container .accordion .card .submenu li:hover,#menu-container .accordion .card .submenu li.active a{color:#fff}.cart-btn li{display:inline-block !important;margin:0px 5px}.cart-btn{margin-top:10px}.cart-btn li{font-size:18px;color:#fff;margin:0px 10px}.header_3.full-width-menu{position:fixed;width:100%;transition:0.3s all ease-in-out;margin-top:-100px;z-index:3}.header_3 .nav-menu-4 .nav-menu a{transition:0.3s all ease-in-out}.header_3 .nav-menu-4 .nav-menu a:hover{color:#00eab2}.modal-body .log-in-text{text-transform:uppercase;color:#fff;font-weight:700}.modal-body .log-in-icon i{font-size:20px;color:#fff}.closeButton{color:#36cce6;border:1px solid #36cce6;padding:10px;border-radius:4px}.notificationcount{font-size:12px;font-weight:800;position:absolute;top:-10px;left:21px;border:1px solid #fff;border-radius:7px;width:18px;height:18px;line-height:16px;background-color:#ff6161;text-align:center}.userImage{border-radius:50%;width:80% !important}@media only screen and (max-width: 400px){.notificationcount{font-size:12px;font-weight:800;position:absolute;top:-7px;left:10px;border:1px solid #fff;border-radius:7px;width:18px;height:18px;line-height:16px;background-color:#ff6161;text-align:center}}@media only screen and (min-width: 400px) and (max-width: 768px){.notificationcount{font-size:12px;font-weight:800;position:absolute;top:-10px;left:15px;border:1px solid #fff;border-radius:7px;width:18px;height:18px;line-height:16px;background-color:#ff6161;text-align:center}}.notificationContainer{min-width:600px}.notificationClose{margin-left:10;text-align:'right'}@media only screen and (min-width: 360px) and (max-width: 768px){.notificationContainer{min-width:350px}.notificationClose{margin-left:10px;margin-right:5px;text-align:'right'}}@media only screen and (min-width: 300px) and (max-width: 359px){.notificationContainer{min-width:320px}}.slider-text{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.slider-text .section-title h2{font-size:90px;color:#fff;font-weight:100}#slider-item:hover{visibility:visible}#slider-item .genius-btn{border:2px solid #17d0cf;margin-top:30px}#slider-item .owl-dots{position:absolute;bottom:50px;left:0;right:0}#slider-item .owl-dots .owl-dot.active{padding:0;border-width:0;height:45px;width:3px;border-radius:4px;background-color:#fff}#slider-item .owl-dots .owl-dot{height:20px;background-color:#585656;width:3px;padding:0;border-width:0}#slider-item .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:95%;left:0;right:0;margin:0 auto}#slider-item .owl-next{float:right}#slider-item .scound-slide{font-size:70px}#slider-item .search-course{max-width:700px;margin:0 auto}#slider-item .owl-item .layer-1-2{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 0.3s}#slider-item .owl-item .layer-1-1{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 1s}#slider-item .owl-item .layer-1-3{transform:translateY(50%);opacity:0;transition:all 1s ease-in-out 1.5s}#slider-item .owl-item .layer-1-4{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 2s}#slider-item .owl-item .layer-1-5{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 2.5s}#slider-item .owl-item .layer-1-6{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 3s}#slider-item .owl-item.active .layer-1-2,#slider-item .owl-item.active .layer-1-1,#slider-item .owl-item.active .layer-1-3,#slider-item .owl-item.active .layer-1-4,#slider-item .owl-item.active .layer-1-5,#slider-item .owl-item.active .layer-1-6{transform:translateY(0);opacity:1}#slider-item .owl-item.active .slider-images img{transform:scale(1.1);transition:10s}#slider-item .slider-course-category{max-width:700px;margin:0 auto;margin-top:25px}#slider-item .slider-course-category li{color:#fff;font-weight:700;margin:0px 10px;position:relative;transition:.3s all ease-in-out}#slider-item .slider-course-category li:after{position:absolute;content:'';height:10px;width:2px;top:6px;right:-13px;background-color:#8e8e8e}#slider-item .slider-course-category li:last-child:after{display:none}#slider-item .slider-course-category li:hover{color:#17d0cf}#slider-item .third-slide{font-size:60px}#slider-item .secoud-title{font-size:70px}.coming-countdown{margin-bottom:30px;text-align:center}.coming-countdown li{width:100px;height:auto;padding:15px 5px;margin-right:30px;text-align:center;display:inline-block;color:#fff;border:2px solid #17d0cf;border-radius:8px}.coming-countdown li:last-child{margin-right:0px}.coming-countdown .number{font-size:28px;font-weight:700;margin-bottom:5px}.coming-countdown span{display:block;color:#ffffff;position:relative;text-transform:uppercase}.coming-countdown span:before{left:0;right:0;top:-20px;width:50px;height:3px;margin:0 auto;position:absolute;background:#ffffff;border-radius:45px}.slider-bg-1,.slider-bg-2,.slider-bg-3,.slider-bg-4,.slider-bg-5{height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center center}.slider-bg-1{background-image:url(/assets/img/banner/s-1.jpg)}.slider-bg-2{background-image:url(/assets/img/banner/s-4.jpg)}.slider-bg-3{background-image:url(/assets/img/banner/s-3.jpg)}.slider-bg-4{background-image:url(/assets/img/banner/s-4.jpg)}.slider-bg-5{background-image:url(/assets/img/banner/sd-1.jpg)}.slider-bg-5 .slider-text{max-width:1170px;margin:0 auto}#course-btn .genius-btn{margin:0 auto}.search-course-section{padding:125px 0px 125px 0px}.search-course input,.search-course .register-form-area select,.register-form-area .search-course select,.search-course .register-form-area textarea,.register-form-area .search-course textarea,.subs-form input,.subs-form .register-form-area select,.register-form-area .subs-form select,.subs-form .register-form-area textarea,.register-form-area .subs-form textarea{width:100%;height:60px;background-color:#f9f9f9;border:none;padding:0px 20px;border-radius:5px}.search-course .nws-button,.subs-form .nws-button{top:0;right:0;height:60px;width:195px;line-height:60px;position:absolute;border-top-right-radius:5px;border-bottom-right-radius:5px}.search-course .nws-button button,.subs-form .nws-button button{background-color:transparent;border:none;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff}.counter-icon{float:left;width:60px;height:45px;line-height:40px;margin-right:15px;text-align:center;border-right:1px solid #989898}.counter-icon i{font-size:38px}.counter-number{display:inline-block;overflow:hidden}.counter-number p{font-size:14px;font-weight:700;font-color:#989898}.counter-number .counter-count,.counter-number span{font-size:30px;color:#333;line-height:.9}.counter-number span{font-weight:700}.copy-right-menu-item li{color:#989898;margin-left:30px}.copy-right-menu{padding:45px 0px;border-top:1px solid #ddd6d6}.home-secound-course-search{background-image:url(/assets/img/banner/hb-2.jpg);padding-bottom:0}.home-secound-course-search .search-app{padding-top:50px}.home-secound-course-search .search-app-content{margin-left:40px}.home-secound-course-search .search-course input,.home-secound-course-search .search-course .register-form-area select,.register-form-area .home-secound-course-search .search-course select,.home-secound-course-search .search-course .register-form-area textarea,.register-form-area .home-secound-course-search .search-course textarea{background:#4273e1;background:-moz-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #4273e1), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #4273e1), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #4273e1 51%, #01a6fd 100%);background-size:200% auto;color:#fff}.home-secound-course-search .search-course input::-webkit-input-placeholder,.home-secound-course-search .search-course .register-form-area select::-webkit-input-placeholder,.register-form-area .home-secound-course-search .search-course select::-webkit-input-placeholder,.home-secound-course-search .search-course .register-form-area textarea::-webkit-input-placeholder,.register-form-area .home-secound-course-search .search-course textarea::-webkit-input-placeholder{color:#fff}.home-secound-course-search .counter-number p{color:#fff}.home-secound-course-search .counter-count,.home-secound-course-search .counter-number span,.counter-number .home-secound-course-search span{color:#fff}.home-secound-course-search .section-title span,.home-secound-course-search .section-title h2{color:#fff}.home-secound-course-search .search-app .search-app-content h2{font-size:35px}.home-secound-course-search .app-details-content p{font-size:20px;color:#fff}.home-secound-course-search .about-list li{color:#17d0cf;margin-left:5px}.home-secound-course-search .about-list li:before{width:10px;height:10px;top:7px;background-color:#5196c9}.home-secound-course-search .genius-btn{width:190px}.app-stor{display:inline-block}.app-stor li{font-size:22px;color:#fff;margin-right:25px;position:relative}.app-stor li:after{position:absolute;content:'';height:20px;width:1px;top:4px;right:-14px;background-color:#9ad1f6}.app-stor li:last-child:after{display:none}.search-course-secound{background-color:#333;padding:20px 0px  10px !important;max-width:1170px;margin:0 auto;border-radius:5px;position:relative;z-index:2;top:-40px}.search-course-secound .counter-number .counter-count,.search-course-secound .counter-number span,.search-course-secound .counter-number span{color:#fff}.search-course-secound .counter-number p{color:#17d0cf;margin:0}.search-course-third{padding:0}.search-course-third .version-four{padding:40px 35px 30px}.search-course-third .counter-number p{margin-bottom:0}.search-course-third .counter-icon-number{position:relative}.search-course-third .counter-icon-number:before,.search-course-third .counter-icon-number:after{position:absolute;content:'';bottom:-30px;background-color:#eee;width:110%;height:7px;left:-20px;transition:.5s all ease-in-out}.search-course-third .counter-icon-number:after{background-color:#17d0cf;width:0}.search-course-third .counter-icon-number:hover::after{width:110%}.home-third-course-search{background-color:#f7f7f7;padding-bottom:0}.home-third-course-search .search-course input,.home-third-course-search .search-course .register-form-area select,.register-form-area .home-third-course-search .search-course select,.home-third-course-search .search-course .register-form-area textarea,.register-form-area .home-third-course-search .search-course textarea{background-color:#fff}.home-third-course-search .app-stor li{color:#777}.home-third-course-search .app-stor li:after{background-color:#777}.home-third-course-search .section-title h2{font-size:42px}#search-course-2 .search-app{margin-top:50px}.popular-course-section{padding-bottom:125px}.popular-course-section .section-title .subtitle{margin-left:42px}.course-meta{display:inline-block;width:100%}.course-meta span{float:left;font-size:14px;margin-right:24px;position:relative}.course-meta span:after{top:2px;width:1px;content:'';height:15px;right:-14px;position:absolute;background-color:#989898}.course-meta span:last-child:after{display:none}.course-meta .course-category,.latest-events .course-meta .course-author{color:#17d0cf}.course-meta .course-author{color:#333}.course-meta .course-rate li{color:#ffc926}.course-title:after{left:0;content:'';height:3px;width:50px;bottom:25px;position:absolute}.course-title h3{color:#333;font-size:22px;font-weight:500;line-height:30px;transition:.3s all ease-in-out}.course-title h3 span{top:-6px;color:#fff;padding:5px;font-size:11px;border-radius:3px;position:relative;background-color:#ff5c26}.course-viewer li{color:#989898;font-size:14px;padding:5px 15px;border-radius:3px;background-color:#f7f7f7}.course-price{top:20px;left:20px;font-weight:700;padding:5px 15px;border-radius:4px;position:absolute}.course-price span{color:#fff}.course-details-btn{top:25px;right:5px;opacity:0;visibility:hidden;position:absolute;transition:.3s all ease-in-out}.course-details-btn a{font-size:12px;color:#fff;font-weight:700}.course-item-pic-text:hover .course-details-btn{right:5px;opacity:1;visibility:visible}.popular-three{background-color:#f7f7f7;padding:100px 0px 100px}.popular-three .course-viewer li{background-color:#fff}.popular-three .owl-nav .owl-prev,.popular-three .owl-carousel.owl-carousel .owl-nav .owl-next,.owl-carousel.owl-carousel .popular-three .owl-nav .owl-next,.popular-three .owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .popular-three .owl-nav .owl-next,.popular-three .owl-nav .owl-next{background-color:#fff}.course-pic{overflow:hidden;border-radius:4px}.course-pic img{transition:.3s all ease-in-out}.course-item-pic-text:hover img{transform:scale(1.05)}.about-us-section{background-color:#f7f7f7;padding:125px 0px;overflow:visible}.about-resigter-form{z-index:2;padding:30px;max-width:360px;margin-top:120px}.register-content{position:relative}.register-fomr-title h3{font-size:35px;color:#fff}.register-fomr-title h3 span{font-weight:300}.register-fomr-title p{font-size:14px;color:#fff}.register-form-area input,.register-form-area select,.register-form-area textarea{height:42px;width:100%;background-color:#fff;padding:0 15px;border-radius:4px;margin-bottom:5px;border:none}.register-form-area textarea{height:100px;padding-top:15px}.register-form-area button{height:60px;width:100%;font-weight:700;color:#fff;border:none;text-transform:uppercase;background-color:#ff5b10}.bg-mockup{position:absolute;top:10px;left:-6px;z-index:1}.about-us-text{padding-top:35px}.about-us-text .section-title{margin-bottom:60px}.about-us-text .section-title p{font-size:22px;font-weight:500;color:#333;margin-top:20px}.about-us-text .section-title:after{position:absolute;content:'';bottom:-30px;height:2px;width:50px;background-color:#17d0cf}.about-content-text p{font-size:18px;color:#333}.about-list li{font-weight:500;color:#333;margin-bottom:8px;padding-left:25px;position:relative}.about-list li:before{left:0;content:'';width:15px;height:15px;top:2px;border-radius:100%;position:absolute;background-color:#17d0cf}.about-btn .genius-btn{display:inline-block;margin-right:25px}.home-secound .about-resigter-form{background-image:url(/assets/img/about/abt.jpg);max-width:420px;margin-top:5px;padding:50px;margin-left:30px;border-radius:5px;position:relative;z-index:2;box-shadow:10px 10px 30px 10px rgba(0,0,0,0.1)}.home-secound .about-resigter-form:after{content:'';position:absolute;height:80%;top:50%;width:30px;transform:translateY(-50%);border-radius:5px;left:-30px;z-index:-1;background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;border-bottom-right-radius:0;border-top-right-radius:0}.home-secound .register-form-area button{background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto}.home-secound .bg-mockup{display:none}.home-secound .register-form-area input,.home-secound .register-form-area select,.home-secound .register-form-area textarea,.home-secound .register-form-area select,.home-secound .register-form-area textarea{background-color:#ffffffc7}.home-third{background-color:#fff}.about-page-section{padding:80px 0px}.about-gallery{display:inline-block;margin-bottom:20px}.about-gallery-img{float:left;margin-bottom:15px}.grid-1{width:66.5%;float:left}.grid-2{width:31.5%;float:left;margin-left:12px}.about-text-item .section-title-2{margin-bottom:65px}.about-text-item .section-title-2 h2:after{bottom:-30px}.about-text-item p{font-weight:300;font-size:20px;color:#333;margin-bottom:25px}.about-teacher-2 .section-title-2 h2{font-size:28px}.about-teacher-2 .section-title-2 h2:after{display:none}.about-teacher-2 .section-title-2 h2 b{color:#17d0cf;font-size:14px;font-weight:700}.about-course-categori{padding-top:50px}.about-course-categori .category-slide{margin-top:40px}.why-choose-us-section .jarallax{background-image:url(/assets/img/banner/tesit-b-1.jpg);padding:140px 0px 115px 0px}.why-choose-us-section .section-title{margin-bottom:50px}.why-choose-us-section .section-title h2{color:#fff}.why-choose-us-section .section-title span{color:#fff}.service-slide{margin-bottom:50px}.service-icon{margin-right:15px}.service-icon i{font-size:50px}.service-text{overflow:hidden}.service-text h3{font-size:22px;color:#fff}.service-text p{color:#88c3ef}.owl-dots{text-align:center;margin-top:30px}.owl-dots .owl-dot.owl-dot{height:5px;width:20px;display:inline-block;transition:.3s all ease-in-out;margin:0 7px;border-width:0;border-radius:10px;background-color:#4175a4}.owl-dots .owl-dot.owl-dot.active{width:40px;border-width:0;background-color:#fff}.testimonial-slide .section-title-2 h2{color:#fff}.testimonial-slide .student-qoute{border:2px solid #3080b6;padding:30px;border-radius:5px;position:relative}.testimonial-slide .student-qoute:after{position:absolute;content:'\f10d';font-weight:900;font-family:'Font Awesome 5 Free';color:#3080b6;font-size:40px;right:35px;padding:5px 20px;bottom:-30px;background-color:#125693}.testimonial-slide .student-qoute p{font-style:italic;color:#fff;font-size:18px;font-weight:300}.testimonial-slide .student-qoute p b{font-weight:700}.testimonial-slide .student-name-designation span{font-size:13px;color:#17d0cf;margin-right:25px;position:relative}.testimonial-slide .student-name-designation span:before{top:4px;width:1px;content:'';height:10px;right:-14px;position:absolute;background-color:#17d0cf}.testimonial-slide .student-name-designation span:last-child::before{display:none}.testimonial-slide .student-name-designation .st-designation{font-weight:300}.testimonial-slide-area .owl-stage-outer{padding-bottom:30px}.testimonial-slide-area .owl-prev,.testimonial-slide-area .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .owl-next{background-color:#3080b6;color:#f7f7f7}.secound-testimoinial-section{max-width:880px;margin:0 auto;padding:10px 0px 90px 0px}.secound-testimoinial-section .student-qoute{padding:0;border:none}.secound-testimoinial-section .student-qoute p{font-size:25px;color:#333;margin-bottom:30px}.secound-testimoinial-section .student-qoute:after{display:none}.secound-testimoinial-section .owl-dot{background-color:#f5f5f5}.secound-testimoinial-section .owl-dot.active{background-color:#989898}.secound-testimoinial-section .student-name-designation span{color:#989898}.secound-testimoinial-section .student-name-designation span:before{background-color:#989898}.secound-testimoinial-section .student-name-designation .st-name{color:#333}.testimonial_2_section{padding-top:100px}.testimonial_2_section .section-title-2 h2,.testimonial_2_section .section-title-2 span{color:#333}.testimonial_2_section .student-qoute{border:2px solid #f7f7f7}.testimonial_2_section .student-qoute p{color:#8c8c8c}.testimonial_2_section .student-qoute p b{color:#333}.testimonial_2_section .student-qoute:after{background-color:#fff;color:#8c8c8c}.testimonial_2_section .owl-next,.testimonial_2_section .owl-prev,.testimonial_2_section .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .testimonial_2_section .owl-next,.testimonial_2_section .testimonial-slide-area .owl-next,.testimonial-slide-area .testimonial_2_section .owl-next{background-color:#f7f7f7;color:#999999}.third-testimoinial-section{padding:100px 0px 40px}.third-testimoinial-section .section-title-2 h2{color:#333}.latest-area-section{padding:125px 0px 55px 0px}.latest-news-thumbnile{height:120px;width:120px;float:left;margin-right:20px;overflow:hidden}.latest-news-thumbnile .hover-search{position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);text-align:center;right:0;transition:.3s all ease-in-out;font-size:20px;opacity:0;visibility:hidden;z-index:1}.blakish-overlay{top:0;opacity:0;width:100%;height:100%;border-radius:4px;position:absolute;visibility:hidden;transition:.3s all ease-in-out;background-color:rgba(0,0,0,0.65)}.latest-news-area{display:inline-block;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc;width:100%;max-width:335px}.latest-news-area:last-child{border-bottom:none;padding-bottom:0}.latest-news-area .date-meta{color:#989898;font-size:14px;margin-bottom:10px}.latest-news-area:hover .blakish-overlay{opacity:1;visibility:visible}.latest-news-area:hover .hover-search{opacity:1;visibility:visible}.latest-title{font-size:18px;color:#333;margin-bottom:10px}.view-all-btn{color:#333}.view-all-btn i{color:#17d0cf;margin-left:5px}.gradient-bdr{z-index:-1;width:100%;height:100%;position:absolute;border-radius:10px;transform:scale(1.06);background:-o-linear-gradient(69deg, #10abff, #1beabd);background:linear-gradient(21deg, #10abff, #1beabd);background:-webkit-linear-gradient(69deg, #10abff, #1beabd)}.events-date{float:left;height:84px;width:95px;font-size:13px;font-weight:500;border-radius:10px;margin-right:20px;background-color:#fff}.events-date span{font-size:50px;padding-top:8px;color:#333;line-height:1;display:block}.latest-events{display:inline-block;max-width:340px;margin-bottom:30px}.latest-events .course-meta .course-category,.latest-events .course-meta .course-author{font-weight:500;color:#989898}.event-text{overflow:hidden}.video-play-btn{height:40px;width:40px;line-height:40px;border-radius:100%;color:#fff;position:absolute;top:50%;right:0;left:0;margin:0 auto;transform:translateY(-50%)}.video-play-btn a{display:block;width:100%}.sponsor-section{padding:30px 0px 125px 0px}.sponsor-pic{position:relative;width:180px;margin:0 auto}.sponsor-pic:after{position:absolute;top:20px;content:'';height:80px;background-color:#cccccc;right:0;width:1px}.sponsor-1 .owl-stage-outer{padding:0 10px}.sponsor-1 .owl-dots{display:none !important}.sponsor-2{padding:60px 0px}.sponsor-2 .sponsor-pic:after{display:none}.sponsor-2 .owl-nav{display:none}.sponsor-2 .owl-dots .owl-dot{background-color:#f5f5f5}.sponsor-2 .owl-dots .owl-dot.active{background-color:#cccccc}.home-page-three{padding:40px 0px 125px}.best-course-section{background-color:#f7f7f7;padding:125px 0px 125px 0px}.best-course-pic-text{border-radius:4px;padding-top:30px}.best-course-pic-text .course-title h3{font-size:18px;line-height:25px}.best-course-pic-text .course-title:after{display:none}.best-course-pic-text .best-course-text{background-color:#fff;border-radius:4px;padding:20px 25px 30px 25px;transition:.3s all ease-in-out}.best-course-pic-text .best-course-text .course-meta span{font-weight:400;color:#777;-webkit-font-smoothing:antialiased}.best-course-pic-text .best-course-pic{overflow:hidden;border-radius:4px}.best-course-pic-text .course-price{bottom:20px;z-index:1;top:inherit}.best-course-pic-text .course-rate{position:absolute;right:25px;bottom:25px;transition:.3s all ease-in-out}.best-course-pic-text .course-rate li{font-size:14px}.best-course-pic-text .course-details-btn{top:inherit;bottom:25px;right:5px}.best-course-pic-text:hover .course-details-btn{opacity:1;right:5px;visibility:visible;z-index:1}.best-course-pic-text:hover .course-rate{opacity:0}.best-course-pic-text:hover .blakish-overlay{opacity:1;visibility:visible;z-index:0}.best-course-pic-text:hover .best-course-text{box-shadow:10px 10px 20px 1px rgba(0,0,0,0.1)}.course-rate li{color:#ffc926}.trend-badge-2{top:-18px;left:-50px;color:#fff;font-size:12px;font-weight:700;position:absolute;padding:30px 35px 5px;transform:rotate(-45deg);background-color:#ff5a00}.trend-badge-2 span{display:block}.couse-pagination li{font-size:18px;color:#bababa;margin:0 5px}.couse-pagination li.active{color:#333;font-weight:700}.couse-pagination .pg-text{font-size:13px}.best-course-v2{background-color:#fff;padding-bottom:80px}.best-course-v2 .best-course-pic-text .best-course-text{background-color:#f7f7f7}.course-search-filter{display:inline-block;width:100%}.course-button ul.product-tab li.active:after{display:none}.course-button ul.product-tab li:before{content:'';position:absolute;top:-15px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #01a6fd;transform:rotate(-180deg);left:0;width:20px;right:0;opacity:0;margin:0 auto}.course-button ul.product-tab li.active:before{opacity:1}.course-button ul.product-tab li.active .category-icon-title:after{opacity:1;transform:scale(1)}.course-button ul.product-tab li.active .category-icon i{color:#fff;-webkit-text-fill-color:inherit}.course-button ul.product-tab li.active .category-title h4{color:#fff}.course-button .category-title h4{text-transform:capitalize;font-size:16px}.course-button ul.product-tab li{margin:0}.course-button ul.product-tab li .category-icon-title{width:180px;height:180px;padding:20px;overflow:hidden}.button-tab .owl-stage-outer{padding:20px 0px}.button-tab .owl-prev,.button-tab .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .button-tab .owl-next,.button-tab .testimonial-slide-area .owl-next,.testimonial-slide-area .button-tab .owl-next{position:absolute;left:0}.course-button{background-color:#fff}.one-page-category{padding-top:0}.one-page-category .category-slide{margin-top:0}.one-page-category .category-slide .owl-nav{top:46%;width:108%}.book-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;min-height:60px !important}.course-teacher-section .jarallax{background-image:url(/assets/img/banner/teacher-b.jpg);padding:125px 0px 125px 0px}.course-teacher-section .section-title{margin-bottom:70px}.course-teacher-section .section-title h2{color:#fff}.course-teacher-section .section-title span{color:#fff}.course-teacher-section .genius-btn{margin:0 auto}.teacher-img-content{background-color:#0a4a78;display:inline-block;padding:20px;border-radius:4px;width:100%;margin-bottom:50px}.teacher-img-content .teacher-social-name{float:left;max-width:65px}.teacher-img-content .teacher-social-name ul{margin-bottom:10px !important}.teacher-img-content .teacher-social-name li{height:35px;width:35px;border-radius:100%;text-align:center;color:#adb8bf;line-height:35px;margin-bottom:5px;transition:.3s all ease-in-out;background-color:#608297}.teacher-img-content .teacher-social-name li:hover{background-color:#fff;color:#176299}.teacher-img-content .teacher-social-name .teacher-name span{font-weight:700;color:#fff;font-size:18px}.teacher-img-content .teacher-img{height:150px;width:150px;display:inline-block;position:relative;right:-35px;top:-35px}.teacher-img-content .teacher-img img{border-radius:4px}.teacher-img-content .teacher-img:after{content:'';height:2px;width:50px;left:-25px;bottom:30px;position:absolute;background-color:#17d0cf}.teacher-img-content .teacher-img .course-price{font-weight:400;top:auto;bottom:20px;font-size:12px;left:45px;opacity:0;transition:.3s all ease-in-out;visibility:hidden}.teacher-img-content .teacher-category{position:relative;top:-5px}.teacher-img-content .teacher-category .st-name{font-size:13px;color:#fff}.teacher-img-content:hover .course-price{opacity:1;left:35px;visibility:visible}.secound-teacher-section{background-color:#f7f7f7;padding:105px  0px}.secound-teacher-section .teacher-img-text{background-color:#fff;padding:20px 30px 30px 30px;border-radius:4px}.secound-teacher-section .teacher-img-text .teacher-social-list{position:absolute;top:40%;left:0;transition:.3s all ease-in-out;right:0;text-align:center;opacity:0;visibility:hidden;transform:translateY(-50%)}.secound-teacher-section .teacher-img-text .teacher-social-list li{height:30px;width:30px;text-align:center;border:2px solid #17d0cf;line-height:30px;color:#fff;margin:0 2px;border-radius:100%}.secound-teacher-section .teacher-img-text .teacher-name{display:block;font-size:18px;font-weight:700;color:#333}.secound-teacher-section .teacher-img-text .teacher-designation{font-size:13px;color:#17d0cf}.secound-teacher-section .teacher-img-text .teacher-img-social .blakish-overlay{border-radius:100%;height:190px;width:190px;margin:0 auto;left:-13px;top:5px;right:0}.secound-teacher-section .teacher-img-text:hover .blakish-overlay{opacity:1;visibility:visible}.secound-teacher-section .teacher-img-text:hover .teacher-social-list{top:50%;opacity:1;visibility:visible}.teacher-img-social{z-index:1}.teacher-img-social img{border:5px solid #fff;border-radius:100%}.teacher-img-social:after{content:'';position:absolute;width:210px;height:210px;background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;top:-5px;left:-5px;border-radius:100%;z-index:-1;right:0}.secound-teacher-section .owl-prev,.secound-teacher-section .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .secound-teacher-section .owl-next,.secound-teacher-section .testimonial-slide-area .owl-next,.testimonial-slide-area .secound-teacher-section .owl-next,.secound-teacher-section .owl-next{background-color:#fff}.secound-teacher-section .genius-btn{margin:0 auto;margin-top:65px}.genius-teacher-section-2{padding-bottom:80px}.genius-teacher-section-2 .teacher-img-content{background-color:inherit;padding:0;border-radius:4px;overflow:hidden;margin-bottom:25px;height:210px}.genius-teacher-section-2 .teacher-img-content .teacher-cntent{position:absolute;top:15px;left:30px;z-index:1;transition:.3s all ease-in-out;opacity:0}.genius-teacher-section-2 .teacher-img-content .teacher-social-name ul{margin-bottom:20px !important}.genius-teacher-section-2 .teacher-img-content .teacher-category{bottom:50px;top:inherit;right:20px;display:none;z-index:11}.genius-teacher-section-2 .teacher-img-content:after{position:absolute;content:'';background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;top:0;right:0;left:0;bottom:0;z-index:0;transition:.3s all ease-in-out;opacity:0}.genius-teacher-section-2 .teacher-img-content:hover:after{opacity:.8}.genius-teacher-section-2 .teacher-img-content:hover .teacher-category{display:block}.genius-teacher-section-2 .teacher-img-content:hover .teacher-cntent{opacity:1}.genius-teacher-section-2 .teacher-social-name li{background-color:#fff}.teacher-page-section{padding:80px 0px}.teacher-page-section .couse-pagination{margin-top:60px}.teacher-pic-content{margin-bottom:30px}.teacher-pic-content .teacher-hover-item{display:inline-block;position:absolute;top:35px;left:15px;z-index:1;opacity:0;visibility:hidden;transition:.3s all ease-in-out}.teacher-pic-content .teacher-hover-item .teacher-text{color:#fff}.teacher-pic-content .teacher-social-name{width:100%;max-width:inherit;margin-bottom:5px}.teacher-pic-content .teacher-social-name li{background-color:#fff;color:#17d0cf}.teacher-pic-content .teacher-next{height:45px;width:45px;background-color:#fff;position:absolute;right:-40px;bottom:0;line-height:52px;border-top-left-radius:10px;z-index:1;opacity:0;visibility:hidden;transition:.3s all ease-in-out;transition-delay:.3s}.teacher-pic-content .teacher-next a{display:block;width:100%}.teacher-pic-content .teacher-next i{font-size:20px}.teacher-pic-content .teacher-img-content{background-color:inherit;padding:0;position:relative;border-radius:5px;overflow:hidden;margin-bottom:0}.teacher-pic-content .teacher-img-content:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.3s all ease-in-out;z-index:0}.teacher-pic-content .teacher-name-designation{margin-top:10px}.teacher-pic-content .teacher-name-designation .teacher-name{display:block;font-size:18px;font-weight:700;color:#333333}.teacher-pic-content .teacher-name-designation .teacher-designation{font-size:13px;color:#17d0cf}.teacher-pic-content:hover .teacher-img-content::after{opacity:.8}.teacher-pic-content:hover .teacher-hover-item{opacity:1;visibility:visible;left:25px}.teacher-pic-content:hover .teacher-next{opacity:1;right:0;visibility:visible}.first-widget{margin-top:0 !important}.teacher-details-area{padding:80px 0px}.course-img{margin-bottom:15px}.course-desc{color:#333}.teacher-details-text .section-title-2{margin-bottom:15px}.teacher-details-text .section-title-2 h2{font-size:30px}.teacher-details-text .section-title-2 h2:after{bottom:-5px}.teacher-details-text .teacher-deg{font-weight:700;font-size:15px;margin-top:5px}.teacher-details-text .teacher-deg span{color:#17d0cf}.teacher-desc-social{margin-bottom:28px}.teacher-desc-social li{height:80px;width:80px;text-align:center;background-color:#f7f7f7;color:#444444;border-radius:4px;font-size:13px;margin-right:5px;padding-top:15px;transition:.3s all ease-in-out}.teacher-desc-social li i{color:#bababa;font-size:30px;margin-bottom:5px;transition:.3s all ease-in-out}.teacher-desc-social li:hover{background-color:#17d0cf;color:#fff}.teacher-desc-social li:hover i{color:#fff}.teacher-address .address-details li{color:#000;font-size:18px;margin-bottom:10px;display:inline-block}.teacher-address .address-details li b{font-weight:900}.teacher-address .address-details li .addrs-icon{height:50px;width:50px;text-align:center;line-height:50px;font-size:20px;border-radius:5px;color:#fff;margin-right:15px;float:left;background-color:#01a6fd}.teacher-address .address-details li .add-info{overflow:hidden;margin-top:10px}.about-teacher .section-title-2{margin-bottom:35px}.about-teacher .section-title-2 h2:after{display:none}.about-teacher p{font-weight:300;font-size:20px;color:#333}.category-slide.category-slide.category-slide .category-icon-title{padding:22px 10px;border-radius:0;position:relative;margin-bottom:0}.category-slide.category-slide.category-slide .category-icon-title:after{border-radius:0}.category-slide.category-slide.category-slide .owl-nav{top:35%;width:110%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%);left:-40px;z-index:-1}.category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-prev,.category-slide.category-slide.category-slide .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next,.category-slide.category-slide.category-slide .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next,.category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next{background-color:transparent;border:none}.category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-prev,.category-slide.category-slide.category-slide .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next,.category-slide.category-slide.category-slide .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next{float:left}.category-slide.category-slide.category-slide .owl-nav.owl-nav .owl-next{float:right}.category-slide.category-slide.category-slide .owl-item.active:before{content:'';position:absolute;height:195px;width:1px;background-color:#eee;top:0;right:0;z-index:1}.category-slide.category-slide.category-slide .owl-item.active:last-child:before{display:none}.category-slide.category-slide.category-slide .owl-stage-outer{padding:5px}.about-faq.faq-secound-home-version{background-image:inherit;padding-top:0}.about-faq.faq-secound-home-version .panel-group .panel{max-width:inherit}.about-faq.faq-secound-home-version .panel-group .btn-link.collapsed{color:#333;font-weight:400;padding:10px 0px}.about-faq.faq-secound-home-version .panel-group .panel-title h3:before{background-color:#cfcdcd;top:15px}.about-faq.faq-secound-home-version .panel-group .panel-body{color:inherit}.about-faq.faq-secound-home-version .panel-group .collapse.show .panel-body:before{height:185%;top:-49px}.about-faq.faq-secound-home-version .panel-group .btn-link.collapsed:after{color:#cfcdcd}.about-faq.faq-secound-home-version ul.product-tab li{background-color:#f7f7f7;font-size:15px;font-weight:400;color:#c4c4c4}.about-faq.faq-secound-home-version .ques-ans h3{color:#0f0f0f}.about-faq.faq-secound-home-version .tab-container{margin-left:15px}.teacher-contact{padding-top:25px}.teacher-faq-form label{display:block;text-transform:uppercase;color:#333;font-weight:700;font-size:14px}.teacher-faq-form input,.teacher-faq-form .register-form-area select,.register-form-area .teacher-faq-form select,.teacher-faq-form .register-form-area textarea,.register-form-area .teacher-faq-form textarea,.teacher-faq-form textarea{width:100%;height:60px;border-radius:4px;background-color:#f7f7f7;border:none;margin-bottom:30px;padding:15px}.teacher-faq-form textarea{height:160px}.teacher-faq-form .nws-button{height:60px;width:195px;line-height:60px;border-radius:5px}.teacher-faq-form .nws-button button{border:none;text-transform:uppercase;color:#fff;font-weight:700;background-color:transparent}.one-page-teacher{padding:100px 0px;background-image:url(/assets/img/banner/tesit-b-1.jpg)}.one-page-teacher .section-title span,.one-page-teacher .section-title h2{color:#fff}.activeMenuItem{background-color:#14c9d7;margin:0 5px}.best-product-section{padding:125px 0px 50px 0px}.best-product-section .course-title h3{font-size:18px}.best-product-section .course-title:after{display:none}.best-product-section .price-start{font-size:12px;font-weight:700;margin-top:5px}.best-product-section .price-start span{color:#17d0cf;margin-left:5px}.best-product-section.home_2{padding:50px 0px 100px}.add-cart{color:#bbbbbb;height:40px;width:40px;line-height:40px;float:right;border-radius:100%;background-color:#fff;transition:.3s all ease-in-out;margin-top:10px;overflow:hidden;position:relative}.add-cart:after{position:absolute;width:100%;height:100%;content:'';background:#2b3229;background-size:200% auto;transition:.3s all ease-in-out;left:0;z-index:0;opacity:0;border-radius:100%;transform:scale(0)}.add-cart i{position:relative;z-index:1}.product-img-text{background-color:#f1f1f3;padding:25px 20px;display:inline-block;width:97%;margin:5px;border-radius:4px;transition:.3s all ease-in-out}.product-img-text:hover{background-color:#fff;box-shadow:0px 4px 17px 0px rgba(0,0,0,0.1)}.product-img-text:hover .add-cart{color:#fff}.product-img-text:hover .add-cart::after{opacity:1;transform:scale(1)}.faq-secound-home-version .best-product-section{padding-top:30px}.faq-secound-home-version .best-product-section .section-title-2 h2{color:#fff}.faq-secound-home-version .best-product-section .owl-prev,.faq-secound-home-version .best-product-section .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .faq-secound-home-version .best-product-section .owl-next,.faq-secound-home-version .best-product-section .testimonial-slide-area .owl-next,.testimonial-slide-area .faq-secound-home-version .best-product-section .owl-next,.faq-secound-home-version .best-product-section .owl-next{background-color:#4175a4}.home-third-best-product{padding:20px 0px 80px}.shop-product-section{padding:80px 0px 20px}.genius-shop-item .best-product-section{padding-top:0}.genius-shop-item .best-product-section .product-img-text{width:100%;margin:0;margin-bottom:30px}.genius-shop-item .product-list-item{background-color:#f7f7f7;padding:25px 20px;border-radius:4px}.genius-shop-item .course-page-section{padding-top:0}.ui-slider-horizontal{height:3px;border:none;background-color:#dddddd}.price-range .ui-widget.ui-widget-content{border:none}.price-range input,.price-range .register-form-area select,.register-form-area .price-range select,.price-range .register-form-area textarea,.register-form-area .price-range textarea{position:absolute;font-size:12px;right:-70px;top:-13px;color:#b2afaf;border:none;font-weight:700}#slider-range{width:73%;float:right;margin-top:6px}#slider-range .ui-widget-header{background-color:#333}.ui-slider-horizontal .ui-slider-handle{height:10px;width:10px;border-radius:100%;background-color:#17d0cf;border:none;cursor:pointer;outline:none;top:-3px}.inner-title{font-size:12px;font-weight:500;float:left;padding-left:25px;position:relative}.inner-title:after{position:absolute;content:'';height:15px;width:15px;border-radius:4px;border:1px solid #d9d4d4;left:0;top:1px}.product-highlights .inner-title{float:none;font-size:14px;color:#333;font-weight:500;margin-bottom:10px}.product-highlights .inner-title:last-child{margin-bottom:0}.best-sell-title-price{margin-top:30px}.best-sell-title-price h3{font-size:14px;font-weight:700;color:#333}.best-sellers-pic-text{background-color:#f7f7f7;display:inline-block;width:100%;padding:15px 15px 25px 15px;margin-bottom:4px}.best-sellers-pic-text .best-sell-pic{height:105px;width:105px;float:left;margin-right:20px}.best-sellers-pic-text .b-price{font-size:12px;color:#17d0cf;font-weight:700}.best-sellers-item .couse-pagination{margin-top:15px}.best-sellers-item .couse-pagination li{font-size:12px}.best-product-4.best-product-4{background-color:#f7f7f7;padding-bottom:100px}.best-product-4.best-product-4 .product-img-text{background-color:#fff}.best-product-4.best-product-4 .owl-nav.owl-nav .owl-prev.owl-prev,.best-product-4.best-product-4 .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .best-product-4.best-product-4 .owl-nav.owl-nav .owl-next,.best-product-4.best-product-4 .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .best-product-4.best-product-4 .owl-nav.owl-nav .owl-next,.best-product-4.best-product-4 .owl-nav.owl-nav .owl-next.owl-next{background-color:#fff}.faq-section{padding:50px 0px 125px 0px}ul.product-tab li{cursor:pointer;margin:0px 40px 0px 0px;font-size:18px;position:relative;color:#777;font-weight:500;text-transform:uppercase}ul.product-tab li:after{position:absolute;content:"";height:2px;width:100%;top:30px;left:0;opacity:0;background-color:#17d0cf}ul.product-tab li.active{color:#333}ul.product-tab li.active:after{opacity:1}.tab-content-1{display:none}.tab-content-1 p{color:#777}.ques-ans h3{font-size:22px;font-weight:500;color:#333;margin-bottom:20px}.faq-secound-home-version{background-image:url(/assets/img/banner/fq-1.jpg);padding:110px 0px 100px 0px}.faq-secound-home-version .section-title h2,.faq-secound-home-version .section-title span{color:#fff}.faq-secound-home-version ul.product-tab li{background-color:#006dad;color:#fff;padding:5px 15px;font-size:16px;border-radius:4px;z-index:1;margin:0px 5px 0px 0px}.faq-secound-home-version ul.product-tab li:after{position:absolute;content:'';height:100%;width:100%;background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;left:0;top:0;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;border-radius:4px;z-index:-1;opacity:0;visibility:hidden}.faq-secound-home-version ul.product-tab li.active{color:#fff}.faq-secound-home-version ul.product-tab li.active:after{opacity:1;visibility:visible}.faq-secound-home-version .ques-ans h3{color:#fff}.faq-secound-home-version .tab-content-1{display:none}.faq-secound-home-version .tab-content-1 p{color:#17d0cf}.faq_3{padding-bottom:40px}.panel-group .panel{border-radius:0;border:none;box-shadow:none;margin-bottom:25px;max-width:625px;margin:0 auto}.panel-group .panel-body{color:#67a0c9;position:relative}.panel-group .panel-body:before{position:absolute;left:-15px;top:-42px;content:'';background-color:#17d0cf;width:3px;height:0%;transition:.3s all ease-in-out}.panel-group .collapse.show .panel-body:before{height:150%}.panel-group .panel-title{margin-top:0;margin-bottom:0;font-size:26px;color:inherit;position:relative}.panel-group .panel-title h3{position:relative}.panel-group .panel-title h3:before{position:absolute;width:3px;height:25px;left:-15px;content:'';background-color:#4a8ec0;top:22px}.panel-group .panel-title .btn-link{display:block;padding:15px 0px 15px;position:relative;width:100%;text-align:left;text-decoration:none;font-size:22px;font-weight:500;color:#17d0cf}.panel-group .panel-title .btn-link:before{content:'\f139';position:absolute;font-family:'Font Awesome 5 Free';font-weight:900;right:20px;top:20px;font-size:16px;transition:all 0.5s;transform:scale(1);color:#17d0cf}.panel-group .panel-title .btn-link:after{content:"";font-size:16px;position:absolute;right:20px;top:20px;transform:scale(0);transition:all 0.5s;color:#17d0cf}.panel-group .panel-title .btn-link:hover{text-decoration:none;color:#17d0cf}.panel-group .btn-link.collapsed{color:#fff}.panel-group .btn-link.collapsed:before{content:' ';transition:all 0.5s;transform:scale(0)}.panel-group .btn-link.collapsed:after{content:"\f13a";font-family:'Font Awesome 5 Free';font-weight:900;transition:all 0.5s;transform:scale(1);color:#4d8fbe}#accordion .btn{white-space:inherit}.faq-page-section{padding:80px 0px 80px 0px}.faq-page-section .panel-group .btn-link.collapsed{color:#333;font-size:20px;font-weight:400}.faq-page-section .panel-group .panel-title .btn-link:before,.faq-page-section .panel-group .panel-title .btn-link:after{right:0}.faq-page-section .panel-group .panel-title .btn-link:after{color:#ccc}.faq-page-section .panel-group .panel-title .btn-link{font-size:20px}.faq-page-section .panel-group .panel-body:before{top:-50px}.faq-page-section .panel-group .panel-title h3:before{background-color:#ccc}.faq-page-section .panel-group .panel-body{color:inherit}.faq-page-section .faq-secound-home-version{background-image:inherit;padding:0}.faq-page-section .faq-secound-home-version ul.product-tab li{background-color:#f7f7f7;color:#ccc}.faq-page-section .faq-secound-home-version ul.product-tab li.active{color:#fff}.faq-page-section .panel-group .panel{max-width:385px}.faq-page-section .faq-secound-home-version .ques-ans h3{color:#333}.course-category-section{background-color:#f7f7f7;padding:125px 0px 125px}.category-icon{position:relative;z-index:1}.category-icon i{font-size:60px}.category-title{margin-top:10px;position:relative;z-index:1}.category-title h4{font-size:18px;font-weight:500;color:#333}.category-icon-title{background-color:#fff;padding:22px;border-radius:4px;transition:.3s all ease-in-out;position:relative}.category-icon-title:after{position:absolute;width:100%;height:100%;content:'';background:#17d0cf;background:-moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);background:-o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:-webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));background:-webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background:linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);background-size:200% auto;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;left:0;top:0;z-index:0;opacity:0;border-radius:4px;transform:scale(0)}.category-icon-title:hover::after{opacity:1;transform:scale(1)}.category-icon-title:hover .category-title h4{color:#fff}.category-icon-title:hover .category-icon i{color:#fff;-webkit-text-fill-color:inherit}.category-icon-title:hover{box-shadow:0px 10px 15px 2px rgba(0,0,0,0.1)}.home-secound-version{background-color:#fff}.home-secound-version .category-icon-title{background-color:#f7f7f7}.why-choose-section{background-image:url(/assets/img/banner/wc-1.jpg);padding-top:115px}.why-choose-section .section-title h2,.why-choose-section .section-title span{color:#fff}.features-icon{height:80px;width:80px;border-radius:100%;line-height:80px;font-size:40px;float:left;margin-right:25px}.features-icon i{color:#fff}.features-text-title h3{font-size:22px;font-weight:700;color:#fff}.features-text{overflow:hidden;padding-top:10px}.features-text .features-text-dec{color:#84bfeb}.extra-icon-text{margin-bottom:45px}.extra-right .features-icon{float:right;margin-left:25px;margin-right:0}.version-four .features-icon{position:relative}.version-four .features-icon .feat-tag span{position:absolute;background-color:#fff;height:25px;width:25px;border-radius:100%;text-align:center;line-height:25px;font-weight:700;color:#17d0cf;right:-10px;top:25px;font-size:13px}.version-four .extra-right .features-icon .feat-tag span{left:-10px;right:inherit}.course-advantage{padding-top:65px}.service-slide_3{margin-top:35px}.service-slide_3 .service-icon{float:none !important;margin-bottom:15px}.service-slide_3 .service-text-icon{background-color:#f7f7f7;padding:20px;border-radius:4px}.service-slide_3 .service-text p{font-size:15px;color:#88c3ef}.service-slide_3 .service-text h3{font-size:18px;color:#333;margin-bottom:10px}.service-slide_3 .owl-nav{top:-70px}.contact-area-section,.contact_secound_section{background-image:url(/assets/img/banner/contact-b.jpg);padding:105px 0px 105px}.contact-area-section .section-title h2,.contact_secound_section .section-title h2{color:#fff;margin-bottom:25px}.contact-area-section .section-title span,.contact_secound_section .section-title span{color:#fff}.contact-area-section .section-title p,.contact_secound_section .section-title p{color:#fff}.contact-left-content{max-width:500px}.address-icon{height:60px;width:60px;border:5px solid;line-height:60px;margin-right:20px;border:4px solid transparent;border-image:linear-gradient(69deg, #10abff, #1beabd);border-image-slice:1;border-radius:40px;background-origin:border-box;background-clip:content-box, border-box}.address-icon i{font-size:30px;color:#fff}.address-details li{font-size:20px;font-weight:500;color:#fff}.address-details li span{font-weight:300}.contact-address-details{width:100%;margin-bottom:15px;padding-bottom:15px;display:inline-block;border-bottom:1px solid #207fba}.contact-address-details:last-child{border-bottom:none}.google-map-container{height:600px;background-color:#dddddd}#google-map{top:0;width:940px;height:100%;box-shadow:-15px -10px 40px 5px rgba(0,0,0,0.1);position:absolute}.contact_secound_section{background-image:url(/assets/img/banner/cf-1.png);padding:270px 0px 0px;background-color:#f7f7f7}.contact_secound_form{margin-left:80px}.contact_secound_form .section-title-2 h2{color:#fff;font-size:25px;font-weight:700;display:table}.contact_secound_form .section-title-2 h2:after{right:-65px;left:inherit;bottom:5px}.contact_secound_form .contact_form input,.contact_secound_form .contact_form .register-form-area select,.register-form-area .contact_secound_form .contact_form select,.contact_secound_form .contact_form .register-form-area textarea,.register-form-area .contact_secound_form .contact_form textarea{width:45%;float:left;background-color:transparent;border:none;padding:25px 0px;border-bottom:1px solid #73a3c4;margin-right:20px;height:35px}.contact_secound_form .contact_form input::placeholder,.contact_secound_form .contact_form .register-form-area select::placeholder,.register-form-area .contact_secound_form .contact_form select::placeholder,.contact_secound_form .contact_form .register-form-area textarea::placeholder,.register-form-area .contact_secound_form .contact_form textarea::placeholder{color:#669fc9}.contact_secound_form .contact_form textarea{height:155px;width:100%;background-color:transparent;border:none;padding:20px 0px;border-bottom:1px solid #73a3c4}.contact_secound_form .contact_form textarea::placeholder{color:#669fc9}.contact_secound_form .nws-button{height:60px;width:280px;line-height:60px;border-radius:4px;margin:0 auto;margin-top:30px}.contact_secound_form .nws-button button{background-color:transparent;border:none;font-weight:700;color:#fff}.contact-form-area_3{background-color:#f7f7f7;padding:110px 0px}.contact_third_form .contact-info input,.contact_third_form .contact-info .register-form-area select,.register-form-area .contact_third_form .contact-info select,.contact_third_form .contact-info .register-form-area textarea,.register-form-area .contact_third_form .contact-info textarea{width:100%;height:50px;border:none;background-color:transparent;border-bottom:1px solid #dddddd}.contact_third_form textarea{background-color:transparent;border:none;border-bottom:1px solid #dddddd;width:100%;height:150px;margin-top:40px}.contact_third_form .nws-button{height:60px;width:200px;line-height:60px;border-radius:4px;margin:0 auto;margin-top:70px}.contact_third_form .nws-button button{background-color:transparent;border:none;font-weight:700;color:#fff}.contact-page-section{padding:80px 0px}.contact-page-section .social-contact .category-icon-title{width:165px;float:left;position:relative}.contact-page-section .social-contact .category-icon-title:before{content:'';position:absolute;height:165px;width:1px;background-color:#eee;top:0;right:0;z-index:1}.contact-page-section .social-contact .category-icon-title:before:last-child:before{opacity:0}.contact-page-section .social-contact .category-icon-title .category-title h4{font-size:16px}.contact-page-section .category-icon-title:last-child::before{display:none}.contact-page-version .contact_third_form{background-color:#fff;padding:30px 30px 65px 30px;border-radius:4px}.blog-item-post{padding:105px 0px 0px 0px}.blog-content-details{padding-bottom:80px;border-bottom:1px solid #eeeeee}.short-filter-tab{display:inline-block;width:100%;margin-bottom:20px}.shorting-filter select{padding:8px 15px;border-radius:4px;background-color:#f7f7f7;border:none;color:#333;font-weight:700;margin-left:15px}.blog-button ul.product-tab li{margin:0px 5px 0px 0px;font-size:22px;padding:5px 10px;background-color:#f7f7f7;border-radius:4px}.blog-button ul.product-tab li:after{display:none}.blog-button ul.product-tab li.active{color:#fff;background-color:#17d0cf}.blog-post-img-content{border-bottom:1px solid #eeeeee;padding-bottom:35px;margin-bottom:30px}.blog-post-img-content .course-price{bottom:20px;top:inherit}.blog-post-img-content .blog-img-date{border-radius:4px;margin-bottom:30px}.blog-title-content h3{font-size:25px;font-weight:600;color:#333;margin-bottom:15px}.blog-title-content .blog-content{font-size:17px;margin-bottom:22px}.genius-post-item{padding-bottom:45px}.list-blog-item{background-color:#f7f7f7;border-radius:4px;margin-bottom:30px}.list-blog-item .blog-post-img-content{padding:0;margin:0}.list-blog-item .blog-img-date{margin:0}.list-blog-item .blog-title-content{padding-top:30px}.side-bar-search{position:relative}.side-bar-search input,.side-bar-search .register-form-area select,.register-form-area .side-bar-search select,.side-bar-search .register-form-area textarea,.register-form-area .side-bar-search textarea{height:40px;width:100%;background-color:#f7f7f7;padding:0px 15px;border:none;border-radius:4px}.side-bar-search button{position:absolute;top:8px;right:10px;background-color:#ccc;border:none;border-radius:100%;padding:3px 6px;color:#fff;font-size:14px}.side-bar-widget{margin:30px 0px;display:inline-block;width:100%}.side-bar-widget .widget-title{font-size:30px;font-weight:300;color:#333;margin-bottom:20px}.side-bar-widget .widget-title span{font-weight:700}.side-bar-widget .widget-title:after{display:none}.side-bar-widget .post-categori{background-color:#f7f7f7;border-radius:4px}.side-bar-widget .post-categori .cat-item{position:relative;padding:15px 20px 15px 35px;border-bottom:1px solid #eeeeee;transition:.3s all ease-in-out}.side-bar-widget .post-categori .cat-item:before{font-family:'Font Awesome 5 Free';position:absolute;top:19px;left:19px;font-size:10px;font-weight:700;content:'\f054'}.side-bar-widget .post-categori .cat-item:hover{color:#333}.side-bar-widget .latest-news-thumbnile{height:80px;width:80px}.side-bar-widget .latest-news-area{margin-bottom:20px;padding-bottom:15px}.side-bar-widget .latest-title{font-size:17px}.side-bar-widget .tag-clouds li{border:1px solid #cfcaca;color:#cbc8c8;padding:5px 15px;margin-bottom:8px;margin-right:2px;border-radius:4px;transition:.3s all ease-in-out}.side-bar-widget .tag-clouds li:hover{background-color:#17d0cf;border-color:#17d0cf;color:#fff}.side-bar-widget .best-course-text{position:absolute;top:50%;background-color:transparent;box-shadow:none;transform:translateY(-50%);text-align:center}.side-bar-widget .best-course-text h3{color:#fff}.side-bar-widget .best-course-text .course-meta span{float:none;margin-right:0;color:#fff;margin:0px 10px}.side-bar-widget .best-course-pic-text:hover .best-course-text{box-shadow:none}.blog-details-section{padding:80px 0px;border-bottom:1px solid #ccc}.blog-details-content h2{font-size:35px;color:#333;font-weight:500}.blog-details-content .date-meta{margin-top:15px;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:30px}.blog-details-content .date-meta span{font-size:13px;color:#ccc;font-weight:700;margin-right:20px}.blog-details-content .date-meta span i{color:#17d0cf}.blog-details-content h3{font-size:20px;font-weight:700;color:#333;margin-bottom:30px}.blog-details-content p{font-size:20px;color:#333;font-weight:300;margin-bottom:20px}.blog-details-content .share-text{font-weight:700;color:#333;margin-top:8px}.blog-details-content .blog-share-tag{display:inline-block;width:100%;margin:40px 0px 15px 0px;border-bottom:1px solid #ccc;padding-bottom:20px}.blog-details-content .share-social ul li{font-size:25px;margin-left:30px}.blog-details-content .blog-category li{padding:5px 10px;transition:.3s all ease-in-out;border-radius:4px}.blog-details-content .blog-category li:hover{background-color:#17d0cf;color:#fff}.blog-details-content .author-comment{padding:25px;margin-top:20px;border-radius:4px;background-color:#f5f5f5}.blog-details-content .author-comment .author-img{height:70px;width:70px;float:left;border-radius:100%;overflow:hidden;margin-right:20px}.blog-details-content .author-comment .author-designation-comment{font-size:12px;font-weight:700}.blog-details-content .author-comment .author-designation-comment span{color:#17d0cf}.blog-details-content .author-comment .author-designation-comment p{font-size:16px;color:#999999;font-weight:400;margin-top:5px;margin-bottom:0}.blog-details-content .next-prev-post{font-weight:700;color:#333333;display:inline-block;width:100%;margin-top:25px;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:35px}.blog-details-content .next-prev-post i{margin:0 5px;color:#17d0cf}.recent-post-item{padding-top:32px}.recent-post-item .blog-title-content h3{margin-bottom:0}.blog-comment-area{margin-top:10px}.blog-comment-area .comment-list li{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:25px}.blog-comment-area .section-title-2{margin-bottom:65px}.blog-comment-area .section-title-2 h2{font-size:30px}.blog-comment-area .comment-avater{height:70px;width:70px;float:left;margin-right:20px}.blog-comment-area .author-designation-comment{overflow:hidden;width:100%;display:inline-block;margin-top:10px}.blog-comment-area .author-designation-comment h3{font-size:18px;font-weight:700;color:#333}.blog-comment-area .author-name-rate{width:88%;font-size:13px;font-weight:700;display:inline-block;margin-top:20px}.blog-comment-area .author-name-rate span{color:#17d0cf}.blog-comment-area .time-comment{margin-right:10px}.blog-comment-area .comment-ratting li{font-size:15px;color:#ffc926;border-bottom:none;margin-bottom:0}.reply-comment-box{margin-top:20px}.reply-comment-box .section-title-2{margin-bottom:30px}.course-page-section{padding:80px 0px 0px}.course-page-section .short-filter-tab{border-bottom:1px solid #eee;padding-bottom:20px}.course-page-section .course-list-view{overflow-x:auto;padding:5px}.course-page-section .shorting-filter select{margin-right:10px;padding:10px 15px}.course-page-section table{width:100%}.course-page-section td,.course-page-section th{text-align:left;padding:20px 15px}.course-page-section th{font-size:12px;font-weight:700;color:#333}.course-page-section tr{border-bottom:1px solid #eee;transition:.3s all ease-in-out;padding:15px}.course-page-section tr:hover{box-shadow:0px 2px 10px 3px rgba(0,0,0,0.1)}.course-page-section .list-head{padding:0}.course-page-section .list-head:hover{box-shadow:none}.course-page-section .course-list-img{height:70px;width:70px;float:left;margin-right:20px}.course-page-section .course-list-text{max-width:225px;display:inline-block}.course-page-section .course-list-text h3{font-size:16px;font-weight:700;color:#333}.course-page-section .course-type-list span{background-color:#17d0cf;color:#fff;padding:4px 7px;border-radius:4px}.course-page-section .course-type-list .generate{background-color:#17d0cf;color:#fff;padding:12px 20px;border-radius:4px}.course-page-section .course-meta .course-rate li{color:#bbbbbb}.course-details-section{padding:80px 0px 0px}.course-single-text .course-title{padding-bottom:55px}.course-single-text .course-title b{font-weight:700}.course-single-text .course-title h3{font-size:35px;font-weight:300}.course-single-text p{font-size:20px;font-weight:300;margin-bottom:30px;color:#333}.course-details-category span{font-weight:300;font-size:28px;float:left;margin-right:15px}.course-details-category span b{font-weight:700}.course-details-category li{text-transform:uppercase;font-size:14px;font-weight:700;background-color:#f7f7f7;padding:7px 15px;border-radius:4px;margin-top:5px;transition:.3s all ease-in-out}.course-details-category li:hover{color:#fff}.course-details-item{border-bottom:1px solid #e5e5e5;padding-bottom:30px;margin-bottom:30px}.affiliate-market-guide .section-title-2 h2:after,.course-review .section-title-2 h2:after{display:none}.affiliate-market-accordion .panel-group .panel{max-width:inherit;max-width:inherit;border:1px solid #e5e5e5;padding:10px 20px;border-top:none}.affiliate-market-accordion .panel-group .panel-body{padding:10px 50px 25px 80px;line-height:1.8}.affiliate-market-accordion .panel-group .btn-link.collapsed,.affiliate-market-accordion .panel-group .panel-title .btn-link,.affiliate-market-accordion .panel-group .panel-body{color:#333}.affiliate-market-accordion .panel-group .panel-title h3:before{display:none}.affiliate-market-accordion .panel-group .panel-body:before{display:none}.affiliate-market-accordion .panel-title .ac-head{font-size:20px;font-size:500;position:relative}.affiliate-market-accordion .panel-title .ac-head span{font-size:50px;font-weight:500;float:left;line-height:1;margin-right:20px;transition:.3s all ease-in-out}.affiliate-market-accordion .panel-group .btn-link.collapsed span{color:#eeeeee !important}.affiliate-market-accordion .panel-group .panel-title .btn-link span{color:#17d0cf}.affiliate-market-accordion .leanth-course{position:absolute;right:60px;top:20px}.affiliate-market-accordion .leanth-course span{background-color:#f7f7f7;padding:12px 20px;font-size:12px !important;font-weight:700;border-radius:4px;text-transform:uppercase;color:#ccc !important}.affiliate-market-accordion .panel-group .btn-link.collapsed:after{color:#d9d9d9}.course-by{font-weight:700;font-size:12px;position:absolute;bottom:15px;left:80px}.course-by b{color:#17d0cf;font-size:12px !important}.affiliate-market-accordion .panel-group .panel:first-child{border-top-right-radius:4px;border-top-left-radius:4px;border-top:1px solid #e5e5e5}.affiliate-market-accordion .panel-group .panel:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.course-review{border-bottom:1px solid #eee;padding-bottom:50px;margin-bottom:30px}.avrg-rating .avrg-rate{font-size:50px;font-weight:700;display:block;color:#17d0cf;margin:10px 0px}.avrg-rating li{color:#ffc926}.avrg-rating .start-bar{width:100px;height:8px;display:inline-block;margin:0px 10px;background-color:#eeeeee;transition:.3s all ease-in-out}.avrg-rating .rating-overview{margin-top:5px}.avrg-rating .rating-overview:hover .start-bar{background-color:#17d0cf}.review-option{display:inline-block;width:100%}.rating{display:inline-block;position:relative;font-size:20px;float:right;margin-left:10px}.rating label{position:absolute;top:0;left:0;height:100%;cursor:pointer}.rating label span{margin:0px 2px;color:#eee}.rating label:last-child{position:static}.rating label:nth-child(1){z-index:5}.rating label:nth-child(2){z-index:4}.rating label:nth-child(3){z-index:3}.rating label:nth-child(4){z-index:2}.rating label:nth-child(5){z-index:1}.rating label input,.rating label .register-form-area select,.register-form-area .rating label select,.rating label .register-form-area textarea,.register-form-area .rating label textarea{position:absolute;top:0;left:0;opacity:0}.rating label .icon{float:left;color:transparent}.rating label:last-child .icon{color:#000}.rating:not(:hover) label input:checked ~ .icon,.rating:not(:hover) label .register-form-area select:checked ~ .icon,.register-form-area .rating:not(:hover) label select:checked ~ .icon,.rating:not(:hover) label .register-form-area textarea:checked ~ .icon,.register-form-area .rating:not(:hover) label textarea:checked ~ .icon,.rating:hover label:hover input ~ .icon,.rating:hover label:hover .register-form-area select ~ .icon,.register-form-area .rating:hover label:hover select ~ .icon,.rating:hover label:hover .register-form-area textarea ~ .icon,.register-form-area .rating:hover label:hover textarea ~ .icon{color:#ffc926}.rating label input:focus:not(:checked) ~ .icon:last-child,.rating label .register-form-area select:focus:not(:checked) ~ .icon:last-child,.register-form-area .rating label select:focus:not(:checked) ~ .icon:last-child,.rating label .register-form-area textarea:focus:not(:checked) ~ .icon:last-child,.register-form-area .rating label textarea:focus:not(:checked) ~ .icon:last-child{color:#000;text-shadow:0 0 5px #ffc926}.course-side-bar-widget h3{font-size:30px;font-weight:300;color:#333;margin-bottom:20px}.course-side-bar-widget h3 span{font-weight:700;color:#17d0cf}.like-course{height:50px;width:50px;background-color:#eeeeee;color:#cccccc;display:inline-block;line-height:50px;text-align:center;border-radius:4px;margin-left:5px}.course-side-bar-widget .genius-btn{line-height:50px;padding:0px 15px}.student-number{float:right;color:#17d0cf;font-size:14px}.enrolled-student{margin-top:20px;display:inline-block;width:100%}.enrolled-student li{color:#ffc926}.couse-feature{margin-top:15px}.couse-feature li{font-size:17px;font-weight:500;color:#c4c4c4;position:relative;padding:5px 0px;border:1px solid #eeeeee;border-left:none;border-right:none}.couse-feature li:after{top:5px;left:110px;content:':';position:absolute}.couse-feature span{position:relative;float:right;color:#333}.listing-filter-form label{font-size:14px;font-weight:700;color:700;color:#333;display:block}.listing-filter-form input,.listing-filter-form .register-form-area select,.register-form-area .listing-filter-form select,.listing-filter-form .register-form-area textarea,.register-form-area .listing-filter-form textarea,.listing-filter-form select{height:50px;border:none;padding:15px;width:100%;background-color:#f7f7f7}.checkout-section{padding:80px 0px 0px}.checkout-content .course-page-section{padding:0}.order-item .section-title-2 h2,.order-payment .section-title-2 h2{font-size:28px}.order-item .section-title-2 h2:after,.order-payment .section-title-2 h2:after{display:none}.check-dlt{position:absolute;top:10px;right:10px}.check-dlt i{transition:.3s all ease-in-out}.order-item .section-title-2 h2{font-size:28px}.order-item .section-title-2 h2:after{display:none}.order-item tr:hover .check-dlt i{color:#e61d1d}.checkbox label:after,.radio label:after{content:'';display:table;clear:both}.checkbox .cr,.radio .cr{position:relative;display:inline-block;border:1px solid #f0f0f0;border-radius:.25em;width:1.3em;height:1.3em;float:left;margin-right:.5em;background-color:#f7f7f7}.radio .cr{border-radius:50%}.checkbox .cr .cr-icon,.radio .cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%}.radio .cr .cr-icon{margin-left:0.04em}.checkbox label input[type="checkbox"],.checkbox label .register-form-area select[type="checkbox"],.register-form-area .checkbox label select[type="checkbox"],.checkbox label .register-form-area textarea[type="checkbox"],.register-form-area .checkbox label textarea[type="checkbox"],.radio label input[type="radio"],.radio label .register-form-area select[type="radio"],.register-form-area .radio label select[type="radio"],.radio label .register-form-area textarea[type="radio"],.register-form-area .radio label textarea[type="radio"]{display:none}.checkbox label input[type="checkbox"]+.cr>.cr-icon,.checkbox label .register-form-area select[type="checkbox"]+.cr>.cr-icon,.register-form-area .checkbox label select[type="checkbox"]+.cr>.cr-icon,.checkbox label .register-form-area textarea[type="checkbox"]+.cr>.cr-icon,.register-form-area .checkbox label textarea[type="checkbox"]+.cr>.cr-icon,.radio label input[type="radio"]+.cr>.cr-icon,.radio label .register-form-area select[type="radio"]+.cr>.cr-icon,.register-form-area .radio label select[type="radio"]+.cr>.cr-icon,.radio label .register-form-area textarea[type="radio"]+.cr>.cr-icon,.register-form-area .radio label textarea[type="radio"]+.cr>.cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in}.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,.checkbox label .register-form-area select[type="checkbox"]:checked+.cr>.cr-icon,.register-form-area .checkbox label select[type="checkbox"]:checked+.cr>.cr-icon,.checkbox label .register-form-area textarea[type="checkbox"]:checked+.cr>.cr-icon,.register-form-area .checkbox label textarea[type="checkbox"]:checked+.cr>.cr-icon,.radio label input[type="radio"]:checked+.cr>.cr-icon,.radio label .register-form-area select[type="radio"]:checked+.cr>.cr-icon,.register-form-area .radio label select[type="radio"]:checked+.cr>.cr-icon,.radio label .register-form-area textarea[type="radio"]:checked+.cr>.cr-icon,.register-form-area .radio label textarea[type="radio"]:checked+.cr>.cr-icon{transform:scale(1) rotateZ(0deg);opacity:1}.checkbox label input[type="checkbox"]:disabled+.cr,.checkbox label .register-form-area select[type="checkbox"]:disabled+.cr,.register-form-area .checkbox label select[type="checkbox"]:disabled+.cr,.checkbox label .register-form-area textarea[type="checkbox"]:disabled+.cr,.register-form-area .checkbox label textarea[type="checkbox"]:disabled+.cr,.radio label input[type="radio"]:disabled+.cr,.radio label .register-form-area select[type="radio"]:disabled+.cr,.register-form-area .radio label select[type="radio"]:disabled+.cr,.radio label .register-form-area textarea[type="radio"]:disabled+.cr,.register-form-area .radio label textarea[type="radio"]:disabled+.cr{opacity:.5}.checkbox label{font-size:18px;color:#333;font-weight:700}.checkbox label .sub-text{font-weight:400;font-size:15px;padding-left:35px;display:block}.checkbox label .sub-text b{color:#17d0cf}.save-credit{width:80%;float:right;margin-top:10px}.payment-method{margin-top:30px;padding:35px;display:inline-block;margin-bottom:45px;box-shadow:0px 2px 10px 3px rgba(0,0,0,0.1)}.payment-method-header{width:100%;margin-bottom:20px;padding-bottom:15px;display:inline-block;border-bottom:1px solid #eee}.payment-info{margin-bottom:10px;display:inline-block;width:100%}.payment-info label{width:20%;float:left;color:#999999;margin-top:15px;font-weight:500}.payment-info input,.payment-info .register-form-area select,.register-form-area .payment-info select,.payment-info .register-form-area textarea,.register-form-area .payment-info textarea{width:80%;height:50px;background-color:#f9f9f9;border-radius:4px}.payment-info input ::-webkit-input-placeholder,.payment-info .register-form-area select ::-webkit-input-placeholder,.register-form-area .payment-info select ::-webkit-input-placeholder,.payment-info .register-form-area textarea ::-webkit-input-placeholder,.register-form-area .payment-info textarea ::-webkit-input-placeholder{color:#999999;font-weight:500}.input-2 input,.input-2 .register-form-area select,.register-form-area .input-2 select,.input-2 .register-form-area textarea,.register-form-area .input-2 textarea{width:25%;float:left;margin-right:10px}.terms-text{border-bottom:1px solid #eee}.terms-text b{color:#17d0cf}.sub-total-title{font-size:12px;font-weight:700;color:#333}.purchase-list{background-color:#f7f7f7;padding:40px 25px 30px 25px}.purchase-list ul li{margin-bottom:10px;border-bottom:1px solid #e5e5e5;padding-bottom:10px}.purchase-list ul li span{float:right;color:#333;font-weight:700}.purchase-list ul li:last-child{border-bottom:5px solid #e5e5e5}.purchase-list .in-total{font-size:20px;font-weight:700;color:#333}.purchase-list .in-total span{color:#17d0cf;float:right}.media-container{margin-top:50px}.image{background-color:#f1f1f3;min-height:130px}.mediaContainer{min-height:270px;border:1px solid #f1f1f3;border-radius:10px}.bottom-align-text{position:absolute;bottom:0;padding-bottom:5px;border-top:1px solid #f1f1f3;font-weight:bold}.media-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:60px !important}.media-summary{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:0;min-height:60px !important}.calenderContainer{margin-top:15px}.footer-area-section{padding:105px 0px 0px 0px}.footer-about-text p{font-size:17px;margin-bottom:25px;color:#333}.footer-menu{float:left;margin-left:70px}.footer-menu li{margin-bottom:10px;color:#333;font-size:17px}.footer-menu li i{margin-right:10px;color:#17d0cf}.footer-widget .photo-list li{position:relative;margin-bottom:3px}.footer-widget .photo-list li .pop-up-icon{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;transition:.3s all ease-in-out;opacity:0}.footer-widget .photo-list li .pop-up-icon i{color:#fff}.footer-widget .photo-list li:hover .blakish-overlay{opacity:1;visibility:visible}.footer-widget .photo-list li:hover .pop-up-icon{opacity:1}.footer-social li,.subscribe-form li{height:30px;width:30px;border-radius:100%;line-height:30px;margin-right:8px;border:2px solid #17d0cf;color:#666666;text-align:center}.footer-social .widget-title,.subscribe-form .widget-title{margin-bottom:40px}.footer-social .widget-title:after,.subscribe-form .widget-title:after{bottom:-15px}.subscribe-form{margin-left:70px}.copy-right-menu{padding:30px 0px;border-top:1px solid #ddd6d6}.copy-right-menu p{margin:0}.footer_2_subs{max-width:735px;margin:0 auto;margin-top:35px;margin-bottom:60px}.footer_2_subs p{color:#fff;margin-bottom:45px}.footer_2 .copy-right-text{color:#fff}.footer_2 .copy-right-menu-item li{color:#fff;margin-left:20px}.footer_2 .footer-social li{color:#fff}.b-not_found{padding-bottom:100px;padding-top:50px}.b-not_found .b-page_header{border-bottom:0;padding-bottom:0;margin:0;margin-bottom:10px;position:relative;overflow:hidden}.b-not_found .b-page_header::before{content:"404";top:0;width:100%;text-align:center;left:0;position:absolute;color:rgba(142,142,142,0.15);font-size:400px;line-height:320px;font-weight:700}.b-not_found .b-page_header h1{margin:auto;padding:115px 0;text-align:center;text-transform:uppercase;color:#17d0cf;opacity:0.8;letter-spacing:3px;font-size:75px;font-weight:700}.b-not_found h2{font-size:36px;letter-spacing:1px;line-height:1.5;color:#1b1919;font-weight:bold}.b-not_found p{line-height:1.7;color:#8e8e8e;margin-bottom:20px}.b-not_found .b-searchform{max-width:350px;margin:auto;position:relative}.b-not_found .b-searchform input,.b-not_found .b-searchform .register-form-area select,.register-form-area .b-not_found .b-searchform select,.b-not_found .b-searchform .register-form-area textarea,.register-form-area .b-not_found .b-searchform textarea{width:100%;height:40px;position:relative;padding-right:105px;border:1px solid rgba(129,129,129,0.25);font-size:14px;line-height:18px;padding:0 10px;transition:border-color 0.5s;box-shadow:none;border-radius:0}.b-not_found .b-searchform .btn{cursor:pointer;background-color:#1daaa3;color:#fff;position:absolute;right:0;top:0}.b-not_found .b-searchform .btn:hover{opacity:0.75}@media (max-width: 990px){.b-not_found .b-page_header::before{font-size:300px}.b-not_found h2{font-size:28px}}@media (max-width: 767px){.b-not_found .b-page_header h1{font-size:35px;padding:55px 0}.b-not_found .b-page_header::before{font-size:150px;line-height:150px}.b-not_found h2{font-size:22px}.b-not_found .b-searchform{max-width:300px}}@media screen and (max-width: 1024px){.select-lang{display:none}.log-in{margin-top:12px}.cart-search{margin-left:0;margin-top:5px}.nav-menu{padding-top:12px}.navbar-header{width:220px}.counter-icon{width:50px;margin-right:5px}.teacher-img-content .teacher-img{position:absolute;right:0}.teacher-img-content .teacher-img:after{display:none}.teacher-img-content .teacher-category{position:absolute;bottom:76px;right:25px;top:inherit}.header-info li{margin-left:20px}.header-info li:after{display:none}.nav-menu-4 .login-cart-lang li:before{display:none}.nav-menu-4 .login-cart-lang li{margin:0 5px}.genius-btn{padding:0px 10px}.latest-title{overflow:hidden}.course-page-section .course-type-list span{padding:10px 4px}.slider-text .section-title h2{font-size:58px}#slider-item .secoud-title{font-size:50px}#slider-item .search-course{max-width:610px}}@media screen and (max-width: 991px){.pt150{padding-top:80px}.section-title h2{font-size:45px}.course-title h3{color:#333333}.navbar-menu{display:none}.main-menu-container.menu-bg-overlay{padding:0}.main-menu-container{padding:0}.navbar-header{left:0;right:0;top:20px;margin:0 auto;position:absolute}.log-in{top:20px;right:100px;position:absolute}.cart-search{top:20px;right:15px;position:absolute}.counter-icon{width:40px;border-right:none}.home-secound-course-search .genius-btn{width:inherit}.about-us-text{padding-bottom:30px}.header-top{display:none}.header-style-2 .mean-container a.meanmenu-reveal span{background-color:#000}.header-style-2 .main-menu{padding-top:0}.header-style-2.main-menu-container.menu-bg-overlay{padding-bottom:0;margin-top:0}.latest-title{font-size:16px}.course-viewer li{padding:5px 5px}.header_3{padding-top:15px;padding-bottom:45px}.header_3 .navbar-header{position:inherit;width:100%;margin-bottom:10px;text-align:center}.header-info{display:inherit;margin-left:0;text-align:center}.header_3{display:none}.altranative-header{display:block}.counter-icon-number:before{display:none}.category-slide .owl-nav{top:inherit;left:inherit;width:100%;text-align:center}.category-slide .owl-nav .owl-next,.category-slide .owl-nav .owl-prev,.category-slide .owl-carousel.owl-carousel .owl-nav .owl-next,.owl-carousel.owl-carousel .category-slide .owl-nav .owl-next,.category-slide .owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .category-slide .owl-nav .owl-next{float:none;display:inline-block}.course-page-section #tab2{display:none !important}.course-page-section .product-tab{display:none}.leanth-course{display:none}.teacher-pic-content .teacher-hover-item{top:5px;font-size:13px}.teacher-pic-content:hover .teacher-hover-item{left:5px}#slider-item .owl-nav{width:100%}.teacher-img-content .teacher-img{width:120px}}@media screen and (max-width: 767px){html{overflow-x:hidden}.about-us-text .section-title p{font-size:20px}.slider-bg-1,.slider-bg-2,.slider-bg-3,.slider-bg-4,.slider-bg-5{height:65vh}.search-course-section{padding:45px 0px 40px 0px}.popular-course-section{padding-bottom:40px}.bg-mockup{display:none}.about-resigter-form{margin:0 auto;border-radius:4px;background-color:#17d0cf;margin-bottom:20px}.section-title h2{font-size:40px}.latest-area-content{max-width:400px;margin:0 auto;margin-bottom:30px}.best-course-pic-text{max-width:270px;margin:0 auto;margin-bottom:10px}.about-us-section{padding:65px 0px}.why-choose-us-section .jarallax{padding:75px 0px 50px 0px;background:#0f528c}.latest-area-section{padding:60px 0px 35px 0px}.best-course-area{margin-bottom:0px}.best-course-section{padding:80px 0px 70px 0px}.teacher-img-content{max-width:270px}.course-teacher-section .jarallax{padding:60px 0px 70px 0px}.category-icon-title{margin:0 auto;margin-bottom:20px}.best-product-section{padding:60px 0px 50px 0px}.faq-section{padding:40px 0px 55px 0px}.contact-area-section{padding:65px 0px 70px}#google-map{position:inherit;top:inherit;margin-top:30px;width:100%;height:300px}.footer-menu{margin-left:0;margin-right:30px}.subscribe-form{margin-left:0}.copy-right-menu-item{float:none !important}.copy-right-menu-item li{margin-left:0;margin-right:10px}.footer-social{margin-bottom:20px;text-align:left !important}.home-secound .about-resigter-form{margin:0 auto;margin-bottom:50px}.app-mock-up{margin-bottom:20px}.secound-teacher-section .teacher-img-text{max-width:275px;margin:0 auto}.contact_secound_section{background-image:url(/assets/img/banner/contact-b.jpg)}.secound-teacher-section{padding:60px 0px}.contact_secound_section{padding-top:60px}.contact_secound_form{margin-left:0}.back-top{margin-top:20px}.counter-icon-number{margin-bottom:20px}.search-course-secound{top:inherit;position:inherit}.category-slide .owl-nav{top:-55px;text-align:right}.side-bar{margin-top:20px}.teacher-pic-content .teacher-hover-item{top:35px;font-size:16px}.teacher-pic-content:hover .teacher-hover-item{left:20px}.teacher-details-img{margin-bottom:10px}.teacher-address .address-details li{width:100%}.first-widget{margin-top:20px !important}.pt150{padding-top:75px}}@media screen and (max-width: 480px){.color-switcher{display:none}.section-title.mb20.headline.text-left{text-align:center !important}.navbar-header{width:180px;right:80px}.cart-search{top:16px;right:15px}.mean-bar{height:65px}.cart-search li{border:none;width:22px}.log-in{right:70px;top:15px}.mean-container a.meanmenu-reveal{top:14px}.owl-carousel.owl-carousel .owl-nav.owl-nav{display:inline-block;width:100%;text-align:center;margin-top:20px;position:initial}.owl-carousel.owl-carousel .owl-nav.owl-nav .owl-prev.owl-prev,.owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .testimonial-slide-area .owl-next,.testimonial-slide-area .owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next,.owl-carousel.owl-carousel .owl-nav.owl-nav .owl-next{float:none;display:inline-block;width:45px;height:45px;line-height:45px}.course-item-pic-text{max-width:370px}.section-title h2{font-size:36px}.product-img-text{max-width:370px}ul.product-tab li{margin:0px 5px 0px 0px}.tab-button{margin-bottom:30px}.mt60{margin-top:25px}.search-course .nws-button{width:125px}.subs-form .nws-button{width:130px}.search-body{width:220px;top:35px}.search-body .search-form .search-close{height:30px;line-height:30px}.search-body .search-form .search-input{height:30px}.search-body:after{display:none}.mb65{margin-bottom:35px}.latest-area-section{padding-bottom:0}.sponsor-pic:after{display:none}.best-product-section{padding:45px 0px 45px 0px}.home-secound-course-search .search-app .search-app-content h2{font-size:30px}.about-btn .genius-btn{margin-right:5px;padding:0px 5px}.faq-secound-home-version ul.product-tab li{margin-bottom:20px}.contact_secound_form .contact_form input,.contact_secound_form .contact_form .register-form-area select,.register-form-area .contact_secound_form .contact_form select,.contact_secound_form .contact_form .register-form-area textarea,.register-form-area .contact_secound_form .contact_form textarea{width:100%}.footer_2 .copy-right-menu-item li{margin-left:0}.header-style-2 .cart-search{right:30px}.extra-pic{margin-bottom:20px}.header-style-2 .search-body{top:52px;right:-10px}.header-style-2 .search-form .search-close{width:35px}.popular-three{padding:50px 0px 60px}#menu-container .logo-area{width:180px;margin-top:3px}.altranative-header{padding:15px 30px}#menu-container .menu-list{top:66px}.contact-form-area_3{padding:65px 0px}.breadcrumb-section{padding-bottom:250px}.breadcrumb-section .breadcrumb-head{font-size:26px}.breadcrumb-section .breadcrumb-item{padding:5px 5px;font-weight:400}.grid-1,.grid-2{width:100%;text-align:center}.category-slide .owl-nav{text-align:center}.side-bar-widget .widget-title{font-size:26px}.blog-title-content h3{font-size:20px}.blog-details-content h2{font-size:25px}.shorting-filter{float:left !important;margin-top:15px}.footer-area-section{padding:50px 0px 0px 0px}.course-page-section{padding:25px 0px 0px}.course-single-text .course-title h3{font-size:26px}.course-details-category ul{overflow:hidden}.course-details-category li{padding:7px}.section-title-2 h2{font-size:24px}.affiliate-market-accordion .panel-title .ac-head span{font-size:35px}.course-by{bottom:0;left:60px}.teacher-pic-content{max-width:270px;margin:0 auto;margin-bottom:20px}.teacher-page-section .couse-pagination{margin-top:10px;margin-bottom:30px}.teacher-details-area .panel-group .panel-title .btn-link:after,.teacher-details-area .panel-group .panel-title .btn-link:before{display:none}.panel-group .panel-title h3:before,.panel-group .panel-title h3:after,.panel-group .panel-body:before{display:none}.genius-shop-item .best-product-section .product-img-text{margin-bottom:20px}.shop-product-section .margin-top{margin-top:0}#slider-item .owl-nav{display:none}.slider-text .section-title h2{font-size:40px}.slider-text .section-title .subtitle{font-size:14px}.slider-text .section-title .subtitle:before,.slider-text .section-title .subtitle:after,.slider-text .section-title .subtitle:after{display:none}#slider-item .genius-btn{border:2px solid #17d0cf;width:155px;margin:0 auto;margin-top:20px;height:40px;line-height:40px}#slider-item .secoud-title{font-size:35px}.slider-text{padding:0px 20px}#slider-item .third-slide{font-size:30px}.coming-countdown li{width:75px;margin-right:5px;margin-bottom:8px}.coming-countdown .number{font-size:16px}.coming-countdown span{font-size:12px}.best-product-section.home_2{padding:20px 0px 45px}.testimonial_2_section{padding-top:50px}.sponsor-section{padding:30px 0px 50px 0px}.course-category-section{padding:70px 0px 60px}.about-page-section{padding-bottom:10px}.shop-product-section{padding:60px 0px 20px}.btn{white-space:normal}.teacher-page-section{padding-bottom:0}.course-page-section .shorting-filter select{margin-bottom:10px}.teacher-img-content .teacher-img{right:55px}.teacher-img-content .teacher-category{bottom:145px;right:75px}.teacher-img-content{margin-left:35px}.product-img img{margin:auto}}@media screen and (max-width: 420px){.widget-title{margin-bottom:30px}.footer-about-text{margin-bottom:0}.widget-title:after{bottom:-10px}.footer-social .widget-title,.subscribe-form .widget-title{margin-bottom:35px}.footer-menu{margin-bottom:10px}.footer-social{margin-top:10px}}@media screen and (max-width: 375px){.shorting-filter{margin-top:0}.shorting-filter span{display:none}.navbar-header{width:140px}.affiliate-market-accordion .panel-group .panel{padding:20px 5px}.affiliate-market-accordion .panel-group .panel-title .btn-link:before,.affiliate-market-accordion .panel-group .panel-title .btn-link:after{right:0}.affiliate-market-accordion .panel-group .panel-body{padding:20px}.app-stor{margin-top:15px}.section-title .subtitle{letter-spacing:2px}.panel-group .panel-title .btn-link:before,.panel-group .btn-link.collapsed:after{display:none}.teacher-desc-social li{margin-bottom:10px}.about-faq.faq-secound-home-version .tab-container{margin-left:0}.contact-page-section .social-contact .category-icon-title{float:none}.contact-page-section .social-contact .category-icon-title:before{display:none}.best-course-section{padding:60px 0px 35px 0px}.course-details-category span{float:none}.payment-info label{width:100%}.payment-info input,.payment-info .register-form-area select,.register-form-area .payment-info select,.payment-info .register-form-area textarea,.register-form-area .payment-info textarea,.payment-info .register-form-area select,.register-form-area .payment-info select,.payment-info .register-form-area textarea,.register-form-area .payment-info textarea{width:100%;margin-bottom:10px}.payment-method{padding:15px}.save-credit{width:100%}}@media screen and (max-width: 360px){.cart-search li{width:20px;margin-left:5px}.log-in{right:50px}.mean-container a.meanmenu-reveal{top:30px;padding:0}.section-title .subtitle{letter-spacing:3px}.section-title h2{font-size:30px}.about-btn{text-align:center;margin-bottom:10px}.section-title-2 h2{font-size:32px}ul.product-tab li{margin:0px 5px 15px 0px}.address-details li{font-size:14px}#menu-container .logo-area{width:150px}.cart-btn li{font-size:15px;margin:0 5px}.teacher-img-content .teacher-img{right:30px}.teacher-img-content .teacher-category{bottom:150px;right:55px}}