@font-face {
    font-family: 'Avalon-bold';
    src: url('../fonts/Avalon-Bold.eot');
    src: url('../fonts/Avalon-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avalon-Bold.woff2') format('woff2'),
        url('../fonts/Avalon-Bold.woff') format('woff'),
        url('../fonts/Avalon-Bold.ttf') format('truetype'),
        url('../fonts/Avalon-Bold.svg#Avalon-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avalon';
    src: url('../fonts/AvalonPlain.eot');
    src: url('../fonts/AvalonPlain.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvalonPlain.woff2') format('woff2'),
        url('../fonts/AvalonPlain.woff') format('woff'),
        url('../fonts/AvalonPlain.ttf') format('truetype'),
        url('../fonts/AvalonPlain.svg#AvalonPlain') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont-Heavy';
    src: url('../fonts/Mont-HeavyDEMO.eot');
    src: url('../fonts/Mont-HeavyDEMO.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-HeavyDEMO.woff2') format('woff2'),
        url('../fonts/Mont-HeavyDEMO.woff') format('woff'),
        url('../fonts/Mont-HeavyDEMO.ttf') format('truetype'),
        url('../fonts/Mont-HeavyDEMO.svg#Mont-HeavyDEMO') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont-ExtraLight';
    src: url('../fonts/Mont-ExtraLightDEMO.eot');
    src: url('../fonts/Mont-ExtraLightDEMO.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mont-ExtraLightDEMO.woff2') format('woff2'),
        url('../fonts/Mont-ExtraLightDEMO.woff') format('woff'),
        url('../fonts/Mont-ExtraLightDEMO.ttf') format('truetype'),
        url('../fonts/Mont-ExtraLightDEMO.svg#Mont-ExtraLightDEMO') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

html,
body {
    margin: 0;
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    background: #fff;
	overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family: 'Montserrat', sans-serif;
}

body img {
    max-width: 100%;
}

a:hover {
    text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Montserrat', sans-serif; font-weight:normal;
}

p {
    margin: 0;
    line-height: 1.9em;
    color: #777;
    font-size: 15px;
	font-family: 'Avalon';
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	font-family: 'Avalon';
}





/* header */
.header-top{ background:#007aff; padding:10px 0; }
.header-top ul.link{ display:inline-block;}
.header-top ul.link li{ display:inline-block; margin:0px; padding:0px 10px; font-size:18px; letter-spacing:1px;}
.header-top ul.link li a{ padding:0px; margin:0px; color:#fff;}
.header-top ul.link li a:hover{ padding:0px; margin:0px; color:#fff; }
.header-top ul.link li:last-child { padding-right:0px;}
.search{ max-width:315px; width:100%; border-bottom:1px solid #fff; position:relative;}
.search .form-control{ width:100%; padding:0px 35px 0px 0; border:0; background:none; box-shadow:none; line-height:28px; font-size:14px;}
.search .searchfild:focus{box-shadow:none !important; border:0px;}
.search .search_btn{ position:absolute; right:0px; top:0px; border:0px; background:none; color:#fff;}
.search ::placeholder { 
  color: #fff;
  opacity: 1;
}

.search :-ms-input-placeholder { 
  color: #fff;
}

.search ::-ms-input-placeholder {
  color: #fff;
}
.social{ margin:0px; padding:0px;display:inline-block;}
.social li{display:inline-block; margin:0px; padding:0px;}
.social a{
	font-size: 18px;
	display: inline-block;
	color: #fff;
	background: none;
	text-align: center;
	margin-right: 30px;
	height: 24px;
	width: 24px;
	line-height: 20px;
	border-radius: 14px; margin-top:5px;	
}
.social a:hover{
	color: #fff;
}
/* CSS Document */

header {
    position:absolute;
    z-index: 9;
    width: 100%;
    background: #fff; padding:15px 0;
}
header .container {
    width: 100%;
    max-width: 1660px;
}
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	float: right;
}
.clear {
    clear: both;
}
div#logo {
    float: left;
}

#logo a {
	float: left;
    font-size: 23px;
    text-transform: capitalize;
    display: initial;
    margin: 0;
    color: #fff;
    padding: 0;
    font-weight: normal;
}
#logo a span {
    color: #fff;
	
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left; 
	padding:40px 0;
	}

/* Styling the links */
nav a {
    color: #010101;
    text-transform: capitalize;
    font-size: 22px;
    letter-spacing: 0px;
	padding: 8px 0px;
    font-weight: 400;
	margin: 0 26px;
	border-bottom:2px solid #fff; letter-spacing:1px;
}
nav li:last-child a {
	margin-right:0px;
}


nav ul li ul li:hover { background: #f8f9fa; }

/* Background color change on Hover */
nav a:hover { 
	color: #007aff;border-bottom:2px solid #007aff;	
}
nav li.active a { 
	color: #007aff;border-bottom:2px solid #007aff;	
}
nav ul.inner-ul li a:hover { 
	color: #333;	
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 30px; 
    background: #fff;
    padding: 10px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul li a {
    color: #333;
    padding: 5px 10px;
    display: block;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:only-child:after { content: ''; }

.in-view  nav ul li {
  padding: 30px 0;
}
.in-view #logo img {
  height: 70px;
  margin: 10px 0;
}
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 767px) {
	nav { 
		float: none;
	}
	nav a, nav a:hover {
		color: #333;
	}
	.login-icon {
		display: inline-block;
	}
	div#logo {
		float: none;
	}
	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}
	nav a {
		color: #333;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
    display: block;
   /* padding: 16px 15px;
    font-size: 28px;
    text-decoration: none;
    border: none;
    float: right;
    background-color: #fff;
    color: #000;
    margin: 0px;*/
    cursor: pointer; position:absolute; top:55px; right:20px;
}
	/*.menu .toggle {
		float: none;
		text-align: center;
		margin: auto;
		width: 30%;
		padding: 5px;
		font-weight: normal;
		font-size: 15px;
		letter-spacing: 1px;
	}

	.toggle:hover {
		color:#333;
		background-color: #fff;
	}*/

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		background: #fff;
		padding: 15px 0;
		text-align: left;
		width: 100%;
		height:auto;  background:#373737; margin-top: 10px;
	}
nav ul li:last-child a {
    padding-right: 20px;
}
	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		padding: 8px 0;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: transparent;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #fff; 
	}
	nav ul ul li a {
		font-size: 15px;
	}
	ul.inner-ul{
		padding: 0!important;
	}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding: 0;
	}
	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
nav ul{ text-align:left;} 
nav a {
    font-size: 20px;
    border-bottom: 0px solid #fff; color:#fff;
}
nav li.active a {
    color: #338aff;
    border-bottom: 0px solid #338aff;
}
nav a:hover { 
	color: #338aff;border-bottom:0px solid #338aff;	
}

}
@media all and (max-width : 330px) {
	nav ul li {
		display:block;
		width: 94%;
	}
}

/*-- //header --*/

