/* ------------------------------------------------

  Project:   Thomso - Multipurpose Responsive HTML5 Template

  Build:     Bootstrap 4.4.1

  Author:    ThemeHt

------------------------------------------------ */

/* ------------------------

    Table of Contents



  1. General

  2. Typography

  3. Helper class

  4. Text color

  5. Background color

  6. Pattern

  7. Border Radius

  8. Banner

  9. Countdown

  10. Terms and Conditions

  11. Privacy Policy

  12. Login And Register

  13. Contact

  14. About Us

  15. Video

  16. App

  17. Menu Price List

  18. Causes Section

  19. Event Section

  20. Timeline

  21. Shop Page

  22. Side Background

  23. Error Page

  24. List Icon

 



/* ------------------------

    General

------------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap');

body {

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size: 13px;

	line-height: 1.35;

	color: #525252;

	background:#f0f0f0;

}

/* ------------------------

    Typography

------------------------*/

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	margin-top: 0px;

	margin-bottom: 0px;

	text-transform: capitalize;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: inherit;

}

h1 {

	font-size: 48px;

	font-style: normal;

	line-height: 54px;

	font-weight: 700;

	text-transform: capitalize;

	color: #FF4500;

}

h2 {

	font-size: 40px;

	font-style: normal;

	line-height: 46px;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: capitalize;

	position: relative;

}

h3 {

	font-size: 30px;

	font-style: normal;

	line-height: 36px;

}

h4 {

	font-size: 24px;

	font-style: normal;

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: 500;

	line-height: 30px;

	color: #222021;

}

h5 {

	font-size: 20px;

	font-style: normal;

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: 500;

	line-height: 25px;

	color: #222021;

}

h6 {

	font-size: 18px;

	font-style: normal;

	line-height: 24px;

}

ul {

	margin: 0px;

	padding: 0px;

}

.line-h-2 {

	line-height: 1.6;

}

.line-h-3 {

	line-height: 1.7;

}

.line-h-4 {

	line-height: 1.8;

}

.line-h-5 {

	line-height: 1.9;

}

.letter-space-1 {

	letter-spacing: 5px;

}

.letter-space-2 {

	letter-spacing: 10px;

}

.letter-space-3 {

	letter-spacing: 15px;

}

/* ------------------------

    Helper class

------------------------*/



.lead {

	font-weight: normal;

	font-size: 18px;

	line-height: 1.7;

}

.o-hidden {

	overflow: hidden;

}

.img-center {

	display: inline-block !important;

	max-width: 100%;

}

.pos-r {

	position: relative;

}

.z-index-0 {

	z-index: 0;

	position: relative;

}

.z-index-1 {

	z-index: 1;

	position: relative;

}

h1 span {

	color: #FF4500;

}

section {

	padding: 50px 0;

}

.section-title {

	margin-bottom: 50px;

}

.section-title p {

	font-size: 16px;

}

.align-item-middle {

	display: -webkit-flex; /* Safari */

	-webkit-align-items: center; /* Safari 7.0+ */

	display: flex;

	align-items: center;

}

.align-item-middle > div {

	width: 100%;

}

/* ------------------------

    Text color

------------------------*/

.text-theme {

	color: #FF4500;

}

.text-black {

	color: #222021 !important;

}

.text-grey {

	color: #aaaaaa;

}

.text-yellow {

	color: #FF4500;

}

/* ------------------------

    Background color

------------------------*/

.white-bg {

	background-color: #ffffff !important;

}

.dark-bg {

	background-color: #212121;

}

.grey-bg {

	background-color: #f8f8f8;

}

.theme-bg {

	background-color: #FF4500;

}

.transparent-bg {

	background-color: inherit !important;

}

/* ------------------------

    Pattern

------------------------*/

.pattern {

	width: 100%;

	background-position: 0px 0px;

	background-repeat: repeat;

	animation: animatedBackground 20s linear infinite;

	-ms-animation: animatedBackground 20s linear infinite;

	-moz-animation: animatedBackground 20s linear infinite;

	-webkit-animation: animatedBackground 20s linear infinite;

}

/* ------------------------

    Border Radius

------------------------*/

