/* 2019 CSS Style edmardl.xyz */
 @charset "UTF-8";

/* Body */
 body {
     background: #ffffff;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     position: relative;
}
 html,body {
     width: 100%;
     overflow-x: hidden;
}
 .post-masonry img {
     width: 100%;
     display: block;
}

/* Typography */
 h1,h2,h3,h4,h5 {
     font-weight: bold;
}
 h1 {
 	 color: #2b4354
     font-size: 62px;
     line-height: 72px;
}
 h2 {
     color: #2b4354;
     font-size: 26px;
     line-height: 42px;
     letter-spacing: 1px;
     padding-bottom: 12px;
}
 h3 {
     color: #ffa400;
     font-size: 16px;
     letter-spacing: 26px;
     letter-spacing: 2px;
}
 h5 {
     color: #ffa400;
     line-height: 28px;
     letter-spacing: 2px;
}
 p {
 	 color: #2b4354
     font-size: 16px;
     letter-spacing: 0.9px;
     line-height: 32px;
}

/* All Section styles */
 #gallery, #contact {
     padding-top: 65px;
     padding-bottom: 180px;
}
 #work h3 {
     padding-bottom: 12px;
}
 .parallax-section {
     background-attachment: fixed !important;
     background-size: cover !important;
}

/* navigation styles */
 .navbar-default {
     background: #fff;
     border: none;
     box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.06);
     margin: 0 !important;
}
 .navbar-default .navbar-brand {
     color: #2b4354;
     font-size: 20px;
     font-weight: bold;
     margin: 0;
}
 .navbar-brand {
     margin: 0;
     padding: 0px;
}
 .navbar-default li {
     margin: 15px 20px;
}
.navbar-default .navbar-nav li a {
    color: #2b4354;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
  }
.navbar-default .navbar-nav li a:hover {
    color: #ffa400;
  }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #2b4354;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffa400;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
     border: none;
     padding-top: 12px;
  }
.navbar-default .navbar-toggle .icon-bar {
    background: #ffa400;
    border-color: transparent;
  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

/* home section styles */
 #home {
     background: url('../images/sunrise.jpg') 50% 0 repeat-y fixed;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center center;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100vh;
     text-align: center;
}
 #home .container h4 {
     color: #2b4354
}
 #home .container p {
     color: #2b4354
}

/* Slideshow container */


/* work section styles */
 #work .container {
     width: 100%;
     padding: 0px;
     margin: 0px;
}
 #work .col-md-6 {
     padding: 0;
}
 #work .work-des {
     padding: 65px;
}
 #work .work-des h3 {
     color: #ffa400
     font-size: 26px;
}
 #work .work-des h4 {
     color: #2b4354
}
 #work .work-des p {
     color: #2b4354
}

/* gallery section styles */
 #gallery .container {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 60%;
}
 #gallery h2, #gallery h4 {
     text-align: center;
}
 #gallery h2 {
     color: #2b4354
     font-size: 32px;
}
 #gallery h4 {
     color: #2b4354
}
 #gallery p {
     padding-top: 2px;
     font-size: 14px;
     line-height: 28px;
}
 #gallery p {
     color: #2b4354;
}
 #gallery a {
     color: #2b4354;
     font-weight: bold;
}
 #gallery a:hover {
     color: #ffa400;
     text-decoration: none;
}

 #gallery .gallery-wrapper {
     background: #ffffff;
     border: 1px solid #f0f0f0;
     padding: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
}
 #gallery .gallery-wrapper h3 a {
     color: #2b4354;
}

/* contact section styles */
 #contact {
     background: url('../images/info_02.jpg') 50% 0 repeat-y fixed;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: center center;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100vh;
     text-align: center;
}
#contact .container {
     display: block;
     margin-top: 18%;
     margin-bottom: auto;
     margin-left: auto;
     margin-right: auto;
}


/* Contact Social Icons */
 .social-icon {
     padding: 0;
     margin: 0;
     text-align: center;
}
 .social-icon li {
     list-style: none;
     display: inline-block;
}
 .social-icon li a {
     background: #bebebe;
     border-radius: 100%;
     color: #ffffff;
     font-size: 18px;
     line-height: 32px;
     width: 32px;
     height: 32px;
     text-align: center;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     margin-right: 2px;
}
/* .social-icon li a:hover {
     background: #ffa400;
}
 */
 .fa-facebook:hover {
     background-color: #3d5b99;
}
 .fa-twitter:hover {
     background-color: #00aced;
}
 .fa-rss:hover {
     background-color: #eb8231;
}
 .fa-youtube:hover {
     background-color: #e64a41;
}
 .fa-linkedin:hover {
     background-color: #0073a4;
}
 .fa-instagram:hover {
     background-color: #e61f23;
}

/* footer section styles */
 footer {
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: center;
     color: #2b4354;
}
 footer p {
     padding-right: 10px;
     padding-bottom: 10px;
     color: #2b4354;
     font-size: 12px;
}
 footer a {
     color: #2b4354;
     font-weight: bold;
}
 footer a:hover {
     color: #ffa400;
     text-decoration: none;
}
 .link-list a {
     color: #2b4354;
     display: block;
     padding-top: 4px;
     padding-bottom: 4px;
}
 @media (max-width: 1280px) {
     #work .work-des {
         padding: 40px;
    }
     #work .work-des h3 {
     	 color: #ffa400
         font-size: 20px;
    }
     #work .work-des h4 {
     	 color: #2b4354
         font-size: 16px;
    }
     #work .work-des p {
         color: #2b4354
         font-size: 13px;
         line-height: 24px;
    }
}
/* mobile responsive section styles */
 @media (max-width: 768px) {
     h1 {
         font-size: 53px;
    }
     #counter .counter-item {
         padding-top: 20px;
         padding-bottom: 20px;
    }
}
 @media (max-width: 650px) {
     h1 {
         font-size: 40px;
    }
}
 @media (max-width: 450px) {
     h1 {
         font-size: 28px;
         line-height: 38px;
    }
     #home h5 {
         font-size: 11px;
    }
     #home .btn {
         display: inline-block;
         padding: 14px 32px;
    }
}
 @media (max-width: 375px) {
     h1 {
         font-size: 24px;
         line-height: 34px;
    }
     #home h5 {
         font-size: 9px;
    }
}
