/*--font query--*/
/*--------------BUTTONS----------*/
.btn {
  text-transform: uppercase;
  font-family: "Raleway", Arial, sans-serif;
  background-color: rgba(29, 115, 115, 0.7);
  border-color: rgba(29, 115, 115, 0.94);
  letter-spacing: 1.5px;
  border-radius: 2.5px; }
  .btn:hover {
    background-color: rgba(29, 115, 115, 0.94);
    border-color: #0D5B65;
    color: #fff; }

.btn-md {
  font-size: 20px;
  padding: 8px 35px 6px; }

.btn-sm {
  font-size: 16px;
  padding: 6px 6px 0px 15px; }

/*------------MAIN------------*/
body {
  background-color: #222;
  color: #fff;
  position: relative;
  line-height: 1.6;
  /*------FONT SASS MEDIA QUERIES----*/ }
  body a, body a::after, body a:visited, body .navbar-inverse .navbar-nav > li > a {
    color: #fff; }
  body a:hover {
    text-decoration: none;
    cursor: pointer; }
  body h2, body h3, body h4, body a:hover, body #sidebar-nav li.active a, body #sidebar-nav li a:hover, body #sidebar-nav li.active:focus, body #sidebar-nav li a::after, body .navbar-inverse .navbar-nav > li > a:hover {
    color: rgba(255, 154, 61, 0.85); }
  body h2, body h3, body h4, body #sidebar-nav li, body .navbar {
    font-family: "Raleway", Arial, sans-serif;
    text-transform: uppercase; }
  body h2 {
    text-align: center;
    padding-top: 0px;
    font-size: 40px;
    margin-bottom: 20px; }
  body h3 {
    margin-bottom: 0px; }
  body h3, body .btn {
    letter-spacing: 1.5px; }
  body h4 {
    letter-spacing: 1.4px; }
  body h4 {
    font-size: 20px; }
  body p, body address {
    font-family: "Josefin Sans", Helvetica, Arial, sans-serif; }
  body .text-cursive {
    font-family: "Great Vibes", cursive;
    text-transform: capitalize; }

@media (min-width: 20em) {
  body {
    font-size: 180%; }
    body h2 {
      font-size: 180%; }
    body h3 {
      font-size: 120%; } }

@media (min-width: 50em) {
  body {
    font-size: 240%; } }

/*------------NAV------------*/
.navbar-header .visible-sm {
  margin-top: 15px; }
  .navbar-header .visible-sm:focus {
    text-decoration: none; }
  .navbar-header .visible-sm .text-cursive {
    font-size: 30px; }

.navbar-header .visible-xs {
  margin-top: 10px;
  margin-left: 20px;
  width: 260px; }
  .navbar-header .visible-xs .text-cursive {
    font-size: 25px; }

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
  border-color: rgba(255, 154, 61, 0.85);
  background-color: #222; }
  .navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: rgba(255, 154, 61, 0.85); }

#sidebar {
  margin-top: 0px;
  width: 180px; }

#sidebar-nav {
  margin-top: 30px;
  padding: 0px;
  width: 100%; }
  #sidebar-nav img {
    padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    width: 100%; }
  #sidebar-nav li {
    list-style: none;
    font-size: 22px;
    text-align: center;
    letter-spacing: 3.5px;
    font-weight: 800; }
    #sidebar-nav li a {
      padding: 20px 0px; }
      #sidebar-nav li a:hover, #sidebar-nav li a:focus {
        color: rgba(255, 154, 61, 0.85);
        background-color: #222; }

#navbar .nav li a:hover, #navbar .nav li a:focus {
  background-color: transparent; }

#navbar .nav li a:focus {
  color: #fff; }

#navbar .nav li a {
  text-align: center;
  font-size: 17px;
  letter-spacing: 2px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #222; }
  #navbar .nav li a:hover {
    color: rgba(255, 154, 61, 0.85); }

#navbar .nav li a.active {
  color: rgba(255, 154, 61, 0.85); }

