﻿@import url("https://fonts.googleapis.com/css?family=Open+Sans:300i,300,400i,400,700|Poppins:400,500,600,700|Roboto:400,500i,700");

@font-face {
    font-family: 'MYRIADPRO-BOLD';
    src: url('../fonts/MYRIADPRO-BOLD.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../fonts/MyriadPro-Light.otf') format('opentype');
}

.tritop-Photogrammetry {
    position: relative;
    padding: 50px 0 100px;
}


    .tritop-Photogrammetry .padding {
        padding: 3% 7% 5% 3%
    }

.advantage-padding {
    padding: 2% 7% 5% 3%
}

.tritop-Photogrammetry .padding-right {
    padding: 6% 10%
}

.tritop-Photogrammetry .padding-left {
    padding:6% 10%
}

.tritop-Photogrammetry .content{
    font-size:115%;
    height:100%
}

.content h3{
    font-size:130%
}

.tritop-text h1 {
    font-size: 200%
}

.padding {
    padding: 0 10%
}

.tritop-First-Section{
    padding:100px 0 50px
}

.tritop-Photogrammetry .header {
    padding: 100px 0
}

.tritop-row{
    background-color:white;
}



.tritop-Photogrammetry .content:hover{
    animation: 400ms backgroungHover ease-in-out;
    background-color: red;
    color: white
}

@keyframes backgroungHover{
    from{
        background-color:white;
        color:black
    }
    to{
        background-color:red;
        color:white
    }

}

.Third-Section{
    position:relative
}



.image-card {
    width: 100%
}

.position{
    padding:0 3%
}

.Third-Section .content- {
    padding: 10% 8%;
    background-color: #e8e7e7
}

.Fields-of-Application{
 
}

.row{
    display:flex
}

.Fields-of-Application .area-content{
    text-align:left
}


.Fields-of-Application {
    margin-top: 200px
}

.Fields-of-Application .padding-top{
    padding-top:0;
}

    .Fields-of-Application .mainParageraph {
        font-size: 19px;
        text-align: justify
    }


.measuring-system-item p{
    font-weight:600
}


.measuring-system-item .fa-circle {
    color: #d00000 !important
}




.Fields-of-Application h1 {
    margin-bottom: 0
}

.measuring-system-item {
    background-color: #efeff1;
    margin: 10px 0;
    padding: 2% 3%;
    flex:0 0 46%;
    margin-left:20px
}

.measuring-image img{
    padding:0 5%
}

.left-margin {
    margin-left: 1%
}

.grid{
    padding:0 3% 0 5%
}


.single-tritop-item {
    background-color: white;
}

.single-tritop-item:hover{
    background-color:red;
    color:white;
    animation:0.3s background ease-in-out
        
}

@keyframes background{
    from{
        background-color:white;
        color:black
    }
    to{
        background-color:red;
        color:white
    }
}

.section-context{
    padding:2%;
    
}

.inspect {
    position: relative
}

.inspect-position-absolute {
    width:50%
}

.inspect-content-section {
    padding: 16.3% 17% 15% 16%;
    background-color: #282f35c4;
    color: whitesmoke;
    height: 100%
}

.inspect-image {
    position: absolute;
    top: 77px;
    right: -20%;
    z-index: 2;
    box-shadow: 0 0 10px 2px #0000003d;
}


.padding-section-3{
    padding:150px 0
}

.inspect-content-section-2 {
    padding: 10%;
    background-color: #282f35c4;
    color: whitesmoke;
    height: 100%
}

.inspect-content-section h3{
    color:white
}

.inspect-padding{
    padding:100px 0
}

.inspect-content{
    padding:10% 3%
}

.padding-top-secont-section{
    padding-top:50px
}

.tritop-professional-context{
    padding:3% 2%
}

.padding-top-single-item{
    padding-top:100px
}


