@font-face {
    font-family: 'din';
    src: url("../fonts/D-DIN.woff" ) format("woff"),
    url("../fonts/D-DIN.woff2") format("woff2")
}
@font-face {
    font-family: 'din';
    font-weight: bold;
    src: url("../fonts/D-DIN-Bold.woff" ) format("woff"),
    url("../fonts/D-DIN-Bold.woff2") format("woff2")
}
@media (min-width: 768px){
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        margin: 0 auto;
        margin-top: 19px;
    }

} @media (min-width: 1200px){
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-size: 15px;
    }
}@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        font-size: 12px;
    }
}@media (min-width: 768px) and (max-width: 992px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        padding: 0 6px;
        font-size: 11px;
    }
    .navbar{
        max-width: 100%;
    }
}

 body{
    font-family: 'din' !important;
}
html { height: 100%; overflow:auto; }
body { height: 100%; }
h2 {
    font-weight: bold;
}
.section-about-us{
    border: 8px solid #fff;
    margin: 41px auto;
    padding: 13px 0 10px 100px;
}
#about-us{
    margin: 45px auto;
}
.section-about-us h2{
    color: #04447f;
    font-size: 30px;
    text-transform: uppercase;
}

.section-about-us p{
    color: #000;
    font-size: 15px;
    text-align: justify;
    padding: 5px 0;
}
#services{
    padding: 34px 0;
    background: #04447f;

}
#services h2{
    color:#fff;
    margin: 27px auto;
    text-transform: uppercase;
    position: relative;

}
#services h2:before{
    background: #fff;
    margin-top: 16px;
    content: '';
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 40%;
    width: 20%;
}
#services .caption{
    background:#008ac9;
    height: 350px;

}
#services .caption h4 ,
#services .caption p ,
#services .caption a {
    color: #fff;
    margin-top: 5px;
    font-size: 14px;
    padding: 0 0px 0 12px;
}
#services .caption h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#services .caption a {
    font-size: 15px;
    text-align: right !important;
    position: absolute;
    bottom: 3px;
    right: 27px;
}
#services .caption p {
    line-height: 19px;
}
#poly p{
    font-size: 13px;
    line-height: 20px;
    margin: 9px 5px;
    color: #000;

}
#poly a{
    font-size: 16px;
    color: #04447f;

}
#poly h4{
    font-size: 23px;
    margin: 5px 0;
    color: #000;
    text-transform: uppercase;

}
#poly h2 , #parteners h2{
    color: #04447f;
    margin: 27px auto;
    text-transform: uppercase;
    position: relative;
    text-align: center;

}
#poly h2:before , #parteners h2:before{
    background: #008ac9;
    margin-top: 16px;
    content: '';
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    margin-left: 40%;
    width: 20%;
}
#crtf  {
    background: #e8e8e8;
    padding: 15px 0 19px 0;

}
#crtf h2{
    color: #008ac9 ;
    margin: 27px auto;
    text-transform: uppercase;
    position: relative;
    text-align: center;

}
#crtf h2:before{
    background: #04447f;
    margin-top: 16px;
    content: '';
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    margin-left: 40%;
    width: 20%;
}

#crtf p {
    font-size: 16px;
    padding: 15px;
    color: #333;
}
#system  {
    background: #008ac9 ;
    padding: 30px  0;


}
#system  .row{
    margin: 0 auto;


}
#system h2{
    color: #fff ;
    margin: 27px auto;
    text-transform: uppercase;
    position: relative;
    text-align: center;

}
#system h2:before{
    background: #fff;
    margin-top: 16px;
    content: '';
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    margin-left: 40%;
    width: 20%;
}

#system p {
    font-size: 15px;
    /* padding: 11px 0; */
    margin-bottom: 30px;
    color: #fff
}

#system h4 {
    font-size: 20px;
    padding: 52px 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 33px;
}
#parteners,#poly{
    padding: 20px 0;
}
.owl-carousel .owl-nav button.owl-prev {

    position: absolute;
    left: 0;
    top: 44px;
    font-size: 109px;
    font-weight: bold;
    opacity: 0.3;
}
.owl-carousel .owl-nav button.owl-next {

    position: absolute;
    right: 0;
    top: 44px;
    font-size: 109px;
    font-weight: bold;
    opacity: 0.3;
}
.owl-carousel  {

    padding: 0px 52px;
}
footer  {
   background: #4c4c4c;
}
footer h4 {
    color: #fff;
    margin: 5px 0 15px 0px;
    font-size: 21px;
    text-transform: uppercase;
}
footer p , footer ul li a{
    color: #fff!important;
    font-size: 15px;
}
 footer ul {
 list-style: none;
}
 .scale-effect,.zoom{
     transition: all 0.6s;
 }
 .scale-effect:hover{
     transform: scale(-1,1);
     filter: drop-shadow( 0 6px 5px #666);
     -webkit-filter: drop-shadow(0 6px 5px #666);
 }
 .zoom:hover{
     transform: scale(1.1,1.1);
 }
 .back-effect-1 {
     background: url('../img/system1.jpg');
     background-size: 110%;transition: all 1s;
 }
 .back-effect-2 {
     background: url('../img/system2.jpg');
     background-size: 110%;transition: all 1s;
 }
 .back-effect:hover{
     background-size:130% !important;
 }

.service-pop h3{
    width: 100%;
    background: #3d506b;
    text-align: center;
    font-size: 26px;
    padding: 5px 0;
    color: #fff;
}

.service-pop p {
    color: #000000;
    /* font-weight: 300; */
    font-family: 'din';
    line-height: 23px;
    margin: 8px 0;
}
.service-pop h4 {
    color: #458bd6;
    font-size: 17px;
    font-weight: bold;
    margin: 18px 0;
}
.service-pop ul  {
   list-style-image: url("../img/list-icon.png");
    margin-left: 25px;
}
.service-pop img  {
    width: 100%;
}
.service-pop ul li {
  position: relative;
}
.img-sticky{
    position: fixed;
    max-width: 217px;
    top: 60px;
    border-radius: 17px;
    box-shadow: -5px 4px 12px 0px #3d506b;
}


.text-blue{
    color: #04447f !important;
}