/*
Theme Name: Gaya s.r.o.
Author: Marketingová agentúra UNIQINO
Author URI: https://uniqino.sk/
Text Domain: gaya
Version:1.0
*/

:root {
    --gaya-orange: 239,127,26;
    --gaya-orange-dark: 229,115,21;
	--gaya-green: 140,215,31;
    --gaya-green-dark: 133,206,26;
	--gaya-text-dark: 35,31,32;
}


/* HEADER */
@media (max-width:1280px) {
.carousel-indicators {
    display:none;
}
}

@media (max-width:768px) {
    .top-bar.pl-50.pl-50 {
        padding:10px 20px !important;
    }



    .top-bar-default {
        display:none;
    }


    .spacer_header_top {
        height:115px !important;
    }

    #navbar.container-fluid.pl-50.pr-50 {
        padding-left:20px;
        padding-right:20px;
    }

    body.showmobile .nav-mobile {
        display:flex !important;
        bottom:0;
        
    }

    #navbar.sticky {
        background:transparent;
    }
    #navbar.sticky .navbar-brand img {
        display:none;
    }
    #navbar.sticky button.menu {
        width:44px !important;
        background:rgb(var(--gaya-text-dark)) !important;
    }

    #navbar.sticky .menu svg {
        stroke: #fff !important;
    }

    .sm_dropdown.show {
        height:auto !important;
    }


    header .navbar {
        padding:15px 0;
    }

    .hero-slider .carousel-inner .carousel-item img.mobile {
        display:block;
    }

    .hero-slider .carousel-inner .carousel-item img.desktop {
        display:none;
    }

    #navbar a.cta {
        display:inline-block;
    }

    header #navbar.sticky a.cta {
        display:none;
    }
    
    aside {
        margin-top:50px;
    }

   
}

@media (min-width:991px) and (max-width:1280px) { 
    header .navbar .nav_account .is-search-form {
        max-width:110px !important;
    }

    .is-form-style.is-form-style-3 input.is-search-input {
        font-size:16px !important;
        padding-top:auto;
    }

}

@media (min-width:768px) and (max-width:1280px) {
    .page-title {
        padding-left:30px;
        padding-right:30px;
    }

    .content {
        padding-left:30px;
        padding-right:30px;
    }
    footer .container.foo {
        padding-left:30px !important;
        padding-right:30px !important;
    }
}

@media (min-width:991px) and (max-width:1180px) {
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size:14px;
    margin-right:0;
}

}

@media (min-width:769px) and (max-width:1280px) { 
    .top-bar-default li a span.text {
        display:none !important;
    }

    .top-bar-default li a {
        padding-left:15px;
    }
    .top-bar-default li a img {
        position:relative;
    }
}

@media (min-width:769px) and (max-width:920px) {
.top-bar-default li:first-child a span {
    display:none !important;
}

}
@media (min-width:769px) and (max-width:1280px) {
.sec-cta {
    padding-left:30px !important;
    padding-right:30px !important;
}}

@media (min-width:770px) {
    .hero-slider .carousel-inner .carousel-item img.mobile {
        display:none !important;
    }

    .navbar a.cta {
        display:none;
    }
}

/* SLIDER */ 
@media (max-width:768px) {
    .hero-slider {
        margin-top: 10px !important;
    }

    .carousel-caption.d-none {
        display:block !important;
    }
}

/* ABOUT */

@media (max-width:768px) {
    .about .pl-50.pr-50 {
        padding-left:30px;
        padding-right:30px;
    }

    .benefits {
        padding-left:10px;
        padding-right:10px;
        margin:20px 0;
    }

    .benefits li {
        width:100%;
    }

    .benefits li .benefit {
        margin-bottom:30px;
    }

    .benefits li .benefit img {
        max-width:60px;
    }
    

}

@media (min-width:769px) and (max-width:1600px) {
    .sec-blog .container {
    left:0;
    }
}

/* NUO */

@media (max-width:768px) {
    .nuo-section .pl-50.pr-50 {
        padding-left:30px;
        padding-right:30px;
    }
    .nuo-section .nuo-img {
        padding-top:50px;
    }
    .nuo-section .nuo-img img {
        position:relative;
        width:100%;
        top:auto;
        left:auto;
    }
    .nuo-section .nuo-green {
        top:auto;
        bottom:0;
        width:300px;
        height:300px;
    }

    .sec-blog .container {
        width:100% !important;min-width:auto;
        left:20px;
    }
}

/* CTA */

@media (max-width:768px) {
    .sec-cta {
        padding-left:15px;
        padding-right:15px;
    }

    .sec-cta .cta-img {
        margin-top:30px;
    }

    .sec-cta .cta-img img {
        max-width: 100%;
    }

    .btn-call { 
        font-size:28px;
    }
}


/* FAQ */

@media (max-width:768px) {
    .faq {
        padding-left:15px;
        padding-right:15px;
    }
}
/* BLOG */ 

@media (max-width:768px) { 
    .sec-blog h3 {
        display:none;
    }

    .sec-blog .owl-nav.disabled {
        display:none !important;
    }

    .page-content .con-img.blog-img{
        margin-bottom:0px !important;
    }

    .blog-info-top .addtoany {
        float:left;
        position:relative;
        margin-left:-3px;
    }

    .blog-info-top ul {
        float:left;
        width:100%;
    }

    .gaya-author {
        display:inline-block;
    }

    .gaya-author .ga-desc {
        padding:20px 0px; 
    }

    .np-posts {
        display:inline-block;
        width:100%;
    }

    .np-posts .np-previous {
        border-right:none;
        border-bottom:solid 1px #f4f2f2;
    }

    .np-posts .np-next, .np-posts .np-previous {
        width:100% !important;
    }

    .page-content.search h3 {
        margin-top:50px;
    }
}

