/*! Main
----------------------------------------------------- */

body {
    overflow-x: hidden;
}

#ps {
    font-family: "Lato", sans-serif;
    font-style: normal;
}

#ps img {
    max-width: 100%;
    height: auto;
}

#ps h1, #ps h2, #ps h3, #ps h4, #ps h5, #ps h6 {
    font-family: "Lato", sans-serif;
    font-style: normal;
}

#ps h3 {
    font-size: 24px !important;
    font-family: "Lato", sans-serif;
    font-style: normal;
}

#ps p {
    font-family: "Lato", sans-serif;
    font-size: 17px; 
    font-style: normal;
}

#ps sub, sup {
    position: relative;
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
    top: -.7em;
}

#ps section {
    padding: 20px 0;
} 


/*! Header
----------------------------------------------------- */

#ps .header {
   background: url(../img/hero.jpg);
    background-position: center center;
    background-size: 100% auto;
    text-align: center;
}

#ps .header-form {
    background: url(../img/hero.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    text-align: center;
    padding: 65px 55px;
}

#ps .header-headline {
    font-size: 40px;
}

/* Desktop: single line */
#ps .header-headline .line {
    display: inline;
    font-weight: 900;
}

/* Mobile / responsive */
@media (max-width: 768px) {
    #ps .header-headline .line {
        display: block;
    }

    #ps .header-headline .divider {
        display: none; /* hides the | on mobile */
        color: #d71d24 !important;
    }

}

#ps .logo{
    width: 370px;
}

@media(max-width: 1000px) {

        #ps .header-form {
            background: url(../img/hero.jpg) no-repeat;
            background-position: bottom;
            background-size: cover;
            width: 100%;
            min-height: 100vh;
            text-align: center;
            padding: 65px 55px;
        }

       
    }

@media(max-width: 768px) {
        #ps .header-headline {
            font-size: 22px !important;
        }

        #ps .header-form {
            background: url(../img/hero-768.jpg);
            background-position: bottom;
            background-size: cover;
            width: 100%;
            min-height: 90vh;
            text-align: center;
            padding: 35px 10px 35px;
        }

         #ps .logo{
            width: 275px;
        }
    }


 /*! Animation
----------------------------------------------------- */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,50px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,50px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}   


/*! Navbar
----------------------------------------------------- */

#ps .navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: #dcddde;
    border: none;
}

#ps .navbar li {
    display: inline-block;
    background-color: #dcddde;
    border: none;
}

#ps .navbar a .link1 {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #dcddde;
    border: none;
}

#ps .navbar a:hover {
    background-color: #fff;
}

#ps .navbar-nav{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding:0;
    border: none;
    box-shadow: 1px 0px 26px -20px #636466;
    background-color: #dcddde;
}
#ps .navbar-nav > li{
    display: block;
    flex: 0 1 auto;
    font-weight:bolder;
    font-size: 18px;
    flex-direction: column;
}

#ps .navbar-nav > li a{
    color:#fff;
    margin-top: 0px;
}

#ps .navbar-nav > li .orange-hover:hover{
    color:#fff !important;
    background-color: #e6e7e8;
}

#ps .navbar-nav > li .yellow-hover:hover{
    color:#fff !important;
    background-color: #1c75bc;
}

#ps .navbar-nav > li .blue-hover:hover{
    color:#fff !important;
    background-color: #66c0c8;
}

#ps .navbar-nav > li .green-hover:hover{
    color:#fff !important;
    background-color: #bfd730;
}

#ps .navbar-nav > li .orange-hover:focus{
    color:#dcddde !important;
    background-color: #dcddde;
}

#ps .navbar-nav > li .yellow-hover:focus{
    color:#f8c86d !important;
    background-color: #dcddde;
}

#ps .navbar-nav > li .blue-hover:focus{
    color:#66c0c8 !important;
    background-color: #dcddde;
}

#ps .navbar-nav > li .green-hover:focus{
    color:#fff !important;
    background-color: #bfd730;
}

