/* Add here all your CSS customizations */

/* zapret copy */
    body { 
	-webkit-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	} 
.password-protection-box input[type="submit"] {padding: 0 5px;font-size: 0.8em;}
.parallax-background {background-position-y: 150%;}

#topheader.top-fixed {position:fixed;top:0; left:0;width:100%;z-index: 1000;}
.custom-nav-button.custom-divisors:after {
    display: none;
    right: 0;
}
.custom-nav-button.custom-divisors:before {
    display: none;
    left: 0;
}
.header-logo img {width: 300px;}
.custom-box-shadow-1 {box-shadow: none;background-color: #ffffffbf;}
.custom-btn--posetit {font-size: 1.5em !important;padding-top: 0.19rem !important;}
.custom-h1, .scroll-to-top.hidden-mobile.visible:hover, html .text-color-primary--custom {color: #e94338;}
.custom-font-size-3 {font-size: 20px;letter-spacing: -0.5px;line-height: 1;}
.custom-about-me-infos span {line-height: 1.2;}
.social-icons li a.social-icons__custom {font-size: 1.2em;}
.social-icons.social-icons-dark-2 li a.social-icons__custom {background: #1b1b1b;}
.social-icons li:hover.social-icons-facebook a {background: #0088cc !important;}
.social-icons li:hover.social-icons-instagram a {background: #e94338 !important;}
.nav-link.text-color-dark.bg-color-primary.active i {color: #e94338 !important;}
section.custom-timeline .timeline-bar, section.custom-timeline .timeline-box.right:before {background: var(--red)  !important;}
section.custom-timeline .timeline-bar {left: -3.5%;}
.timeline-box__custom:hover {opacity: 1;box-shadow: 0px 12px 90px -10px #000 !important;}
.custom-border-1 {border: 4px solid #0088cc!important;}
.youtube-frame {height: 403px;}
.font-family-badscript {font-family: 'Bad Script', cursive;font-size: 2em;margin-bottom: .5rem;font-weight: 500;line-height: 1.2;}
.height-inherit {height: inherit;}
.width-inherit {width: inherit;}
.counters label {font-weight: 300;font-size: 18px;line-height: 18px;}
.rr {
    width: 170px;
}

/* custom form */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    border-color: #e94338 !important;
}
.card-body {
    background-color: #ecf1f7;
}

#footer a:not(.btn):not(.no-footer-css):focus, #footer a:not(.btn):not(.no-footer-css):active {
    color: #e94338;
}

.mobile-icon {
    transition: opacity 0.3s;
    background: #0088cc;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 9px;
    opacity: 0.85;
    padding: 10px 7px 35px;
    position: fixed;
    left: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 50px;
    z-index: 1040;
    font-size: 2.0em;
    visibility: visible!important;
}





@media (min-width: 992px) {
    .custom-section-padding-1 {padding-top: 0px !important;padding-bottom: 250px !important;}
    .custom-ml-lg--gerb {margin-left: 0.65rem !important;}
}

@media (max-width: 991px) {
    #header.header-floating-icons {top:0;}
    #header.header-floating-icons {position:fixed;top:0;right:0;z-index: 2000;}
}

/* 
 ##Device = Low Resolution Tablets, Mobiles (Landscape)
 ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 820px) {
    .header-logo {text-align: left;}
    .header-logo img {width: 280px;}
    .block-1 {padding-top: 0 !important;}
    .custom-nav-button {padding: 10px;}
    #about-me {margin-top: 0;}
    .maya7 {padding-top: 30px;padding-bottom: 30px;}
    img.rr {
        width: 100%;
    }
    .font-family-badscript {
        font-size: 2.1em;
        margin-top: -1em;
    }
}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .header-logo {text-align: left;}
    .header-logo img {
        width: calc(100% - 5em);
        min-height: 4em;
    }
    .block-1 {padding-top: 0 !important;}
    .custom-nav-button {padding: 10px;}
    #about-me {margin-top: 0;}
    .parallax-background {height: 100% !important;}
    .custom-box-details {padding:0;}
    .thumb-info-side-image .thumb-info-side-image-wrapper {
        width: 100%;
        text-align: center;
    }
    img.rr {
        width: 70%;
        margin: 0 auto;
    }
    .maya7 {padding-top: 30px;padding-bottom: 30px;}
    .font-family-badscript {
        font-size: 2.1em;
        margin-top: -1em;
    }
    .youtube-frame {height: 265px;}
    .footer-copyright {padding-bottom: 3rem!important;}
}