/*
body{
            
            background-size: 50px 40px;
  background-image: radial-gradient(circle, #000000 0.5px, rgba(0, 0, 0, 0) 1px);
        }
*/
.navbar-brand {
    font-family: 'Neuton', serif;
    font-size: 1.8em;
}

h1,
h2 {
    /*font-family: 'Comfortaa', cursive;*/
    /*    font-family: 'Vollkorn', sans-serif;*/
    /*    font-weight: bold;*/
}

h3 {
    /*    font-family: 'Neuton', sans-serif;*/
    font-weight: bold;
    font-size: 1em;
}

.arrow {
    position: absolute;
    top: 80vh;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}


/*
.navbar-dark .navbar-brand.scrolled {
            color: rgba(23,32,42) !important;
            transition: color 200ms linear;
        }
        
        .hamburger-inner.scrolled {
            background-color: rgba(23,32,42) !important;
            transition: background-color 200ms linear;
        }
        
        .hamburger-inner::before,
        .hamburger-inner::after {
            background-color: inherit;
            transition: inherit;
        }
        
        .navbar-dark .navbar-nav .nav-link.scrolled {
            color: rgba(23,32,42,.5) !important;
        }
        .navbar-dark .navbar-nav .nav-link.active.scrolled {
            color: rgba(23,32,42) !important;
        }
*/


/*h2 {*/


/*     font-family: 'Ubuntu', sans-serif;*/


/*    font-weight: bold;*/

.jumbotron h3 {
    /*    font-family: 'Lato', sans-serif;*/
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 0;
}

.jumbotron p {
    /*            font-size: 2em;*/
    font-weight: bold;
    color: white;
}

.headerP {
    font-size: 2em;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    /*            padding: 0;*/
}

.form-inline .col-12 {
    padding-left: 0;
    padding-right: 0;
}

.text_container {
    position: absolute;
    top: 20vh;
    /*    z-index: 9999999;*/
}

.full-height {
    height: 100vh;
}

.hamburger {
    margin-top: 13px;
}

.space {
    margin-top: 25px;
}

.jumbotron {
    height: 100vh;
}

a:hover {
    text-decoration: none;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}

canvas {
    /*  display: block;*/
    width: 100%;
    /*    position: relative;*/
}


/*
 .photography-card{
    overflow: hidden;
}
*/

.rounded_1 {
    border-radius: 1rem;
}

.rounded_2 {
    border-radius: 1rem;
}

.content {
    bottom: 0;
    transform: translateY(calc(130px + 1em));
    transition: transform 0.3s;
    max-height: 170px;
}

.card-img-overlay:hover .content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.card-link {
    /*            position: absolute;*/
}

.card-deck .card {
    border-radius: 16px;;
}

.card-deck .card-title {
    font-size: 2em;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: bold;
}

.card-deck .card a {
    color: black;
}

.card-deck small {
    font-size: 1em;
}

.shadow {
    box-shadow: 0 0 6px 0 rgba(30, 45, 62, .09);
    transition: box-shadow .2s;
}

.shadow:hover {
    box-shadow: 0 10px 15px 0 rgba(30, 45, 62, .04), 0 0 50px 0 rgba(31, 44, 60, .05);
}

.overflow {
    height: 96px;
    overflow: hidden;
    text-overflow: "...";
}

.info {
    background-color: hsl(210, 1%, 89%);
    padding: 10px 20px;
}


/*design cards*/

.grad::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, transparent 20%, black 150%);
    margin-top: -300px;
    height: 300px;
    min-width: 100%;
    content: '';
    border-radius: 16px;
	
/*
     -webkit-backdrop-filter: blur(8.8px);
backdrop-filter: blur(8.8px); 
box-shadow: inset 0 0 0 200px rgba(255,255,255,0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
*/
}

.grad img {
    height: 500px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 16px;
	box-sizing: border-box;
/*  width: 100vh;*/
/*  height: 56.25vw;*/
/*  min-width: 100%;*/
/*  min-height: 100%;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
}

.grad_2::after {
    display: block;
    position: relative;
/*    background-image: linear-gradient(to bottom, transparent 20%, black 150%);*/
    margin-top: -300px;
    height: 300px;
    width: 100%;
    content: '';
    border-radius: 16px;
/*
     -webkit-backdrop-filter: blur(8.8px);
backdrop-filter: blur(8.8px); 
box-shadow: inset 0 0 0 200px rgba(255,255,255,0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
*/
}

.grad_2 img {
    height: 500px; 
	width: 100%;
    overflow: hidden;
    object-fit: cover;
    border-radius: 16px;
}

.overflow2 {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
     !important
}

.line {
    border-bottom: 2px solid red;
    margin-top: 4px;
    width: 10%;
    margin-left: 0;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr,
white {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0;
    margin-bottom: 0;
}

footer .nav-link {
    padding: 0rem 0rem 0rem 1rem;
}

footer .navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

footer .nav-link {
    text-align: center;
    font-size: 0.9em;
}

h1 {
    font-size: 1.5em;
}
.main_title{
    
    font-size: 1.5em;
}

/*
#intro {
    font-size: 1.5em;
}
*/

.m-top {
    margin-top: 15vh;
}


/*        // Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
    .content {
        transform: none;
    }

    .overflow {
        display: none;
    }

    .tab {
        display: none;
    }

    footer .nav-link {
        padding: 0rem .5rem 0rem .5rem;
    }

    .m-top {
        margin-top: 10vh;
    }

    .jumbotron h3 {
        font-size: 2em;
    }

    .jumbotron p {
        font-size: 1em;
    }

    #intro {
        font-size: 0.8em;
    }

}

.wrapper2 {
    position: relative;
    width: 50px;
}

.hover2 {
    display: block;
    width: 20px;
    height: auto;
}

.overlay2 {
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 0;
    top: 0;
    margin-left: 20px;
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
}

.wrapper2:hover .overlay2 {
    width: 135px;
}

.text2 {
    position: absolute;
    top: 50%;
    left: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}



/*// Small devices (landscape phones, less than 768px)*/

@media (max-width: 576px) and (max-width: 767px) {
    .content {
        transform: none;
    }

    .overflow {
        display: none;
    }

    footer .nav-link {
        padding: 0rem .5rem 0rem .5rem;
    }
}


/*// Medium devices (tablets, less than 992px)*/

@media (max-width: 768px) and (max-width: 991px) {
    .content {
        transform: none;
    }

    .overflow {
        display: none;
    }
}


/*// Large devices (desktops, less than 1200px)*/

@media (max-width: 992px) and (max-width: 1199px) {
    .content {
        transform: none;
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.3em;
    }

    h3 {
        font-size: 1.5em;
    }

    #intro {
        font-size: 1.2em;
    }
    .main_title {
        font-size: 2rem;
    }
}



.ba-slider {
    position: relative;
    overflow: hidden;
}

.ba-slider img {
    width: 100%;
    display: block;
}

.ba-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: rgba(0, 0, 0, .5);
    cursor: ew-resize;
}

.handle:after {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '\21d4';
    color: white;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
    background: #ffb800;
    /* @orange */
    border: 1px solid #e6a600;
    /* darken(@orange, 5%) */
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 60px 50px -30px #ffd466;
    /* lighten(@orange, 20%)*/
}

.handle.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height: 50px;
    font-size: 30px;
}

@media (max-width: 767px) {
    .sticky-top {
        position: inherit !important;
        top: 0px;
    }
}