@charset "utf-8";

/* CSS Document */



body {
 margin: 0px;
 padding: 0px;
 font-family: 'Roboto', sans-serif;
 background-size: cover;
 overflow-y: scroll;
}

.membership .nav-mobile{
    display: none;
}

ul.list_head.list_head1 {
 background: transparent !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
 margin: 10px 0;
 padding: 10px 15px;
 border-radius: 10px;
}

ul.list_head {
 width: 100%;
 float: left;
 background: #252a63 !important;
 margin: 0px 0px 3px;
 padding: 10px 15px !important;
 border-radius: 10px;
}

.myaccset {
 padding: 30px 15px;
 margin: 50px 0;
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
 border-radius: 10px;
}

.buy-addi {
 padding: 30px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
 margin: 50px 0;
 border-radius: 10px;
}

.lrg {
 background-color: #252a63;
 color: #ffffff !important;
 padding: 15px 15px;
 border-radius: 50px;
 margin: 15px 0 15px 25px;
}

#clockdiv {
 margin-left: 120px;
}

.knowledge_icons {
 width: 71px;
 height: 71px;
 background: url(../images/timer.png) no-repeat 0px 0px;
 left: -38px;
 top: -25px;
}

span.days {
 position: relative !important;
 display: none !important;
}

span.hours {
 position: relative !important;
 display: none !important;
}

span.minutes {

 position: relative !important;

 padding-left: 3px;

 color: #ff4232;

}

span.seconds {

 position: relative !important;

 padding-right: 3px;

 color: #ff4232;

}

span.minute-dot {

 position: relative !important;

 padding-right: 0px;

 color: #ff4232;

}



* a {
 -webkit-transition: all 400ms ease-in;

 -o-transition: all 400ms ease-in;

 -moz-transition: all 400ms ease-in;

 -ms-transition: all 400ms ease-in;
}

* a:hover {
 -webkit-transition: all 200ms ease-in;

 -o-transition: all 200ms ease-in;

 -moz-transition: all 200ms ease-in;

 -ms-transition: all 200ms ease-in;

}

* {
 box-sizing: border-box;

 -moz-box-sizing: border-box;

 -webkit-box-sizing: border-box;
}

.clear {
 clear: both;
}


.viewMembarship {
 float: right;
 margin-bottom: -1px;
 margin-top: 18px;
 font-size: 12px;
 color: #353535;
 display: block;
 border-radius: 10px;
 text-decoration: none;
 cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: normal;
}
h3 {
 font-size: 30px;
 color: #252a63;
 text-transform: capitalize;
 margin-bottom: 20px;
}

h3.mar_btm1 {
 margin-bottom: 50px;
}

h3.green {
 color: #6ad007;
 margin-left: -24px;
}

.test1 {
 clear: both;
 margin: 0px 0px;
 padding: 5px 0px
}

h3.red {
 color: #ff4232;
}

h3.mar_btm {
 margin-bottom: 30px;
}

h3.mar_top {
 margin-top: -10px;
 margin-bottom: 34px;
}

/*p{*/

/*	margin:0px 0px 20px;*/

/*	padding:0px;*/

/*	line-height:22px;*/

/*	color:#292627;*/

/*	font-family: "Arabic Typesetting";*/

/*	font-size:24px;*/

/*	letter-spacing:-1px;*/

/*}*/

p .green_c {
 color: #a5cf39;
}

p .orange_c {
 color: #f47d20;
}

p .blue_c {
 color: #0061b6;
}

p.mar_btm {
 margin-bottom: 5px;
}

p.cnt {
 font-size: 14px;
 letter-spacing: 0px;
}

p.cnt a {
 color: #2660cf;
 text-decoration: none;
}

@font-face {

 font-family: 'carton_sixregular';

 src: url('../fonts/carton_six-webfont.eot');

 src: url('../fonts/carton_six-webfont.eot?#iefix') format('embedded-opentype'),

  url('../fonts/carton_six-webfont.woff2') format('woff2'),

  url('../fonts/carton_six-webfont.woff') format('woff'),

  url('../fonts/carton_six-webfont.ttf') format('truetype'),

  url('../fonts/carton_six-webfont.svg#carton_sixregular') format('svg');

 font-weight: normal;

 font-style: normal;
}

@font-face {

 font-family: 'Roboto', sans-serif;

 src: url('../fonts/euphemia-webfont.eot');

 src: url('../fonts/euphemia-webfont.eot?#iefix') format('embedded-opentype'),

  url('../fonts/euphemia-webfont.woff2') format('woff2'),

  url('../fonts/euphemia-webfont.woff') format('woff'),

  url('../fonts/euphemia-webfont.ttf') format('truetype'),

  url('../fonts/euphemia-webfont.svg#euphemiaregular') format('svg');

 font-weight: normal;

 font-style: normal;
}

