/* 
Theme Name: Nera
Author: mauhru
Version: 1.0
*/

body {
   font-family: 'Fira Sans', sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #828282;
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
}



ul {
   margin: 0;
   padding: 0px;
   list-style: none;
}

h1 {
   font-size: 60px;
}

h2 {
   color: #111;
   font-weight: 100;
   margin-bottom: 30px;
}


h3,
h4,
h5 {
   color: #333c4d;
   font-weight: 200;
   margin-bottom: 20px;
}


a h4:hover {
   text-decoration: underline;
}


p {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #828282;
   padding-bottom: 15px;
}

@font-face {
   font-family: 'FontAwesome';
   src: local('FontAwesome');
}

ul li {
   font-family: 'Fira Sans', sans-serif;
   font-size: 15px;
   line-height: 27px;
   list-style-type: none;
   color: #828282;
}

a {
   color: #828282;
}

a:hover {
   color: #009be3;
}


img {
   max-width: 100%;
   height: auto;
}


.branding img#logo {
   max-width: initial;
   margin-left: -15px;
}


.clear {
   clear: both;
}


.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}


.caption {
   text-align: center;
   margin-bottom: 70px;
}

.btn-cta-primary {
   color: #ffffff !important;
   padding: 15px 30px 15px 30px !important;
   border-radius: 0px;
   font-size: 12px;
   letter-spacing: 2px;
   transition: all .2s ease-in-out;
   position: relative;
   margin-top: 25px;
   text-transform: uppercase;
   font-weight: 500;
}

.btn-cta-blue {
   background-color: #e3263b;
}

.btn-cta-blue:hover {
   background-color: #fff;
   color: #e3263b !important;
}



a.more {
   transition: all .2s ease-in-out;
   font-size: 14px !important;
   margin-top: 10px;
   font-weight: 400;
}

a.more:hover * {
   color: #e3263b;
   padding-left: 10px;
}


a.more i.fa {
   font-size: 15px !important;
   font-weight: bold;
   border: none;
   cursor: pointer;
   margin-right: 5px;
   transition: all .2s ease-in-out;
}


a.more i.fa:hover {
   color: #e3263b;

}



/***************** NAV ***************/

#top-nav {
   transition: all 0.2s linear 0s;

}

.navbar-fixed-top {
   background-color: transparent;
   border: none;
}


.navbar-fixed-top li a {
   color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   transition: color 0.3s, border 0.3s;
}

.navbar-default .navbar-nav .activenav a {
   border-bottom: 1px solid #e3263b;
}

.navbar-default .navbar-nav .activenav a:hover {
   border-bottom: 1px solid #e3263b;
}

.navbar-nav>li>a {
   border-bottom: 1px solid transparent;
   transition: color 0.3s, border 0.3s;
}

.navbar-fixed-top .navbar-nav>li>a:hover {
   border-bottom: 1px solid #fff;
}


.fixed-header {
   background: #fff !important;
   box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.1);
}

.fixed-header .navbar-nav>li>a {
   color: #828282;
   opacity: 1;
}

.fixed-header .navbar-default .navbar-nav .activenav a {
   opacity: 1;
}

.fixed-header .navbar-nav>li>a:hover {
   border-bottom: 1px solid #111;
}


#top-nav.navbar-scroll-changed {
   background: none;
   margin: 0 auto;
   border: 0;
   padding-top: 15px;
   padding-bottom: 15px;
}

ul#menu-main-top-lang {
   display: inline-flex
}

#menu-main-top-lang li {
   display: inline-flex;
}

#menu-main-top-lang a {
   margin-left: 0px;
   margin-right: 25px;
}

#menu-main-top-lang .act a {
   color: #e3263b
}



/***************** END NAV ***************/





/************ INDEX ***************/


.hero-overlay {
   background: rgba(0, 0, 0, 0.4);
   height: 600px;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.hero-image {
   margin-bottom: 70px;
}

.hero-image #home {
   background: url("../img/nera_img.jpg");
   position: relative;
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   overflow: hidden;
}


.main-message {
   position: absolute;
   text-align: center;
   top: 50%;
   transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   width: 100%;
}

.main-logo {
   width: 300px;
   margin: auto;
   /*position: absolute;
   text-align: center;
   top: 50%;
   transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);*/
}

.main-message h1 {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 400;
   font-size: 60px;
   color: #ffffff;
}


.title {
   text-align: center;
   margin-bottom: 70px;
}

.title p {
   font-size: 14px;
   color: #9d9d9d;
}

.title h2 {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 300;
   font-size: 40px;
   max-width: 75%;
   text-align: center !important;
   margin: 0 auto;
   margin-bottom: 55px !important;
}

p.description {
   font-size: 16px;
   font-weight: normal;
   text-align: justify;
   padding-bottom: 5px;
   max-width: 65%;
   margin: 0 auto;
}

p.description-image {
   color: #ffffff;
   font-size: 17px;
   font-weight: 400;
   letter-spacing: 0.4px;
   padding: 15px 230px;
   line-height: 25px;
}


.zig-zag {
   margin-bottom: 100px;
}


.zig-zag h2 {
   margin-top: 70px;
}

.zig-zag-right {}

.zig-zag-right p {
   text-align: right;

}

