h2 sup {
    top: -2.5em;
    font-size: 25%;
}

.pi-titlebar.pi-titlebar-tiny {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pi-header-block-logo {
    line-height: 96px;
}

.pi-header-block-logo > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pi-header-block-logo > a > p {
    font-family: "Diavlo Medium";
    font-size: 19px;
    margin: 0;
    padding-left: 5px;
    color: #699393;
}

.pi-header-row-fixed .pi-main-header-w .pi-section-header-lg .pi-header-block-logo {
    line-height: 70px;
    font-weight: bold;
}
.pi-header-row-fixed .pi-main-header-w .pi-section-header-lg .pi-full-height>li>a {
    font-weight: bold;
}

.pi-section-dark a {
    color: #18ba60 !important;
}

.pi-section-header-lg .pi-menu li i,
.pi-section-header-lg .pi-menu-btn-list li i,
.pi-section-header-lg .pi-menu-btn-list > li > a,
.pi-section-header-lg .pi-menu > li > a,
.pi-section-header-lg .pi-simple-menu li i,
.pi-section-header-lg .pi-simple-menu > li > a {
    font-size: 13px;
    text-transform: uppercase;
}

.pi-section-w.footer {
    text-align: center;
}

.pi-section-w.footer .pi-header-block {
    float: none;
}

.pi-section-white .pi-simple-menu > li.active,
.pi-section-white .pi-simple-menu > li.active > a,
.pi-section-white .pi-simple-menu > li:hover,
.pi-section-white .pi-simple-menu > li:hover > a,
.pi-section-dark a {
    color: #1E5F5F;
    font-weight: bold;
}

.pi-icon-base {
    background-color: #669966;
}

.pi-texture.page-title {
    background: url("../img/hexagon.png") repeat;
}

.pi-section-base-gradient {
    background: #669966;
    background: -moz-linear-gradient(left, #669966 0, #1E5F5F 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #669966), color-stop(100%, #1E5F5F));
    background: -webkit-linear-gradient(left, #669966 0, #1E5F5F 100%);
    background: -o-linear-gradient(left, #669966 0, #1E5F5F 100%);
    background: -ms-linear-gradient(left, #669966 0, #1E5F5F 100%);
    background: linear-gradient(to right, #669966 0, #1E5F5F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669966', endColorstr='#1E5F5F', GradientType=1)
}

.pi-slider-white .form-control,
.pi-slider-white .form-control:hover {
    background: #fbfcfc;
    border-color: #dde1e1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    color: #afb8bb;
}

.pi-slider-white .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #afb8bb;
    transition: all 0.1s ease-in-out 0s;
}

.pi-slider-white .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #afb8bb;
    transition: all 0.1s ease-in-out 0s;
}

.pi-slider-white .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #afb8bb;
    transition: all 0.1s ease-in-out 0s;
}

.pi-slider-white .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #afb8bb;
    transition: all 0.1s ease-in-out 0s;
}

.pi-footer-txt {
    float: none;
    display: block;
    text-align: center;
}

.pi-border-bottom-strong-base {
    border-bottom: 3px solid #1E5F5F;
}

.pi-btn-base {
    background: #1E5F5F;
    border: 1px solid #1E5F5F;
    box-shadow: 0 1px 0 #1E5F5F inset;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.pi-scroll-top-arrow:hover,
.pi-section-white .pi-dropcap-circle,
.pi-section-white .pi-dropcap-square {
    background: #1E5F5F;
}

.pi-btn-base.pi-btn-no-border {
    border-color: #1E5F5F #1E5F5F #1E5F5F;
    color: white !important;
}

.pi-section-white h1.h3.pi-has-bg:after {
    background-color: #639563;
    background-image: none !important;
}

.pi-section-white h1.h3.pi-has-bg {
    color: #639563;
}

.pi-revolution-slider {
    height: 500px !important;
    max-height: 500px !important;
}

.tp-cs-caption {
    top: auto !important
}

.pi-header-row-fixed .pi-main-header-w .pi-section-header-lg .pi-header-block-logo img {
    max-height: 50px;
    height: 50px;
}

.pi-texture {
    z-index: 999;
}

.no-zindex {
    z-index: auto;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    max-height: /*360px;315px;*/ /*300px*/ 275px;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    margin-top: /*-25px*/ /*-75px;*/ -50px;
}

/* custom button hover */
.pi-btn-base.pi-btn-no-border:hover {
    border: #099555;
}

/* custom header color */
.pi-header-block .pi-simple-menu li.active,
.pi-header-block .pi-simple-menu li.active > a > span::before,
.pi-header-block .pi-simple-menu li:hover,
.pi-header-block .pi-simple-menu li:hover > a > span::before {
    color: #1E5F5F !important;
    border-color: #1E5F5F !important;
    font-weight: bold;
}

/* Custom bread crumb */
.pi-section-base .pi-breadcrumb,
.pi-section-base .pi-breadcrumb li:after {
    color: #18ba60 !important;
}

.pi-titlebar .pi-breadcrumb li {
    font-size: 14px;
}

/* Custom selection-bark*/
/*.pi-section-dark.pi-shadow-inside-top {*/
/*    background: linear-gradient(to right, #669966 0, #699393 100%);*/
/*}*/

/* Custom selection style */
::selection {
    background: #3d765f;
    color: #fff;
}

/*Custom vip input form table*/
#vipCustomerTable {
    border-collapse: initial;
    border-spacing: 10px;
}

#vipCustomerTable td > input {
    width: 200px;
}

#vipCustomerTable td > input[type="submit"] {
    text-align: center !important;
}