/*--------------MAIN CONTENT----------*/
#main-content {
  margin-top: 65px;
  margin-bottom: 40px; }
  #main-content p {
    padding-bottom: 10px;
    line-height: 1.45; }

/*-----------------WELCOME--------------------*/
/*-------------WELCOME--------------*/
#home {
  background-image: url("/img/home.jpg");
  background-size: 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  margin-top: 30px;
  border: 4px solid rgba(255, 154, 61, 0.85); }
  #home .btn {
    margin-top: 39%;
    margin-bottom: 6%; }
    #home .btn .icon-camera {
      font-size: 21px;
      padding-left: 20px;
      padding-right: 10px; }

#about {
  margin-top: 30px; }

/*-----------------PROCESS--------------------*/
/*--------------PROJECTS-------------*/
#projects {
  /*-- Projects media query only--*/
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 30px;
  /*----main and modal carousel css ----*/
  /*--MAIN CAROUSEL--*/
  /*--------------MODAL----------------*/ }
  #projects #products {
    padding-right: 0px;
    padding-left: 0px; }
    #projects #products .visible-xs {
      font-size: 19px; }
    #projects #products p {
      font-size: 19px; }
  #projects .carousel-inner .main-carousel-img .col-xs-12, #projects .carousel-inner .small-carousel-img .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px; }
  #projects .carousel-control {
    opacity: 1;
    font-size: 110px; }
    #projects .carousel-control.left {
      left: -15px; }
    #projects .carousel-control.right {
      right: -15px; }
    #projects .carousel-control:hover {
      color: rgba(255, 154, 61, 0.85); }
  #projects .visible-xs.carousel-control.left, #projects .visible-xs.carousel-control.right {
    font-size: 75px;
    top: 24%;
    margin: 0 4%; }
  #projects .carousel-control.left, #projects .carousel-control.right {
    background-image: none; }
  #projects #mainCarouselWrapper {
    padding: 0px; }
    #projects #mainCarouselWrapper #mainCarousel {
      /* CSS used here will be applied after bootstrap.css */ }
      #projects #mainCarouselWrapper #mainCarousel .hidden-xs.carousel-control {
        top: 100px; }
      #projects #mainCarouselWrapper #mainCarousel .mainCarouselcaption {
        margin-top: -23%; }
      #projects #mainCarouselWrapper #mainCarousel #carousel-bounding-box {
        padding: 0px; }
      #projects #mainCarouselWrapper #mainCarousel #carousel {
        margin-top: 20px; }
      #projects #mainCarouselWrapper #mainCarousel .item .thumb {
        width: 25%;
        cursor: pointer;
        float: left; }
      #projects #mainCarouselWrapper #mainCarousel .item img {
        width: 100%;
        max-height: 400px;
        min-height: 400px; }
    @media (max-width: 500px) {
      #projects #mainCarouselWrapper #mainCarousel .item img {
        max-height: 200px; }
      #projects #mainCarouselWrapper #mainCarousel .col-xs-12 {
        padding: 0px; } }
  #projects .project-modal {
    padding: 0px !important;
    background-color: #222222;
    /*--Main Modal Carousel--*/
    /*--modal thumb carousel--*/ }
    #projects .project-modal .item img {
      max-height: 400px;
      margin-left: auto;
      margin-right: auto; }
    #projects .project-modal .modal-content {
      box-shadow: none;
      border: none;
      background-color: #222222; }
      #projects .project-modal .modal-content .fade {
        background-color: #222222; }
      #projects .project-modal .modal-content .modal-header {
        border: none; }
        #projects .project-modal .modal-content .modal-header .close {
          color: #fff;
          opacity: 1; }
      #projects .project-modal .modal-content .modal-body .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px; }
    #projects .project-modal #thumbModalCarousel {
      /*--modal thumbnail end--*/ }
      #projects .project-modal #thumbModalCarousel .offer-pg-cont {
        width: 100%;
        overflow-x: scroll;
        padding: 20px 0px;
        margin-top: 20px; }
      #projects .project-modal #thumbModalCarousel span.arrow-left, #projects .project-modal #thumbModalCarousel span.arrow-right {
        display: block;
        position: absolute;
        background-color: #555;
        top: 40px;
        color: white;
        z-index: 2;
        cursor: pointer; }
      #projects .project-modal #thumbModalCarousel span.arrow-left {
        left: 0px; }
      #projects .project-modal #thumbModalCarousel span.arrow-right {
        right: 0px; }
      #projects .project-modal #thumbModalCarousel span.arrow-left:hover, #projects .project-modal #thumbModalCarousel .offer-pg span.arrow-right:hover {
        background-color: #333; }
      #projects .project-modal #thumbModalCarousel .offer-pg {
        width: 5615px; }
      #projects .project-modal #thumbModalCarousel .item-wrapper.offer-con {
        background-color: #333 !important; }
      #projects .project-modal #thumbModalCarousel .offer-con .left-item h4 {
        color: #fff;
        font-weight: normal;
        margin: 0px; }
      #projects .project-modal #thumbModalCarousel .offer-con .right-item {
        float: right;
        padding: 10px; }
      #projects .project-modal #thumbModalCarousel .offer-con .right-item h5 {
        color: #cb9944;
        margin: 0px;
        font-size: 14px; }
      #projects .project-modal #thumbModalCarousel .offer-pg > .portfolio-item {
        width: 150px;
        margin-left: 10px;
        float: left;
        background-color: #222; }
        #projects .project-modal #thumbModalCarousel .offer-pg > .portfolio-item img {
          height: 100px;
          width: 100%; }
  @media (min-width: 501px) and (max-width: 991px) {
    #projects .project-modal .item img {
      max-height: 300px;
      margin-left: auto;
      margin-right: auto; }
    #projects .project-modal .carousel-control.left, #projects .project-modal .carousel-control.right {
      margin-top: -50%; } }
  @media (max-width: 500px) {
    #projects .project-modal .item img {
      max-height: 270px;
      margin-left: auto;
      margin-right: auto; }
    #projects .project-modal .modal-dialog {
      margin: 0px !important; }
    #projects .project-modal .modal-body {
      padding: 0px; }
      #projects .project-modal .modal-body .carousel-control.left, #projects .project-modal .modal-body .carousel-control.right {
        margin-top: -60%; } }