.zig-zag-right h2 {
   text-align: right;
}

#about {}

#services {
   margin-bottom: 70px;
   padding-top: 50px;
   background-color: #9e998f;
}

#services .title h2 {
   color: #59544d;
}

#services .caption {
   /*display: inline-flex;*/
}

#services .caption h3 {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 600;
   color: #59544d;
   text-align: left;
   margin: 0;
}

#services .services__icon {
   margin-right: 20px;
}

#services .services__icon img {
   display: flex;
   width: 60px;
   height: auto;
   float: left;
   margin-right: 20px;
   margin-bottom: 40px;
}

#info {}

#info .zig-zag p {
   font-size: 18px;
   margin: 30px 0;
}

#features {
   padding-top: 50px;
   background-color: #e5ded6;
}

#competation {
   padding-top: 50px;
   background-color: #e3263b;
}

#competation .title h3 {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 300;
   font-size: 24px;
   max-width: 80%;
   text-align: center !important;
   color: #e5ded6;
   margin: auto;
}



/**************** MEDIA QUERIES ******************/


@media (max-width: 768px) {
   .hero-overlay {
      height: 450px;
   }

   .navbar-fixed-top {
      background: #fff !important;
      box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.1);
   }

   .navbar-default .navbar-nav>li>a {
      color: #828282;
      opacity: 1;
      line-height: 20px !important;
   }

   .navbar-fixed-top .navbar-toggle .icon-bar {
      background-color: #222 !important;
   }
}

@media (max-width: 990px) {
   p.description-image {
      padding: 0px !important;
   }

}



@media (max-width: 990px) {
   .zig-zag {
      text-align: center;
      margin-bottom: 40px;
   }

   .zig-zag-right * {
      text-align: center !important;
      margin-bottom: 20px;
   }


   .carousel-indicators {
      position: relative;
      clear: both;
      margin-bottom: 30px;
      left: 50%;
   }
}


@media (max-width: 450px) {
   .social {
      float: left !important;
      margin-bottom: 20px;
      margin-top: -15px;
   }
}

@media (max-width: 650px) {
   .footer-section {
      text-align: center !important;
   }


   .social {
      float: none !important;
   }

   .marketing-action h1 {
      font-size: 35px;
      font-weight: 400;
   }
}

@media(max-width: 768px) {
   .price-table {
      margin: 30px !important;
   }
}




/******** HERO IMAGE ************/


@media (max-width: 600px) {
   .main-message h1 {
      font-size: 40px !important;
   }
}



/******** HERO IMAGE ************/




/**************** END MEDIA QUERIES **************/



/************ FOOTER ***************/


#footer {
   margin-bottom: 0px;
   background-color: #222222;
   padding-top: 50px;
}

.footer-section {
   margin-bottom: 30px;
}

.copyright {
   text-align: center;
}

.footerLinks__heading {
   font-family: 'Fira Sans', sans-serif;
   font-weight: 300;
   font-size: 24px;
   color: #9e998f;
}

.footerLinks__item {
   font-weight: 300;
   font-size: 14px;
   color: #9e998f;
   margin: 0 0 10px;
   line-height: 20px;
}

.footerLinks {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   justify-content: flex-start;
   margin-left: -15px;
   margin-right: -15px;
   flex-direction: row;
   font-weight: 600;
   margin-bottom: 40px;
}

.footerLinks__col {
   /*flex: none;*/
   align-self: stretch;
   padding-left: 15px;
   padding-right: 15px;
   /*width: 100%;*/
   margin: 0 4% 20px;
}

.footer__line {
   border-top: 1px solid #9e998f;
   margin-bottom: 30px;

}

.footer__link {
   display: block;
   text-decoration: none;
}

.footer__container {
   flex-grow: 1;
   margin: 0 auto;
   padding-left: 30px;
   padding-right: 30px;
   /*max-width: 1700px;*/
}

.footer__link a {
   margin-left: 5%;
   display: block;
   margin-bottom: 30px;
}

@media (max-width: 640px) {
   .title h2 {
      font-size: 30px;
   }
}


@media (min-width: 640px) {

   /*.footerLinks__col:first-child {
      order: 1;
   }*/
   .footer__link a {
      padding-left: 5%;
      margin: 0 15px 30px;
      margin-bottom: 30px;
      display: block;
   }

   .footerLinks__col {
      width: 40%;
   }
}

@media (min-width: 720px) {
   .footer__row {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: flex-start;
      margin-left: 0;
      margin-right: 0;
      flex-direction: row;
   }

   .footer__col {
      flex: none;
      align-self: stretch;
      padding-left: 0;
      padding-right: 0;
      /*width: 88.88889%;*/
      margin-left: 5%;
   }
}

@media (min-width: 1080px) {
   .footer__col:first-child {
      flex: none;
      align-self: stretch;
      padding-left: 0;
      padding-right: 0;
      width: 25%;
      margin-left: 5%;
      margin-right: 5%;
      display: flex;
      flex-direction: column;
   }
}

@media (min-width: 1080px) {
   .footer__col:nth-child(2) {
      flex: none;
      align-self: stretch;
      padding-left: 0;
      padding-right: 0;
      width: 65%;
      margin-left: 0;
   }
}