/*!
Theme Name: nsg_51
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nsg_51
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nsg_51 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/*/
:root {
    --primary: #000e6e;
    --secundary: #7c0000;
    --background: #1d1d1d;
    --box: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    --box-bottom: 0px 15px 10px -15px #111;
}

/*line-top*/

.custom-logo-link img {
    width: 100%;
    /* For Firefox */
    width: -moz-available;
    /* For Firefox */
    width: -webkit-fill-available;
    /* For Chrome and Safari */
    width: fill-available;
    /* For Edge and other modern browsers */
    height: auto;
}

.site-title {
    font-size: 1.8vw;
    font-weight: 900;
    color: var(--primary);
    text-align: center;
    width: 250px;
}

.site-description {
    font-size: 1.8vw;
    color: var(--secundary);
    text-align: center;
    width: 60%;
    font-weight: 900;
}

/*top section*/
.about__content span,
.current-menu-item,
.t-left h1 span,
.t-left h6 span {
    color: var(--secundary)
}

.t-left img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: top;
}

.t-left h6 {
    font-size: 18px;
    font-weight: 700;
}

.t-right img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: top right;

}

.about__content {
    color: var(--primary);
    margin-block-start: 20px;
}

/*costom*/
.title {
    text-transform: capitalize;
    color: var(--primary);
    font-weight: 700;
}

.btn-custom {
    background: var(--secundary) !important;
    color: #fff !important;
    transition: all 0.2s ease-in-out;
}

.btn-custom:hover {
    background: var(--primary) !important;
    transform: scale(1.05);
    transition: all 0.2s ease-in-out;
}

.btn-custom:active {
    background: #fff !important;
    color: var(--secundary) !important;
    transform: scale(0.95);
}

/*tools*/
.tools .tools__content {
    box-shadow: var(--box);
    padding: 30px;
}

.tools .logo img {
    width: 24%;
    object-fit: contain;
    height: auto;
}

.bins {
    width: 70px !important;
}

.thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-top: -100px;
    box-shadow: var(--box);
}

/*partner*/
.my-partner img {
    width: 150px;
    height: auto;
    object-fit: contain;
}

.my-partner__tas img {
    width: 120px !important;
}

/*top template*/
.template-top {
    -webkit-box-shadow: var(--box-bottom);
    box-shadow: var(--box-bottom)
}

.template-top__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
}

.card h4,
.template-top__wrapper h1 {
    text-transform: capitalize;
    color: var(--primary)
}

.template-top__wrapper h1 {
    font-weight: 900
}

.template-top__image {
    width: 700px;
    position: relative;
    -webkit-box-shadow: var(--box);
    box-shadow: var(--box)
}

.template-top__image img {
    width: 100%;
    background: #fff
}

.template-top__image::after,
.template-top__image::before {
    background: var(--primary);
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: -1
}

.template-top__image::after {
    top: -10px;
    right: -10px
}

.template-top__image::before {
    bottom: -10px;
    left: -10px
}

/*footer*/
.site-footer {
    background: var(--background);
    color: #fff;
    padding-block: 30px;
    margin-top: 30px;
}

tbody {
    color: #fff;
}

.site-footer iframe {
    width: 100%;
    height: 250px;
    border: 0;

}

.nav-item {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}

.nav-link {
    color: #000e6e !important;
}

.menu-item .active {
    color: var(--secundary) !important;
}

.menu-item {
    margin-right: 10px;
}

.lang-item {
    margin-right: 5px;
}

.nav-link:hover {
    color: var(--secundary) !important;
}

.nav-item img {
    width: 30px;
}

.card-img-top {
    width: auto;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.card-body {
    position: relative;
    height: 150px;
}

.equipment .btn-custom {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.logo__start h2,
.title {
    text-align: center;
    color: var(--primary)
}

.title {
    margin: 40px 0 20px;
    text-transform: capitalize
}

.logo {
    padding: 50px 0 0
}

.logo__start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo__start h2 {
    width: 285px;
    line-height: 3rem
}

.logo__start h2 span {
    font-size: 60px
}

.logo__start h5 {
    font-size: 22px;
    color: var(--secundary);
    text-transform: uppercase;
    font-weight: 900;
    line-height: 2.1rem;
    text-align: center
}

.logo__start img {
    width: 300px
}

.strahl__logo img {
    width: 250px !important;
    height: auto !important;
}

.st-slider__item img {
    width: 320px !important;
    height: auto !important;

}

.top-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wp-block-column svg {
    width: 70px;
    height: 70px;
}

.wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: var(--box);
    padding: 30px;
}

.aria__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}



.about-bins__content h5 {
    color: var(--white);
    margin-bottom: 1rem
}

.aria h4,
.aria__item h6,
.folosof h4 {
    text-align: center;
    margin-bottom: 50px
}

.aria__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center
}

.aria__list li{
    list-style: none;
}

.aria__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 250px;
    margin-right: 10px;
    -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025);
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025)
}

.aria__item h6 {
    margin-bottom: 30px;
    font-weight: 900;
}

.aria__item svg {
    margin: 30px 100px 0;
    width: 50px;
    height: 50px
}

.aria__item svg path {
    fill: var(--dark-blue);
    width: 50px;
    height: 50px
}
.bg-s{
    border-radius: 30px;
    background-color: #86d1f5;
    padding-block: 20px;
}