/** MOBILE-S */
/** MOBILE-M */
/** MOBILE */
/** TABLET EXTRA EXTRA SMALL */
/** TABLET EXTRA SMALL */
/** TABLET SMALL */
/** TABLET */
/** LITTLE PC */
/** MEDIUM PC */
/** MOBILE-S */
/** MOBILE-M */
/** MOBILE */
/** TABLET EXTRA EXTRA SMALL */
/** TABLET EXTRA SMALL */
/** TABLET SMALL */
/** TABLET */
/** LITTLE PC */
/** MEDIUM PC */
html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body.app {
  outline: none;
  background-color: #000;
  background-image: url("https://tools.obyte.it/img/idrobyte/back.png");
  background-attachment: fixed;
  font-size: 0.8125rem;
  color: #e3f4ff;
  position: relative;
  min-height: 100%;
  padding: 114px 0 100px;
  margin: 0;
  text-indent: 0;
  line-height: 16px;
  min-width: 300px;
}

h1, h2, h3, h4 {
  clear: both;
  margin: 0 0 1em;
  color: #e3f4ff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 3px 0 rgba(28, 28, 28, 0.5);
}

h2 {
  font-size: 14px;
}

label {
  color: #dedede;
}

span, ul, li, div, a, br, tr, td, fieldset, label, img, button, form, input, textarea {
  margin: 0;
  padding: 0;
  border: none;
}

.sprite_world {
  background-image: url("https://tools.obyte.it/img/idrobyte/sprites.png?v=1.6");
  background-repeat: no-repeat;
}

.def_back {
  background: url("https://tools.obyte.it/img/idrobyte/background_v3.png") repeat;
  background-color: rgba(237, 83, 33, 0.4);
}

/** All */
body a {
  cursor: pointer;
}

body a:link, body a:visited {
  color: #e3f4ff;
  text-decoration: none;
}

body a:hover, body a:active {
  color: #fff;
  text-decoration: none;
}

/***************** LOADING *******************/
#background-loading {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(closest-corner at 50% 250px, rgba(37, 75, 56, 0.89), #000000);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.lds-css.site-load {
  margin-top: 32px;
}

.lds-eclipse {
  position: relative;
  margin: 0 auto;
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 0 0 #15b8a5;
          box-shadow: 0 4px 0 0 #15b8a5;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}

.lds-eclipse.mini {
  width: 100px !important;
  height: 100px !important;
  -webkit-transform: translate(-50px, -50px) scale(1) translate(50px, 50px);
  transform: translate(-50px, -50px) scale(1) translate(50px, 50px);
}

.lds-eclipse.mini div {
  width: 100px;
  height: 100px;
  top: 15px;
  left: 15px;
  -webkit-transform-origin: 50px 50px;
  transform-origin: 50px 50px;
}

.lds-loading {
  margin: -152px auto;
  width: 100px;
  height: 100px;
  background: url("https://tools.obyte.it/img/idrobyte/logo_sfera.svg") no-repeat 100%;
}

.lds-css.mini {
  margin-top: 0;
  position: absolute;
}

.gallery-error {
  text-align: center;
  margin: 40px auto 20px;
  color: #cf3333;
  font-size: 30px;
  font-variant: small-caps;
}

.gallery-error i {
  display: block;
  margin-bottom: 20px;
  font-size: 90px;
}

/** Font faces ******************************************************************/
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: local("Orbitron Regular"), local("Orbitron-Regular"), url(https://fonts.gstatic.com/s/orbitron/v9/HmnHiRzvcnQr8CjBje6GQvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/******************************
*********** MOBILE ***********
******************************/
/**LITTLE PC*/
@media (max-width: 1023px) {
  body {
    padding-top: 114px;
  }
}

@media (max-width: 424px) {
  body {
    padding-top: 90px;
  }
}

/** MOBILE SMALL */
@media screen and (max-device-width: 319px) {
  body {
    padding: 90px 0 190px;
  }
}

/******************************
************ SKILLS ***********
******************************/
dfn.drupal, dfn.soap {
  color: #58bce8;
}

dfn.react {
  color: #93e6fc;
}

dfn.angular, dfn.angularjs {
  color: #da6f71;
}

dfn.php, dfn.vbscript, dfn.phpstorm, dfn.netbeans, dfn.intellij {
  color: #b9bfd9;
}

dfn.wordpress, dfn.jquery, dfn.microsoftoffice {
  color: #74bfe1;
}

dfn.js, dfn.javascript, dfn.ajax, dfn.qaload {
  color: #e4c565;
}

dfn.java, dfn.webcentersites, dfn.oracledbms, dfn.hibernate {
  color: #fd8582;
}

dfn.html, dfn.mysql, dfn.sql {
  color: #f7aa89;
}

dfn.css, dfn.scss, dfn.sunos, dfn.webstorm {
  color: #50c690;
}

dfn.spring, dfn.springboot, dfn.nodejs {
  color: #6db33f;
}

dfn.iis, dfn.weblogic, dfn.git, dfn.svn, dfn.eclipse, dfn.bootstrap {
  color: #cba4dc;
}

dfn.jenkins, dfn.jboss, dfn.unixshellscripting, dfn.linux {
  color: #c0c0c0;
}

dfn.apachehttpd, dfn.wsdl, dfn.silkperformer {
  color: #d7ae1a;
}

/** MOBILE-S */
/** MOBILE-M */
/** MOBILE */
/** TABLET EXTRA EXTRA SMALL */
/** TABLET EXTRA SMALL */
/** TABLET SMALL */
/** TABLET */
/** LITTLE PC */
/** MEDIUM PC */
/** Body */
#container {
  width: 70%;
  margin: 50px auto 40px;
  min-height: 400px;
  max-width: 1400px;
  padding: 35px 10px 25px;
  border-radius: 25px;
  overflow: hidden;
}

#container h1,
#container h2,
#container h3,
#container h4 {
  font-family: "Verdana", Arial, sans-serif;
  font-variant: small-caps;
}

