body
{ 
    font-family: urbane,helvetica neue,helvetica,arial,sans-serif;
    height:100%;
}

.alert-fixed-box {
    position:fixed; 
    top: 60px; 
    right: 20px; 
    width: 140px;
    z-index:9999; 
    border-radius:10px;
    border-style: dashed;
    border-width: 2px;
    border-color: black;
}

.btn-fixed-box {
    position:fixed; 
    top: 130px; 
    right: 20px; 
    width: 140px;
    z-index:9999; 
    /*border-radius:10px;*/
    /*border-style: dashed;*/
    /*border-width: 2px;*/
    /*border-color: black;*/
}

h1{
    color: #fff;
    font-size: 50px;
    line-height: 1em;
    font-weight: 600;
}

h2{
    color: rgba(255,255,255,.8);
    font-size: 40px;
    line-height: 1.3em;
    font-weight: 200;
}

p {
    font-size: 26px;
    font-weight: 300;
    color: rgba(255,255,255,.8);
    line-height: 1.5em;
}

.portfolioimages{
    position:relative;
    
}

.portfoliotext{
    position:absolute;
    bottom:0;
    height:30px;
    background:#000000;
    
}



.headertitle {
  text-align: center;
  color: white;
}

.row-1
{ 
    margin-top:-60px;
    padding-top:300px;
    padding-bottom:300px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(https://www.cloudbullet.gr/assets/site_images/row-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}

@media screen and (min-width: 1200px) {
  .row-1 {
    background-attachment: fixed;
  }
}

.row-page
{ 
    margin-top:-60px;
    padding-top:20vh;
    padding-bottom:20vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(https://www.cloudbullet.gr/assets/site_images/row-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.row-404
{ 
    padding-top:30vh;
    padding-bottom:30vh;
    background-color:#000000;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(https://www.cloudbullet.gr/assets/site_images/row-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}

.row-1 h1{
    font-size: 10vw;
}

.row-1 h2{
    font-size: 5vw;
}

.row-404 h1{
    font-size: 10vw;
}

.row-404 h2{
    font-size: 5vw;
}


.row-2
{ 
    margin-top:-60px;
    padding-top:200px;
    padding-bottom:200px;
    background-color: #d34949;
    transform: skewy(-3deg);
}

.row-3
{ 
    margin-top:-60px;
    padding-top:200px;
    padding-bottom:200px;
    background-color: #000000;

}

.row-3-1
{ 
    margin-top:-60px;
    padding-top:200px;
    padding-bottom:200px;
    background-color: #E07143;
    background-image: url(https://www.cloudbullet.gr/assets/site_images/samplesheader.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}

.img_hover:hover {
    opacity: 0.8;
}

@media screen and (min-width: 1200px) {
  .row-3-1 {
    background-attachment: fixed;
  }
}


.row-4
{ 

    padding-top:200px;
    padding-bottom:200px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(https://www.cloudbullet.gr/assets/site_images/contactheader2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}

@media screen and (min-width: 1200px) {
  .row-4 {
    background-attachment: fixed;
  }
}

.btnmembers{
    background-color: #64646499;
    border-radius:15px;
    border-color: transparent;
}

.btnmessage{
    background-color: #d34949;
    border-radius:15px;
    border-color: transparent;
}

.btnmessage:hover{
    background-color: #d34949;
    border-radius:15px;
    border-color: #ffffff;
}

.btnfooter{
    color: #486287;
    font-size: 20px;
    background-color: transparent;
    border-radius:25px;
    border-color: transparent;
}

.btnfooter:hover {
    background-color: transparent;
    font-size: 20px;
    color:#d34949;
    border-radius:25px;
    border-color: transparent;
    text-decoration: none;
}

.row-footer
{ 
    margin-top:-60px;
    padding-top:100px;
    padding-bottom:100px;
    background-color: #000000;

}


.unscew {
    transform: skewy(3deg);
}


.roundimage{
    border-radius:30px;
}










 
.loginbtn{
    position: -webkit-sticky;
  position: sticky;
  top: 30px;
  padding: 5px;
}



.logobtn{
     border-radius:20px; 
     border:1px solid black;
}

a:hover {
  text-decoration: none;
}

.row-title{
     margin-top:40px;
}


/* Place text in the middle of the image */
.text_center {
    
}

.hero-title-text {
   
  text-align: center;
  color: white;
}

.hero-title-text-list {
  text-align: left;
}

.logoimage {
    width:300px;
}

.homecard {
    border-radius: 20px;
}

.zoomfx { transition: all .2s ease-in-out; }
.zoomfx:hover { transform: scale(1.05); }