@font-face {
  font-family: narrow;
  src: url(../fonts/Narrow.ttf); }
@font-face {
  font-family: narrowBold;
  src: url(../fonts/Narrow-Bold.ttf); }
.justify {
  text-align: justify; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.pointer {
  cursor: pointer; }

.img-center {
  margin: 0 auto; }

.access {
  margin-top: 15px; }

label {
  margin-top: 15px;
  margin-left: 5px; }

.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important; }

body {
  font-family: 'narrow'; }

h1, h2, h3, h4 {
  margin-top: 0px; }

.header {
  height: auto;
  font-size: 20px;
  color: #777; }
  .header .logo {
    padding-top: 13px;
    padding-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .header .logo {
        text-align: left !important; } }
    .header .logo img {
      width: 160px;
      height: auto; }
  .header .menu-icon {
    font-size: 22px;
    padding-top: 20px;
    color: #2E3192;
    cursor: pointer;
    text-align: right !important; }
  .header .head .item {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 30px; }
    .header .head .item:hover {
      color: #000;
      cursor: pointer;
      transition: 0.3s; }

.us {
  background: #2E3192;
  background-image: url("../images/rombos.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #FFF;
  padding-top: 40px;
  padding-bottom: 32px; }
  .us p {
    font-size: 18px; }

.more {
  background: #F5F5F5;
  padding-top: 50px;
  padding-bottom: 50px; }
  .more h2 {
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 50px; }
  .more p {
    font-size: 20px;
    margin-bottom: 30px; }
  .more .clients p {
    font-size: 19px;
    margin-bottom: 2px; }
    @media screen and (max-width: 768px) {
      .more .clients p {
        font-size: 17px; } }
  .more .row-more {
    margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .more .img-client {
      margin-top: 25px; } }
  .more .glyphicon {
    margin-right: 10px; }
  .more .bttn {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #aaa9a9;
    transition: 0.3s;
    color: #000;
    font-size: 20px;
    max-width: 150px;
    margin: 0 auto; }
    .more .bttn:hover {
      background: #eaeaea;
      cursor: pointer; }

.providers {
  padding-top: 45px;
  padding-bottom: 5px;
  background-color: #292929;
  background-image: url("../images/rombos.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #FFF;
  text-align: center; }
  .providers h2 {
    margin-bottom: 45px;
    font-size: 32px; }
  .providers p {
    font-size: 20px;
    margin-bottom: 40px; }
  .providers img {
    margin-bottom: 45px; }
  .providers input, .providers textarea {
    padding: 5px;
    background-color: #000;
    border-color: #777;
    border: 1px solid #777;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px; }
  .providers .btn {
    font-size: 18px; }
  .providers textarea {
    height: 135px; }

.projects {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #292929;
  background-image: url("../images/rombos.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #FFF;
  text-align: center; }
  .projects p {
    font-size: 20px;
    margin-bottom: 40px; }
  .projects img {
    margin-bottom: 10px;
    margin-top: 30px; }
  .projects h3 {
    margin-top: 0px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .projects h3 {
        font-size: 16px !important; } }

.products {
  height: 200px;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .products {
      height: 125px; } }
  @media screen and (max-width: 767px) {
    .products {
      height: auto; } }
  .products .tag {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: url("../images/back.png");
    background-repeat: repeat;
    color: #FFFFFF;
    font-size: 32px;
    text-align: center;
    cursor: pointer; }
    .products .tag span {
      top: 15% !important;
      display: block;
      position: relative; }
      @media screen and (min-width: 1200px) {
        .products .tag span {
          top: 15% !important; } }
      @media screen and (min-width: 1600px) {
        .products .tag span {
          top: 10% !important; } }
    @media screen and (max-width: 1200px) {
      .products .tag {
        padding-top: 25px;
        font-size: 28px; } }
  .products .img {
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .products .img {
        height: 120px; } }
  .products img {
    width: 100%;
    height: 100%; }

.footer {
  padding-top: 15px;
  padding-bottom: 30px;
  background: #F5F5F5; }
  .footer .title {
    font-size: 19px;
    font-family: 'narrowBold';
    margin-bottom: 15px;
    margin-top: 15px; }
  .footer .info {
    font-size: 17px; }
    .footer .info p {
      margin-bottom: 5px; }

.sign {
  background: #e8e8e8;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #777; }

.map {
  height: 300px; }

.register {
  border: 1px solid #c1c1c1;
  padding: 15px;
  border-radius: 5px;
  background: #f4f4f4; }

.button {
  font-size: 24px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px; }

.btn-primary {
  color: #FFFFFF;
  background-color: #2E3192;
  border-color: #2E3192; }

.modal-header {
  background-color: #2E3192 !important;
  color: #FFF;
  font-size: 22px; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #5458B8;
  border-color: #2E3192; }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2E3192;
  border-color: #2E3192; }

.btn-primary .badge {
  color: #2E3192;
  background-color: #FFFFFF; }

.panel-primary .panel-heading {
  background-color: #2E3192; }

.nav > li > a {
  color: #2E3192 !important; }

/*# sourceMappingURL=cotus.css.map */