@charset "utf-8";
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
:before, :after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
ul {
	list-style:none
}
a {
	text-decoration:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
display:none;
height:0
}
[hidden], template {
display:none
}
a {
	background-color:transparent
}
a:active, a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code, kbd, pre, samp {
	font-family:monospace, monospace;
	font-size:1em
}
button, input, optgroup, select, textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button, select {
	text-transform:none
}
button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height:normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td, th {
	padding:0
}
.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, 0px, 0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
	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-item {
	position:relative;
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel .owl-item img {
	display:block;
	width:100%;
	-webkit-transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select:auto;
	-moz-user-select:auto;
	-ms-user-select:auto;
	user-select:auto
}
.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;
	background:url(owl.video.play.png) no-repeat;
	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-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
	display:none
}
.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-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
}
.owl-nav {
	position:absolute;
	left:0;
	width:100%;
	height:0
}
.owl-nav div {
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
.owl-dots {
	text-align:left;
	display:none!important
}
.owl-dot {
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
.owl-dots {
	position:absolute;
	bottom:20px;
	right:0;
	z-index:999
}
.owl-dot {
	display:inline-block;
	width:17px;
	height:17px;
	margin:0 2px;
	background:#FFF;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%
}
.owl-dot:hover, .owl-dot.active {
	background:#2c85c4
}
@media only screen and (min-width: 769px) {
.owl-dots {
display:block!important
}
}
.mfp-bg {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1042;
	overflow:hidden;
	position:fixed;
	background:#0b0b0b;
	opacity:.8;
	filter:alpha(opacity=80)
}
.mfp-wrap {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1043;
	position:fixed;
	outline:none!important;
	-webkit-backface-visibility:hidden
}
.mfp-container {
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	padding:0 8px;
	-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 {
	width:100%;
	max-width:924px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	text-align:left;
	z-index:1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width:100%;
	cursor:auto
}
.mfp-ajax-cur {
	cursor:progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor:-moz-zoom-out;
	cursor:-webkit-zoom-out;
	cursor:zoom-out
}
.mfp-zoom {
	cursor:pointer;
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	cursor:zoom-in
}
.mfp-auto-cursor .mfp-content {
	cursor:auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.mfp-loading.mfp-figure {
	display:none
}
.mfp-hide {
	display:none!important
}
.mfp-preloader {
	color:#CCC;
	position:absolute;
	top:50%;
	width:auto;
	text-align:center;
	margin-top:-.8em;
	left:8px;
	right:8px;
	z-index:1044
}
.mfp-preloader a {
	color:#CCC
}
.mfp-preloader a:hover {
	color:#FFF
}
.mfp-s-ready .mfp-preloader {
	display:none
}
.mfp-s-error .mfp-content {
	display:none
}
button.mfp-close, button.mfp-arrow {
	overflow:visible;
	cursor:pointer;
	background:transparent;
	-webkit-appearance:none;
	display:block;
	outline:none;
	z-index:1046;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:solid 3px #FFF;
	border-radius:50%;
	margin:13px 16px
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
	width:30px;
	height:30px;
	line-height:27px;
	position:absolute;
	right:0;
	top:0;
	text-decoration:none;
	text-align:center;
	opacity:.65;
	filter:alpha(opacity=65);
	padding:0 0 0 1px;
	color:#FFF;
	font-style:normal;
	font-size:24px;
	font-family:Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
	opacity:1;
	filter:alpha(opacity=100)
}
.mfp-close:active {
	top:1px
}
.mfp-close-btn-in .mfp-close {
	color:#FFF
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color:#FFF;
	right:-6px;
	text-align:right;
	padding-right:6px;
	width:100%
}
.mfp-counter {
	position:absolute;
	top:0;
	right:0;
	color:#CCC;
	font-size:12px;
	line-height:18px;
	white-space:nowrap
}
.mfp-arrow {
	position:absolute;
	opacity:.65;
	filter:alpha(opacity=65);
	margin:0;
	top:50%;
	margin-top:-55px;
	padding:0;
	width:90px;
	height:110px;
	-webkit-tap-highlight-color:transparent
}
.mfp-arrow:active {
	margin-top:-54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity:1;
	filter:alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:0;
	margin-top:35px;
	margin-left:35px;
	border:medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width:13px;
	border-bottom-width:13px;
	top:8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width:21px;
	border-bottom-width:21px;
	opacity:.7
}
.mfp-arrow-left {
	left:0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right:17px solid #FFF;
	margin-left:31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left:25px;
	border-right:27px solid #3F3F3F
}
.mfp-arrow-right {
	right:0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left:17px solid #FFF;
	margin-left:39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left:27px solid #3F3F3F
}
.mfp-iframe-holder {
	padding-top:40px;
	padding-bottom:40px
}
.mfp-iframe-holder .mfp-content {
	line-height:0;
	width:100%;
	max-width:900px
}
.mfp-iframe-holder .mfp-close {
	top:-40px
}
.mfp-iframe-scaler {
	width:100%;
	height:0;
	overflow:hidden;
	padding-top:56.25%
}
.mfp-iframe-scaler iframe {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
	background:#000
}
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, 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, 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, 0.6);
position:fixed;
text-align:center;
padding:0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform:scale(0.75);
transform:scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin:0;
transform-origin:0
}
.mfp-arrow-right {
-webkit-transform-origin:100%;
transform-origin:100%
}
.mfp-container {
padding-left:6px;
padding-right:6px
}
}
.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
}
::-moz-selection {
background-color:#007d9d;
color:#fff;
text-shadow:none
}
::selection {
background-color:#007d9d;
color:#fff;
text-shadow:none
}
.owl-carousel {
	display:block!important
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:inherit;
opacity:1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:inherit
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:inherit
}
body {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	overflow-x:hidden;
	background:#FFF
}
.container:after, .container:before {
	content:" ";
	display:table
}
.container:after {
	clear:both
}
h1, h2, h3, h4, h5, h6, ul, li, figure {
	margin:0;
	padding:0
}
img {
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	display:block
}
.container {
	width:100%;
	position:relative;
	max-width:1100px;
	margin:0 auto;
	padding:0 2%
}
.main-header {
	width:100%;
	float:left;
	position:relative
}
.header-topbar {
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0 11px;
	color: white;
}
.header-topbar ul li {
	font-size:14px;
	/* color:#a3a3a3; */

	display:inline-block
}
.header-topbar a {
	/* color:#a3a3a3; */
	color: white;
	display:block;
	border-right:#a3a3a3 1px solid;
	line-height:1em;
	padding:0 10px
}
.header-topbar ul li:last-child a {
	border-right:none
}
.header-topbar a:hover {
	color:#b250f1
}
.header-sup {
	width:100%;
	float:left;
	margin-bottom:10px;
	position:relative;
	padding:10px 0 0;
	background:rgba(79, 10, 115, 0.65);
	border:#653b7b 1px solid
}
.mobilemenu {
	display:block;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:20px;
	font-weight:700;
	width:100%;
	float:left;
	text-align:left;
	background:#4f0a73;
	padding:0 10px;
	text-decoration:none
}
.mobilemenu:hover, .mobilemenu.active {
	background:#2f054a
}
.logo {
	float:left;
	width:100%;
	 /* margin-bottom:10px */
	margin: -30px 70px 0px -4px;
	max-width: 120px;
}

