@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: Segoe UI, sans-serif;
}
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
/*START color START*/

.navMenu .navItems a,
footer,
.sideBar li a.active,
.weOffer h2,
.modalCall,
.modalCall:hover,
.buttonSubmit,
.contactFeedback,
.navMenu .navItems .dropdown-menu .navItems:hover a,
.navMenu .navItems .dropdown-menu .navItems.active a {
  color: #fff;
}
.navMenu .navItems .dropdown-menu a,
.sideBar li a,
body,
.numberCall td a {
  color: #000;
}
.weOffer .services {
  color: #224fa9;
}
.it-smart a {
  color: #e54c4c;
}
.mail__link:hover,
.phone__link:hover,
.mail__link:focus,
.phone__link:focus {
  color: #666;
}
/* END color END*/

/*START background START*/

footer,
nav,
.weOffer h2,
.modalCall,
.buttonSubmit {
  background: #224fa9;
}
.navMenu .navItems.active,
.navMenu .navItems:hover,
.sideBar li a.active,
.modalCall:hover,
.buttonSubmit:hover {
  background: #4276de;
}
.navbar-toggler span,
.buttonCancel {
  background: #fff;
}
.sideBar li a,
.whyWe,
.formFeedback {
  background: #e9ecef;
}
.sideBar li a:hover {
  background: #97c1eb;
}
.buttonCancel:hover {
  background: #ffc6c6;
}
/*END background END*/

/*START width and height START*/

.imgWidth img,
.logo img,
footer,
nav,
.sideBar li a,
.whyWe img,
.modalCall,
.navMenu .navItems a {
  width: 100%;
}
.weOffer .services,
.formFeedback {
  height: 100%;
}
/* END width and height END*/

/*START flex START*/

.navMenu,
.navMenu .navItems,
.flexHeader,
.sideBar li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.weOffer .services,
.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.navMenu {
  justify-content: center;
}
/*END flex END*/

/*START animate START*/

.modalCall,
.buttonCancel,
.buttonSubmit {
  transition: all 0.3s ease 0s;
}
/*END animate END*/

/*START cursor START*/

.buttonCancel:hover,
.buttonSubmit:hover {
  cursor: pointer;
}
/*END cursor END*/

/*START padding START*/

footer {
  padding: 1.3% 0;
}
header,
.whyWe {
  padding: 10px 0;
}
.navMenu .navItems a {
  padding: 10px;
}
.sideBar,
.flexHeader p {
  padding-left: 0;
}
.sideBar li a {
  padding: 4% 5.5%;
}
.weOffer .services {
  padding: 10%;
}
.buttonSubmit,
.buttonCancel {
  padding: 2% 4%;
}
.modalCall,
.contactFeedback,
.formFeedback {
  padding: 6%;
  border-radius: 10px;
}
.whyWe img {
  padding: 20%;
}
.weOffer h2 {
  padding: 0.3% 0 0.5%;
}
/*END padding END*/

/*START border START*/

button.navbar-toggler,
.buttonCancel,
.buttonSubmit {
  border-radius: 7px;
}
.modalCall {
  border-radius: 5px;
}
.contactFeedback {
  border-radius: 10px;
}
.buttonSubmit,
.buttonCancel,
.button.navbar-toggler {
  border: 2px solid;
}
.weOffer .services {
  border: 4px solid;
}
.owl-carousel.banner {
  border-bottom: 2px solid;
}
.owl-carousel.banner {
  border-color: #bab5b5;
}
.buttonCancel,
.buttonSubmit {
  border-color: #f00;
}
.weOffer .services {
  border-color: #224fa9;
}
button.navbar-toggler {
  border-color: #fff;
}
/*END border END*/

footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.navMenu .navItems a {
  font-size: 18px;
  text-transform: uppercase;
}
.navMenu .navItems:hover a,
.sideBar a {
  text-decoration: none;
}
.navbar-toggler span {
  width: 30px;
  height: 3px;
  display: block;
  margin: 5px 0;
}
button.navbar-toggler {
  outline: none;
  margin-left: 2%;
}
.sideBar,
.flexHeader p {
  margin-bottom: 0;
  list-style-type: none;
}
section,
.weOffer h2 {
  margin-bottom: 2%;
}
.leftBar h3,
.weOffer h2,
.weOffer .services,
.aboutUs,
.whyWe h2,
.contactFeedback,
.modalCall,
.navMenu .navItems a {
  text-align: center;
}
.numberCall td {
  text-align: right;
}
.weOffer .services,
.weOffer h2,
.aboutUs h1,
.whyWe h2,
.navMenu .navItems a {
  font-weight: bold;
}
.weOffer .services {
  height: 100%;
  margin-bottom: 20px;
}
.numberCall th {
  vertical-align: top;
}
.modalCall,
.buttonSubmit,
.buttonSubmit:active,
.buttonSubmit:focus,
.buttonCancel,
.buttonCancel:active,
.buttonCancel:focus,
.close,
.close:active,
.close:focus {
  outline: none;
}
.contactFeedback {
  -webkit-box-shadow: 10px 10px 26px -9px rgba(0, 0, 0, 0.64);
  -moz-box-shadow: 10px 10px 26px -9px rgba(0, 0, 0, 0.64);
  box-shadow: 10px 10px 26px -9px rgba(0, 0, 0, 0.64);
}
textarea {
  resize: none;
  margin-bottom: 30px;
}
.logo__link {
  color: #39425B;
  font-size: 30px;
}
.mail__link,
.phone__link {
  color: #555;
  font-weight: bold;
}
.imgBorder img {
  width: 100%;
  border: 2px solid #c7c9cb;
  padding: 4px;
}
.contactFeedback {
  background: url("/images/bg-about1.png") 0 0 repeat;
  color: #39425B;
}
.text-indent p {
  text-indent: 20px;
}
.formFeedback input {
  margin-bottom: 30px;
}
.formFeedback h2 {
  color: #39425B;
}
.owl-carousel.banner .item,
.owl-carousel.partners .item {
  background-position: center center;
  background-repeat: no-repeat;
}
.owl-carousel.banner .item {
  background-size: cover;
}
.owl-carousel.partners .item {
  height: 140px;
  background-size: 100%;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: inherit;
  touch-action: inherit;
}
.service__table td {
  padding: 10px;
}
.dropdown-menu {
  padding: 0;
}