/**
 * Theme Name: HackersList
 * Theme URI: https://www.hackerslist.co/
 * Author: HL Team
 * Author URI: https://www.hackerslist.co/
 * Description: WP custom website HackersList.co
 * Version: 1.0
 **/

html {
    touch-action: manipulation;
    scroll-behavior: smooth;
}
body {
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    height:100%;
    font-size:18px !important;
}
.h1, h1{
    font-size:28px 
}
.bg-light{
    box-shadow:0 0 4px 0 rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.12) 
}
p {
    margin:0 0 9px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    line-height:28px 
}
.card-body {
    padding:1rem 30px 
}
.page-content ul li{
    margin:0 0 10px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:18px 
}
.page-content td,.page-content th{
    padding:.5em 
}
.page-content table{
    border-color:#bfbfbf 
}
.navbar-brand svg {
    width: 70px;
    height: 45px;
}
.navbar a{
    font-weight:600!important;
    color:rgba(0,0,0,.9)!important;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out 
}
a.btn-post{
    color:#FFFFFF!important;
    font-weight:400!important;
}
.navbar a:hover{
    color:#00b9eb!important 
}
.btn-link {
    color: #23519e;
}
.btn-post{
    background:-webkit-linear-gradient(top,orange 0,#f77d0e 100%);
    background:linear-gradient(to bottom,orange 0,#f77d0e 100%);
    border:1px solid #f77d0e;
    color:#f7f7f7;
    font-weight:700;
    text-shadow:0 -1px transparent 
}
.comment-list .list-group-item{
    background-color:orange;
    color:#fff 
}
.link-more a{
    color:orange!important 
}
.btn-post:hover{
    background:#f77d0e;
    color:#f7f7f7 
}
header.masthead{
    position:relative;
    background-color:#23519e;
    padding: 8rem 1.5rem;
}
.section-link{
    margin:3rem 0 
}
.section-link .icons{
    width:100px;
    height:100px;
    display:block;
    margin:0 auto;
    background:#23519e;
    color:#fff;
    border-radius:50%;
    font-size:3em;
    padding:.6rem 
}
.section-link .title{
    display:block;
    color:#000;
    font-weight:600;
    text-decoration:none;
    font-size:25px;
    padding-top:20px;
}
.section-link .desc{
    display:block;
    color:#161e2c;
    font-size:18px;
    padding:0 1.5rem 
}
.home-section a:hover{
    text-decoration:none 
}
span.rating{
    display:block;
    color:#23519e;
    margin:5px 0 
}
.hlink span:first-child{
    color:#23519e;
    font-weight:600 
}
.hlink:hover{
    text-decoration:none;
    color:#007bff 
}
.tags .badge{
    padding:.5rem .5rem;
    margin:.25rem 
}
td.tags{
    max-width:100px 
}
.masthead a{
    color:#fa8712 
}
.masthead a:hover{
    color:#ddd;
    text-decoration:none 
}
section.blog {
    padding-top:40px;
    padding-bottom:30px;
    padding-left:15px;
    padding-right:15px 
}
section.blog img {
    margin-top: 25px;
    margin-left: 5px;
}
section.blog-content p{
    margin:0 0 20px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    line-height:30px;
}
ul.pagination li a{
    background:#fa8812;
    padding:10px 10px;
    margin-right:5px;
    border-radius:3px;
    color:#fff;
    box-shadow:1px 1px 1px #3a332cf0;
    font-size:.8em;
    font-weight:700 
}
ul.pagination li a:hover{
    background:#fa8812;
    color:#fff 
}
ul.pagination li a:hover,ul.pagination li.active a{
    background:#ffd8b0;
    color:#7d7f84;
    text-decoration:none 
}
.post-img{
    max-height:355px;
    display:block;
    overflow:hidden 
}
section.blog a{
    text-decoration:none;
    color:#23519e
}
 section .blog .bloglink{
    text-decoration:none;
    color:#000000 ! important;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif ! important;
    font-size:18px;
    line-height:30px;
}
.page-header .single-title{
    font-variant:petite-caps 
}
time{
    color:#888 
}
div#hlist_length{
    display:none 
}
div#hlist_filter{
    display:none 
}
div#hlist_info{
    display:none 
}
.jumbotron.h_name{
    padding:1rem 1rem;
    text-align:center 
}
body .jumbotron {
    background-color: #23519e;
}
div#hlist_wrapper ul.pagination li a{
    background-color:#fff;
    color:#23519e 
}
div#hlist_wrapper ul.pagination li a:hover,div#hlist_wrapper ul.pagination li.active a{
    color:#fa8812 
}
.card-body{
    padding:1rem 30px 
}
/*.card-line{
    border:1px solid #48bff3 
}*/
.jumbotron{
    margin-top:2rem 
}
@media (min-width:576px){
    .jumbotron{
        padding:2rem 2rem!important 
    }
    
}
.hire-process{
    background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(assets/images/haker-world.jpg);
    height:400px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative 
}
.hire-text{
    position:relative;
    top:10%;
    text-align:center;
    color:#fff 
}
.hire-text i{
    color:orange 
}
.hire-text .container{
    margin-top:5% 
}
.hero-text button{
    border:none;
    outline:0;
    display:inline-block;
    padding:10px 25px;
    color:#000;
    background-color:#ddd;
    text-align:center;
    cursor:pointer 
}
.hero-text button:hover{
    background-color:#555;
    color:#fff 
}
#main .post header img{
    width:100%;
    height:auto 
}
#accordion .card button{
    white-space:break-spaces;
    text-align:left 
}
#accordion .card .card-body{
    padding:2.25rem 
}
.how-it-works .card .badge-light {
    color: #FFFFFF;
    background-color: #23519e;
    position: relative;
    bottom: 2px;
}
.grecaptcha-logo, .grecaptcha-badge{
    display:none !important 
}
.hl-nav {
    padding: 10px 0;
}
.page-content {
    padding: 3em 0;
}
.page-content h2 {
    font-size:24px;
    line-height:36px;
}
.post-new-job h1, .post-new-job h2 {
    font-size:24px;
    line-height:36px;
}
.page-content .post-new-job {
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 5px;
    /*box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%), 0 2px 4px 0 rgb(0 0 0 / 20%);*/
}
.post-new-job p {
    font-size: 16px;
}
#price h2, #faq h2 {
    line-height:36px;
    padding-bottom: 1rem;
}
@media (min-width: 320px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .border-bottom-end {
        border-bottom: 0px solid !important;
    }
    .landing .hl-description h1, .landing .hl-newjob h1 {
        font-size: 22px !important;
    }
    .landing .how-works h2 {
        font-size: 20px !important;
    }
}
@media (max-width: 320px) {
    .call-to-action {
        padding: 30px 20px;
    }
}
.footer {
    background-color: #120f0f;
    padding-top:2rem;
    padding-bottom:1rem;
}
.footer .widget_nav_menu ul {
    padding-left: 0;
    list-style:none;
}
.footer .widget_nav_menu .landing-menu ul li {
    display: inline-block;
}
.footer .widget_nav_menu ul li a {
    padding:5px;
    font-size:18px;
    line-height:1.6;
    color:#dbe3eb;
    display:inline-block;
    margin-bottom:4px;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}
