/*FONTS START*/
@font-face {
    font-family: BahamasLight;
    src: url(../fonts/BAHAMAL0.TTF);
    src: url(../fonts/BAHAMAL0.woff);
}

@font-face {
    font-family: BahamasHeavy;
    src: url(../fonts/BAHAMAHN.TTF);
    src: url(../fonts/BAHAMAHN.woff);
}

@font-face {
    font-family: BahamasBold;
    src: url(../fonts/BAHAMASB.TTF);
    src: url(../fonts/BAHAMASB.woff);
}

@font-face {
    font-family: BahamasNormal;
    src: url(../fonts/BAHAMAS0.TTF);
    src: url(../fonts/BAHAMAS0.woff);
}
/*FONTS END*/
* {
    margin: auto;
    padding: 0;
    outline: 0;
}

html, body {
    width: 100%;
    height: 100%;
    position: relative;
    color: black;
    font-size: 18px;
    background: #fff;
}
h2{
    line-height:1.2em;
}
h3{
    line-height:1.1em;
}
a {
    text-decoration: none;
}

.ender {
    text-align:center;
    width: 500px;
    height:60px;
    background: url(../img/prech.png) repeat-x center;
}

.rectangles {
    width: 300px;
    height: 300px;
}
.skryt {
display:none;
}
.active {
    display: none;
}
.displej{
    display:none;
}
.fixed {
    position: fixed;
    z-index: 9999;
}

/*BG START*/
#bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-size:cover;
    background-repeat:no-repeat;

}
/*BG END*/
/*MENU START*/
section#WrapMenu {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 6px 4px -4px rgba(0,0,0,.2);
    background: #fff;
}
#MenuCenter{
    width:1020px;
}

header#Logo {
    float: left;
    margin-top:8px;
}

    header#Logo h1 {
        margin-left: 20px;
        font-size: 50px;
        font-family: BahamasHeavy;
        color: #185886;
    }

    header#Logo img {
    }

nav#Menu {
    z-index: 10;
    height: 60px;
    margin-right:40px;
    float: right;
}

    nav#Menu ul {
        list-style: none;
        margin: 28px 0 0 0;
    }

        nav#Menu ul li {
            display: inline-block;
            z-index: 1;
            margin-right:15px;
            font-size:22px;
            
        }
#Language{
    width:30px;
    height:18px;
    overflow:hidden;
    position:relative;
}
.lang{
    font-family: BahamasBold;
    font-size:22px;
}
.firLang{
}
.firLang:hover{
    
}
.secLang{
   position:absolute;
   top:0;
   display:block;
   opacity:0;
   visibility:visible;
}
.secLang:hover{
    color:#f9b603;
}
#Language:hover {
    cursor: pointer;
}

.Card {
    width: 50px;
    height: 50px;
    transform-style: preserve-3d;
    transition: all 1s linear;
    
}

nav#Menu ul li:hover .Card {
    transform: rotateY(180deg);
}
.textMenu{
    color: #185886;
    font-family:BahamasBold;
}
.textMenu:hover{
    color:#f9b603;
}
.activeMenu{
    color:#f9b603;
}
.rotate {
    transform: rotateY(180deg);
}

.face {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    backface-visibility: hidden;
    box-shadow: rgba(0,0,0,0.8) -2px -2px 5px  ;
}
.textTile {
    text-align: center;
    margin-top: 15px;
    font-family: BahamasBold;
}
/*MENU END*/
/*HOME START*/
article {
    overflow: hidden;
}

.main {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    text-align: center;
}

#Home {
    width:100%;
    position:relative;
    
}

.mainContent{
    min-height: 100%;
    height: 100%;
    z-index: 200;
}
.HomeApps{
    width:100%;
    position:absolute;
    display:none;
}
.HomeApps h1{
        font-size: 100px;
        margin-top: 20%;
        font-family: BahamasBold;
        color: #185886;
}
.HomeApps h2{
    font-family: BahamasNormal;

}
.HomeProp {
    width:100%;
    position:absolute;
    display:none;   
}
.HomeProp h1{
   margin-top:20%;
   font-family: BahamasBold;
   font-size:80px;
}
.HomeProp h2{
   font-family: BahamasBold;
   font-size:40px;
   margin-top:50px;
}
.Prop{
    float:left;
    text-align:center;
    width:25%;
    margin-top:100px;
}
.Prop h2{
    font-family:BahamasNormal;
}
.Prop h3{
    font-size:35px;
    font-family:BahamasNormal;
}
.Scen{
    float:left;
    text-align:center;
    width:33.3%;
    margin-top:100px;
}
.Scen h3{
    font-size:35px;
    font-family:BahamasNormal;
}


