/* Start:/local/templates/create-iot/template_styles.css?17876703612745*/
.c-logo {
    display: flex !important;
    align-content: center;

}
.c-logo > img:nth-child(1) {
    top: 2px;
}
.c-logo a {
    margin-left: 15px;
}

.l-scroll{
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 180px;
    display: none;
}
.l-scroll__buttom{
    display: block;
    width: 84px;
    height: 84px;
    position: relative;
    cursor: pointer;
    top: 30%;
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    margin: 0 auto;
    animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
.l-scroll__buttom:before,.l-scroll__buttom:after{
    content:'';
    position: absolute;
}
.l-scroll__buttom:before{
    background-image: url('/local/templates/create-iot/i/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 29px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.l-scroll__buttom::after {
    width: 100%;
    border: 2px #fff solid;
    height: 100%;
    border-radius: 50%;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

@media (min-width:1764px) and (max-width:1904px){
    .l-scroll__buttom{
        width: 64px;
        height: 64px;
        top: 20%;
    }
    .l-scroll__buttom:before{
        width: 24px;
        height: 26px;
    }
}
@media (min-width:1200px) and (max-width:1764px){
    .l-scroll__buttom{
        width: 54px;
        height: 54px;
        top: 18%;
    }
    .l-scroll__buttom:before{
        width: 22px;
        height: 24px;
    }
}
@media (max-width:1200px){
    .l-scroll__buttom{
        width: 64px;
        height: 64px;
        top: 20%;
    }
    .l-scroll__buttom:before{
        width: 24px;
        height: 26px;
    }

}
@media (max-width:992px){
    .l-scroll-mobile{
        display: block;
    }
}
@media (min-width:992px){
    .l-scroll-desktop{
        display: block;
    }
}


@media (max-width:678px){
    .l-scroll__buttom{
        width: 44px;
        height: 44px;
    }
    .l-scroll__buttom:before{
        width: 18px;
        height: 20px;
    }
}
/* End */
/* /local/templates/create-iot/template_styles.css?17876703612745 */