/*
.logo img {
	margin:0 auto;
	max-width:280px;
}
*/

.details {
	width:100%;
	float:right;
	text-align:center
}
.signup-button {
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0
}
.signup-button a {
	width:100%;
	max-width:92px;
	text-align:center;
	display:inline-block;
	padding:14px 0;
	background:#0cbb4a;
	font-size:14px;
	color:#f6f6f6;
	font-weight:700;
	line-height:1em;
	text-transform:uppercase;
	border-radius:4px
}
.signup-button a:hover {
	background:#8235ac
}
.signup-button .btn-register {
	margin-left:8px;
	background:#f7931e
}
.nav-sup {
	width:100%;
	float:left;
	background:#4f0a73;
	display:none
}
.nav-sup ul li {
	display:block;
	text-align:left;
	position:relative
}
.nav-sup ul li a {
	font-size:14px;
	color:#FFF;
	display:block;
	padding:6px 15px;
	position:relative;
	line-height:1em
}
.nav-sup ul li a:hover, .nav-sup ul li.active > a, .nav-sup ul li.current-menu-item > a {
	color:#FFF;
	background:#2f054a
}
.nav-sup ul ul {
	width:100%;
	position:relative;
	background:#f1f1f1
}
.nav-sup ul ul li {
	display:block
}
.nav-sup ul ul li + li {
	margin-left:0
}
.banner-area {
	width:100%;
	float:left;
	position:relative;
	border-bottom:#989798 3px solid
}
.banner-area .owl-nav {
	position:absolute;
	left:0;
	top:14%;
	width:100%;
	height:0
}
.banner-area .owl-prev {
	width:20px;
	height:36px;
	position:absolute;
	left:0;
	background:url(/static/images/lft-arw.png) no-repeat center
}
.banner-area .owl-next {
	width:20px;
	height:36px;
	position:absolute;
	right:0;
	background:url(/static/images/rght-arw.png) no-repeat center
}
.banner-slider {
	width:100%;
	float:left;
	position:relative
}
.banner-caption {
	width:100%;
	position:relative;
	text-align:center;
	bottom:0;
	left:0;
	background:#000;
	padding:20px 0
}
.banner-caption h1 {
	font-size:22px;
	color:#FFF;
	font-weight:700;
	line-height:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 10px
}
.banner-caption p {
	font-size:14px;
	color:#FFF;
	line-height:1em;
	margin:0 0 15px
}
.banner-caption a {
	display:inline-block;
	background:#0cbb4a;
	line-height:1em;
	border-bottom:#127936 3px solid;
	border-radius:4px;
	font-size:16px;
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
	padding:14px 29px
}
.banner-caption a:hover {
	background:#127936
}
.banner-area img {
	width:100%
}
.body {
	width:100%;
	float:left;
	background:#f5f5f7;
	padding:55px 0 0
}
.body h1.heading {
	font-size:26px;
	color:#4d4d4d;
	font-weight:600;
	line-height:1em;
	margin:0 0 17px;
	text-transform:uppercase
}
.bulb-icon {
	width:40px;
	height:44px;
	display:inline-block;
	vertical-align:middle;
	background:url(/static/images/bulb.png) no-repeat center;
	margin:-10px 9px 0 0
}
.bulb-icon.small {
	width:29px;
	height:32px;
	display:inline-block;
	vertical-align:bottom;
	background:url(/static/images/bulb-small.png) no-repeat center;
	margin:0 5px 0 0
}
.body p {
	font-size:14px;
	color:#282828;
	line-height:1.4em;
	margin:0 0 10px
}
.body h3 {
	font-size:18px;
	color:#5c5c5c;
	line-height:1em;
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 24px;
	clear:both
}
.body ol {
	padding:0;
	margin:0
}
.body ol li {
	list-style-image:none;
	counter-increment:section;
	left:34px;
	font-size:14px!important;
	color:#282828;
	position:relative;
	padding-left:20px;
	padding-right:40px
}
.body ol li:before {
	content:"0" counter(section);
	font-size:16px;
	background-color:#f7931e;
	color:#FFF;
	font-weight:600;
	padding:8px 12px;
	border-radius:4px;
	position:absolute;
	left:-33px;
	top:2px;
	border-bottom:#c4710f 3px solid
}
.body ol li + li {
	margin-top:30px
}
.body hr {
	border:#d0d0d0 1px solid;
	margin:20px 0
}
.course-sec {
	width:100%;
	float:left;
	text-align:center
}
.course-sec p {
	width:100%;
	max-width:850px;
	margin:0 auto 38px
}
.course-thumb-area {
	width:100%;
	float:left
}
.course-thumb-area .grid-thumb {
	width:100%;
	float:left;
	margin-bottom:55px;
	min-height:289px
}
.course-thumb-area .grid-thumb:hover .overlay {
	opacity:1;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.course-thumb-area .grid-thumb .white-bg {
	width:100%;
	float:left;
	background:#FFF;
	border:#d1d1d1 1px solid;
	padding:6px;
	border-radius:3px;
	box-shadow:rgba(0, 0, 0, 0.2) 0 2px 7px;
	margin-bottom:0
}
.course-thumb-area .grid-thumb .image-area {
	width:100%;
	float:left;
	margin-bottom:18px;
	position:relative
}
.course-thumb-area .grid-thumb .overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:rgba(70, 18, 97, 0.8);
	opacity:0;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.course-thumb-area .grid-thumb img {
	/* width:100%; */
	width: 200px;
	height: 200px;
	border-radius:3px
}
.course-thumb-area .grid-thumb .text-sec {
	width:100%;
	float:left;
	text-align:left;
	padding-left:7px;
	position:relative;
	height:117px
}

.text-sec .desc{
	height:57px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course-thumb-area .grid-thumb p.title {
	font-size:15px;
	color:#303030;
	font-weight:700;
	line-height:1em;
	margin:0 0 20px
}
.course-thumb-area .grid-thumb p {
	font-size:13px;
	color:#464646;
	margin:0 0 27px
}
.course-thumb-area .grid-thumb .btn-readmore {
	position:absolute;
	bottom:-28px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	line-height:1em;
	padding:10px 0;
	background:#0cbb4a;
	border-radius:3px;
	width:100%;
	max-width:90px;
	text-align:center
}
.course-thumb-area .grid-thumb .btn-readmore:hover {
	background:#2f054a
}
.testimonial-sec {
	width:100%;
	float:left;
	position:relative;
	background:url(/static/images/t-bg.jpg) no-repeat center;
	background-size:cover;
	padding:42px 0 55px
}
.testimonial-sec .overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:rgba(70, 18, 97, 0.92)
}
.testimonial-sec h2 {
	font-size:24px;
	color:#fff;
	font-weight:600;
	line-height:1em;
	margin:0 0 40px;
	text-align:center;
	text-transform:uppercase
}
.testimonial-sec .text-sec {
	width:100%;
	float:left;
	text-align:center;
	background:#FFF;
	padding:35px 18px 65px;
	position:relative
}
.testimonial-sec .text-sec img {
	width:88px;
	height:88px;
	display:inline-block;
	border-radius:100%;
	border:#dedede 3px solid
}
.testimonial-sec .text-sec p {
	font-size:15px;
	color:#6a6a6a;
	font-style:italic;
	margin:0
}
.testimonial-sec .text-sec .author-name {
	width:100%;
	text-align:center;
	position:absolute;
	right:0;
	bottom:15px
}
.testimonial-sec .text-sec .author-name p.title {
	font-weight:700;
	color:#000;
	font-size:15px;
	line-height:1em
}
.testimonial-sec .text-sec .author-name p {
	font-size:13px;
	color:#000;
	font-style:normal
}
.learning-sec {
	width:100%;
	float:left;
	text-align:center;
	background:#FFF;
	padding:60px 0 0
}
.learning-sec p {
	font-size:14px;
	color:#8d8d8d;
	max-width:885px;
	margin:0 auto 65px;
	text-align:center
}
.learning-sec .learning-blog {
	width:100%;
	float:left;
	text-align:center;
	position:relative;
	padding:52px 14px 13px;
	background:#e1e1e1;
	margin-bottom:55px;
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
@-webkit-keyframes hvr-buzz {
50% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
100% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
100% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
}
.learning-sec .learning-blog .icon-sec {
	width:60px;
	height:60px;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	margin:0 auto;
	background:#43145e;
	border-radius:100%
}
.learning-sec .learning-blog:hover .icon-sec {
	-webkit-animation-name:hvr-buzz;
	animation-name:hvr-buzz;
-webkit-animation-duration:.15s;
animation-duration:.15s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.learning-sec .learning-blog .icon-sec img {
	margin:0 auto
}
.learning-sec .learning-blog p.title {
	font-size:18px;
	color:#3a3a3a;
	font-weight:700;
	text-transform:uppercase;
	line-height:1em;
	margin:0 0 18px
}
.learning-sec .learning-blog p {
	font-size:14px;
	color:#3a3a3a;
	margin:0;
	max-width:none
}
.inner-body-module {
	width:100%;
	float:left
}
.inner-body-module .left-panel {
	width:100%;
	float:left;
	padding:0 10px
}
.inner-body-module .white-bg {
	width:100%;
	float:left;
	background:#FFF;
	padding:19px 18px;
	border:#d2d2d2 1px solid;
	margin-bottom:25px
}
.inner-body-module .alignleft {
	border:#fff 2px solid;
	box-shadow:rgba(0, 0, 0, 0.3) 0 0 2px;
	margin-bottom:15px
}
.inner-body-module .right-panel h1.heading {
	font-size:18px!important;
	margin:0 0 23px!important;
	clear:both
}
.inner-body-module .right-panel {
	width:100%;
	max-width:284px;
	margin:0 auto
}
.inner-body-module .right-panel .grid-12 {
	width:100%;
	float:left;
	margin-top:30px
}
.inner-body-module .right-panel .gray-bg {
	width:100%;
	float:left;
	padding:12px 12px 4px;
	background:#d5d5d5;
	border:1px #d2d2d2 solid
}
.right-panel .course-thumb-area .grid-thumb {
	margin-bottom:34px
}
.inner-body-module .newsletter-sec {
	margin-top:60px
}
.inner-body-module .newsletter-sec .social-icon {
	padding:24px 0;
	margin-top:0;
	text-align:center;
	border:none
}
.inner-body-module .newsletter-sec h2 {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 0 0
}
.inner-body-module .course-thumb-area .grid-thumb p.title {
	font-size:14px
}
.details-page-area {
	width:100%;
	float:left
}
.details-page-area .upper-sec {
	width:100%;
	float:left;
	background:#FFF;
	padding:20px 20px 0;
	border:#d2d2d2 1px solid;
	margin-bottom:22px
}
.details-page-area .upper-sec .grid-7 {
	width:100%;
	float:left
}
.details-page-area .upper-sec .alignleft {
	border:none;
	box-shadow:rgba(0, 0, 0, 0.6) 0 0 8px
}
.details-page-area .upper-sec h2 {
	font-size:20px;
	color:#343434;
	font-weight:700;
	line-height:1em;
	margin:0 0 20px
}
.details-page-area .upper-sec .grid-5 {
	width:100%;
	float:left
}
.time-date-sec {
	width:100%;
	max-width:278px;
	text-align:left;
	margin:0 auto;
	padding:48px 0 20px;
	clear:both
}
.time-date-sec .chkbox {
	float:left;
	margin-right:10px
}
.time-date-sec .text {
	display:block;
	overflow:hidden
}
.time-date-sec p {
	font-size:13px!important;
	line-height:1.4em
}
.details-page-area .upper-sec h5 {
	font-size:18px;
	color:#343434;
	font-weight:700;
	line-height:1em;
	margin:0 0 14px;
	text-align:center
}
.time-date-sec .btn-enroll {
	display:inline-block;
	width:100%;
	text-align:center;
	background:#0cbb4a;
	padding:12px 0;
	border-radius:3px;
	font-size:22px;
	font-weight:700;
	color:#FFF;
	line-height:1em;
	border-bottom:#0d7f35 3px solid;
	margin-bottom:10px
}
.time-date-sec .btn-enroll:hover {
	background:#441857;
	border-color:#280831
}
.course-details-area {
	width:100%;
	float:left
}
.course-details-area .grid-7 {
	width:100%;
	float:left
}
.course-details-area .grid-5 {
	width:100%;
	max-width:332px;
	margin:0 auto
}
.course-details-area .white-bg {
	width:100%;
	float:left;
	background:#FFF;
	padding:20px 20px 22px;
	border:#d2d2d2 1px solid
}
.course-details-area h4 {
	color:#343434;
	font-size:18px;
	font-weight:700;
	line-height:1em;
	margin-bottom:24px
}
.course-details-area .grid-12 {
	width:100%;
	float:left;
	margin-bottom:25px
}
.course-details-area .pull-right p {
	font-size:16px;
	margin:0;
	display:inline-block
}
.course-details-area .pull-right p span {
	color:#0171c7
}
.course-details-area .alignright {
	margin-bottom:10px
}
.course-details-area p {
	margin:0 0 20px
}
.course-details-area .btn-seemore {
	display:inline-block;
	padding:9px 18px;
	background:#0cbb4a;
	border-bottom:#0d7f35 2px solid;
	color:#FFF;
	font-size:14px;
	border-radius:3px;
	margin-bottom:35px
}
.course-details-area ul {
	width:100%;
	float:left;
	margin-bottom:15px
}
.course-details-area ul li {
	color:#343434;
	font-size:14px;
	line-height:1em;
	margin-bottom:14px;
	list-style-image:url(/static/images/bullet.png);
	position:relative;
	left:15px;
	padding-right:15px
}
.course-details-area .instructor-thumb-area {
	width:100%;
	float:left
}
.course-details-area .instructor-thumb-part {
	width:100%;
	max-width:145px;
	text-align:center;
	margin:0 auto
}
.course-details-area .instructor-thumb-part img {
	width:106px;
	height:106px;
	border-radius:100%;
	display:inline-block;
	border:#d0d0d0 3px solid;
	margin-bottom:10px
}
.course-details-area .instructor-thumb-part p.title {
	font-size:18px;
	color:#43145e;
	line-height:1em;
	font-weight:700;
	margin:0 0 10px
}
.course-details-area .instructor-thumb-part p.title a {
	color:#43145e
}
.course-details-area .instructor-thumb-part p.title a:hover {
	color:#732b9c
}
.course-details-area .instructor-thumb-part p {
	font-size:15px
}
.course-details-area .time-date-sec {
	padding:5px 0;
	float:none!important;
	margin:0 auto
}
.about-course-feature {
	width:100%;
	float:left
}
.about-course-feature .white-bg {
	padding:0;
	margin-top:30px
}
.about-course-feature ul {
	margin:0
}
.about-course-feature ul li {
	list-style-image:none;
	padding:0;
	left:0;
	padding:15px 18px;
	margin:0;
	font-size:14px;
	color:#7d7d7d;
	line-height:1.4em
}
.about-course-feature ul li span.left {
	width:100%;
	max-width:181px;
	float:left
}
.about-course-feature ul li i {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px
}
.about-course-feature ul li span.right {
	display:block;
	overflow:hidden
}
.about-course-feature ul li + li {
	border-top:#d3d3d3 1px solid
}
.about-course-feature ul li:last-child {
	text-align:center
}
.about-course-feature ul li:last-child span {
	color:#0170c8
}
.share-friend {
	width:100%;
	float:left;
	text-align:center;
	padding-top:22px
}
.share-friend p.title {
	font-size:15px;
	color:#666;
	font-weight:700;
	line-height:1em;
	margin-bottom:18px
}
.share-friend img {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	margin-left:7px
}
.share-friend img:hover {
	-webkit-animation-name:hvr-push;
	animation-name:hvr-push;
-webkit-animation-duration:.3s;
animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
.mycourse-area {
	width:100%;
	float:left
}
.mycourse-area .course-part-sec {
	width:100%;
	float:left;
	padding-bottom:25px
}
.mycourse-area .course-part-sec + .course-part-sec {
	padding-top:25px;
	border-top:#d7d7d7 1px solid
}
.mycourse-area .course-part-sec img {
	border:#FFF 3px solid;
	border-radius:4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 0 8px;
	margin-bottom:10px
}
.mycourse-area .course-part-sec h2 {
	color:#802b9e;
	font-size:22px;
	line-height:1.2em;
	font-weight:400;
	margin-bottom:10px
}
.mycourse-area .course-part-sec a {
	color:#802b9e
}
.mycourse-area .course-part-sec .btn-course {
	display:inline-block;
	padding:11px 15px;
	border-bottom:#b3921d 3px solid;
	background:#eabe25;
	border-radius:4px;
	font-size:15px;
	color:#FFF;
	text-transform:uppercase
}
.mycourse-area .course-part-sec .btn-course:hover {
	background:#441857;
	border-color:#280a32
}
.mycourse-area .course-part-sec .i-setting {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px
}
.mycourse-area .course-part-sec .i-setting img {
	box-shadow:none;
	margin:0
}
.course-part-sec .gray-box {
	width:100%;
	float:left;
	background:#e9e9e9;
	padding:20px 10px
}
.course-part-sec .gray-box p {
	font-size:14px;
	margin:0;
	color:#565656
}
.course-part-sec .gray-box p span {
	display:block;
	font-weight:600;
	color:#000;
	margin-bottom:5px
}
.course-part-sec .gray-box p big {
	font-size:24px;
	font-weight:700
}
.course-part-sec .gray-box a {
	display:block;
	margin-top:5px
}
.btn-find {
	display:inline-block;
	background:#FFF;
	font-size:16px;
	color:#6b6b6b;
	text-transform:uppercase;
	border-radius:3px;
	border-bottom:#ccc 3px solid;
	box-shadow:rgba(0, 0, 0, 0.5) 0 0 1px;
	padding:13px 49px;
	margin:13px 0 0 13px
}
.btn-find:hover {
	background:#43145e;
	border-color:#7928a8;
	color:#FFF
}
.contact-page-module {
	width:100%;
	float:left;
	padding:16px 10px 0
}
.contact-page-module h5 {
	font-size:20px;
	color:#555;
	font-weight:400;
	line-height:1em;
	position:relative;
	max-width:478px;
	margin-bottom:28px;
	clear:both
}
.contact-page-module h5:before {
	content:'';
	width:20px;
	height:1px;
	background:#d2d2d2;
	position:absolute;
	right:0;
	top:12px
}
.contact-form {
	width:100%;
	float:left
}
.contact-form label {
	font-size:14px;
	color:#555;
	display:block;
	margin:0 0 6px
}
.contact-form label span {
	font-size:12px;
	color:#a7a7a7;
	margin-left:10px
}
.contact-form .input-fields {
	width:100%;
	float:left;
	margin-bottom:22px
}
.contact-form .input-fields a {
	font-size:13px;
	color:#822cab
}
.contact-form .input-fields a:hover {
	color:#600e88
}
.contact-form input, .contact-form textarea, .contact-form select {
	width:100%;
	display:block;
	background:#f2f2f2;
	border:#dfdfdf 1px solid;
	border-radius:3px;
	height:34px;
	padding:0 10px;
	font-size:16px;
	color:#555
}
.contact-form textarea {
	height:50px;
	padding:10px
}
.contact-form select {
	-webkit-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#f2f2f2 url(/static/images/dwn-arw.png) no-repeat right;
	background-position:97%
}
.contact-form p.terms-condition {
	clear:both
}
.contact-form p a {
	color:#8727ba
}
.contact-form p a:hover {
	color:#8e2e6a
}
.contact-form input[type="checkbox"] {
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	border:none;
	margin-right:5px
}
.contact-form .btn-area {
	width:100%;
	float:left;
	margin-top:28px;
	margin-bottom:10px
}
.contact-form input[type="submit"] {
	background:#0cbb4a;
	height:51px;
	border-bottom:#0b6d2e 3px solid;
	border-radius:4px;
	font-size:18px;
	color:#FFF;
	text-shadow:rgba(0, 0, 0, 0.7) 0 2px 2px
}
.contact-form input[type="submit"]:hover {
	background:#43145e;
	border-color:#2f054a
}
.contact-form .grid-12 {
	width:100%;
	float:left
}
.sign-in-sec {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:30px
}
.sign-in-sec h5 {
	font-size:18px;
	color:#555;
	font-weight:400;
	line-height:1em;
	margin-bottom:12px
}
.sign-in-sec a {
	width:100%;
	max-width:730px;
	height:48px;
	display:block;
	margin:0 auto;
	line-height:47px;
	font-size:18px;
	font-weight:600;
	color:#43145e;
	border:#43145e 1px solid;
	border-radius:3px
}
.sign-in-sec a:hover {
	background:#4d176c;
	color:#FFF
}
.other-signin {
	width:100%;
	float:left;
	text-align:center;
	margin-top:12px
}
.other-signin p {
	position:relative;
	font-size:16px
}
.other-signin p span {
	background:#FFF;
	display:inline-block;
	padding:0 6px;
	z-index:99;
	position:relative
}
.other-signin p:after {
	content:'';
	width:100%;
	height:1px;
	background:#bebebe;
	position:absolute;
	top:12px;
	left:0;
	right:0;
	margin:0 auto
}
.other-signin .social-media {
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0 28px;
	margin-bottom:22px;
	background:url(/static/images/shdw.png) no-repeat center bottom
}
.other-signin .social-media a {
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
.other-signin .social-media a:hover {
	-webkit-animation-name:hvr-push;
	animation-name:hvr-push;
-webkit-animation-duration:.3s;
animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
.other-signin .btn-gray {
	width:100%;
	display:inline-block;
	padding:15px 0;
	background:#e3e3e3;
	border-bottom:#a0a0a0 3px solid;
	border-radius:4px;
	font-size:16px;
	color:#6b6b6b
}
.other-signin .btn-gray:hover {
	background:#43145e;
	border-color:#2f054a;
	color:#FFF
}
.other-signin h6 {
	font-size:15px;
	color:#323232;
	line-height:1em;
	font-weight:400;
	margin-bottom:20px
}
.contact-page-module .social-media-reg {
	width:100%;
	float:left;
	margin-bottom:45px
}
.contact-page-module .social-media-reg a {
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
.contact-page-module .social-media-reg a:hover {
	-webkit-animation-name:hvr-push;
	animation-name:hvr-push;
-webkit-animation-duration:.3s;
animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
.my-account {
	width:100%;
	max-width:200px;
	height:100%;
	text-align:left;
	position:relative;
	background:#280b36;
	padding:14px 0;
	margin:0 auto;
	clear:both
}
.my-account img {
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	padding-left:0
}
.my-account p {
	margin:0;
	font-size:14px;
	color:#f6f6f6;
	font-weight:700
}
.my-account p a {
	color:#f6f6f6
}
.my-account .i-arw {
	width:10px;
	height:6px;
	display:inline-block;
	vertical-align:middle;
	background:url(/static/images/arw.png) no-repeat center;
	margin-left:20px
}
.find-course {
	width:100%;
	float:left;
	margin-top:13px!important;
	margin-bottom:30px!important
}
.main-footer {
	width:100%;
	float:left
}
.newsletter-sec {
	width:100%;
	float:left;
	text-align:center;
	background:#0cbb4a;
	padding:18px 0
}
.newsletter-sec h2 {
	font-size:24px;
	color:#fff;
	line-height:1em;
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 15px
}
.newsletter-sec .input-fields {
	width:100%;
	float:left;
	margin-bottom:10px
}
.newsletter-sec input {
	width:100%;
	display:block;
	height:35px;
	background:#FFF;
	font-size:13px;
	color:#9b9b9b;
	border:none;
	padding:0 15px
}
.newsletter-sec input[type="submit"], .newsletter-sec input[type="button"] {
	width:auto;
	height:auto;
	padding:12px 26px;
	background:#43145e;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	border-radius:4px;
	line-height:1em;
	border-bottom:#220b30 3px solid;
	margin:0 auto
}
.newsletter-sec input[type="submit"]:hover, .newsletter-sec input[type="button"]:hover {
	background:#220b30
}
.social-icon {
	width:100%;
	float:left;
	padding:20px 0 0;
	margin-top:20px;
	border-top:#FFF 2px solid
}
@-webkit-keyframes hvr-push {
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes hvr-push {
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.newsletter-sec img {
	margin:0 4px;
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
.newsletter-sec img:hover {
	-webkit-animation-name:hvr-push;
	animation-name:hvr-push;
-webkit-animation-duration:.3s;
animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}
.footer-bar {
	width:100%;
	float:left;
	text-align:center;
	background:#43145e;
	padding:22px 0 14px
}
.footer-bar ul li {
	display:block;
	margin-bottom:6px
}
.footer-bar p {
	font-size:13px;
	color:#FFF;
	margin:0
}
.footer-bar a {
	font-size:13px;
	color:#FFF;
	display:block;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.footer-bar a:hover, .footer-bar ul li.current-menu-item > a {
	color:#b658eb;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.footer-bar .pull-right {
	margin:10px 0 0
}
.footer-bar .pull-right a {
	display:block
}
@media only screen and (min-width: 521px) {
	.contact-page-module h5:before {
		width:150px
	}
}
@media only screen and (min-width: 600px) {
	.inner-body-module .alignleft {
		float:left;
		margin:0 14px 20px 0
	}
	.details-page-area .upper-sec .alignleft {
		margin:0 24px 0 0
	}
	.contact-form .row {
		margin:0 -1%
	}
	.contact-form .grid-6 {
		width:48%;
		float:left;
		margin:0 1%
	}
	.contact-form .grid-4 {
		width:31.33%;
		float:left;
		margin:0 1%
	}
	.contact-page-module h5:before {
	width:200px
	}
}
@media only screen and (min-width: 641px) {
		.container {
		margin:0;
		padding:0 1%
		}
		.course-thumb-area .row {
		margin:0 -1%
		}
		.course-thumb-area .grid-3 {
		width:48%;
		float:left;
		margin:0 1%
		}
		.course-thumb-area .grid-4 {
		width:48%;
		float:left;
		margin:0 1%
		}
		.learning-sec .row {
		margin:0 -1%
		}
		.learning-sec .grid-3 {
		width:48%;
		float:left;
		margin:0 1%
		}
		.newsletter-sec .row {
		margin:0 -1%
		}
		.newsletter-sec .grid-5 {
		width:41%;
		float:left;
		margin:0 1%
		}
		.newsletter-sec .grid-2 {
		width:12%;
		float:left;
		margin:0 1%
		}
		.newsletter-sec input[type="submit"], .newsletter-sec input[type="button"] {
		padding:10px 0;
		width:100%;
		max-width:102px
		}
		.banner-area .owl-nav {
		top:25%
		}
		.course-details-area h4 {
		font-size:22px
		}
		.course-details-area .pull-left {
		float:left
		}
		.course-details-area .pull-right {
		float:right
		}
		.course-details-area .pull-right p {
		margin-left:22px
		}
		.course-details-area .alignright {
		float:right;
		margin:0 0 20px 30px
		}
		.course-details-area .grid-12 {
		margin-bottom:0
		}
		.instructor-thumb-area .row {
		margin:0 -1%
		}
		.instructor-thumb-area .colum-4 {
		width:31.33%;
		float:left;
		margin:0 1%
		}
}
@media only screen and (min-width: 700px) {
		.mobilemenu {
		display:none
		}
		.nav-sup ul li {
		display:inline-block
		}
		.nav-sup ul li a {
		padding:22px 8px
		}
		.nav-sup {
		padding:0;
		text-align:center;
		display:block;
		margin:0;
		background:transparent
		}
		.nav-sup ul li a:hover, .nav-sup ul li.active > a, .nav-sup ul li.current-menu-item > a {
		color:#FFF;
		background:#2f054a
		}
		.nav-sup ul li:hover > ul {
		display:block
		}
		.nav-sup ul ul {
		width:200px;
		position:absolute;
		top:100%;
		left:0;
		z-index:99999;
		display:none
		}
		.nav-sup ul ul li a {
		padding:17px 14px;
		border:none;
		position:relative
		}
		.signup-button {
		width:100%;
		float:none;
		text-align:center;
		padding:0;
		max-width:200px;
		position:absolute;
		right:0;
		top:22px
		}
		.logo {
			/*
		max-width:160px;
		margin:22px 0 0 17px
		*/
			margin: -17px 70px 0px -40px;
			max-width: 120px;
		}
		.details {
		width:100%;
		float:left;
		margin-top:20px
		}
		/*
		.logo img {
		margin:0;
		max-width:100%
		}
		*/
		.header-topbar {
		text-align:right
		}
		.header-sup {
		padding:0;
		margin-bottom:0
		}
		.footer-bar ul li {
		display:inline-block;
		line-height:1em
		}
		.footer-bar ul li + li {
		margin-left:13px;
		padding-left:13px;
		border-left:#FFF 1px solid
		}
		.testimonial-slider {
		padding:0 10%
		}
		.testimonial-sec .owl-prev {
		width:20px;
		height:36px;
		position:absolute;
		left:10px;
		background:url(/static/images/lft-arw.png) no-repeat center
		}
		.testimonial-sec .owl-next {
		width:20px;
		height:36px;
		position:absolute;
		right:10px;
		background:url(/static/images/rght-arw.png) no-repeat center
		}
		.testimonial-sec .owl-nav {
		top:40%
		}
		.details-page-area .upper-sec h2 {
		font-size:24px
		}
		.details-page-area .upper-sec p {
		font-size:18px;
		margin-bottom:34px
		}
		.mycourse-area .course-part-sec .grid-3 {
		width:32%;
		float:left
		}
		.mycourse-area .course-part-sec .grid-9 {
		width:68%;
		float:right;
		padding-left:10px
		}
		.course-part-sec .gray-box {
		margin-top:10px
		}
		.course-part-sec p.pull-left {
		float:left;
		max-width:135px
		}
		.course-part-sec p.pull-right {
		float:right
		}
		.contact-form input[type="submit"] {
		font-size:20px
		}
		.my-account {
		float:right;
		clear:none
		}
}
@media only screen and (min-width: 769px) {
		.banner-caption {
		width:100%;
		position:absolute;
		text-align:center;
		left:0;
		bottom:20px;
		background:transparent
		}
		.body h1.heading {
			font-size: 18pt;
		}
		.testimonial-sec h2 {
		font-size:28px
		}
		.course-thumb-area .grid-3 {
		width:31.33%
		}
		.course-thumb-area .grid-4 {
		width:31.33%
		}
		.banner-caption p {
		max-width:740px;
		margin:0 auto 40px;
		line-height:1.3em
		}
		.banner-area .owl-nav {
		top:50%
		}
		.details-page-area .upper-sec .grid-7 {
		width:65%
		}
		.details-page-area .upper-sec .grid-5 {
		width:35%;
		float:right;
		padding-left:15px
		}
		.time-date-sec {
		float:right;
		margin:0
		}
		.contact-page-module h5:before {
		width:240px
		}
		.contact-form .grid-12 {
		padding:0 48px
		}
}
@media only screen and (min-width: 800px) {
		.testimonial-sec .text-sec img {
		float:left;
		margin:0 18px 0 0
		}
		.testimonial-sec .text-sec {
		text-align:left
		}
		.testimonial-sec .text-sec .author-name {
		width:auto;
		text-align:left;
		right:10px
		}
		.learning-sec .grid-3 {
		width:23%
		}
		.footer-bar .pull-left {
		float:left;
		text-align:left
		}
		.footer-bar .pull-right {
		float:right;
		margin:0;
		text-align:right
		}
		.inner-body-module .left-panel {
		width:72%;
		padding:0
		}
		.inner-body-module .right-panel {
		width:26%;
		float:right
		}
		.inner-body-module .right-panel .grid-12 {
		margin:0
		}
		.inner-body-module .white-bg {
		margin-bottom:0
		}
		.sign-in-sec {
		margin:30px 0 0
		}
		.find-course {
		margin-bottom:0!important
		}
}
@media only screen and (min-width: 841px) {
	.course-details-area .grid-7 {
	width:69%;
	padding-right:30px
	}
	.course-details-area .grid-5 {
	width:31%;
	max-width:none;
	float:right
	}
	.about-course-feature .white-bg {
	margin-top:0
	}
}
@media only screen and (min-width: 900px) {
		.banner-caption h1 {
		font-size:30px
		}
		.banner-caption {
		padding:0;
		bottom:40px
		}
		.course-thumb-area .grid-3 {
		width:23%
		}
		.newsletter-sec .grid-9 {
		width:81%;
		float:left;
		padding:18px 49px 18px 0
		}
		.newsletter-sec .grid-3 {
		width:19%;
		float:right
		}
		.social-icon {
		padding:24px 0;
		margin-top:0;
		text-align:right;
		border-left:#FFF 2px solid;
		border-top:none
		}
		.newsletter-sec {
		text-align:left;
		padding:0 10px
		}
		.mycourse-area .course-part-sec h2 {
		font-size:26px;
		margin-bottom:0;
		min-height:75px
		}
		.details {
		width:auto;
		float:left;
		margin-top:0
		}
		.nav-sup ul li a {
		font-size:12px;
		padding: 30px 2px;
		}
		.my-account {
		padding:19px 0
		}
		.logo {
		/* margin:22px 10px 0 17px */
			margin: -17px 70px 0px -40px;
			max-width: 120px;
		}
}
@media only screen and (min-width: 980px) {
		.logo {
			/* margin:22px 10px 14px 17px */
			margin: -17px 70px 0px -40px;
			max-width: 120px
		}
		.details {
		width:auto;
		float:left;
		text-align:center;
		margin-top:0
		}
		.nav-sup ul li {
		margin-left:0
		}
		.nav-sup ul li a {
		/* padding:0px; */
		padding:30px 5px;
		font-weight:bold;
		font-size:16px;
		}
		.my-account {
		padding:14px 0
		}
		.signup-button {
		top:18px;
		right:10px
		}
		.banner-caption h1 {
		font-size:38px
		}
		.main-header {
		position:absolute;
		z-index:999
		}
		.my-account {
		position:relative;

		max-width:180px
		}
}

@media only screen and (min-width: 1041px) {
	.container {
	margin:0 auto
	}
	.banner-caption {
	 /* bottom:75px */
	}
	.testimonial-sec .owl-prev {
	left:0
	}
	.testimonial-sec .owl-next {
	right:0
	}
	.testimonial-sec .owl-nav {
	top:40%
	}
	.newsletter-sec {
	padding:0
	}
	.inner-body-module .right-panel h1.heading {
	font-size:22px!important
	}
	.logo {
		margin: -17px 70px 0px -40px;
		max-width: 120px
	}
}
@media only screen and (min-width: 1100px) {
	.banner-area .owl-prev {
	left:55px
	}
	.banner-area .owl-next {
	right:55px
	}
	.testimonial-slider {
	padding:0 5%
	}
	.container {
	padding:0
	}
	.my-account {
	max-width:200px
	}
	.nav-sup ul li a {
	    padding: 30px 5px;
	}
}
@media only screen and (min-width: 1340px) {
	.testimonial-slider {
	padding:0
	}
	.testimonial-sec .owl-prev {
	left:-75px
	}
	.testimonial-sec .owl-next {
	right:-75px
	}
	.logo {
		/*
		margin:10px 10px 0 17px;
		max-width:265px
		*/
		margin: -17px 70px 0px -40px;
		max-width: 120px
	}
}
.video-area {
	width:100%;
	float:left;
	background:#fff;
	padding:12px; border:solid 1px #e7e7e7; color:#333; font-family:"Open Sans",sans-serif; font-size:14px;
}
.video-area table tr td { line-height:30px;}
.video-area table tr td input[type="radio"],input[type="radio"]{margin-right:10px !important;}
.video-area table a{ color:#333 !important;}

.youtube_video {
	width:100%;
	height:414px;
	float:left
}
.youtube_video iframe {
	width:100%;
	height:414px;
	border:none
}
.video-area ul {
	list-style:none
}
.video-area ul li {
	margin:15px 7px 0 0;
	padding:0;
	float:left
}
.video-area ul li a {
	color:#fff;
	background:#0cbb4a;
	border-bottom:3px solid #0d7f35;
	border-radius:3px;
	padding:14px 50px 11px;
	line-height:1em;
	display:inline-block;
	font-weight:700
}
.video-area ul li:last-child a {
	background:#f7931e;
	border-bottom:3px solid #b46a13;
	border-radius:3px;
	padding:14px 10px 11px
}
.video-area ul li a:hover {
	background:#0d7f35
}
.video-area ul li:last-child a:hover {
	background:#b46a13
}
.white-bg > a {
	font-size:15px;
	color:#262626;
	clear:both;
	display:inline-block;
	margin:16px 0
}
.white-bg > a:hover {
	color:#4f6df0
}
.course_nav {
	width:100%;
	float:left;
	border-top:1px #d2d2d2 solid;
	padding:15px 0 0
}
.left_nav {
	width:33.33%;
	float:left
}
.nav_each:first-child {
	margin-top:0
}
.nav_each {
	width:100%;
	float:left;
	margin-top:30px
}
.nav_each h4 {
	font-size:15px;
	font-weight:600;
	color:#000;
	position:relative;
	text-transform:uppercase;
	padding-left:15px
}
.nav_each h4:before {
	content:" ";
	border-radius:100%;
	height:8px;
	width:8px;
	background:#616161;
	position:absolute;
	top:6px;
	left:0
}
.nav_each ul {
	list-style:none;
	margin-top:4px
}
.nav_each ul li {
	width:auto;
	position:relative;
	padding-left:15px;
	margin-left:15px
}
.nav_each ul li:before {
	content:" ";
	background:url(/static/images/icon10.png) no-repeat left center;
	position:absolute;
	width:8px;
	height:10px;
	left:0;
	top:7px
}
.nav_each ul li a {
	font-size:14px;
	color:#717171;
	font-weight:600
}
.nav_each ul li a:hover {
	color:#000
}
dt:nth-child(25) {
border-bottom:none!important
}
.white_bg {
	width:100%;
	float:left;
	background:#fff;
	border:1px #d2d2d2 solid
}
.accordion {
	margin:0;
	background:#fff
}
.accordion-section {
	background:none!important
}
.accordion-section dt {
	background:#f0f0f0;
	padding:16px 12px;
	cursor:pointer
}
.accordion-section dt.active {
	background:#FFF;
	border:none;
	padding:9px 12px 0;
	font-weight:700
}
.accordion-section dd {
	background:#fff;
	margin:0;
	padding:6px 12px 16px
}
.accordion-section dd + dt {
	border-top:1px #d2d2d2 solid
}
.accordion-section dd ul li {
	width:100%;
	margin:2px 0
}
.accordion-section dd ul li a {
	display:block;
	width:100%;
	padding:5px 5px 5px 10px;
	color:#0e0e0e;
	font-size:14px;
	font-weight:400
}
.accordion-section dd ul li a:hover {
	background:#441653;
	color:#fff
}
.accordion-section dd ul li.active a {
	background:#441653;
	color:#fff
}
.accordion dt {
	padding-left:15px;
	border-bottom:1px #d2d2d2 solid;
	margin-bottom:2px
}
.accordion dt p {
	background:url(/static/images/icon10.png) no-repeat left center;
	padding-left:20px;
	margin:0
}
.accordion .active p {
	background:url(/static/images/dwn-arw-02.png) no-repeat left center!important;
	margin:0
}
.accordion dt p {
	color:#5a5a5a;
	font-size:15px;
	margin:0
}
@media only screen and (max-width: 640px) {
.youtube_video {
float:left;
width:100%;
height:350px
}
.youtube_video iframe {
width:100%;
height:350px
}
}
@media only screen and (max-width: 486px) {
.youtube_video iframe {
height:auto
}
.youtube_video {
height:auto
}
.left_nav {
float:left;
height:100%;
min-height:390px;
width:50%
}
.video-area ul li {
float:left;
margin:15px 7px 0 0;
padding:0;
text-align:center;
width:100%
}
}
@media only screen and (max-width: 342px) {
.nav_each ul li a {
color:#717171;
font-size:13px
}
.nav_each h4 {
font-size:12px
}
}
.box_height {
	width:100%;
	float:left;
	height:32px
}
.newpanle_left {
	float:left!important
}
.newpanle_right {
	float:right!important
}
.left-panel1 {
	width:100%;
	float:right;
	padding:0 10px
}
.right-panel1 {
	max-width:284px;
	width:100%;
	float:left;
	float:left;
	border:1px #d2d2d2 solid
}
.course-thumb-area {
	margin-bottom:34px
}
.left-panel1 {
	width:72%;
	padding:0
}
.right-panel1 {
	width:26%;
	float:left;  margin-top: 55px;
}

.right-panel1 {
	font-size:16px!important
}
.liststyle {
	float:left;
	width:100%;
}
.liststyle ul {
	float:left;
	list-style:none;
	width:100%;
}
.liststyle li {
	float:left;
	width:100%;

}
.liststyle li a {
	float:left;
	width:100%;
	font-size:14px;
	color:#333333;
	line-height:45px;
	border-bottom:solid 1px #cccccc;
	 transition: all 0.2s;
	list-style:none; padding-left:20px;
	background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,245,255,1) 8%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(8%, rgba(255,245,255,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,245,255,1) 8%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,245,255,1) 8%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,245,255,1) 8%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(255,245,255,1) 8%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fefefe', GradientType=0 );
}
.liststyle li a.active{ background:#2f054a; color:#fff;}
.liststyle li a.active:hover{ background:#410568;}
.liststyle li a:hover {
	background: rgba(226, 226, 226, 1);
	background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 245, 255, 1) 65%, rgba(254, 254, 254, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(65%, rgba(255, 245, 255, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
	background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 245, 255, 1) 65%, rgba(254, 254, 254, 1) 100%);
	background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 245, 255, 1) 65%, rgba(254, 254, 254, 1) 100%);
	background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 245, 255, 1) 65%, rgba(254, 254, 254, 1) 100%);
	background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(255, 245, 255, 1) 65%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}
a.prev{   background: #ccc none repeat scroll 0 0;
    border: 1px solid #959595;
    padding: 8px 15px;}

.next{padding: 8px 15px;}
.review{padding: 8px 15px;}

.style2 {
    text-transform: none;
}

/*Drop down Css start*/

.dropbt {
	background-color:#280B36;
	color: white;
	padding: 3px;
	position:absolute;
	right:0px;
	top:-39px;
	border: none;
	cursor: pointer;
}
.dropdow {
	position: relative;
}
.dropdown-content {
	background:#280B36;
	right:0px;
	color:#FFFFFF;
	min-width: 95px;
	overflow: auto; padding:10px 15px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); position:absolute; display:none;
}

.red{ display:block;}
.blue{ display:none;}
.dropdown-content a {
	color: white;
	padding: 0px 0px;
	text-decoration: none;
	display: block;
}
.show {
	display:block;
}



/*New HTML Design CSS*/

.inner_top_bar{/* background:url(/static/images/pattern.jpg) repeat 0 0;*/background-color: #fff;
background-image:
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em; /*min-height:202px;*/}

.middle_topbar{background-color: #fff;
background-image:
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em; min-height:202px;}
.paading_remove{ padding:0px;}
.border_remove{border-bottom:0px;}
.bg-border-remove{ background:none !important; border:none !important;}
.username{color: #000000;float: left; font-weight: bold; padding-bottom: 10px; padding-left: 46px;    padding-top: 75px;    width: 100%;}
.imagee-section{ float:left; height:250px; overflow:hidden;}
.clear_sectiion{ float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.clear_sectiion h2{ background:#2f054a; padding:7px 10px;}
.clear_sectiion h2 a{  color: #fff; text-shadow: 1px 1px 0 #000; font-family: 'Lato', sans-serif;}
.listed_ele{ float:left; width:100%;}
.listed_ele ul{ float:left; width:100%; list-style:none; text-align:left;}
.listed_ele ul li{ display:block; clear:both; margin:8px 0px;font-size: 17px; float:left;  font-weight:bold;transition: all 0.5s ease;background: rgba(47, 5, 74, 0.1);  box-sizing: border-box; padding:6px 15px; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000; font-family: 'Lato', sans-serif;


 }
 .listed_ele ul li a { color:#000;}
.listed_ele ul li:hover{  background: rgba(47, 5, 74, 0.5);}
.new-c-padding{ padding:12px 0 0 0;}
.dsea{ color: #282828; float: left; font-size: 15px; padding-top: 30px;}
.disri{ float:left; width:100%; padding-bottom:20px;}
.disri p{ text-align:left;}
.disri a{ float:right; margin-right: 22px;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
.visemore{ float:left; width:100%; padding-top:20px; padding-bottom:20px;}

.video_listing{ float:left; width:100%; padding-bottom:40px;}
.video_listing ul{ float:left; width:100%; list-style:none;}
.video_listing ul li{ float:left; width:100%; border:solid 1px #ccc; background:#fff; padding:10px;}
.video_listing ul li:hover{ background: rgba(235,233,249,1);
background: -moz-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(206,199,236,1) 79%, rgba(193,191,234,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,233,249,1)), color-stop(79%, rgba(206,199,236,1)), color-stop(100%, rgba(193,191,234,1)));
background: -webkit-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(206,199,236,1) 79%, rgba(193,191,234,1) 100%);
background: -o-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(206,199,236,1) 79%, rgba(193,191,234,1) 100%);
background: -ms-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(206,199,236,1) 79%, rgba(193,191,234,1) 100%);
background: linear-gradient(to right, rgba(235,233,249,1) 0%, rgba(206,199,236,1) 79%, rgba(193,191,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=1 );}
.video_listing ul li + li{ margin-top:10px;}
.video_listing ul li a { color:#000000; text-decoration:none;}

.video_listfe{ float:left; width:380px;}











.demo{margin:150px auto;width:980px;}
.demo h1{margin:0 0 25px;}
.demo h3{margin:10px 0;}
pre{background-color:#FFF;}


@media only screen and (max-width:780px){
.demo{margin:5%;width:90%;}
.how-use{display:none;float:left;width:300px;}
}
#tabInfo{display:none;}


ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li {
  font-weight: 600;
  font-size: 21px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content { border: 1px solid #c1c1c1; }

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; }

.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}

.fontsize{ font-size:20px !important; font-family: 'Lato', sans-serif;}
.videolistindrop{ width:100%; clear:both; text-align:center; padding-bottom:30px;}

// About Us

.about-sec {
	width:100%;
	float:left;
	text-align:left
}
.about-sec p, .about-sec h3 {
	width:100%;
	max-width:850px;
	margin:0 auto 38px;
	font-size: 1.2em;
}

.about-sec ul {
	width:70%;
	float: none;
	text-align: left;
	margin-left: 20%;
	font-size: 1.2em;
}

.about-sec ul li{
	list-style: decimal;
}

.about-thumb-area {
	padding-top: 20px;
}

.about-sec .contact p {
	font-size: 1.0em;
}