.radius {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.radius-0 {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.radius-1 {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

.radius-2 {

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

}

.radius-3 {

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}

.radius-4 {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

/* ------------------------

    Banner

------------------------*/

.fullscreen-banner {

	position: relative;

}

.fullscreen-banner .carousel, .fullscreen-banner .carousel-inner, .fullscreen-banner .carousel-inner .carousel-item {

	height: 100%;

}

.carousel-fade .carousel-inner .carousel-item {

	opacity: 0;

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

	opacity: 1;

}

.banner-1::before {

	border: 10px solid rgba(255,255,255,0.1);

	content: "";

	height: 120%;

	left: 50%;

	position: absolute;

	top: -10%;

	transform: translateX(-50%) skewX(-25deg);

	width: 80%;

	z-index: -1;

}

.banner-2 h1 {

	border-top: 3px solid #FF4500;

	border-bottom: 3px solid #ffffff;

	padding: 15px 0;

}

[data-bg-img] {

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}

.align-center {

	position: absolute;

	top: 50%;

	width: 100%;

	z-index: 9;

}

.align-end {

	position: absolute;

	bottom: 0;

	width: 100%;

	z-index: 9;

}

.fullscreen-banner .nav-dots {

	display: none;

}

.side-navbar .fullscreen-banner .align-center, .side-navbar .nav-arrows span {

	padding-top: 0 !important;

}

.fullscreen-banner h1 {

	font-size: 64px;

	line-height: 70px;

}

/* ------------------------

    Countdown

------------------------*/

.countdown {
	background: #dbdbdb;
	margin: 2px 6px 18px 6px;
    padding: 15px;
    display: table;
    width: calc(100% - 14px);

}

.countdown > li {

	padding: 0 30px;

	font-weight: 700;

	text-align: center;

	border-right: 1px dashed rgba(0,0,0,0.1);

	list-style-type: none;

	display: table-cell;

	width: auto;

}

.countdown > li:first-child {

	padding-left: 0;

}

.countdown > li:last-child {

	border-right: none;

}

.countdown > li span {

	font-size: 70px;

	font-weight: 600;

	line-height: 60px;

	margin-bottom: 20px;

	display: inline-block;

}

.countdown > li p {

	font-size: 20px;

	text-transform: uppercase;

	line-height: 30px;

	margin-bottom: 0;

	color: #3bb143;

}

.countdown > li:nth-child(2) p {

	color: #c71585;

}

.countdown > li:nth-child(3) p {

	color: #663399;

}

.countdown > li:nth-child(4) p {

	color: #ffa500;

}

.countdown > li:last-child {

	padding-right: 0;

}

.dark-bg .countdown > li {

	border-color: rgba(255,255,255,0.2)

}

/* ------------------------

    Terms and Conditions

------------------------*/

.terms-and-conditions .title {

	margin-bottom: 10px;

}

.terms-and-conditions p {

	margin-bottom: 25px;

}

.terms-and-conditions ul.list {

	margin-bottom: 20px;

	display: block;

}

.terms-and-conditions ul.list li i {

	padding-right: 12px;

	font-size: 15px;

}

/* ------------------------

    Privacy Policy

------------------------*/

.privacy-policy .title {

	margin-bottom: 10px;

}

.privacy-policy p {

	margin-bottom: 25px;

}

.privacy-policy ul.list {

	margin-bottom: 20px;

	display: block;

}

.privacy-policy ul.list li i {

	padding-right: 12px;

	font-size: 15px;

}

/* ------------------------

    Login And Register

------------------------*/

.login-form .form-group, .register-form .form-group {

	position: relative;

}

.login-form .form-group i, .register-form .form-group i {

	color: #d2d5da;

	font-size: 20px;

	left: 20px;

	padding: 0;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}

.login-social ul {

	display: table;

	width: 100%;

}

.login-social li {

	display: table-cell;

	margin: 0;

	padding: 0;

	width: 33.33%;

}

.login-social li a {

	display: block;

	padding: 12px 20px;

	color: #fff;

	font-size: 14px;

	position: relative;

}

.login-social li a.fb {

	background: #4c70ad;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.login-social li a.twitter {

	background: #25b6e6;

}

.login-social li a.gplus {

	background: #dd4b39;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.gplus:hover {

	background: #FF4500;

}

.checkbox input[type="checkbox"] {


	position: static;

}

.checkbox {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	float: left;

	width: 50%;

	margin: 0;

	position: relative;

	line-height: 18px;

}

.checkbox input[type="checkbox"] + label::before {

	background-color: #fff;

	border: 1px solid #cecece;

	border-radius: 4px;

	content: "";

	height: 18px;

	left: 0;

	position: absolute;

	top: 0;

	transition: box-shadow 0.4s ease-in-out 0s;

	width: 18px;

}

.checkbox input[type="checkbox"]:checked + label::after {

	background: #FF4500;

	transform: scale(1, 1);

}

.checkbox input[type="checkbox"] + label::after {

	border-radius: 4px;

	color: #fff;

	content: "\f00c";

	font-family: 'FontAwesome';

	font-size: 10px;

	height: 18px;

	left: 0;

	line-height: 18px;

	position: absolute;

	text-align: center;

	top: 0;

	transform: scale(0, 0);

	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0s;

	width: 18px;

}

.checkbox input[type="checkbox"] + label {

	left: 0;

	padding-left: 25px;

	position: absolute;

	top: 0;

}

.remember-checkbox {

	font-size: 12px;

}

.login-2 .login-social li {

	display: block;

	width: 100%;

}

.login-2 .login-social li a {

	border-radius: 5px;

	font-size: 16px;

	text-transform: uppercase;

}

.login-2 .login-social li a i {

	position: absolute;

	left: 30px;

	top: 50%;

	transform: translateY(-50%);

}

.login-2 .login-form .login-or {

	display: block;

	position: relative;

	margin: 15px 0;

	color: #FF4500;

	font-weight: 700;

	font-style: italic;

}

.login-2 .login-form .login-or:before, .login-form .login-or:after {

	content: "";

	position: absolute;

	left: 0;

	background: #ddd;

	width: 45%;

	height: 1px;

	top: 50%;

	transform: translateY(-50%);

}

.login-2 .login-form .login-or:after {

	left: inherit;

	right: 0;

}

.register-form .form-control, .login-form .form-control {

	padding-left: 50px;

}

.register-form .form-group i, .login-form .form-group i {

	color: #ddd;

}

.register-form .checkbox {

	width: 100%;

	float: none;

	margin: 15px 0;

}

.register-form .checkbox input[type="checkbox"] + label {

	left: 50%;

	padding-left: 25px;

	position: absolute;

	top: 0;

	transform: translateX(-50%);

}

/* ------------------------

    Contact

------------------------*/

.contact-info li {

	padding-left: 60px;

	position: relative;

}

.contact-info li .media-icon {

	position: absolute;

	text-align: center;

	overflow: hidden;

	left: 0;

	top: 0;

	background: rgba(255,255,255,0.2);

	height: 40px;

	width: 40px;

	line-height: 40px;

	font-size: 16px;

	color: #ffffff;

	border-radius: 50%;

	text-align: center;

	-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);

	-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);

	box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);

}

.contact-info li span {

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	display: block;

	margin-bottom: 8px;

	text-align:left;

}

.contact-info li p {
	margin-bottom: 0;
	line-height: 24px;
	text-align: justify;
}

.contact-info li a {

	color: #ffffff;

	display:block;

	text-align:left;

}

.contact-info li .media-icon {

	box-shadow: 0 0 0 rgba(204,169,44, 0.4);

	animation: none;

}

.contact-info li:hover .media-icon {

	animation: pulse 1.2s infinite;

}

.form-info {

	padding: 30px !important;

}

.contact-2-media .form-info {

	margin-top: -150px;

	padding: 0 !important;

}

.contact-2-media .contact-info {

	display: table;

	vertical-align: middle;

	width: 100%;

	margin: 0;

}

.contact-2-media .contact-info li {

	display: table-cell;

	margin: 0;

	border-right: 1px dashed #ddd;

	padding: 80px 30px;

	vertical-align: middle;

	width: 33.33%;

}

.contact-2-media .contact-info li:last-child {

	border-right: none;

}

.contact-2-media .contact-info li .media-icon {

	background: #FF4500;

	position: inherit;

	left: inherit;

	display: inline-block;

	font-size: 20px;

	width: 60px;

	height: 60px;

	line-height: 60px;

}

.contact-2-media .contact-info li a {

	color: #222021;

}

.contact-2-media .contact-info li a:hover {

	color: #FF4500;

}

.form-group {

	margin-bottom: 20px;

	position: relative;

}

label {

	font-size: 14px;

	color: #222021

}

.form-control {

	height: 50px;

	border-radius: 5px;

	font-size: 13px;

	background: none;

	border-color: #cecece;

	box-shadow: none;

}

.grey-bg .form-control {

	background: #ffffff

}

textarea.form-control {

	height: 150px;

}

.form-control:focus {

	box-shadow: none;

	border-color: #ff4500;

}

select.form-control {/*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/

	height: 50px !important;

}

#map {

	width: 100%;

	height: 100%;

}

iframe {

	width: 100%;

	border: none;

	pointer-events: auto;

}

.iframe-h {

	height: 240px !important;
	margin-bottom:30px;
	border:1px solid #ccc !important;
	padding:5px;

}

.help-block.with-errors {

	position: absolute;

	color: red;

	right: 0;

	font-size: 10px;

	line-height: 14px;

}

/* ------------------------

    About Us

------------------------*/

.about-img {

	position: relative;

	width: 90%;

	margin-left: auto

}

.about-img img {

	border: 5px solid rgba(0,0,0,0.1)

}

.about-img::before {

	border: 10px solid #FF4500;

	bottom: -5%;

	content: "";

	height: 100%;

	left: -5%;

	position: absolute;

	width: 100%;

	z-index: -1;

}

.about-2:before {

	opacity: 0;

	left: 0;

}

.about-2:hover:before {

	opacity: 1;

	left: -5%

}

.about-3:before {

	display: none;

}

.about-3 {

	margin: inherit;

	width: 100%;

}

.about-img.about-layer img {

	margin-top: 50px;

	width: 90%;

}

.about-layer-two {

	margin-top: -50px;

	position: absolute;

	right: 0;

	text-align: right;

	top: 0;

}

.about-me .desc {

	background: #ffffff;

	padding: 30px;

	text-align: center;

}

.about-me .desc .media-icon li {

	padding-left: 0;

}

.about-me .desc .media-icon li i {

	position: inherit;

	display: inline-block;

	margin-right: 10px;

	vertical-align: middle;

}

.cursor {

	color: #ffffff;

}

/* ------------------------

    Video

------------------------*/

.video-btn .btn-play {

	background: #FF4500;

	color: #fff;

	width: 60px;

	height: 60px;

	border: 1px solid rgba(0,0,0,0.2);

	-webkit-border-radius: 50px;

	border-radius: 50px;

	text-align: center;

	line-height: 60px;

	font-size: 26px;

	cursor: pointer;

	display: inline-block;

	-webkit-transition: .15s ease-in-out;

	transition: .15s ease-in-out;

	-webkit-transition-property: color, background, border-color;

	transition-property: color, background, border-color;

}

.video-btn .btn-play .icon {

	margin-left: 5px;

}

.video-btn {

	min-width: 60px;

	min-height: 50px;

	padding: 15px 0;

	position: relative;

	display: inline-block;

}

.video-btn .btn-play {

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -30px;

	z-index: 5;

}

.video-btn .btn-play:after, .video-btn .btn-play:before {

	content: '';

	border: 1px solid;

	border-color: inherit;

	width: 150%;

	height: 150%;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	position: absolute;

	left: -25%;

	top: -25%;

	opacity: 1;

	-webkit-animation: 1s videomodule-anim linear infinite;

	animation: 1s videomodule-anim linear infinite;

}

.video-btn .btn-play:before {

	-webkit-animation-delay: .5s;

	animation-delay: .5s;

}

.video-btn-pos {

	position: absolute;

	position: absolute;

	left: 50%;

	top: 50%;

	width: auto !important;

}

.play-btn {

	border: 2px solid #FF4500;

	border-radius: 30px;

	color: #FF4500;

	font-size: 18px;

	display: inline-block;

	padding: 10px 20px 10px 90px;

}

.play-btn span {

	padding: 0 20px 0 15px;

	display: inline-block;

	vertical-align: middle;

}

.play-btn:hover {

	color: #222021;

	padding-left: 80px;

}

.theme-bg .play-btn, .dark-bg .play-btn {

	border-color: #ffffff;

	color: #ffffff;

}

.theme-bg .video-btn .btn-play, .dark-bg .video-btn .btn-play {

	background: #ffffff;

	border-color: #ffffff;

	color: #FF4500;

}

.video-2 .img-side.img-left {

	left: -5%;

}

.html5-video {

	height: 100%;

	left: 0;

	opacity: 1;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -2;

}

.html5-video video {

	width: 100%;

}

/* ------------------------

    App

------------------------*/

.app-img {

	background-position: right -220px bottom -30px;

}

.app-bnr {

	top: 50px;

}

.app-bnr .owl-carousel {

	position: absolute;

	padding: 0 35px;

}

.app-screen-image {

	background-image: url("../images/app/10.png");

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 100% auto;

	height: 602px;

	left: 50%;

	position: absolute;

	top: -72px;

	width: 320px;

	z-index: 9;

}

.device-process {

	position: relative;

	z-index: 3;

	margin-left: auto;

	margin-right: auto;

}

.device-process {

	margin-left: auto;

	margin-right: auto;

	width: 316px;

}

.device-image {

	position: absolute;

	top: 0;

	z-index: 3;

}

.device-slider img {

	width: 100%;

	max-width: inherit;

}

.app-screenslider .owl-item {

	transform: scale(0.8);

	transition: all 0.3s ease-in 0s;

}

.app-screenslider .owl-item.center {

	transform: scale(1);

}

/* ------------------------

    Menu Price List

------------------------*/

.price-box li {

	border-bottom: 1px dashed rgba(255,255,255,0.2);

	float: left;

	padding: 15px 0;

	width: 100%;

	color: #222021;

}

.price-box li:last-child {

	border-bottom: none;

}

.theme-bg .price-box li, .dark-bg .price-box li {

	color: rgba(255,255,255,0.8);

}

.pricing-title {

	float: left;

	font-size: 15px;

	text-transform: uppercase;

}

.price-rate {

	float: right;

	color: #FF4500;

	font-weight: 700;

	font-size: 15px;

}

.menu-list {

	margin-bottom: 15px;

}

.menu-list:last-child {

	margin-bottom: 0;

}

.menu-list h5 {

	padding-right: 80px;

	position: relative;

	line-height: 24px;

	margin-bottom: 0;

}

.menu-list .menu-title {

	font-size: 16px;

	position: relative;

	z-index: 2;

}

.menu-list .menu-dots {

	background-image: radial-gradient(circle closest-side, #ddd 90%, #fff 10%);

	background-position: center center;

	background-repeat: repeat-x;

	background-size: 6px 3px;

	border: 0 none;

	display: block;

	height: 1px;

	left: 0;

	margin: 0;

	position: absolute;

	right: 0;

	bottom: 6px;

	z-index: 1;

}

.menu-list .menu-price {

	color: #FF4500;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	right: 0;

	z-index: 2;

}

.menu-list .menu-details {

	font-style: italic;

}

/* ------------------------

    Causes Section

------------------------*/

.causes-desc {

	padding: 30px 30px 10px;

	border: 1px solid #efefef;

	border-bottom: none;

}

.causes-btm {

	background: #f9f9f9;

	display: inline-block;

	width: 100%;

	padding: 40px 30px 20px;

	border: 1px solid #efefef;

	border-top: none;

}

/* ------------------------

    Event Section

------------------------*/

.event {

	margin-bottom: 20px;

	background: #ffffff;

}

.event-thumb {

	position: relative;

}

.event-date {

	bottom: 0;

	position: absolute;

	right: 0;

}

.event-date li {

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #ffffff;

	float: left;

}

.event-date .date {

	background-color: #212121;

}

.event-date .month {

	background-color: #FF4500;

}

.event-desc {

	padding: 15px;

}

.event-desc a {

	font-size: 16px;

	display: block;

	margin-bottom: 5px;

	color: #222021;

}

.event-desc a:hover {

	color: #FF4500;

}

.event-desc ul li {

	color: #666;

	display: inline-block;

	margin-right: 10px;

}

.event-desc ul li:last-child {

	margin-right: 0;

}

.event-desc ul li i {

	color: #FF4500;

	margin-right: 5px;

}

/* ------------------------

    Timeline

------------------------*/

.education-box {

	position: relative;

	overflow: hidden;

}

.education-box:before {

	content: "";

	position: absolute;

	top: 50%;

	bottom: 0;

	left: 50%;

	width: 5px;

	margin-left: -2.5px;

	background: rgba(255,255,255,0.2);

	height: 80%;

	transform: translateY(-50%);

}

.education-box .education-box-item {

	width: 50%;

	max-width: 420px;

	background: rgba(255,255,255,0.05);

	padding: 20px;

	position: relative;

	z-index: 2;

	margin-top: 25%;

}

.education-box .education-box-item:before {

	content: attr(data-line);

	position: absolute;

	right: -50%;

	margin-right: 9%;

	top: 50%;

	height: 50px;

	width: 50px;

	border-radius: 50%;

	border: 4px solid #FF4500;

	text-align: center;

	color: #FF4500;

	line-height: 43px;

	font-size: 20px;

	font-weight: 700;

	text-transform: uppercase;

	background: #ffffff;

}

.education-box .education-box-item:after {

	content: "";

	height: 4px;

	position: absolute;

	right: -50%;

	margin-right: 15%;

	top: 50%;

	width: 35%;

	border-bottom: 1px dashed rgba(255,255,255,0.1);

}

.education-box .education-box-item:nth-child(even) {

	float: right;

}

.education-box .education-box-item:nth-child(even):before {

	right: auto;

	left: -50%;

	margin-left: 8%;

}

.education-box .education-box-item:nth-child(even):after {

	left: -50%;

	margin-left: 15%;

}

.education-box .education-box-item:nth-child(odd) {

	float: left;

}

.education-box .education-box-item:first-child {

	margin-top: 0;

}

.education-box .education-box-item h6 {

	font-size: 14px;

	color: #FF4500;

	font-weight: 700;

}

.education-box .education-box-item h4 {

	font-size: 18px;

	color: #ffffff;

}

.education-box .education-box-item h5 {

	font-size: 14px;

	color: rgba(255,255,255,0.5);

}

.education-box .education-box-item p {

	margin-bottom: 0;

}

/* ------------------------

    Shop Page

------------------------*/

.product-add {

	position: relative;

	overflow: hidden;

}

.product-add::before {

	z-index: 9;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.3);

	content: '';

	-webkit-transition: -webkit-transform 0.6s;

	transition: transform 0.6s;

	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);

	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);

	border: none;

}

