@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
	--gradient-btn:  -webkit-linear-gradient(0deg, var(--primary-clr) 0%, #E64999 100%);
    --primary-clr: #ca252b;
    --secondary-clr: #1f1b1c;
    --text-clr: #333333;
    --accent-clr: #8f8d8d;
    --border-clr: #e2e2e2;
}
.bg-primary {
    background: var(--primary-clr);
}

.text-primary{
    color: var(--primary-clr);
}
.bg-secondary {
    background: var(--secondary-clr);
}
.bg-white {
    background: #fff !important;
}
.bg-t {
    background: transparent !important;
}
.login-img {
    max-width: 160px;
}

.cd-dropdown h2 a {
    display: inline-block !important;
}

.jp_hiring_heading_wrapper h2:after, .jp_hiring_heading_wrapper h2:before, .jp_hiring_content_main_wrapper{
    border-bottom-color: var(--primary-clr) !important;
}

.jp_hiring_slider_wrapper .owl-theme .owl-nav .owl-prev:focus, .jp_hiring_slider_wrapper .owl-theme .owl-nav .owl-prev:hover{
    color: var(--primary-clr)
}

.jp_hiring_slider_wrapper .owl-theme .owl-nav .owl-next:focus, .jp_hiring_slider_wrapper .owl-theme .owl-nav .owl-next:hover{
    color: var(--primary-clr)
}




/*-------------------------- RESPONSIVE CSS -- START ------------------------*/


/*---------------Mobile----------*/

@media only screen and (min-width : 300px){
	.border_left {
		border-left: 0px solid #e7e7e7;
		padding-left: 0px !important;
	}
	
/* -- homepage - filter TO -- */
	.to {
		margin-bottom: 40px;
	}
	.to:after {
		top: 55px;
		width: 100%;
	}
	
	.ej_certified {
		left: 10%
	}
}

/*-----------In Tab View-----------*/

@media only screen and (min-width : 425px){
	.border_left {
		border-left: 1px solid #e7e7e7;
		padding-left: 5px !important;
	}
	
/* -- homepage - filter TO -- */
	.to {
		margin-bottom: 40px;
	}
	.to:after {
		top: 55px;
		width: 100%;
	}
	
	.ej_certified{
		left: 10%
	}
	
	
}

/*-----------Desktops and laptops computers-----------*/

@media only screen and (min-width : 1224px) {
	.border_left {
		border-left: 1px solid #e7e7e7;
		padding-left: 10px !important;
	}
	
/* -- homepage - filter TO -- */
	.to {
		margin-bottom: 0px;
	}
	.to:after {
		top: 12px;
		width:auto;
	}	
	
	.ej_certified{
		left: -8%
	}
}

/*-------------------------- RESPONSIVE CSS -- END ------------------------*/
body, html {
    margin-top: 40px;
    font-size: 14px;
    background: #fffdfd;
}
.white {
    color: #fff !important;
} 
.black {
    color: #000;
}
.red {
    color: #ff0000 !important;
}
.yellow {
    color: #ffed00;
}
.primary-color {
    color: var(--primary-clr);
}
.secondary-clr {
    color: var(--secondary-clr);
}
.bg-t {
    background: transparent;
}
.bg-grey {
    background: #f9f9f9;
}
.f-x-large {
  font-size: xx-large;
}
.lh-1-1 {
    line-height: 1.1;
}
.f-18 {
    font-size: 18px;
}
.f-16 {
    font-size: 18px;
}
.f_16 {
    font-size: 16px;
}
.f_12 {
    font-size: 12px !important;
}