#ps .navbar-nav .nav-item{
    margin:0 auto;
}
@media (min-width: 768px) and (max-width: 992px) {
  #ps .nav>li{
    font-size: 12px;
    text-align: center;
  }
  #ps .nav>li>a{
    padding: 10px 10px;
  }
}
@media (max-width: 768px) {
  #ps .navbar-nav{
    display: block;
  }
  #ps .navbar-nav > li{
    margin: 0 auto;
    text-align: center;
  }
  #ps .navbar-toggle{
    float: left;
  }
}

#ps .nav-pills .nav-item.active .nav-link{
    background-color: #cf152d !important;
    border-radius: 10px;
    border: none !important;
    color: #fff !important;
}

#ps .nav-pills .nav-link{
    background-color: #f2f2f2;
    border-radius: 10px !important;
    text-transform: uppercase;
    font-weight:bold;
    margin-right:5% !important;
    border: none !important;
    color: #939598 !important;
}

#ps .tab-content>.tab-pane {
    background-color:#f2f2f2;
    padding:25px;
    color: #939598 !important;

}

#ps .sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 131px;
    z-index: 400;
    width: 100%;
     margin: 0px auto 0 auto;
}

#ps nav {
    background: #dcddde;
    margin: -125px auto 0 auto;
}

@media(max-width: 768px) {
        #ps .sticky.is-sticky {
            top: 75px;
        }

        #ps nav {
            margin: -75px auto 0 auto;
        }
    }


/* Overline From Center */
#ps .hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
#ps .hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #73cabf;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#ps .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/*! Buttons
----------------------------------------------------- */

#ps .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 10px;
}

#ps .btn-primary {
    background-color: #cf152d;
    color: #ffffff;
    border: 0;
    padding: 15px 25px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 10px;
    text-transform: uppercase;
}

#ps .btn-primary:hover {
    background-color: #000000;
    color: #ffffff;
    transition: all 0.3s ease 0s;
}

#ps .btn-primary:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
}

#ps .btn-secondary {
    background-color: #cb3435;
    color: #ffffff;
    border: 0;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 0;
    text-transform: uppercase;
    border-radius: 10px;
}

#ps .btn-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    transition: all 0.3s ease 0s;
}

#ps .btn-secondary:focus {
    background-color: #e6e7e8 !important;
    color: #000000 !important;
}

#ps .btn-color:focus {
    background-color: #bfd730 !important;
    color: #cb3435 !important;
}

#ps .btn-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#ps .btn-rise {
    transition: all 0.3s ease 0s;
}

#ps .btn-rise:hover {
    background: darken($accent, 15%);
    box-shadow: 0px 15px 20px rgba(70, 70, 70, 0.4);
    color: #fff;
    transform: translateY(-4px);
}

/*! Gallery
----------------------------------------------------- */

#ps .gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }

#ps .gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }

#ps .gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
#ps .gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

/*! Testimonial
----------------------------------------------------- */

.quote-image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  padding-top: 30px;
  width: 150px;
}
/* text-style */
.testimonial-style .testimonial-caption-style {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 24px;
  color: #354052;
  line-height: 30px;
  bottom: 40%;
  text-shadow: none;
  top: 10%;
}
.testimonial-style .testimonial-authors {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 20px;
  color: #354052;
  line-height: 30px;
  margin-top: 20px;
}
/* carousel-height-control */
.testimonial-style .carousel-inner > .item {
  padding-top: auto;
  padding-bottom: auto;
  margin-bottom: 50px;
  height: 350px;
}
@media(max-width: 768px) {
        .testimonial-style .carousel-inner > .item {
          height: 650px;
        }
    }