@font-face {

 font-family: "Arabic Typesetting";

 src: url('../fonts/831970215-arabtype.eot');

 src: url('../fonts/831970215-arabtype.eot?#iefix') format('embedded-opentype'),

  url('../fonts/831970215-arabtype.svg#Arabic Typesetting') format('svg'),

  url('../fonts/831970215-arabtype.woff') format('woff'),

  url('../fonts/831970215-arabtype.ttf') format('truetype');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: "Mongolian Baiti";

 src: url('../fonts/636260987-monbaiti.eot');

 src: url('../fonts/636260987-monbaiti.eot?#iefix') format('embedded-opentype'),

  url('../fonts/636260987-monbaiti.svg#Mongolian Baiti') format('svg'),

  url('../fonts/636260987-monbaiti.woff') format('woff'),

  url('../fonts/636260987-monbaiti.ttf') format('truetype');

 font-weight: normal;

 font-style: normal;

}

input.inputs {
 width: 100%;
 height: auto;
 border: 1px solid #f2f7f4;
 border-radius: 5px;
 padding: 8px 10px;
 outline: 0;
 font-family: 'Roboto', sans-serif;
 color: #353535;
}

input.pass {
 width: 100%;
 height: auto;
 border: 1px solid #f2f7f4;
 border-radius: 5px;
 padding: 10px 10px;
 outline: 0;
}

input.submit {
 background: url(../images/submit_bg.jpg) repeat-x #60c103;
 font-size: 14px;
 float: left;
 outline: 0;
 color: #fff;
 font-family: 'Roboto', sans-serif;
 padding: 8px 30px;
 text-transform: uppercase;
 border: 2px solid #85e628;
 border-radius: 10px;
}

p.head {
 font-size: 22px;
 font-family: 'Roboto', sans-serif;
 color: #fff
}

#page_wrap {
 width: 100%;
 float: left;
}

header {
 width: 100%;
 float: left;
 background: #fff;
}

.hdr_container {
 max-width: 1021px;
 margin: 0px auto;
}

.logo {
 width: auto;
 float: left;
 margin-top: 3px;
}

.logo img {
 width: 250px;
 height: 75px;
 border-radius: 10px;
 float: left;
 border: none;
}

nav {
 width: auto;
 float: right;
}

nav ul {
 margin: 0px;
 padding: 0px;
}

nav ul li {
 list-style: none;
 float: left;
 font-size: 14px;
 color: #264e00;
 font-family: 'Roboto', sans-serif;
 text-transform: uppercase;
 font-weight: bold;
}

nav ul li a {
 color: #333333;
 text-decoration: none;
 display: block;
 padding: 30px 10px;
 text-transform: capitalize;
 font-weight: normal;
 font-family: 'Roboto', sans-serif;
}

nav ul li a:hover,
nav ul li a.active {
 color: blue;
 text-decoration: none;
 display: block;
 text-transform: capitalize;
 font-weight: normal;
 font-family: 'Roboto', sans-serif;
}

nav ul li ul li a:hover,
nav ul li ul li a.active {
 padding: 10px 20px;
}

.mid_wrap {
 width: 100%;
 float: left;
 padding: 0;
}

.mid_wrap.mid_wrap1 {
 padding: 40px 0px 0px;
}

.mid_wrap_container {
 max-width: 1021px;
 margin: 0px auto;
}

.bx-default-pager {
 display: none
}

.banner {
 width: 100%;
 float: left;
 position: relative;
 background: url(../images/banner_frame.png) no-repeat;
 /*border:1px solid #3c413c;*/
 padding: 13px 14px 13px 12px;
 background-size: cover;
 border-radius: 8px 8px 3px 3px;
}

.banner img {
 width: 100%;
 height: auto;
 float: left;
}

.banner_img img {
 width: 100%;
 height: auto;
 border: none;
}

.banner h2 {
 position: absolute;
 left: 38px;
 top: 33%;
 color: #fe6b03;
 font-size: 45px;
 font-family: "Mongolian Baiti";
 letter-spacing: -4px;
}

.banner h2 span {
 margin-left: 130px;
}

.orange_list {
 width: 95.2%;
 float: left;
 margin: 30px 61px 38px 24px;
 background: #ff4232;
 border: 1px solid #fff;
 border-radius: 8px;
 padding: 10px 48px 10px 48px;
}

.footer-nav {
 clear: both;
 width: 100%;
 height: auto;
}

.footer-nav a {
 text-align: left;
 text-decoration: none;
 color: #ff4232;
 font-weight: bold;
 margin: 10px 155px;
}

.orange_list.orange_list1 {
 margin: 20px 61px 20px 25px;
}

.orange_list ul {
 margin: 0px;
 padding: 0px;
}

.orange_list ul li {
 list-style: none;
 float: left;
 border-radius: 10px;
 background: #f2f7f4;
 font-size: 14px;
 color: #353535;
 font-family: 'Roboto', sans-serif;
 text-transform: uppercase;
 position: relative;
 width: 21%;
 text-align: right;
 font-weight: bold;
 margin-right: 45px;
}

.orange_list ul li a {
 color: #353535;
 text-decoration: none;
 padding: 5px 5px;
 display: block;
 border-radius: 10px;
}



.orange_list ul li span {
 position: absolute;
}

.orange_list ul li:last-child {
 margin-right: 0px;
}

