@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=greek,latin);
@import url(https://fonts.googleapis.com/css?family=Audiowide);
html {
  width: 100%;
  height: 100%;
}
html body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fffffff;
  color: #484849;
}
html body * {
  box-sizing: border-box;
}
html body .disabled {
  pointer-events: none;
}
html ::selection {
  background: #777;
  color: #777;
}


.drn .rocks {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 3;
  max-width: 100%;
  /*min-width: 680px;*/
  margin: 0 auto;
  padding: 0 80px;
  height: 100%;
  transition: left 0.75s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: left 0.75s cubic-bezier(0.75, 0, 0.25, 1);
}
.drn .rocks.on {
  left: 90%;
  -webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
top:55%;
cursor:pointer;
}

.drn .rocks.on button {display:none;}

.drn .rocks h2 {
  width: 126px;
  height: 126px;
  margin: 0 0 12px;
  padding: 0;
  overflow: hidden;
  background: url('../images/logo.png');
  background-size: cover;
  opacity: 0;
  text-indent: -234%;
}
.drn .rocks h2.show {
  opacity: 1;
  transition: opacity 3s 0s;
  -webkit-transition: opacity 3s 0s;
}


#call_btn {display:none;}


.drn .rocks h1 {
  max-width: 680px;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-family: 'Audiowide', cursive;
  font-weight: 400;
  
  
  letter-spacing: -5px;
  text-transform: uppercase;
  text-align: center;
  top: 15px;
    position: relative;

}

.drn .rocks p a {
color:#484849;
text-decoration:none;
font-weight:bolder;
}

.drn .rocks h1.show {
  opacity: 1;
  transition: opacity 3s 0s;
  -webkit-transition: opacity 3s 0s;
}

.drn .rocks h1 img {
    width: 500px;
    text-align: center;
    margin: 0 auto;
}


.drn .rocks h3 {
  font-family: "Roboto",sans-serif;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 43.8px;
    margin: 0 0 24px;
    max-width: 765px;
    opacity: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}
.drn .rocks h3.show {
  opacity: 1;
  transition: opacity 3s 0s;
  -webkit-transition: opacity 3s 0s;
}


.drn .rocks p {
  max-width: 680px;
  margin: 0 0 15px 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: justify;
  opacity: 0;
}
.drn .rocks p.show {
  opacity: 1;
  transition: opacity 3s 1.5s;
  -webkit-transition: opacity 3s 1.5s;
}
.drn .rocks button {

    border: medium none;
    color: #484849;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 28px;
    font-weight: bolder;
    height: 114px;
    letter-spacing: 0;
    line-height: 20px;
    
    opacity: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    width: 100px;
	background-image: url("../images/backtext.png");
	background-size: contain;
	background-color:transparent;}
	
.drn .rocks .partBottom.small button { 
margin: 25px 30% 25px;
}

.drn .rocks .partBottom.big button { 
margin: 25px 3.1% 25px;
}

.drn .rocks .partBottom.mobile button { 
margin: 25px 30% 25px;
}
	
.drn .rocks button h4 {display:none; margin:0; padding:0; position:relative; top:10px; font-weight: bolder;}
.drn .rocks div {
display:inline-block;
float:left;
}

.partTop.big { width:100%;}
.partBottom.big {width:100%;}

.partTop.small { width:75%;}
.partBottom.small {width:24%;}

.drn .rocks div.show {
  opacity: 1;
   
}
.oLink {
color:#FF8C00!important;
}

.oLink:hover {
color:##FFA500!important;
}

.gdpr {
  padding: 0 17px!important;
font-size: 26px!important;
}

.drn .rocks button.show {
  opacity: 1;
  transition: opacity 2s 2.5s, color 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: opacity 2s 2.5s, color 0.5s cubic-bezier(0.75, 0, 0.25, 1);
}
/*
.drn .rocks button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: .01%;
  height: 100%;
  background: #f9f9f9;
  transition: width 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: width 0.5s cubic-bezier(0.75, 0, 0.25, 1);
}*/
.drn .rocks button:hover,
.drn .rocks button.on {
  color: #484849;
}
/*
.drn .rocks button:hover:before,
.drn .rocks button.on:before {
  width: 100%;
}*/
.drn .rocks button.on {
  pointer-events: none;
}
/*.drn .rocks button:first-of-type {
margin-left: 70px;
}
.drn .rocks button:last-of-type {
  margin-right: 54px;
}*/


.exio {


}

.exio .fa { font-size:30px;}

.exio h4 { font-size:14px; font-weight:lighter;}


