/*
*   FONT
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,700;1,400&display=swap');
body,#header{font-family: 'Poppins', sans-serif !important;}
.color-primary{color: #266ad2 !important;}
.color-secondary{color: #62a7d8 !important;}
.color-yellow{color: #f8d147 !important;}

/*
*   ELEMENTS
*/

.navbar-default .navbar-nav>li>a{font-weight: 600; color:#fff;}
.dropdown-menu > li > a{font-weight: 500;}
.dropdown-menu > li > a:hover{background-color: #62a7d8; transition: border 0.3s ease, background 0.3s ease;}

.login:hover{background-color: #266ad2 !important;border-color: #266ad2;}
.portalCompany{background-color: #62a7d8;border-color: #62a7d8;}
.portalCompany:hover{background-color: #266ad2 !important;border-color: #266ad2; transition: border 0.3s ease, background 0.3s ease;}

.clean .box .content_view{background-color: transparent; padding: 20px 0;}

.home_register h1{color: #62a7d8;}
.home_register .or{color: #62a7d8;}
footer .logo-footer{max-width: 250px;}

#companies_slide { text-align: center; }
#companies_slide img { max-height: 60px; max-width: 90%;}
/*
*   TITLES
*/


/*
*   HEADER
*/
.navbar-default{background-color: #1d1b3f; border-color: #1d1b3f;}
#header .nav-link{padding: 23px 15px !important;}
#header .logo-reqlut{ max-width: 250px; margin: 10px 10px 10px 10px; }
@media(min-width: 768px){
    .header-transparent.navbar-default .navbar-nav>li>a.portalCompany{color: #fff; background-color: #62a7d8; border: 2px solid #62a7d8;}
    .header-transparent.navbar-default .navbar-nav>li>a.portalCompany:hover, .navbar-default .navbar-nav>li>a.portalCompany:focus{color: #62a7d8 !important; background-color: #fff !important; border: 2px solid #62a7d8 !important;}
}
.header-transparent .navbar-nav>li.header-link>a{color: #62a7d8;}
.header-transparent.navbar-default .navbar-nav>li>a:hover, .header-transparent.navbar-default .navbar-nav>li>a:focus{color: #62a7d8;}
.header-transparent.navbar-default .navbar-nav>li>a.login{color: #62a7d8; background-color: #fff; border-color: #62a7d8; padding: 4px 12px !important;}
.header-transparent.navbar-default .navbar-nav>li>a.login:hover, .header-transparent.navbar-default .navbar-nav>li>a.login:focus{color: #fff !important; background-color: #62a7d8 !important; border-color: #62a7d8  !important;}
.header-transparent.navbar-default {background-color: #fff;border-color: #fff;}
/*.navbar.navbar-default .container{border-bottom: 2px solid #eaeaea;}*/
.header-transparent.navbar-default .navbar-nav>li>a{color: #858585;font-size: 14px;}

@media(max-width: 767px){
    .header-transparent.navbar-default .navbar-toggle{border: 1px solid #858585;}
    .header-transparent.navbar-default .navbar-toggle .icon-bar{background-color: #858585;}
    .header-transparent.navbar-default .navbar-nav>li>a{color: #858585;}
    .header-transparent.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
    .header-transparent .portalCompany{background-color: #fff; border-color: #fff;}
    .header-transparent.navbar-default .navbar-nav .show.dropdown-menu>li>a{color: #858585;}
    .header-transparent.navbar-default .navbar-nav .show.dropdown-menu>li>a:hover, .navbar-default .navbar-nav .show.dropdown-menu>li>a:focus{color: #fff; background-color: #62a7d8; transition: border 0.3s ease, background 0.3s ease;}
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #0069d9 !important;border-bottom: 4px solid #0069d9 !important;}
.header-transparent.navbar-default .navbar-nav>.show>a, .header-transparent.navbar-default .navbar-nav>.show>a:hover, .header-transparent.navbar-default .navbar-nav>.show>a:focus {background-color: #62a7d8; color: #fff;}
.header-transparent.navbar-default .navbar-nav>.active>a, .header-transparent.navbar-default .navbar-nav>.active>a:hover, .header-transparent.navbar-default .navbar-nav>.active>a:focus {color: #858585; background-color: transparent;}

.header-transparent .dropdown-menu {background-color: #fff;}
.header-transparent .dropdown-menu > li > a{color: #858585;}
.header-transparent .dropdown-menu > li > a:hover{color: #fff;}
.header-transparent .navbar-default .navbar-nav>.show>a, .header-transparent.navbar-default .navbar-nav>.show>a:hover, .header-transparent.navbar-default .navbar-nav>.show>a:focus{background-color: #fff; color: #858585;}

.lower-logo{color: #fff; }

.company-header .navbar-toggler{filter: invert(1)}

/*
*   FOOTER
*/
#footer{color: #fff; background: #1d1b3f;}
#footer .footer-text-big{font-size: 14px;}
.footer-column ul.footer-list{list-style: none; -webkit-padding-start: 0;}
.footer-column ul.footer-list li{margin-top: 5px;}
.footer-column .fas, .footer-column .fab, .footer-column .far{font-size: 20px;}
.footer-column a{color: #fff;}

/*
*   HOME
*/
.highlighter {background: #0c44ff;color: white;padding: 0 3px;}
/*.highlighter::before {background-color: #f8d147;content: "";position: absolute;width: calc(100% + 4px);height: 60%;left: -2px;bottom: 0;z-index: -1;transform: rotate(-2deg);}*/
.nice-shadow{ box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}
.search-home-box{ position: absolute; bottom: 5%; left: 43%; width: 40%; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.hero-home{margin-top: 60px; margin-bottom: 60px;}
.hero-home h1{font-size: 22px;}
.hero-home h2{font-size: 48px;}
.hero-home .nice-underline{border-bottom: 2px solid #62a7d8; padding-bottom: 0;}
.hero-home p{font-size: 14px;}
.hero-home img.img-responsive{width: 100%;}
.home-banner-text {z-index: 1;}

@media (max-width: 550px) {
    .search-home-box{width: 100%; bottom: 0; top: auto; left: 0;}
    .card-pricing-container{display: block !important;}
}
@media(max-width: 767px){
    .hero-home .hero-vertical-center{padding: 40px 0 20px 0;}
}
@media(min-width:768px) and (max-width: 991px){
    .hero-home .hero-vertical-center{padding: 20px 0;}
}

@media(min-width: 992px) and (max-width:1199px){
    .hero-home .hero-vertical-center{padding: 60px 0;}
}
@media(min-width: 1200px){
    .hero-home .hero-vertical-center{padding: 80px 0;}
}
.container-fluid.companies {background-color: #fff; color: #858585; font-size: 16px; padding: 40px 0 80px 0;}

.info-block{margin-top: 20px; margin-bottom: 20px;}
.info-block h1, .info-block h2{font-size: 48px;}
.info-block p{font-size: 22px;}

.reqlut-cards{text-align: center;}
.reqlut-cards .reqlut-card{text-align: center; padding: 20px;}
.reqlut-cards .reqlut-card .title{font-size: 20px; font-weight: 600;}
@media(min-width: 768px){
    .reqlut-cards .reqlut-card .title{margin-top: 40px;}
}
@media(max-width: 767px){
    .reqlut-cards .reqlut-card .icon{margin-bottom: 20px;}
}
.reqlut-cards .reqlut-card .text{font-size: 14px; margin-top: 20px;}
.reqlut-cards .reqlut-card .icon{position: relative; margin-left: auto; margin-right: auto; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-left-radius: 500px; border-bottom-right-radius: 500px; height: 150px; width: 150px; display: block; z-index: 100006; box-shadow: 0 10px 15px rgba(0,0,0,0.2);}
.reqlut-cards .reqlut-card .icon object{position: absolute; top: 20px; padding: 15px;}

.reqlut-cards .reqlut-card.reqlut-card-horizontal{padding-bottom: 0;}

.reqlut-cards.mini-cards .reqlut-card .title{margin-top: 0;}

.reqlut-card .nice-underline{border-bottom: 2px solid #62a7d8; padding-bottom: 0;}
.reqlut-cards .reqlut-card .title.or{font-size: 80px;}
.reqlut-cards.mini-cards .reqlut-card .subtitle{padding: 20px 0;}
.reqlut-cards.mini-cards .reqlut-card .subtitle .number{font-size: 24px; font-weight: 600; padding-right: 20px;}
.reqlut-cards.mini-cards .reqlut-card .text{margin-top: 0;}

.info-block.border-top{border-top: 1px solid #eaeaea;}

/*.reqlut-cards .reqlut-card.reqlut-card-left{padding: 10px 20px;}*/
.reqlut-cards .reqlut-card.reqlut-card-left{text-align: left;}
.reqlut-cards .reqlut-card.reqlut-card-left .mini-icon{display: inline-block; padding: 0 20px 0 0; color: #62a7d8; font-size: 24px; font-weight: 600;}
.reqlut-cards .reqlut-card.reqlut-card-left .text{display: inline-block; margin-top: 0;}

h2 .nice-underline{border-bottom: 2px solid #62a7d8; padding-bottom: 0;}
.our-features{margin: 60px 0;}
.our-features h1{ font-size: 24px; font-weight: bold; text-align: center; margin: 30px 0;}
.our-features p{ font-size: 16px !important;}
/*
*   COMPANY
*/
.card-pricing-container{display: flex; width: 100%;}
.card-pricing-box{position:relative; background: white; padding: 20px; flex: 1; margin:20px;text-align: center; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; border-top-left-radius: 20px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 20px; border: 10px solid #efefef;}
.card-pricing-box-light{border: 2px solid #00d8f3 !important;}
.card-pricing-name{ position: absolute; top:-35px;left: -10px; right: -10px; padding: 20px 5px; font-size: 16px; background: #0044ff; color: #1d1b3f; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 50px;}
.card-pricing-price{ padding-top: 30px; font-size: 18px; text-align: center;}
.card-pricing-price .price{ font-size: 2em; font-weight: bold;}
.card-pricing-description{ padding: 20px 0;}
.card-pricing.popular {z-index: 1;border: 1px solid #0044ff;}
.card-pricing .list-unstyled li {padding: .5rem 0;color: #6c757d;font-weight: 300;}
.card-pricing-box ul {padding:0; margin: 0;text-align: left!important;}
.card-pricing-box ul li { list-style: none; padding: 5px 0;}
.hvr:hover{color: #fff;background-color: #007bff;border: 1px solid #007bff !important;}

.associate-portals { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 60px;}
.associate-portal{flex: 1 0 21%; margin:5px; padding: 10px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center;}
.associate-portal img{max-width: 100%; max-height: 100px;}
#ourOptions{font-size: 14px !important;}
#ourOptions ul li{line-height: 2em;}

.advisors-container{display: flex; width: 100%;flex-wrap: wrap;justify-content: center;}
.card-advisor-box{position:relative; border: 1px solid #1d1b3f; background: white; padding: 10px; flex: 0 0 20em; margin:10px;text-align: center; box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px;}
.card-advisor-box-light{border: 2px solid #00d8f3 !important;}
.card-advisor-name{ padding: 10px 5px; font-size: 16px;text-align: center; }
.card-advisor-price{ font-size: 16px; padding-top: 15px; text-align: center;}
.card-advisor-position{ font-size: 14px; text-align: center;}
.card-advisor-description{ padding: 20px 0;}
.card-advisor-box .circle-img {width: 140px !important; height: 140px !important;}

.btn-yellow{background: #f8d147; border-color: #f8d147; color: #fff;}
.btn-yellow:hover{background: #f8d147; border-color: #f8d147; color: #fff; text-decoration: underline;}

.btn-marine{background: #1d1b3f; border-color: #1d1b3f; color: #fff;}
.btn-marine:hover{background: #1d1b3f; border-color: #1d1b3f; color: #fff; text-decoration: underline;}

.btn-border-bottom-yellow{background: #f4f3f3; border-bottom: 4px solid #f8d147; color: #4e4e4e; display: block; font-size: 12px; padding: 20px 0px;}
.btn-border-bottom-yellow:hover{color: #fff !important; background-color: #f8d147; text-decoration: none;}