/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 9, 2020, 12:18:56 AM
    Author     : Z10387
*/


.city img{
    margin-top:3%; 
    width: 65%;

    object-fit: cover;
}

.city{
    margin-bottom: 0
}


.scroll-left {
    margin-left: 10%;
    margin-right: 10%;

    position: relative;
    overflow: hidden;
    min-width: 75%;



}
.img_container{
    margin: auto;
    overflow: hidden
}


.scrol-left .img_container {

    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 15s linear infinite;
    animation: scroll-left 30s linear infinite;

}
/* Move it (define the animation) */
@-moz-keyframes scrol-left {
    0%   { -moz-transform: translateX(-100%); }

    100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrol-left {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrol-left{
    0%   { 
        -moz-transform: translateX(0%); /* Browser bug fix */
        -webkit-transform: translateX(0%); /* Browser bug fix */
        transform: translateX(0%); 		
    }
    50% { 
        -moz-transform: translateX(-10%); /* Browser bug fix */
        -webkit-transform: translateX(-10%); /* Browser bug fix */
        transform: translateX(-10%); 
    }
    100% { 
        -moz-transform: translateX(0); /* Browser bug fix */
        -webkit-transform: translateX(0); /* Browser bug fix */
        transform: translateX(0%); 
    }


}




.block{
    display: flex;
    justify-content: space-between;
margin-top: 7%;
margin-bottom: 7%;

margin-left: 3%;
    margin-right: 3%;
  padding-left: 3%;
  padding-right: 3%;
  
}


.block .text{
  
    font-family:  'Junge','Crimson Text', 'Futura Std Condensed',Helvetica,Verdana,'Antic Slab',  Tahoma,sans-serif;
    flex-basis: 60%;
    margin: 0;
    margin-top: 5%;
    padding: 0;
   /* font-size: 18px*/


}

.block .Figure{
    
    min-height: 100%;
    flex:1;
    flex-basis:30%;
  margin: auto;
    margin-top: 5%;
   
     margin-left: auto;
    margin-right: auto;
    
}


.block .with_Head{

    padding-top:  4%;
 
}
.block .Figure img{
    width: 88%;
  
}

.block .big img{
    width: 100%;
       
}

.block .column{
    
  
    font-family: 'Futura Std Condensed', sans-serif, Helvetica,Verdana, Tahoma;   
    flex-basis: 25%;
    margin: auto;
    margin-top: 5%;
    padding: 0;
}


.block .column .icon{
    
    color:  #3085a3;
    margin-bottom: 4%
}