.drn .info {
font-family: "Roboto",sans-serif;
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 3;
  width: 90%;
  height: 100%;
  /*background: #f7f3e8;*/
  background: #f9f9f9;
  color: #111111;
  transition: left 0.75s cubic-bezier(0.6, 0, 0.25, 1);
  -webkit-transition: left 0.75s cubic-bezier(0.6, 0, 0.25, 1);
}
.drn .info > i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 250px;
  height: 48px;
  margin: 0;
  padding: 15px;
  opacity: 0;
  font-weight:bolder;
  font-size:14px;
  cursor: pointer;
  transition: opacity .5s 1.2s;
  -webkit-transition: opacity .5s 1.2s;
  display: inline-block;
}
.drn .info > i span {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  top: 4px;
  margin-right: 5px;
}
.drn .info > i span:before,
.drn .info > i span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background: #111;
}
.drn .info > i span:before {
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
}
.drn .info > i span:after {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.drn .info > div {
  position: absolute;
  top: 150%;
  font-family: 'Roboto', sans-serif;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 29px;
  transition: top 0.75s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: top 0.75s cubic-bezier(0.75, 0, 0.25, 1);
  width:100%;
}

.contact-us {margin:0 auto;  text-align: center;}

.drn .info > div {display:inline-block; margin:0%}

.drn .info > div p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22.75px;
  letter-spacing: 0px;
  margin: 0 0 16px;
  text-align: justify;
  padding: 0 0 0 39px;


}

.inP {
float:left;
width:65%;
font-size:14px;
}
.inT {
float:left;
width:30%;
text-align:right;
}


.drn .info li {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22.75px;
  letter-spacing: 0px;
  margin: 0 0 16px;
  text-align: justify;
}

.drn .info > div p strong {
  font-weight: 700;
}
.drn .info > div h3 {
  margin: 0 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}
.drn .info > div a {
  position: relative;
  color: #111111;
  text-decoration: none;
  bottom:23px;
}
.drn .info > div a i {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
}
.drn .info > div a i:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.001%;
  height: 100%;
  transition: width 0s, background .5s;
  -webkit-transition: width 0s, background .5s;
}
.drn .info > div a i:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.001%;
  height: 100%;
  background: #000;
  transition: width .5s;
  -webkit-transition: width .5s;
}
.drn .info > div a:hover i:before {
  width: 100%;
  background: #000;
  transition: width .5s;
  -webkit-transition: width .5s;
}
.drn .info > div a:hover i:after {
  width: 100%;
  background: transparent;
  transition: background 0s;
  -webkit-transition: background 0s;
}
.drn .info > div.on {
  top: 50%;
  transition: top 1.25s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: top 1.25s cubic-bezier(0.75, 0, 0.25, 1);
}
.drn .info.on {
  left: 0;
}
.drn .info.on > i {
  opacity: 1;
}

.fit {z-index:9999996!important;}
.tech {z-index:9999997!important;}
.gdpr {z-index:9999998!important;}
.lat {z-index:9999999!important;}

.gdprt .mCSB_container{ min-height:1100px;}

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted #FF8C00;*/
	cursor:pointer;
	color:#FF8C00!important
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
	left:-80px;
	bottom:25px;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.form-container {font-size:14px;}

.form-container h2 {font-size:20px;}

.form-container h4 {
    font-size: 14px;
    padding: 2px 0;
    margin: 0;
    
}

.form-container div {
    text-align: right;
    margin: 28px auto;
}

.form-container input{    height: 50px;
    width: 100%;
    border: 1px solid #484849;
	padding: 0 10px;
	margin-top:5px;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
	
#recaptcha {
    width: 100%;
    margin: -10px auto -25px;
    text-align: center;
    display: block;
}

.g-recaptcha {    text-align: center;
    margin: 5px auto;}
	
.g-recaptcha > div {
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}
	
.form-container textarea{
width: 100%;
 border: 1px solid #484849;
     padding: 10px;
margin-top:5px;}

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.form-container label {font-weight:bolder;
text-align:right!important;
}

#success_message p {
text-align:center!important;
}

#error_message  {
color:red;
font-weight:bolder;
}

#error_message p {
text-align:center!important;
}

#submit_btn {cursor:pointer;}

#buttonGroups {

position: absolute;
    margin: 0 auto;
    text-align: center;
    bottom: -10px;
        left: 0%;
    width: 100%;
    display:none;

}

.contact-us.on {
    text-align: center;
    padding: 0 5%!important;
}

.drn .info button {

    border: medium none;
    color: #111111;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    font-weight: bolder;
    height: 114px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 3%;
    opacity:1;
    outline: medium none;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    width: 100px;
	background-image: url("../images/backtext.png");
	background-size: contain;
	background-color:transparent;}
.drn .info button h4 {display:none; margin:0; padding:0; position:relative; top:10px; font-weight: bolder;}



.drn .info button.show {
  opacity: 1;
  transition: opacity 2s 2.5s, color 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: opacity 2s 2.5s, color 0.5s cubic-bezier(0.75, 0, 0.25, 1);
}
/*
.drn .info button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: .01%;
  height: 100%;
  background: #f9f9f9;
  transition: width 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  -webkit-transition: width 0.5s cubic-bezier(0.75, 0, 0.25, 1);
}*/
.drn .info button:hover,
.drn .info button.on {
  color: #f9f9f9;
}
/*
.drn .info button:hover:before,
.drn .info button.on:before {
  width: 100%;
}*/
.drn .info button.on {
  pointer-events: none;
}
.drn .info button:first-of-type {
margin-left: 54px;
}
.drn .info button:last-of-type {
  margin-right: 54px;
}