/* carousel-left-right-control */
.testimonial-style .carousel-control.left {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control.right {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control {
  color: #354052;
}
.testimonial-style .carousel-control:hover {
  color: #354052;
  text-decoration: none;
  transition: background-color 1s ease;
}
/* indicators */
.testimonial-style .carousel-indicators .active {
  background-color: #fff;
  width: 14px;
  height: 14px;
  transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.testimonial-style .carousel-indicators li {
  border: 2px solid #354052;
  background-color: #354052;
}

.item > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*! Speakers
----------------------------------------------------- */

.speakerbox {
    background-color: #633f89;
    position: relative;
    min-height: 150px;
}

.speakerbox:before {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    border-bottom: 40px solid white;
    border-right: 40px solid #633f89;
    width: 0;
}

.keynote {
  padding: 1px;
}

/*! Miscellaneous
----------------------------------------------------- */

.bold { font-weight: 900; }
.italic { font-style: italic; } 
.uppercase { text-transform: uppercase; }
.text-shadow { text-shadow: 0px 0px 20px rgba(0,0,0,.6); }

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.fa-ul li {
    margin-bottom: 6px;
}

#ps .bkgd-about {
    background: url(../img/PS-about.jpg);
    min-height: 525px;
    background-position: center !important;
    background-size: cover !important;
}

#ps .boundbox {
    width: 85%;
    background-color: #fff !important;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px;
    margin-top: 50px;
}

#ps .boundbox-testimonial {
    width: 85%;
    background-color: #fff !important;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px;
    margin-top: 50px;
}

#ps .font-40 {
    font-size: 40px;
    line-height: 1.3;
}

#ps .font-22 {
    font-size: 22px;
    line-height: 1.3;
}

#ps .font-14 {
   font-size: 14px;
}

#ps .bar-agenda{
    width: 250px;
    border: 0px;
    background-color: #f1c029;
    height: 3px;
    margin: 0 auto;
}

#ps .bar-registration{
    width: 250px;
    border: 0px;
    background-color: #f1c029;
    height: 3px;
    margin: 0 auto;
}

#ps .bar-companies{
    width: 250px;
    border: 0px;
    background-color: #f1c029;
    height: 3px;
    margin: 0 auto;
}

#ps .bar-testimonials{
    width: 250px;
    border: 0px;
    background-color: #f1c029;
    height: 3px;
    margin: 0 auto;
}

#ps .justify-content-center {
    display: flex !important;
    justify-content: center !important;
}

#ps .centered {
   text-align: center;
}
#ps .centered > div {
   float: none;
   display: inline-block;
}

#ps .bkg-gradient {
    background: rgb(169,67,106);
    background: linear-gradient(129deg, rgba(169,67,106,1) 0%, rgba(123,62,121,1) 100%);
}

#ps .anchor{
    display: block;
    height: 60px; /*same height as header*/
    margin-top: -60px; /*same height as header*/
    visibility: hidden;
}

#ps .card {
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#ebebec;
    background-clip:border-box;
    border: none !important;
    border-radius:.25rem;
}

#ps .speechbubble-testimonial {
    background: #efefef;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    max-width: 400px;
    padding: 15px;
    position: relative;
}

#ps .speechbubble-testimonial::after {
  border-left: 20px solid transparent;
  border-top: 20px solid #efefef;
  bottom: -20px;
  content: "";
  position: absolute;
  right: 20px;
}

#ps .center-image {
  margin: 0 auto !important;
  display: block !important;
}

.carrot {
  position: relative;
  margin: 100px auto;
  background: #ebebec;
  width: 100px;
  padding: 20px;
  text-align: center;
}

.carrot::after {
  content: '';
  position: absolute;
  top: 100%;
  left: calc(30% - 10px);
  background: #ebebec;
  width: 20px;
  height: 20px;
  
  /* The points are: (left top: x y, right top: x y, center bottom: x y) */
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

#ps .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

#ps .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#ps .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#ps .anchor{
    display: block;
    height: 175px; /*same height as header*/
    margin-top: -175px; /*same height as header*/
    visibility: hidden;
}

#ps .anchor2{
    display: block;
    height: 175px; /*same height as header*/
    margin-top: -175px; /*same height as header*/
    visibility: hidden;
}