.footer .widget_nav_menu ul li a:hover {
    color:#fff;
    text-decoration:none;
}
.footer hr {
    border-color:#ffffff2e;
}
.footer .blog-link a {
    color: #dbe3eb;
}
.footer .text-muted a {
    color: #dbe3eb;
}
.footer svg {
    width: 40px;
    height: 40px;
}
.card-footer {
    padding:.75rem 1.8rem;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero3 .hl-info {
    padding-bottom: 50px;
}
#landing .hl-info, #home .hl-info {
    padding: 20px 10px;
}
.landing .hl-info h1, .home .hl-info h1 {
    padding-bottom: 10px;
}
.home .hl-info p {
    padding-top: 20px;
}
.landing .hl-info p {
    padding-top: 20px;
    font-size: 18px;
    line-height: 25px;
}
.landing .hl-description p {
    padding-top: 20px;
    font-size: 16px;
    line-height: 25px;
}
.landing .hl-description h1 {
    font-size: 30px;
}
.landing .form-control {
    font-size: 16px;
}
.landing .form-check-label {
    font-size: 16px;
}
.landing label {
    font-size: 16px;
}
section.landing, section.home {
    position: relative;
    background-color: #23519e;
    padding: 4rem 1.5rem;
}
.page-header .service-title {
    font-family: 'Font Awesome 5 Pro';
    padding: 20px 0;
    text-decoration: underline;
}
.page-content .post-new-job {
    padding: 20px 5px;
    margin-bottom: 40px;
}
.price-payment {
    padding: 0 10px;
}
.client {
    /*width: 100%;
    height: 100%;*/
}
.client .carousel-icon i {
  font-size: 5rem;
  color: rgba(255, 255, 255, 0.3);
}
.client .carousel-item i {
  font-size: 1.6rem;
}
/*.client .carousel-item strong {
    color: #ffa500;
}*/