.product-add:hover::before {

	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);

	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);

}

.product-add:after {

	content: '';

	display: inline-block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

 background: url(data:image/svg+xml;

base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(52,56,69,0.9) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(52,56,69,0.9)));

	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(52,56,69,0.9) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(52,56,69,0.9) 100%);

	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(52,56,69,0.9) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(52,56,69,0.9) 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc343845', GradientType=0 );

	background-size: 115%;

	-webkit-transition: all 0.7s cubic-bezier(.68, .11, .13, .98);

	-moz-transition: all 0.7s cubic-bezier(.68, .11, .13, .98);

	transition: all 0.7s cubic-bezier(.68, .11, .13, .98);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.product-add img, .product-img img {

	transform: translate3d(-5px, 0px, 0px);

	width: calc(100% + 10px);

}

.product-add:hover img, .product-item:hover img {

	transform: translate3d(0px, 0px, 0px);

}

.product-item {

	position: relative;

	overflow: hidden;

}

.product-img {

	position: relative;

}

.product-overlay {

	background-color: rgba(0, 0, 0, 0.5);

	height: 100%;

	left: 0;

	opacity: 0;

	position: absolute;

	top: 0;

	width: 100%;

	overflow: hidden;

}

.product-item:hover .product-overlay {

	opacity: 1;

}

.product-btn {

	bottom: 0;

	left: 0;

	position: absolute;

	width: 100%;

	text-align: center;

	opacity: 0;

}

.product-item:hover .product-btn {

	bottom: 50px;

	opacity: 1

}

.product-desc {

	background: #fff;

	padding: 15px;

	text-align: center;

}

.product-btn-towishlist, .product-wishlist {

	color: white;

	display: block;

	font-size: 20px;

	line-height: 0;

	position: absolute;

	right: 20px;

	top: 15px;

	transform: scale(0);

}

.product-item:hover .product-wishlist {

	transform: scale(1);

}

.product-label-sale::before, .product-label-new::before {

	align-items: center;

	border-radius: 11px;

	color: white;

	display: flex;

	font-size: 12px;

	height: 22px;

	justify-content: center;

	left: 12px;

	position: absolute;

	top: 12px;

	width: 50px;

	z-index: 100;

}

.product-label-new::before {

	background-color: #228b22;

	content: "New";

}

.product-label-sale::before {

	background-color: #FF4500;

	content: "Sale";

}

.label-theme {

	background: #FF4500;

	padding: 5px 10px;

	color: #ffffff;

	border-radius: 5px;

}

.shop-count.countdown li {

	padding: 0 20px;

}

.shop-count.countdown li span {

	font-size: 24px;

	line-height: 30px;

	margin-bottom: 10px;

	color: #ffffff;

}

.shop-count.countdown li p {

	font-size: 15px;

	line-height: 20px;

	color: #ffffff !important;

}

.slick3-dots-main {

	width: 100%;

}

.slick3 {

	width: 100%;

}

.slick3-dots li {

	display: inline-block;

	position: relative;

	margin-right: 10px;

}

.slick3-dots li:last-child {

	margin-right: 0;

}

.slick3-dots li img {

	width: 100%;

}

.slick3-dot-overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	cursor: pointer;

	border: 3px solid transparent;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-moz-transition: all 0.4s;

	transition: all 0.4s;

}

.slick3-dot-overlay:hover {

	border: 2px solid #FF4500;

}

.slick3-dots .slick-active .slick3-dot-overlay {

	border: 2px solid #FF4500;

}

.slick3 .slick-list {

	padding: 0 !important;

}

.product-price {

	font-size: 18px;

	color: #222021

}

.product-price del {

	color: #ccc;

	font-size: 14px;

}

.checkbox-color-filter {

	display: none;

}

.filter-color li {

	list-style-type: none;

	display: inline-block;

	margin-right: 10px;

}

.filter-color li:last-child {

	margin-right: 0;

}

.color-filter {

	display: block;

	width: 40px;

	height: 40px;

	cursor: pointer;

	border-radius: 3px;

}

.checkbox-color-filter:checked + .color-filter {

	box-shadow: 0 0 0px 2px black;

	-moz-box-shadow: 0 0 0px 2px black;

	-webkit-box-shadow: 0 0 0px 2px black;

	-o-box-shadow: 0 0 0px 2px black;

	-ms-box-shadow: 0 0 0px 2px black;

}

.product-meta select.form-control {

	height: 40px !important

}

input.form-product {

	-moz-appearance: textfield;

	height: 40px;

	border: 1px solid #e5e5e5;

	text-align: center;

	width: 150px;

	border-left: none;

	border-right: none;

	color: #222021;

	font-weight: 700;

	vertical-align: middle;

}

.btn-product, .btn-delet {

	border: 1px solid #e5e5e5;

	height: 40px;

	width: auto;

	padding: 0 10px;

	font-size: 13px;

	display: table-cell;

	cursor: pointer;

}

.review-list .review-rating {

	position: absolute;

	right: 0;

	top: 0;

	color: #ddd;

}

.review-list .media-body p {

	border-top: none;

	padding: 0;

	margin: 0;

}

.cart-table {

	border: 1px solid #efefef;

}

.table td, .table th {

	border-color: #efefef;

}

.cart-table.table > thead > tr > th {

	color: #222021;

	text-transform: uppercase;

	text-align: center;

}

