@import url(http://fonts.googleapis.com/css?family=Roboto:500,400italic,100,300,700,500italic,300italic,400);

html, body {
  font-family: 'Roboto', sans-serif;
}

body {
  padding-top:84px;
  background:#ccc;
}


/* HEADER */
.navbar {
  min-height: 84px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
      font-weight:700;
      font-size:16px;
  }
.navbar-default .navbar-nav > li > a {
  color: #696969;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #cd0000;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent; 
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 20px;
  margin-right: 15px;
  margin-bottom: 16px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right:0;
}

.navbar-collapse {
  position:absolute;
  right:0;
  background:#fff;
  width:200px;
}
@media(min-width:768px){
.navbar-collapse {
  position:relative;
  float:right;
  width:auto;
}
}

.nav > li > a {
  padding:20px 25px;
  text-align:right;
}
@media(min-width:768px){
  .nav > li > a {
  padding:31px 18px;
  text-align:center;
}
}
@media(min-width:992px){
  .nav > li > a {
  padding:31px 23px;
  text-align:center;
}
}
@media(min-width:1200px){
  .nav > li > a {
  padding:31px 32px;
  text-align:center;
}
}

/* GLOBAL */
.content {

}
.page {
position:relative;
}

  .section{
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center center;
  }

  .navbar-brand img{
    width:180px;

  }

  @media(min-width:450px){

  .navbar-brand img{
    width:auto;

  }
  }

#section0 {
   background-repeat:no-repeat;
}
/* HOME */

#section0 {
  background-image:url(../img/background/home-xs.jpg); 


}
@media(min-width:768px){
#section0 {
   background-image:url(../img/background/home-sm.jpg) ; 

}
}
@media(min-width:992px){
#section0 {
   background-image:url(../img/background/home-md.jpg); 

}
}
@media(min-width:1200px){
#section0 {
     background-image:url(../img/background/home-lg.jpg)  

  }
}


.home-content-holder {
  padding:30px;
}
@media(min-width:768px){

.home-content-holder {
  width:680px;
  margin:30px auto;
}
}
@media(min-width:992px){

.home-content-holder {
  width:767px;
  margin:30px auto;
}
}
@media(min-width:1200px){

.home-content-holder {
  width:920px;
  margin:50px auto;
}
}
.home-content {
  background:#fff;
  padding:15px;
  text-align:center;
}
.home-text-big {
font-size:24px;
line-height:1.2;
font-weight:400;
}
.home-text-medium {
font-size:20px;
padding-top:15px;
font-weight:400;
font-style: italic;;
}
.home-text-small{
  font-size:14px;
  padding-top:15px;
  font-weight:400;
}

.home-content-bottom {
  background:#696969;

}

@media(min-height:800px) and (min-width: 700px){
  .home-content-bottom {

  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
}

.home-bottom-title {
  font-size:22px;
  font-weight:400;
  padding:10px 0;
  color:#fff;
}

.home-bottom-text {
  padding:10px 0;
  color:#fff;
}
.home-bottom-text-big {
  font-size:18px;
}
.home-footer-image {
  max-width:100%;
}

@media(min-width:768px){
  .home-footer-image {
    margin-top:15px;
  }
}

/* ABOUT */
#section1 {
   background-image:url(../img/background/about-xs.jpg); 

}
@media(min-width:768px){
#section1 {
   background-image:url(../img/background/about-sm.jpg) ; 

}
}
@media(min-width:992px){
#section1 {
   background-image:url(../img/background/about-md.jpg); 

}
}
@media(min-width:1200px){
#section1 {
     background-image:url(../img/background/about-lg.jpg)  

  }
}

/* SOLUTIONS */

#section2 {
   background:#fff; 

}
@media(min-width:768px){
#section2 {
   background-image:url(../img/background/solutions-sm.jpg) ; 

}
}
@media(min-width:992px){
#section2 {
   background-image:url(../img/background/solutions-md.jpg); 

}
}
@media(min-width:1200px){
#section2 {
     background-image:url(../img/background/solutions-lg.jpg)  

  }
}


.solutions-holder {
  padding:30px;

}
@media(min-width:768px){
  .solutions-holder {
    width:680px;
    margin:20px auto;
  }
}
@media(min-width:992px){
  .solutions-holder {
    width:767px;
    margin:20px auto;
  }
}
@media(min-width:1200px){
  .solutions-holder {
    width:920px;
    margin:50px auto;
  }
}
.solutions-inner {
  padding:10px;
  background:#ffffff;
}

.solutions-row {margin-top:10px;}
.solutions-image {

}
.solutions-image img {
  max-width:100%;
    border:1px solid #eeeeee;
  padding:3px;
}
@media(min-width:1200px){


.solutions-text {
 
margin-left:-30px;
}
}
.solutions-title { font-weight:600; font-size:18px;}
.solutions-desc { font-size:13px; padding-top:7px;}


/* CONTACT */
#section3 {
   background-image:url(../img/background/contact-lg.jpg);
   vertical-align: middle;
}


.contact-holder {
  vertical-align: middle;

}
@media(min-width:768px){
  .contact-holder {
    width:680px;
    margin:50px auto;
  }
}
@media(min-width:992px){
  .contact-holder {
    width:767px;
    margin:50px auto;
  }
}
@media(min-width:1200px){
  .contact-holder {
    width:920px;
    margin:70px auto;
  }
}
.contact-inner {
  padding:20px;
  background:#ffffff;
}

@media(min-width:1200px){
.contact-inner {
  padding:50px;
  background:#ffffff;
}
}
.form-control {
  border-radius:0;
}

.btn-default,.btn-default:focus, .btn-default:hover, .btn-default:active {
  width:100%;
  text-align:center;
  background:#cd0000;
  border-radius:0;
  color:#fff;
  font-size:14px;
  margin-top:20px;
}

.textarea-form {
  min-height:260px;
}
  .footer{

    height:90px;
    color:#fff;
    background:#696969;
    text-align:center;
    padding-top:35px;
    font-size:14px;
  }
@media(min-height:800px) and (min-width: 700px){

  .footer{
    position:absolute;bottom:0;
    left:0;
    right:0;

  }
}



/*MODAL*/



.modal-dialog .modal-content{
    width: 95%;
    border-radius: 0px;
    margin: 0 auto;
    margin-top: 10%;
}
@media(min-width: 520px){
.modal-dialog .modal-content{
    width: 480px;
    border-radius: 0px;
    margin: 0 auto;
    margin-top: 10%;
}    
}

.modal-body{
     padding-top: 55px;
    padding-bottom: 55px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: center;
    border-radius: 0px;
}
.close{
    top: 5px;
    right: 5px;
    position: absolute;
    opacity: 1;
    width: 17px;
}
.close:hover{
    opacity: 1;
}