/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Photobooth
Version:	1.1
Last change:	23/11/2016   
Primary use:	Photobooth
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. EFFECTS
2. COLORS
3. GENERAL
4. HEADER
5. INDEX PAGE
6. PHOTOGRAPHY PAGE
7. GALLERY PAGE	
8. GALLERY HORIZONTAL
9. PORTFOLIO MASONRY
10. ABOUT US
11. BLOG LIST
12. BLOG SINGLE
13. PORTFOLIO
14. CONTACT
15. FOOTER BAR 
16. LANDING
17. 404 PAGE
18. COMING SOON 

-------------------------------------------------------------------*/

/*
COLORS
*/
/*
GENERAL
*/
ul {
  list-style: disc; }

.fa-twitter {
  color: #55acee; }

.fa-google-plus {
  color: #dc4e41; }

.fa-facebook {
  color: #3b5998; }

.fa-pinterest {
  color: #e58076; }

.fa-instagram {
  color: #4b7699; }

.p-section_title h3 {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase; }
.p-section_title h3:before {
  content: "";
  width: 10px;
  height: 20px;
  background: #18bd95;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 1px; }

.p-button {
  background: #18bd95;
  color: #ffffff;
  display: inline-block;
  padding: 12px 15px;
  font-family: "Montserrat", "sans-serif";
  text-transform: uppercase; }

.p-section_head h2 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: url("../images/camera_bg.png") no-repeat;
  line-height: 57px;
  height: 57px;
  margin-bottom: 40px;
  background-position: center top; }

/* HEADER */
.p-header_top {
  border-bottom: 1px solid #eeeeee;
  padding: 18px 0; }
  .p-header_top .p-header_info span, .p-header_top .p-header_info a {
    font-family: "Montserrat", "sans-serif";
    color: #1a1a1a; }
  .p-header_top .p-header_info a:hover {
    color: #18bd95; }
  .p-header_top .p-header_social {
    padding-left: 0;
    text-align: right; }
    .p-header_top .p-header_social > li {
      display: inline-block;
      margin-left: 15px; }

.p-header_nav {
  padding: 30px 0; }
  .p-header_nav nav {
    padding-top: 15px; }
    .p-header_nav nav > ul {
      padding-left: 0;
      float: right; }
      .p-header_nav nav > ul > li {
        display: inline-block;
        margin-left: 30px;
        padding-bottom: 8px; }
        .p-header_nav nav > ul > li > a {
          font-family: "Montserrat", "sans-serif";
          display: inline-block;
          color: #000;
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .p-header_nav nav > ul > li > a:hover {
          color: #18bd95; }
        .p-header_nav nav > ul > li ul {
          display: none;
          padding-left: 0;
          background: #000000 none repeat scroll 0 0;
          max-width: 150px;
          position: absolute;
          top: 40px;
          width: 100%;
          z-index: 99999; }
          .p-header_nav nav > ul > li ul li {
            padding: 10px 15px;
            list-style: none;
            border-bottom: 1px solid #ccc; }
            .p-header_nav nav > ul > li ul li a {
              display: block; }
            .p-header_nav nav > ul > li ul li a {
              color: #18bd95; }
          .p-header_nav nav > ul > li ul li:hover {
            background: #18bd95; }
            .p-header_nav nav > ul > li ul li:hover a {
              color: #000; }
          .p-header_nav nav > ul > li ul li:last-child {
            border-bottom: none; }
      .p-header_nav nav > ul > li:hover ul {
        display: block; }
      .p-header_nav nav > ul li.p-active a {
        color: #18bd95; }
  .p-header_nav nav:after {
    clear: both;
    display: block;
    content: ""; }


.p-nav_icon {
  display: none; }

@media (max-width: 1169px) {
  .p-header_nav nav ul li {
    margin-left: 20px; }

  .bx-controls.bx-has-pager {
    width: 96%; } }
@media (max-width: 1023px) {
  .p-header_nav nav ul li {
    margin-left: 10px; }
    .p-header_nav nav ul li a {
      font-size: 11px; } }
@media (min-width: 768px) {
  .p-header_nav nav {
    display: block !important; } }
@media (max-width: 767px) {
  .p-logo {
    text-align: center; }
    .p-logo a {
      display: inline-block; }

  .p-header_info {
    margin-bottom: 10px;
    text-align: center; }

  .p-header_top .p-header_social {
    text-align: center; }

  .p-slider_content {
    bottom: 0; }
    .p-slider_content .p-slider_text {
      padding: 10px; }
      .p-slider_content .p-slider_text h2 {
        font-size: 16px;
        line-height: 18px; }

 
  .p-header_nav .row {
    position: relative; }

  .p-nav_icon {
    border: 1px solid;
    display: block;
    height: 40px;
    left: 20px;
    line-height: 45px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 40px; }
    .p-nav_icon i {
      font-size: 26px;
      color: #000;
      cursor: pointer; }
    .p-nav_icon i:hover {
      color: #18bd95; }

  .p-nav_icon.p-icon_toggle .fa-times {
    display: inline-block; }

  .p-nav_icon.p-icon_toggle .fa-bars, .p-nav_icon .fa-times {
    display: none; }

  .p-header_nav nav {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999; }
    .p-header_nav nav ul {
      width: 100%;
      float: none;
      background: #000; }
      .p-header_nav nav ul li {
        display: block;
        padding: 0px 0;
        margin: auto;
        border-bottom: 1px solid #323232; }
        .p-header_nav nav ul li a {
          color: #fff;
          padding: 10px 10px;
          font-size: 13px; }

  .p-header_nav nav > ul > li ul {
    position: static;
    display: block;
    max-width: 100%;
    background: #1f1f1f; }
    .p-header_nav nav > ul > li ul li {
      padding: 0px 5px;
      border-bottom: 1px solid #323232; } }
      
/* INNER PAGE */
.p-inner_contact {
  background-image: url("../images/contact_bg.jpg"); }

.p-inner_head {
  background-size: cover;
  padding-top: 100px;
  position: relative; }
  .p-inner_head .p-page_title {
    background: rgba(19, 187, 147, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 999; }
    .p-inner_head .p-page_title h1 {
      font-size: 33px;
      color: #fff;
      text-transform: uppercase;
      color: #fff;
      margin: auto;
      float: left; }

.p-inner_head:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0; }

.p-breadcrumb {
  float: right;
  list-style: none;
  padding-left: 0;
  padding-top: 8px; }
  .p-breadcrumb li {
    display: inline-block; }
    .p-breadcrumb li a, .p-breadcrumb li span {
      text-transform: uppercase;
      color: #fff;
      font-family: "Montserrat", "sans-serif";
      display: inline-block; }
    .p-breadcrumb li span:before {
      content: "/";
      margin: 0 10px 0 8px; }
    .p-breadcrumb li a {
      color: #18bd95; }

.p-page_inner {
  padding-top: 85px; }
  .p-page_inner .p-section_head h2 {
    margin-bottom: 60px; }

@media (max-width: 767px) {
  .p-inner_head .p-page_title {
    padding-top: 20px;
    padding-bottom: 20px; }
    .p-inner_head .p-page_title h1 {
      width: 100%; }

  .p-contact_info {
    margin-top: 50px; }

  .p-breadcrumb {
    float: left; } }
    
    
/* FOOTER */
.p-footer {
  background: #030303;
  padding-top: 50px; }
  .p-footer h4 {
    color: #d0d0d0;
    font-size: 19px;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative; }
  .p-footer h4:after {
    content: "";
    display: block;
    position: absolute;
    background: #1f1f1f;
    width: 38px;
    height: 1px;
    bottom: 0;
    left: 0; }
  .p-footer ul {
    padding-left: 0;
    list-style: none; }
    .p-footer ul a {
      color: #6a6969; }
    .p-footer ul a:hover {
      color: #18bd95; }
  .p-footer ul.p-footer_info li {
    line-height: 22px; }
    .p-footer ul.p-footer_info li a {
      display: inline-block;
      position: relative;
      padding-left: 20px; }
    .p-footer ul.p-footer_info li a:before {
      content: ":"; }
    .p-footer ul.p-footer_info li i {
      position: absolute;
      left: 0;
      top: 4px; }
  .p-footer .p-footer_social li {
    margin-bottom: 8px; }
    .p-footer .p-footer_social li a {
      display: inline-block;
      margin-right: 15px;
      width: 30px;
      height: 30px;
      text-align: center;
      border: 1px solid #141414;
      line-height: 30px; }
    .p-footer .p-footer_social li a:hover {
      color: #18bd95;
      border-color: #18bd95; }
  .p-footer .p-links li {
    line-height: 24px;
    display: inline-block;
    width: 45%; }
  .p-footer .p-insta li {
    display: inline-block;
    margin-bottom: 6px; }
  .p-footer .p-copyright {
    background: #000000;
    margin-top: 20px;
    padding: 10px 0; }
    .p-footer .p-copyright p {
      margin-bottom: 0; }

@media (max-width: 1169px) {
  .p-footer .p-links li {
    width: 100%; } }
@media (max-width: 1023px) {
  .p-footer .row > div {
    min-height: 240px; }

  .p-footer .p-links li {
    width: 48%; } }
@media (max-width: 1023px) {
  .p-footer .row > div {
    min-height: auto;
    margin-bottom: 50px; } }
/* INNER PAGE */
.p-inner_contact {
  background-image: url("../images/contact_bg.jpg"); }

.p-inner_head {
  background-size: cover;
  padding-top: 100px;
  position: relative; }
  .p-inner_head .p-page_title {
    background: rgba(19, 187, 147, 0.5) none repeat scroll 0 0;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 999; }
    .p-inner_head .p-page_title h1 {
      font-size: 33px;
      color: #fff;
      text-transform: uppercase;
      color: #fff;
      margin: auto;
      float: left; }

.p-inner_head:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0; }

.p-breadcrumb {
  float: right;
  list-style: none;
  padding-left: 0;
  padding-top: 8px; }
  .p-breadcrumb li {
    display: inline-block; }
    .p-breadcrumb li a, .p-breadcrumb li span {
      text-transform: uppercase;
      color: #fff;
      font-family: "Montserrat", "sans-serif";
      display: inline-block; }
    .p-breadcrumb li span:before {
      content: "/";
      margin: 0 10px 0 8px; }
    .p-breadcrumb li a {
      color: #18bd95; }

.p-page_inner {
  padding-top: 35px; }
  .p-page_inner .p-section_head h2 {
    margin-bottom: 60px; }

@media (max-width: 767px) {
  .p-inner_head .p-page_title {
    padding-top: 20px;
    padding-bottom: 20px; }
    .p-inner_head .p-page_title h1 {
      width: 100%; }

  .p-contact_info {
    margin-top: 50px; }

  .p-breadcrumb {
    float: left; } }




.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1200px) {
    .containerpsr {
        width: 1170px
    }
}

 
    
.container-fluid:after,
.container-fluid:before,
.containerpsr:after,
.containerpsr:before,
    
    
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}
    
.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}
   
   
.btn.btn-success.fs-4 {
  letter-spacing: 0.3px;
}
.btn.btn-success:hover {
  transform: translateY(-1px);
}