.cart-table.table > tbody > tr > td, .cart-table.table > tbody > tr > th, .cart-table.table > tfoot > tr > td, .cart-table.table > tfoot > tr > th, .cart-table.table > thead > tr > td, .cart-table.table > thead > tr > th {

	vertical-align: middle;

}

.checkout-box {

	border: 1px solid #efefef;

	padding: 30px;

	display: inline-block;

	max-width: 500px;

}

.cart-total {

	font-size: 16px;

	color: #222021

}

/* ------------------------

    Side Background

------------------------*/

.img-side img {

	max-width: 100%

}

.img-side.img-right {

	right: 0;

}

.img-side.img-left {

	left: 0;

}

.img-side {

	padding: 0;

	position: absolute!important;

	top: 0px;

	height: 100%;

	overflow: hidden;

	z-index: 9;

}

.img-side .owl-carousel, .img-side .owl-stage-outer, .img-side .owl-stage, .img-side .owl-stage, .img-side .owl-item, .img-side .owl-item .item {

	height: 100%

}

/* ------------------------

    Error page

------------------------*/

.error-page-2 {

	background-position: top center;

	background-size: 100% 100%;

}

.error-page img {

	animation: 2s ease 0s normal none infinite running leftRight;

}

.error-page-2 h2 {

	font-size: 200px;

	line-height: 200px;

	font-weight: 700;

	color: #222021;

}

.error-page-2 h2 span {

	color: #ff4500;

}

/* ------------------------

    List Icon

------------------------*/

.list-icon li {

	position: relative;

	padding-left: 30px;

}

.list-icon li i {

	position: absolute;

	left: 0;

	top: 5px

}
.modal{z-index:99999!important;}
.loginpopup .modal-header {

	-webkit-border-top-left-radius: 15px;

	-webkit-border-top-right-radius: 15px;

	-moz-border-radius-topleft: 15px;

	-moz-border-radius-topright: 15px;

	border-top-left-radius: 15px;

	border-top-right-radius: 15px;

}

.loginpopup .modal-content {

	border-radius: 15px;

}

.loginpopup .modal-header h4.modal-title {

	color: #fff;

	text-align: left;

	font-weight: 400 !important;

}

/***********************Tab**************************/





.js-tab-link.current {

	color: #f7991c;

}

.js-tab-content {

	display: none;

}

.js-tab-content.current {

	display: block

}

.js-tabs ul {

	padding: 0 0 15px 0;

	margin: 0 0 20px 0;

	list-style: none;

	text-align: center;

	border-bottom: 1px solid #ccc;

}

.js-tabs ul li {

	display: inline;

	text-align: left;

	font-weight: 400 !important;

	font-family: 'Open Sans', sans-serif;

	color: #000;

	padding: 0 15px 5px 15px;

	margin: 0 15px;

	position: relative;

	cursor: pointer;

}

.js-tabs ul li.js-tab-link.current:before {

	background: #f7991c;

	width: 100%;

	height: 1px;

	position: absolute;

	bottom: -12px;

	left: 0;

	content: "";

}

.loginfield label, .register label {

	color: #000;

	display: block;

}

.loginfield input[type="text"], .loginfield input[type="password"], .register input[type="text"], .register input[type="password"], .register input[type="file"] {

	width: 100%;

	height: 40px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 0 15px;

}



.popupquestion input[type="file"] {

	width: 100%;

	height: 40px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 8px 15px 0 15px;

}



.loginfield .btn, .register .btn {

	padding-top: 5px;

	padding-bottom: 5px;

}

.loginfield a {

	display: inline-block;

	margin-bottom: 25px;

	margin-top: 15px;

	cursor: pointer;

}

.inner_banner img {

	width: 100%;

}

.inner_content {

	text-align: center;

}

.afterlogin_l {

	background: #fbfbfb;

	border: 1px solid #e8e5e5;

	border-radius: 5px;

	overflow: hidden;

}

.afterlogin_l ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.afterlogin_l ul li {

	border-bottom: 1px solid #e8e5e5;

}

.afterlogin_l ul li a {

	color: #f7991c;

	display: block;

	text-align: left;

	padding: 10px 10px;

}

.afterlogin_l ul li a:hover, .afterlogin_l ul li.afterlogin_active a {

	background: #f7991c;

	color: #fff;

}

.afterlogin_r p {

	text-align: left;

	padding: 0;

	margin: 0;

	line-height: 24px;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

}

.afterlogin_r {

	background: #fff;

	border: 1px solid #eee;

	border-radius: 5px;

	padding: 30px;

}

.profile_panel label {

	text-align: left;

}

.loginfield input[type="email"] {

	width: 100%;

	height: 40px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 0 15px;

}

.profile_panel {

	text-align: left;

}

#example_filter{

	float:right !important;

}

#example_length{

	float:left !important;

}

#example_info{
display:none;}

#example_paginate{
padding-top:15px;
padding-bottom:15px;}

#example_paginate a{
background:#f7991c;
padding:5px 10px;
color:#fff;
margin:20px 2px 0 2px;
border-radius:5px;}

#example_filter input[type="search"]{
height: 30px;
border-radius: 5px;
font-size: 13px;
background: none;
border-color: #cecece;
box-shadow: none;
border:#cecece solid 1px;
margin-left:5px;
}

#example_length select{
height: 30px;
border-radius: 5px;
font-size: 13px;
background: none;
border-color: #cecece;
box-shadow: none;
border:#cecece solid 1px;
margin-left:5px;
}

.forum_statistics .satistic_box:nth-child(1){
margin-left:0;
}

.forum_statistics .satistic_box:nth-child(4){
margin-right:0;
}


#example{
border:1px solid #ccc;}

#example tr th{
border-right:#fff solid 1px;
border-bottom:1px solid #fff;}

#example tr td{
border-right:#ccc solid 1px;
border-bottom:1px solid #ccc;}

#example thead {

	font-weight: 400;

	font-size: 16px;

	font-family: 'Open Sans', sans-serif;

	background: #f7991c;

	color: #fff;

}

#example tr th {

	font-weight: 400;

}

#example tr th, #example tr td {

	padding: 10px 0 !important;
	text-align:left;
	padding-left:15px !important;

}

#example tr td {

	color: #000;

	font-weight: 300;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

}

.addquestion .btn {

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 20px;

	position: absolute;

	right: 15px;

	top: -50px;

}

.loginfield select {

	width: 100%;

	height: 40px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 0 15px;

}

.loginfield textarea {

	width: 100%;

	height: 100px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 0 15px;

}

table.dataTable.no-footer {

	border-bottom: 0;

}

.badge {

	margin: 2px 5px !important;

	width: auto !important;

	border-radius: 0 !important;

	height: 25px;

	line-height: 15px !important;

}

/*************************23-04-2020*****************************/



.forum_panel {

	width: 100%;

	border: 1px solid #fbfbfb;

	background: #fbfbfb;

	margin: 0 0 30px 0;

	box-shadow: 2px 2px 10px #ccc;

}

.forum_panel h2 {

	padding: 0;

	margin: 0;

}

.forum_panel h2 a {

	padding: 5px 15px 5px 15px;

	color: #f7991c;

	font-family: 'Open Sans', sans-serif;

	font-size: 22px;

	float: none;

	font-weight: 400;

	text-align: left;

	display: block;

}

.forum_panel h2 a:hover {

	color: #2a2a2a;

}

.forum_panel_inner {

	text-align: left;

	padding: 0 15px 15px 15px;

}

.forum_panel_inner span {

	color: #999;

	padding: 0 0 15px 0;

	font-size: 12px;

	display: block;

	text-align: left;

	border-bottom: 1px solid #ccc;

}

.forum_panel_inner span b {

	color: #f7991c;

	font-weight: 400;

}

.forum_panel_inner img {

	float: right;

}

.forum_panel_inner p {

	padding: 15px 0 15px 0;

	margin: 0;

	font-size: 15px;

	color: #525252;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

}

.forum_panel_inner p a {

	color: #f7991c;

}

.forum_panel_inner p a:hover {

	color: #000;

}

b.author_name {

	color: #000;

	font-weight: 400;

	font-size: 14px;

}

b.author_name span {

	color: #f7991c;

	font-size: 14px;

	display: inline-block;

	border: 0;

	padding: 0;

}

.forum_panel_bottom_l {

	padding: 0;

}

.forum_panel_bottom_l ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.forum_panel_bottom_l ul li {

	float: left;

	margin: 0 15px 8px 0;

	color: #000;

	font-size: 13px;

	font-weight: 400;

	font-family: 'Open Sans', sans-serif;

	text-align:left;

}

.forum_panel_bottom_l ul li a {

	color: #f7991c;

	font-size: 14px;

	font-weight: 400;

	font-family: 'Open Sans', sans-serif;

}

.forum_panel_bottom_l ul li i {

	font-size: 18px;

	margin-right: 5px;

	color:#f7991c;

}

.forum_panel_bottom {

	padding: 10px 15px 10px 15px;

	background: #eee;

	margin: 10px 0 0 0;

}

.forum_panel_bottom_r {

	float: right;

}

.forum_panel_bottom_r ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.forum_panel_bottom_r ul li {

	float: left;

	margin: 0 0 0 5px;

}

.forum_panel_bottom_r ul li a {

	background: #212121;

	border-radius: 3px;

	display: block;

	width: 30px;

	height: 30px;

	padding: 0px 0 0 0;

	font-size: 20px;

}

.forum_panel_bottom_r ul li a:hover {

	background: #f7991c;

	color: #222;

}