.knowledge_icon {
 width: 71px;
 height: 71px;
 background: url(../images/knowledge_icon.png) no-repeat 0px 0px;
 left: -38px;
 top: -25px;
}

.courses_icon {
 width: 67px;
 height: 57px;
 background: url(../images/course_icon.png) no-repeat 0px 0px;
 left: -42px;
 top: -15px;
}

.login_icon {
 width: 67px;
 height: 67px;
 background: url(../images/login_icon.png) no-repeat 0px 0px;
 left: -67px;
 top: -22px;
}

form#register table {
 width: 50%;
 height: auto;
 margin-bottom: 20px;
}

form#register table tr {
 margin: 10px;
}

form#register table tr:nth-child(1) {
 font-weight: bold;
 color: #000;
}

a.buy_btn {
 padding: 15px 60px;
 border-radius: 50px;
 border: none;
 background-image: -webkit-gradient(linear, left top, right top, from(#d35316), to(#e6351f));
 background-image: linear-gradient(to right, #d35316, #e6351f);
 -webkit-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
 color: #ffffff;
}

a.btn_buy {
 text-decoration: none;
 padding: 10px 20px;
 color: #FF0000;
}

form#register table tr td {
 padding: 10px;
 color: #676767;
}

form#register table tr th {
 float: left;
}

.join_icon {
 width: 62px;
 height: 64px;
 background: url(../images/join_icon.png) no-repeat 0px 0px;
 left: -18px;
 top: -22px;
}

.mid_cnt {
 width: 100%;
 float: left;
 background: #fff;
 padding: 35px 35px 35px 66px;
 margin-bottom: 120px;
 position: relative;
}

.mid_cnt.mid_cnt1 {
 padding: 35px;
}

.mid_cnt:after {
 width: 287px;
 height: 113px;
 background: url(../images/mid_after.png) no-repeat 0px 0px;
 right: 0px;
 bottom: -85px;
 content: "";
 position: absolute;
}

/* .welcome_col1{
	width: 100%;
	float:left;
	position:relative;
	padding:64px 20px 125px 20px;
	background:url(../images/greenboard.png) no-repeat;
	background-size: 100% 100%;
} */

.welcome_col {
 width: 56%;
 float: left;
 background: url(../images/welcome_bg.png) no-repeat;
 position: relative;
 padding: 64px 20px 125px 20px;
 margin-right: 16px;
 background-size: cover;
}

.welcome_col.rght_col {
 width: 31.2%;
 float: right;
 border: 1px solid #ddd;
 background: url(../images/rght_bg.jpg) repeat-y right top;
 margin-right: 0px;
 padding: 42px;
}

.pencil_img {
 position: absolute;
 right: -24px;
 bottom: -40px;
 width: 68px;
}

ul.rght_list {
 width: 100%;
 float: left;
 margin: 0px;
 padding: 0px;
}

ul.rght_list li {
 list-style: none;
 float: left;
 font-size: 14px;
 color: #353535;
 font-family: 'Roboto', sans-serif;
 border-bottom: 1px dashed #353535;
 width: 100%;
 padding: 12px 0px;
}

ul.rght_list li a {
 color: #353535;
 text-decoration: none;
 background: url(../images/rght_ar.png) no-repeat 0px 0px;
 display: block;
}

ul.rght_list li a:hover,
ul.rght_list li a.rght_act {
 background: url(../images/rght_ar.png) no-repeat 0px -35px;
 padding-left: 10px;
 color: #c81e50;
}

ul.rght_list li:last-child {
 border-bottom: 0px;
}

.left_col {
 width: 100%;
 float: left;
}

.left_col.left_col1 {
 margin-top: 20px;
}

.left_col.left_col2 {
 width: 65%;
}

.left_col.left_col2a {
 width: 100%;
}

.left_col.left_col3 {
 width: 100%;
}

.hang_img {
 width: 12.8%;
 position: absolute;
 left: 42%;
 top: -68px;
}

.hang_img.hang_img1 {
 width: 24.6%;
}

.hang_img img {
 width: 100%;
 float: left;
 height: auto;
}

.offer_col {
 width: 42%;
 float: right;
 padding-left: 13px;
 margin-top: 5px;
}

.offer_list {
 width: 100%;
 float: left;
 margin: 2px 0px;
}

.offer_list ul {
 margin: 0px;
 padding: 0px;
}

.offer_list ul li {

 list-style: none;

 float: left;

 font-size: 24px;

 color: #515151;

 font-family: "Arabic Typesetting";

 border-bottom: 2px dotted #a6a5a9;

 position: relative;

 padding-bottom: 15px;

 margin-bottom: 15px;

 letter-spacing: -1px;

 line-height: 28px;

}

.offer_list ul li:before {

 width: 19px;

 height: 18px;

 position: absolute;

 content: "";

 left: -28px;

 top: 6px;

 background: url(../images/offer_arrows.png) no-repeat 0px 0px;

}

.offer_list ul li:last-child {

 border-bottom: 0px;

}

#carousel {

 position: relative;

 width: 100%;

 margin: 0 auto;

}



