/*---------------*/


/*   CSS style   */


/*---------------*/

.hover-efekt-img:hover {
    opacity: 1 !important;
    -webkit-transition-duration: .2s !important;
    transition-duration: .2s !important;
}
.hoverefekt:hover {
    opacity: 1!important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

/*---------------*/


/*  responsive  */


/*---------------*/

.services-tabs-resp {
    display: none;
}

.promo .promo-container .boxes .col .item{
    height: 280px;
}




#btn-left-menu{
    display: none !important;
}
@media only screen and (max-width: 1200px) {
    .promo-subpage .container .overlay{
        top: 0;
    }
    .header .right .primary-nav > ul > li > a > i {
        display: none;
    }
    .btn-responsive {
        display: none!important;
    }
    /*.services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a,
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-image: none;
    }*/
}
@media only screen and (max-width: 1171px) {
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-position: 95px 15px !important;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-position: 95px 15px !important;
    }
	.img-alb {
		width: 25%;
	}
	.gallery-list {
		width: 50% !important;
	}
	.gallery-img {
		width: 100%;
	}
    .wrap-content .sidebar {
        position: absolute;
        left: -340px;
        background-color: #fff;
        z-index: 50;
        padding: 35px 20px;
        width: 330px;
        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.18);
    }
    .wrap-content .sidebar.is-open {
        left: 0;
    }
    .special .container .special-wrap > .col .ico-list li {
        margin: 16px 0px;
    }
}
.carrot {
    display: none;
}
.header .right .primary-nav > ul > li > a + .carrot {
    display: none;
}
@media only screen and (max-width: 1163px) {
    .formbottom {
        height: 628px;
    }
}
@media only screen and (max-width: 1070px) {
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-position: 40px 15px !important;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-position: 40px 15px !important;
    }
}
@media only screen and (max-width: 1000px) {
    #btn-left-menu {
        display: block;
    }
    .back-top {
        display: none;
    }
    .sidebar {
        box-shadow: 0 0 0 4px #BBB;
    }
    .sidebar .article .col {
        width: 100% !important;
    }
    .carrot {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 3px 10px;
        background-color: #F3F3F3;
    }
    .header .right .primary-nav > ul > li > a {
        border-bottom: 1px solid #E8E8E8;
    }
    .article .col {
        width: 33.3333% !important;
    }
    .covervid-video {
        display: none;
    }
    .services-switch .item {
        padding-bottom: 0;
    }
    .services-switch .container .item-wrap {
        padding-bottom: 35px;
    }
    .services-switch .item .links {
        position: static;
    }
    .stylujeme {
        width: 60%!important;
    }
    .btn-responsive {
        display: block!important;
    }
    .bck-button {
        bottom: 0px;
    }
    .services-switch .item .item-wrap .col {
        padding-bottom: 90px;
    }
    .testimonials .col {
        width: 50%;
    }
}

@media only screen and (max-width: 900px) {

	.img-alb {
		width: 33.3%;
	}
}	
@media only screen and (max-width: 880px) {
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-position: 20px 15px !important;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-position: 20px 15px !important;
    }
}
@media only screen and (max-width: 810px) {
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-image: none;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-image:none;
    }
}

