body {font-family: 'Exo 2', sans-serif; border-radius: 0px 0px 80px 80px; background-image: linear-gradient(#fff, #b6b6b6);/* background-color: #5c5c5c;*/}
a {font-size: 1.2rem; font-weight: 600; line-height: 1.2; color: #000; text-decoration: none;}
p {font-size: 1.2rem; line-height: 1.2; margin-bottom: 10px;}
h4 {font-size: 1.2rem; line-height: 1.2; margin-bottom: 10px; text-decoration: underline;}
li {font-size: 1.2rem;}
b {font-weight: 600;}
.ce-bodytext {margin: 10px 0;}
h1 {font-size: 2rem;}

/*Header*/
#ppl-header {margin-bottom: 10px;}
.ppl-header-top {overflow: hidden; margin: 20px 0px;}
#ppl-logo {float: left;}
#ppl-logo-intro {display: inline-block; font-size: 24px; text-align: right; color: #193d6e;}

/*Navigation*/
.ppl-header-navigation {margin-top: 40px; padding-bottom: 30px;}
.ppl-header-navigation .nav a {font-size: 1.5rem; font-weight: 600; color: #193d6e;}
.ppl-header-navigation .active a,
.ppl-header-navigation .nav-item a:hover {color: #ee7203; text-decoration: underline;}
#ppl-header .navbar .container-fluid {padding-left: 0px;}
#ppl-header .navbar .container-fluid .ppl-header-navigation {margin-top: 10px;}

/*Content*/
#ppl-container {max-width: 100%; margin: 0; padding: 50px 0px;}
#ppl-content .nav {background-color: #f2f2f1; border-radius: 5px; padding: 10px; width: 200px; box-shadow: 2px 3px 0 0 #193d6e; border: 1px solid #193d6e;}
#ppl-content .active a,
#ppl-content .nav-item a:hover {color: #ee7203; text-decoration: underline;}
#ppl-content .frame a:not([class]) {color: #193d6e; text-decoration: underline;}
#ppl-content .carousel-content h1 {display: none;}
#ppl-content .carousel-inner {margin-bottom: 20px;}
#ppl-content .carousel-item img {width: 1300px; height: 330px; margin-right: auto; margin-left: auto;}
#ppl-content .accordion-item {border-radius: 5px; padding: 15px 20px; box-shadow: 2px 3px 0 0 #193d6e; border: 1px solid #193d6e; margin-bottom: 15px; background-color: #f2f2f1;}
#ppl-content .accordion-item button {font-size: 1.2rem; font-weight: 600; line-height: 1.2; color: #000; padding:0; background-color: #f2f2f1;}
#ppl-content .accordion-item button:hover {color: #ee7203;}
#ppl-content .accordion-item {background-color: #f2f2f1;}
#ppl-content .accordion-item .accordion-button {border: none;}
#ppl-content .accordion-body {padding-left:0; padding-bottom:0;}
#ppl-content .frame {padding-top: 0px; padding-bottom: 10px; margin: 0px 0px 20px 0px;}
#ppl-content .card-body .frame {padding-top: 10px; padding-bottom: 10px; margin: 0;}
#ppl-content .accordion .gallery-item img {max-width: 200px; max-height: 300px; margin-top: 15px;}
.card h2 {display: none;}
.flexslider img {min-width: 600px; min-height: 450px;}
#ppl-content iframe {border-radius: 5px; box-shadow: 2px 3px 0 0 #193d6e; border: 1px solid #193d6e;}
#ppl-content .ppl-gallery {position: relative; width: 200px; height: 200px; overflow: hidden;}
#ppl-content .ppl-gallery img {position: relative; left: 25%; top: 25%; height: 100%; width: auto; -webkit-transform: translate(-25%,-25%); -ms-transform: translate(-25%,-25%); transform: translate(-25%,-25%);}
#ppl-content .text-info {color: #193d6e !important;}
#ppl-content .btn-primary {background-color: #193d6e; border: 1px solid #193d6e;}

/*Footer*/
.ppl-footer {height: auto; margin: 50px 0px; padding: 20px 0; color: #193d6e;}
.ppl-footer .border-bottom {border-bottom: 1px solid #193d6e !important; margin-bottom: 15px;}
.ppl-footer .d-flex {padding-right: 0px;}
.ppl-footer .align-self-start {padding-left: 0px; padding-right: 0px;}
.ppl-footer .align-self-start a {color: #193d6e; text-decoration: underline;}
#ppl-footer-navigation .nav-item {margin-right: 10px;}
#ppl-footer-navigation .nav-item a:hover {color: #ee7203; text-decoration: underline;}
#ppl-footer-copyright {text-align: right;} 
#ppl-footer-copyright p {font-size: 1.2rem; line-height: 1.2;}


/*Phone*/
@media (max-width: 480px) {
/*Header*/
#ppl-logo {padding-left: 0px;}
#ppl-logo-intro {display: inline-block;}
ul#nav-main {display: block;}
#ppl-logo-intro {display: inline-block; font-size: 18px; text-align: right; color: #193d6e;}
#nav-main .nav-fill, #nav-main .nav-item {text-align: left;}
.ppl-header-navigation .nav a {font-size: 1.2rem;}
.ppl-header-navigation {border-bottom: none;}
#ppl-header .navbar-toggler-icon {background-color: transparent; top: 80%; left:60%;}

#ppl-header .navbar-toggler.collapsed .navbar-toggler-icon {height: 23px;}
#ppl-content .carousel-item img {max-width: 480px; height: 150px;}
#ppl-content .carousel-item {padding-left: 0px;}
#ppl-content .panel-body .ce-bodytext {float: left;}
#ppl-content .panel-body .ce-right .ce-gallery {float: none;}
.flexslider img {min-width: 250px; min-height: 180px;}
#ppl-content iframe {width: 340px; height: 300px;}
#ppl-footer-copyright {text-align: inherit;}
}

@media (min-width: 481px) and (max-width: 768px) { 
ul#nav-main {display: block;}
#ppl-logo-intro {display: inline-block; font-size: 18px; text-align: right; color: #193d6e;}
#nav-main .nav-fill, #nav-main .nav-item {text-align: left;}
.ppl-header-navigation {border-bottom: none;}
.ppl-header-navigation .nav a {font-size: 1.2rem;}
#ppl-header .navbar-toggler-icon {background-color: transparent; top: 80%; left:60%;}
#ppl-header .navbar-toggler.collapsed .navbar-toggler-icon {height: 23px;}
#ppl-content .carousel-item img {max-width: 768px; min-width: 481px; height: 200px;}
#ppl-content .panel-body .ce-bodytext {float: left;}
#ppl-content .panel-body .ce-right .ce-gallery {float: none;}
.flexslider img {min-width: 300px; min-height: 200px;}
#ppl-content iframe {width: 400px; height: 350px;}
}
@media (min-width: 769px) and (max-width: 979px) {
#ppl-content .carousel-item img {max-width: 979px; min-width: 769px; height: 250px;}
.panel-body img {max-width: 100px; max-height: 200px; margin-top: 15px;}
.flexslider img {min-width: 430px; min-height: 450px;}
}
@media (min-width: 992px) {
 #ppl-content .carousel-item img {max-width: 990px; height: 330px;}
}
@media (min-width: 1200px) {
 
}
@media (min-width: 1400px) {

    #ppl-header-container, #ppl-content, .container {max-width: 1140px;}
}

