@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800');
body {  font-family: 'Montserrat', sans-serif;color:#1C1C1C;background:#eee;}

header.masthead {
  position: relative;
  overflow: hidden;
  background: url('../img/slider02.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  min-height: 640px;
}
header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}
header.masthead .masthead-content .masthead-heading {
  font-size: 3rem;
  color: #fff;
  text-transform: uppercase;
   line-height: 1.7em;
}
header.masthead .masthead-content .masthead-subheading {
  font-size: 2rem;
  color: #fff;
  line-height: 1.7em;
}
.navbar-dark {background: rgba(0,0,0,0.75);}
li.nav-item {margin: 0 14px;}
li.nav-item a {color: #fff;}
a.navbar-brand img {width: 130px;}
a.contacts {font-size: 18px;text-decoration: none;}
a.btn-primary {background: #426ebc;padding: 10px 25px;}

ul.dropdown-menu {background: rgba(0,0,0,0.75);border:1px solid #8fb8e0;}
ul.dropdown-menu li {}

.justify-content-end .nav-item {line-height: 0px;}
h3.display-4 {font-size: 36px;}

.services {  position: relative;
  overflow: hidden;
  background: url('../img/background6.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  min-height: 640px;
}
.services h2 {font-size: 36px;margin: 15px;}
.services .blocl {background: #fff;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}
.services h2.h4 {font-size: 20px;text-align: center;}
.services a.licon img {width: 80px;}
.services .blocl:hover {background: #8fb8e0;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}

.advantages {
	background: #eee;
}

.advantages .col-lg-4 {padding: 25px;color: #fff;min-height: 250px;}
.advantages .col-lg-4 img {width: 100%;}
.advantages .pad1 {
	background: url('../img/adv-01.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.advantages .pad2 {
	background: url('../img/adv-02.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.advantages .pad3 {
	background: url('../img/adv-03.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.advantages .pad4 {
	background: url('../img/adv-04.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.advantages .pad5 {
	background: url('../img/adv-05.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.advantages h2 {font-size: 36px;margin: 15px;}
.advantages .blocl {background: #fff;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}
.advantages h2.h4 {font-size: 20px;text-align: center;}
.advantages a.licon img {width: 80px;}
.advantages .blocl:hover {background: #8fb8e0;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}

.advwide {
	background: url('../img/adv-wide.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  height: auto;
}
.advwide .col-md-6 h3 {margin:135px 0;color: #fff;text-align: center;font-size: 32px;padding: 15px 15px;}

.aboutus {
background: #fff;
padding:35px 0;
}
.aboutus h2 {text-align: center;margin:25px 0;font-size: 36px;}
.aboutus img {width: 100%;}

.more {background: #eee;}
.more h2 {font-size: 36px;margin: 15px;}
.more .blocl {background: #fff;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}
.more h2.h4 {font-size: 20px;text-align: center;}
.more a.licon img {width: 80px;}
.more .blocl:hover {background: #8fb8e0;padding:15px;border:1px solid #8fb8e0;border-radius: 10px;margin:15px 0;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)}


@media (min-width: 668px) {
.offices .backgr {width: 100%;
  background:rgba(0,0,0,0.5);z-index: 1;position: relative;margin-top: -20px;}
.offices span {position: absolute;top: 95px;left:155px;margin:0 auto;width: 90%;background: #1E1F20;width: 300px;border-radius: 15px;color: #fff;padding: 15px;z-index: 1;line-height: 1.7;}
.offices span h2 {font-size: 18px;}
}


@media (max-width: 668px) {
.offices .backgr {width: 100%;
  background:rgba(0,0,0,0.5);z-index: 1;position: relative;margin-top: -40px;}
.offices span {position: absolute;top: 45px;left:45px;margin:0 auto;width: 40%;background: #1E1F20;width: 300px;border-radius: 15px;color: #fff;padding: 15px;z-index: 1;line-height: 1.7;}
.offices span h2 {font-size: 18px;}
}

footer, footer a {color: #eee;text-decoration: none;}