@charset "utf-8";
/*Default Styles*/
a, button, i, nav, nav * {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body { font-family: 'Open Sans', sans-serif; }
html { scroll-behavior: smooth; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 600; line-height: 1.6; }
h1, .h1 { font-size: calc(1.375rem + 1.5vw); }
h2, .h2 { font-size: calc(1.325rem + .9vw); }
h3, .h3 { font-size: calc(1.3rem + .8vw); }
/*select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/

.bg_cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.bg_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bg_pos_25 { background-position: center 25%; }
.bg_pos_n1 { background-position: center -1px; }
.bg_pos_n25 { background-position: center -25%; }
.bg_size { background-size: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.display-5 { line-height: 1.4; }
.divider { position: relative; border:0; width: 100%;}
.divider_fade:before { 
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
}
.divider_top:before { 
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;  
}
.divider_vertical { position: relative; width: 0; }
.divider_vertical::before { 
    content: "";
    display: block;
    width: .0625rem;
    height: 100%;
}
.fs_1 { font-size: 1.5rem; }
.fs_2 { font-size: 1.25rem; }
.fs_3 { font-size: 1.125rem;  }
.fs_4 { font-size: .875rem; }
.fs_5 { font-size: .75rem; }
.fw_semi { font-weight: 600; }
.lh_0 { line-height: 0; }
.lh_lg { line-height: 1.8; }
.opacity_9 { opacity: .9;}
.py_12 { padding-top: 8.5rem; padding-bottom: 8.5rem; } 
.z_1 { z-index: 1000 !important; }
.z_1030 { z-index: 1030; }
.z_2 { z-index: 2000; }


/* Custom */
.btn { font-weight: 600; border-radius: .375rem; }
.btn_lang { text-transform: uppercase; }
.btn_lang [class^="bi-"]::before, .btn_lang [class*=" bi-"]::before { vertical-align: -.185em; }
.btn-lg { font-size: 1rem; padding: .7rem 1.75rem; }
.btn-sm { padding: .5rem 1rem; border-radius: .375rem; } 
.card_shadow { box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%); }
.card_shadow_sm { box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%); }
.dropdown-item { padding: .25rem 1.5rem; font-weight: 600; }
.footer_brand { display: inline-block; font-size: 1.25rem; line-height: inherit; white-space: nowrap;  }
.footer_brand img { width: 5.625rem; height: auto; }
.form-check-input { width: 18px; height: 18px; } 
.form-control {
    height: calc(1.5em + 2rem + 2px);
    padding: 1rem;
    font-size: 1rem;
}
.form-label { margin-bottom: .35rem; }
.form_select {
    background-image: url(/media/images/chevron-down.png);
    background-repeat: no-repeat;
    background-position: right 1.2rem center;
    background-size: 14px 8px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
.icon { border-radius: 50%; width: 3rem; height: 3rem; position: relative; }
.icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); vertical-align: middle; line-height: 0; }
.icon_lg { width: 4rem; height: 4rem; }
.img_cover { width: 100%; height: 100%; object-fit: cover; }
.img_lg { min-height: 20rem; max-height: 29.375rem; }
.img_md { height: 13.75rem; }
.modal_section input { height: 48px; }
.modal_section .form-group { margin-bottom: 0; }
.modal_section .form-label { font-size: 0.875rem; }
.navbar { padding: 0rem 1rem; }
.navbar .container-fluid,
    .navbar .container-xl { padding: .75rem 1rem; }
 .navbar_backdrop { 
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
}
.navbar-nav .nav-link { 
    font-size: 1rem; 
    font-weight: 600; 
    text-transform: none; 
}
.nav_brand	{ 
	background-image: url(/media/images/pec-logo-white.png);
	background-repeat: no-repeat;
	background-size: cover;
    display: block;
	width: 8.8125rem;
	height: 2.125rem; 
}
.nav_phone {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	border: none;
	display: block;
	height: 2rem;
    width: 2rem;
	margin: 0;
	padding: 0;
} 
.nav_toggler { font-size: 1.5rem; line-height: 1; }
.rounded { border-radius: .375rem!important }
.rounded_lg { border-radius: calc(.75rem - 1px); }
.rounded_top { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; }
.shape_container { 
    position: absolute; 
    left: 0;
    right: 0;
    line-height: 0;
    z-index: 2;
    transform: translateZ(0);
    overflow: hidden;
    white-space: nowrap;
}
.shape_orientation_inverse { transform: rotate(180deg); }
.wrapper:before { position: absolute; right: 1rem; top: calc(50% - (16px / 2)) }