.circle{
    width:150px;
    height:150px;
    border-radius: 75px;
}
#Embedded{
    background: url(../img/embedded.png) no-repeat center #185886;
    background-size:100px 100px;
}
#Self-contained{
    background: url(../img/self-contained.png) no-repeat center #185886;
    background-size:100px 100px;
}
#Reliable{
    background: url(../img/reliable.png) no-repeat center #185886;
    background-size:100px 100px;
}
#Adaptable{
    background: url(../img/adaptable.png) no-repeat center #185886;
    background-size:100px 100px;
}
#EntranceControl{
    background: url(../img/entrancecontrol.png) no-repeat center #185886;
    background-size:80px 80px;
}
#SecureCarParks{
    background: url(../img/securecarparks.png) no-repeat center #185886;
    background-size:100px 100px;
}
#MonitorTransit{
    background: url(../img/monitortransit.png) no-repeat center #185886;
    background-size:100px 100px;
}


/*HOME END*/
/*APPLICATION START*/
#Application {
    width:100%;
    position:relative;
}

.ContentAbout {

    width: 100%;
    text-align: justify;
    
    text-align: center;
}

    .ContentAbout h1 {
        font-family: BahamasBold;
        font-weight: 400;
        font-size: 100px;
        margin-top:150px;
    }
    .ContentAbout h2{
        margin-top:20px;
        font-family: BahamasNormal;
    }
    .ContentAbout ul{

        text-align:left;
        margin-top:70px;
        margin-left:18%;
    }
    .ContentAbout ul li{
        
        font-size:22px;
        height:25px;
        font-family:BahamasNormal;
        list-style-image:url(../img/arrowmini.png);
    }
    .ContentAbout p {
        font-size:22px;
        margin-top:40px;
        font-family: BahamasNormal;
    }
    .ContentAbout .left{
        height:25px;
        position:absolute;
        margin-left:15%;
        margin-bottom:0;
        text-align:left;
        font-family: BahamasBold; 
    }
    .ContentAbout .center{
        height:25px;
        text-align:center;
    }
    .seeMore{
        width:600px;
        font-size:35px;
        margin-top:50px;
        font-family:BahamasBold;
        background: #185886 repeat;
        border-radius: 30px;
        color:#fff;
        transition:0.5s;
        -webkit-box-shadow: rgba(0,0,0,0.8) -2px -2px 5px  ;
        box-shadow: rgba(0,0,0,0.8) -2px -2px 5px  ;
    }
    .seeMore .text{
        height:45px;
        padding:10px 0;
    }
    .seeMore:hover{
        color: #f9b603;
        transition:0.5s;
    }

/*APPLICATION END*/
/*COMPANY START*/
#Company {
        width:100%;
    position:relative;
}

    #Company img {
        margin-top: 100px;
    }
    .ContentCompany{
            width: 100%;
    text-align: justify;
    
    text-align: center;
    }
        .ContentCompany h1 {
        font-family: BahamasBold;
        font-weight: 400;
        font-size: 100px;
        margin-top:10%;
    }
    .ContentCompany h2{
        margin-top:20px;
        font-family: BahamasNormal;
    }
    .ContentCompany p{
        width: 900px;
        font-size:22px;
        margin-top:40px;
        text-align:justify;
        line-height:1.2em;
        font-family: BahamasNormal;
    }

    .ContentCompany ul{
        text-align:left;
        margin-top:70px;
        
        width:900px;
    }
    .ContentCompany ul li{
        margin-left:200px;
        font-size:22px;
        height:25px;
        font-family:BahamasNormal;
        list-style-image:url(../img/arrowmini.png);
    }
        .ContentCompany ul.invli {
        margin-top:10px;

        }
        .ContentCompany ul.invli li{
        margin-left:50px;

        }
        .ContentCompany .spec {
        margin-top:55px;
        }