@media (min-width:768px) {
    .sec-blog  .owl-nav.disabled {
    display: block !important;
}
}


/* PRICE */ 
@media (max-width:768px) {
    .pricing .col-lg-4.col-md-4 {
        padding-left:30px;
        padding-right: 30px;
    }

    .pricing .section_head {
        padding-left:20px;
        padding-right:20px;
        text-align: left !important;
    }

    .pricing .section_head h2 {
        text-align: left !important;
    }
}
/* FLY ELEMENTS */ 

@media (max-width:768px) {
    .gaya-hero-service {
        display:none !important;
    }
    
    .nuo-section .nuo-img {
        float:left;
        width:100%;
    }

}
@media (max-width:992px) {
.side-widget.fixed-child {
    display:none !important;
}
aside .page-share {
    position:relative;
    top:auto;
    left:auto;
    margin-left:35px;
    margin-bottom:25px;
}
}

/* SOCIAL */

@media (max-width:768px) {
    .social-share{
        display:none !important;
    }


}

/* FOOTER */


@media (max-width:768px) {
    
    footer .col-lg-3 {
        padding-left:30px !important;
        padding-right:30px !important;
    }

    .social_footer {
        margin-bottom:30px;
    }

    .foo-services li {
        width:100%;
        text-align:left;
        padding: 10px 15px;
        border-right: none !important;
        border-left: none !important;
        border-bottom: solid 1px rgba(255,255,255,0.2);
    }

    footer .container-fluid {
        border-bottom:none;
        margin-bottom:50px !important;
    }

    .keywords {
        padding:0 20px;
    }
}

/* PAGE CONTENT */

@media (max-width:768px) {

    .page-content .con-img{
        margin-bottom:50px !important;
        top: auto !important;
    }

    .page-content  {
        float:left;
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    

    .page-content table thead {
        display:none;
    }

    .page-content table tbody tr {
        display:inline-block;
        width:100%;
        background: #fff;
        
       margin-bottom:30px;
       padding:15px 15px 5px 15px;
       border:solid 1px rgb(var(--gaya-orange));
       border-radius: 5px;;
    }

    .page-content table tbody tr td {
        display:inline-block;
        width:100%;
        border-bottom:none;
        padding:0;
        background:transparent;
        margin-bottom:10px;
        position:relative;
    }

    .page-content table tbody tr td:first-child {
        padding-top:20px;
    }

    .page-content table tbody tr td:first-child label {
        display:inline-block;
        position:absolute;
        padding:5px 8px;
        top:-32px;
        background: rgb(var(--gaya-orange)) ;
        color:#fff;
        font-weight: bold;
        border-radius: 5px;
    }

   

    .page-content h1 {font-size:26px;}
    .page-content h2 {font-size:26px;}
    .page-content h3 {font-size:22px;}
    .page-content h4 {font-size:20px;}
    .page-content h5 {font-size:18px;}
    .page-content h6 {font-size:16px;}

}

/* PAGE HEADER */

@media (max-width:768px) {
    .page-map {
        display:none;
    }

    .page-title {
        padding-top:30px;
        padding-bottom:20px;
        padding-left:10px;
        padding-right:10px;
    }

    .page-title h1 {
        font-size:26px;
        line-height: 130% !important;
    }
}

/* MENU ALIGN FROM 1600 */ 

@media (min-width:1590px) { 
    #navbar.container-fluid.pl-50.pr-50 {
        max-width:1220px !important;
        padding-left:0px !important;
        padding-right:0px;
    }
    #navbar .navbar {
        position:inherit !important;

        margin-left:3px;
    }

    #navbar .navbar  .navbar-brand {
        position:absolute;
        left:50px;
        margin-top:-5px;
    }

    #navbar .navbar .nav_account {
        position:absolute;
        right:50px;
    }
    /* STICKY */

    #navbar.container-fluid.pl-50.pr-50.sticky {
        max-width:100% !important;
    }
    #navbar.sticky .navbar {
        position:relative !important;
        display:flex !important;
    }

    #navba.sticky .navbar  .navbar-brand {
        position:inherit !important;
        left:auto !important;
        margin-top:none !important;
    }

}

@media (min-width:769px) and (max-width:1000px) {
    .dropdown .dropdown-menu.single-drop {
        display:none !important;
    }
	.dropdown .dropdown-menu.single-drop.show {
		display:block !important;
	}
	
	aside {
		margin-top:50px;
	}
}

@media (min-width:767px) and (max-width:1366px) {
    
    .home-boxes {
        height:auto;
        padding-top: 80px;
    }

    .home-boxes .container {
        padding-left:10px !important;
    }

    .home-boxes h2 {
        font-size:28px;
    }

    .home-boxes .home-box .home-icon {
        height: 80px ;
    }

    .home-boxes .home-box {
        min-height: 200px;
    }
    
}


@media (max-width:767px) {
    
    .home-boxes {
        display:unset;
        height:auto;
        padding-top:50px;
    }

    .home-boxes .p-20 {
        padding:20px 20px 0px 20px !important;
    }

    .home-box {
        padding:30px 20px !important;
        min-height: unset !important;
    }

    .home-boxes .container {
        padding-left:10px !important;
    }

    .home-boxes .home-box:hover {
        -webkit-transform: unset !important;
        transform: unset !important;
    }

    .home-boxes h2 {
        font-size:24px;
        width:100%;
    }

    .home-boxes .home-box .home-icon {
        height: 80px ;
    }

}