html, 
body {
    height: 100%;
}

.wrap {    
    /*min-height: 100%;*/
    
    /*height: auto;*/
    /*margin: 0 auto -200px;*/
    /*padding: 0 0 200px;*/
}

.footer {        
    padding-top: 20px;
    margin-bottom: 0;
}


.tel-header-footer, 
.tel-header-footer:hover, 
.tel-header-footer:active, 
.tel-header-footer:visited, 
.tel-header-footer:focus, 
.tel-header-footer:link {
    color: #fff;
    text-decoration: none;
}

/*Link,Visited,Hover,Focus,Active */

.tel-header-footer-grey, 
.tel-header-footer-grey:hover, 
.tel-header-footer-grey:active, 
.tel-header-footer-grey:visited, 
.tel-header-footer-grey:focus, 
.tel-header-footer-grey:link {
    color: #A3A9B5;
    text-decoration: none;
}

/*** FONTS ***/
/*
body{            
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-style: normal;
}

.other-font {
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
*/

/*** FORM ***/

/*
    * {
        outline: 0 !important;
    }
        
    button::-moz-focus-inner 
    {
        border: 0;
    }
*/

/*
    .hiddenfield {
        visibility: hidden;
        overflow:hidden;        
    }
*/

/*
    .input-request-small {  
        
        outline:none;
        
        padding-left: 20px;
        
        width: 290px;         
        height: 45px;         
        border-radius: 25px 25px 25px 25px;                
        border:solid 1px transparent;   
        
        display: block;
        margin : 0 auto;
        
         
        font-size: 18px;    
        font-weight: normal;
        font-style: normal;
        
        color: grey;

    }
    
*/

/*
    .button-request-small {
        
        width: 290px;         
        text-transform:uppercase;
        height: 45px;        
        background-color: green;
        border-radius: 25px 25px 25px 25px;
        border:solid 1px transparent;                 
        
        display: block;
        margin : 0 auto;
        
        font-size: 12px;    
        font-weight: bold;
        font-style: normal;
    }
    
    .button-request-small:hover {
        color: white;
    }

*/
/*
    .form-request-small {        
        width:80%; 
        margin:0 auto;
    }

    .form-request-small-agree {
        width: 95%;          
        margin : 0 auto;                
    }
*/    

/*** MENU ***/

/*
@media (min-width: 0px) {
    .navbar-toggle {
        display: block;
    }
}    
*/


/*** SOCIAL ***/

ul.social-media-list {
    list-style-type: none;
    margin: 0;
    padding: 0;    
    line-height: 60px;
}

ul.social-media-list li {
    display: inline-block;    
}

ul.social-media-list span {    
    /*padding: 5px;*/
    /*padding: auto auto;;*/
    /*border-radius: 5px;*/
    border-radius: 50%;    
    text-align: center;
    background-color: transparent;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;

}

ul.social-media-list span:hover {
    background-color: #4697c6;
}

/*** ICONS ***/

.inner-60-icon {
    height: 60px;    
}


.inner-60-icon div {
    line-height: 60px;
}

.inner-60-icon div span{     
    color: #fff;    
    border-radius: 50%;    
    text-align: center;
    background-color: #4697c6;
    
    width: 30px;
    height: 30px;
    line-height: 30px;       
}


/*** BLOCKS ***/

/*** BLOCK 1 ***/

.block1 {
    background-color: #464e5b; 
    color: #fff;
}

.block1_inner {
    padding-top: 15px;
}

.block1_logo {
    font-size: 26px;
    font-weight: 900;
    font-style: normal;
}

.block1_social {
    padding-left: 10px;  
    padding-right: 10px;        
}

.block1_social_inner {
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;    
    text-align: center;  
    
}
    
.block1_social > div > a {
    color: #fff;    
    text-decoration: none;
}


.block1_social:hover > div {
    background-color: #4697c6;    
    width: 30px;
    height: 30px;
    border-radius: 50%;    
    text-align: center;    
}

.block1_email > p { 
    
}

.block1_email, .block1_phone {        
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #A3A9B5;
    line-height: 60px;      
    margin-left: 40px;
    color: #fff;
}

.block1_phone > a {
    color: white; 
}

.block1_phone > a:hover {
    color: lightgrey; 
    text-decoration: none;
}

.block1_phone {
    line-height: 20px !important;
    padding-top: 15px;
}

@media screen and (max-width:768px){ 
    .block1_phone { 
        margin-left: 0px;
    } 
} 
.block1_languages {        
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #A3A9B5;
    line-height: 60px;      
    text-transform: uppercase;
    color: #fff;
}


.block1_languages > a, 
.block1_languages > a:visited, 
.block1_languages > a:focus, 
.block1_languages > a:link  {
    border: solid 1px white;
    padding: 3px;
    margin:  0 3px;
    color: white;    
    text-decoration: none;
}

.block1_languages > a:hover {
    color: lightgrey;    
}

.btn-custom-small {
    background-color: transparent;
}


/*** BLOCK 1 ***/