#slides {

 overflow: hidden;

 position: relative;

 width: 100%;

 height: 150px;

}



#slides ul {

 list-style: none;

 width: 100%;

 height: 150px;

 margin: 0;

 padding: 0;

 position: relative;

}



#slides li {

 width: 100%;

 height: 150px;

 float: left;

 text-align: left;

 position: relative;



}

.testimonial_col {

 width: 53%;

 float: left;

 margin-top: 35px;





}

.testi_img {

 width: 27%;

 float: left;

 margin-right: 2%;

}

.testi_img img {

 width: 100%;

 height: auto;

 float: left;

}

.demo_col {

 width: 42.5%;

 float: right;

 background: url(../images/testi_bg.jpg) no-repeat left center;

 padding-left: 38px;

 margin-top: 35px;

}

.demo_list {

 width: 100%;

 float: left;

}

.demo_list ul {

 margin: 0px;

 padding: 0px;

}

.demo_list ul li {

 clear: both;

 list-style: none;

 float: left;

 width: 98px;

 height: 34px;

 font-size: 24px;

 font-family: "Arabic Typesetting";

 letter-spacing: -1px;

 color: #fff;

 background: url(../images/demo_list_bg.png) no-repeat 0px 0px;

 text-align: center;

 line-height: 34px;

 margin-right: 7px;

 margin-bottom: 9px;

}

.demo_list ul li a {

 color: #fff;

 text-decoration: none;

 display: block;

}

.demo_list ul li a:hover {

 color: #ff4232;

}

.demo_list ul li.list1 {

 margin-left: 50px;

}

.demo_list ul li.list2 {

 margin-left: 180px;

}

.share_box {

 width: 100%;

 float: left;

 margin-top: 20px;

}

.share_box.m_top {

 margin-top: 63px;

}

.share_col {

 width: 46.3%;

 float: left;

 background: #df0c6f;

 border-radius: 8px;

 padding: 10px;

 margin: 0px 27%;

}

.share_col p {

 color: #fff;

 float: left;

 width: auto;

 text-transform: uppercase;

 margin: 14px 18px 10px 0px;

}

.footer .copyright p {
 letter-spacing: normal !important;
}

.share_icons {

 width: 55%;

 float: left;

}

.share_icons a {

 width: 48px;

 height: 48px;

 float: left;

 margin: 0px 4px;

}

.share_icons a:hover {

 opacity: .8;

}

.share_icons a:last-child {

 margin-right: 0px;

}

.fb_icon {

 background: url(../images/social_icons.png) no-repeat 0px 0px;

}

.tw_icon {

 background: url(../images/social_icons.png) no-repeat -53px 0px;

}

.utube_icon {

 background: url(../images/social_icons.png) no-repeat -108px 0px;

}

.twitter_icon {

 background: url(../images/social_icons.png) no-repeat -163px 0px;

}

footer {

 width: 100%;

 float: left;

 margin: 10px 0px;

}

footer ul {

 margin: 0px;

 padding: 0px;

 text-align: center;

}

footer ul li {

 list-style: none;

 font-size: 20px;

 color: #364519;

 background: url(../images/ftr_div.jpg) no-repeat right center;

 padding: 0px 15px 0px 8px;

 display: inline-block;

 font-family: "Arabic Typesetting";

 letter-spacing: -1px;

}

footer ul li a {

 color: #364519;

 text-decoration: none;

}

footer ul li a:hover {

 color: #ff4232;

}

footer ul li:last-child {

 background: none;

}

.gray_bg {
 width: 100%;
 border-radius: 10px;
 float: left;
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
 background: #ffffff;
 padding: 30px;
 position: relative;
}

.pin_img {

 width: 85px;

 position: absolute;

 left: -36px;

 top: -6px;
 
 display: none;

}

.acc_container ul li {
 border-bottom: none !important;
}

.test-btnsb a {
 padding: 10px 60px !important;
 border-radius: 50px !important;
 border: 5px solid #ffffff;
 background-color: white;
 transition: all .5s ease-in-out;
 color: #333333 !important;
 margin: 0 0 15px 0;
 text-align: center;
}

.acc_container ul li a:hover,
.acc_container ul li a.acc_active {
 color: #333333 !important;
 background: white !important;
 border-color: #f04e23;
}

.yrp {
 font-size: 14px;
 color: #666666;
 text-align: right;
}

.register-form .form-control:focus {
 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
 border-color: #80bdff !important;
}

.floatfoot footer {
 display: inline-flex;
 width: 100%;
}

.floatfoot hr {
 display: inline-flex;
 width: 100%;
}

.leftsub {
 background: #252a63;
 border-radius: 0 0 10px 10px;
}

.lsin a {
 color: white;
}

