/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

 /*--PRELOADER--*/

 .preloader {
 position: absolute;
 top: 0;
 left: 0;
 bottom:0;
 right:0;
 width: 100%;
 height: 100vh;
 z-index: 99999999;
 background-image: url('https://skatinger.dingo.graphics/wp-content/uploads/2022/07/Rolling-1s-200px.gif');
 background-repeat: no-repeat;
 background-color: #FFF;
 background-position: center;
 }

 #stop-scrolling {
 height: 100% !important;
 overflow: hidden !important;
 }


 /*-- === CSS-button-30 === --*/

 .button-30 {
   align-items: center;
   appearance: none;
   /*background-color: #e81d2a;*/
   /*background-color: #FD5F0C;*/
   /*background-color: #ff2000;*/

   background: rgb(255,85,0);
   background: -moz-linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   background: -webkit-linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   background: linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5500",endColorstr="#ff2000",GradientType=1);

   border-radius: 10px;
   border-width: 0;
   box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#00000050 0 -3px 0 inset;
   box-sizing: border-box;
   color: #fff;
   max-width: 182px;
   cursor: pointer;
   transition: box-shadow .15s,transform .15s;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   white-space: nowrap;
   will-change: box-shadow,transform;


 }


 .button-30:hover {
 	/*color: #000 !important;*/
 	/*background-color: transparent;*/
 	text-shadow: nthree;

 }

 .button-30:after {

 }

 .button-30:hover:before {
 	left: 0%;
 	right: auto;
 	width: 100%;
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

 }
 .button-30:before {
 	display: block;
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	height: 100%;
 	width: 0px;
 	z-index: -1;
 	content: '';
 	/*color: #000 !important;*/
 	background-color: #ffffff15;

   border-radius: 10px;
 }


 /*-- === THE CAROUSEL === --*/

 .carousel-inner{
   background-color: #ededed;
 }

 /* Carousel base class */
 .carousel {
   margin-bottom: 4rem;
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
   z-index: 10;
 }

 .slide-right {
   width: 100%;
   overflow: hidden;
   /*margin-left: 300px;*/
   max-width: 1000px
 }

 .slide-right h1 {
   animation: 1s slide-right 1s forwards;
     transform:translateX(-100%);

     -webkit-transition: opacity 3s ease-in-out;
        -moz-transition: opacity 3s ease-in-out;
        -ms-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
         opacity: 1;

 }

 @keyframes slide-right {
   to {
     transform:translateX(0);
   }
 }




 /* Declare heights because of positioning of img element */
 .carousel-item {
   height: 60rem;

   /*transition: 2s ease;*/


 /*  transition: transform 2s ease, opacity .5s ease-out;*/

 }


 @keyframes zoominoutsinglefeatured {
     0% {
         transform: scale(1,1);
     }
     50% {
         transform: scale(1.2);
     }

   100% {
         transform: scale(1,1);
     }


 }

 .carousel-item > img {
   position: absolute;
   top: 0;
   left: 0;
   min-width: 100%;
   max-height: 100%;
   animation: zoominoutsinglefeatured 30s infinite ;

 }

 .carousel-control-prev{
   border-right: 1px solid rgba(255, 255, 255, 0.3);
   width: 7%;
   opacity: 1;
 }

 .carousel-control-prev:hover{
   background: rgba(255, 255, 255, 0.2);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   width: 7%;
 }

 .carousel-control-next{
   border-left: 1px solid rgba(255, 255, 255, 0.3);
   width: 7%;
   opacity: 1;
 }

 .carousel-control-next:hover{
   background: rgba(255, 255, 255, 0.2);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   width: 7%;
 }

 .text-next{
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   letter-spacing: 2px;
 }

 .text-prev {
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   letter-spacing: 2px;
 }


 /* RESPONSIVE CSS
 -------------------------------------------------- */

 @media (min-width: 40em) {
   /* Bump up size of carousel content */
   .carousel-caption p {
     margin-bottom: 1.25rem;
     font-size: 1.25rem;
     line-height: 1.4;
   }

   .featurette-heading {
     font-size: 50px;
   }
 }

 @media (min-width: 62em) {
   .featurette-heading {
     margin-top: 7rem;
   }
 }



 /*--Hamburger-menu--*/
 #Create {
   background-color: #ffffff80;
 }

 #Create:hover {
   background-color: #ffffff;
 }


 /*--navbar-bootstrap--*/


 .dropdown-large {
   min-width:;
   min-height:;
   /*background-color: #f2f2f2;*/
   background-color: #fff;


 }

 .dropdown-h:hover {
   /*background-color: #f2f2f2;*/
   border-bottom: solid 1px #cc1b19;
 }

 .dropdown-large-industries {
   min-width:;
   min-height:;
   background-color: #f2f2f2;

 }


 .nav-123 {
   rounded: 0px;
   color: white;
 }

 .nav-123::after {
     content: '';
     display: block;
     width: 0;
     height: 2px;
     background: #cc1b19;
     transition: width .3s;
 }

 .nav-123:hover::after {
     width: 100%;
     //transition: width .3s;
 }

 .nav-123 {
   border-bottom: solid 1px #fff;
   border-top: solid 1px #fff;
 }

 .dropdown-menu.dropdown-menu-h.dropdown-large.rounded-3.p-0 {
   margin-top: 1px;
 }

 .dropdown-menu.dropdown-menu-h.dropdown-large-industries.rounded-3.p-0 {
   margin-top: 1px;
 }



 /* Slider */
 .slick-slider
 {
     position: relative;

     display: block;
     box-sizing: border-box;

     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;

     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
         touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }

 .slick-list
 {
     position: relative;

     display: block;
     overflow: hidden;

     margin: 0;
     padding: 0;
 }
 .slick-list:focus
 {
     outline: none;
 }
 .slick-list.dragging
 {
     cursor: pointer;
     cursor: hand;
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list
 {
     -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
 }

 .slick-track
 {
     position: relative;
     top: 0;
     left: 0;

     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 .slick-track:before,
 .slick-track:after
 {
     display: table;

     content: '';
 }
 .slick-track:after
 {
     clear: both;
 }
 .slick-loading .slick-track
 {
     visibility: hidden;
 }

 .slick-slide
 {
     display: none;
     float: left;

     height: 100%;
     min-height: 1px;
 }
 [dir='rtl'] .slick-slide
 {
     float: right;
 }
 .slick-slide img
 {
     display: block;
 }
 .slick-slide.slick-loading img
 {
     display: none;
 }
 .slick-slide.dragging img
 {
     pointer-events: none;
 }
 .slick-initialized .slick-slide
 {
     display: block;
 }
 .slick-loading .slick-slide
 {
     visibility: hidden;
 }
 .slick-vertical .slick-slide
 {
     display: block;

     height: auto;

     border: 1px solid transparent;
 }
 .slick-arrow.slick-hidden {
     display: none;
 }

 @font-face {
   font-family: 'Pacifico';
   src: url('pacifico.eot');
   src: url('pacifico.eot?#iefix') format('embedded-opentype'),
     url('pacifico.woff') format('woff'), url('pacifico.ttf') format('truetype'),
     url('pacifico.svg#Pacifico') format('svg');
 }

 #carbonads {
   --width: 180px;
   --font-size: 14px;
 }

 #carbonads {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
     sans-serif;
   display: block;
   overflow: hidden;
   margin-bottom: 20px;
   max-width: var(--width);
   border-radius: 4px;
   text-align: center;
   box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1);
   background-color: hsl(0, 0%, 98%);
   font-size: var(--font-size);
   line-height: 1.5;
 }

 #carbonads a {
   color: #3498db;
   text-decoration: none;
 }

 #carbonads a:hover {
   color: #3498db;
 }

 #carbonads span {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .carbon-img {
   display: block;
   margin-bottom: 8px;
   max-width: var(--width);
   line-height: 1;
 }

 .carbon-img img {
   display: block;
   margin: 0 auto;
   max-width: var(--width) !important;
   width: var(--width);
   height: auto;
 }

 .carbon-text {
   display: block;
   padding: 0 1em 8px;
 }

 .carbon-poweredby {
   display: block;
   padding: 10px var(--font-size);
   background: repeating-linear-gradient(
       -45deg,
       transparent,
       transparent 5px,
       hsla(0, 0%, 0%, 0.025) 5px,
       hsla(0, 0%, 0%, 0.025) 10px
     )
     hsla(203, 11%, 95%, 0.4);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600;
   font-size: 9px;
   line-height: 0;
 }

 @media only screen and (min-width: 320px) and (max-width: 759px) {
   #carbonads {
     float: none;
     margin: 0 auto;
     max-width: 330px;
     color: #3498db;
   }
   #carbonads span {
     position: relative;
   }
   #carbonads > span {
     max-width: none;
     color: #3498db;
   }
   .carbon-img {
     float: left;
     margin: 0;
   }

   .carbon-img img {
     max-width: 130px !important;
   }
   .carbon-text {
     float: left;
     margin-bottom: 0;
     padding: 8px 20px;
     text-align: left;
     max-width: calc(100% - 130px - 3em);
   }
   .carbon-poweredby {
     left: 130px;
     bottom: 0;
     display: block;
     width: 100%;
   }
 }

 #disqus_thread {
   margin-top: 20px;
 }
 * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .blue {
   background: #3498db;
   color: #fff;
 }

 .button {
   background: #3498db;
   color: #fff;
   display: block;
   font-size: 16px;
   margin: 20px auto;
   padding: 20px;
   text-align: center;
   text-decoration: none;
   width: 48%;
 }
 .buttons {
   padding: 0 20px 20px;
   margin-bottom: 10px;
 }
 .buttons .button {
   background: #fff;
   color: #3498db;
   float: left;
   margin: 5px;
 }
 .center .slick-center {
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transform: scale(1.08);
   color: #e67e22;
   opacity: 1;
   transform: scale(1.08);
 }
 .center {
   opacity: 0.8;
   transition: all 300ms ease;
 }
 .content {
   margin: auto;
   padding: ;
   width: 1300px;
 }
 .content:after,
 .buttons::after {
   clear: both;
   content: '';
   display: table;
 }

 .filter .button {
   background: #fff;
   color: #3498db;
   margin-bottom: 40px;
 }

 .more,
 .button.first {
   margin-top: 40px;
 }
 .red {
   background: #e74c3c;
   color: #fff;
 }

 section {
   width: 100%;
   position: relative;
 }
 table {
   font-size: 14px;
   line-height: 18px;
   margin: 40px auto 20px;
   display: block;
 }
 tr {
   width: 100%;
   border-right: none;
   border-bottom: 1px solid #fff;
   margin: 0px 0px 20px;
   padding: 0px 0px 20px;
   background: transparent;
   float: left;
 }
 thead {
   display: none;
 }
 td {
   border: 0;
   padding: 10px 0px;
 }
 td,
 tbody {
   display: block;
   width: 100% !important;
 }
 table.settings td:nth-of-type(1),
 table.methods td:nth-of-type(1) {
   font-weight: 700;
   font-size: 16px;
   line-height: 18px;
 }
 table.settings td:nth-of-type(2):before {
   content: 'Type: ';
   font-weight: 700;
 }
 table.settings td:nth-of-type(3):before {
   content: 'Default: ';
   font-weight: 700;
 }
 table.methods td:nth-of-type(2):before {
   content: 'Arguments: ';
   font-weight: 700;
 }
 ul.nav {
   margin-bottom: 0;
   padding-left: 0;
   text-align: center;
 }
 ul.nav li {
   display: inline-block;
   list-style-type: none;
   margin: 0 20px;
 }
 ul.nav li a {
   font-size: 14px;
   text-decoration: none;
 }
 #carbonads {
   max-width: 320px;
   width: 100%;
   color: white;
   background: white;
   padding: 20px 20px 20px;
   margin: 0px auto 40px;
   text-align: center;
   position: relative;
   top: 40px;
 }
 #carbonads a {
   display: inline-block;
   margin-bottom: 0px;
   font-size: 10px;
   line-height: 1.5;
 }
 #carbonads .carbon-img {
   margin-bottom: 10px;
 }
 @media (max-width: 420px) {
   ul.nav li a {
     display: block;
     font-size: 14px;
   }
 }

   .button {
     margin: 0 auto 20px;
     width: auto;
   }
   .button.first {
     margin-top: 40px;
   }
   .buttons {
     padding: 0 0 20px;
   }
   .buttons .button {
     float: left;
     font-size: 12px;
     margin: 1%;
     width: 48%;
   }
   .center {
     margin-left: -40px;
     margin-right: -40px;
   }
   .center .slick-center {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     -webkit-transform: scale(1);
     color: #e67e22;
     opacity: 1;
     transform: scale(1);
   }
   .center {
     -moz-transform: scale(0.95);
     -ms-transform: scale(0.95);
     -o-transform: scale(0.95);
     -webkit-transform: scale(0.95);
     opacity: 0.8;
     transform: scale(0.95);
     transition: all 300ms ease;
   }
   .content {
     margin: auto;
     padding: 20px 40px;
     width: auto;
   }
   /*
   .fixed-header .header-content {
     width: auto;
   }
   */
   pre {
     font-size: 12px;
     overflow-x: scroll;
   }
   table {
     font-size: 14px;
     line-height: 18px;
     margin: 40px auto 20px;
     display: block;
     float: left;
   }
   tr {
     width: 100%;
     border-right: none;
     border-bottom: 1px solid #fff;
     margin: 0px 0px 20px;
     padding: 0px 0px 20px;
     background: transparent;
     float: left;
   }
   thead {
     display: none;
   }
   td {
     border: 0;
     padding: 10px 0px;
   }
   td,
   tbody {
     display: block;
     width: 100% !important;
   }
   table.settings td:nth-of-type(1),
   table.methods td:nth-of-type(1) {
     font-weight: 700;
     font-size: 16px;
     line-height: 18px;
   }
   table.settings td:nth-of-type(2):before {
     content: 'Type: ';
     font-weight: 700;
   }
   table.settings td:nth-of-type(3):before {
     content: 'Default: ';
     font-weight: 700;
   }
   table.methods td:nth-of-type(2):before {
     content: 'Arguments: ';
     font-weight: 700;
   }
 }

 .native-js {
   visibility: hidden;
   transition: all 0.25s ease-in-out;
   opacity: 0;
 }

 .native-show {
   visibility: visible;
   opacity: 1;
   box-shadow: 0 -1px 4px hsla(0, 0%, 0%, 0.2);
 }

 .native-img {
   margin-right: 20px;
   max-height: 50px;
   border-radius: 3px;
 }

 .native-flex {
   display: flex;
   padding: 20px 20px;
   text-decoration: none;

   flex-flow: row nowrap;
   max-width: 800px;
   justify-content: space-between;
   align-items: center;
   margin: 0 auto;
 }

 .native-main {
   display: flex;
   flex-grow: 1;

   flex-flow: row nowrap;
   align-items: center;
 }

 .native-details {
   display: flex;
   margin-right: 10px;

   flex-flow: column nowrap;
 }

 .native-company {
   margin-bottom: 4px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 10px;
 }

 .native-desc {
   letter-spacing: 1px;
   font-weight: 300;
   line-height: 1.4;
 }

 .native-cta {
   padding: 10px 14px;
   border-radius: 3px;
   box-shadow: 0 6px 13px 0 hsla(0, 0%, 0%, 0.15);
   text-transform: uppercase;
   white-space: nowrap;
   letter-spacing: 1px;
   font-weight: 400;
   font-size: 12px;
   transition: all 0.3s ease-in-out;
   transform: translateY(-1px);
 }

 .native-cta:hover {
   box-shadow: none;
   transform: translateY(1px);
 }

 @media only screen and (min-width: 320px) and (max-width: 759px) {
   .native-flex,
   .native-main {
     flex-flow: column nowrap;
   }

   .native-img,
   .native-details {
     margin: 0;
   }

   .native-img {
     margin-bottom: 10px;
   }

   .native-main {
     text-align: center;
     margin-bottom: 20px;
   }
 }



 @charset 'UTF-8';
 /* Slider */
 .slick-loading .slick-list
 {
     background: #fff url('./ajax-loader.gif') center center no-repeat;
 }

 /* Icons */
 @font-face
 {
     font-family: 'slick';
     font-weight: normal;
     font-style: normal;

     src: url('./fonts/slick.eot');
     src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
 }
 /* Arrows */
 .slick-prev,
 .slick-next
 {
     font-size: 0;
     line-height: 0;

     position: absolute;
     top: 50%;

     display: block;

     width: 40px;
     height: 40px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);

     cursor: pointer;

     color: transparent;
     border: none;
     outline: none;
     background: transparent;
 }
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus
 {
     color: transparent;
     outline: none;
     background: transparent;
 }
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before
 {
     opacity: 1;
 }
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before
 {
     opacity: .25;
 }

 .slick-prev:before,
 .slick-next:before
 {
     font-family: 'bootstrap-icons';
     font-size: 40px;
     line-height: ;

     opacity: .75;
     color: #000000;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .slick-prev
 {
     left: -40px;
 }
 [dir='rtl'] .slick-prev
 {
     right: -40px;
     left: auto;
 }
 .slick-prev:before
 {
     content: 'bi bi-chevron-left';
 }
 [dir='rtl'] .slick-prev:before
 {
     content: 'bi bi-chevron-right';
 }

 .slick-next
 {
     right: -40px;
 }
 [dir='rtl'] .slick-next
 {
     right: auto;
     left: -40px;
 }
 .slick-next:before
 {
     content: 'bi bi-chevron-right';
 }
 [dir='rtl'] .slick-next:before
 {
     content: 'bi bi-chevron-left';
 }

 /* Dots */
 .slick-dotted.slick-slider
 {
     margin-bottom: 30px;
 }

 .slick-dots
 {
     position: absolute;
     bottom: -25px;

     display: block;

     width: 100%;
     padding: 0;
     margin: 0;

     list-style: none;

     text-align: center;
 }
 .slick-dots li
 {
     position: relative;

     display: inline-block;

     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;

     cursor: pointer;
 }
 .slick-dots li button
 {
     font-size: 0;
     line-height: 0;

     display: block;

     width: 20px;
     height: 20px;
     padding: 5px;

     cursor: pointer;

     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
     outline: none;
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
     opacity: 1;
 }
 .slick-dots li button:before
 {
     font-family: 'slick';
     font-size: 40px;
     line-height: 20px;

     position: absolute;
     top: 0;
     left: 0;

     width: 20px;
     height: 20px;

     content: '•';
     text-align: center;

     opacity: .25;
     color: black;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .slick-dots li.slick-active button:before
 {
     opacity: .75;
     color: black;
 }

 /* Styles for solving collapse issue */

 .collapse.demo-1 {
   display: block !important;
   height: 0px;
   overflow: hidden;
 }

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

 /* Slider */

 /*-- === FOOTER === --*/

  .text-small {
    font-size: 0.9rem;
  }

  a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }

  a:hover, a:focus {
    text-decoration: none;
  }

 /*
  .form-control {
    background: #212529;
    border-color: #545454;
  }

  .form-control:focus {
    background: #212529;
  }
  */