#ps .anchor-header{
    display: block;
    height: 500px; /*same height as header*/
    margin-top: -500px; /*same height as header*/
    visibility: hidden;
}

#ps #agenda table{
    width: 75% !important;
    table-layout: fixed;
    text-align: left !important;
    margin: 0 auto;
}

#ps .front {
    position: relative;
    z-index: 100;
}

#ps .anchor3{
    display: block;
    height: 500px; /*same height as header*/
    visibility: visible;
}

#ps .nopaddingbar{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#ps .video-responsive {
  width: 100%    !important;
  height: auto   !important;
}

#ps .panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: grey; /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

@media(max-width: 768px) {
        #ps #agenda table{
            width: 100%;
        }
    }

@media (min-width: 576px) { .card-columns { column-count: 2; }}
@media (min-width: 768px) { .card-columns { column-count: 2; }}
@media (min-width: 992px) { .card-columns { column-count: 3; }}
@media (min-width: 1200px) { .card-columns { column-count: 3; }}



/*! Misc
----------------------------------------------------- */

#ps .bold { font-weight: bold; }
#ps .uppercase { text-transform: uppercase; }

/*! Margins
----------------------------------------------------- */

#ps .no-margin { margin: 0; margin: 0; }
#ps .margin-5 { margin: 5px; }
#ps .margin-10 { margin: 10px; }
#ps .margin-12 { margin: 12px; }
#ps .margin-15 { margin: 15px; }
#ps .margin-20 { margin: 20px; }
#ps .margin-22 { margin: 22px; }
#ps .margin-30 { margin: 30px; }
#ps .margin-40 { margin: 40px; }
#ps .margin-50 { margin: 50px; }
#ps .margin-top-0 { margin-top: 0px; }
#ps .margin-top-10 { margin-top: 10px; }
#ps .margin-top-20 { margin-top: 20px; }
#ps .margin-top-30 { margin-top: 30px; }
#ps .margin-top-40 { margin-top: 40px; }
#ps .margin-top-50 { margin-top: 50px; }
#ps .margin-right-10 { margin-right: 10px; }
#ps .margin-right-20 { margin-right: 20px; }
#ps .margin-right-30 { margin-right: 30px; }
#ps .margin-right-40 { margin-right: 40px; }
#ps .margin-right-50 { margin-right: 50px; }
#ps .margin-bottom-0 { margin-bottom: 0px; }
#ps .margin-bottom-5 { margin-bottom: 5px; }
#ps .margin-bottom-10 { margin-bottom: 10px; }
#ps .margin-bottom-20 { margin-bottom: 20px; }
#ps .margin-bottom-30 { margin-bottom: 30px; }
#ps .margin-bottom-50 { margin-bottom: 50px; }
#ps .margin-bottom-60 { margin-bottom: 60px; }
#ps .margin-left-10 { margin-left: 10px; }
#ps .margin-left-15 { margin-left: 15px; }
#ps .margin-left-20 { margin-left: 20px; }
#ps .margin-left-30 { margin-left: 30px; }
#ps .margin-left-40 { margin-left: 40px; }
#ps .margin-left-50 { margin-left: 50px; }

/*! Paddings
----------------------------------------------------- */