.forum_details {

	width: 100%;

	border: 1px solid #fbfbfb;

	background: #FFF;

	margin: 0 0 30px 0;

	padding: 15px;

}

.forum_details h2 {

	padding: 0;

	color: #f7991c;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	float: none;

	font-weight: 400;

	text-align: left;

	display: block;

	margin: 0;
	line-height:1.5;

}
.forum_details h2 span{
	font-weight:bold;
}

.forum_details .forum_panel_bottom_r {

	float: left;

	padding: 15px 0 15px 0;

}

.forum_details .forum_panel_bottom_r li {

	padding-left: 0;

	padding-right: 5px;

	margin-left: 0;

}

.addans {

	text-align: left;

}

.addans a {

	padding-top: 7px;

	padding-bottom: 7px;

	margin: 15px 0 15px 15px;

}

.details_inner_panel .addans a {

	margin-left: 0;

}

.ans_left img {

	width: 100%;

	border: 1px solid #ccc;

	padding: 5px;

}

.ans_right h3 {

	padding: 0;

	margin: 0;

	color: #f7991c;

	font-weight: 400;

	font-size: 18px;

	font-family: 'Open Sans', sans-serif;

	text-align: left;

}

.ans_right span {

	color: #999;

	padding: 0 0 0 0;

	font-size: 12px;

	display: block;

	text-align: left;

}

.forum_details_top {

	border-bottom: 1px solid #ccc;

	padding: 0 0 20px 0;

}

.details_inner_panel p {
    text-align: left;
    float: left;
    padding: 15px 0 0 0;
	font-family:'Open Sans', sans-serif!important;
	word-break: break-word;
}

.details_inner_panel form input[type="text"] {

	width: 84%;

	height: 50px;

	border: 1px solid #ccc;

	margin-bottom: 15px;

	padding: 0 15px;

	float: left;

}

.details_inner_panel button {

	padding-top: 12px;

	padding-bottom: 12px;

	/*width: auto;/*15%;

	float: left;

	margin-left:10px;*/

}

.ask_question input[type="text"] {

	margin-bottom: 0 !important;

	/*width: 60% !important;*/

}

.ask_question button {

	margin-bottom: 0;
    
	font-size:1rem;
	/*width: 18% !important;*/

}

.loginfield textarea {

	width: 100%;

	height: 100px;

	border: 1px solid #ccc;

	border-radius: 5px;

	margin-bottom: 15px;

	padding: 0 15px;

}



.login{

	box-shadow: 2px 2px 10px #ccc;

	margin:15px 0;
	background:#fff;

	}



.login_l{

	width:50%;

	float:left;

	}

	

.login_l img{

	width:100%;

}

	

.login_r{

	width:50%;

	float:right;

	padding:30px 50px 30px 50px;

	}

	

.login_r h2{

	text-align:center;

	text-transform:capitalize;

	font-size: 24px;

	font-weight: 600;

	padding:0 0 30px 0;

	margin:0;

	font-family: 'Open Sans', sans-serif;

	letter-spacing:1px;
	color:#ffc107;

	}

	

	

.login_r input[type="text"], .login_r input[type="email"], .login_r input[type="password"]{

	width:100%;

	border:1px solid #ccc;

	height:50px;

	padding:0 15px;

	color:#7A7676;

	font-size:18px;

	font-family: 'Open Sans', sans-serif;

	margin-bottom:5px;

}



.login_btn{

	padding:0;

	}
	

	

.login_btn .btn{

	width:100%;
	border:0;
	border:#ffc107 solid 1px;

}



.login_r span{

	display:block;

	text-align:center;

	color:#2a2a2a;

	font-size:13px;

	padding:30px 0 0 0;

	}

	

.login_r span a{

	color:#f7991c;

	}

	

.login_r span a:hover{

	color:#000;

	}

	

.signup {
	padding:15px 0 0 0;
	text-align:center;

	}
	
.forgotpassword{
float:right;
color:#ffc107;
text-decoration:underline;
}

	

.signup a{

	color:#000;

	text-transform:uppercase;

	font-size:14px;

	font-family: 'Open Sans', sans-serif;

	display:inline-block;
	text-decoration:underline;
	}

	

	.signup a:hover{

		color:#000;

		}

		

		.company_l{

			padding-bottom:50px;

			}

		

.company_l p{

	text-align:justify;

	}

		

.company_r img{

	width:100%;

	padding:5px;

	border:1px solid #ccc;

	}

	

	.map{

		margin-top:30px;

		padding:5px;

		border:1px solid #ccc;

		}

		

/****************************02-05-2020*****************************************/

.topfooter{

	background:#f7991c;

	padding:50px 0;

	}

	

.footer_box h2{

	padding:0 0 10px 0;

	margin:0;

	color:#fff;

	font-size:25px;

	font-weight:300;

	font-family: 'Open Sans', sans-serif;

	}

	

.footer_box p{

	padding:0;

	margin:0;

	font-size:14px;

	font-family: 'Open Sans', sans-serif;

	color:#fff;
	text-align:justify;

	}

	

.footer_box a{

	color:#f7991c;

	font-size:14px;

	font-family: 'Open Sans', sans-serif;

	background:#fff;

	padding:10px 20px;

	display:inline-block;

	margin:10px 0 0 0;

	}

	

.footer_box ul{

	padding:0;

	margin:0;

	list-style:none;

	}

	

.footer_box ul li{

	position:relative;

	padding:0 0 0 20px;

	border-bottom:#ffae14 solid 1px;
	text-align:justify;

	}

	

	.footer_box li:last-child{

		border-bottom:0;

		}



.footer_box  ul li a{

		background:none;

		color:#fff;

		padding:8px 0 8px 0;

		margin:0;

		display:block;

	}

	

	.footer_box  ul li a:hover{

		color:#000;

		}

	

.footer_box ul li:before{

	position:absolute;

	top:12px;

	left:0;

	width:10px;

	height:10px;

	background:#fff;

	content:"";

	}

	

	.footerboxinner{

		padding-left:30px;

	}

	

.footer_contact{

	padding:0;

	margin:0;

	list-style:none;

	}

	

.footer_contact li{

	color:#fff;

	font-size:14px;

	font-family: 'Open Sans', sans-serif;

	position:relative;

	padding-left:30px !important;

	}

	

	.footer_contact li:last-child{

		border-bottom:0;

		}

	

.footer_contact li:nth-child(1){

	padding-bottom:10px;

	}

	

.footer_contact li:before{

	background:none !important;

	}

	

.footer_contact li:nth-child(1):before{

	font-size:15px;

	color:#fff;

	position:absolute;

	top:4px;

	left:0;

	font-family:"FontAwesome";

	content:"\f124";

	

	}

	

.footer_contact li:nth-child(2):before{

	font-size:15px;

	color:#fff;

	position:absolute;

	top:8px;

	left:0;

	font-family:'FontAwesome';

	content:"\f095";	

	}

	

	.footer_contact li:nth-child(3):before{

	font-size:15px;

	color:#fff;

	position:absolute;

	top:8px;

	left:0;

	font-family:"FontAwesome";

	content:"\f003";	

	}

	

	.ask_question select{

		float:left;

		width:20%;

		height: 40px;

		border: 1px solid #ccc;

		margin-bottom: 0px;

		padding: 0 15px;



		}

		

.forum_panel_l{

	text-align:center;

	padding-top: 0;

	}

		

.forum_panel_l img{

	width:100%;

	border-radius:50%;

	}

	

.forum_panel_l span{

	font-size:15px;

	font-family: 'Open Sans', sans-serif;

	display:block;

	padding:8px 0 0px 0;

	color:#f7991c;

	font-weight:400;

	}

	

.forum_panel_l b{

	font-size:12px;

	color:#ACA9A9;

	font-family: 'Open Sans', sans-serif;

	display:block;

	font-weight:400;

	}

	

.forum_panel_mid{

/*	border-left:#eaeaea solid 1px;

	border-right:#eaeaea solid 1px;*/

	padding:0;

	}

	

.forum_panel_mid h3{
	margin-top: 10px;
	font-weight:600;

	}

	

.forum_panel_mid h3 a{

	padding: 0px 15px 5px 0;

	color: #000;

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	float: none;

	font-weight: 600;

	text-align: left;

	display: block;

	line-height:22px;

	}

	

	.forum_panel_mid h3 a:hover{

		color:#000;

		}

	

.forum_panel_mid p{

	font-size: 15px;

	padding:0 0 0 20px;

	margin:0;

	color: #525252;

	font-family: 'Open Sans', sans-serif;

	text-align:left;

	}

	

.askak_qus{

	text-align:right;

	padding:0 0 30px 0;

	}

	

.forum_panel_mid{

	text-align:left;

	}

	

.forum_panel_mid .tag{

	padding-left:0;

	padding-top:0;

	float:left;

}

	

.forum_panel_mid .tag a{

	background:#f7eeee;

	padding:4px 12px;

	color:#9d9d9d;

	font-size:12px;

	font-family: 'Open Sans', sans-serif;

	display:inline-block;

	border:1px solid #eee;

	}

	

.popupquestion{

	text-align:left;

	}

	

.popupquestion label{

	color:#000;

	text-align:left;

	}

	

.forumdetails_question{

	padding-bottom:30px;

	}



.forumdetails_question h3{

		padding: 0px 15px 10px 20px;

		color: #f7991c;

		font-family: 'Open Sans', sans-serif;

		font-size: 22px;

		float: none;

		font-weight: 400;

		text-align: left;

		display: block;

		line-height: 22px;

	}

	