.yellow_col {
 width: 100%;
 color: white;
 float: left;
 background-image: linear-gradient(-32.7deg, #d35316, #202248);
 border: none;
 border-radius: 10px;
 padding: 24px 35px 0 24px;
}

.yellow_col h4 {
 font-size: 14px;
 font-family: 'Roboto', sans-serif;
 float: left;
 margin: 10px 0px 0px;
}

.pcbt {
 box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
 border-radius: 10px;
 margin: 50px 0;
}

.yellow_col h4 a {
 background: #6ad007;
 padding: 10px;
 margin-bottom: 15px;
 display: block;
 text-decoration: none;
 color: #fff;
}

.yellow_col h4 a:hover {
 background: #488e03;
}

.yellow_col p {
 color: #ffffff !important;
 font-size: 22px !important;
 font-weight: normal !important;
 font-family: 'Roboto', sans-serif;
 margin-bottom: 15px;
 letter-spacing: normal;
}

.yellow_check {
 width: 100%;
 float: left;
 background: transparent;
 margin: 0;
 padding: 0;
 border-radius: 50px;
 position: relative;
}

.yellow_check input {
 margin-left: 0px !important;
 opacity: 0;
 position: absolute;
 width: 100%;
 border-radius: 50px;
 top: 0;
 left: 0;
 height: auto;
 z-index: 1;
 cursor: pointer !important;
}

.yellow_check_image {
 width: 50%;
 float: left;
 margin-bottom: 7%;
}

.yellow_check_image label {
 color: #292627;
 font-size: 24px;
 font-family: 'Roboto', sans-serif;
}

.yellow_check_image img {
 float: right;
 margin: -7% 35% 0 0px;
}



.yellow_check label {

 color: #292627;
 cursor: pointer;
 font-size: 16px;

 margin-left: 15px;

 font-family: 'Roboto', sans-serif;



}

.btn_col {
 width: 100%;
 float: left;
 margin: 20px 0px 0 0;
}

.btn {

 float: left;

 position: relative;

 margin-right: 20px;

}

.btn.btn1 {}

.btn.btn2 {

 float: right;

 margin-right: 0px;

}

.submit_btn {

 background: url(../images/submit_bg.jpg) repeat-x;

 font-size: 14px;

 color: #376f00;

 font-family: 'Roboto', sans-serif;

 padding: 4px 29px 3px 15px;

 text-transform: uppercase;

 border: 2px solid #85e628;

 border-radius: 10px;

}

.submit_btn.submit_btn1 {

 background: url(../images/submit_bg1.jpg) repeat-x;

 border: 2px solid #fe6558;

 color: #fe6558;

}

.btn:after {

 position: absolute;

 height: 13px;

 width: 13px;

 background: url(../images/tick_img.png) no-repeat;

 right: 13px;

 top: 8px;

 position: absolute;

 content: "";

}

.btn.btn2:after {

 position: absolute;

 height: 10px;

 width: 12px;

 background: url(../images/close_img.png) no-repeat;

 right: 13px;

 top: 10px;

 position: absolute;

 content: "";

}

.submit_btn:hover {

 opacity: .9;

 cursor: pointer;

}

.timer {

 width: 45%;

 float: left;

 margin: 10px 25%;

 font-size: 24px;

 color: #2e2e2e;

 text-transform: uppercase;

 font-family: 'Roboto', sans-serif;

 background: url(../images/time_img.png) no-repeat center right;

 padding-right: 32px;

}

.total_ques {

 width: 100%;

 float: left;

 /*text-align:center;*/

}

.total_ques p {

 font-size: 17px;

 color: #676767;

 font-family: 'Roboto', sans-serif;

 margin-bottom: 0px;

 margin-bottom: 10px;

 float: left
}

.tabbing {

 width: 100%;

 float: left;

 margin-top: 26px;

}

.tabbing.tabbing1 {

 margin-top: 10px;

}

.contact_field {

 width: 100%;

 float: left;

 margin-bottom: 20px;

}

.contact_field ul.subul li {

 list-style: none;

}

.contact_field label {

 font-size: 16px;

 color: #333333;



 float: left;

 width: 30%;

}

.contact_field .contact_input,
.contact_field .contact_select,
.contact_field .contact_msg {

 width: 100%;

 float: left;

 background: #fff;

 padding: 8px;

 border-radius: 5px;



}

/*
.send_btn {
 background: url(../images/submit_bg.jpg) repeat-x #60c103;
 font-size: 14px;
 color: #fff; font-family: 'Roboto', sans-serif;
 padding: 8px 30px;
 text-transform: uppercase;
 border: 2px solid #85e628;
 border-radius: 10px;
 margin: 10px 0px 0px 30%;
}
*/

.send_btn:hover {

 opacity: .8;

 cursor: pointer;

}

.list_table {

 width: 100%;

 float: left;

 margin-bottom: 20px;

}

ul.list_head {

 width: 100%;

 float: left;

 background: #57b0d6;

 margin: 0px 0px 3px;

 padding: 0px;

}

ul.list_head li {

 font-size: 14px;

 color: #fff;

 font-family: 'Roboto', sans-serif;

 padding: 5px 10px;

 width: 11.11%;

 list-style: none;

 float: left;

 border-right: 1px solid #3a8fb2;

 min-height: 90px;

}

ul.list_head li:last-child {

 border: 0px;

}

ul.list_head li.min_hgt:last-child {

 border: 0px;

}

ul.list_head li.list1 {

 width: 22%;

 min-height: 0px;

}

ul.list_head li.list1.list2 {

 width: 60%;

}

ul.list_head.list_head1 {

 background: #f2f2f2;

}

ul.list_head.list_head1:nth-child(4) li.min_hgt {
 min-height: 110px;
}

ul.list_head li.min_hgt {

 min-height: 50px;

 color: #000;

 border-right: 1px solid #ccc;

}

ul.list_head li.min_hgt.min_hgt1 {

 min-height: 0px;

}

ul.list_head li.list_cent {

 text-align: center;

 padding-top: 15px;

}

/*
.take_test {

 background: url(../images/submit_bg.jpg) repeat-x;

 font-size: 11px;

 color: #fff;

 font-family: 'Roboto', sans-serif;

 padding: 1px 10px;

 text-transform: uppercase;

 border: 2px solid #85e628;

 border-radius: 10px;

 text-shadow: 1px 1px 0px #65b13f;

 text-decoration: none;

}
*/
.stick {
 position: fixed;
 top: -30px;
 width: min-content;
 z-index: 10000;
}


[type="checkbox"]:not(:checked),

[type="checkbox"]:checked {

 position: absolute;

 left: -9999px;

}

[type="checkbox"]:not(:checked) + label,

[type="checkbox"]:checked + label {

 position: relative;
 padding-left: 25px;
 font-size: 14px;
 color: #676767;
 cursor: pointer;
 line-height: 24px;

}



/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,

[type="checkbox"]:checked + label:before {

 content: '';

 position: absolute;

 left: 0;
 top: 2px;

 width: 20px;
 height: 20px;

 background: transparent;
 border: 1px solid #333333;
 /*#f8f8f8;*/

 border-radius: 3px;

 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,

[type="checkbox"]:checked + label:after {

 content: '✔';

 position: absolute;

 top: 4px;
 left: 3px;

 font-size: 20px;

 line-height: 0.8;

 color: #09ad7e;

 transition: all .2s;

}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {

 opacity: 0;

 transform: scale(0);

}

[type="checkbox"]:checked + label:after {

 opacity: 1;

 transform: scale(1);

}

.check_col {

 width: 100%;
 float: left;
 margin-bottom: 20px;

}

.check_col p {

 font-size: 16px;
 color: #333333;
 margin-bottom: 10px;

}

.check_col ul {

 margin: 0px;
 padding: 0px;

}

.check_col ul li {

 list-style: none;
 float: left;
 margin-right: 20px;

}



.contact_field label.label1 {

 width: 100%;
 margin-bottom: 10px;

}



.contact_field .contact_input.input1,
.contact_field .contact_select.select1,
.contact_field .contact_msg.msg1 {

 width: 100%;

}

.send_btn.send_btn1 {

 margin-left: 0px;

}



.welcome_div {

 width: auto;
 float: right;

}

.welcome_txt {

 float: left;
 font-size: 14px;
 margin-bottom: 10px;
 color: #fff;
 padding-right: 10px;
 border-right: 1px solid #000;
 margin-right: 10px;

}

a.logout {

 text-decoration: none;
 font-size: 14px;
 color: #df0c6f;
 float: left;
 margin-bottom: 10px;

}

a.logout:hover {

 color: #000;

}



ul#txt_name {

 width: 100%;
 float: left;
 margin: 0px;
 padding: 0px;

}

ul#txt_name li {

 list-style: none;
 float: left;
 width: 100%;
 font-size: 15px;
 color: #000;
 margin: 8px 0px;

}