@media (max-width: 1024px) {

    .pi-section-header-lg .pi-menu li i,
    .pi-section-header-lg .pi-menu-btn-list li i,
    .pi-section-header-lg .pi-menu-btn-list > li > a,
    .pi-section-header-lg .pi-menu > li > a,
    .pi-section-header-lg .pi-simple-menu li i,
    .pi-section-header-lg .pi-simple-menu > li > a {
        font-size: 12px;
        text-transform: uppercase;
    }

    .pi-section-header-lg .pi-simple-menu > li > a {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {

    .form-group .pi-col-sm-4,
    .form-group .pi-col-sm-6,
    .form-group .pi-col-sm-3 {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .sign-agreement {
        width: 30.33333% !important;
    }

    .log-in {
        width: 19.66666% !important;
    }

}

@media (max-width: 480px) {
    .footer ul.pi-simple-menu {
        margin-bottom: 20px;
        float: left;
    }

    .footer .pi-simple-menu > li > a {
        padding: 0;
        line-height: 30px;
        text-align: center;
    }

    .footer .pi-hidden-xs,
    .pi-footer-txt {
        display: block !important;
    }

    .footer .pi-simple-menu li {
        width: 100%;
    }

    .pi-header-row-fixed .pi-main-header-w .pi-section-header-lg .pi-header-block-logo img {
        max-height: 50px;
    }

    .form-control {
        width: 90%;
        height: 35px;
    }

    .form-group {
        margin-bottom: 10px;
    }
}

@media (max-width: 680px) {
    .rslides {
        max-height: /*175px*/ 150px;
    }

    .rslides img {
        margin-top: /*0px*/ -15px;
    }
}

@media (min-width: 1080px) {
    #rafting .rslides img {
        margin-top: -120px;
    }
}

@media (min-width: 1675px) {

    .rslides img,
    #rafting .rslides img {
        margin-top: -110px;
    }
}

@media (min-width: 1775px) {

    .rslides img,
    #rafting .rslides img {
        margin-top: -135px;
    }
}

@media (min-width: 1875px) {

    .rslides img,
    #rafting .rslides img {
        margin-top: -160px;
    }
}

@media (min-width: 1975px) {

    .rslides img,
    #rafting .rslides img {
        margin-top: -160px;
    }
}

/*Responsive for log*/
@media (min-width: 320px) {
    .pi-header-row-fixed .pi-main-header-w .pi-section-header-lg .pi-header-block-logo {
        margin: 0;
    }

    .pi-header-block-logo > a > img {
        height: 30px !important;
    }
}

@media (min-width: 375px) {
    .pi-header-block-logo > a > img {
        height: 40px !important;
    }

    .pi-header-block-logo > a > p {
        font-size: 23px;
    }
}


@media (min-width: 414px) {
    .pi-header-block-logo > a > img {
        height: 50px !important;
    }

    .pi-header-block-logo > a > p {
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .pi-header-block-logo > a > p {
        font-size: 30px;
    }
}