.m0 {
    margin: 0 !important;
}
.w-100 {
    width: 100% !important;
}
.mt-0{
    margin-top: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb1 {
    margin-bottom: 1em;
}
.mb-14 {
    margin-bottom: 14px;
}
.mt1 {
    margin-top: 1em;
}
.mt-14 {
    margin-top: 14px !important;
}
.mt-10 {
    margin-top: 10px;
}
.ml1 {
    margin-left: 1em;
}
.mt2 {
    margin-top: 2em;
}
.mt4{
    margin-top: 4rem
}
.float-none {
    float: none !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.pt-14 {
    padding-top: 14px !important;
}
.pt-30 {
    padding-top: 30px !important;;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-30 {
    padding-left: 30px !important;
} 
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-14 {
    padding-bottom: 14px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.p-14 {
    padding: 14px !important;
}
.bold {
    font-weight: 600;
}
.border-0{
    border: none !important;
}
.f-400 {
    font-weight: 400;
}
.alert {
    font-size: 20px;
}
.btn-fill {
    color: #fff;
    width: 100%;
    height: 50px;
    padding: 6px 25px;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    background: var(--primary-clr);
    font-size: 16px;
    border: 1px solid var(--primary-clr);
    border-radius: 4px !important;
    transition: 0.3s;
}
.btn-fill:hover {
    background: #fff;
    color: var(--primary-clr) !important;
    border: 1px solid var(--primary-clr);
    border-radius: 4px !important;
}
.btn-info {
    color: #fff;
    background-color: var(--primary-clr);
    border-color: var(--primary-clr);
    transition: all 0.3s;
}
.btn-info:hover {
    color: #fff;
    background-color: var(--primary-clr);
    border-color: var(--primary-clr);
    opacity: 0.8;
}
.whatsapp-icon {
    max-width: 20px;
    display: inline-block;
    margin-right: 2px;
}
/*#########  header and menu css start #############*/

.fixed-top-menu {
    position: fixed;
    top: 0;
    z-index: 9999999999999;
    max-height: 80px;
}
.gc_logo h1 {
    /*color: #fff;*/
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-left: 10px;
} 
.mainmenu ul li a {
    padding: 0px 10px 4px 10px;
}

.gc_main_navigation {
    color: #000!important;
    font-weight: bold;
}
.mainmenu:after {
     height: 103px;
}
/*  breadcrume  */ 
.jp_tittle_breadcrumb_wrapper li a {
    color: #222222;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.jp_tittle_breadcrumb_main_wrapper {
    padding-top: 10px;
}
.jp_tittle_heading h2 {
    font-size: 20px;
    color: #222;
    font-weight: bold;
}
.jp_tittle_main_wrapper {
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
}
.jp_tittle_img_overlay {
    display: none;
}

.user-nav .dropdown-menu {
    padding: 0;
    top: 65px;
    border-radius: 0;
    border: none;
    width: 100%;
    background: #ffffff;
    border-top: 2px solid var(--primary-clr);
    margin: 0 auto;
}
.user-nav .dropdown-menu > li:hover, .user-nav .dropdown-menu > li:focus {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-clr);
}
.user-nav .dropdown-menu > li > a:hover, .user-nav .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-clr);
}

.user-nav .dropdown-menu > li > a {
	color: #000;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    background-color: transparent !important;
}
.user-nav .dropdown-menu > li > a:hover{
    color: #fff;
}
.welcome-user {
    color: #fff;
}
.welcome-user:hover {
    color: var(--primary-clr);
}

.jp_top_header_img_wrapper {
    border: none;
}
.gc_main_menu_wrapper {
    padding: 14px 0;
    background: #fff;
    box-shadow: 0 1px 4px 0px #dcdcdc4f;
}

.mainmenu ul li:hover .gc_main_navigation, .mainmenu ul li.active > .gc_main_navigation {
    color: var(--primary-clr) !important;
}
.header-area.stick .mainmenu ul li a, .stick .mean-container a.meanmenu-reveal {
    text-transform: uppercase;
    transition: 0.3s;
    letter-spacing: 0;
}  
/*new menu*/
.mainmenu ul li a > img{
    visibility: hidden;
}

.home_about {
    background: url(/images/icons/about.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active a {
    border-bottom: 2px solid;
}
.home {
    background: url(/images/icons/home.svg) top center no-repeat;
    background-size: 34px auto;
}


.menu-active > .home {
    color: var(--primary-clr) !important;
    background: url(/images/icons/home-active.svg) center top / 34px no-repeat;
}

.theme-btn{
    background-color: var(--primary-clr);
    color: #fff !important;
    letter-spacing: 0;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid var(--primary-clr);
    -webkit-transition: 0.3s;
}

.theme-btn:hover{background-color: transparent; color: var(--primary-clr);}




.menu-active > .home_about {
    background: url(/images/icons/about-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}

.home_companies {
    background: url(/images/icons/companies.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .home_companies {
    background: url(/images/icons/companies-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}

.home_contact {
    background: url(/images/icons/contact.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .home_contact {
    background: url(/images/icons/contact-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}









.gc_logo a {
    display: inline-block !important;
}






.Profile {
    background: url(/images/icons/profile.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Profile {
    background: url(/images/icons/profile-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}

.Search-Vacancies {
    background: url(/images/icons/search-job.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Search-Vacancies {
    background: url(/images/icons/search-job-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
.Applied-Jobs {
    background: url(/images/icons/applied-job.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Applied-Jobs {
    background: url(/images/icons/applied-job-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
/*For Company menu*/
.Add-Vacancy {
    background: url(/images/icons/add-job.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Add-Vacancy {
    background: url(/images/icons/add-job-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
.My-Vacancies {
    background: url(/images/icons/applied-jobs.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .My-Vacancies {
    background: url(/images/icons/applied-jobs-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
.Search-Candidates {
    background: url(/images/icons/search-candidates.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Search-Candidates {
    background: url(/images/icons/search-candidates-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
.Shortlisted {
    background: url(/images/icons/shortlisted.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Shortlisted {
    background: url(/images/icons/shortlisted-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}
.Cart {
    background: url(/images/icons/cart.svg) top center no-repeat;
    background-size: 34px auto;
}
.menu-active > .Cart {
    background: url(/images/icons/cart-active.svg) top center no-repeat;
    background-size: 34px auto;
    color: var(--primary-clr) !important;
}


/*#########  BANNER css start #############*/
ul#putResult,
ul#putResult2 {
    top: 50px;
    overflow-y: hidden;
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.3);
    z-index: 15;
    border: 1px solid #c5c5c5;
    padding: 14px;
    min-width: 350px;
}

.jp_slide_img_overlay {
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    background: #231f20;
    opacity: 0.9;
}
.jp_banner_heading_cont_wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}
.to:after {
    content: "To";
    position: absolute;
    right: -8px;
    font-size: 17px;
    color: #fff;
	text-align: center;
}
.jp_banner_main_jobs_wrapper {
    padding-bottom: 80px;
}
.jp_top_jobs_category h3 {
    padding-top: 15px;
    font-size: 14px;
    font-weight: normal;
}
.jp_banner_main_jobs li {
    margin-left: 8px;
}
/*#########  NEW CSS START #############*/
.sidefiler input[type="checkbox"] + label:before {
    border: 1px solid #ff5353;
    content: "\00a0";
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: .20em .56em .0 .0;
    padding: 0;
    vertical-align: top;
    width: 16px;
}
.sidefiler input[type="checkbox"]:checked + label:before {
    background: #ff5353;
    color: #ffffff;
    content: "\2713";
}
.checkbox_div.sellect-all {
    position: inherit !important;
    top: 0;
    left: 0;
    vertical-align: top;
}
.jp_rightside_job_categories_heading {
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.jp_rightside_job_categories_content {
    border-radius: 0px 0px 4px 4px;
    padding-left: 14px;
    font-size: 12px;
}
.ellipsis-line1 {  
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-line2 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fun_area_str {
    height: 40px;
    line-height: 20px;   
}


.gc_counter_cont_wrapper, .gc_counter_cont_wrapper3{
    background-color: var(--primary-clr);
}

.gc_counter_cont_wrapper2, .gc_counter_cont_wrapper4{
    background-color: #231f20;
}












/*#########  TOP HIRING COMPANIES START #############*/
.jp_hiring_content_wrapper .top-company {
    min-height: 80px;
    line-height: 80px;
    padding: 0 8px;
}
.jp_hiring_content_wrapper img {
    max-height: 80px;
}
.jp_hiring_content_wrapper h4 {
    padding: 0;
    /* height: 50px; */
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}
.jp_hiring_content_main_wrapper {
    /* padding-top: 14px;
    padding-bottom: 14px; */
}
.jp_hiring_content_wrapper li a {
    position: relative;
    float: none;
    padding: 8px 20px;
    border-radius: 4px;
}
/*#########  RECENT JOBS START #############*/
.cc_featured_product_main_wrapper {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    margin-top: 2rem;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.jp_job_post_main_wrapper {
    border-bottom:  1px solid #e9e9e9;
    padding: 14px;
}
.jp_job_post_main_wrapper_cont2 {
    margin-top: 14px;
}
.jp_job_post_main_wrapper_cont:hover .jp_job_post_main_wrapper {
    border-bottom: 1px solid var(--primary-clr);
}
.jobs-wishlist{
    display: none;
}
.jp_job_post_right_cont li .fa-inr {
    color: #000000;
    font-size: 15px;
}
.fa-cc-paypal {
    display: none;
}
/*#########  FOOTER START #############*/
.jp_main_footer_img_wrapper {
    margin-top: 80px;
}
.jp_bottom_footer_Wrapper {
    margin-top: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jp_footer_candidate ul li a {
       font-size: 12px;
}
.jp_footer_candidate ul li {
     padding: 0px 0px 10px 0px;
}
/*######### candidates register_section START #############*/
.register_left_form input[type="text"], .register_left_form input[type="email"], .register_left_form input[type="password"], .register_left_form input[type="tel"], .register_left_form input[type="number"], .register_left_form input[type="url"], .register_left_form select, .register_left_form textarea{
    text-transform: inherit;
}
.register_section {
    padding-top: 10px;
    padding-bottom: 10px;
}
.login-register-card {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.login_wrapper {
    padding: 0;
    margin-bottom: 0;
}
.register_tab_wrapper .register-tabs li {
    width: 50%;
}
.register_tab_wrapper .register-tabs>li>a {
     padding: 20px 30px;
     width: 100%;
     text-align: center;
}
.register_tab_wrapper .register-tabs>li.active::after {
    bottom: -10px;
    margin-left: -10px;
    border-top: 10px solid var(--primary-clr);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.form-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin: 0px 0px 28px 0px;
    background: #f9f9f9;
    padding: 10px;
    border-bottom: 0px solid var(--primary-clr);
    text-transform: uppercase;
    font-weight: 600;
    color: var(--primary-clr);
}
/*######### ADD RESUME START #############*/
input[type="checkbox"] + label:before {
    display: none;
}

/*######### Jobs Listing START #############*/
.jp_job_post_grid_right_btn_wrapper li:first-child {
    margin-left: 0 !important;
    display: none;
}
.jp_job_post_grid_right_btn_wrapper ul {
    float: left;
    width: 100%;
}
.jp_job_post_grid_right_btn_wrapper ul li {
    width: 50%;
}
.jp_job_post_grid_right_btn_wrapper li {
    margin-left: 0px !important;
}
.jp_job_post_right_btn_wrapper li:nth-child(2) a ,
.jp_job_post_right_btn_wrapper li:last-child a{
    width: 96%;
    border-radius: 4px;
}
.jp_job_post_right_btn_wrapper li:last-child a{
    margin-left: 2%;
}
.jp_job_post_grid_main_wrapper {
    padding: 15px;
}
.jp_job_post_grid_main_wrapper_cont {
    margin-top: 30px;
}











@media (min-width: 768px){
.add-resume .form-horizontal .control-label {
    margin-bottom: 0;
    text-align: left;
    line-height: 16px;
}
.add-resume .form-horizontal .control-label .small {
   
}



    
}/*end media min-width 768px*/
@media (max-width: 991px){
.jp_top_header_main_wrapper {
    display: none;
}
.jp_job_post_right_btn_wrapper ul li {
    margin-left: 0px !important;
}

.cd-dropdown h2 a img {
    max-height: 75px 

;
}

.gc_logo a img {
    max-height: 53px;
    margin-top: 12px;
}
    
    
}/*end media max-width 768px*/





/* ------------------------------ Swapnil - CSS -- START ------------------------------ */

/* ---- Common CSS -- START ---- */

.no_padding{
	padding: 0px;
}
.green {
    color: green;
}
.btn-block {
    border-radius: 15px;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.flex {
	display: none;
}
.display_flex{
	display: flex !important;
}
.inline_block{
	display: inline-block;
}

.scrollbar {
    max-height: 400px;
    overflow-y: auto;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d8d8d8;
}
.scrollbar::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.bottom_margin_1em {
    margin-bottom: 1rem;
}
.bottom_margin_2em {
    margin-bottom: 2rem;
}
.bottom_margin_3em {
    margin-bottom: 3rem;
}
.bottom_margin_4em {
    margin-bottom: 4rem;
}
.bottom_margin_5em {
    margin-bottom: 5rem;
}
/* .exim_btn {
    background-color: var(--primary-clr);
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    box-shadow: 0 2px 2px #ccc;
} */
.exim_btn:hover,.exim_btn:focus {
	color: #fff;
}
.card-action-btn .exim_btn {
    margin-right: 6px;
}

.border_shadow {
	border-radius: 15px;
    box-shadow: 0 2px 2px #ccc;
	border: none;
}
.btn {
    border-radius: 4px !important;
}
.jp_form_btn_wrapper li a {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: var(--primary-clr);
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 0;
}

.jp_hiring_slider_main_wrapper {
    z-index: 2;
    position: relative;
    padding: 14px;
}
.jp_hiring_slider_wrapper {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.jp_hiring_slider_wrapper .owl-theme .owl-nav {
     top: -50px;
 }
.jp_counter_main_wrapper {
    z-index: 2;
    position: relative;
}
article {
    z-index: 0;
}
.display_flex {
	display: flex !important;
}

.success_div .btn-primary:hover {
    background: var(--primary-clr) !important;
}
input.exim_btn {
    border: none;
    margin-bottom: 5px;
}

/* ---- Common CSS -- END ---- */


/* ---- Main Menu -- START ---- */
.mainmenu .gc_main_navigation.parent:hover:after, .mainmenu ul li.has-mega:hover > a:after {
	display: none;
}
.mainmenu .gc_main_navigation.parent:hover:before, .mainmenu ul li.has-mega:hover > a:before {
	display: none;
}
.desktop_welcome {
    padding-top: 4px;
	/* margin-left: 35px; */
}

.desktop_welcome a {
    padding: 10px !important;
    background-color: var(--primary-clr) !important;
    border-radius: 10px;
    margin-right: 20px;
    color: #fff;
    font-size: 0.7vw;
    font-weight: bold;
    /* text-transform: capitalize; */
    letter-spacing: 0.5px;
}
.desktop_welcome a:hover {
    background-color: var(--primary-clr) !important;
    color: #fff;
}
.user-nav.nav .open > a, .user-nav.nav .open > a:hover, .user-nav.nav .open > a:focus {
    background-color: var(--primary-clr) !important;
    color: #fff;
    border-color: var(--primary-clr);
}
.user-pic-logedin {
    max-height: 50px !important;
    border-radius: 100px;
	margin: auto;
}
.desktop_welcome .user-logedin {
    font-size: 12px;
    font-weight: normal;
    background-color: transparent !important;
    color: #000;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	font-weight: bold;
}
.desktop_welcome .user-logedin:before {
    border: var(--primary-clr) solid 0px;
    -webkit-animation: none;
    animation: none;
}
.desktop_welcome .user-logedin:hover {
    background-color: transparent !important;
    color: #000;
}
.user-nav.nav .open > .user-logedin,
.user-nav.nav .open > .user-logedin:hover,
.user-nav.nav .open > .user-logedin:focus {
    background-color: transparent !important;
    color: #000;
    border: none;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: var(--primary-clr) solid 12px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: hvr-ripple-out 2s infinite;
    animation: hvr-ripple-out 2s infinite;
    border-radius: 10px;
}

.mainmenu ul li:hover > ul, .mainmenu ul li:hover > .mega-menu {
    background: #0e1427e8;
}
.header-area {
    padding-top: 4px;
}



/* ---- Main Menu -- END ---- */

/* ---- Homepage -- START ---- */

.exim_job_search_div .search_text {
	background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    color: var(--primary-clr);
    margin-bottom: 5px;
    display: flex;
}
.exim_job_search_div .search_text > input {
    height: 35px;
    padding: 0px 10px;
}
.exim_job_search_div .search_text .second_icon {
    font-size: 20px;
    position: relative;
    top: 7px;
    right: 10px;
}
.search_result_dropdown {
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid var(--primary-clr);
    padding: 5px;
	position: absolute;
    z-index: 999;
    width: 92%;
	display: none;
}
.search_result_dropdown > div > a {
    display: block;
    padding: 10px;
}
.search_result_dropdown > div > a:hover {
    background-color: #ececec;
}
.bootstrap-select .dropdown-menu li a span.text {
    font-size: 16px;
    padding: 5px 0px;
}
#suggesstion-box {
    max-height: 400px;
    overflow-y: auto;
}
.both_login_div a > img + span {
    font-size: 20px;
    color: #000;
    margin-top: 15px;
    display: block;
}
#exim_jobs_slider .carousel-inner > .item > .jp_job_heading {
    width: 77%;
    text-align: center;
    margin: auto;
}
.carousel-control {
    background-image: none !important;
}
.carousel-control {
    top: 30%;
}

/* -- New Filter -- */
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
}
.dropdown-menu.open {
    border: 2px solid var(--primary-clr);
    border-radius: 10px;
    top: 13px;
}
.exim_job_search_div_2 .dropdown {
    background-color: transparent;
}
.exim_job_search_div_2 .dropdown > button {
    height: 45px;
    font-size: 16px;
    color: #000;
}
.exim_job_search_div_2 {
    margin-bottom: 15px;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #fff;
}
.exim_job_search_div_2 .dropdown > button:hover {
    background-color: #f6f6f6;
}

.ej_functional_area_slider_wrapper .jp_top_jobs_category_wrapper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ej_functional_area_slider_wrapper .owl-nav {
    position: absolute;
    width: 100%;
    vertical-align: middle;
    top: 25%;
}
.ej_functional_area_slider_wrapper .owl-nav .owl-prev {
    left: -4.5%;
    position: absolute;
}
.ej_functional_area_slider_wrapper .owl-nav .owl-next {
    right: -4.5%;
    position: absolute;
}
.ej_functional_area_slider_wrapper .owl-nav > div {
    background-color: transparent !important;
}
.ej_functional_area_slider_wrapper .owl-theme .owl-nav.disabled + .owl-dots {
    margin: 0px;
}

.jp_rightside_career_main_content {
    border-radius: 0px 0px 4px 4px;
    border-bottom: none;
}
.cc_featured_product_main_wrapper {
    border-radius: 4px;
    padding: 14px;
}

.jp_header_form_wrapper {
    float: left;
    width: 100%;
    background: #ffffff24;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 4px;
}




/* ---- Homepage -- END ---- */


/* ---- Candidate List -- START ---- */
.checkbox_div {
    position: relative;
    top: 14px;
    left: 0;
}
.candDetails-header {
    float: left;
    width: 100%;
    padding: 10px 0px 10px 30px;
    /* background: #f9f9f9; */
}

/* Hide the browser's default checkbox */
.checkbox_div input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
}

/* On mouse-over, add a grey background color */
.checkbox_div:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_div input:checked ~ .checkmark {
  background-color: var(--primary-clr);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_div input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_div .checkmark:after {
	content: '';
    position: absolute;
    width: 14px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 1px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.candidate_list_div {
    box-shadow: 0 2px 4px 0px #d9d9d9;
    border-radius: 20px;
    background-color: #f9f9f9;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.candidate_list_div-header{
    border-radius: 20px 20px 0px 0px;
    border-bottom: 1px solid #eee;
}
.candidate-pic {
    border-radius: 2px;
    width: 100%;
    height: auto;
}
.certify-tag {
    display: inline-block;
}
.Exim-Certified{
    width: 100%;
    height: auto;
    margin-top: -1px;
}
.card-action-btn {
    display: inline-block;
    float: right;
    margin-top: 6px;
}
.candidate_img .price {
    display: inline;
    margin-right: 14px;
    font-size: 22px;
    font-weight: 700;
}

.candidate_img i {
    font-size: 20px;
    margin-right: 4px;
}
.candidate_name {
    color: #000080;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
}
.candDetails .candAge {
    font-size: 12px;
    padding-left: 5px;
    color: #666;
    font-weight: 100;
    vertical-align: 0;
}
.userDetails {
    display: inline-block;
    width: 65%;
}
.candName {
    width: 100%;
    display: inline-block;
}
.job-type {
    font-size: 20px;
    color: var(--primary-clr);
    font-weight: bold;
}
.candDetails .candAge {
    font-size: 12px;
    padding-left: 5px;
    color: #666;
    font-weight: 100;
    vertical-align: 0;
}
.id_verified {
    margin-left: 10px;
    cursor: pointer;
}
.candDetails .candLocation {
    color: #999;
    font-weight: normal;
}
.post-role, .jobTypeDesc {
    overflow: hidden;
    text-overflow: ellipsis;
}
.connector {
    color: #999;
}

.info_title {
    font-size: 12px;
    font-weight: bold;
    color: #000;
	/*
	line-height: initial;
    padding-bottom: 10px;
	*/
}
.info_desc {
    font-size: 13px;
}
.info_heading {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 8px 0;
    display: block;
    text-decoration: underline;
}
.select_all_text {
    font-size: 16px;
    top: 6px;
    left: 26px;
    position: relative;
}



/* ---- Candidate List -- END ---- */


/* ---- Company Complete Profile -- START ---- */
.form_css_ {
    background: linear-gradient(0deg,rgba(255, 255, 255, 0.97),rgba(255, 255, 255, 0.97)),url(/images/form_bg.jpg);
}
.form_css_ .control-label {
    font-size: 13px;
}
.form_css_ .form-heading {
    font-size: 15px;
    text-align: center;
    border-radius: 10px;
}
/* ---- Company Complete Profile -- END ---- */


/* ---- Bg Globe Clock -- START ---- */

.exim_job_bg_clock {
	border-radius: 50%;
	background: #fff url(/images/globe_1.png) no-repeat center;
	background-size: 100%;
	height: 30em;
	width: 30em;
    position: fixed;
    bottom: 30%;
    margin: auto;
    text-align: center;
    left: 35%;
    opacity: 0.1;
    z-index: 0;
}

.exim_job_bg_clock.simple:after {
  background: #000;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5%;
  height: 5%;
  z-index: 10;
}

.minutes-container, .hours-container, .seconds-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Hour hand */
.hours {
  background: #000;
  height: 20%;
  left: 48.75%;
  position: absolute;
  top: 30%;
  transform-origin: 50% 100%;
  width: 2.5%;
}

/* Minute hand */
.minutes {
  background: #000;
  height: 40%;
  left: 49%;
  position: absolute;
  top: 10%;
  transform-origin: 50% 100%;
  width: 2%;
}

/* Second hand */
.seconds {
  background: #000;
  height: 45%;
  left: 49.5%;
  position: absolute;
  top: 14%;
  transform-origin: 50% 80%;
  width: 1%;
  z-index: 8;
}

/* Animation */
@keyframes rotate {
  100% {
    transform: rotateZ(360deg);
  }
}
.hours-container {
  animation: rotate 43200s infinite linear;
}
.minutes-container {
  animation: rotate 3600s infinite linear;
}
.seconds-container {
  animation: rotate 60s infinite linear;
}

/* Adding steps */
.minutes-container {
  animation: rotate 3600s infinite steps(60);
}
.seconds-container {
  animation: rotate 60s infinite steps(60);
}

/* ---- Bg Globe Clock -- END ---- */


/* ---- Company Register -- START ---- */

.register_tab_wrapper .register-tabs>li.active > a {
    font-size: 20px;
    padding: 15px;
    margin-top: -10px;
}
.register_tab_wrapper .register-tabs>li > a {
    font-size: 15px;
    padding: 15px;
    margin-top: -10px;
}

/* ---- Company Register -- END ---- */

/* ------------------------------ Swapnil - CSS -- END ------------------------------ */

/* ------------------------------ Main Search form home page ------------------------------ */
.main-search-form {
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
}
.main-search-form .col-md-3 {
    padding: 0;
    border-right: 1px solid #eee;
}
.main-search-form .col-md-3:last-child {
    border-right: 0px solid #eee !important;
}
.main-search-form input,
.main-search-form select{
    border: none;
    border-radius: 0;
    height: 50px;
    box-shadow: none;
}
.main-search-form .input-group-addon {
    padding: 0;
    border-radius: 0;
    border: none;
}
.main-search-form .search-btn{
    border: none;
    border-radius: 0 !important;
    height: 50px;
    min-width: 110px;
    background: var(--primary-clr);
    color: #fff;
    font-size: 18px;
}
.Advanced-Search {
    position: absolute;
    top: 160px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.2px;
    transition: all 0.3s;
}
.Advanced-Search:hover {
    color: #fff;
    opacity: 0.8;
}
.NewtoEximjobs {
    padding: 14px;
    border-radius: 4px;
    text-align: center;
}
.NewtoEximjobs .Register {
    border-radius: 4px !important;
    border: none;
    box-shadow: none;
    background: var(--primary-clr);
    padding: 14px 18px;
    width: 100%;
}
.orSep {
    position: relative;
    margin-top: 21px;
    margin-bottom: 20px;
    text-align: center;
    border-top: 1px solid #cecece;
}
.orSep span {
    background: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: -13px;
    margin-left: -10px;
    font-size: 10pt;
}
/* ------------------------------ END Main Search form home page ------------------------------ */
.jp_job_post_right_cont li {
    margin-left: 20px;
    float: left;
}
.jp_job_post_right_cont p {
    padding-top: 5px;
    color: #797979;
    font-size: 16px;
}
 
.jp_job_post_right_cont {
    padding-left: 14px;
}
.jp_footer_candidate h2,
.jp_footer_first_cont h2{
    font-size: 18px;
}
.company-names {
    padding-top: 2px !important;
    font-size: 14px !important;
}
.jp_listing_tabs_wrapper {
    padding: 14px;
    margin-top: 30px;
}
.jp_rightside_job_categories_wrapper {
    margin-top: 30px;
}
.jp_listing_left_sidebar_wrapper {
    padding: 30px;
}
.jp_job_res li {
    margin-top: 6px;
}
.jp_job_res p {
    padding-top: 30px;
    margin-bottom: 0;
}
.jp_jop_overview_img {
    display: inline-block;
    padding-top: 30px;
    max-width: 150px;
}
.jp_listing_overview_list_outside_main_wrapper {
    padding: 20px 50px;
}
.jp_listing_overview_list_main_wrapper2 {
    padding-top: 14px;
}

/*-----------------
Custom Checkbox
-----------------------*/
.cus-checkbox [type="checkbox"]:checked,
.cus-checkbox [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.cus-checkbox [type="checkbox"]:checked + label,
.cus-checkbox [type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.cus-checkbox [type="checkbox"]:checked + label:before,
.cus-checkbox [type="checkbox"]:not(:checked) + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 0;
  background: #fff;
} 
.cus-checkbox [type="checkbox"]:checked + label:after,
.cus-checkbox [type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid var(--primary-clr);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg) !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cus-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.cus-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*############custom radio start here########*/
.cus-radio [type="radio"]:checked,
.cus-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.cus-radio [type="radio"]:checked + label,
.cus-radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.cus-radio [type="radio"]:checked + label:before,
.cus-radio [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.cus-radio [type="radio"]:checked + label:after,
.cus-radio [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--primary-clr);
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cus-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.cus-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}







/*######### MEDIA QUERY START HERE ########*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.mobile-hambuger {
    margin-top: 8px;
    min-width: 30px;
}
header {
    height: 65px;
    line-height: 70px;
}
.overlay-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d6;
    z-index: 99;
    overflow: hidden;
}
    
/*home page*/
.main-search-form {
    margin: 8px 0px 40px 0;
}
#search-form {
    margin: 6px 0 30px 0;
}
.Advanced-Search {
    position: absolute;
    top: inherit;
    bottom: 2px;
    right: 18px;
}
.jp_job_heading {
    text-align: center;
}
.jp_job_heading p {
    font-size: 16px;
}
.owl-theme .owl-nav {
    display: none !important;
}
.jp_hiring_heading_wrapper h2 {
    font-size: 16px;
}
.NewtoEximjobs .img-box {
    max-height: 160px;
    overflow: hidden;
}
.jp_job_post_right_btn_wrapper li:nth-child(2) a, 
.jp_job_post_right_btn_wrapper li:last-child a {
    width: 120px;
}
.jp_job_post_right_btn_wrapper ul li {
    float: left !important;
}
.jp_job_post_right_btn_wrapper li:last-child {
    margin-left: 14px !important;
}
    
    
    
} /* END Extra small devices (phones, 600px and down) */

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
    
} /* END Small devices (portrait tablets and large phones, 600px and up) */

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}



/* ------ Add Resume -- START ------ */

.logged_in_as {
    font-size: 10px;
}

/* ------ Add Resume -- END ------ */


/* ------ Candidate Profile Preview -- START ------ */

.info_desc .fa-phone {
    font-size: 12px;
    background-color: var(--primary-clr);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    padding-top: 4px;
	margin-right: 4px;
    color: #fff !important;
}

.candidate_profile_gap {
    padding: 10% 0% 7% 0%;
}
.jp_best_deal_main_cont_wrapper:hover {
    border-bottom: 1px solid var(--primary-clr);
}
.jp_best_deal_main_cont_wrapper:hover .jp_best_deal_icon_sec i:before {
    color: var(--primary-clr);
}
.jp_best_deal_main_cont_wrapper:hover .jp_best_deal_cont_sec h4 a {
    color: var(--primary-clr);
}
.jp_best_deal_icon_sec i:before {
    color: var(--primary-clr);
}

.step_check {
    position: unset;
    margin-top: -50px;
    margin-left: -50px;
}
.step_3_certified {
    position: absolute;
    right: 10%;
}
.step_3_certified + a {
    position: absolute;
    bottom: 0px;
    width: 92%;
    left: 4%;
    border-radius: 0px !important;
}
/* ------ Candidate Profile Preview -- END ------ */


/* ------ All Companies -- START ------ */

.all_companies_ .btn-filter {
	margin: 5px;
    width: 30px;
    height: 30px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    background-color: #fe6f6f;
    color: #fff;
}
.all_companies_ .btn-filter:focus {
    outline: none;
}
.all_companies_ .btn-filter.active {
    background-color: var(--primary-clr);
    color: #fff;
}
.all_companies_ .box > span {
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
    background-color: #ccc;
    border-radius: 10px;
    display: inline-block;
    margin: 1%;
	box-shadow: -1px 2px 1px #cccccc;
}

/* ------ All Companies -- END ------ */


/* ------ About Us -- START ------ */

.aboutus_section {
    padding-top: 50px;
}

/* ------ About Us -- END ------ */


/* ------ Success Page -- START ------ */

.success_div .success_text .success_text_1 > * {
    color: green;
	width: 75%;
    margin: auto;
}
.success_div .about_image_wrapper {
    margin-bottom: 25px;
}

/* ------ Success Page -- END ------ */

/* ------ Failure Page -- START ------ */

.failure_div .success_text .success_text_1 > * {
    color: red !important;
}

/* ------ Failure Page -- END ------ */



/* ------ Manage Job Postings Page -- START ------ */

.candidate_count {
    background: transparent !important;
    color: green !important;
    font-size: 14px !important;
}

/* ------ Manage Job Postings Page -- END ------ */


/* ------ Search Candidate Page -- START ------ */

.profile_creation .info_title {
    color: #ccc;
    font-weight: 400;
}
.profile_creation .info_desc {
    color: #ccc;
}

/* ------ Search Candidate Page -- END ------ */



/* ------ Div Popup -- START ------ */

/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index: 999999999999;
    left: 0px;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
/*
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
*/
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */


/* ------ Div Popup -- END ------ */


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

.custom_width {
	width: 95%;
}


/*   Import/Export BEGIN */
.f_8{
	
    font-size:8px;	
}

.f_10{
	
	font-size:10px;
	
}

@media (min-width: 600px){
    .example-recording.mt4{
        margin-top: 0
    }
}



/* ------ Import/Export -- END ------ */