ul#txt_name li .class_span1 {

 width: 35%;
 float: left;

}

ul#txt_name li .class_span2 {

 width: 40px;
 float: left;

}

ul#txt_name li .class_span3 {

 width: 55%;
 float: left;

}

ul.tab {

 list-style-type: none;

 margin: 0;

 padding: 0;

 position: relative;



}



/* Float the list items side by side */

.offer_col ul.tab li {

 float: left;

 border: 1px solid #ccc;

 background-color: #ff4232;

 margin: 0px 10px;

 border-radius: 15px;

 position: relative;

 width: 100px;

 height: 50px
}



/* Style the links inside the list items */

.offer_col ul.tab li a {

 display: inline-block;

 text-align: center;

 padding: 14px 15px;

 text-decoration: none;

 transition: 0.3s;

 color: #fff;

 width: 100px;

 height: 50px
}



/* Change background color of links on hover */

.offer_col ul.tab li a:hover {

 background-color: #6ad007;

 border-radius: 10px;

 color: #fff;

 padding: 14px 15px;

 width: 100px;

 height: 50px
}



/* Create an active/current tablink class */

.offer_col ul.tab li a:focus {

 background-color: #6ad007;

 border-radius: 10px;

 color: #fff;

 padding: 14px 15px;

 width: 100px;

 height: 50px
}



