/*
Theme Name: HakerNet Theme
Author: Marek Karmelski
Author URI: https://itcreation.pl
Description: HakerNet Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haker-net
*/

html, body {
    font-family: 'Quicksand', sans-serif;
    height: 100%;
    min-height: 100%;
	margin: 0;
	padding: 0;
}

.home {
    background: url(assets/images/abstract.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.video-background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(assets/images/abstract.jpg);
    background-size: cover;
}

.front-page-top-sc-container {
    position: relative;
    min-height: 420px;
}

#quick_offer_go_div {
    position: absolute;
    width: 80%;
    height: auto;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#quick_offer_go_div h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

#quick_offer_go_div img {
    transition: all 0.1s linear;
}

#quick_offer_go_div a {
    text-decoration: none;
}

#quick_offer_go_div a:hover img {
    -webkit-filter: drop-shadow( 0 0 10px #fff );
    filter: drop-shadow( 0 0 10px #fff );
}

.front-page-links-container {
    background-color: rgba(28,28,28,0.3);
    color: #ffffff;
    padding: 20px 0;
    text-align: center;
}

.navbar-haker {
    padding-top: 5px;
}

.navbar-haker .container .col-xs-6 {
    height: 80px;
}

.res-logo-link {
    display: inline-block;
    max-width: 100%;
    height: 100%;
}

.res-logo {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.res-sc-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.res-msc-img {
    display: block;
    width: 10vw;
    height: 10vw;
    margin: 0 auto;
}

.menu {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    margin-right: 0;
    padding-left: 1.25em;
    position: fixed;
    transform: translateX(-40px);
    width: 50px;
    height: 50px;
    z-index: 999999999;
    transition: all 0.1s linear;
}

.menu-scrolled {
    background-color: #62c32d;
}

.menu-global {
    backface-visibility: hidden;
    position: absolute;
    left: 10px;
    border-top: 3px solid white;
    width: 30px;
    transition: 0.55s;
}

.menu-top {
    top: 14px;
}

.menu-middle {
    top: 23px;
}

.menu-bottom {
    top: 32px;
}

.menu-top-click {
    backface-visibility: hidden;
    top: 23px;
    transform: rotate(50deg);
    transition: 0.55s 0.5s;
}

.menu-middle-click {
    opacity: 0;
}

.menu-bottom-click {
    backface-visibility: hidden;
    top: 23px;
    transform: rotate(-410deg);
    transition: 0.55s 0.5s;
}

.menu-container {
    background-color: rgba(23,96,0,0.9);
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    height: 100%;
    z-index: 999999;
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

.menu-container-on {
    display: block;
}

.menu-container-off {
    display: none;
}

.menu-caption {
    color: #fff;
    font-size: 20px;
    height: 80px;
    line-height: 80px;
}

.menu-table {
    display: table;
    height: calc(100% - 80px);
    width: 100%;
}

.menu-table-row {
    display: table-row;
}

.menu-table-cell {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle;
    text-align: center;
}

.menu-item-link {
    color: #fff !important;
    font-size: 12px;
    text-decoration: none !important;
    margin-top: 10px;
}

.menu-item-link img {
    transition: all 0.1s linear;
}

.menu-item-link:hover img {
    -webkit-filter: drop-shadow( 0 0 10px #fff );
    filter: drop-shadow( 0 0 10px #fff );
}

.menu-item-link div {
    height: 20px;
    margin-top: 10px;
}

.quick_go_link {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}

.quick_go_link img, .quick_go_link span {
    display: block;
}

.quick_go_link img {
    width: 25px;
    height: auto;
}

.quick_go_link span {
    margin-top: 5px;
}

.footer {
    background-color: rgba(28,28,28,0.5);
    color: #ffffff;
    padding: 30px 0 0 0;
}

.footer-container {
    padding-bottom: 90px !important;
    padding-top: 30px !important;
}

.col-footer-block {
    text-align: center;
    margin-top: 50px;
}

.col-footer-block h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

.company-data div:nth-child(1) {
    font-size: 24px;
    font-weight: bold;
}

.company-data div:nth-child(2) {
    font-size: 16px;
    font-weight: bold;
}

.company-data div:nth-child(3) {
    margin-bottom: 10px;
}

#email_link {
    color: #fff !important;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

.social-link span {
    color: #fff !important;
    padding-left: 10px;
}

.social-link span, .social-link img {
    display: inline-block;
    vertical-align: middle;
}

.cp-pr-container {
    color: #ffffff;
    background-color: rgba(28,28,28,0.5);
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cp-pr-container .col-sm-6 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cp-pr-container a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.bok {
    font-weight: bold;
    margin-top: 10px;
}

.grecaptcha-badge { 
    display: none !important; 
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .res-msc-img {
        width: 8vw;
        height: 8vw;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #quick_offer_go_div h2 {
        font-size: 16px;
    }

    .quick_go_link img, .quick_go_link span {
        display: inline-block;
    }

    .quick_go_link span {
        margin-top: 0;
        margin-left: 10px;
    }

    .res-msc-img {
        width: 7vw;
        height: 7vw;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #quick_offer_go_div h2 {
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
    }

    .col-footer-block {
        text-align: left;
        border-left: solid 1px #fff;
        height: 220px;
    }

    .res-msc-img {
        width: 5vw;
        height: 5vw;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .res-msc-img {
        width: 4vw;
        height: 4vw;
    }
}