/*
#desktop-view .dropdown-slide>.dropdown-menu {
    opacity: .3;
    display: block;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    cursor: pointer
}

#desktop-view .show.dropdown-slide>.dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    cursor: pointer
}

#mobile-view .dropdown-slide>.dropdown-menu {
    opacity: .3;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    cursor: pointer
}

#mobile-view .show.dropdown-slide>.dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    cursor: pointer
}
*/

.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    width: 45px;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    z-index: 1
}

#desktop-view {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* padding: 1.25em 0; */
    z-index: 999;
	border-bottom: 1px solid #00000021;
    transition: padding .8s ease-in-out
}

#desktop-view.sticky {
    position: fixed;
    top: 0;
   /*  padding: 1em 0; */
    background-color: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4)
}

.slide-down {
    animation: slide-down ease-in-out .6s .1s both
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.client_logos ul li img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sidebar-contact {
    position: fixed;
    top: 50%;
    right: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 40px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    transition: .5s;
    z-index: 999
}

.sidebar-contact.active {
    right: 0
}

.sidebar-contact input,
.sidebar-contact textarea {
    width: 100%;
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .5);
    outline: 0
}

.sidebar-contact h2 {
    margin: 0 0 20px;
    padding: 0
}

.sidebar-contact textarea {
    height: 60px;
    resize: none
}

.sidebar-contact input,
.sidebar-contact textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding-left: 10px;
    height: 40px;
    font-size: 13px;
    margin-bottom: 15px
}

.sidebar-contact input::placeholder,
.sidebar-contact textarea::placeholder {
    color: #06060638;
    font-size: 13px
}

/*
.toggle:before {
    content: '\2709';
    font-size: 37px;
    color: #fff
}

.toggle.active:before {
    content: '\2709'
}
*/

.toggle {
    position: absolute;
/*    height: 53px;*/ 
    width: 49px;
    text-align: center;
    cursor: pointer;
    background: #155CFF;
    top: 0;
    left: -48px;
    line-height: 41px;
    box-shadow: -5px 4px 20px #ffffff05;
    border: 2px solid #f1edff;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
	
	
	
	writing-mode: vertical-rl; 
    display: inline-block;     
    cursor: pointer;
    height: 120px;
    padding: 14px 0;
    background: #e74e07;
    font-size: 14px;
}

.sidebar-btn-submit {
    background: #155CFF;
    border: 1px solid #addb42;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    width: 100%;
    box-shadow: 1px 2px 9px #00000026
}

@media(max-width:768px) {
	
/*
	section#mobile-view {
		background: #444242;
	}
	
	.navbar-dark .navbar-nav .nav-link {
    padding: 5px 0;
    cursor: pointer;
    color: #fff !important;
}
*/

    .sidebar-contact {
        width: 100%;
        height: 100%;
        right: -100%
    }
    .sidebar-contact .toggle {
        transform: translateY(-50%);
        transition: .5s
    }
    .sidebar-contact.active .toggle {
        top: 0;
        left: 0;
        transform: translateY(0)
    }
    .scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }
}

.img-wrapper {
    position: relative;
    margin-top: 15px
}

.img-wrapper img {
    width: 100%
}

.img-overlay {
    background: #000000bf;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

#overlay {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#overlay img {
    margin: 0;
    width: 40%;
    height: auto;
    object-fit: contain;
    border: 2px solid #97c62c;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #0000003b
}

#exitButton,
#nextButton,
#prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity .8s
}

#exitButton {
    position: absolute;
    top: 15px;
    right: 15px
}

#exitButton,
#nextButton,
#prevButton {
    font-size: 3em
}

.toggle {
   position: absolute;
    height: 167px;
    width: 37px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background:#155CFF;
    top: 0;
    left: -37px;
    line-height: 35px; 
    box-shadow: -5px 4px 20px #ffffff05;
    border: 2px solid #f1edff;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    writing-mode: vertical-lr;
    color: #fff;
    font-weight: 700;
font-family: sans-serif;
}
	

.sidebar-contact .toggle {
    transform: translateY(-50%);
    transition: .5s
}