@import url('https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

header {
    position: relative;
    top: 61px;
}
header.collapse-header .header-top {
    top: 60px !important;
}
header.collapse-header .navbar {
    top: 95px !important;
}
header #top_menu {
    top: 0;
}
.blackhat_section + #top_menu {
    margin-top: -1px;
    /*top: 60px;*/
}
.blackhat_section {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
    font-family: 'Exo';
}
.blackhat_section + .navbar {
    position: relative;
    background-color: #ffffff;
    top: 60px;
}
div.frame.bluebox {
    padding-top: 80px;
}
.blk-bg{
	background:#000;
	font-size:20px;
	color:#fff;
	font-weight:400;
	padding:12px 35px;
	}
.blk-txt{
	background:url(../images/black-hat-icon.png) no-repeat left center / 26px auto;
	padding-left:35px;
	font-size:24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 800;
	}	
.sticky-head {
    max-width: 1260px;
    margin: auto;
    position: relative;
}
.sticky-head .close {
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    top: -7px;
    right: -25px;
    opacity: 1 !important;
    cursor: pointer;
}
.sticky-head a{
	background:#fb7214;
	padding:7px 25px;
	color:#fff !important;
	text-transform:uppercase;
	border-radius:3px;
	margin-left:15px;
    font-size: 16px;
	font-weight:600;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s linear;
	}	
.sticky-head a:hover{
	background:#c35306;
	text-decoration:none;
	}
.home.blackhat_header div.frame.bluebox {
    padding-top: 70px;
}
@media screen and (min-width: 1200px) and (max-width: 1335px) {
    .blk-bg {
        font-size: 15px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .blk-bg {
        font-size: 15px;
        padding: 12px 20px;
    }
    .blk-txt {
        font-size: 15px;
    }
    .sticky-head a {
        font-size: 14px;
        padding: 5px 15px;
    }
    header {
        top: 54px;
    }
    header.black_hat_US.collapse-header .header-top {
        top: 54px !important;
    }
    header.black_hat_US.collapse-header .navbar {
        top: 88px !important;
    }
    .blackhat_section + #top_menu {
        top: 56px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .blk-bg {
        font-size: 12px;
        padding: 12px 8px;
    }
    .blk-txt {
        font-size: 12px;
        background-size: 20px auto;
        padding-left: 25px;
    }
    .sticky-head a {
        font-size: 12px;
        padding: 7px 10px;
    }
    header.black_hat_US .header-top {
        top: 55px;
    }
    header.black_hat_US .navbar {
        top: 92px !important;
    }
    header.black_hat_US.collapse-header .header-top {
        top: 55px !important;
    }
}
	
@media screen and (max-width: 767px) {
    .blk-bg {
        font-size: 12px;
        padding: 7px;
    }
    .blk-txt {
        padding-left: 23px;
        font-size: 12px;
        background-size: 20px auto;
    }
    .sticky-head a {
        font-size: 14px;
        line-height: 12px;
    }
    header.black_hat_US .header-top {
        top: 75px;
    }
    header.black_hat_US .navbar {
        top: 112px !important;
    }
    .sticky-head {
        max-width: 300px;
        margin: auto;
    }
    header.black_hat_US.collapse-header .header-top {
        top: 75px !important;
    }
}