@font-face { font-family: GothamPro; src: url('fonts/GothamPro.woff'); }
@font-face { font-family: GothamPro; font-weight: bold; src: url('fonts/GothamPro-Bold.woff');}
@font-face { font-family: GothamPro; font-weight: 600; src: url('fonts/GothamPro-Medium.woff');}

* {
    padding: 0;
    margin: 0;
    font-family: GothamPro, Arial;
    /*font-size: 0.99vw;*/
}

a {
    text-decoration: none;
    color: #fff;
}

ul {
    list-style: none;
}

.img {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.child-img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.img:hover .child-img,
.img:focus .child-img {
    transform: scale(1.2);
    transition: all .5s;
}
.child::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52, 73, 94, 0.75);
}

.parent:hover .child:before,
.parent:focus .child:before {
    display: block;
}

.header {
    /*height: 68px;*/
    background-color: #333b41;
}

.nav {
    display: flex;
    justify-content: center;
}

.topnav {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.menu-item,
.menu-sub-item {
    color: #fff;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
}

.menu-item a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 1rem;
    height: 100%;
    font-size: 0.9vw;
}

.menu-sub-item a {
    font-weight: normal;
    font-size: 0.9vw;
}

.menu-item .dropdown a {
    color: #fff;
    text-transform: none;
}

.menu-item:hover,
.menu-item:focus-within {
    background-color: #e00000;
    cursor: pointer;
}

.menu-item.active {
    background-color: #e00000;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.menu-item:focus-within a {
    outline: none;
}

.menu-item .dropdown,
.menu-sub-item .dropdown {
    /* background-color: rgba(51,59,65, 0.6); */
    background-color: rgb(0 0 0 / 80%);
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    /* margin-top: 1rem; */
    left: 0;
    display: none;
    padding: 10px 20px 20px;
    width: 295px;
    z-index: 999;
}

.menu-sub-item .dropdown {
    left: 165px;
    top: 0;
}
.menu-sub-item .dropdown a {
    text-decoration: none;
}

.menu-item:hover > .dropdown,
.menu-item:focus-within > .dropdown,
.menu-item .dropdown:hover,
.menu-item .dropdown:focus,
.menu-sub-item:hover > .dropdown,
.menu-sub-item:focus-within > .dropdown,
.menu-sub-item .dropdown:hover,
.menu-sub-item .dropdown:focus {
    visibility: visible;
    opacity: 1;
    display: block;
}

.menu-item .dropdown li,
.menu-sub-item .dropdown li {
    clear: both;
    width: 100%;
    padding-top: 10px;
}

.menu-item .dropdown li a:hover {
    color: #e00000;
}

.subheader {
    display: flex;
    justify-content: center;
    height: 91px;
    background-color: #dce1e0;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
    text-align: center;
    text-align: center;
}

.subheader .title {
    font-size: 1.5vw;
    text-transform: uppercase;
	font-weight: bold;
}

.subheader .subtitle,
.subheader .subtitle a {
    color: #e00000;
    font-size: 1.5vw;
    padding: 10px 0 0 0;
	font-weight: bold;
}

.content-inner {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto;
}

.breadcrumbs {
    padding: 10px 0;
    border-bottom: 1px solid #000;
    width: 100%;
}

.breadcrumbs a{
    color: #000;
    font-size: 1.2vw;
}

.content-page{
}

