/*complied with sass*/
#side-menu {
  overflow-y: hidden;
  transition: 2s ease-in-out; }
  #side-menu ul {
    text-align: center;
    font-size: 30px; }
  #side-menu li {
    list-style-type: none;
    line-height: 145%; }
  #side-menu .icon-btn {
    margin: auto;
    font-size: initial;
    padding: 0;
    line-height: 45px; }

/*global header*/
.navbar-default {
  border: none;
  z-index: 99999; }
  .navbar-default .container {
    max-width: 86%; }
  .navbar-default .bars {
    display: block;
    /*display's naviagtion menu bars*/ }
  .navbar-default .fa-facebook, .navbar-default .fa-twitter {
    color: #ffffff;
    /*facebook and twitter button color*/ }

@media only screen and (max-width: 768px) {
  .navbar-default .container {
    max-width: 91%; } }
#wrapper {
  padding: 50px 0 0 0; }

@media only screen and (max-width: 768px) {
  #wrapper {
    padding: 40px 0 25px 0;
    /*padding top and bottom*/ } }
.container {
  max-width: 79%; }

.wrap-left {
  height: 400px;
  width: 52%;
  padding: 10px;
  position: relative;
  overflow: hidden; }
  .wrap-left img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .wrap-left img:hover {
    opacity: 0.5; }

.wrap-right {
  height: 400px;
  width: 48%;
  padding: 10px;
  position: relative;
  overflow: hidden; }
  .wrap-right img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .wrap-right img:hover {
    opacity: 0.5; }

.switch-l {
  width: 45%; }

.switch-r {
  width: 55%; }

@media only screen and (max-width: 768px) {
  .wrap-left,
  .wrap-right {
    height: 200px !important; } }
#footer {
  border: none;
  padding: 50px 0 0 0; }
  #footer .container {
    max-width: 86%; }

@media only screen and (max-width: 768px) {
  #footer .container {
    max-width: 91%; } }

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