#ps .no-padding { padding: 0; padding: 0; }
#ps .padding-5 { padding: 5px; }
#ps .padding-10 { padding: 10px; }
#ps .padding-20 { padding: 20px; }
#ps .padding-30 { padding: 30px; }
#ps .padding-40 { padding: 40px; }
#ps .padding-50 { padding: 50px; }
#ps .padding-top-5 { padding-top: 5px; }
#ps .padding-top-10 { padding-top: 10px; }
#ps .padding-top-20 { padding-top: 20px; }
#ps .padding-top-30 { padding-top: 30px; }
#ps .padding-top-40 { padding-top: 40px; }
#ps .padding-top-50 { padding-top: 50px; }
#ps .padding-right-10 { padding-right: 10px; }
#ps .padding-right-20 { padding-right: 20px; }
#ps .padding-right-30 { padding-right: 30px; }
#ps .padding-right-40 { padding-right: 40px; }
#ps .padding-right-50 { padding-right: 50px; }
#ps .padding-bottom-0 { padding-bottom: 0px; }
#ps .padding-bottom-5 { padding-bottom: 5px; }
#ps .padding-bottom-10 { padding-bottom: 10px; }
#ps .padding-bottom-15 { padding-bottom: 15px; }
#ps .padding-bottom-20 { padding-bottom: 20px; }
#ps .padding-bottom-30 { padding-bottom: 30px; }
#ps .padding-bottom-40 { padding-bottom: 40px; }
#ps .padding-bottom-50 { padding-bottom: 50px; }
#ps .padding-left-10 { padding-left: 10px; }
#ps .padding-left-20 { padding-left: 20px; }
#ps .padding-left-30 { padding-left: 30px; }
#ps .padding-left-40 { padding-left: 40px; }
#ps .padding-left-50 { padding-left: 50px; }

/*! Font Sizes
----------------------------------------------------- */

#ps .font-normal { font-weight: normal !important; }
#ps .font-8 { font-size: 8px !important; }
#ps .font-9 { font-size: 9px !important; }
#ps .font-10 { font-size: 10px !important; }
#ps .font-11 { font-size: 11px !important; }
#ps .font-12 { font-size: 12px !important; }
#ps .font-13 { font-size: 13px !important; }
#ps .font-14 { font-size: 14px !important; }
#ps .font-15 { font-size: 15px !important; }
#ps .font-16 { font-size: 16px !important; }
#ps .font-17 { font-size: 17px !important; }
#ps .font-18 { font-size: 18px !important; }
#ps .font-19 { font-size: 19px !important; }
#ps .font-21 { font-size: 21px !important; }
#ps .font-22 { font-size: 22px !important; }
#ps .font-23 { font-size: 23px !important; }
#ps .font-25 { font-size: 25px !important; }
#ps .font-26 { font-size: 26px !important; }
#ps .font-27 { font-size: 27px !important; }
#ps .font-28 { font-size: 28px !important; }
#ps .font-29 { font-size: 29px !important; }
#ps .font-30 { font-size: 30px !important; }
#ps .font-33 { font-size: 33px !important; }
#ps .font-34 { font-size: 34px !important; }
#ps .font-35 { font-size: 35px !important; }
#ps .font-37 { font-size: 37px !important; }
#ps .font-38 { font-size: 38px !important; }
#ps .font-40 { font-size: 40px !important; }
#ps .font-50 { font-size: 50px !important; }
#ps .font-60 { font-size: 60px !important; }
#ps .font-70 { font-size: 70px !important; }
#ps h1 { font-size: 65px !important; }
#ps h2 { font-size: 27px !important; }
#ps h3 { font-size: 19px !important; }
#ps h4 { font-size: 18px !important; }
#ps h5 { font-size: 14px !important; }
#ps h6 { font-size: 12px !important; }


/*! Custom Colors
----------------------------------------------------- */

#ps .psred { background-color: #cf152d !important; }
#ps .psyellow { background-color: #ffcb66!important; }
#ps .pspurple { background-color: #633f89 !important; }
#ps .psorange { background-color: #e18850 !important; }
#ps .psblue { background-color: #1c75bc !important; }
#ps .psgreen { background-color: #bfd730 !important; }
#ps .psblack { background-color: #000 !important; }

#ps .psred-text { color: #cf152d !important; }
#ps .psyellow-text { color: #ffcb66 !important; }
#ps .psorange-text { color: #e18850 !important; }
#ps .psblue-text { color: #1c75bc !important; }
#ps .psgreen-text { color: #bfd730 !important; }
#ps .psblack-text { color: #000 !important; }
#ps .psblack-text { color: #000 !important; }