#partnerSide{
    position:absolute;
    width:100%;
    height:80px;
    bottom:0;

    background:#fff;
    
}
#partnerSide img{
    margin:0;
}
#partnerSide .axis{
    float:left;
    
    width:33.3%;
}
/*COMPANY END*/
/*CONTACTS START*/
#Contacts {
    height:100%;
    min-height:100%;
}

#Team {
    text-align: center;
    width: 100%;

    margin-top: 80px;
}

.member {
    float: left;
    width: 33.3%;
}

.iconContacts {
    width: 150px;
    height: 150px;
}

.iconFace {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  position: absolute;

}

.TileEcoFront {
    background: url(../img/eco.png) no-repeat center #185886;
    background-size:100px 100px;
}
.TileCeoFront {
    background: url(../img/ceo.png) no-repeat  center #185886;
    background-size:100px 100px;
}
.TileProgramFront {
    background: url(../img/program.png) no-repeat center #185886;
    background-size:100px 100px;
}

.position {
    width:300px;
    margin-top:20px;

    font-family: BahamasBold;
    font-size: 30px;
}

.name {
    font-family: BahamasBold;
    font-size: 22px;
    margin-top:5px;
    color: #185886;
}
.phone{
 
    font-family:BahamasNormal;
}
.email{
    margin-top:10px;
    font-family:BahamasNormal;
    
}
.email a{
    color:#000;
    font-size:18px;
}
.email a:hover{
    color:#f9b603;
}
footer{
    position:absolute;
    bottom:0;
    width:100%;
    height:180px;
    background: #fff;
    box-shadow: 0 -6px 4px -4px rgba(0,0,0,.2);
}

#rightSide{
    width:100%;
    height:180px;
    
}
.Contact{
    width:33.3%;
    height:160px;
    position:relative;
    float:left;
    margin: 10px 0 0 0;
    padding-top:5px;
 }
.obal{
    width:200px;
}
.fieldContact{
    height:80px;
    width:80px;
    perspective: 500px;
    z-index: 1;
}

.CardContact {
    width: 85px;
    height: 85px;
    transform-style: preserve-3d;
    transition: all 1s linear;
}
.iconContact {
    padding-top:5px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    backface-visibility: hidden;
    position:absolute;
    -webkit-box-shadow: rgba(0,0,0,0.8) -2px -2px 5px  ;
    box-shadow: rgba(0,0,0,0.8) -2px -2px 5px  ;
}

.iconContact.TilePositionFront {
    background: url(../img/map.png) no-repeat center #185886;
    background-size:40px 40px;
}

.iconContact.TilePositionBack {
    background: url(../img/map_un.png) no-repeat center #185886;
    background-size:40px 40px;
    transform: rotateY(180deg);
}
.iconContact.TileWebFront {
    background: url(../img/www.png) no-repeat center #185886;
    background-size:40px 40px;
}

.iconContact.TileWebBack {
    background: url(../img/www_un.png) no-repeat  center #185886;
    background-size:40px 40px;
    transform: rotateY(180deg);
}
.iconContact.TileEmailFront {
    background: url(../img/at.png) no-repeat center #185886;
    background-size:40px 40px;
}

.iconContact.TileEmailBack {
    background: url(../img/at_un.png) no-repeat center #185886;
    background-size:40px 40px;
    transform: rotateY(180deg);
}
.obal:hover .CardContact {
    transform: rotateY(180deg);
}
.textContact{
    margin-top:30px;
    width:200px;
    font-family:BahamasBold;
    color:#185886;
}

/*CONTACTS END*/
/*UP*/
#UP{
    display:none;
    position:fixed;
    height:50px;
    width:50px;
    border-radius:25px;
    bottom:20px;
    right:20px;
    perspective: 200px;
    z-index: 5;
}


.face.TileUpFront {
    background: url(../img/arrow.png) no-repeat  center #185886;
    background-size:25px 25px;
}

.face.TileUpBack {
    background: url(../img/arrow_un.png) no-repeat  center #185886;
    background-size:25px 25px;
    transform: rotateY(180deg);
}
#UP:hover .Card {
    transform: rotateY(180deg);
}
@media (max-device-height:500px) and (orientation: landscape){
    body{
        min-height:120%;
    }
    #Application{
        min-height:150%;
    }
}