.cursor-pointer {
  cursor: pointer !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-progress {
  cursor: progress !important;
}

.cursor-zoom-in {
  cursor: zoom-in !important;
}

.cursor-zoom-out {
  cursor: zoom-out !important;
}

.cursor-none {
  cursor: none !important;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Italic';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Italic.woff') format('woff'),
    url('../fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Light Italic';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-LightItalic.woff') format('woff'),
    url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Medium.woff') format('woff'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Semibold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Black';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Black.woff') format('woff'),
    url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Europa';
    src: url('../fonts/europenormal.eot');
    src: url('../fonts/europenormal.eot?#iefix') format('embedded-opentype'),
    url('../fonts/europenormal.woff') format('woff'),
    url('../fonts/europenormal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EuropaBold';
    src: url('../fonts/europebold.eot');
    src: url('../fonts/europebold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/europebold.woff') format('woff'),
    url('../fonts/europebold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.ra{
    position:relative;
}
.ra::before{
    content:'';
    display:block;
}
.ra-1_1::before{
    padding-top:100%;
}
.ra-1_2::before{
    padding-top:200%;
}
.ra-1_3::before{
    padding-top:300%;
}
.ra-2_3::before{
    padding-top:150%;
}
.ra-3_4::before{
    padding-top:133.33333333%;
}
.ra-2_1::before{
    padding-top:50%;
}
.ra-2_1_1::before{
    padding-top:31%;
}
.ra-3_2::before{
    padding-top:66.6666666%
}
.ra-4_3::before{
    padding-top:74.25%;
}
.ra-5_4::before{
    padding-top:72%;
}
.ra-16_9::before{
    padding-top:56.25%;
}
.ra-16_10::before{
    padding-top:62.5%;
}
.ra-16_14::before{
    padding-top:96.5%;
}
.ra-16_14_1::before{
    padding-top:126%;
}
.ra-16_12::before{
    padding-top:84.5%;
}

.ra-container {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin: auto;
}

.ra-container img {
    position: absolute;
}

.ra-container img:not(.width100):not(.height100) {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.ra-container img.width100 {
    width: 100%;
    height:auto;
    max-height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.ra-container img.height100 {
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    transform: translateX(-50%);
}

.ra-container img.kvadrat {
    max-width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.ra-container img.no_transform {
    left: 0 !important;
    top:0 !important;
    transform: none !important;
}

html,
body {
    font-family: 'Montserrat Regular';
    color: #1f6fb4; 
}

.text-inherit {color: #1f6fb4 !important;}

a {color: inherit; text-decoration: none;}

nav .container-fluid,
section .container-fluid,
header .container-fluid,
footer .container-fluid {max-width: 1580px;}

.text-dark {color: #737373 !important;}
.navbar-brand {width: 152px;}
.bg-light {background-color: #f5f5f5 !important;}
.btn.btn-warning {background-color: #e08700 !important;}

.btn {border-color: transparent; border-radius: 10px;}
.ra-navbar-phone {width: 37px;}
.text-smaller {font-size: 12px;}

.border-primary {border-color: #005baa !important;}
.text-primary {color: #005baa !important;}
h1, h2, h3 {font-family: 'EuropaBold';}
.letter-spacing {letter-spacing: 0.15rem;}

.text-warning {color: #f39200 !important;}
.form-control {border-radius: 8px;}
.box-shadow {box-shadow: 0 0 10px #dddddd;}
.border-radius {border-radius: 14px !important;}

.ra-serv-list {width: 72px;}
.serv-list-text {max-width: calc(100% - 130px);}

.servicesListItem.active .ra-serv-list {width: 181px;}
.servicesListItem.active .serv-list-text {max-width: calc(100% - 240px);}

.servicesListItem .b-icons {width: 40px;}

.bi-x-lg {display: none !important;}
.servicesListItem.active .bi-plus-lg {display: none !important;}
.servicesListItem.active .bi-x-lg {display: flex !important;}

.servicesListItem .text-wrap.detail {display: none;}
.servicesListItem.active .text-wrap.detail {display: block;}
.servicesListItem.active .text-wrap.preview {display: none;}

.ffBold {font-family: 'EuropaBold' !important;}
.ffEur {font-family: 'Europa' !important;}
.bg-muted {background-color: #f8f8f8 !important;}
.ra-projects-list {width: 431px;}
.projectsListItemInfo {width: calc(100% - 456px)}

.ra-contacts {width: 243px;}
.contactsRowInfo {width: calc(100% - 268px);}
.ffMntsrBold {font-family: 'Montserrat Bold' !important;}
.mix-blend-multiply {mix-blend-mode: multiply !important;}
.ra-contacts img {top: -0.8rem !important; right: -0.8rem !important; left: auto !important; transform: none !important;}
.ra-contacts .ra-container {overflow: visible;}
.container-fluid-add {width: 100%; max-width: 1850px; margin-left: auto; margin-right: auto; background-image: url(../images/bg.png); background-repeat: no-repeat; background-position: left center;}
#about .container-fluid-add {max-width: 1920px; background-position: right 0.7rem;}
.border-warning {border-color: #f39200 !important;}

.projectsList .btn-group button:hover,
.projectsList .btn-group button.active {
    background: linear-gradient(90deg, #1B4790 -0.03%, #1A7BBF 100.02%);
    color: #ffffff !important;
}

.brand-img-wrap {width: 170px; max-width: calc(100% - 30px); height: 70px; border: 1px solid #000000;}
.errorField {border-color: #ff5555 !important;}
.border-transparent {border-color: transparent !important;}
.modal form .col-form-label {padding-top: 0 !important;}

@media screen and (min-width: 576px) {
    .fs-sm-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-sm-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-sm-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-sm-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-sm-5 {font-size: 1.25rem !important;}
    .fs-sm-6 {font-size: 1rem !important;}
    
    .w-sm-100 {width: 100% !important;}
}

@media screen and (min-width: 768px) {
    .fs-md-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-md-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-md-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-md-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-md-5 {font-size: 1.25rem !important;}
    .fs-md-6 {font-size: 1rem !important;}
    
    .w-md-100 {width: 100% !important;}
}

@media screen and (min-width: 992px) {
    .fs-lg-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-lg-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-lg-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-lg-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-lg-5 {font-size: 1.25rem !important;}
    .fs-lg-6 {font-size: 1rem !important;}
    
    .w-lg-100 {width: 100% !important;}
}

@media screen and (min-width: 1200px) {
    .fs-xl-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-xl-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-xl-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-xl-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-xl-5 {font-size: 1.25rem !important;}
    .fs-xl-6 {font-size: 1rem !important;}
    
    .w-xl-100 {width: 100% !important;}
}

@media screen and (min-width: 1400px) {
    .fs-xxl-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-xxl-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-xxl-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-xxl-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-xxl-5 {font-size: 1.25rem !important;}
    .fs-xxl-6 {font-size: 1rem !important;}
    
    .w-xxl-100 {width: 100% !important;}
}

@media screen and (max-width: 1679px) {
    .container-fluid-add {background-image: none;}
}

@media screen and (max-width: 991px) {
.projectsListItemInfo {width: 100%;}
}

@media screen and (max-width: 767px) {
.contactsRowInfo {width: 100%;}

.serv-list-row {
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
}

.serv-list-text, .servicesListItem.active .serv-list-text {max-width: calc(100% - 50px);}
}

@media screen and (max-width: 610px) {
    
    .navbar-brand {
    width: 116px;
}
    
}

@media screen and (max-width: 575px) {
    .fs-xs-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-xs-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-xs-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-xs-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-xs-5 {font-size: 1.25rem !important;}
    .fs-xs-6 {font-size: 1rem !important;}
    
    .w-xs-100 {width: 100% !important;}
    .ra-projects-list {width: 100%;}
}

}