html {
    scroll-behavior: smooth;
}

body {
    color: #000f50;
}

h1 {
    color: #022c8e;
}

h2 {
    color: #022c8e;
}

h4 {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.2;
    color: #022c8e;
}

a {
    color: #044ae2;
    text-decoration: none;
}

a:hover {
    color: #033bb5;
    text-decoration: underline;
}

nav.navbar {
    width: 100%;
    background: #022c8e;
}

.navbar-dark .navbar-nav .nav-link {
    color: #d8dfe8;
    margin-right: 1rem;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.navbar-dark .navbar-text {
    color: #c7d8fd;
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, .3);
}

.firm-name {
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 1.2;
}

.logotip-flex {
    display: flex;
    flex-wrap: wrap;
}

.spacer-50 {
    height: 50px;
}

.list-group-item {
    display: list-item;
}

.img-carousel-card {
    width: 100%;
    background-color: #323a45;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.img-carousel-card img {
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
}

.carousel-caption{
    color: #fff;
    text-shadow: 1px 0 3px #333, 0 -1px 3px #333, 0 1px 3px #333, -1px 0 3px #333;
}

#videos-carousel .carousel-control-prev,
.carousel-control-next {
    margin-bottom: 20%;
    margin-top: 20%;
}

.was-validated .form-control:valid {
    border-color: #ced4da;
    background: none;
}

.was-validated .form-control:invalid {
    background: none;
}

.was-validated .form-control:valid:focus {
    border-color: #ced4da;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.offer {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.offer b {
    color: #000f50;
    font-weight: 500;
}

#offers .list-group {
    counter-reset: offers;
}

#offers .list-group .list-group-item {
    padding-left: 0.2rem;
}

#offers .list-group .list-group-item span:first-of-type {
    padding-left: 1.65rem;
}

#offers .list-group .list-group-item:before {
    counter-increment: offers;
    content: counter(offers);
    position: absolute;
    color: #ccc;
    font-size: 0.8em;
    text-align: right;
    width: 1.25rem;
}

#offers .offers-containter a:last-of-type {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

#offers .offers-containter #extra-offers a:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#offers .offers-containter {
    max-height: 43rem;
    overflow-y: auto;
}