#container h1.orb_titles,
#container h2.orb_titles,
#container h3.orb_titles,
#container h4.orb_titles {
  font-variant: small-caps;
  text-transform: capitalize;
  font-family: "Orbitron", "Verdana", Arial, sans-serif;
  letter-spacing: 2px;
  font-size: 2.5em;
}

#container p {
  text-align: justify;
  margin: 0 25px;
  text-shadow: 1px 1px 0 #606060;
}

#container p.desc {
  text-align: center;
  margin: 0 25px 15px;
}

#container .error {
  margin: 0 auto 15px;
  text-align: center;
  width: 50%;
  color: #cf3333;
  background-color: rgba(241, 175, 175, 0.15);
  border: #f03 solid 2px;
  text-shadow: 1px 1px 2px #000;
  padding: 5px;
  font-weight: bold;
}

#container .error li {
  display: block;
}

#container .error-box {
  width: 100%;
}

#container .success {
  margin: 0 auto 15px;
  text-align: center;
  width: 50%;
  color: green;
  border: #090 solid 1px;
  background-color: #7cd97c;
  text-shadow: 1px 1px 2px #a4bda0;
  padding: 5px;
}

#container .success.final {
  color: white;
  background-color: rgba(124, 217, 124, 0.5);
  padding: 20px 10px;
}

#container .thumbs {
  position: relative;
  list-style-type: none;
  left: 0;
  text-align: center;
}

#container .thumbs .thumb {
  display: inline-block;
  background-color: black;
  margin: 5px;
  width: 178px;
  height: 178px;
  overflow: hidden;
  position: relative;
  border: 2px solid #ed5321;
  -webkit-box-shadow: 0 0 10px 1px #606060 inset, 0 0 10px 0 #000;
  box-shadow: 0 0 10px 1px #606060 inset, 0 0 10px 0 #000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
}

#container .thumbs .thumb .thumb_title {
  color: #E4BBBB;
  display: block;
  position: absolute;
  width: 178px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 0.8125rem;
  bottom: -20px;
  left: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  background: rgba(237, 83, 33, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
}

#container .thumbs .thumb:hover {
  -webkit-box-shadow: 0 0 40px 1px #606060 inset, 0 0 20px 2px #000;
  box-shadow: 0 0 40px 1px #606060 inset, 0 0 20px 2px #000;
  border-radius: 20px;
}

#container .thumbs .thumb:hover .thumb_title {
  bottom: 0;
}

#container #return {
  border-bottom: 1px #c6dbd7;
  margin: 0 auto;
}

#container #return:hover {
  border-bottom: 1px dotted #c6dbd7;
}