.t-card {
  padding: 1.8125rem 1.125rem;
  background-color: rgba(255,165,0,0.8);
  border-radius: 1.25rem;
  color: #fff;
  height: auto;
}
.t-card .lh-lg {
    font-size: 20px;
}
.text-italic {
    font-style: italic;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 1.5625rem solid transparent;
  border-right: 1.5625rem solid transparent;
  border-top: 1.25rem solid rgba(255,165,0,0.8);
}
.calltoaction {
    background-color: #23519e;
    border-radius: 5px 5px 0 0;
    padding: 30px;
    margin: 30px 0 0 0;
}
.call-to-action {
    background-color: #23519e;
    border-radius: 5px 5px 0 0;
    padding: 30px;
    margin: 30px 0;
}
.call-to-action strong {
    color: #FFF;
}
/*.service {
    background-color: #ecf0f1;
}*/
.service i {
    width: 40px;
    height: 33px;
    color: #23519e;
    margin-right: 10px;
    text-align: center;
}
.feature i {
    width: 40px;
    height: 33px;
    color: #23519e;
    text-align: center;
}
.service a {
    color: #23519e;
    font-weight: bold;
}
.service a:hover {
    color: #f77d0e;
    text-decoration: none;
}
.link-more {
    margin-bottom: 0;
}
.recent-post, #menu-hl-services {
    padding-left: 0;
}
.widget_search {
    padding-bottom: 50px;
}
.page-404 {
    margin: 100px auto;
}
.page-404 .error-404 form {
    margin: 0 auto;
    display: block;
}
@media (min-width: 576px) {
    #search-2 .form-inline .form-control, #search-3 .form-inline .form-control {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
    }
    
}

.navbar-nav .nav-item {
	padding-right: 30px;
}
#ez-toc-container {
	width: 100%;
}
.ez-toc-title-container {
	padding: 3% 4% 0% 4%
}
#ez-toc-container nav {
	padding: 2% 4% 4% 4%
}






















/* ======================================================================================================= */
.card-number-container{
    position: relative;
}

.card-number-container img{
    position: absolute;
    width: 25px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}
.card-number-container input {
    padding-left: 40px;
}


.exp-wrapper {
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: flex;
    align-items:center;
}

.exp-wrapper:after {
    content: '/';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    color: #aaa;
}

input.exp {
    float: left;
    font-family: monospace;
    border: 0;
    width: 100%;
    outline: none;
    appearance: none;
    font-size: 14px;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
}

/*HL Author Box CSS*/
#author-bio-box{
    *zoom:1;
    margin:10px 0;
    padding:10px
}
#author-bio-box:after{
    content:"";
    display:table;
    clear:both
}
#author-bio-box *{
    margin:0;
    padding:0
}
#author-bio-box h3,#author-bio-box .bio-description{
    margin-bottom:10px
}
#author-bio-box h3 a,#author-bio-box .bio-description a{
    text-decoration:none
}
#author-bio-box p{
    margin-bottom:5px
}
#author-bio-box .bio-gravatar{
    float:left
}
#author-bio-box .bio-gravatar img{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    border:1px solid #ccc;
    margin-right:15px;
    padding:3px
}
#author-bio-box .bio-icon{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
    background-color:transparent;
    background-image:url("assets/images/sprite.png");
    background-repeat:no-repeat;
    display:inline-block;
    margin-right:3px;
    height:16px;
    width:16px
}
#author-bio-box .bio-icon:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity:0.7
}
#author-bio-box .bio-icon-twitter{
    background-position:0 0
}
#author-bio-box .bio-icon-facebook{
    background-position:-16px 0
}
#author-bio-box .bio-icon-googleplus{
    background-position:-32px 0
}
#author-bio-box .bio-icon-linkedin{
    background-position:-48px 0
}
#author-bio-box .bio-icon-website{
    background-position:-64px 0
}
#author-bio-box .bio-icon-flickr{
    background-position:-80px 0
}
#author-bio-box .bio-icon-tumblr{
    background-position:-95px 0
}
#author-bio-box .bio-icon-vimeo{
    background-position:-111px 0
}
#author-bio-box .bio-icon-youtube{
    background-position:-127px 0
}
#author-bio-box .bio-icon-instagram{
    background-position:-143px 0
}
#author-bio-box .bio-icon-pinterest{
    background-position:-159px 0
}