/*-----------------CONTACT--------------------*/
/*--------------CONTACT--------------*/
#contact {
  margin-top: 30px;
  padding: 10px 0px;
  /*---------------MAP----------------*/
  /*---------------MESSAGE----------------*/ }
  #contact .col-md-12, #contact #contact-info {
    padding-left: 0px;
    padding-right: 0px; }
  #contact h2 {
    padding-bottom: 45px; }
  #contact h3 {
    margin-bottom: 10px; }
  #contact p {
    font-size: 25px; }
  #contact #map, #contact #message {
    position: relative; }
  #contact .btn-contact {
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 25px; }
    #contact .btn-contact:focus {
      color: #fff; }
  #contact #map.col-md-12 {
    padding-right: 0px; }
  #contact #map {
    padding-top: 22px; }
    #contact #map .col-md-12 {
      padding-right: 0px; }
    #contact #map .col-md-6 {
      padding-right: 0px;
      padding-left: 0px; }
  #contact #message {
    margin-top: 33px; }
    #contact #message form .form-group {
      margin-bottom: 25px; }
    #contact #message form textarea {
      margin-top: 25px; }
    #contact #message form .form-group .help-block {
      display: none; }
    #contact #message form button {
      margin-top: 28px; }
    #contact #message form .form-group.has-error .help-block {
      display: block;
      color: tomato;
      font-size: 20px !important;
      padding: 0px; }
    #contact #message form .form-group.has-error {
      margin-bottom: 0px !important; }
      #contact #message form .form-group.has-error textarea {
        margin: 0px; }

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