html, body{width: 100%; line-height: normal; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif;font-weight: 400; letter-spacing: 0.4px; color: #004e64;overflow-x: hidden;scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;line-height: normal;}
a:active,select,select:focus,a:focus,a:hover,input:focus,button:focus,textarea:focus {
outline: none !important;text-decoration: none;box-shadow: none !important;
-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;
}
a {text-decoration: none;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
label {font-weight: normal;}
input-placeholder {color: #6b8a99;}
:-moz-placeholder {color: #6b8a99;}
:-o-placeholder {color: #6b8a99;}
img {max-width: 100%;height: auto;}
.clearfix {clear: both;}
@keyframes anim-rotate {0% {transform: rotateX(1);} 50% {transform: rotateX(0) rotateY(.5turn);} 100% {transform: rotateX(0) rotateY(0);}}
/*------------------------------------------
Header
------------------------------------------*/
/*.header {padding: 15px 0px;position: fixed;top: 0;width: 100%;z-index: 999;background: #ffffff;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.header.sticky {position: fixed;width: 100%;left: 0;top: 0;z-index: 9997;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.logo-block {float: left;position: relative;z-index: 9;}
.logo-block a {display: block;}
.header.header-home.sticky .logo-block .main-logo{display: block;}
.sidenav {transition: 0.5s;float: right;max-width: 690px;width: 100%;}
.min-menu {text-align: right;}
.min-menu li {display: inline-block;vertical-align: middle;}
.min-menu li a {padding: 0px 17px;text-decoration: none;font-size: 17px;font-weight: 500; display: block;position: relative;z-index: 9;letter-spacing: 0.4px;color: #20495d;}
.min-menu li a span {display: inline-block;vertical-align: middle;}
.min-menu li a.active{color: #2faf39;}
.min-menu li a:hover, .header.sticky .min-menu li a:hover {color: #2faf39;}
.menu-icon-menu {font-size: 26px;cursor: pointer;display: none;float: right;margin-right: 0px;padding: 0px 10px;color: #25292c;position: relative;right: 0;top: 1px;z-index: 999999;width: 50px;height: 30px;line-height: 30px; text-align: center;}*/
/*User Dropdown*/
/*.dropdown .user{right: 0;left: auto;min-width: 266px;width: 100%;box-shadow: 0 0 15px rgba(0,0,0,0.2);border: 0;margin: 14px 0 0;}
.dropdown .user:before {position: absolute;top: -9px;right:27px;display: inline-block;border-right: 9px solid transparent;border-bottom: 9px solid #fff;border-left: 9px solid transparent;content: '';}
.dropdown .user li{display: block;}
.dropdown .user li a{font-size: 15px; font-weight: 300;color: #004e64;line-height: 40px;letter-spacing: 0.6px;padding-top: 0;padding-bottom: 0;text-align: left;}
.dropdown .user li a:hover{background: #e8f1f4;color: #2faf39;font-weight: 400;}
.dropdown .user li .btn-login{background: #2faf39;border-radius: 4px;font-size: 17px; font-weight: 500;color: #fff;text-align: center;height: 40px;margin: 0 20px;letter-spacing: .6px;}
.dropdown .user li .btn-login:hover{background: #004e64;color: #fff;font-weight: 500;}
.dropdown .user li p{font-size: 13px; font-weight: 400; letter-spacing: 0.6px;text-transform: uppercase;margin: 15px 0 12px 20px;}
.dropdown .user li p span{color: #34b83f;}
.dropdown .user .dropdown-divider{background: #e4e4e4;height: 1px;display: block;margin: 15px 0;}
.dropdown .user li .btn-signup{background: #004e64;border-radius: 4px;font-size: 17px; font-weight: 500;color: #fff;text-align: center;height: 40px;margin: 0 20px 20px 20px;letter-spacing: .6px;}
.dropdown .user li .btn-signup:hover{background: #2faf39;color: #fff;font-weight: 500;}*/
/*Browse Dropdown*/
/*.dropdown .browse{right: -200px;left: auto;min-width: 510px;width: 100%;box-shadow: 0 0 15px rgba(0,0,0,0.2);border: 0;margin: 14px 0 0;padding: 16px;}
.dropdown .browse:before {position: absolute;top: -9px;right:250px;display: inline-block;border-right: 9px solid transparent;border-bottom: 9px solid #fff;border-left: 9px solid transparent;content: '';}
.dropdown .browse li{display: inline-block;float: left;font-size: 17px; font-weight: 500;text-align: center;margin-right: 10px;}
.dropdown .browse li:last-child{margin-right: 0px;}
.dropdown .browse li p{margin-bottom: 0;}
.dropdown .browse li a{padding: 0;margin-bottom: 5px;border: 1px solid #fff;border-radius: 5px;display: inline-block;}
.dropdown .browse li a img{height: 150px; width: 150px;object-fit: cover;border-radius: 5px;}
.dropdown .browse li:hover a{border: 1px solid #2faf39;}
.dropdown .browse li:hover{color: #2faf39;}
*/
/*Notification icon*/
/*.min-menu li a.notification{position: relative;display: inline-block;}
.min-menu li a.notification i{font-size: 24px;}
.min-menu li a.notification .badge{background: #2faf39;min-width: auto; width: 14px; height: 14px;border-radius: 100%;display: block;border: 2px solid #fff;position: absolute;top: -3px; right: 16px;padding: 0;}*/
/*Post Button*/
/*.min-menu li a.post-btn{height: 40px; line-height: 40px; background: #004e64; color: #fff;border-radius: 3px;padding: 0px 13px;margin-left: 15px;display: inline-block;}
.min-menu li a.post-btn span{display: inline-block;background: #2faf39;width: 20px; height: 20px;border-radius: 50%;line-height: 20px;text-align: center;margin-right: 2px;}
.min-menu li a.post-btn:hover{background:#2faf39; }
.min-menu li a.post-btn:hover span{background:#004e64; }*/
/*------------------------------------------
Home page Banner
------------------------------------------*/
.home_banner{position: relative;}
.home_banner .swiper-slide{min-height: 700px; height: 100%; padding-top: 110px;}
.home_banner .swiper-slide .banner-bg{position: absolute;top: 0; left: 0; right: 0;height: 100%;width: 100%;z-index: 0;object-fit: cover;}
.home_banner .swiper-slide .expert{position: absolute;bottom: 0; right: 18%;}
.home_banner .swiper-slide .expert_details{font-size: 16px; font-weight: 400; color: #fff;position: absolute;top: 30%; right: 13%;line-height: 26px;}
.home_banner .banner-panel{position: absolute; z-index: 99;color: #fff; letter-spacing: 0.6px; padding: 150px 0 110px; width: 100%; }
.home_banner .banner-panel .transform-yr-business h4 {font-size: 44px; line-height: 35px;margin: 0 0 10px;font-weight: 600;}
.home_banner .banner-panel .transform-yr-business h4 span {font-weight: 700;}
.home_banner .banner-panel .transform-yr-business p {font-size: 16px;margin: 0 0 40px;line-height: 23px;font-weight: 400;}
.home_banner .swiper-pagination-bullet-active{background: #fff !important;}
.search-tab{border-bottom: 0;top:0}
.search-tab .nav-mobile{display:none;}
.search-tab > li{margin: 0px 17px 20px 17px;}
.search-tab > li:first-child{margin-left: 0;}
.search-tab > li > a{font-size: 17px; color: #fff;font-weight: 300;padding: 0;line-height: 30px;border-radius: 0;border: 0;}
.search-tab > li.active > a, .search-tab > li.active > a:focus, .search-tab > li.active > a:hover{color: #6fda44; font-weight: 500;background-color: transparent;border: 0;border-bottom: 2px solid #6fda44;}
.search-tab > li > a:hover, .search-tab > li > a:focus{background-color: transparent;border: 0;}
.home_banner .banner-panel .transform-yr-business .p-category{color: #fff;font-size: 17px; font-weight: 500;letter-spacing: 0.8px;margin-top: 30px;margin-bottom: 0;}
.p-category span{border-radius: 30px;border: 1px solid #fff;padding: 0px 15px; height: 30px; line-height: 30px; color: #fff;font-weight: 300;font-size: 15px;display: inline-block;margin-left: 10px;}
.home_banner .banner-panel .tab-content .form-inline{display: inline-block;}
.home_banner .banner-panel .tab-content .form-inline .form-group{float: left; margin-right: 10px;}
.home_banner .banner-panel .tab-content .form-inline .input-group > .form-control{height: 60px;line-height: 60px;border-radius: 0px 4px 4px 0px;border: 0;font-size: 17px;font-weight: 400;letter-spacing: 0.6px;color: #004e64;}
.home_banner .banner-panel .tab-content .form-inline .input-group .input-group-addon{background: #fff;border: 0;}
.home_banner .banner-panel .tab-content .form-inline .input-group .input-group-addon img{max-width: none;}
.home_banner .btn-search{margin-left: 5px; height: 50px; line-height: 33px;color: #fff;top: 0px;font-size: 16px; font-weight: 500;border: 2px solid #fff;border-radius: 4px;display: inline-block;padding: 0 35px;text-align: center;position:relative;background-color: transparent;}
.home_banner .btn-search.bh:hover {border:2px solid #2faf39;}
.home_banner .btn-search.bh:after {background: transparent;}
.home_banner .btn-search:hover:after{background: #2faf39;}
/*------------------------------------------
Popular Categories
------------------------------------------*/
#popular-categories{padding: 60px 0 30px 0;}
#popular-categories h3{font-size: 26px; color: #004e64;font-weight: 500;line-height: 34px;margin-top: 0;margin-bottom: 10px;}
#popular-categories p{color: #5d727c; font-size: 16px; font-weight: 300;margin-bottom: 30px;line-height: 24px;}
#popular-categories .browse-btn{margin:30px 0 20px;}
#popular-categories .cat-box{box-shadow: 0 5px 15px rgba(0,0,0,0.15);margin-bottom: 30px;}
#popular-categories .cat-box .cat-img{object-fit: cover;height: 145px;width: 100%;}
#popular-categories .cat-box .content-box{padding: 15px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#popular-categories .cat-box h4{color: #004e64; font-size:14px; font-weight: 500;line-height: 15px;margin: 0;}
#popular-categories .cat-box p{margin:6px 0 0;font-size:12px;line-height:18px}
/*------------------------------------------
EMPLOYER Expert Signup
------------------------------------------*/
#employer-expert{}
#employer-expert .employer{background-image: url("../images/home/emplyer.jpg"); background-position: center; background-repeat: no-repeat;background-size: cover;min-height: 570px; height: 100%;padding: 60px 0 0px 50px;}
#employer-expert .employer h2{font-size: 34px; font-weight: 700;color: #fff;line-height: 24px;margin-top: 0px;margin-bottom: 30px;}
#employer-expert .employer h2 span{text-transform: uppercase;color: #52e35d;}
#employer-expert .employer h4{font-size: 30px; font-weight: 400; line-height: 40px;color: #fff;margin: 0 20px 50px 0;padding: 0;}
#employer-expert .employer p{text-transform: uppercase;font-size: 18px;font-weight: 500;font-style: italic;color: #fff;margin-bottom: 25px;letter-spacing: 0.8px;}
#employer-expert .employer .btn{height: 50px; line-height: 45px;color: #fff;background: #2faf39; font-size: 18px; font-weight: 500;border: 2px solid #2faf39;border-radius: 4px;display: inline-block;padding: 0 20px;text-align: center;}
#employer-expert .employer .btn:hover{border: 2px solid #fff;background-color: transparent;}
#employer-expert .expert{background-image: url("../images/home/experts.jpg"); background-position: center; background-repeat: no-repeat;background-size: cover;min-height: 570px; height: 100%;padding: 60px 0 0px 50px;}
#employer-expert .expert h2{font-size: 34px; font-weight: 700;color: #fff;line-height: 24px;margin-top: 0px;margin-bottom: 30px;}
#employer-expert .expert h2 span{text-transform: uppercase;color: #52e35d;}
#employer-expert .expert h4{font-size: 30px; font-weight: 400; line-height: 40px;color: #fff;margin: 0 0 50px 0;padding: 0;}
#employer-expert .expert p{text-transform: uppercase;font-size: 18px;font-weight: 500;font-style: italic;color: #fff;margin-bottom: 25px;letter-spacing: 0.8px;}
#employer-expert .expert .btn{height: 50px; line-height: 45px;color: #fff;border: 2px solid #fff;background-color: transparent; font-size: 18px; font-weight: 500;border-radius: 4px;display: inline-block;padding: 0 40px;text-align: center;position:relative;}
#employer-expert .expert .btn.bh:hover {border:2px solid #2faf39;}
#employer-expert .expert .btn.bh:after {background: transparent;}
#employer-expert .expert .btn:hover:after{background: #2faf39;}
/*------------------------------------------
How it works for Employers
------------------------------------------*/
#how-it-works{background-image: url("../images/home/how-it-works-bg.jpg"); background-position: center; background-repeat: no-repeat;background-size: cover;padding: 60px 0 20px 0;}
#how-it-works h3{text-align: center;font-size: 34px; color: #004e64;font-weight: 400;line-height: 36px;margin-top: 0;}
#how-it-works h3 span{font-weight: 700;}
#how-it-works p{text-align: center;font-size: 16px; color: #5d727c; font-weight: 300; line-height: 24px;letter-spacing: 0.6px;margin-bottom: 50px;}
#how-it-works .process{text-align: center;}
#how-it-works .process h6{font-size: 18px;color: #1b4356; font-weight: 500;text-align: center;margin: 25px 0 15px 0;}
#how-it-works .process p{font-size: 13px; font-weight: 300; color: #1b4356; line-height: 22px;}
/*------------------------------------------
Why Hire a Professional
------------------------------------------*/
#why-hire{background-image: url("../images/home/why-hre-bg.jpg"); background-position: center bottom; background-repeat: no-repeat;background-size: cover;padding: 20px 0 50px 0;}
#why-hire h2{font-size: 44px; font-weight: 700;color: #fff;line-height: 60px;margin-bottom: 25px; margin-top: 0;}
#why-hire h5{font-size: 24px;color: #5bd865; font-weight: 400;line-height: 34px; margin-bottom: 80px;}
#why-hire p{color: #fff;font-size: 20px; font-weight: 400;line-height: 28px;border-left: 5px solid rgba(91,216,101,0.7);padding-left: 15px;}
/*--------------------------------------------*/
/*Footer Section*/
/*--------------------------------------------*/
/*#footer{background: #00102f;}*/
/*#footer .logo-footer{margin-top: 60px; margin-bottom: 30px;display: inline-block;}
#footer .new_letter{padding: 30px 0;}
#footer .new_letter h4{font-weight: 500;font-size: 17px; text-transform: uppercase;font-family: 'Roboto', sans-serif;color: #1b4356;letter-spacing: 1px;line-height: 13px;margin-bottom: 15px;margin-top: 0px;}
#footer .new_letter .input-group .input-group-addon{background-color: transparent;font-size: 18px;color: #2faf39;}
#footer .new_letter .input-group .form-control{border-right: 0;height: 40px; line-height: 40px;border: 1px 0px 1px 1px solid #d4d4d4;box-shadow: none;font-size: 15px; font-weight: 300;letter-spacing: 0.6px;}
#footer .new_letter .input-group .form-control:focus{border-color: #d4d4d4;}
#footer .new_letter .checkbox{margin-bottom: 0;}
#footer .border{background: #e1e4ec; height: 1px;width: 100%;display: block;border: 0 !important;}
#footer h4{font-weight: 500;font-size: 17px; text-transform: uppercase;font-family: 'Roboto', sans-serif;color: #1b4356;letter-spacing: 1px;line-height: 13px;margin-bottom: 20px;margin-top: 50px;}
#footer .link-footer{width: 100%;margin-bottom: 50px; display: inline-block;}
#footer .link-footer li{display: block;}
#footer .link-footer li:first-child{padding-left: 0;}
#footer .link-footer li a{color: #5c747f;letter-spacing: 0.7px;font-size: 15px;font-weight: 300;line-height: 40px;}
#footer .link-footer li a:hover{color: #2faf39;}
#footer .social-icons{margin: 0px 0 30px 0;display: inline-block;}
#footer .social-icons li{float: left; text-align: center;margin-right: 15px;}
#footer .social-icons li a{font-size: 20px;color: #1b4356; line-height: 40px;height: 40px; width: 40px;border-radius: 100%;display: block;}
#footer .social-icons li a:hover{color: #fff;box-shadow: 0 5px 20px rgba(0,60,255,0.6);background: #2faf39;}
#footer .copyright{font-weight: 300;font-size: 15px;color: #5c747f;margin-bottom: 0; letter-spacing: 0.6px;width: 100%;display: inline-block;line-height: 26px;}
#footer .copyright a{font-weight: 700;color: #5c747f;}*/
/*Check Box*/
/*#footer .new_letter input[type="checkbox"] {height: 0;width: 0;display: none;}
#footer .new_letter input[type="checkbox"] + label {font-size: 13px;font-weight: 300; position: relative; align-items: center; color: #1b4356; transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);display: inline-block;padding-left: 0; letter-spacing: 0.6px;}
#footer .new_letter input[type="checkbox"] + label > span {display: inline-block;justify-content: center;align-items: center;margin-right: 6px; width: 20px; height: 20px;vertical-align: middle; background: transparent; border: 2px solid #d8d8d8; border-radius: 3px; cursor: pointer; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);}
#footer .new_letter input[type="checkbox"] + label:hover > span,
#footer .new_letter input[type="checkbox"]:focus + label > span { background: rgba(255, 255, 255, 0.9);}
#footer .new_letter input[type="checkbox"]:checked + label{color: #2faf39;}
#footer .new_letter input[type="checkbox"]:checked + label > span {background: #2faf39;border: 2px solid #2faf39; animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);}
#footer .new_letter input[type="checkbox"]:checked + label > span:before {content: ""; position: absolute; top: 12px; left: 3px; border-right: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;font-size: 28px;}
#footer .new_letter input[type="checkbox"] + label p{display:flow-root;}
@keyframes shrink-bounce { 0% {transform: scale(1); }
33% {transform: scale(0.85); }
100% {transform: scale(1);}
}
@keyframes checkbox-check { 0% {width: 0;height: 0;border-color: #fff;transform: translate3d(0, 0, 0) rotate(45deg);}
33% {width: 0.2em;height: 0;transform: translate3d(0, 0, 0) rotate(45deg);}
100% {width: 0.2em;height: 0.5em;border-color: #fff;transform: translate3d(0, -0.5em, 0) rotate(45deg);}
}*/
/*--------------------------------------------*/
/*Registration Successfully*/
/*--------------------------------------------*/
#registration-successfully{padding-top: 100px;}
#registration-successfully h3{font-size: 50px;text-align: center;font-weight: 600;}
#registration-successfully p{font-size: 17px;line-height: 30px;margin-bottom: 30px;}
/*Process Steps*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 50px 0;margin-bottom: 20px;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;margin: 30px 0;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #bbf2bf; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #2faf39; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #bbf2bf;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.contest-titile .sm-logo img{width: 40px;}
.contest-titile {display: inline-block;background-color: #fff;border: 1px solid #eee;border-radius: 3px;overflow: hidden;}
.contest-titile span {background-color: #2d2d2d;color:#fff;font-family: 'robotomedium',sans-serif;font-size: 18px;padding: 6px 15px;}
.contest-titile .sm-logo {padding: 8px 5px 8px 10px;}
.coll-listing-section h2 {font-size: 18px;font-family: 'robotomedium',sans-serif;margin: 10px 0 18px;}
.coll-listing-section h2 i { margin-right: 8px;}
.coll-details {position: absolute;bottom: 0;padding: 10px;width: 100%;color: #fff;}
/*--------------------------------------------*/
/*Start Responsive and Mobile Views*/
/*--------------------------------------------*/
/*--------------------------------------------*/
/* Laptop with Desktop (1400px) View*/
/*--------------------------------------------*/
@media all and (max-width:1400px){
.home_banner .swiper-slide .expert{right: 7%;}
.home_banner .swiper-slide .expert_details{right: 2%;}
#professionals .professionals {overflow: hidden;}
}
/*--------------------------------------------*/
/* Laptop with Tab (1199px) View*/
/*--------------------------------------------*/
@media all and (max-width:1199px){
.home_banner .swiper-slide .expert{display: none;}
.home_banner .swiper-slide .expert_details{display: none;}
.sidenav {max-width: 600px;width: 100%;}
}
/*--------------------------------------------*/
/* Mini Laptop with Tab (991px) View*/
/*--------------------------------------------*/
@media all and (max-width: 991px){
.menu-icon-menu {display: block;}
.sidenav {height: 100vh;position: fixed;top: 0;right: -670px;overflow-x: hidden;transition: 0.5s;margin: 0;z-index: 9;opacity: 0;visibility: hidden;transform: translateX(330px);max-width: none;}
.menuopen .sidenav {opacity: 1;visibility: visible;background: #000;transform: translateX(0px);right: 0;padding-top: 100px;}
.logo-section-block {padding: 10px 25px;display: block;text-align: left}
.logo-section-block img {width: 160px;}
.slide_out_area_close .close-wrap {position: absolute;top: 33px;right: -20px;-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);transform: translateX(-50%) translateY(-50%) translateZ(0);-webkit-transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease, -webkit-transform .2s ease 1s;width: 40px;height: 40px;display: block;overflow: hidden;z-index: 99999;}
.menuopen .slide_out_area_close .close-wrap {display: block;}
.slide_out_area_close .close-wrap .close-line {height: 100%;width: 2px;background: #ffffff;backface-visibility: hidden;position: absolute;border-radius: 5px;left: 9px;}
.close-line.close-line1 {transform: translateY(-18px) translateX(18px) rotate(45deg);-webkit-transform: translateY(-18px) translateX(18px) rotate(45deg);transition: 0.5s;}
.close-line.close-line2 {transform: translateY(-18px) translateX(-18px) rotate(-45deg);-webkit-transform: translateY(-18px) translateX(-18px) rotate(-45deg);transition: 0.5s;}
.cross-open-section .close-line.close-line1 {transform: translateY(4px) translateX(0px) rotate(45deg);-webkit-transform: translateY(4px) translateX(0px) rotate(45deg);transition: 0.5s;}
.cross-open-section .close-line.close-line2 {transform: translateY(0px) translateX(0px) rotate(-45deg);-webkit-transform: translateY(0px) translateX(0px) rotate(-45deg) transition: 0.5s;}
.slide_out_area_close {visibility: hidden;opacity: 0;}
.menuopen .slide_out_area_close {visibility: visible;opacity: 1;}
.min-menu {height: 83vh;overflow: auto;text-align: center;margin: 0 auto;max-width: 320px;width: 100%;}
.min-menu li {display: block;padding: 0;margin: 0;}
.min-menu li a {color: #fff;padding: 13px 25px;font-size: 18px;text-transform: none;letter-spacing: 0.4px;display: block;text-align: center;font-weight: 500;}
.min-menu li:first-child a {padding-left: 25px;}
.min-menu li a span {vertical-align: middle;display: inline-block;}
.min-menu li a:hover, .header.sticky .min-menu li a:hover {color: #fff;}
.menuopen .menu-icon-menu,
.menuopen .header.header-home.sticky .menu-icon-menu {display: none;}
.header.header-home.sticky .menu-icon-menu {display: block;}
.header.header-home.sticky .menu-icon-menu {color: #1f2a41;}
.header.header-home.sticky .logo-block a img {height: 32px;}
.header.header-home .logo-block a img {height: 32px;}
.header.sticky .min-menu li a {color: #ffffff;font-weight: 500;}
.min-menu li a.notification{padding: 0px;margin: 10px 0;}
.min-menu li a.notification .badge{right: 0;}
/*User Dropdown*/
.dropdown .user{margin: 5px 0 0;}
.dropdown .user:before{right: 150px;}
/*Browse Dropdown*/
.dropdown .browse{max-width: 510px; right: 0; left: auto;min-width: auto;margin: 5px 0 0;}
.dropdown .browse:before{right: 150px;}
.dropdown .browse li{display: block; float: none;margin-bottom: 20px;}
.dropdown .browse li a{padding-left: 0;}
.dropdown .browse li a img{height: 100px; width: 100px;}
#popular-categories .browse-btn{margin-top: 0px; margin-bottom: 20px;}
#footer .copyright{line-height: 24px; margin-bottom: 20px;}
}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (767px) View*/
/*--------------------------------------------*/
@media all and (max-width:767px){
.home_banner .banner-panel .transform-yr-business h4{font-size: 30px; line-height: 45px;}
.home_banner .banner-panel .transform-yr-business p{margin: 0 0 10px;font-size: 15px;}
.form-profession{display: flex; }
.profession-submit{display: flex;justify-content: center;}
.profession-submit{bottom: 29px;}
.home_banner .banner-panel .tab-content .form-inline .form-group {margin: 10px;}
.home_banner .banner-panel .tab-content .form-inline .btn-search{padding: 0 20px;height: 40px;line-height: 20px; margin-top:0px; font-size: 12px; margin-bottom: 20px margin-right: 100px;}
.p-category span{margin-bottom: 10px;padding: 0px 10px;font-size: 10px;}
.home_banner .banner-panel .tab-content .form-inline .input-group > .form-control{height: 45px;line-height: 45px;}
#footer h4{margin-top: 30px;}
#footer .logo-footer{margin: 30px 0;}
#footer .link-footer{margin-bottom: 0px;}
#footer .copyright{text-align: center;}
}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (667px) View*/
/*--------------------------------------------*/
@media all and (max-width: 667px){
.home_banner .banner-panel .transform-yr-business h5{font-size: 13px;}
.home_banner .banner-panel .tab-content .form-inline .form-group{width: 100%;}
.home_banner .banner-panel{padding:45px 0;}
#employer-expert .employer{padding-left: 30px;}
#employer-expert .expert{padding-left: 30px;}
}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (575px) View*/
/*--------------------------------------------*/
@media all and (max-width: 575px){
.header.header-home .logo-block .main-logo{height: 30px;}
.home_banner .swiper-slide .banner-bg{object-fit: cover;object-position: 0% 0%}
.home_banner .banner-panel .transform-yr-business h4 {font-size: 22px;line-height: 36px;margin: 0 0 15px;}
.home_banner .banner-panel .tab-content .form-inline .btn-search{}
#professionals .professionals {/*overflow: visible;*/}
.btn.btn-warning.dropdown-toggle.drp-btn.dropdown-toggle.block-drop-arrow {margin: 0px -25px 0px 0px;}
/*.header .logo img {
width: 200px !important;
}*/
}