.forumdetails_question p{

	font-size: 15px;

padding: 0 0 0 20px;

margin: 0;

color: #525252;

font-family: 'Open Sans', sans-serif;

text-align: left;

}



.forumdetails_qus_head{

	}

	

.forumdetails_qus_head h4{

	padding:0 0 0 10px;

	margin:0;

	color:#000;

	font-size:24px;

	font-weight:400;

	font-family: 'Open Sans', sans-serif;

	text-transform:capitalize;

	text-align:left;

	}

	

.forumdetails_qus_head_r{

	

	}

	

.forumdetails_qus_head_r button{

	border:0;

	color:#000;

	font-size:20px;

	font-family: 'Open Sans', sans-serif;

	background:none;

	padding:0 0 0 30px;

	}

	

.forumdetails_qus_head_r button:after{

	display:none;

	}

	

.lovevote{

	padding:40px 0 0 0;

	}

	

.lovevote ul li a i, .forum_panel_bottom_l ul li i{

	color:#f7991c;

	}

	



.submitans h5{

	text-transform:capitalize;

	padding-bottom:10px;

	}

	

.submitans button[type="button"]{

	padding:7px 15px;

	margin-bottom:15px;

	}	

	

.reasonjointeam h3{

	font-size: 35px;

    font-weight: 300;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 20px;

	padding:0 0 20px 0;

	margin:0 0 40px 0;

	float:none;

	display:inline-block;

	border-bottom:1px solid #eaeaea;

	font-family: 'Open Sans', sans-serif;

	color:#f7991c;

	}

	

.reason_box{

	text-align:center;

	}

	

.reason_box h4{

	padding:15px 0 10px 0;

	margin:0;

	font-size:20px;

	font-weight:600;

	font-family: 'Open Sans', sans-serif;

	color:#f7991c;

	}

	

.reason_box p{

	padding:0;

	margin:0;

}



.our_vacancy{

	padding:30px 0 50px 0;

	background:#fbfbfb;

	margin:60px 0 0 0;

	}



.our_vacancy h3{

	font-size: 35px;

    font-weight: 300;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 20px;

	padding:0 0 20px 0;

	margin:0 0 40px 0;

	float:none;

	display:inline-block;

	border-bottom:1px solid #eaeaea;

	font-family: 'Open Sans', sans-serif;

	}

.tag a i{
font-size:15px;}

.career_box{

	background:#fff;

	padding:30px 15px 20px 15px;

	border:f4f4f4 solid 1px;

	box-shadow: 2px 2px 10px #ccc;
	min-height: 400px;

	}



.career_box h3{

	padding:0 0 10px 0;

	margin:0 0 20px 0;

	color:#f7991c;

	font-size: 23px;

    font-weight: 600;

	font-family: 'Open Sans', sans-serif;

	}

	

.career_box h4{

	padding:0 0 10px 0;

	margin:0;

	color:#a8a8a8;

	font-size: 18px;

    font-weight: 400;

	font-family: 'Open Sans', sans-serif;

	}

	

.career_box ul{

	padding:0;

	margin:0;

	list-style:none;

	}

	

.career_box ul li{

	color:#000;

	margin:2px 0 0 0;

	}

	

.career_box button[type="button"]{

	padding:5px 25px;

	margin:20px 0;

	}

	

.uploadcv{

	background: url(../images/construction/uploadcv_bg.jpg) no-repeat center top;

	background-size:cover;

	padding:80px 0;

	}

	

.uploadcv h3{

	font-size: 35px;

	font-weight: 300;

	text-transform: uppercase;

	position: relative;

	padding-bottom: 20px;

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

	float: none;

	display: block;

	font-family: 'Open Sans', sans-serif;

	color: #fff;

	}

	

.uploadcv_form .form-group label{

	text-align:left;

	display:block;

	color:#f7991c;

	font-size:16px;

	font-family: 'Open Sans', sans-serif;

	}

	

.uploadcv_form .form-group input[type="file"]{

	padding-top:8px;

	}

	

.uploadcv_form .form-group input.form-control{

	height:40px;	

	}

	

.uploadcv_form .form-group .form-control{

	color:#fff;

	font-size:15px;

	font-family: 'Open Sans', sans-serif;

	}

	

.uploadcv_form .form-group .form-control:focus{

	background:none;

	}

	

	

/***************************Nre Forum***************************************/



.forum_panel_l{

	width:96px;

	height:auto;

	float:left;

	}
	

.forum_panel_l span {
	color: #a2a2a2;
	font-size: 13px;
}
	

.forum_panel_mid{
	float:right;
	width:725px;	
	}

.afterlogin_r .forum_panel_mid{
	float:right;
	width:658px;	
	}	

.askedmin{
    float: right;
    color: #ed9820;
    font-size: 14px;
    line-height: 1.5;
}

	

.askedmin span{

		color:#a4a4a4;

		font-size:12px;

		font-family: 'Open Sans', sans-serif;
		padding: 0;
		/*padding:15px 0 0 0;*/

		display:block;

	}

	

.nopadding_foram{

	padding:0;

	}

	

.forum_inner{

	border-bottom:#f0f0f0 solid 1px;

	padding:10px;

	}

	

.forum_inner:last-child{

	border-bottom:0;

	}

	

.forum_box_right{

	padding:0 0 10px 0;

	background:#fff;

	margin-bottom:20px;
	
	text-align:left;

	}
	
	.forum_box_right label{
		padding-left:13px;
		display:block;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;
		color: #959595;
	}

	

.forum_box_right h4{

	padding: 15px 0 10px 15px;

	color: #000;

	font-family: 'Open Sans', sans-serif;

	font-size: 17px;

	float: none;

	font-weight: 600;

	text-align: left;

	display: block;

	line-height: 22px;

	text-transform:capitalize;	
	border-bottom:#f0f0f0 solid 1px;
	margin:0 0 10px 0;

	}

	

.forum_box_right h5{

	padding: 5px 15px 0 15px;

	margin:0 0 5px 0;

	color: #000;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	float: none;

	font-weight: 400;

	text-align: left;

	display: block;

	line-height: 22px;

	text-transform:capitalize;

	border-top:#f0f0f0 solid 1px;

	}

	

.forum_box_right h5 a:hover{

	color:f7991c;

	}

	

.forum_box_right h5 span{

	display:block;

	color:#919191;

	font-size:12px;

	font-family: 'Open Sans', sans-serif;

	padding:0;

	}

	

.forum_box_right h5 b{

		font-weight:400;

		font-family: 'Open Sans', sans-serif;

		color:#000;

		margin:0 0 0 5px;

	}

	

.forum_details_l_top{

	padding:0 0 30px 0;

	}

	

.forum_details_l_top_l{

	width:50%;

	float:left;

	}



.forum_details_l_top_r{

	float:right;

	}

	

.forum_details_l_top_l_img{

		width: 60px;

		height: 60px;

		float: left;

	}

	

.forum_details_l_top_l_img img{

	width: 100%;

	border-radius: 50%;

	}

	

.forum_details_l_top_l_text{

	float:left;

	padding:7px 0 0 15px;

	}

	

.forum_details_l_top_l_text h5{

	padding:0;

	margin:0;

	color:#000;

	font-size:15px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	text-transform:capitalize;

	}

	

.forum_details_l_top_l_text span{

	display:block;

	color: #919191;

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	padding: 0;

	margin:0;

	text-align:left;

}



.forum_details_l_top_r ul{

	padding:10px 0 0 0;

	margin:0;

	list-style:none;

	text-align:right;

	}

	

.forum_details_l_top_r ul li{

	float:left;

	text-align:center;

	color: #b3b3b3;

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	padding:0 0 0 26px;

	}

	

.forum_details_l_top_r ul li b{

	display:block;

	font-weight:600;

	font-size:15px;

	font-family: 'Open Sans', sans-serif;

	color:#000;

	}

	

.forum_details_l{

	padding:15px;

	}

	

.forum_details_l span {
	color: #b3b3b3;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: left;
	display: inline-block;
	padding: 0 0 5px 0;
	float: left;
}



	

	.forum_details_l span a{

		color:#f7991c;

		}

		

.forum_details_l h3{

	color: #000;

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	float: none;

	font-weight: 600;

	text-align: left;

	display: block;

	margin:0;

	padding:0;

}



.question_tag{
    position:relative;
	text-align:left;

	padding:10px 0 0 0;

	}



.question_tag a{

	background: #f7eeee;

	padding: 4px 12px;

	color: #9d9d9d;

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	display: inline-block;

	border: 1px solid #eee;

}



.forum_details_l p{

	padding:15px 0 0 0;

	margin:0;

	font-size:13px;

	text-align:left;

	font-family: 'Open Sans', sans-serif;

	color:#959595;

	line-height:22px;

}



.answer_panel_l{

	text-align:left;

	}

	

.answer_panel_l{

	padding:20px 0 0 0;

}

	

.answer_panel_l button.box1{

	padding:5px 25px;

	}

	

.Answerbox{

	padding:20px 0 0 0;

	}

	

.Answerbox label{

	color:#000 !important;

	}

	

.Answerbox button[type="button"]{

	padding:5px 25px;

	margin:0 !important;

	}

	

.answer_social{

	border-top:#ccc solid 1px;

	border-bottom:#ccc solid 1px;

	text-align:right;

	padding:0;

	margin:15px 0 0 0;

	}

	

.answer_social span{

	display:inline-block;

	color: #919191;

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	padding-right:15px;

	line-height:12px;

	}

	

.answer_social a{

	display:inline-block;

	border-left:#ccc solid 1px;

	padding:5px 0;

	width:50px;

	text-align:center;

	}

	