/*-- banner --*/
.banner, .inner_banner, .inner_banner_desktop { margin-top: 190px}
.flex-control-nav {
    bottom: 10px;
}
.flex-control-paging li a {
    width: 56px;
    height: 4px;
	 box-shadow:none !important;
}
.banner .flex-control-paging li a.flex-active {
    background: #fff; 
    cursor: default;
}
.banner .flex-control-paging li a:hover {
 background: #fff;
}
.slider_container{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1200px; text-align:center;  }
.slider_container h6{ font-size:29px; font-weight:500; color:#ffffff; }
.slider_container h2{ font-size:53px; font-weight:600; color:#ffffff; }
.slider_container p{ font-size:18px; font-weight:400; color:#ffffff; }
.btn_getstarted{ border:1px solid #007aff; background:#007aff; padding:22px 25px; border-radius:10px; font-size:22px; color:#fff; text-transform:uppercase; margin-top:15px; line-height:22px; letter-spacing:1px;  font-family: 'Montserrat', sans-serif;}
.btn_getstarted:hover{ border:1px solid #007aff; background:none; color:#007aff;}
.slider_container .btn_getstarted:hover{ border:1px solid #fff; background:none; color:#fff;}

/*-- //banner --*/
/*-- Title --*/
.sec-title{
    position: relative;
    display: block;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 55px;
    font-weight: 200; text-align:center;color:#151515;  font-family: 'Mont-ExtraLight';
}
.sec-title h2 strong{
    font-weight: 900;color:#007aff; font-family: 'Mont-Heavy';
}

.sec-title.white  h2{ color:#fff}
.sec-title.white  h2 strong{ color:#fff}
.sec-title.textleft  h2{ text-align:left;}
/*-- //title --*/
/*-- Training --*/
.training{ padding:100px 0; background:#fff url(../images/training_bg.jpg) top left no-repeat;}
.trainingmiddle {position:relative; max-width:47%; width:100%; margin:0 auto; }
.trainingmiddle img{ position:absolute; width:100%; max-width:100%; top:60px; left: -70px;}
.training .main_div{ margin:0; padding:0px; width:100%; position:relative;}
.training .text_div{ margin:0; padding:0px; width:50%; max-width:470px; display:flex; float:left;}
.training .text_div .number{ min-width:115px; display:inline-block;}
.training .text_div .number span{ display:block; width:80px; height:80px; text-align:center; line-height:80px; border-radius:50%; color:#fff; font-size:40px; font-weight:bold; background:#007aff;}
.training .text_div .text{ display:inline-block; font-size:18px; line-height:22px; color:#231f20; font-family: 'Avalon';}
.training .text_div .text h6{ display:block; font-size:23px; font-weight:500; color:#231f20; font-family: 'Avalon';}
.training .text_div .text p{ display:block; font-size:18px; line-height: 28px; font-family: 'Avalon';}
.training .text_div.right{ text-align:left; float:right;}
.training .text_div.right .number span{ float:right; }
.mar120{ margin-bottom:7% !important;}
/*-- //Training --*/
/*-- Testing --*/
.testing{ padding:95px 0 75px; background:url(../images/testing_bg.jpg) top center no-repeat; background-size: cover;}
.testing p{ color:#fff; font-size:20px; line-height:35px; font-family: 'Avalon'; text-shadow: 0px 0px 15px #000;}
/*-- //Testing --*/
/*-- why choose us --*/
.whychooseus{ padding:100px 0 0px; background:#fff;}
.whychooseus .text-div{ padding-left:34px;}
.whychooseus ul{ margin:0px; padding:0px;}
.whychooseus ul li{ margin:0px; padding:12px 0 12px 35px; color:#484646; position:relative; font-size:20px; line-height:35px; font-family: 'Avalon';}
.whychooseus ul li:before{ position:absolute; left:0px; top:12px; content:"\f111"; color:#d3d2d2; font-family:FontAwesome; font-size:16px;}
.whychooseus p{ font-size:20px; line-height:35px; color:#484646; margin-bottom:20px }
/*-- //why choose us --*/
/*-- News --*/
.home_news{ padding:90px 0; background:#fff;}
.news_box img{ border-radius:5px;}
.news_box .news_tag {margin:20px 0;}
.news_box .news_tag span{margin:0; padding:0px 15px; line-height:30px; border-radius:15px; background:#abb0b2; color:#fff; font-size:13px; display:inline-block;}
.news_box h4{ font-size:24px; font-weight:600; color:#1a1a1d; margin-bottom:10px;}
.news_box p{ font-size:20px; font-weight:normal; color:#434345; margin-bottom:20px; line-height:35px;font-family: 'Avalon';}
.news_box a{ color:#007aff; text-transform:uppercase; font-size:18px;}
.news_box a .fa{ margin-left:5px;}
/*-- // News --*/
/*-- Get Started --*/
.get_started{ padding:65px 0; background:url(../images/getstarted_bg.jpg) top center no-repeat;background-size: cover;}
.get_started h2{ color:#fff; font-size:40px; text-align:center;}
.get_started p{ color:#fff; font-size:20px; line-height:35px; text-align:center; max-width:750px; margin:15px auto; font-family: 'Montserrat', sans-serif;}
.btn_get_started{ border:1px solid #fff; background:#fff; padding:22px 25px; border-radius:10px; font-size:22px; color:#007aff; text-transform:uppercase; margin-top:15px; line-height:22px; letter-spacing:1px;}
.btn_get_started:hover{ border:1px solid #fff; background:none; color:#fff;}
/*-- //Get Started --*/
/*-- footer --*/
.py-107{ padding:107px 0;}
.w-90 {
    width: 90%;
}
footer{
	background: url(../images/footer_bg.jpg) top center; padding:60px 0 30px;background-size: cover;
}
.footer-grids ul{ text-align:center; margin-top:40px;}
.footer-grids ul li a {
    font-size: 20px;
    color: #fff;
	font-weight: normal;
    letter-spacing: 0px; line-height:36px; padding:0 30px;
}
.footer-grids ul li {
    list-style-type: none;
	padding:0 30px; display:inline-block;
}
.footer-grids ul li a:hover {color:#007aff;}
.copyright {
    padding:30px 0 0 0; margin-top:30px; color:#fff; font-size:16px; text-align:center;
}
.copyright .social a{margin-right: 20px;}
.copyright .social a:hover {color:#007aff;}
/*-- //footer --*/

/*-- move top --*/
.move-top {
    position: relative;
}

a.move-top {
    text-align: center;
    position: absolute;
    right: 1%;
    bottom: 0%;
}

a.move-top span{
    color: #fff;
    width: 36px;
    height: 36px;
    border: transparent;
    line-height: 2em;
    background: #007aff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
}
/***************************/
/*******AboutUs************/
/**************************/
.inner_banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    position: relative;
}
.inner_banner img{ width:100%;}
.inner_banner .textdiv {
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 99; width:100%;
	transform: translate(0, -50%);
}
.inner_banner .textdiv h1 {
    display: block;
    font-size: 50px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
	font-weight:600;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background: none !important;
    border-radius: 0; 
	color:#fff; 
	font-size:18px; 
	text-align: center;
	display: block;
}
.breadcrumb li, .breadcrumb li a{color:#fff; font-size:18px; display:inline-block;}
.breadcrumb-item + .breadcrumb-item::before {
    color:#fff;
    content: ">";
}
.breadcrumb-item.active {
    color: #fff;
}
/*-- about us --*/
.aboutus{ padding:100px 0px; background:#fff url(../images/about_bg.jpg) top left no-repeat;}
.aboutus .text-div{ padding-left:34px;}
.aboutus ul{ margin:0px; padding:0px;}
.aboutus ul li{ margin:0px; padding:12px 0 12px 35px; color:#484646; position:relative; font-size:20px; line-height:35px;}
.aboutus ul li:before{ position:absolute; left:0px; top:12px; content:"\f111"; color:#d3d2d2; font-family:FontAwesome; font-size:16px;}
.aboutus p{ font-size:20px; line-height:26px; color:#484646; margin-bottom:20px }
/*-- //about us --*/
.testimonial{ margin:0px; padding:75px 0 100px;}
.testimonia_box{ border-radius:5px; background:#fff; padding: 77px 25px 57px; position:relative; margin-bottom:20px; margin-top:20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);
-moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);
box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);}
.testimonia_box p{ font-size:17px; color:#231f20; line-height:26px; margin-bottom:15px; text-align:left;}
.testimonia_box p.name{ font-size:17px; color:#007aff;}
.testimonia_box .img_div{ position:absolute; top:-45px; left:15px; width:95px; height:95px; border-radius:50%; overflow:hidden; -webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.17);
box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.17);}
.testimonia_box .img_div img{ width:100%;}
.testimonia_box .comma{ position:absolute; right:45px; bottom:25px;}
.testimonial .slick-prev, .testimonial .slick-next {
    position: absolute;
    top: 50%;
    width: 52px;
    height: 52px;
    border: 0px;
    outline: 0px;
    cursor: pointer;
	 margin-top:-26px; text-indent:9999px;
}
.testimonial .slick-prev {
    left: -50px; background:url(../images/prev.png) top left no-repeat;
}
.testimonial .slick-next {
    right: -50px; background:url(../images/next.png) top right no-repeat;
}
/* the slides */
  .slick-slide {
    margin: 50px 15px 20px;
  }
  /* the parent
  .slick-list {
    margin: 0 -27px;
  } */


/***************************/
/*******pup up login************/
/**************************/
/*.nav-tabs .nav-item {
    margin-bottom: 0px;
    width: 50%;
    text-align: center; border:0px;
}
.nav-tabs .nav-item .nav-link{ padding:0px 0 1rem 0 !important; 
border-left: 0px;
border-right: 0px;
border-top: 0px;border-bottom:2px solid #fff; display:inline-block; color:#666666; font-size:14px; font-weight:bold; text-transform:uppercase;}
.nav-tabs .nav-item .nav-link:hover{margin-bottom: 0px;color: #00bead; border-bottom: 2px solid #00bead;
border-left: 0px;
border-right: 0px;
border-top: 0px; display:inline-block;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #00bead;
    background-color: #fff;
    border-bottom:2px solid #00bead;
    display: inline-block;
}
.tab-content{ padding:40px 40px 0 40px;}*/
.register .form-control{ height:60px; line-height:60px; padding-left:25px; padding-right:25px; border-radius:999px; background:#f1f1f1; border-color:#f1f1f1}
.register select.form-control { height: 60px !important;}
.register textarea.form-control { height: 250px !important; border-radius:30px; resize:none; padding:25px; line-height:22px;}
.register .btn_custom{ border:1px solid #00bead; background:#00bead; padding:17px 70px; border-radius:999px; text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff;}
.register .btn_custom:hover{ border:1px solid #018579; background:#018579;}
/******/
.privacypolicy { padding:100px 0px; background:#fff url(../images/contact_bg.jpg) top  left  no-repeat;}
.privacypolicy .sec-title h2 { font-size: 40px;}
.privacypolicy ul{ margin-bottom: 25px;}
.privacypolicy p, .privacypolicy li { font-size: 20px; line-height:35px; font-family: 'Avalon';}
.contactus{ padding:100px 0px; background:#fff url(../images/contact_bg.jpg) top  left  no-repeat;}
.contactus .box{-webkit-box-shadow: 0 0 30px #f9f9f9; box-shadow: 0 0 30px #f9f9f9; padding:40px;}
.contactus .box .form-control{ background:#f9f9f9; border:1px solid #f9f9f9; font-size:18px; height:60px; font-family: 'Avalon';}
.contactus .box textarea.form-control{ height:150px; font-family: 'Avalon';}
.contactus p{ font-size:21px; line-height:35px;}
.contactus ul{ margin:0px; padding:0px; list-style:none;}
.contactus ul li{ margin:0px; padding:0px; list-style:none; font-size:20px; color:#b3b2b2;float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;}
.contactus ul li span{ color:#231f20; font-style:21px; display:block; margin-top:8px;}
.contactus ul li img{ float:left; margin-right:15px;}  
.btn-contact{ font-size:21px; color:#fff; padding:10px 65px; background:#007aff;}
.btn-contact:hover{  background:#035ab8;}
/****/
.howitworks{padding:100px 0 0 0; margin:0px; position:relative;}
.howitworks .mb100{ margin-bottom:100px;}
.howitworks .box{ padding:80px 60px; margin:0 25px;-webkit-box-shadow:  0 0 60px rgba(43,37,37,.1); box-shadow: 0 0 60px rgba(43,37,37,.1); background:#fff; max-width:700px;}
.howitworks .box p{ font-size:22px; line-height:35px; color:#484646;}
.howitworks .box img{ float:left; margin-right:25px;}
.howitworks .number_box{ padding:80px 60px; margin:0 25px;}
.howitworks .number_box .number{ font-size:160px; font-weight:900; color:#f4f4f4; line-height:80px; font-family: 'Mont-Heavy';}
.howitworks .number_box .sec-title h2{ font-size:38px;  color: #231f20; font-family: 'Mont-ExtraLight';}
.howitworks .number_box .sec-title h2 strong{  font-family: 'Mont-Heavy';}
.howitworks_video{ position:relative; padding:0px; margin:100px 0;}
.video_bg{position:relative; margin-top:50px;}
.video_bg:after{ background:#e5f1ff; content:""; padding:0px; margin:0px; width:100%; position:absolute; left:0px; top:50%; transform:translateY(-50%); height:380px; z-index:1;}
.video{ max-width:1220px; margin:0 auto; position:relative; z-index:5;}
.howitworks .spine{position:absolute; left:50%; top:100px; transform:translateX(-50%); z-index:5; display:block;}
/*******/
.pricign-inner{
  margin: 0px 15px;
}

.pricing-block-one .pricing-table{
  position: relative;
  display: block;
  background: none;
  border: 1px solid #ededed;
  padding: 44px 30px 50px 30px;
  border-radius: 10px;
  overflow: hidden;
}

.pricing-block-one.active-block .pricing-table{
  background: #fff;
  margin: -27px 0px 0px 0px;
  padding: 71px 30px 50px 30px;
  z-index: 1;  box-shadow: 0 10px 40px rgb(200 200 200 / 100%);border: 0px solid #ededed;
}

.pricing-block-one .pricing-table .table-header {padding-bottom: 25px;margin: 0px;border-bottom: 1px solid #e5e5e5; text-align:center; font-family: 'Avalon';}
.pricing-block-one .pricing-table .table-header small {font-size: 20px;text-transform: uppercase;color: #151515;font-weight: 600; font-family: 'Avalon';}
.pricing-block-one .pricing-table .table-header h3 {font-size: 28px;color: #2a2a2a;font-weight: 400;margin: 0x;padding: 0px; font-family: 'Avalon';}
.pricing-block-one .pricing-table .table-header h2 {font-size: 65px; color: #007aff;font-weight: 200;margin: 0x;padding: 0px; font-family: 'Avalon';}
.pricing-block-one .pricing-table .table-header p {font-size: 20px; color: #7e7d7d;font-weight: 400;margin: 0x;padding: 0px; font-family: 'Avalon';}
.pricing-block-one.active-block .pricing-table .table-header h3 {font-size: 36px; font-family: 'Avalon';}
.pricing-block-one.active-block .pricing-table .table-header h2 {font-size: 80px; font-family: 'Avalon';}
.pricing-block-one .pricing-table .table-content{
  position: relative;
  margin-bottom: 30px;
}
.pricing-block-one .pricing-table .table-content ul{margin: 0px;padding: 27px 0 12px 0;list-style: none;}
.pricing-block-one .pricing-table .table-content ul li{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #231f20;
  font-weight: 400;
  margin-bottom: 20px; 
  list-style:none; padding:0px 0px 0px 40px; font-family: 'Avalon';
}
.pricing-block-one .pricing-table .table-content ul li:before{ font-family:FontAwesome;content: "\f058"; position:absolute; top:0px; left:0px; font-size:24px; color:#bfbfbf;}
.pricing-block-one.active-block .table-content ul li:before{ color:#007aff;}
.pricing-block-one.active-block .pricing-table .table-content ul li{ color: #00224f;}
.pricing-block-one .pricing-table .table-content ul li:last-child{margin-bottom: 0px;}
.pricing-block-one .pricing-table .table-footer{ text-align:center;}
.theme-btn-one{ font-size:21px; color:#fff; padding:10px 30px; background:#007aff;}
.theme-btn-one:hover{  background:#035ab8; color:#fff;}
.mb-120{ margin-bottom:120px;}
.information{ font-style:italic; font-size:24px; color:#231f20; line-height:38px; margin-top:15px; font-family: 'Avalon';}
.information .fa{ color:#007aff; font-size:38px; margin-right:15px;}

/***************************/
/*******login************/
/**************************/
.loginpupup{padding:40px 80px;font-size:20px; color:#7e7d7d;}
.loginpupup .sec-title h2{ font-size:45px;}
.loginpupup .sec-title p{ color:#231f20; font-size:25px;}
.loginpupup .close {
    top: 20px;
    position: absolute;
    right: 20px;
}
.loginpupup .custom-control-label::before {
    top: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
}
.loginpupup .custom-control-label::after {
    top: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
}
.loginpupup .modal-header {
    padding: 0;
}
.register .form-control{ height:68px; line-height:68px;  padding-left:25px; padding-right:25px; border-radius:10px; background:#f9f9f9; border-color:#f2f2f2; margin-bottom:35px; font-size:20px;}
.register .btn_custom{ border:1px solid #007aff; background:#007aff; padding:17px 100px; border-radius:10px; text-transform:uppercase; font-size:20px; font-weight:bold; color:#fff; letter-spacing:2px; margin-top:20px;}
.register .btn_custom:hover{  border:1px solid #0260c7; background:#0260c7;}

/*********/
.checkout{ padding:100px 0; margin:0px;}
.checkout_inner{ padding:0; margin:0px auto; max-width:1280px; width:100%;}
.checkoutbox{box-shadow: 0 10px 40px rgb(200 200 200 / 100%); width:100%; min-height:200px; padding:40px 60px; max-width: 1080px; margin: 0 auto;}
.checkoutbox .table th, .checkoutbox .table td {
    border-bottom: 1px solid #dee2e6;
	border-top:0px;
	font-family: 'Avalon';
}
.checkoutbox .table th{border-bottom: 2px solid #dee2e6; font-size:24px; color:#2a2a2a; font-weight:400;}
.checkoutbox .table td { font-size:20px; color:#484646; font-weight:300;}
.checkoutbox .table td ul{margin: 0px;padding:10px 0;list-style: none;}
.checkoutbox .table td ul li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #231f20;
  font-weight: 400;
  margin-bottom: 10px; 
  list-style:none; padding:0px 0px 0px 40px;
}
.checkoutbox .table td ul li:before{ font-family:FontAwesome;content: "\f058"; position:absolute; top:0px; left:0px; font-size:24px; color:#007aff;}
.checkoutbox .c_list{margin: 0px;padding:10px 0;list-style: none; max-width:420px; width:100%; float:right;}
.checkoutbox .c_list li{margin: 0px;padding:10px 0px;list-style: none;font-size: 20px; line-height: 26px;color: #5a5858; text-align:left; display:block;}
.checkoutbox .c_list li span{ display:inline-block; float:right; text-align:right; color:#231f20;}
.pop-up .btn_custom,.checkoutbox .btn_custom{ border:1px solid #007aff; background:#007aff; padding:17px 25px; border-radius:10px; text-transform:uppercase; font-size:20px; font-weight:bold; color:#fff; letter-spacing:2px; margin-top:20px;}
.checkoutbox .btn_custom:hover{  border:1px solid #0260c7; background:#0260c7;}
.checkoutbox .register .form-control{ height:60px; line-height:60px;  padding-left:25px; padding-right:25px; border-radius:5px; background:#f9f9f9; border-color:#f2f2f2; margin-bottom:30px; font-size:18px;font-family: 'Avalon';}
.checkoutbox .register .custom-control-label{font-family: 'Avalon';}
#progressbar {
    margin-bottom: 60px;
    overflow: hidden;
    color: #042f53;
    padding-left: 0px;
    margin-top: 0px;
	position:relative; z-index:3;
}

#progressbar li {
    list-style-type: none;
    font-size: 22px;
    width: 33.33%;
    float: left;
    position: relative;
    font-weight: 400;line-height: 45px; color:#231f20; font-weight:bold;
}

#progressbar #step1:before {
    content: "01";
    color: #f3f3f3
}

#progressbar #step2:before {
    content: "02";
    color: #f3f3f3
}

#progressbar #step3:before {
    content: "03";
    color: #f3f3f3
}


#progressbar li:before {
    width: 80px;
    height: 80px;
    line-height:80px;
    display: block;
    font-size: 30px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
	font-weight:bold; border:1px solid #f3f3f3;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 8px;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}
#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#progressbar li.active:before,
#progressbar li.active:after {
	background:#007aff;
	color:#fff !important; border:1px solid #007aff;
}
/*************************/
.blog{ padding:70px 0; margin:0px;}
.resources-left{ max-width:300px; width:100%;}
.seach-resources{ background:#fff; color:#231f20; -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11); width:100%; position:relative; padding-right:40px;}
.seach-resources input{ width:100%; border:0px; height:50px; padding-left:15px;}
.seach-resources input:focus{border:0px; box-shadow:none;}
.resources-left h5{ font-size:22px; color:#231f20; margin-top:30px; margin-bottom:15px; font-weight: 600; }
.category-resources ul{ margin:0px; padding:0px; list-style:none; font-family: 'Avalon';}
.category-resources ul li{ margin:0px; padding:10px 0; list-style:none; border-bottom:1px solid #dddcdc;font-family: 'Avalon';}
.category-resources ul li a{ font-size:16px; color:#484646;font-family: 'Avalon';}
.category-resources ul li:hover a{ color:#007aff;}
.category-resources ul li span{ width:22px; height:22px; border-radius:50px; text-align:center; line-height:20px; font-size:15px; color:#fff; background:#007aff; float:right;}
.share-resources a{ font-size:25px; display:inline-block; margin-right:15px;}
.share-resources a .fa-facebook{ color:#3b5999;}
.share-resources a .fa-pinterest-p{ color:#d32f2f;}
.share-resources a .fa-twitter{ color:#03a9f4;}
.share-resources a .fa-tumblr{ color:#33506c;}
.share-resources a .fa-google{ color:#f44337;}
.tag-resources a{ border:1px solid #bdbbbc; padding:5px 10px; color:#484646; margin-bottom:10px; margin-right:10px; font-size:16px; display:inline-block;  font-family: 'Avalon';}
.subscribe-resources{ background:url(../images/resources_add.png) top left no-repeat; background-size:100%; height:367px; width:100%; padding:50px 20px; margin-top:35px; font-size:22px; color:#ffffff; line-height:32px; font-family: 'Avalon';}
.subscribe-resources span{ display: block;}
.btn_add{ border:1px solid #007aff; background:#007aff; padding:10px 25px; border-radius:10px; text-transform:uppercase; font-size:16px; font-weight:bold; color:#fff; letter-spacing:1px; margin-top:20px; font-family: 'Montserrat', sans-serif;}
.btn_add:hover{  border:1px solid #0260c7; background:#0260c7; color:#fff;}

.resoutces{ margin-bottom:50px;}
.resoutces h3{ font-size:18px; font-weight:600; color:#1a1a1d; margin-bottom:15px; height: 45px; overflow: hidden;font-family: 'Montserrat', sans-serif;}
.resoutces p{ font-size:16px;color:#434345; margin-bottom:20px; height: 125px; overflow: hidden; font-family: 'Avalon';}
.resoutces a{ font-size:15px;color:#007aff; text-transform:uppercase; font-family: 'Avalon';}






.date_author{ font-size:13px; color:#7e7d7d; margin:15px 0;}
.date_author span, .date_author a{ margin-right:30px; color:#7e7d7d; text-transform:inherit; font-family: 'Avalon';}
.date_author a:hover{ color:#007aff; }
.date_author .fa{ font-size:20px; color:#007aff; margin-right:10px;} 
.r-share{ font-size:16px; color:#7e7d7d; margin-top:0px; margin-bottom:25px; font-family: 'Avalon';}
.r-share a{ font-size:19px; margin-left:10px;display:inline-block;}
.r-share a .fa-facebook{ color:#3b5999;}
.r-share a .fa-pinterest-p{ color:#d32f2f;}
.r-share a .fa-twitter{ color:#03a9f4;}
.r-share a .fa-tumblr{ color:#33506c;}
.r-share a .fa-google{ color:#f44337;}
.p-resources ul li { padding:0 !important;}
.p-resources .page-link { position: relative; display: block; padding: 0; margin-left: -1px; line-height: 1.25; color: #666666; background-color: #fff; border: 1px solid #dee2e6; margin-right: 15px; width: 45px; height: 45px; text-align: center; line-height: 45px; font-size: 20px; border-radius: 0px;}
.p-resources .page-link:hover, .p-resources .page-link.active { color: #fff; background-color: #007aff; border: 1px solid #007aff;}
.p-resources .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.p-resources .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.post h2{ font-size:40px; font-weight:600; color:#1a1a1d;font-family: 'Montserrat', sans-serif;}
.post h3{ font-size:30px; font-weight:400; color:#484646; height:auto; overflow:auto; font-family: 'Avalon';}
.post p{height:auto; overflow:auto; font-family: 'Avalon';}
.post .images{ display:block; margin-bottom:30px; }
.reply textarea{ background:#f9f9f9; border-color:#f9f9f9; resize:none; color:#7b7a7a; font-family: 'Avalon';} 
.reply input{ background:#f9f9f9; border-color:#f9f9f9; height:60px; font-family: 'Avalon';}
.blog .sec-title h2 { font-size: 45px;}
.btn_replay{ border:1px solid #007aff; background:#007aff; padding:17px 25px; border-radius:5px; text-transform:uppercase; font-size:20px; font-weight:normal; color:#fff; letter-spacing:2px; margin-top:20px; width:100%; font-family: 'Montserrat', sans-serif;}
.btn_replay:hover{  border:1px solid #0260c7; background:#0260c7; color:#fff;}
/**********************/
.profile_top{ width:30px; height:30px; border:1px solid #fff; border-radius:50%; padding: 0px !important;}
.profile_top img{ border-radius:50%; margin:0px; vertical-align: top;}
.link li .fa{color:#fff;}
.dashboard{ padding:86px 0;}
.submenu[data-toggle].collapsed:after {
	content:"\f107"; float:right; font-family:FontAwesome;		
}
.submenu[data-toggle]:not(.collapsed):after {
	content:"\f106"; float:right;font-family:FontAwesome;
}
.dash_nav{ padding:0 50px;}
.dash_nav li{ border-bottom:1px solid #e7e7e7; padding:20px 0;}		
.dash_nav li a{ display:block; font-size:18px; color:#484646; padding-left:50px; height:35px; line-height:35px; background-position:0 0; transition:none;}		
.dash_nav li a.icon-dboard{background:url(../images/dashboard_i1.png) no-repeat;}
.dash_nav li a.icon-qBank{background:url(../images/dashboard_i2.png) no-repeat;}
.dash_nav li a.icon-progress{background:url(../images/dashboard_i3.png) no-repeat;}
.dash_nav li a.icon-resources{background:url(../images/dashboard_i4.png) no-repeat;}
.dash_nav li a.icon-forum{background:url(../images/dashboard_i5.png) no-repeat;}
.dash_nav li a.icon-acount{background:url(../images/dashboard_i6.png) no-repeat;}
.dash_nav li a.submenu.collapsed{color:#484646; background-position:0 0 !important; }
.dash_nav li a.submenu{color:#007aff;  background-position:0 -35px !important; }
.dash_nav li a:hover, .dash_nav li a.active{ color:#007aff; background-position:0 -35px !important;}
.dash_nav li ul{ margin-top: 10px;}
.dash_nav li ul li {border:0px; padding:4px 0; margin-left:0px; position:relative;}
.dash_nav li ul li:before{ content: " ";left: 28px;top: 11px;position: absolute;width: 12px;height: 12px;border-radius: 50%;background: #d3d2d2; }
.dash_nav li ul li a{ font-size:16px; color:#484646; line-height: 28px; height: 28px; }
.dashboard .r_top{ border-bottom:1px solid #e6e6e6; padding-bottom:35px; margin-top:5px;}
.dashboard .r_top h3{ font-size:24px; color:#231f20; display:inline-block;}
.dashboard .r_top a{ font-size:20px; color:#007aff; display:inline-block; float:right;}
.dashboard .d-box{ padding:30px 30px 30px 40px; border-radius:5px; height:160px; -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);
-moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);
box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.11);}
.dashboard .d-box h4{ font-size:20px; color:#fff; display:inline-block; padding-top:25px;}
.color1{ background:#5755d9;}
.color2{ background:#8ad35d;}
.color3{ background:#ffc542;}
svg.radial-progress { height: auto; max-width: 100px; padding: 0; transform: rotate(-90deg); width: 100%;}
svg.radial-progress circle { fill: rgba(0,0,0,0); stroke: #fff; stroke-dashoffset: 219.91148575129;  stroke-width: 10;}
svg.radial-progress circle.incomplete { opacity: 0.25; }
svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129;}
svg.radial-progress text {fill: #fff; text-anchor: middle;}
svg.radial-progress.one circle{stroke: #b2b1f0;}
svg.radial-progress.two circle{stroke: #ccedb8;}
svg.radial-progress.three circle{stroke: #fce6b4;}
.dash-table{ background:#fff; border-radius:0 0 5px 5px;}
.dash-table thead th {border-bottom: 1px solid #007aff;	border-top: 1px solid #007aff;	background:#007aff;	color:#fdfdfd;	font-size:17px; font-weight:400;}
.dash-table td{padding: 11px 10px; height: 52px; line-height: 52px;color:#454749; font-size:16px; font-weight:400;}
.dashboard .table-responsive{ -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20);}
.dash-table .completed{color: #22bc55;}
.dash-table .inprogress{color: #007aff;}
.dash-table a{ padding: 7px 18px; background: #e5f1ff; color: #007aff; border-radius: 5px; white-space: nowrap;}
.topic_chart .card { border: 0px solid rgba(0, 0, 0, 0.125); -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20);}
.topic_chart .card-header { background-color: #fff;  border-bottom: 1px solid rgba(0, 0, 0, 0.125);}

.myaccount .card { border: 0px solid rgba(0, 0, 0, 0.125); -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20);}
.myaccount .card .card-body{ padding: 20px 40px 40px 40px ;}
.myaccount .nav-tabs .nav-item .nav-link{ padding:0px 0 1rem 0 !important;  border-left: 0px; border-right: 0px; border-top: 0px;border-bottom:4px solid; border-color: transparent; display:inline-block; color:#959494; font-size:21px; font-family: 'Avalon';}
.myaccount .nav-tabs .nav-item{ width: 25%; float: left; text-align: center;}
.myaccount .nav-tabs .nav-item:first-child{ text-align: left;}
.myaccount .nav-tabs .nav-item:last-child { text-align: right;}
.myaccount .nav-tabs .nav-item .nav-link:hover{margin-bottom: 0px;color: #007aff; border-bottom: 4px solid #007aff; border-left: 0px; border-right: 0px; border-top: 0px; display:inline-block;}
.myaccount .nav-tabs .nav-link.active, .myaccount .nav-tabs .nav-item.show .nav-link {  color: #007aff;  background-color: #fff;  border-bottom:4px solid #007aff;  display: inline-block;}
.myaccount_form .form-control{ height:68px; line-height:68px;  padding-left:25px; padding-right:25px; border-radius:5px; background:#f9f9f9; border-color:#f2f2f2; margin-bottom:35px; font-size:17px;}
.myaccount_form select.form-control{height: 68px !important;}
.myaccount_form .btn_custom{ border:1px solid #007aff; background:#007aff; padding:17px 50px; border-radius:10px; text-transform:uppercase; font-size:20px; font-weight:normal; color:#fff; letter-spacing:1px; margin-top:20px;font-family: 'Montserrat', sans-serif;}
.myaccount_form .btn_custom:hover{  border:1px solid #0260c7; background:#0260c7;}
.myaccount_form .btn_red{ border:1px solid #ef212f; background:#ef212f; padding:17px 50px; border-radius:10px; text-transform:uppercase; font-size:20px; font-weight:normal; color:#fff; letter-spacing:1px; margin-top:20px; margin-left: 30px; font-family: 'Montserrat', sans-serif;}
.myaccount_form .btn_red:hover{  border:1px solid #d80513; background:#d80513;}
.myaccount_form .custom-control-label{ font-size: 16px; color: #231f20;}
.myaccount_form #checkboxlist .custom-control-label{ font-size: 20px; color: #151515;}
#checkboxlist .custom-control-label::before {top: 0.45rem;}
#checkboxlist .custom-control-label::after { top: 0.45rem;}
.myaccount_form  h3 {font-size: 24px; color: #231f20;}
.myaccount_form  h4 {font-size: 25px; color: #151515; margin: 30px 0;}
.myaccount_form  h4 strong{color: #007aff; display: inline-block; margin-left: 15px;}
.account_plan ul {
    margin: 0px;
    padding: 27px 0 12px 0;
    list-style: none;
}
.account_plan ul li {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #231f20;
    font-weight: 400;
    margin-bottom: 20px;
    list-style: none;
    padding: 0px 0px 0px 40px;
    font-family: 'Avalon'; width: 30%; float: left; margin-right: 3%;
}
.account_plan ul li::before {
    font-family: FontAwesome;
    content: "\f058";
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 30px;
    color: #007aff;
}
/*****/
.forums-table{ background:#fff; border-radius:0 0 5px 5px;}
.forums-table thead th {
	border-bottom: 1px solid #007aff;
	border-top: 1px solid #007aff;
	background:#007aff;
	color:#fdfdfd;
	font-size:17px; font-weight:400;padding: 20px 35px;
}
.forums-table td{padding: 20px 35px; height: 52px; line-height: 52px;color:#454749; font-size:16px; font-weight:400; max-width: 510px;}
.forums-table tr:hover td{ background: #e5f1ff;}
.forums-table h6{font-size:16px; color: #454749; margin-bottom: 5px;}
.forums-table h6 img{ margin-right: 10px;}
.forums-table p{font-size:14px; color: #a4a5a6; line-height: 22px; }
.categories{ position: relative; display: block; padding-left: 20px;}
.categories:before{ content: " "; left: 0px; top: 21px; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #007aff; }
.btn-updateprofile{margin-left: 40px; color: #fff !important; margin-top: -7px;}

.forums-section1{-webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); padding: 30px 35px 40px;}
.forum-header{ padding:0 100px 0 0;  position: relative;}
.forum-header h3{ font-size: 24px; color: #231f20; margin-bottom:15px; }
.forum-header span{ position: absolute; top: 10px; right: 0px; color: #454749; font-size: 17px;}
.forums-section1 .categories{ font-size: 17px;}
.forums-section1 .categories:before{ top:9px;}
.forum-containt { padding: 20px 0 0 65px; position: relative;}
.forum-containt h6{ line-height: 45px; font-size:18px; color: #454749; font-weight: 600; }
.forum-containt span{ line-height: 45px; font-size:16px; color: #616264; font-style: italic;}
.forum-containt p{ line-height: 26px; font-size:18px; color: #616264; margin-bottom: 10px;}
.profile-name{position: absolute; left: 0px; top: 20px; width: 45px; height: 45px; border-radius: 50%; text-align: center; line-height: 45px; font-size:20px; color: #fff; text-transform: uppercase;}
.bg1{ background: #218380;}
.bg2{ background: #2d6170;}
.bg3{ background: #7f7eff;}
.bg4{ background: #00bd9d;}
.t9{top:9px;}
.forums-section1 .share_section{ padding: 30px 0; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin: 30px 0;}
.forums-section1 .share_section .left{ margin: 0px; padding: 0PX; list-style: none; display: inline-block;}
.forums-section1 .share_section .right{ margin: 0px; padding: 0PX; list-style: none; display: inline-block; float: right;}
.forums-section1 .share_section .left li{ font-size: 17px; color: #454749; line-height: 33px; margin-right: 45px; display: inline-block;}
.forums-section1 .share_section .left li a{ display: inline-block; margin-right: 10px;} 
.forums-section1 .share_section .right li{ font-size: 17px; color: #454749; line-height: 33px; margin-left: 30px; display: inline-block; }
.forums-section1 .post_section{ padding: 0 0 0 75px; position: relative;}
.forums-section1 .post_section .post_comment{ width: 100%; min-height: 65px; border-radius: 33px; background: #f3f3f3; padding: 10px 245px 10px 25px; position: relative;}
.forums-section1 .post_section .post_comment input{ width: 100%; height: 45px; border: 0px; box-shadow: none; background: none;}
.forums-section1 .post_section .post_comment .action{ position: absolute; top:10px; right: 10px;}
.forums-section1 .post_section .post_comment .action a {display: inline-block; margin: 5px 3px;}
.forums-section1 .post_section .post_comment .action .send{ font-size: 20px; padding: 6px 30px; border-radius: 25px; margin:0 0 0 25px;}

.forums-section2{-webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); padding: 30px 35px 40px;}
.forums-section2 .like{font-size: 17px; color: #454749; line-height: 33px; display: inline-block;}
.forums-section2 .like a{ margin-right: 10px;  display: inline-block;}
.forums-section2 .forum-containt h6{ display: inline-block;}
.forums-section2 .datetime { float: right;  color: #929394; font-size: 16px; line-height: 45px;}
.load-more{padding: 0px 75px; height: 65px; line-height: 65px; background: #bdbbbc; border-radius: 5px; color: #fff; font-size: 22px; color: #fff; text-transform: uppercase;}
.load-more:hover{background: #8c8b8b; }
.forumline{margin: 60px 15px; display: block; width: 100%;}
/****/
.blur-me {
    filter: blur(3px);
}
.dash_resources_box{ position: relative; margin-bottom: 40px; }
.dash_resources_box img{ border-radius:5px;}
.dash_resources_box .news_tag {margin:15px 0;}
.dash_resources_box .news_tag span{margin:0; padding:0px 15px; line-height:30px; border-radius:15px; background:#abb0b2; color:#fff; font-size:11px; display:inline-block;}
.dash_resources_box h4{ font-size:18px; font-weight:600; color:#1a1a1d; margin-bottom:10px;}
.box_hoverflow { border-radius: 15px; width: 100%; height: 100%; position: absolute; top: 0; left: 0px; display: block; z-index: 4;}


.box_hoverflow h4{position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 90%; font-size: 20px;font-weight: 600; text-align: center;}
.box_hoverflow h4 a{ text-decoration: underline; color: #fff;}


.add-on{ padding: 0px 75px; height: 65px; line-height: 65px; background: #007aff; border-radius: 5px; color: #fff; font-size: 22px; color: #fff; text-transform: uppercase; }
.add-on:hover{background: #0069d9; }
.my_filter{ background: #fff; border: 0px; border-radius: 26px; height: 52px; padding: 0 15px; line-height: 52px; margin-bottom: 10px; margin-left: 15px; -webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); }
.width_150{ width: 150px; text-align: center;}
.width_100{ width: 100px; text-align: center;}
.width_100 a.delete{ color: #d95c61;  background: #fff; width: 38px; height: 38px; text-align: center; line-height: 38px;  font-size: 25px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); -moz-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); padding: 0px;}
.d_box{-webkit-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); -moz-box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); box-shadow: 0px 0px 20px 0px rgba(141,151,156,0.20); padding: 30px 35px 40px; position: relative;}
.d_box p{ color:#414345; font-size: 19px; margin-bottom: 20px;}
.d_box p strong{ color:#151515; font-size: 20px; font-weight: 600; min-width: 200px; display: inline-block;}
.d_box .action{ position: absolute; top: 15px; right: 15px;}
.d_box .action a.delete{ color: #d95c61;  background: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px;  font-size: 25px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); -moz-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); padding: 0px; margin: 0 7px;}
.d_box .action a.edit{ color: #419cff;  background: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px;  font-size: 25px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); -moz-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2); padding: 0px; margin: 0 7px;}
.pdf{display: inline-block;margin-top: 20px;line-height: 36px;font-size: 18px;color: #919191;}
.pdf img{ margin-left: 15px;}
.d_box .form-control{ height: 60px !important; background:#f9f9f9;} 
.d_box  .form-group {
    margin-bottom: 40px;
}
.d_box label {
    font-size: 20px;
    color: #231f20;
}
.custom-checkbox, .custom-radio{ display: inline-block; color: #5a5858; font-size: 18px;}

.custom-control-label {  font-size: 18px !important;}
.d_box ul{margin: 0px 0px 40px 0px; padding: 0px; list-style: none;}
.d_box ul li{margin: 0px; padding: 0px 0; list-style: none; font-size: 18px; line-height: 40px; color: #484646; }
.d_box ul li a.delete {
    color: #d95c61;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    display: inline-block;
    border-radius: 50%;
    -webkit-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2);
    -moz-box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2);
    box-shadow: 0px 13px 16px 0px rgba(43,37,37,0.2);
    padding: 0px;
    margin: 0px 0px 0px 40px;
}
.save-quiz{ padding: 0px 75px; height: 65px; line-height: 65px; background:none; border: 2px solid #007aff; border-radius: 5px; color: #007aff; font-size: 22px;  text-transform: uppercase; }
.save-quiz:hover{background: #0069d9; border: 2px solid #0069d9; color: #fff; }
.cancel-quiz{ padding: 0px 75px; height: 65px; line-height: 65px; background:none; border: 2px solid #c8c7c7; border-radius: 5px; color: #c8c7c7; font-size: 22px;  text-transform: uppercase; }
.cancel-quiz:hover{background: #c8c7c7; border: 2px solid #c8c7c7; color: #fff; }
.quiz p{ font-size: 22px;}
.quiz_nav{ padding:0 65px; width: 100%; bottom: 0px; left: 0px; position: absolute;}
.quiz_nav li{ padding:5px 0;}		
.quiz_nav li a{ display:block; font-size:18px; color:#484646;  height:35px; line-height:35px; background-position:0 0; transition:none;}
.quiz_nav li a:hover, .quiz_nav li a.active{ color:#007aff;}
/**********************/
.container {
    width: 100%;
    max-width: 1660px;
}
/*-- responsive design --*/
@media(max-width:1730px) {
.testimonial .slick-prev {left: -10px;}
.testimonial .slick-next {right: -10px;}
}
@media(max-width:1500px) {
.howitworks .mb100 {margin-bottom: 100px;}
.howitworks .number_box .sec-title h2 {font-size: 32px;}
.howitworks .box {padding: 65px 60px;}
.howitworks .number_box{ padding:80px 40px; }
.howitworks .box p {font-size: 20px;}
}
@media(max-width:1367px) {
	.training .text_div {
		width: 50%;
		max-width: 380px;
	}  
}
@media(max-width:1180px) {
	.training .text_div {
		width: 50%;
		max-width: 360px;
	}  
	.mar120 {
    	margin-bottom: 4% !important;
	}
}

@media screen and (max-width: 1080px) and (min-width: 992px){
	nav a {
		font-size: 20px;
		margin: 0 20px;
	}
	.footer-grids ul li {
    	padding: 0 15px;
	}
	.flexslider .slides img {
    	min-height: 300px;
	}
	.slider_container h2 {
    	font-size: 36px;
	}
	.slider_container h6 {
    	font-size: 22px;
	}
	.slider_container p {
		font-size: 16px;
		line-height: 22px;
	}
	.sec-title h2 {
		font-size: 40px;
	}
	
}

@media screen and (max-width: 991px) and (min-width: 768px){	
	div#logo { width: 180px;}
    nav a {
		font-size: 17px;
		margin: 0 10px;
	}
	nav ul li {  padding: 33px 0; font-size: 17px;}
	.footer-grids ul li {
    	padding: 0 10px;
	}
	.footer-grids ul li a {
    	padding: 0 10px;
	}
	.flexslider .slides img {
    	min-height: 300px;
	}
	.slider_container h2 {
    	font-size: 36px;
	}
	.slider_container h6 {
    	font-size: 22px;
	}
	.slider_container p {
		font-size: 16px;
		line-height: 22px;
	}
	.sec-title h2 {
		font-size: 40px;
	}
	.whychooseus img{ width:100%;}
	.whychooseus .text-div {
		padding-left: 0px;
		padding-top:20px;
	}
	
	.trainingmiddle {
	   display:none;
	}
	.training .text_div {
		margin: 0 0 30px 0 !important;
		width: 100%;
	}
	.training .text_div .number {
		min-width: 80px;
		display: inline-block;
	}
	.training .text_div .number span {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
	}
	
}
@media(max-width:767px) {
.menu_section nav {
    position: relative;
}
.container {
    width: 100%;
    max-width: 580px !important;
}
.header-top {
    text-align: center;
}
.header-top .text-right {
    text-align: center !important;
}
.social a {
    margin: 0 15px;
}
.training {
    padding: 50px 0;
}
.sec-title h2 {
    font-size: 40px;
}
.home_news {
    padding: 50px 0;
}
.news_box{ margin-bottom:30px;}
.whychooseus {
    padding: 50px 0 0px;
}
.whychooseus .text-div {
    padding-left: 0px; padding-top:20px;
}
.trainingmiddle img {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
}
.trainingmiddle {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.training .text_div {
    margin: 0 0 30px 0 !important;
    width: 100%;
}
.training .text_div .number {
    min-width: 80px;
    display: inline-block;
}
.training .text_div .number span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
}
.slider_container{position:relative; top: 0; left: 0; transform: translate(-0%,0%);background: #022d5d; padding: 15px 15px 50px;}
.slider_container h6 {
    font-size: 22px;
}
.slider_container h2 {
    font-size: 40px;
}
.slider_container p {
    font-size: 18px;
}
.news_box img {
    width: 100%;
}
.footer-grids ul li {
    display: block;
}
.mar120 {
    margin-bottom: 0% !important;
}
.howitworks .spine{display:none;}
.video_bg::after {height: 180px;}
.howitworks .box {
    padding: 20px 20px;
    text-align: center;
}
.howitworks .box img {
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
}
.howitworks .number_box {
    padding: 20px 20px;
}
.howitworks .number_box .number {
    font-size: 100px;
}
.howitworks .mb100 {
    margin-bottom: 50px;
}
.howitworks .number_box .sec-title h2 {
    font-size: 26px;
}
/****************/
.inner_banner img { height: 130px;}
.inner_banner .textdiv h1 { font-size: 42px; margin-bottom: 0;}
.sec-title h2 {
    font-size: 32px;
}
.aboutus .text-div {
    padding-left: 0;
    margin-top: 20px;
}
.aboutus {
    padding: 50px 0px;
}	
.privacypolicy .sec-title h2 {
    font-size: 34px;
}
.contactus {
    padding: 50px 0px;
}
.contactus .box {
    padding: 0;
}
.contactus .box .form-group {
    margin-bottom: 0px;
}
.contactus .box .form-control {
    margin-bottom: 15px;
}
.contactus .textleft { margin-top: 20px;}
.howitworks .box { margin: 0px;}	
.howitworks .number_box { margin: 0px;}	
.howitworks .number_box.float-right { float: left !important;}
.pricing-block-one.active-block .pricing-table{ margin: 0px 0px 0px 0px;}	
.pricing-block-one .pricing-table{  margin: 20px 0px;}
.subscribe-resources {  height: auto; border-radius: 10px;}
.resources-left { max-width: 396px; margin-left: auto; margin-right: auto; margin-bottom: 50px;}
.resoutces { max-width: 396px; margin-left: auto; margin-right: auto;}
.dashboard .r_top { margin-top: 40px;}
.dashboard .r_top a { float: none; display: block; margin-top: 20px;}
.dash_nav { padding: 0px;  margin-bottom: 20px;}	
.quiz_nav { position: relative;	padding: 0px;}
.add-on { padding: 0px 36px;  height: 45px;  line-height: 45px;  font-size: 20px;}
.cancel-quiz { padding: 0px 36px; height: 45px; line-height: 45px; font-size: 20px; margin-right: 10px !important;}
.save-quiz { padding: 0px 36px; height: 45px; line-height: 45px; font-size: 20px;}
.d_box .pl-5, .d_box .pr-5{ padding-left: 0px !important; padding-right: 0px !important;}
.d_box .btn {display: block;  margin-bottom: 10px; width: 100%;}
.d_box .ml-5 { margin-left: 0px !important;}
.forums-table h6 a, .categories { white-space: nowrap;}	
.forums-table thead th {   white-space: nowrap;}	
.forum-header span {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 15px;
}	
.forum-containt span {
    line-height: 26px;    
    margin-bottom: 15px;
    display: inline-block;
}	
.t9 {
    top: 4px;
}	
.forums-section1 .post_section .post_comment {
    width: 100%;
    min-height: 45px;
    border-radius: 45px;
    background: #f3f3f3;
    padding: 6px 60px 6px 14px;
    position: relative;
}
	.forums-section1 .post_section .post_comment .action .send {
    font-size: 20px;
    padding: 2px 15px;
    border-radius: 24px;
    margin: 0 0 0 5px;
}
	.forums-section1 .share_section .left {
    display: flex;
    justify-content: space-between;
}
	.forums-section1 .share_section .left li {
    margin-right: 0;
}
	.forums-section1 .share_section .right {
    margin: 20px 0 0 0;
    display: flex;
    float: none;
    justify-content: space-between;
}
	.forums-section1 .share_section .right li {
    font-size: 17px;
    color: #454749;
    line-height: 33px;
    margin-left: 0;
    display: inline-block;
}
	.forum-header {
    padding: 0;
    position: relative;
}
	.forums-section1 {
    padding: 15px;
}
	.btn-updateprofile {
    margin-left: 0;
}
	.forum-containt {
    padding: 20px 0 0 60px;
    position: relative;
}
	.forums-section1 .post_section {
    padding: 0 0 0 50px;
    position: relative;
}
	.forums-section2 {
    padding: 15px;
}
	.forums-section1 .post_section .post_comment .action {
    position: absolute;
    top: 6px;
    right: 10px;
}
	.width_150 {
    width: 80px;
    text-align: center;
    display: inline-block;
}	
	.dash-table td {
    line-height:22px;
}
	.d_box {
    padding: 15px;
}
	.d_box .action {
    top: -65px;
    right: 0;
}
}
@media(max-width:580px) {

}

@media(max-width:480px) {

    
}
@media(max-width:359px) {
	
}

/*--//responsive design --*/