#container .titles {
  line-height: 28px;
  font-size: 28px;
  padding: 0 5px;
  font-family: "Orbitron", "Verdana", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0 auto 20px;
  text-align: center;
  font-variant: small-caps;
}

#container h3.titles {
  font-size: 18px;
  font-weight: bold;
}

#container div.titles-div {
  text-align: center;
  display: inline-block;
  margin: 10px auto 10px;
}

#container div.titles-div h3 {
  font-family: "Orbitron", "Verdana", Arial, sans-serif;
  margin: 0;
  display: inline;
  font-weight: bold;
  clear: none;
  color: #ed5321;
}

#container div.titles-div span {
  margin: 0 5px;
  display: inline;
  border-bottom: 2px solid #ededed;
}

#container .loading {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 100 100' xmlns:xlink='http://www.w3.org/1999/xlink'><linearGradient id='gradient' gradientUnits='userSpaceOnUse' x1='30' y1='100' x2='50' y2='0'><stop offset='0' style='stop-color:black' id='firstStop' /><stop offset='1' style='stop-opacity:0.2; stop-color:black' id='lastStop' /></linearGradient><path fill='url(%23gradient)' d='M50.069,0.078c-27.595,0-49.966,22.371-49.966,49.966c0,27.595,22.371,49.966,49.966,49.966   s49.966-22.371,49.966-49.966C100.035,22.448,77.664,0.078,50.069,0.078z M50.01,85.062c-19.316,0-34.976-15.66-34.976-34.976   c0-19.317,15.659-34.976,34.976-34.976c19.317,0,34.977,15.659,34.977,34.976C84.987,69.401,69.327,85.062,50.01,85.062z'><animateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' begin='0s' dur='3s' repeatCount='indefinite'/></path></svg>") !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #043235;
}

#container.modal {
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: fixed;
  z-index: 9999;
}

#containerItem {
  text-align: center;
}

#containerItem #typeItem {
  text-shadow: 1px 1px 1px #000;
  float: left;
  margin-left: 10px;
  line-height: 36px;
}

#containerItem .rowItem {
  margin: 0;
  text-align: center;
  min-height: 20px;
  line-height: 20px;
  padding: 14px 0;
}

#containerItem .rowItem.row-border-top {
  border-top: 1px solid rgba(237, 83, 33, 0.5);
}

#containerItem .rowItem p {
  margin: 0;
}

#containerItem img.rowItem {
  padding: 0;
}

#containerItem #titleItem {
  background-color: rgba(237, 83, 33, 0.9);
  text-shadow: 2px 2px 3px #000;
  clear: none;
  font-family: "Orbitron", "Verdana", Arial, sans-serif;
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 2px;
  min-height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 40px 0 40px;
}

#containerItem #bodyItem {
  margin: 14px 0;
}

#containerItem #bodyItem img {
  max-width: 100%;
  margin: 14px auto;
  display: block;
  border-radius: 0.3rem;
}

#containerItem #bodyItem .input-link {
  width: 200px;
  text-align: center;
  margin: 10px 0;
}

#containerItem .download-container {
  padding: 20px 0;
}

#containerItem .download-container .input-link {
  margin: 0 5px 3px;
}

.error-label {
  text-align: left;
  color: #cf3333;
  text-shadow: 1px 1px 2px #000;
}

#footer.modal {
  display: none;
}

/***** Contacts ******/
#contacts-list .fa-email {
  color: white;
}

#contacts-list .fa-email:hover {
  color: #e3f4ff;
}

#contacts-list .fa-skype {
  color: #00aff0;
}

#contacts-list .fa-skype:hover {
  color: #8adfff;
}

#contacts-list .fa-facebook {
  color: #4267b2;
}

#contacts-list .fa-facebook:hover {
  color: #adbee0;
}

/***** Cookie law *****/
.cookie-law div.cookie-law-wrapper {
  background-color: rgba(237, 83, 33, 0.75);
  font-weight: normal;
}

.cookie-law div.cookie-law-wrapper .copy .cookie-text {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  display: inline;
}

.cookie-law div.cookie-law-wrapper a {
  font-size: 15px;
  font-weight: normal;
}

/** Others */
.errorsBorderImg {
  margin: 50px 0;
  width: 100%;
  height: 40px;
  background: url("https://tools.obyte.it/img/idrobyte/warning_notFound.png") repeat;
}

