{"version":3,"sources":["_categories_megamenu.scss","../../scss_components/_base_variables.scss","../../scss_components/_mixins.scss","header_3.scss"],"names":[],"mappings":"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","file":"../headers/header_3.css","sourcesContent":[".categories-courses {\n    display: flex;\n    padding: 0 15px;\n    flex-grow: 1;\n    justify-content: center;\n    &-single {\n        > a {\n            position: relative;\n            display: flex;\n            align-items: center;\n            padding: 28px 30px;\n            color: #fff !important;\n            font-weight: 300;\n            font-size: 16px;\n            &:after {\n                content: '';\n                position: absolute;\n                top: 0;\n                right: 0;\n                left: 0;\n                bottom: 0;\n                transform: scale(0.9);\n                opacity: 0;\n                transition: .3s ease;\n                z-index: 0;\n            }\n            > * {\n                position: relative;\n                z-index: 100;\n            }\n            span {\n                position: relative;\n                top: 2px;\n                letter-spacing: -0.1px;\n            }\n            i {\n                font-size: 33px;\n                margin-right: 15px;\n            }\n        }\n        &:hover {\n            > a {\n                &:after {\n                    background-color: $blue-dk;\n                    opacity: .8;\n                    transform: scale(1);\n                }\n            }\n            .categories-courses-dropdown {\n                opacity: 1;\n                visibility: visible;\n                transition: .3s .3s ease;\n            }\n        }\n    }\n    &-dropdown {\n        display: flex;\n        align-items: center;\n        position: absolute;\n        padding: 38px 0 34px;\n        top: 100%;\n        left: 0;\n        right: 0;\n        opacity: 0;\n        visibility: hidden;\n        > * {\n            position: relative;\n            z-index: 100;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            left: -400px;\n            right: -400px;\n            top: 0;\n            bottom: 0;\n            background-color: $blue-dk;\n            opacity: .8;\n            z-index: 0;\n        }\n        ul {\n            list-style: none;\n            display: flex;\n            width: 73%;\n            flex-wrap: wrap;\n            margin: 0;\n            li {\n                width: 20%;\n                margin-bottom: 6px;\n                a {\n                    color: #fff !important;\n                    font-size: 16px;\n                    font-weight: 300;\n                    i {\n                        display: inline-block;\n                        position: relative;\n                        top: -1px;\n                        font-size: 11px;\n                        margin-right: 5px;\n                        transition: .3s ease;\n                    }\n                    &:hover {\n                        i {\n                            transform: translateX(3px);\n                        }\n                    }\n                }\n            }\n        }\n        form {\n            position: relative;\n            width: 354px;\n            margin-left: auto;\n            padding-right: 15px;\n            input {\n                height: 50px;\n                padding-right: 40px !important;\n            }\n            button[type=\"submit\"] {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                width: 50px;\n                line-height: 50px;\n                right: 20px;\n                color: $blue-dk;\n                font-size: 17px;\n                border: 0;\n                background-color: transparent;\n            }\n        }\n    }\n}\n\n@include breakpoint(1590px) {\n    .categories-courses {\n        .categories-courses-single {\n            > a {\n                padding: 28px 20px;\n                i {\n                    font-size: 25px;\n                    margin-right: 5px;\n                }\n            }\n        }\n    }\n}\n\n@include breakpoint(1400px) {\n    .categories-courses {\n        padding: 0 5px;\n        .categories-courses-single {\n            > a {\n                flex-wrap: wrap;\n                padding: 8px 10px 15px;\n                justify-content: center;\n                font-size: 15px;\n                i {\n                    display: block;\n                    width: 100%;\n                    margin: 0 0 5px;\n                    text-align: center;\n                    font-size: 38px;\n                }\n            }\n            .categories-courses-dropdown {\n                ul {\n                    li {\n                        width: 25%;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include breakpoint(1250px) {\n    .categories-courses {\n        padding: 0 30px;\n        justify-content: space-between;\n        .categories-courses-single {\n            > a {\n                padding: 15px 30px;\n                font-size: 13px;\n                span {\n                    display: none;\n                }\n            }\n        }\n    }\n}\n\n@include breakpoint(991px) {\n    .categories-courses {\n        padding: 0 30px;\n        .categories-courses-single {\n            > a {\n                padding: 15px 10px;\n            }\n        }\n    }\n}\n\n@media (min-width: 681px) {\n    .stm_lms_categories-courses__toggler {\n        display: none;\n    }\n}\n\n\n@include breakpoint(680px) {\n    .stm_lms_categories-courses__toggler {\n        width: 50px;\n        height: 50px;\n        margin-left: auto;\n        border-radius: 50%;\n        text-align: center;\n        line-height: 53px;\n    }\n    .categories-courses {\n        position: fixed;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        padding: 30px !important;\n        width: 350px;\n        background-color: #eef1f7;\n        max-width: 85%;\n        display: none;\n        overflow-y: auto;\n        z-index: 999999999;\n        &.active {\n            display: block;\n        }\n        .categories-courses-single {\n            > a {\n                justify-content: flex-start;\n                color: #000 !important;\n                padding: 15px 25px !important;\n                background-color: #fff;\n                font-size: 18px;\n                text-transform: uppercase;\n                margin: 0 0 2px;\n                &:after {\n                    display: none;\n                }\n                i {\n                    display: none;\n                }\n                span {\n                    display: block;\n                }\n            }\n            .categories-courses-dropdown {\n                display: none;\n                position: static;\n                opacity: 1;\n                visibility: visible;\n                background-color: $blue-dk;\n                form {\n                    margin-top: 30px;\n                    padding-left: 15px;\n                    width: auto;\n                }\n                ul {\n                    width: 100%;\n                    li {\n                        width: 100%;\n                    }\n                }\n                &:after {\n                    display: none;\n                }\n            }\n            &.active {\n                .categories-courses-dropdown {\n                    display: block;\n                }\n            }\n        }\n    }\n}","// Colors\n$white: #fff;\n$black: #000;\n\n$yellow: #fdc735;\n\n$orange: #fd7635;\n\n// Orange palette\n$orange-dk: #eab830;\n\n$blue-dk: #0050b4;\n\n// Button near blue palette\n$blue-lt-dk: #6e85a0;\n$blue-link: #48a7d4;\n\n// Grey lights\n$grey: #ccc;\n$grey-lt: #aaa;\n$grey-dk: #333;\n$grey-text: #555;\n$grey-lt-ultra: #e0e5eb;\n\n\n// Button near grey palette\n$grey-lt-dk: #839bb8;\n\n\n$red:#f13e3e;\n$green:#10c45c;\n\n// Social icons colors\n$facebook: #3684e3;\n$twitter: #53c8ff;\n$google-plus: #dd4b39;\n$linkedin: #2437ab;\n$youtube: #bb0000;\n\n// Responsive\n$xs: unquote(\"(max-width:767px)\");\n$sm: unquote(\"(max-width:991px) and (min-width:768px)\");\n$sm-xs: unquote(\"(max-width:991px)\");\n$md: unquote(\"(max-width:1199px) and (min-width:992px)\");\n$mobile: unquote(\"(max-width:515px)\");","@mixin rounded($radius: 2px){\n    -webkit-border-radius: $radius;\n    -moz-border-radius: $radius;\n    border-radius: $radius;\n}\n\n@mixin bordered($top-color: #EEE, $right-color: #EEE, $bottom-color: #EEE, $left-color: #EEE){\n    border-top: solid 1px $top-color;\n    border-left: solid 1px $left-color;\n    border-right: solid 1px $right-color;\n    border-bottom: solid 1px $bottom-color;\n}\n\n@mixin transformY(){\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n}\n\n@mixin noTransform(){\n    -webkit-transform: translateY(0%);\n    -ms-transform: translateY(0%);\n    transform: translateY(0%);\n}\n\n@mixin transformX(){\n    -webkit-transform: translateX(-50%);\n    -ms-transform: translateX(-50%);\n    transform: translateX(-50%);\n}\n\n@mixin transform($arguments){\n    -webkit-transform: $arguments;\n    -moz-transform: $arguments;\n    -o-transform: $arguments;\n    -ms-transform: $arguments;\n    transform: $arguments;\n}\n\n@mixin background-gradient($start, $end){\n    background: -moz-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -webkit-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -o-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -ms-linear-gradient(90deg, $start 0%, $end 100%);\n    background: linear-gradient(180deg, $start 0%, $end 100%);\n}\n\n@mixin box-shadow($x: 0, $y: 0, $blur: 10px, $color: #666){\n    -webkit-box-shadow: $arguments;\n    -moz-box-shadow: $arguments;\n    box-shadow: $arguments;\n}\n\n@mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: rgba(0, 0, 0, 0.1)){\n    -webkit-box-shadow: $x-axis $y-axis $blur $alpha;\n    -moz-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\n    box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\n}\n\n@mixin inner-shadow($horizontal:0, $vertical:1px, $blur:2px, $alpha: 0.4){\n    -webkit-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n    -moz-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n    box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n}\n\n@mixin bw-gradient($color: #F5F5F5, $start: 0, $stop: 255){\n    background: $color;\n    background: -webkit-gradient(linear,\n            left bottom,\n            left top,\n            color-stop(0, rgb($start,$start,$start)),\n            color-stop(1, rgb($stop,$stop,$stop)));\n    background: -ms-linear-gradient(bottom,\n            rgb($start,$start,$start) 0%,\n            rgb($stop,$stop,$stop) 100%);\n    background: -moz-linear-gradient(center bottom,\n            rgb($start,$start,$start) 0%,\n            rgb($stop,$stop,$stop) 100%);\n    background: -o-linear-gradient(rgb($stop,$stop,$stop),\n            rgb($start,$start,$start));\n}\n\n@mixin background-clip($argument: padding-box){\n    -moz-background-clip: $argument;\n    -webkit-background-clip: $argument;\n    background-clip: $argument;\n}\n\n@mixin opacity($opacity: 0.5){\n    -moz-opacity: $opacity;\n    -khtml-opacity: $opacity;\n    -webkit-opacity: $opacity;\n    opacity: $opacity;\n    -ms-filter: #{\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\"};\n    filter: #{\"alpha(opacity=${opperc})\"};\n}\n\n@mixin user-select($argument: none){\n    -webkit-user-select: $argument;\n    -moz-user-select: $argument;\n    -ms-user-select: $argument;\n    user-select: $argument;\n}\n\n@mixin box-sizing($sizing: border-box){\n    -ms-box-sizing: $sizing;\n    -moz-box-sizing: $sizing;\n    -webkit-box-sizing: $sizing;\n    box-sizing: $sizing;\n}\n\n@mixin transition($name, $duration:0.5s, $ease:ease-out){\n    -webkit-transition: $name $duration $ease;\n    -moz-transition: $name $duration $ease;\n    -o-transition: $name $duration $ease;\n    transition: $name $duration $ease;\n}\n\n@mixin scale($ratio:1.5){\n    @include transform(scale($ratio));\n}\n\n@mixin rotation($deg:5deg){\n    @include transform(rotate($deg));\n}\n\n@mixin pseudo($position,$width,$height){\n    content: '';\n    display: block;\n    position: $position;\n    width: $width;\n    height: $height;\n    z-index: 10;\n}\n\n@mixin set_bg($img-name, $position, $repeat, $type: 'png'){\n    background-image: url('../img/' + $img-name + '.' + $type);\n    background-position: $position;\n    background-repeat: $repeat;\n}\n\n@mixin fa(){\n    font: normal normal normal 14px/1 FontAwesome;\n    font-size: inherit;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    transform: translate(0, 0);\n}\n\n@mixin antialiased(){\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin absoluted(){\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n}\n\n@mixin clearing(){\n    content: '';\n    clear: both;\n    display: block;\n}\n\n@mixin breakpoint($point) {\n    @if $point == laptop {\n        @media (max-width: 1440px) { @content ; }\n    }\n    @else if $point == onlyLaptop {\n        @media (max-width: 1440px) and (min-width: 1100px) { @content ; }\n    }\n    @else if $point == xs {\n        @media (max-width: 767px) { @content ; }\n    }\n    @else if $point == sm {\n        @media (max-width:991px) and (min-width:768px) { @content ; }\n    }\n    @else if $point == sm-xs {\n        @media (max-width:991px) { @content ; }\n    }\n    @else if $point == md {\n        @media (max-width:1199px) and (min-width:992px) { @content ; }\n    }\n    @else if $point == mobile {\n        @media (max-width:515px) { @content ; }\n    }\n\n    @else if $point == underLaptop {\n        @media (min-width: 1500px) { @content ; }\n    }\n    @else if $point == afterLaptop {\n        @media (max-width: 1500px) { @content ; }\n    }\n    @else if $point == tablet {\n        @media (max-width: 1024px) { @content ; }\n    }\n    @else if $point == tabletland {\n        @media (max-width: 1025px) and (min-width: 992px)  { @content ; }\n    }\n    @else if $point == tabletunder {\n        @media (max-width: 1023px) { @content ; }\n    }\n    @else if $point == tabletonly {\n        @media (max-width: 769px) { @content ; }\n    }\n    @else if $point == mobile {\n        @media (max-width: 550px)  { @content ; }\n    }\n    @else if $point == tabletized {\n        @media (max-width: 769px) and (min-width: 425px)  { @content ; }\n    }\n    @else if $point == mobilized {\n        @media (max-width: 425px) { @content ; }\n    }\n    @else if $point == iphone5portrait {\n        @media (max-width: 570px) and (min-width: 551px)  { @content ; }\n    }\n    @else if $point == min {\n        @media (max-width: 360px) { @content ; }\n    }\n    @else {\n        @media (max-width: $point) { @content ; }\n    }\n}","@import \"../../scss_components/mixins\";\n@import \"../../scss_components/base_variables\";\n@import \"categories_megamenu\";\n\n.header_default.header_3 {\n    padding: 10px 0 0;\n    background-color: #333333;\n    color: #fff;\n    min-height: auto;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n    &:after {\n        display: none !important;\n    }\n    > .container {\n        max-width: 1745px;\n    }\n    .header_top {\n        display: flex;\n        align-items: center;\n    }\n    .stm_header_top_toggler {\n        width: 50px;\n        height: 50px;\n        margin: 0 0 0 auto;\n        font-size: 15px;\n        line-height: 50px;\n        text-align: center;\n        color: #fff;\n        border-radius: 50%;\n        cursor: pointer;\n    }\n}\n\n.stm_lms_account_popup__close {\n    cursor: pointer;\n}\n\n.stm_lms_header_popups_overlay {\n    &.active {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.8);\n        z-index: 9999;\n    }\n}\n\n@include breakpoint(1590px) {\n    .header_default.header_3 {\n        .header_top {\n            flex-wrap: wrap;\n        }\n    }\n}\n\n@include breakpoint(1400px) {\n    .header_default.header_3 {\n        .header_top {\n            .logo-unit {\n                width: 235px;\n            }\n        }\n    }\n}\n\n\n@include breakpoint(991px) {\n    .transparent_header {\n        background-color: $blue-dk;\n        .header_default.header_3 {\n            padding: 0;\n            border-bottom: 0;\n            .header_top {\n\n            }\n        }\n    }\n}\n\n\n@include breakpoint(680px) {\n    .header_default.header_3 {\n        padding: 15px 0 !important;\n        .stm_header_top_toggler {\n            margin-left: 15px;\n        }\n    }\n}\n\nbody.has_envato_iframe {\n    .stm_lms_account_popup {\n        top: 50px;\n    }\n    .stm_lms_account_popup__close {\n        top: 30px;\n    }\n}"]}