.answer_social a i.fa-facebook-f{color:#4764aa;}

.answer_social a i.fa-google-plus-g{color:#ec4e4f;}

.answer_social a i.fa-twitter{color:#58aae4;}

.answer_social a i.fa-linkedin-in{color:#27566a;}



.answerheading{

	background:#2a2a2a;

	padding:5px 15px;

	}

	

.answerheading h3{

	color: #f7991c;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	float: none;

	font-weight: 400;

	text-align: left;

	}

	

.answerheading h3 span{

	display:inline-block;

	font-size:13px;

	color:#fff;

	padding:0 0 0 15px;

	}

	

.forum_details_answer{

	padding:25px 15px;

	border-bottom: #ececec solid 1px;

	}

	

.forum_details_answer_l{

	width: 60px;

	height: 60px;

	float: left;

	}

	

.forum_details_answer_l img{

	width: 100%;

	border-radius: 50%;
	height:100%;

	}

	

.forum_details_answer_r{

	float:left;

	padding:0 0px 0 25px;

	width:749px;

	text-align:left;

	}

	

.forum_details_answer_r h4{

		color: #000;

		font-family: 'Open Sans', sans-serif;

		font-size: 16px;

		float: none;

		font-weight: 600;

		text-transform:capitalize;

		margin:0;

	}



.forum_details_answer_r h4 span{

	display: inline-block;

	color: #919191;

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	padding: 0;

	margin: 0;

	text-align: left;

	text-transform:lowercase;

	margin-left:15px;

	}

	

	

.forum_details_answer_r p{

	padding: 5px 0 0 0;

	margin: 0;

	font-size: 13px;

	text-align: left;

	font-family: 'Open Sans', sans-serif;

	color: #959595;

	line-height: 22px;
	word-break: break-all;

	}

	

.forum_answer_bottom_l{

	padding:5px 0 0 0;

	float:left;

	}

	

.forum_answer_bottom_l i.fa-caret-up{

	color:green;

	font-size:30px;

	float:left;

	padding:5px 0 0 0;

	}

	

.forum_answer_bottom_l span{

	font-size:14px;

	font-weight:600;

	font-family: 'Open Sans', sans-serif;

	float:left;

	padding:2px 7px 0 7px;

	}

	

.forum_answer_bottom_l i.fa-sort-desc{

	color:red;

	font-size:30px;

	float:left;

	}

	

.forum_answer_bottom_r{

	float:right;

	padding:15px 0 0 0;

	}

	

.forum_answer_bottom_r a{

	color: #919191;

	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

	display:inline-block;

	margin-left:15px;

	cursor:pointer;

	}

	

.forum_answer_bottom_r a:hover{

	color:#f7991c;

	}



.forum_answer_bottom_r a i{

	margin-right:5px;

}



.comment_panel{

	padding:15px 0 0 0;

	}



.comment_panel .uploadcv_form .form-group label{

	color:#000;

	}

	

.comment_panel .uploadcv_form button[type="button"]{

	margin-left:0 !important;

	padding: 5px 25px;

	}

	

	.comment_panel textarea, .Answerbox textarea{

		color:#000 !important;}

	

.teachers_panel{
text-align:center;
}

.clr{
clear:both;
}

/*.approach-step.reveal:nth-child(2n+1){
width:50%;float:left !important;}




.approach-step.reveal:nth-child(2n+1) {
	float: right;
	text-align: right;
	padding-right: 30px;
}*/
.section.group.timeline ul{
width:100%;
height:auto;
list-style:none;
}
.section.group.timeline ul li {
	width: 50.2%;
	height: auto;
	position: relative;
	float: left;
	text-align: right;
	min-height: 160px;
	border-right: 5px solid #fff;
	padding-right:34px;
}

.section.group.timeline ul li.approach-step.reveal:nth-child(odd){border-left:0;}

.section.group.timeline ul li:last-child{
border-right:0;
border-left:0;
}


.section.group.timeline ul li:before{
	content: url(step-circle.png);
    background-color: #f7991c;
    position: absolute;
    z-index: 999;
    right: -18px;
    top: 0px;
    width: 32px;
    height: 32px;
}
.section.group.timeline ul li:nth-child(odd):before{
	left: calc(100% - 14px);
}

.section.group.timeline ul li:nth-child(2n+2){
	text-align:left;
	float:right;
	/*margin-top:150px;*/
	padding-left:34px;
	border-right:0;
	border-left:5px solid #fff;
}

.section.group.timeline ul li:nth-child(2n+2):before{
    left: -18px;
}
.section.group.timeline ul li:last-child:before{
	left: calc(100% - 18px);
}

.section.group.timeline ul li p{
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#fff;
	}
	
.registration_l{
padding-top: 110px;}

.resetpassword {
    padding-top: 110px;
}

.accordion-container{
  position: relative;
  max-width: 500px;
  height: auto;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
 }
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #959595;
  font-weight: 300;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#f7991c;
  color: #fff;
}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
  padding:10px 0 0 0;
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.content p span{background:transparent!important;}
.satistic_box {
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 24%;
	float: left;
	background: #fff;
	margin: 5px;
	text-align: center;
}

.satistic_box h5{
	padding:0;
	margin:0;
	color: #959595;
	font-size:13px;
	 font-family: 'Open Sans', sans-serif;
	 font-weight:400;
	 border-top:0;
	 text-align:center;
 }
 
 .satistic_box h3{
 	padding:0;
	margin:0;
	color:#f7991c;
	font-size:24px;
	 font-family: 'Open Sans', sans-serif;
	 font-weight:4600;
	 }

.inner_content ul.pagination{
text-align:center;
background:#fff;
padding:10px 0;
display:block;
}

.inner_content ul.pagination li{
display:inline-block;}

.inner_content ul.pagination li a{
	color:#f7991c;
}

.inner_content ul.pagination li.disabled{color:#eee;}
.inner_content ul.pagination li.active{
	color: #fff;
    background: #f7991c;
    padding: 8px;
    width: 30px;
    border-radius: 5px;
}
.inner_content ul.pagination li.active span{color:#fff;}

.accordion-container .set:last-child a{
border-bottom:0;}

.section-title h4{
text-align:center; font-weight:700; font-size:30px;}

ul.nav.navbar-nav.ml-auto li.list-inline-item a {
	margin-top: 18px;
	display: block;
	background: #f7991c;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	text-align:center;
}

ul.nav.navbar-nav.ml-auto li.list-inline-item a :hover{display:none;}

.afterlogin ul li{
text-align:center;
}

.afterlogin ul li img{
width:110px;
height:110px;
border-radius:50%;
display:inline-block;}

.afterlogin ul li a.profile_link{
background:none !important;
color:#f7991c !important;
margin:0 !important;
padding-top:5px!important;
padding-bottom:5!important;
border-bottom:#ccc solid 1px;
border-radius:0;
}

.card.hovercard .bottom a {
	background: #f7991c;
	padding: 9px 0 0 0;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color:#fff;
	border:0;
}

.card.hovercard .bottom a:hover{
border:0;
}
	
.desc h4{font-size:12px; font-weight:bold;
}

.info .title a{font-size:21px;}

.avatar{
position:relative;
}

.avatar .camera_icon {
display:none;}

.avatar:hover .camera_icon {
	position: absolute;
	top: 62px;
	right: 79px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #f7991c;
	padding: 4px 0 0 0;
	display:block;
}

.avatar .camera_icon i{
color:#000;}

.login-inner label{
text-align:left;
}

.forum_answer_bottom_l a{
float:left;
}

.forum_answer_bottom_l a i{
color:#f7991c;}

#teachers .owl-nav{
	top:40%;
}

#teachers .owl-nav .owl-prev{
left:-10px;
}

#teachers .owl-nav .owl-next{
right:-10px;
}

.ui-autocomplete {
	position: absolute !important;
	top: 600px !important;
	left: 435px !important;
	cursor: default;
	z-index: 9999 !important;
}

.ui.icon.input > i.icon{
top:-7px !important;}

.note-editor.note-frame.card{
padding-top:0}

.note-editor.note-frame.card button[type="button"]{
	padding: 5px 11px;
}

.note-editor.note-frame.card:hover:before{
background-color: transparent !important;
border:0;
color:#000!important;}

.home-link span {
	display: block;
	text-align: right;
	margin-top: -30px;
	color: #ffc107;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}

.row-eq-height > [class*="col-"] > .alert{height:auto;}

button.btn-iconic:hover span i{color:#fff !important;}

.services_box{
text-align: center;
padding:20px 30px;
background:#fff;
box-shadow:2px 2px 5px #ccc;
border-radius:10px;}

.services_box h5 i{
display:block;
margin-bottom:10px}

.services_box h5 span{
display:block;
text-align:center;}

.services_box p{
text-align:justify;
}

.answer_panel_box{
width:609px;}
.note-editable.card-block {
	padding: 15px !important;
}
.note-editable.card-block p{
	padding: 0px;
}
.note-toolbar-wrapper{
	height: auto!important;
}
.xclose {
    position: absolute;
    top: 21px;
    right: 0;
}


.teachers_panel_img{
height:auto;
padding:0 10px;}

.teachers_panel_img img{
	/*max-width:218px;*/
	max-height:218px;
/*width:100%;
height:100%;*/
}

.teachers_text{
height:88px;}

.teachers_text .section-title1 h4{font-size:18px; font-weight:bold;}
.teacher-qualification{font-style:italic; font-family: cursive; color:#FFF;}

.forum_profile_img{
	margin:0 auto;
width:48px;
height:48px;}

.forum_profile_img img{
width:100%;
height:100%;}


/************************Video******************************************/
	
	
.video_box{
	background: #fff;
	/*padding: 20px 15px 10px 15px;*/
	padding: 0 0 10px 0;
	border: f4f4f4 solid 1px;
	box-shadow: 2px 2px 10px #ccc;
	width:100%;
	margin:0 0 30px 0;
}


.video_box h4{
	height:62px;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
	color: #f7991c;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	overflow:hidden;
}

.video_section{
	position:relative;
	border:1px solid #ccc;
	/*padding: 5px 5px 0 5px;*/
}
.video-hover-icon{
	/*z-index: 9;*/
    position: absolute;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
	pointer-events:none;
	text-align:center;
	display:grid;
	align-items:center;
	justify-content:center;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}
.video_section:hover .video-hover-icon{
	opacity: 1;
}

.video-hover-icon i{
	position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
	font-size: 48px;
	color: Red;
}
.video-premium h5 {
    background: #ed9820;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 3px;
}
.question-edit-badge{line-height: 1;
    font-size: 12px;
    padding: 4px 6px;
    float: right;
    width: 20px;
    height: 20px;
    color: #FFF;
    background: #f7991c;
    border-radius: 30px;}
.question_accordian{margin-bottom: 30px;}
.accordion-container{
position: relative;
max-width: 500px;
height: auto;
margin: 10px auto;
}
.accordion-container > h2{
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.set{
position: relative;
width: 100%;
height: auto;
background-color: #f5f5f5;
margin:0 0 5px 0;
overflow-x:scroll;
}
.set > a{
display: block;
padding: 10px 15px 10px 40px;
text-decoration: none;
color: #f7991c;
font-weight: 600;
border-bottom: 1px solid #ddd;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
text-align:left;
background:#fff;
font-family: 'Open Sans', sans-serif;
position:relative;
}

.set > a:before {
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 20px;
background: #f7991c;
border-radius: 50%;
content: "Q";
color: #fff;
text-align: center;
line-height: 19px;
  font-family: 'Open Sans', sans-serif;
}

.set > a:hover:before, .set > a.active:before {
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
content: "Q";
color: #f7991c;
text-align: center;
line-height: 19px;
  font-family: 'Open Sans', sans-serif;
}

.set > a p{width:calc(100% - 30px);margin-bottom:0;font-size:16px;cursor:pointer;background:transparent!important;}
.set > a p span{background:transparent!important;}

.set > a i{
	position:absolute;
	right:15px;
	top:13px;
	float: right;
	/*margin-top: 2px;*/
}
.set > a.active, .set > a:hover{
background-color:#f7991c;
color: #fff;
}
.set img{
    display: block;
    margin: 0 auto!important;
    max-width: 100%;
    height: auto!important;
    z-index: 0!important;
    position: relative!important;
}
.content{
	position:relative;
background-color: #fff;
border-bottom: 1px solid #ddd;
display:none;
overflow-x:scroll;
}
.content p{
padding: 10px 15px 10px 40px;
margin: 0!important;
color: #333;
text-align:left!important;
font-family: 'Open Sans', sans-serif;
position:relative;
/*word-break: break-word;*/
/*word-break: break-all;*/
}
.content img{display:block; margin:0 auto!important;max-width: 100%;height: auto!important;z-index:0!important;position:relative!important;}
.content table p{
	padding:0!important;
	font-size:12px!important;
}
.content table{width:100%!important; overflow:scroll;margin:0!important;}
.content ul{
	padding-left: 50px;
}
.content ul li{
padding: 10px;
margin: 0;
color: #333;
text-align:left;
font-family: 'Open Sans', sans-serif;
position:relative;
}

.content:before {
position: absolute;
margin-top: 8px;
left: 10px;
width: 20px;
height: 20px;
background: #f7991c;
border-radius: 50%;
content: "A";
color: #fff;
text-align: center;
line-height: 19px;
font-size:13px;
font-weight:600;
  font-family: 'Open Sans', sans-serif;
}

.askquestion_select_box{
width:17.5%;
float:left;
margin-right:5px;
position:relative;}

.askquestion_select_box:after{
position:absolute;
top:10px;
right:10px;
content:"\f107";
font-family: "FontAwesome";
pointer-events:none;
}
.answer.correct{
	color: green;
}

.sort_panel {
width: 8.7%;
float: left;
margin-left: 5px;
position: relative;
}

.sort_panel:after{
position:absolute;
top:10px;
right:10px;
content:"\f160";
font-family: "FontAwesome";
pointer-events:none;
color:#b5b5b5;
}


.askquestion_select_box select::-ms-expand {display: none; }
.askquestion_select_box select{
-webkit-appearance: none;
appearance: none;
width:100%;
border:1px solid #ccc;
  font-family: 'Open Sans', sans-serif;
}

.sort_panel select::-ms-expand {display: none; }
.sort_panel select{
-webkit-appearance: none;
appearance: none;
width:100%;
border:1px solid #ccc;
  font-family: 'Open Sans', sans-serif;
  
}

.question_accordian h4{
text-align:left;
font-size:22px;
font-weight:600;
font-family: 'Open Sans', sans-serif;
padding:10px 0;
color:#646464;}

.question_accordian h5{
text-align:center;
font-size:20px;
padding:20px 0 0 0;
font-family: 'Open Sans', sans-serif;
text-transform:capitalize;
}

.examthankyou_page h3{
padding:0;
margin:0;
color:#f7991c;
font-size:30px;
font-family: 'Open Sans', sans-serif;
text-align:center;
font-weight:600;
}

.examthankyou_page h5{
padding:15px 0;
margin:0;
color:#646464;
font-size:20px;
font-family: 'Open Sans', sans-serif;
text-align:center;
font-weight:400;
text-transform:capitalize;
}

.examthankyou_page h2 {
padding: 0;
margin: 0;
color: #626262; 
font-size: 30px;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-weight: 700;
/* text-transform: uppercase; */
}
.tab.mcq_q,.step{
	font-family:'Open Sans', sans-serif!important;
}
.tab.mcq_q h5{
	text-align:left;
}
.tab.mcq_q span{
	font-family:'Open Sans', sans-serif!important;
}
.step{cursor:pointer;}
p.Qstn-no{width: 40px; float:left;}
.Qstn-detail{width: calc(100% - 40px); float:left;}
.Qstn-detail img{display:block; margin:0 auto;max-width: 100%;height: auto!important;}
.Qstn-detail img{display:block; margin:0 auto;max-width: 100%;height: auto!important;}
span.Ans-detail {float: left;width: calc(100% - 60px);}
section.inner_content{padding-bottom:0!important;}

.tab.mcq_q input[type=radio]{width: 20px;height: 20px;min-width:20px; min-height:20px;margin-top: -2px;margin-right: 10px;float: left;}
.question_pre_margin{float:left;margin-right:10px;}
.resultTab{
	border-bottom: 1px solid #dfdfdf;
}
.resultTab .nav-link{
	font-size: 1.1rem;
}
.resultTab .nav-link.active, .resultTab .nav-pills .show>.nav-link{
	background-color: #f7991c;
	border-radius: 4px 4px 0 0;
}

.video-premium{
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%; /*calc(100% - 10px);*/
	background: rgba(0,0,0,.75);
	/*display: flex;
    align-items: flex-end;
    justify-content: end;
	flex-direction: column!important;*/
}
.video-premium .btn{
	width: 100%;
    height: 100%;
	top:0;
    left: 0;
    position: absolute;
	background: transparent;/*red;*/
	border:0;
	padding:6px 12px;
	border-radius:4px 0 0 4px;
	/*margin-top: 15px;*/
	color:#FFF!important;
}
.video-premium .btn:before{
	display:none;
}
.video-premium .btn span.btn-text{
	width: 148px;
    top: 25px;
    right: -48px;
    position: relative;
    padding: 2px 6px;
    float: right;
    background: red;
    transform: rotate(45deg);
}

.blog .blog-comments {
	text-align:left;
  margin-bottom: 30px;
}

.blog .blog-comments .comments-count {
  font-weight: bold;
}

.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog .blog-comments .comment .comment-img {
  width: 50px;
}

.blog .blog-comments .comment h5 {
  margin-left: 65px;
  font-size: 16px;
  margin-bottom: 2px;
}

.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #4d4643;
  transition: 0.3s;
}

.blog .blog-comments .comment h5 a:hover {
  color: #f7991c;
}

.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #111;
}

.blog .blog-comments .comment time {
  margin-left: 65px;
  display: block;
  font-size: 14px;
  color: #777777;
  margin-bottom: 5px;
}

.blog .blog-comments .comment p {
  margin-left: 65px;
}

.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}

.reply-block{margin: 10px 0;}
.reply-block textarea{
	border:0;
	border-radius: 0;
	width:100%;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 0;
}
.reply-block textarea:focus{
	outline: none;
	border-bottom: 1px solid #000;
}
.comment-btn, .cancel-btn{
	margin: 10px 0;
	height: 36px;
	border-radius: 2px;
	padding: 4px 20px;
	font-size: 16px;
	border:0;
	color:#FFF;
	text-transform: uppercase;
}
.comment-btn, .comment-btn:hover, .comment-btn:focus{background: #f7991c;}
.cancel-btn, .cancel-btn:hover, .cancel-btn:focus{background: #6c757d;}
.comment-btn:before, .cancel-btn:before{content:"";height:auto!important;background:none!important;}
	
/************************Video******************************************/

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 