.blur {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

/*********** Carousel **********/
div#sliderContent {
  clear: both;
  position: relative;
  border-radius: 10%;
  overflow: hidden;
}

div#sliderContent img {
  max-width: 100%;
  background-color: black;
}

.tooltip.react .arrow::before {
  border-bottom-color: #61dbfb;
}

.tooltip.react .tooltip-inner {
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #61dbfb;
}

.tooltip.drupal .arrow::before {
  border-bottom-color: #2baae2;
}

.tooltip.drupal .tooltip-inner {
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #2baae2;
}

.tooltip.angular .arrow::before {
  border-bottom-color: #b52e31;
}

.tooltip.angular .tooltip-inner {
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #b52e31;
}

.tooltip.php .arrow::before {
  border-bottom-color: #8892be;
}

.tooltip.php .tooltip-inner {
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #8892be;
}

.tooltip.wordpress .arrow::before {
  border-bottom-color: #21759b;
}

.tooltip.wordpress .tooltip-inner {
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #21759b;
}

/******************************
*********** MOBILE ***********
******************************/
/**LITTLE PC*/
@media (max-width: 1023px) {
  #container {
    margin-top: 36px;
    width: 90%;
  }
}

@media (max-width: 779px) {
  #container {
    width: 100%;
    margin: 6px auto 15px;
    min-height: 400px;
    padding: 35px 0 25px;
    border-radius: 0;
  }
}

@media (max-width: 600px) {
  .no-mobile-s {
    display: none;
  }
}

/** MOBILE SMALL */
@media screen and (max-device-width: 374px) {
  #containerItem #titleItem {
    min-height: 44px;
  }
  .no-mobile-s {
    display: none;
  }
}

/*@media only screen and (min-width:809px) and (min-device-width:809px){}*/
/** MOBILE-S */
/** MOBILE-M */
/** MOBILE */
/** TABLET EXTRA EXTRA SMALL */
/** TABLET EXTRA SMALL */
/** TABLET SMALL */
/** TABLET */
/** LITTLE PC */
/** MEDIUM PC */
/** Scrollbar */
*::-webkit-scrollbar {
  width: 1em;
}

*::-webkit-scrollbar-track {
  background-color: #000;
  -webkit-box-shadow: inset 0 0 6px rgba(145, 141, 141, 0.9);
}

*::-webkit-scrollbar-thumb {
  background-color: #2C5553;
}

/** FadeIn */
.fadeIn {
  -webkit-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/** SlideIn */
.slideIn {
  animation: slideIn 0.8s forwards;
  -webkit-animation: slideIn 0.8s forwards;
  -moz-animation: slideIn 0.8s forwards;
  -o-animation: slideIn 0.8s forwards;
}

@keyframes slideIn {
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes slideIn {
  100% {
    -webkit-transform: translateX(0%);
  }
}

/** Selection */
p::-moz-selection, a::-moz-selection, span::-moz-selection, br::-moz-selection, legend::-moz-selection, img::-moz-selection, div::-moz-selection,
input::-moz-selection, b::-moz-selection, td::-moz-selection, label::-moz-selection, button::-moz-selection {
  background: #45BAC3;
}
p::selection, a::selection, span::selection, br::selection, legend::selection, img::selection, div::selection,
input::selection, b::selection, td::selection, label::selection, button::selection {
  background: #45BAC3;
}

strong::-moz-selection, em::-moz-selection, time::-moz-selection, code::-moz-selection,
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h6::-moz-selection {
  background: #7fcfd6;
}

strong::selection, em::selection, time::selection, code::selection,
h1::selection, h2::selection, h3::selection, h4::selection, h6::selection {
  background: #7fcfd6;
}

p::-moz-selection, a::-moz-selection, span::-moz-selection, br::-moz-selection, legend::-moz-selection, img::-moz-selection,
label::-moz-selection, div::-moz-selection, input::-moz-selection, b::-moz-selection,
td::-moz-selection, button::-moz-selection {
  background: #45BAC3;
}

strong::-moz-selection, em::-moz-selection, time::-moz-selection, code::-moz-selection,
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h6::-moz-selection {
  background: #7fcfd6;
}
/*# sourceMappingURL=styles.css.map */