.offer_col ul.tab li a.active:before {

 content: "";

 position: absolute;

 left: 15%;

 -webkit-transform: rotate(180deg);

 transform: rotate(180deg);

 top: 105%;

 width: 0%;

 height: 0;

 border-left: 8px solid transparent;

 border-right: 8px solid transparent;

 border-bottom: 8px solid #6ad007;

 z-index: +9999
}

/* Style the tab content */

.tabcontent {

 display: none;

 padding: 6px 12px;



 margin: 15px 30px;

}

.sub-menu {

 margin-left: 60px !important;

 clear: both !important;

 margin-top: 20px !important;

}

.sub-menu ul {

 clear: both !important;

}

.sub-menu li {

 clear: none !important;

 display: inline-block !important;

 float: left !important;

 background: url(../images/demo_list_bgs.png) no-repeat 0px 0px !important;

}

.sub-menu li a:hover {

 color: #000 !important;

}

@media only screen and (min-width:1000px) and (max-width:1024px) {

 .orange_list {

  width: 97.9%;

  margin: 30px 10px 21px 10px !important;

 }

 .mid_cnt {

  padding: 19px 10px 19px 10px;

 }

 .pencil_img {

  right: 0px;

 }

}

@media only screen and (max-width:1199px) {
 .stick {
  width: min-content;
 }
}

