.content_nastroje {
   /* top: 80px;*/
    padding-top: 190px;
    padding-bottom: 100px;
}
.content_nastroje .btn_group {
    text-align: center;
    margin-top: 1rem;
}
.content_nastroje h1 {margin-bottom: 3rem;}
.content_nastroje h3 {margin-bottom: 24px;}
.content_nastroje h3 span {font-weight: 300;}
.content_nastroje .btn_group a {margin: 1rem 15px 0;}
.content_nastroje .center { text-align: center;}
.content_nastroje .block_section {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    margin-bottom: 30px;
}
.content_nastroje img.main_logo { 
    margin-bottom: 56px;
    transform: translateX(57px);
}
.content_nastroje .intro_text {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.content_nastroje .block_section .block_wrapper {
    width: 100%;
    max-width: 50%;
}
.content_nastroje .block_section .block_wrapper.vertical {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    gap: 30px;
}
.content_nastroje .block_section .block {
    padding: 40px 30px 30px;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20) inset;
    border-radius: 9px;
    position: relative;
}
.content_nastroje .block_section .block .play::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px 150px;
    background-image: url(../../img/play.svg);
}
.absolute_bl {
    position: absolute;
    bottom: 0;
    left: 0;
}
.content_nastroje .block_section .block img { 
    margin: 2rem 0 -7px;
    border-radius: 10px;
}

.content_nastroje.mybrik .block_section .block img { 
    border: 2px solid #F3F4F4;
}

.content_nastroje.myplann .block_section .block.light { 
    background-color: rgba(0, 156, 234, 0.25);
    color: #2F2C27;
}
.content_nastroje.mydock .block_section .block.light { 
    background-color: rgba(0, 192, 170, 0.25);
    color: #2F2C27;
}
.content_nastroje.mybrik .block_section .block.light { 
    background-color: rgba(224, 32, 32, 0.25);;
    color: #2F2C27;
}
.content_nastroje.mynote .block_section .block.light { 
    background-color: rgba(217, 188, 44, 0.25);;
    color: #2F2C27;
}

.content_nastroje .block_section .block p {font-size: 16px;}
.content_nastroje .tools_blocks { margin-top: 100px;}

.content_nastroje .block.horizontal {
    display: flex;
    gap: 30px;
}
.content_nastroje .block.horizontal.provize { padding-right:0; padding-bottom: 0;}
.content_nastroje .block.horizontal.provize img {box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20) inset;}
.content_nastroje .block.horizontal div {
    width: 100%;
    max-width: 50%;
}

.mydock .padded_page_wrapper.padd_top { margin-top: 100px;}
.mydock .padded_page_wrapper.padd_top h2 { margin-bottom: 30px;}
.mydock .padded_page_wrapper.padd_top p { margin-bottom: 60px;}


.mydock .swiper {
	width: 100%;
	padding: 60px 0 0;
    margin-left: -30px;
}
.mydock .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mydock .swiper-slide {
	display: block;
	padding: 0;
	text-align: left;
    box-shadow: none;
}
.mydock .swiper-slide p {margin-bottom: 1rem; margin-left: 30px;}
.mydock .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	  top: 0;
	  bottom: auto;
      left: 30px;
  }
.mydock .swiper-scrollbar-drag {
	  height: 1rem;
	  top: -7px;
	  background-color: #00C0AA;
	  cursor: pointer;
}
.mydock .swiper-scrollbar {visibility: visible;}
.mydock .swiper-horizontal>.swiper-scrollbar {margin-bottom: 60px;}
.myplann  .video_container { margin-bottom: 5rem;}
.tools_blocks .block_section .block.horizontal img {margin-top: 0;}

.button.red { 
    background-color: #E02020;
    border: 1px solid #E02020;
    box-shadow: 1px 2px 5px 0px rgba(74, 74, 74, 0.50) inset;
    color: #FFF;
}
.button.red:hover { 
    background-color: #c71919;
}

.button.mustard { 
    background-color: #D9BC2C;
    border: 1px solid #D9BC2C;
    box-shadow: 1px 2px 5px 0px rgba(74, 74, 74, 0.50) inset;
    color: #FFF;
}
.button.mustard:hover { 
    background-color: darken(#D9BC2C, 5%);
}

@media screen and (max-width: 680px) {
    .content_nastroje .block_section .block img {border-radius: 5px;}
    .content_nastroje {
        padding-top: 110px;
        padding-bottom: 0;
    }
    .content_nastroje img.main_logo { 
        max-width: 50%;
        transform: translateX(50px);
        margin-bottom: 2rem;
    }
    .content_nastroje .block_section, .content_nastroje .block.horizontal {flex-wrap: wrap;}
    .content_nastroje .block_section .block_wrapper, .content_nastroje .block.horizontal div { max-width: 100%;}
    .absolute_bl {position: relative; margin-top: 1ch;}
    .myplann .video_container {margin-bottom: 30px;}
    .content_nastroje .tools_blocks {margin-top: 40px;}
}