/*Active, Focus & Hover Styles*/
.bg_size:hover { background-size: 110%; }
.btn-link:hover { text-decoration: none;}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { box-shadow: none; }
.hover_shadow_lg:hover { box-shadow: 0 1rem 3rem rgb(0 0 0 / 15%); transform: translateY(-3px); }

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-collapse .dropdown-item { padding: .5rem 0; } 
    .navbar-expand-xl .navbar-collapse .dropdown-menu { border: 0; border-radius: 0; padding: 1rem 0; } 
    .navbar-expand-xl .navbar-collapse .dropdown_toggle::after { 
        top: 50%;
        right: 0;
        font-size: .75rem;
        display: inline-block;
        font-family: bootstrap-icons;
        content: "\f282";
        position:absolute;
        transform: translateY(-50%);
    }
    .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item .nav-link { 
        padding: 1rem 0; 
    }
    .navbar-expand-xl .navbar_collapse_overlay { 
        position: fixed; 
        top: 0; 
        right: 5px; 
        left: 5px;
        max-height: calc(100vh - 2rem);
        z-index: 100; 
        padding: 1rem 0;
        overflow-y: scroll;
        transform: translateY(-100%);
        opacity: 0;
        transition-property: opacity,transform;
        transform-origin: top right;
        transition: all .2s ease-in-out;
        box-shadow: 0 1.5rem 3rem rgb(31 45 61 / 13%);  
        border-radius: .375rem; 
    }
    .navbar-expand-xl .navbar_collapse_overlay.show { 
        opacity: 1; 
        transform: translateY(0); 
        transition: all .2s ease-in-out; 
    }
    .navbar-expand-xl .navbar_collapse_overlay .nav-item { padding: 0 1.5rem; }
}

/* Small devices */
@media (min-width: 576px) {
	.modal_lg .modal-dialog { max-width: 700px; }
	.modal_lg .modal-body { padding: 2rem; }
}

/* Medium devices */
@media (min-width: 768px) {
    .img_md { height: 9.375rem; }
    .navbar .container-fluid, .navbar .container-xl { padding-top: .85rem; padding-bottom: .85rem; }
}

/* Large devices */
@media (min-width: 992px) {
    .img_md { height: 16.75rem; }
    .nav_brand	{ 
        background-image: url(/media/images/pec-logo-white-lg.png);
        width: 11.3125rem; 
        height: 2.6875rem 
    }
    .py_lg_15 { padding-top: 11rem; padding-bottom: 11rem; }   
}

/* Extra large devices */
@media (min-width: 1200px) {
    h1, .h1 { font-size: 2.5rem; }
    h2, .h2 { font-size: 2rem; } 
    h3, .h3 { font-size: 1.75rem; }

    .btn-lg { padding: 1rem 2rem; }
    .display-5 { font-size: 3rem; }
    .dropdown:hover>.dropdown-menu { display: block; }
    .navbar .container-fluid, .navbar .container-xl { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .navbar-expand-xl .dropdown-item { padding: .65rem 0; }
    .navbar-expand-xl .dropdown-menu { 
        border-radius: 0.5rem; 
        padding: 1.25rem 1.75rem; 
        min-width: 16rem; 
        box-shadow: 0 1.5rem 2rem rgb(31 45 61 / 15%); 
    } 
    .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }
    .py_xxl_16 { padding-top: 13.5rem; padding-bottom: 13.5rem; } 
}

/* XXL devices */
@media (min-width: 1440px) {
    .icon { width: 3.5rem; height: 3.5rem; }
    .icon_lg { width: 5rem; height: 5rem; }
    .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem; }
    .nav_brand	{ 
        background-image: url(/media/images/pec-logo-white-xxl.png); 
        width: 12.5625rem; 
        height: 3rem; 
    }
}

/* 3 Extra large devices */
@media (min-width: 1600px) {  
    .py_3xl_17 { padding-top: 15rem; padding-bottom: 15rem; } 
    .bg_pos_3xl_25 { background-position: center 25%; }
    .bg_pos_3xl_50 { background-position: center 50%; }
}

/* 2K Resolutions */
@media (min-width: 2560px) {  
    .angled_banner { min-height: 800px; }
}