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

.navbar-toggle{
border-radius: 0;
}

.navbar-nav>li>a {
text-transform: uppercase;
}

/*************************
*******Header******
**************************/
#main-nav.navbar-default {
background: #FFFFFF;
/* padding: 10px 0; */
}
#main-nav.navbar-default .navbar-nav > li.active > a, #main-nav.navbar-default .navbar-nav > li.open > a, #main-nav.navbar-default .navbar-nav > li:hover > a {
background: rgb(98, 166, 95);
color: #FFFFFF;
/* font-weight: bold; */
}
.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
 height: auto;
  padding: 15px 15px 1px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
color: #F6CC07;

background: transparent;
}
.navbar-default .navbar-nav>li>a{
color: #FFFFFF;
/* font-weight: 600; */
}

#main-nav.navbar-default {
background: #88bb45;
box-shadow: 0px 1px 2px rgba(40, 40, 40, 0.6);
}
.navbar-nav>li {
}
 #main-nav.navbar-default .navbar-nav > li > a{
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 4px solid transparent;
 }

 @media only (min-width: 768px) and (max-width: 1024px){
}
@media only screen and (max-width: 1084px) {
  #main-nav.navbar-default .navbar-nav > li > a{padding: 15px 12px !important;line-height: 42px !important; font-size:10px !important; }
}

@media only screen and (max-width: 1084px) {
.offer p {
  width: 85%;
  line-height: 18px;
  font-size: 10px;}
}

@media only screen and (max-width: 1084px) {
.cover p {
  width: 100%;
    font-size: 16px;}
}
@media only screen and (max-width: 1084px) {
.offer-icon {
text-align: center;
}

@media only screen and (max-width: 1084px) {
#portfolioModal1 p  {
  width: 100%;
  line-height: 20px;
  font-size: 16px;
}
@media only screen and (max-width: 1084px) {
.modal-body p  {
  width: 100%;
  line-height: 20px;
  font-size: 16px;
}
@media only screen and (max-width: 1084px) {
footer  {
text-align: center;

}

  #main-nav.navbar-default .navbar-nav > li > a {
}
  .navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
	}
  #main-nav.navbar-default .navbar-nav > li.active > a,

  #main-nav.navbar-default .navbar-nav > li.open > a,
  #main-nav.navbar-default .navbar-nav > li:hover > a {
    background: #62a65f;
    color: #FFFFFF;
    border-top: 4px solid #c3c3c3;
}
  #main-nav.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-nav.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-nav.navbar-default .dropdown-menu > li > a {
    padding: 15px 0;
    color:#c3c3c3;
  }
  #main-nav.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-nav.navbar-default .dropdown-menu > li.active,
  #main-nav.navbar-default .dropdown-menu > li.open,
  #main-nav.navbar-default .dropdown-menu > li:hover {
    border-left-color: #45aed6;
  }
  #main-nav.navbar-default .dropdown-menu > li.active > a,
  #main-nav.navbar-default .dropdown-menu > li.open > a,
  #main-nav.navbar-default .dropdown-menu > li:hover > a {
    color: #45aed6;
    background-color: transparent;
  }
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

.nav.main-tab {
  background: #eee;
  border-bottom: 3px solid #222534;
  border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
  color: #272727;
}
.nav.main-tab > li.active > a {
  background: #222534;
  color: #45aed6;
}
.nav.main-tab > li:first-child > a {
  border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
  border-radius: 0 3px 0 0;
}
 .navbar-nav {
margin: 0;
}

@media only screen and (max-width:768px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  font-size: 5px;
border-color: #A3A3A3;
padding-top: 10px;

}
@media only screen and (max-width:1024px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {

}
#main-nav.navbar-default {
  background: #3A3A3A;
  padding: 1px 0 15px;
}
#main-nav.navbar-default .navbar-nav > li > a {
  padding-top: 8px;
  padding-bottom: 13px;
  border-top: 4px solid transparent;
}
.navbar-default .navbar-nav>li>a {
  color: #9E9E9E;
}
}