.header-block {
    /* 1920 x 1080 */
    width: 100%;
    color: #fff;
    /* background-color: beige; */ 
    background-color: lightgrey;
    background-image: url('/img/header/bg.jpg');        
    /* background-attachment: scroll; */ /* default */
    background-repeat: no-repeat;    
    background-position: center center;        
    background-size: cover;   
    min-height: 640px;
}




@media screen and (max-width:1200px){ .header-block { background-image: url('/img/header/bg_1200.jpg'); } }
@media screen and (max-width:992px){ .header-block { background-image: url('/img/header/bg_992.jpg'); } }
/* @media screen and (max-width:768px){ .header-block { background-image: url('/img/header/bg_768.jpg'); } } */
/* @media screen and (max-width:576px){ .header-block { background-image: url('/img/header/bg_576.jpg'); } } */ 

.header-block-inside {
    background-color: rgba(0,58,64, 0.3);
}

.header-block-inside-info {
    margin-top: 100px;
}

.btn-custom-block2 {
    color: white;
    border: solid 1px white;
}
.btn-custom-block2:hover {
    color: lightgray;
}

.btn-custom-block2:focus {
  outline:none;
  box-shadow: none;
}

@media only screen and (max-width: 992px)  {
    .block2 {
        color: #fff;
        background: url('/image/first.jpg');
        height: 100%;
    }  
}

.block4 {
    
}


.block4_title {
    padding-top: 40px;
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    padding-bottom: 25px;
}

/* not active */
.nav-pills .nav-item .nav-link:not(.active) {
    background-color: white !important;
    /*border: solid 1px #464e5b;*/
    color:#464e5b;    
    box-shadow: 0 0 10px rgba(0,0,0,0.5);  

}

.nav-pills .nav-item .nav-link:not(.active):after {
    border-top: 20px solid transparent; 
}


/* active (faded) */
.nav-pills .nav-item .nav-link {
    position: relative;
    background-color: #464e5b !important; /* rgba(255, 0, 0, 0.2) */
    /*border: solid 1px #464e5b;*/    
    border-radius: 0px !important;
    color: white;    
    padding: 40px 0;    
    margin: 10px 10px;
    font-weight: bold;    
}

.nav-pills .nav-item .nav-link:after {
    position: absolute;
    bottom: -20px;
    left:47%;
    margin-left: -10px;
    content:"";
    display:block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #464e5b; 
}

.nav-pills .nav-item .nav-link:hover {
    background-color: grey !important; /* rgba(255, 0, 0, 0.2) */
    /*border: solid 1px grey;    */
    color: white;    
    box-shadow: none;
}

.nav-pills .nav-item .nav-link:hover:after {
    border-top: 20px solid grey; 
}

/*
.block4_menu-main {
    color:black; 
    line-height: 100px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;    
}

.block4_menu-main:hover {
    color: #fff; 
    background-color: green;
}
*/


.nav-pills > li {
    /*background-color: transparent;*/
    /*border:solid 1px red;*/
    /*float: left;*/
    /*position: relative;*/
    /*width: 19.8000%;*/
}

/*
.nav-pills > li > a > div.menu-items {
    background-color: #fbfcfe;    
    border-radius: 5px;    
    box-shadow: 0 0 10px rgba(0,0,0,0.5);    
    height: 100px;
    width:100%;           
}

.nav-pills > li > a > div.menu-items:hover {
    background-color: grey;        
    border-radius: 0;        
    box-shadow: none;     
    color: #fff; 
}

.nav-pills > li > a > div.menu-items:hover:after {
    position: absolute;
    bottom: -10px;
    left:47%;
    margin-left: -10px;
    content:"";
    display:block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid grey; 
}

  
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
   background-color: transparent;   
}

.nav-pills>li.active>a > div.menu-items,
.nav-pills>li.active>a:focus > div.menu-items,
.nav-pills>li.active>a:hover > div.menu-items {
    background-color: #464E5B;        
    border-radius: 0;        
    box-shadow: none;         
}

.nav-pills>li.active>a > div.menu-items > p,
.nav-pills>li.active>a:focus > div.menu-items > p,
.nav-pills>li.active>a:hover > div.menu-items > p{
    color: white;
}

.nav-pills>li.active>a > div.menu-items:after,
.nav-pills>li.active>a:focus > div.menu-items:after,
.nav-pills>li.active>a:hover > div.menu-items:after {
    position: absolute;
    bottom: -10px;
    left:47%;
    margin-left: -10px;
    content:"";
    display:block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #464E5B;         
}
*/


/* https://codepen.io/Thoughtworks/pen/Dyqpi */


.block4_submenu {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    padding-left: 15px;
}

.block4_submenu > a{ 
    color:white;  
    text-decoration: none;     
    
}

.block4_submenu > a:hover {    
    border-bottom: 1px dotted #000080;
    border-color: white;
}

.block4-submenu {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #547BC0;
    margin-top: 20px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 30px;
    color:white;
    margin-bottom: 60px;
}


.block3 {
    background-color: #f6f7f9; 
    color: #fff;   
}

.block3_title {
    padding-top: 50px;
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
}