@media only screen and (max-width: 991px) {
    .map-left-frame iframe{
        border-radius: 0 !important;
    }
    .map-form{
        border-radius: 0 !important;
    }
    .stick{
        position: static;
        width: auto;
    }
    .memberlogin .col-md-8{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .memberlogin .col-md-4{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .topic-section .topicboy {
        width: 100px !important;
        top: 15px;
    }

    .membership .nav-mobile {
        display: none;
    }

    .leftsub {
        margin: 15px 0;
        border-radius: 10px;
    }
    
}

@media only screen and (max-width: 767px) {
  .membership .col-12 {
   padding-right: 0;
    padding-left: 0;
  }
  .memberlogin .row .col-md-8{
      border: none !important;
  }
  
  .map-left p {
  font-size: 16px !important;
  }
    ul.list_head li.list1 {
        width: 100% !important;
        border: none;
        border-right: 0 !important;
    }
}


@media only screen and (max-width: 575px) {
    .fg-style #captchaCode{
        margin-bottom: 15px;
    }
}

@media only screen and (min-width:767px) and (max-width:991px) {

 .nav-submenu-1 {



  position: static !important;

  width: 100% !important;

  left: 100%;

  border: 0 !important;



  padding: 10px !important;

 }

 header {

  padding: 0px 10px;

 }

 .logo {
  width: 250px;
  margin: 0;
 }

 element.style {}

 nav ul li a:hover,
 nav ul li a.active {

  background: #ababab;
  color: #ffffff !important;
  padding: 15px;

 }

 nav ul li a {

  padding: 32px 19px;

 }

 .banner h2 {

  top: 20px;

  left: 10px;

  font-size: 36px;

 }

 .mid_wrap {

  width: 100%;

  float: left;

  padding: 20px 0px 0px;

 }

 .orange_list {

  width: 97.9%;

  margin: 30px 10px 21px 10px !important;

 }

 .orange_list ul li {

  width: 40.3%;

  margin: 20px 30px;

 }

 .mid_cnt {

  padding: 19px 10px 19px 10px;

 }

 .welcome_col {

  width: 100%;

 }

 .offer_col {

  width: 100%;

 }

 .demo_list ul li.list1 {

  margin-left: 0px;

 }

 .demo_list ul li.list2 {

  margin-left: 0px;

 }

 .share_col {

  width: 52.3%;

 }

 .pencil_img {

  right: 0px;

 }

 .welcome_col.rght_col {

  width: 38.2%;

 }

 .mid_cnt.mid_cnt1 {

  padding: 19px 10px 19px 10px;

 }

 .left_col.left_col2 {

  width: 60%;

 }

 .timer {

  width: 66%;

  margin: 10px 17%;

 }

}

@media only screen and (min-width:460px) and (max-width:759px) {

 header {

  padding: 0px 10px;

 }

 .logo {

  width: 250px;
  margin: 0;

 }


 nav ul li a {

  padding: 32px 19px;

 }

 .banner h2 {

  top: 20px;

  left: 10px;

  font-size: 28px;

 }

 .mid_wrap {

  width: 100%;

  float: left;

  padding: 20px 0px 0px;

 }

 .orange_list {

  width: 95.7%;

  margin: 30px 10px 21px 10px !important;

 }

 .orange_list ul li {

  width: 90.3%;

  margin: 20px 30px;

 }

 .mid_cnt {

  padding: 19px 10px 19px 10px;

 }

 .welcome_col {

  width: 100%;

  padding: 64px 40px;

 }

 .offer_col {

  width: 100%;

 }

 .demo_list ul li.list1 {

  margin-left: 0px;

 }

 .demo_list ul li.list2 {

  margin-left: 0px;

 }

 .share_col {

  width: 100%;

  margin: 0px;

 }

 h3 {

  font-size: 24px;

 }

 p {

  font-size: 22px;

 }

 .offer_list ul li {

  font-size: 22px;

 }

 .testimonial_col {

  width: 100%;

 }

 .demo_col {

  width: 100%;

 }

 .hang_img {

  width: 15.8%;

 }

 .left_col {

  width: 100%;

 }

 .welcome_col.rght_col {

  width: 100%;

 }

 .pencil_img {

  right: 0px;

 }

 .hang_img.hang_img1 {

  width: 18.6%;

 }

 .left_col.left_col1 {

  margin-bottom: 70px;

 }

 .mid_cnt.mid_cnt1 {

  padding: 19px 10px 19px 10px;

 }

 .left_col.left_col2 {

  width: 100%;

 }

 .timer {

  width: 66%;

  margin: 10px 17%;

  font-size: 22px;

 }

 .yellow_col h4 {

  font-size: 27px;

 }

 .yellow_check label {

  font-size: 23px;

 }

 ul.list_head li {

  width: 100%;

  min-height: 0px;

  border-bottom: 1px solid #ccc;

  border-right: 0px;

 }

 ul.list_head.list_head1:nth-child(4) li.min_hgt {
  min-height: 0px;
 }

 ul.list_head li.min_hgt {

  min-height: 0px;

 }

 ul.list_head li.list_cent {

  text-align: left;

 }

 .nav-submenu li a.arrow_menu {

  background: none !important;

 }

 .nav-submenu-1 {



  position: static !important;

  width: 100% !important;

  left: 100%;

  border: 0 !important;



  padding: 10px !important;

 }

}

@media only screen and (min-width:260px) and (max-width:459px) {

 header {

  padding: 0px 10px;

 }

 .logo {

  width: 180px;
  margin: 0;

 }

 .logo img {
  width: 180px !important;
  margin: 0 !important;
 }

 element.style {}

 nav ul li a:hover,
 nav ul li a.active {

  background: #ffffff;
  padding: 15px;
  color: #fff;

 }

 nav ul li a {

  padding: 32px 19px;

 }

 .banner h2 {

  display: none;

 }

 .mid_wrap {

  width: 100%;

  float: left;

  padding: 20px 0px 0px;

 }

 .orange_list {

  width: 95.7%;

  margin: 30px 10px 21px 10px !important;

 }

 .orange_list ul li {

  width: 90.3%;

  margin: 20px 30px;

  font-size: 13px;

 }

 .mid_cnt {

  padding: 19px 10px 19px 10px;

 }

 .welcome_col {

  width: 100%;

  padding: 64px 40px;

 }

 .offer_col {

  width: 100%;

 }

 .demo_list ul li.list1 {

  margin-left: 0px;

 }

 .demo_list ul li.list2 {

  margin-left: 0px;

 }

 .share_col {

  width: 100%;

  margin: 0px;

 }

 h3 {

  font-size: 20px;

 }

 p {

  font-size: 22px;

 }

 .offer_list ul li {

  font-size: 22px;

 }

 .testimonial_col {

  width: 100%;

 }

 .demo_col {

  width: 100%;

 }

 .share_icons {

  width: 100%;

 }

 .hang_img {

  width: 22.8%;

 }

 .left_col {

  width: 100%;

 }

 .welcome_col.rght_col {

  width: 100%;

 }

 .pencil_img {

  right: 0px;

 }

 .hang_img.hang_img1 {

  width: 25.6%;

 }

 .left_col.left_col1 {

  margin-bottom: 70px;

 }

 ul.rght_list li {

  font-size: 13px;

 }

 .mid_cnt.mid_cnt1 {

  padding: 19px 10px 19px 10px;

 }

 .left_col.left_col2 {

  width: 100%;

 }

 .timer {

  width: 100%;

  margin: 10px 0px;

  font-size: 22px;

 }

 .yellow_col h4 {

  font-size: 22px;

 }

 .yellow_check label {

  font-size: 20px;

 }

 h3 span {

  font-size: 12px;
  display: block;
  float: unset;

 }

 .gray_bg {

  padding: 20px;

 }

 .yellow_col {

  padding: 10px;

 }

 .btn.btn2 {

  margin-top: 10px;

 }

 ul.list_head li {

  width: 100%;

  min-height: 0px;

  border-bottom: 1px solid #ccc;

  border-right: 0px;

 }

 ul.list_head.list_head1:nth-child(4) li.min_hgt {
  min-height: 0px;
 }

 ul.list_head li.min_hgt {

  min-height: 0px;

 }

 ul.list_head li.list_cent {

  text-align: left;

 }

 .contact_field label {

  width: 100%;

  margin-bottom: 5px;

 }

 .contact_field .contact_input,
 .contact_field .contact_msg {

  width: 100%;

 }

 ul.list_head li.list1.list2 {

  width: 100%;

 }

 ul.list_head li.list1 {

  width: 100%;

 }

 ul.list_head li {

  font-size: 13px;

 }

 .nav-submenu li a.arrow_menu {

  background: none !important;

 }

 .nav-submenu-1 {

  position: static !important;

  width: 100% !important;

  left: 100%;

  border: 0 !important;



  padding: 10px !important;

 }

}