.news-block{
    padding-top: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news-block:first-of-type{
    padding-top: 0;
}

.news-block .btn{
    margin-bottom: 0;
    margin-top: auto;
    width: 50%;
}

.social-icons {
	padding-left: 0;
    list-style: none;
}
.social-icons li {
	display: inline-block;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
}
.social-icons .fab {
	font-size: 1.45em;
}
.social-icons .fab {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
}

.social-icons .fab:hover, .social-icons .fab:active {
	color: #FFF;
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-f,.social-icons .fa-facebook-square{background-color:#3C599F;}
.social-icons .fa-facebook-messenger{background-color:#0084FF;}
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-g,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-instagram{background: linear-gradient( #400080, transparent), linear-gradient( 200deg, #d047d1, #ff0000, #ffff00);}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-odnoklassniki,.social-icons .fa-odnoklassniki-square{background-color:#ed812b;} 
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-telegram,.social-icons .fa-telegram-plane{background-color:#2eaddf;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-whatsapp{background-color:#25d366;}
.social-icons .fa-viber{background-color:#665cac;}
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fab-youtube-square{background-color:#C52F30;}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #offers .list-group .list-group-item:before {
        display: none;
    }
}

.responsive-map::before {
    padding-top: 42.857143%;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    margin: 0 10px 10px 0px;
    text-decoration: none;
    display: none;
}

#return-to-top i {
    color: #000f50;
    color: rgba(0, 16, 80, 0.8);
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 20px;
}

#return-to-top:hover i {
    color: #000f50;
}

.jumbotron {
    background: #FFFFFF;
    padding: 3rem 2rem;
}

.jumbotron-2 {
    padding: 1.0em 2.1em 1.0em;
    -webkit-box-shadow: 0 5px 30px 7px rgba(163, 184, 211, 0.70);
    -moz-box-shadow: 0 5px 30px 7px rgba(163, 184, 211, 0.70);
    box-shadow: 0 5px 30px 7px rgba(163, 184, 211, 0.70);
}

.btn-primary {
    background-color: #033bb5;
    border-color: #033bb5;
}

.btn-primary:hover {
    background-color: #044ae2;
    border-color: #044ae2;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #044ae2;
    border-color: #044ae2;
}

.btn-primary:disabled {
    background-color: #033bb5;
    border-color: #033bb5;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #c7d8fd;
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem #c7d8fd;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #044ae2;
    border-color: #044ae2;
}

.badge-primary {
    color: #717f9e;
    background-color: #dce7ff;
    padding: 5px 7px 5px 10px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #c7d8fd;
}

.btn-outline-primary {
    color: #044ae2;
    background-color: transparent;
    background-image: none;
    border-color: #044ae2;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #044ae2;
    border-color: #044ae2;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #044ae2;
    border-color: #044ae2;
}

.btn-outline-primary:disabled {
    background-color: #044ae2;
    border-color: #044ae2;
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem #c7d8fd;
}

.btn-outline-secondary {
    color: #717f9e;
    background-color: transparent;
    background-image: none;
    border-color: #717f9e;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #717f9e;
    background-image: none;
    border-color: #717f9e;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: #717f9e;
    border-color: #717f9e;
}

.btn-outline-secondary:disabled {
    background-color: #717f9e;
    border-color: #717f9e;
}

.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem #c7d8fd;
}

.user-content {
    overflow-x: hidden;
}

h1.kw {
    padding: 5px;
    color: #6b89af;
    font-size: 80%;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: #e5ebf3 3px solid;
}

footer p {
  font-size: 80%;
  font-weight: normal;
  line-height: 1.5;
  color: #6b89af;
}

footer a {
  padding: 0px 30px 3px 3px;
  color: #6b89af;
  font-weight: normal;
  line-height: 1.5;
  text-decoration: none;
}

footer a:hover {
  text-decoration: none;
}

.list-counter-circle {
  list-style: none;
  counter-reset: list;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.list-counter-circle>li {
  position: relative;
  display: block;
  line-height: 2rem;
  margin-left: 1.75rem;
  margin-bottom: .25rem;
  padding-left: 1rem;
  padding-right: .5rem;
  color: #333;
  background: #f8f9fa;
  border-radius: .25rem
}

.list-counter-circle>li:last-child {
  margin-bottom: 0;
}

.list-counter-circle>li::before {
  content: counter(list);
  counter-increment: list;
  position: absolute;
  left: -2rem;
  top: -.25rem;
  bottom: -.25rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2rem;
  border-radius: 1.25rem;
  border: .25rem solid #fff;
  text-align: center;
  color: #333;
  background: #f8f9fa;
  padding-left: 0.2rem;
}

nav .page-link {
    color: #6b89af;
}

nav .page-link:hover {
    color: #6b89af;
}

nav .page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #6b89af;
    border-color: #6b89af;
}

@media screen and (min-width: 768px) {
    .news-block{
        padding-top: 0;
    }
    .news-block .btn{
        margin-bottom: 3rem;
    }    
}

@media screen and (max-width: 768px) {
    .firm-name {
        font-size: 2.5rem;
    }
    .logotip-flex {
        display: block;
    }
    .img-carousel-card {
        min-height: 400px;
    }
    .img-carousel-card img {
        max-height: 400px;
    }
    #offers .offers-containter {
        max-height: 55rem;
    }
    .responsive-map::before {
        padding-top: 56.25%;
    }
}

@media screen and (max-width: 576px) {
    .firm-name {
        font-size: 2.0rem;
    }
    .img-carousel-card {
        min-height: 300px;
    }
    .img-carousel-card img {
        max-height: 300px;
    }
    #offers .offers-containter {
        max-height: 60rem;
    }
    .responsive-map::before {
        padding-top: 75%;
    }
    .jumbotron {
        padding: 2rem 1rem;
    }
    .jumbotron-2 {
        -webkit-box-shadow: 0 0px 5px 5px rgba(163, 184, 211, 0.50);
        -moz-box-shadow: 0 0px 5px 5px rgba(163, 184, 211, 0.50);
        box-shadow: 0 0px 5px 5px rgba(163, 184, 211, 0.50);
    }
    #return-to-top {
        bottom: 10px;
        right: 10px;
    }
}