.content .slider {
    background: url("img/top_pict.jpg");
    width: 100%;
    height: 0;
    padding-bottom: 25%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.content .description-wrapper {
    color: #fff;
    background: url("img/midl_pict.jpg");
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .description-wrapper .description {
    width: 80%;
    position: relative;
    padding-left: 30px;
    font-size: 1.3vw;
}

.links-block::before,
.content .description-wrapper .description::before {
    content: "";
    background-color: #fff;
    width: 7px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.products-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.products-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.industries-wrapper .title,
.products-wrapper .title {
    color: #e00000;
    font-size: 3vw;
    padding: 20px 0;
    text-align: center;
	font-weight: bold;
}

.products-wrapper .product-item {
    display: flex;
    flex-direction: column;
    width: 350px;
    margin-right: 50px;
}

.products-wrapper .product-item .product-img {
    width: 350px;
    height: 175px;
}

.product-title {
    color: #008499;
    margin: 25px 0 10px 0;
    font-size: 1.5vw;
	font-weight: bold;
}

.product-info {
    font-size: 0.8vw;
}

.product-desc {
    font-size: 1.2vw;
    text-align: justify;
}

.product-more {
    position: relative;
    padding: 20px 0;
}

.product-more a {
    font-size: 1.2vw;
    color: #e00000;
}

.product-more::before {
    content: "";
    background-color: black;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 11px;
}

.facilities-wrapper {
    color: #e00000;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.facility-object {
    border-radius: 10px;
    width: 470px;
    height: 350px;
    background-color: #dce1e0;
    margin-right: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.facility-img {
    height: 257px;
    width: 380px;
    margin: 0 auto;
}

.facility-title a{
    font-size: 1.3vw;
	font-weight: bold;
    color: #e00000;
}

.industries-wrapper {
    margin-top: 40px;
    padding-bottom: 50px;
    background-color: #dce1e0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.industries-wrapper .pictures {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.industries-wrapper .pictures-row {
    display: flex;
    flex-wrap: wrap;
}

.industries-wrapper .pictures .image {
    flex: 1 0 21%;
    margin: 20px 5px;
    width: 246px;
    height: 246px;
}

.industries-wrapper .subtitle {
    width: 55%;
    font-size: 1.2vw;
    text-align: center;
    padding-bottom: 20px;
}

.industries-wrapper .industries-more {
    background-color: #333b41;
    color: #fff;
    height: 55px;
    width: 310px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    text-align: center;
}

.industries-wrapper .industries-more a {
    font-size: 1.2vw;
}

.values-wrapper {
    background: url("img/midl_pict1.jpg") right;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-color: #41484e;
}

.values-wrapper ul {
    list-style: none;
}

.values-wrapper .title {
    font-size: 3vw;
    margin: 10px 5px 0;
}

.values-list {
    font-size: 1.6vw;
    font-style: italic;
    padding: 15px;
}

.values-list li {
    font-size: 1.3vw;
}

.clients-feedback {
    padding: 15px 0 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.clients-feedback .title {
    font-size: 3vw;
	font-weight: bold;
}

.clients-feedback .subtitle {
    font-size: 1.5vw;
    width: 50%;
    text-align: center;
    padding-top: 15px;
}

.quotes-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.quote-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quote {
    position: relative;
    width: 305px;
    padding: 15px 20px 20px;
    margin: 20px;
    border: 1px solid #028ccd;
    border-radius: 50px;
    background-color: #028ccd;
    text-align: justify;
    color: #fff;
}

.quote:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 50%;
    border-width: 50px 33px 0 0;
    border-style: solid;
    border-color: #028ccd transparent;
    transform: skewX(-15deg);
}

.quote-text {
    font-style: italic;
    font-size: 0.8vw;
}

.quote-author {
    color: #028ccd;
    font-weight: bold;
    text-align: center;
    padding: 40px;
}

.logos {
    align-items: center;
    background-color: #eeeee9;
    padding: 30px 0;
    display: flex;
    justify-content: space-evenly;
}

.logos .logo {
    margin-right: 40px;
    width: 225px;
    height: 86px;
}

.footer-links {
    color: #fff;
    background-color: #333b41;
    padding: 15px;
    display: flex;
    justify-content: space-around;
}
.footer-copyright {
    color: #fff;
    padding: 20px;
    background-color: #333b41;
    text-align: center;
}

.links-title {
    font-weight: bold;
    padding-bottom: 5px;
    margin-top: 20px;
}

.links-content {
    padding-left: 15px;
    line-height: 25px;
}

.links-block {
    position: relative;
    width: 33%;
}

.links-block::before {
    width: 2px;
    left: -25px;
}

.links-block:first-child::before {
    width: 0;
}

.links-block-wrapper {
    /* display: flex;
    flex-direction: column; */
}

.footer-contacts {
    align-items: center;
    background-color: #e3e3e3;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.footer-contacts .description {
    text-align: center;
}

.footer-contacts .description .title {
    font-size: 1.5vw;
}

.footer-contacts .description .subtitle,
.footer-contacts .description .subtitle a {
    color: #ff161c;
    font-size: 1.5vw;
}

.footer-contacts .logo img {
    height: 96px;
    width: 196px;
}

.docs-list li {
    padding-top: 5px;
}

.docs-list a {
    color: #0254b1;
}

.footer-contacts .subtitle {
    padding-top: 5px;
}

.map-responsive {
    height: 100%;
}

.map-responsive {
    overflow: hidden;
    position: relative;
    height: 330px;
    width: 100%;
    flex-grow: 1;
}

.map-responsive iframe {
    width: 100%;
}

.simple-text-block b {
    font-size: 1.4vw;
}