.block3_iso_title {
    padding-top: 50px;
    /*text-transform: uppercase;*/
    color: #4a4a4a;
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
}

.block3_body {
    margin-top: 50px;
    padding: 10px;
}

.block3_inner > h3 {
    color:#4a4a4a;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    padding: 10px;   
    text-transform:uppercase;    
}

.block3_inner > p {   
    width: 70%;
    margin: 0 auto;
    color:#b1b2b4;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    padding-bottom: 40px;
}

.block3_inner > i {
    color: #547BC0;
}


.block5 {
    color: #fff;
    background: url('/image/second.jpg');
    height: 608px;
}

.block5_title {
    /*line-height:160px    */
    padding-top: 80px;
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
}


.block5_body {
    padding-top: 10px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.block5_icons_title {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;   
}


.block5_icons {
    padding-top: 100px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}


.block6-img-center
{
   display: block; margin-left: auto;margin-right: auto;
}

@media only screen and (max-width: 992px)  {
    .block5 {
       color: #fff;
        background: url('/image/second.jpg');
        height: 100%;
    }
    .block5_title {
        padding-top: 15px;         
    }
    .block5_icons {
        padding-top: 50px;    
    }    
}

.block6 {
    background-color: #fff;
    color: #494949;
}

.block6_title {
    padding-top: 50px;
    font-size: 32px;        
    font-weight: 800;
    font-style: normal;
}

.block6_name {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;    
}

.block6_body {
    padding-bottom: 50px;
}

@media only screen and (max-width: 992px)  {
    .block6-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*width: 50%;*/    
    }
    
    .block6-img-txt {
        text-align: center;
    }
}

.block7 {    
    background: url('/image/third.jpg');
    height: 240px;
    color: white;
}

.block7_inner {
    padding-top: 85px;    
}

@media only screen and (max-width: 992px)  {
    .block7 {    
        /* background: url('/image/third.jpg'); */
        background: url('/image/first.jpg');
        height: 450px;
    }
}
.block8 {
    /*background-color: #fff;*/
}
    
.block8_title {
    padding-top: 50px;   
    padding-bottom: 30px;
    font-size: 32px;
    font-weight: 800;
    font-style: normal;
    
}

.block8_image_outertag {
    height: 180px;
    line-height: 180px; 
    /*border: solid 1px red;    */
}

.block8_image_outertag {
    text-align: center;
    /*vertical-align: middle;*/
}
.block8_company {
    font-size: 22px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    /*border: solid 1px red;*/
    /*color: red;*/
}

.block8_area {
    color: #A3A3A5;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    /*border: solid 1px red;*/
}

.block8_text{
    color: #777777;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}




.block9 {
    background-color: #464E5B;
    color: #fff;
    
}


.block9_title {
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
}

.block9_menu {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #A3A9B5;
}

.block9_logo {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 800;
    font-style: normal;    
    
    line-height: 60px;
}

.block9_copyright {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #A3A9B5;
    
    line-height: 60px;
}

.block9_phone, .block9_email, .block9_address {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #A3A9B5;
    line-height: 60px;          
}

/*
@media only screen and (min-width: 768px)  {
    .block9_phone, .block9_email, .block9_address {
        margin-left: 45px;
    }
}
*/

.block9_address {
    line-height: 20px !important;
    padding-top: 15px;
}

.block9_address > a:hover {
    color: lightgrey;
    text-decoration: none;
}

.block9_second {
    padding-bottom: 30px;
}





.color-none, .color-none:active, .color-none:hover {
    background-color: transparent;
}

/* Clear floats after the columns */
/* ??? 
.row:after {
    content: "";
    display: table;
    clear: both;
}
*/

/*** POSITION STYLES***/

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%;*/
}

/*
.text-center {
    text-align: center;
}
*/
.ul-styling {
    list-style-type: none;
    padding-left: 0px;
}

/*** IMAGE ADDITINAL STYLES***/
.img-round {
    border-radius: 50%;
}

/** SOCIAL AND CONTACTS **/

.circle-blue {
    background-color: #4697c6;
    width: 30px;
    height: 30px;
    border-radius: 50%;    
    text-align: center;
}

.circle-blue > span {
    line-height: 30px
}

.circle-blue > span > a {
    color: #fff;    
    text-decoration: none;
}

.inline { 
    float:left; 
}


.valign {
    vertical-align: middle;
}


/*** SERVICES ***/
.card-custom {
    /* border: none; */ 
    border-radius: 0;   
    /* margin: 10px 0; */
    background-color: #464e5b;
    
}

.card-header-custom {
    background-color: transparent;
}

.card-title-button {
    color: white;    
}

.card-title-button:hover {
    color: lightgrey;
    text-decoration: none;
}

.card-body-custom {
    background-color: grey;
    background-color: #547BC0;
}

.ul-styling-custom > li > a {
    color: white;
}

.ul-styling-custom > li > a:hover {
    color: lightgrey;
    text-decoration: none;
}


.blog-title:hover > a {
    color: grey;    
    text-decoration: none;
}