* {
  font-family: 'Open Sans'
}
/* remove padding */
.no-padding {
	padding: 0
}
.no-padding-verti {
	padding-left: 0;
	padding-right: 0
}
.no-padding-hori {
	padding-top: 0;
	padding-bottom: 0
}
.btn:focus {
  outline: 0!important
}
.display-hidden {
  display: none;
}

/* font size css */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1;
  color: #94ff1a;
}
h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small,
h4 small, .h4 small, h4 .small, .h4 .small,
h5 small, .h5 small, h5 .small, .h5 .small,
h6 small, .h6 small, h6 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small {
  font-size: 65%;
}
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small, .h4 small, h4 .small, .h4 .small,
h5 small, .h5 small, h5 .small, .h5 .small,
h6 small, .h6 small, h6 .small, .h6 .small {
  font-size: 75%;
}
h1, .h1 {
  font-size: 36px;
}
h2, .h2 {
  font-size: 30px;
}
h3, .h3 {
  font-size: 24px;
}
h4, .h4 {
  font-size: 18px;
}
h5, .h5 {
  font-size: 14px;
}
h6, .h6 {
  font-size: 12px;
}
p, .p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}
small, .small {
  font-size: 85%;
}

/* body wrapper */
body > .container-fluid {
	padding: 0;
	margin: 0
}
/* navbar css */
.navbar {
	border-radius: 0
}
.navbar-default {
	background-color: transparent;
	border: 0;
}
/*nav header*/
.navbar-default .navbar-header {
  position: absolute;
  right: 0;
}
.navbar-default .navbar-toggle {
  margin-right: 15px;
}
.navbar-default .navbar-header > .navbar-toggle {
  border: 0
}
.navbar-default .navbar-header > .navbar-toggle:hover,
.navbar-default .navbar-header > .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-header > .navbar-toggle .icon-bar {
  background-color: #94ff1a;
  -webkit-transition: background 0.3s; /* Safari */
    transition: background 0.3s;
}
.navbar-default .navbar-collapse {
  display: block;
  position: absolute;
  top: 0;
  right: -40%;
  width: 40%;
  background-color: #94ff1a;
  padding-bottom: 99999px;
  margin-bottom:  -99999px;
  border-top: 0;
} 
@media (min-width: 768px) {
  .navbar-default .navbar-collapse {
    position: static;
    width: 100%;
    background-color: inherit;
    padding-bottom: 0;
    margin-bottom:  0;
  }  
}
/*navbar nav*/
.navbar-default .navbar-nav > li > a {
  color: #2f302e;
  -webkit-transition: color 0.3s; /* Safari */
    transition: color 0.3s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #2f302e;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #2f302e;
  -webkit-transition: color 0.3s, border 0.3s; /* Safari */
    transition: color 0.3s, border 0.3s;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav {
    padding-top: 20px
  }
  .navbar-default .navbar-nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
  }
  .navbar-default .navbar-nav > li:before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: -25%;
    width: 150%;
    /*border: 1px solid #393938;*/
    height: 1px;
    background-color: #393938;
  }
  .navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #fff;
    border-bottom: 3px solid transparent;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
    border-bottom: 3px solid #94ff1a;
  }
  .navbar-default .navbar-nav > .green-border.active > a {
    border-bottom: 3px solid #fff;
  }
  .border-nav-change {
    border-bottom: 3px solid #fff
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    text-align: center
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/* footer css */
.footer {
  position: relative;
  background-color: #fff;
}
.footer > .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .copyright {
  line-height: 50px
}
.footer .social-media-icon ul {
  padding: 0;
}
.footer .social-media-icon li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px 
}
.footer .social-media-icon li > a.btn-green-bg {
  padding:0;
}
.footer .social-media-icon li > a.btn-green-bg > .fa-size {
  color: #fff;
  background-color: #94ff1a;
  border: 1px solid #94ff1a;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  font-size: 24px;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s; /* Safari */
    transition: color 0.3s, background 0.3s, border 0.3s; 
}
.footer .social-media-icon li > a.btn-green-bg > .fa {
  padding-top: 7px;
}
.footer .social-media-icon li > a.btn-green-bg > .fa:hover {
  background-color: transparent;
}

.footer .social-media-icon li > a.btn-green-bg:hover > .fa-facebook {
  color: #3b5998;
  border-color: #3b5998;
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-bitbucket {
  color:#205081;
  border-color:#205081
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-dropbox {
  color:#1087dd;
  border-color:#1087dd
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-flickr {
  color:#ff0084;
  border-color:#ff0084
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-foursquare {
  color:#f94877;
  border-color:#f94877
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-github {
  color:#444;
  border-color:#444
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-google {
  color:#dd4b39;
  border-color:#dd4b39
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-instagram {
  color:#3f729b;
  border-color:#3f729b
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-linkedin {
  color:#007bb6;
  border-color:#007bb6
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-microsoft {
  color:#2672ec;
  border-color:#2672ec
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-odnoklassniki {
  color:#f4731c;
  border-color:#f4731c
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-openid {
  color:#f7931e;
  border-color:#f7931e
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-pinterest {
  color:#cb2027;
  border-color:#cb2027
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-reddit {
  color:#eff7ff;
  border-color:#eff7ff
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-soundcloud {
  color:#f50;
  border-color:#f50
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-tumblr {
  color:#2c4762;
  border-color:#2c4762
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-twitter {
  color:#55acee;
  border-color:#55acee
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-vimeo {
  color:#1ab7ea;
  border-color:#1ab7ea
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-vk {
  color:#587ea3;
  border-color:#587ea3
}
.footer .social-media-icon li > a.btn-green-bg:hover > .fa-yahoo {
  color:#720e9e;
  border-color:#720e9e
}

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}