@media only screen and (max-width: 768px) {
    .article .col {
        width: 50% !important;
    }
    .testimonials .col {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .uk-grid-margin-style {
        margin-left: 0px;
    }
    .no-pad-mar {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 700px) {
    .article .col {
        width: 50% !important;
    }
    .gallery-list {
		width: 100% !important;
	}
    .bck-button {
        top: -44px!important;
    }
    a, .uk-link{
        word-break: break-all;
    }
}
@media only screen and (max-width: 600px) {
    .promo-subpage{
        overflow: hidden;
    }
    .header.mini{
        position: fixed;
        top: 32px;
        left: 0;
        width: 100%;
    }
    
    
    .services .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .promo .slideshow .bg-slideshow{
        top: -30px;
    }
    .topbar .right .btn-form{
            font-size: 13px;
    }
    .topbar .right .quick-contact{
        font-size: 12px;
    }
    .topbar .right .quick-contact b{
            font-size: 11px;
    }
    .topbar .right .btn-form{
         margin-left: 0;
        display: block;
        width: 50%;
            float: left;
    }
    .topbar .right .quick-contact{
        width: 50%;
        margin-right: 0;
        text-align: center;
        display: block;
        float: left;
        font-size: 14px;
    }
    .topbar .container{
        padding-left: 0;
        padding-right: 0;
    }
    .topbar .right .quick-contact{
        margin: 0;
    }
    .topbar .right{
        width: 100%;
        float: none;
    }
    .topbar .right a{
        width: 50%;
        text-align: center; 
    }
    
    
    
    
	.img-alb {
		width: 50%;
	}
    .wrap-content .main {
        padding: 0;
    }
 
    .subpage .col {
        width: 50%;
    }
   
 
    .promo .slideshow .bg-slideshow .navigation {
        display: none;
    }
    .special:after {
        display: none;
    }
    .special {
        background: none;
    }
    .article .col .item {
        margin-bottom: 20px;
    }
    .partners .col {
        width: 20%;
        padding: 5px;
    }
    .footer .container .left {
        padding-top: 0;
        margin-bottom: 5px;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .special .container .special-wrap > .col .ico-list li img {
        display: none;
    }
    .special .container .special-wrap > .col:nth-child(1) {
        display: none;
    }
    .stylujeme {
        width: 100% !important;
        margin: 10px 0px !important;
    }
    .outbox {
        display: none;
    }
    .promo .slideshow .bg-slideshow {
        width: 100%;
    }
    .promo .container {
        padding-left: 0;
        padding-right: 0;
    }
    .services-switch .item-1 {
        background-image: none;
    }
    .services-switch .item .item-wrap .col {
        padding-bottom: 25px;
    }
}
@media only screen and (max-width: 500px) {
    .article .col {
        width: 100% !important;
    }
    .special .article .col {
        width: 100%;
    }
    .slid-my-2 {
        margin-top: 0px;
    }
    .slide-list li {
        line-height: 22px;
    }
    .content h1 {
        line-height: 42px;
    }
    .formtop-header-right p strong{
        display: block;
    }
    .formtop .container .close{
        top: -20px;
    }
}
@media only screen and (max-width: 480px) {
      .bck-button {
        top: -25px!important;
    }
	.services-tabs li:nth-child(1).uk-active a {
        background-image: url('../img/ico-ice.png');
    }
    .services-tabs li:nth-child(2) a {
        background-image: url('../img/ico-cool-hover.png');
    }
     .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-position: 65px 3px !important;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-position: 65px 5px !important;
    }
    .homepage-cf {
		display: none;
	}
    .promo .slideshow .bg-slideshow{
            top: -58px !important;
    }
    body{
            padding-top: 80px !important;
    }
    .promo .slideshow{
            padding-top: 200px !important;
    }
    .header .right .primary-nav{
        background-color: #fff;
    }
    .topbar{
        position: fixed;
        z-index: 200;
        top: 0;
        left: 0;
        width: 100%;
    }
    .header{
        height: 60px;
        position: fixed;
        z-index: 200;
        top: 32px;
        left: 0;
        width: 100%;
    }
    .header .logo{
        margin-top: 11px;
        margin-bottom: 3px;
    }
    .header .container .btn-responsive{
        top: 2px !important;
        right: 0;
        padding: 12px 20px;
    }
    
    .promo .slideshow .bg-slideshow .slide .title{
        padding-top: 15px !important;
    }
    .slid-my-2  .slide-list ul li{
        margin-top: 4px !important;
    }
    .slid-my-2  .slide-list ul{
        margin-top: 0px;
    }
    .slide-list li{
        font-size: 14px !important;
        text-transform: none;
    }
    .slide-list a{
        display: none;
    }
    
    .promo .slideshow .bg-slideshow .slide .title{
        padding-top: 10px;
        margin-bottom: 0;
    }
    .slide-list li{
            font-size: 14px;
    }
    .content h1{
        font-size: 25px;
        line-height: 37px;
    }
    /*.topbar .right .quick-contact i,
    .topbar .right .btn-form i{
        display: none;
    }*/
   
    .promo-subpage .container .img img{
        max-width: 100% !important;
        height: auto;
    }
    
    .promo-subpage .container .overlay{
            top: 150px;
        padding-top: 31px;
            background: url('../img/overlay.png') no-repeat -35px 4px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .promo-subpage .container .overlay p{
         display: none;
    }
    
  
    
    .promo-subpage .container .img{
         left: -20px;
    }
    
    .promo-subpage .container .overlay .subpage-title{
        font-size: 20px;
    }
        
    
    
	.img-alb {
		width: 100%;
	}
    .s-logos img{
        width: 33.333%;
    }
    .bck-button .bck-wrapper-style{
        height: 35px;
        min-width: 106px;
    padding: 5px 15px;
    }
    .bck-button .bck-wrapper-style{
        top: -25px !important;
    }
    .content{
            padding: 70px 0 60px 0;
    }
    .bck-button .bck-wrapper-style{
        top: -29px;
        position: absolute;
    }
    .promo-subpage .container .overlay .subpage-title{
        line-height: 30px;
    }
    .promo-subpage .covervid-wrapper{
        position: absolute;
    }
    
    .footer a{
        display: inline-block;
        margin-bottom: 5px;
    }
    .client-box {
            padding: 40px 0px 0px 0px;
       background-color:  rgba(255, 255, 255, 0.51);
    }
    .services-tabs{
        display: none !important;
    }
    .response{
        margin-bottom: 20px;
    }
    .response-slider{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .client{
        margin-top: 0;
    }
    .special .article .col{
        display: none;
    }
    .special .article .col:first-child{
        display: block;
    }
    
    .special .article .col .services-tabs {
        display: none !important;
    }
    .services-tabs-resp {
        display: block !important
    }
    .client .container {
        padding-left: 0;
        padding-right: 0;
    }
    .slide-list li {
        font-size: 16px;
    }
    .services-tabs li:nth-child(2) a {
        border-bottom: 2px solid #064083;
        border-top: 0;
    }
    .services {
        margin-top: -81px;
    }
    .services-tabs li.uk-hidden {
        display: block !important;
        visibility: visible !important;
    }
    .uk-tab-responsive {
        display: none !important;
    }
    .services-tabs li {
        width: 100%;
        font-size: 16px;
    }
  
    .promo .slideshow{
            padding-top: 250px;
    }
    .promo .slideshow .bg-slideshow .uk-slideshow li {
        padding-right: 10px;
    }
    .slid-my-1 {
        font-size: 22px;
        line-height: 32px;
    }
    .slide-list {
        margin-top: 0px;
    }
    .promo .slideshow .slideshow-image{
        left: -95px;
        top: 83px;
    }
    
    .promo .slideshow .bg-slideshow {
        position: relative !important;
        z-index: 200;
        padding-left: 5px;
        background-color: #162F7E;
        height: 200px !important;
        background: url('../img/overlay.png') no-repeat top center;
    }
    .promo .slideshow .bg-slideshow .slide .title {
        padding-top: 30px;
        max-width: 100%;
    }
    .promo .slideshow .slideshow-image .uk-cover-background {
        background-size: contain;
    }
    .promo .slideshow {
        padding-top: 175px;
    }
    .promo .slideshow .slideshow-image {
        display: block;
        position: absolute;
        left: -95px;
        top: 0;
        max-width: 100%;
    }
    .promo {
        height: auto !important;
    }
    .promo .slideshow .bg-slideshow .uk-slideshow {
        margin: 0;
    }
    .promo .container {
        padding-left: 0;
        padding-right: 0;
    }
    .promo .slideshow .slideshow-image {
        display: block;
    }
    .promo {
        position: static;
        height: auto;
    }
    .promo .slideshow .bg-slideshow {
        position: static;
    }
    .covervid-wrapper {
        position: static;
    }
}
@media only screen and (max-width: 400px) {
     .promo-subpage{
        height: 200px;
    }
        .s-logos img{
        width: 50%;
}
    .subpage .col {
        width: 100%;
    }
    .uk-subnav > * {
        padding-left: 0;
    }
    .promo-subpage:after {
        display: none;
    }
    .promo-subpage .container .overlay p {
        font-size: 16px;
    }
    .promo-subpage .container .overlay {
        padding-top: 32px;
        left: 0;
        width: 100%;
        top: 117px;
    }
    .promo-subpage .container .overlay .subpage-title {
        text-align: center;
    }
    .services .list-image li {
        font-size: 14px;
    }
    .services-tabs li a {
        line-height: 20px;
    }
    .promo .slideshow .bg-slideshow .slide .title {
        line-height: 35px;
    }
    .services-tabs {
        margin: 0px;
    }
    h2,
    .uk-h2 {
        font-size: 19px;
    }
    .special {
        padding-top: 0;
        padding-bottom: 0;
    }
    .services-switch .item .links .col {
        padding: 0;
    }
    .services-switch .item .links {
        margin: 0;
    }
    .services-switch .item .links {
        width: auto;
    }
    .services-switch .item .item-wrap .col .button .ico {
        display: none;
    }
    .services-tabs li {
        padding: 0 0px;
    }
    .services-tabs li a {
        font-size: 11px;
        padding: 14px 10px;
        font-size: 12px;
    }
    .promo .slideshow .bg-slideshow .uk-slideshow {}
    .promo .slideshow .bg-slideshow .slide .title {
        font-size: 20px;
    }
    .promo {
        height: 300px;
    }
    .header .logo {
        width: 120px;
    }
    .header .container .btn-responsive {
            top: 2px;
    right: 0;
    padding: 12px 20px;
    }
    .formtop-header-left {
        display: none;
    }
    .topbar .right .btn-form {
        padding: 3px 4px;
    }
    .topbar .right .quick-contact {
        font-size: 10px;
        padding: 3px 6px;
    }
    .formtop {
        top: 33px;
    }
   
    .header .container .btn-responsive {
        top: 14px;
        padding: 12px 20px;
    }
}
@media only screen and (max-width: 360px) {
    .services-tabs li:nth-child(1) a,
    .services-tabs li:nth-child(1).uk-active a {
        background-position: 30px 3px !important;
    }
    .services-tabs li:nth-child(2) a,
    .services-tabs li:nth-child(2).uk-active a {
        background-position: 30px 5px !important;
    }
}
@media only screen and (max-width: 320px) {
	.topbar .right .quick-contact i {
    	padding-right: 2px;
	}
}