.about-us, .technology, .gdprt {max-height:890px;}

.social-media {
  text-align:right!important;
}

.social-media a {
  color:#111111;
  text-decoration:none;
  margin:0 10px;


}

.drn .cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: opacity 4s;
  -webkit-transition: opacity 4s;
}
.drn .cover.on {
  opacity: .6;
}
.drn .cover.off {
  display: none;
}
.drn .tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;

}
.drn .tv.on {
  left: 360px;
  transition: left 2s;
  -webkit-transition: left 2s;
}
.drn .tv .screen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  opacity: 0;
  transition: opacity 4s;
  -webkit-transition: opacity 4s;
}
.drn .tv .screen.on {
  opacity: 1;
}
.drn .tv .screen.off {
  display: none;
}




.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	list-style: none;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: right;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0 30px;
    line-height: 120px;
    color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/6.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation {
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -moz-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -o-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -ms-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation {
	0% {
	    opacity: 0;
	    transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) {
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
	.cb-slideshow li div h3 { font-size: 50px }
}

@media only screen 
  and (max-width: 920px)
  {
  
  .drn .rocks h1 img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
  
  .drn .rocks {
    position: absolute;
        top: 55%;
left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 3;
    margin: 0 auto;
    padding: 0 15px 40px;
    transition: left 0.75s cubic-bezier(0.75, 0, 0.25, 1);
    -webkit-transition: left 0.75s cubic-bezier(0.75, 0, 0.25, 1);
    height:100%;
    max-width: 136%;
	
}

.drn .info > div h3 {
    margin: 14px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}

.bgr {margin:0 auto;}

/*.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}*/

.g-recaptcha {    text-align: center;
    margin: 5px auto;}
	
.g-recaptcha > div {
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

 .drn .rocks button {
   
    font-size: 20px; }
.drn .rocks button h4 {display:block; margin:0; padding:0; position:relative; top:10px; font-weight: bolder; font-size:10px;}
.drn .rocks button:last-of-type h4 {
    left: -10px; 
}

.inT h3 {text-align:left;}
  .drn .rocks.on {
  left: 100%!important;
  -webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
top:55%;
cursor:pointer;
}

 
 .drn .info {
font-family: "Roboto",sans-serif;
  position: absolute;
  top: 0%;
  left: -100%!important;
  z-index: 3;
  width: 100%!important;
  height: 100%;
  /*background: #f7f3e8;*/
  background: #f9f9f9;
  color: #111111;
  transition: left 0.75s cubic-bezier(0.6, 0, 0.25, 1);
  -webkit-transition: left 0.75s cubic-bezier(0.6, 0, 0.25, 1);
  padding-bottom:100px;
}
.drn .info.on {
  left: 0!important;
}

.drn .info > div.on {
    top: 50%;
width: 95%;	}
	
.form-container div {
    text-align: center;
    margin: 5px auto;
}

.form-container textarea{
 height: 90px;}
	
#call_btn {
    display: block;
    height: 50px;
    width: 100%;
    border: 1px solid #484849;
    padding: 15px 10px;
    margin-top: 30px;
    color: buttontext;
    background-color: buttonface;
}


.inT {
    float: left;
    width: 100%;
    text-align: right;
}

.inP {
    float: left;
    width: 100%;
    text-align: right;
	 
}

.exio {margin: 4% 10%!important}

.mobile {width: 100%;
    margin: 0 auto;
    display: block!important;
    text-align: center;
	padding-bottom:50px;}

/*.fit {margin: 4% 4% 4% 15%!important}
.tech {margin: 4% 4%!important;}
.gdpr {margin: 4% 4% 4% 15%!important}
.lat {margin: 4% 4%!important;}*/
.about-us, .technology, .gdprt {
max-height:100%;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
    padding-bottom: 150px;
}

.tooltip .tooltiptext {
  

    /* Position the tooltip */
     position: absolute;
    left: -14%;
    bottom: 25px;
    z-index: 1;
    width: 280px;
}

 
  
}

@media all and (min-width:960px) and (max-width: 1024px) {
 .exio {margin: 4% 12%!important}
}

@media all and (min-width:801px) and (max-width: 959px) {
 .exio {margin: 4% 12%!important}
}

@media all and (min-width:769px) and (max-width: 800px) {
.exio {margin: 4% 4%!important}
}

@media all and (min-width:569px) and (max-width: 768px) {
.exio {margin: 4% 10%!important}
}

@media all and (min-width:481px) and (max-width: 568px) {
 .exio {margin: 4% 7%!important}
 .tooltip .tooltiptext {
  

    /* Position the tooltip */
     position: absolute;
    left: 10px;
    bottom: 25px;
    z-index: 1;
    width: 280px;
}
}

@media all and (min-width:321px) and (max-width: 480px) {
.exio {margin: 4% 3.1%!important}
 .tooltip .tooltiptext {
  position: absolute;
    left: 0%;
    bottom: 25px;
    z-index: 1;
    width: 215px;
    padding: 5px;
}
}

@media all and (min-width:0px) and (max-width: 320px) {
 .exio {margin: 4% 2%!important}
}