#homepage, #page5 {
    position : relative;
}

#homepage .homepage-video-btn {
    position                  : absolute;
    top                       : 18%;
    right                     : 37%;
    animation-name            : flash;
    animation-duration        : 4s;
    animation-timing-function : linear;
    animation-iteration-count : infinite;
}

#homepage .homepage-video-btn img, #page5 .page5-vr-btn img {
    width : 50px;
}

.video-content {
    margin-top : 30px;
}

.video-content .video-wrapper {
    width : 100%;
}

@media screen and (max-width : 1800px) and (min-width : 1536px) {
    #homepage .homepage-video-btn img {
        width : 45px;
    }
}

@media screen and (max-width : 1535px) and (min-width : 1360px) {
    #homepage .homepage-video-btn img {
        width : 40px;
    }
}

@media screen and (max-width : 1359px) and (min-width : 1100px) {
    #homepage .homepage-video-btn img {
        width : 35px;
    }
}

@media screen and (max-width : 1099px) and (min-width : 1000px) {
    #homepage .homepage-video-btn img {
        width : 30px;
    }
}

@media screen and (max-width : 999px) and (min-width : 850px) {
    #homepage .homepage-video-btn img {
        width : 25px;
    }
}

@media screen and (max-width : 849px) and (min-width : 700px) {
    #homepage .homepage-video-btn img {
        width : 20px;
    }
}

@media screen and (max-width : 699px) and (min-width : 569px) {
    #homepage .homepage-video-btn img {
        width : 20px;
    }

    #homepage .homepage-video-btn {
        top   : 17%;
        right : 36.5%;
    }

}

@media screen and (max-width : 568px) and (min-width : 485px) {
    #homepage .homepage-video-btn img {
        width : 20px;
    }

    #homepage .homepage-video-btn {
        top   : 16%;
        right : 35.5%;
    }

}

@media screen and (max-width : 484px) and (min-width : 390px) {
    #homepage .homepage-video-btn img {
        width : 15px;
    }

    #homepage .homepage-video-btn {
        top   : 15%;
        right : 36%;
    }

}

@media screen and (max-width : 389px) and (min-width : 300px) {
    #homepage .homepage-video-btn img {
        width : 10px;
    }

    #homepage .homepage-video-btn {
        top   : 15%;
        right : 36%;
    }

}

#page5 .page5-vr-btn {
    position                  : absolute;
    bottom                    : 1%;
    right                     : 2%;
    animation-name            : flash;
    animation-duration        : 4s;
    animation-timing-function : linear;
    animation-iteration-count : infinite;
}

#page5 .page5-vr-btn:hover, #homepage .homepage-video-btn:hover {
    animation : 0;
}

#page5_vr_modal .vr-content iframe {
    width  : 100%;
    height : 400px;
}

.pull-right {
    text-align : right;
}

.dropdown-menu1 {
    left             : -181px;
    background-color : rgba(255, 255, 255, 0.78);
    border           : 0px;
    text-align       : right;
    box-shadow       : none;
    top              : 188%;
    min-width        : 188px;
    margin-top       : 6px;
}

.list-group-item {
    background-color : transparent;
    border           : 0px;
    padding-top      : 0px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color : transparent;
    color            : #bc3f70;
}

.dropdown-menu > li > a {
    padding-right : 10px;
    padding-left  : 10px;
}

.viewmore {
    position : absolute;
    bottom   : 145px;
}

.viewmore a:hover {
    text-decoration  : none;
    background-color : rgba(255, 255, 255, 0.35);
}

a.text-deepskyblue {
    color           : #ffffff;
    text-decoration : underline;
    font-weight     : 800;
}

a.text-personal {
    color           : #FFFFFF;
    text-decoration : underline;
}

a.text-personal:hover, a.text-personal:focus {
    text-decoration : none;
    color           : #e6e6e6;
}

a.text-grey {
    color           : #58595b;
    text-decoration : none;
}

a.text-magenta {
    color           : #585857;
    text-decoration : none;
}

a.text-magenta:hover, a.text-magenta:focus {
    color           : #bc3f70;
    text-decoration : none;
}

.text-white {
    color : #FFFFFF !important;
}

.text-orange-error {
    color : #f2de21 !important;
}

.text-pink {
    color : #ed145b;
}

.text-center {
    text-align : center;
}

.text-left {
    text-align : left;
}

.page-4 > .row > .col-xs-3 > li {
    list-style-type : none;
    margin-bottom   : 10px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.page-4 > .row > .col-xs-9 > li {
    list-style-type : none;
    margin-bottom   : 13px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.text-orange > .row > .col-xs-3 > li {
    list-style-type : none;
    margin-bottom   : 10px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.text-orange > .row > .col-xs-9 > li {
    list-style-type : none;
    margin-bottom   : 10px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.text-blue {
    margin-bottom : 20px;
}

.text-blue > .row > .col-xs-3 li {
    list-style-type : none;
    margin-bottom   : 10px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.text-blue > .row > .col-xs-9 li {
    list-style-type : none;
    margin-bottom   : 10px;
    font-family     : AbelRegular;
    font-size       : 10.39pt;
}

.page-4 > .row > .col-xs-3 > li > span {
    border           : 1px solid #f02b6b;
    padding          : 1px 6px 1px 6px;
    border-radius    : 50%;
    background-color : #f02b6b;
    color            : #FFFFFF;
    margin-right     : 15px;
    text-align       : center;
}

.page-4 > .row > .col-xs-3 > li > span.special {
    border           : 1px solid #f02b6b;
    padding          : 1px 3px 1px 3px;
    border-radius    : 50%;
    background-color : #f02b6b;
    color            : #FFFFFF;
    margin-right     : 15px;
    text-align       : center;
}

.text-orange > .row > .col-xs-3 > li > span {
    border           : 1px solid #f89e34;
    padding          : 1px 6px 1px 6px;
    border-radius    : 50%;
    background-color : #f89e34;
    color            : #FFFFFF;
    margin-right     : 15px;
    text-align       : center;
}

.text-blue > .row > .col-xs-3 > li > span {
    border           : 1px solid #43459d;
    padding          : 1px 6px 1px 6px;
    border-radius    : 50%;
    background-color : #43459d;
    color            : #FFFFFF;
    font-family      : AbelRegular1;
    margin-right     : 15px;
    text-align       : center;
}

.twin-villa > img, .family-villa > img {
    width : 100%;
}

.twin-villa {
    background-image    : url(../image/twin_villa1.jpg);
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : cover;
    height              : auto;
}

.family-villa {
    background-image    : url(../image/family-villa1.jpg);
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : 100% 100%;
    height              : 807px;
}

.background-color-lightblue {
    background-color : #00a99d;
    padding-bottom   : 60px;
}

.background-color-lightblue img {
    width : 100%;
}

.background-color-purple {
    background-color : #92278f;
    padding-bottom   : 50px;
}

.main-content-container {
    width      : 70%;
    text-align : center;
}

.contact_logo {
    text-align : center;
    margin-top : 10%;
}

.contact_logo img {
    margin : auto;
}

.disclaimer {
    text-align : center;
    font-size  : 10px;
}

.footer {
    text-align     : center;
    font-size      : 10px;
    margin-top     : 5px;
    padding-bottom : 50px;
    margin-bottom  : 10px;
}

.background-image-homepage {
    background-image    : url(../image/homepage.jpg);
    background-repeat   : no-repeat;
    background-position : center top;
    background-size     : contain;
    height              : 902px;
}

/*.background-image {
	background-image: url(../image/page2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 733px;
}*/

.text-title {
    color      : #FFFFFF;
    margin-top : 10%;
}

.text-title2 {
    padding-top : 45%;
    color       : #FFFFFF;
    text-align  : center;
}

.text-title3 {
    padding-left : 30px;
    color        : #FFFFFF;
    margin-top   : 10%;
}

.text-title4 {
    padding-left : 30px;
    color        : #FFFFFF;
    margin-top   : 10%;
}

.text-title5 {
    color       : #FFFFFF;
    margin-top  : 50px;
    margin-left : 8%;
}

.text-title6 {
    color       : #FFFFFF;
    text-align  : center;
    padding-top : 3%;
}

.text-title7 {
    padding-left : 30px;
    color        : #FFFFFF;
    margin-top   : 5%;
}

.text-title8 {
    margin-top    : 8%;
    margin-bottom : 8%;
}

.text-title9 {
    padding-top : 30px;
    font-size   : 31.98pt;
    color       : #585857;
    /*padding-bottom: 30px;*/
}

.text-title11 {
    padding : 93px 0px 0px 175px;
}

.text-title12 {
    margin-top  : 15%;
    margin-left : 36%;
}

.text-title13 {
    margin-top  : 77%;
    color       : #FFFFFF;
    margin-left : 35%;
}

.text-title14 {
    padding-left  : 10%;
    padding-top   : 30px;
    font-size     : 31.98pt;
    color         : #585857;
    margin-bottom : 5%;
}

.text-description {
    margin-right  : 50%;
    text-align    : left;
    margin-top    : 23%;
    margin-left   : 20px;
    margin-bottom : 80px;
}

.text-description2 {
    text-align : justify;
    margin-top : 10%;
    padding    : 0px 25%;
    color      : #FFFFFF;
}

.text-description3 {
    padding-left  : 30px;
    color         : #FFFFFF;
    text-align    : left;
    padding-right : 30px;
    margin-top    : 15px;
    margin-bottom : 15px;
}

.text-description4 {
    padding-left  : 30px;
    color         : #FFFFFF;
    text-align    : left;
    padding-right : 30px;
    margin-top    : 15px;
    margin-bottom : 10%;
}

.text-description5 {
    padding-left  : 30px;
    color         : #FFFFFF;
    text-align    : left;
    padding-right : 30px;
    margin-top    : 15px;
    margin-bottom : 10%;
}

.text-footer {
    padding-left  : 30px;
    padding-right : 30px;
    color         : #FFFFFF;
    margin-top    : 15px;
    margin-bottom : 5%;
}

/*.background-image2 {
	background-image: url(../image/pleasant_stylish.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 650px;
}*/
/*.background-image3 {
	background-image: url(../image/twin_villa.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 650px;
}*/

/*.background-image4 {
	background-image: url(../image/family_villa.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 690px;
}*/

/*.background-image5 {
	background-image: url(../image/seren_tranquil.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 690px;
}*/

/*.background-image-10 {
	background-image: url(../image/page10.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 644px;
}*/

.header-title {
    margin-top    : 5%;
    margin-bottom : 5%;
}

/*backtotop*/
.back-to-top {
    cursor           : pointer;
    position         : fixed;
    bottom           : 63px;
    right            : 20px;
    display          : none;
    background-color : #b61459;
    color            : #FFFFFF;
    border           : 0px;
}

/*end*/

/*modal box*/
.modal-content1 {
    background-color : #b61559 !important;
    color            : #FFFFFF !important;
    margin           : 15% 30% 0% 30% !important;
    padding-bottom   : 100px !important;
}

.modal-header1 {
    border : 0px;
}

.modal-body1 {
    text-align  : center;
    padding-top : 55px;
}

button.close {
    color            : #f1f1f1;
    margin-right     : 5px;
    background-color : transparent;
    text-shadow      : none;
    opacity          : 1;
}

/* end */

.form-group {
    color : #FFFFFF;
}

.form-control {
    background-color : transparent;
}

textarea#enquiry {
    background-color : transparent;
}

.new-button {
    background-color : #FFFFFF;
    color            : #92278f;
}

.background-color-page-5 {
    background-color : #b4d435;
    color            : #FFFFFF;
}

.background-color-page-6 {
    background-color : #ed145b;
    color            : #FFFFFF;
}

.background-color-page-10 {
    background-color : #f7941e;
    color            : #FFFFFF;
}

.carousel-title {
    bottom      : 570px;
    color       : #585857;
    text-shadow : none;
}

.carousel-download-link {
    float         : right;
    margin-right  : -19%;
    margin-bottom : -1%;
    text-align    : right;
}

.download-link {
    text-align : center;
}

.carousel-control1 {
    background-image  : none !important;
    background-repeat : no-repeat !important;
    text-shadow       : none;
    color             : #585857;
    opacity           : 1;
    margin-top        : 22%;
    height            : 80px;
    width             : 10%
}

.carousel-control1:hover, .carousel-control1:focus {
    color : #bc3f70;
}

.mar-top-20 {
    margin-top : 20px;
}

.mar-top-50 {
    margin-top : 50px;
}

@media (max-width : 939px) {
    .back-to-top {
        bottom : 110px;
    }
}

@media screen and (min-width : 768px) {
    .viewmore {
        right          : 20%;
        left           : 56%;
        padding-bottom : 0px;
    }
}

@media (max-width : 767px) {
    #page5 .page5-vr-btn img {
        width : 30px;
    }

    .margin-20px {
        margin-top : 0px;
    }

    .background-image {
        height : auto !important;
    }

    .text-orange {
        margin-top : 0px;
    }

    .text-title13 {
        margin-top : 73%;
    }

    .text-title {
        margin-right : 10px;
        margin-top   : 45px;
    }

    .text-title9 {
        padding-top    : 1%;
        padding-bottom : 20px;
    }

    .contact_logo {
        margin-top : 5%;
    }

    .section-padding-100 {
        padding : 50px 0 !important;
    }

    .text-title > .skrollable > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title > .skrollable > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title > .skrollable > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title > .skrollable > span.font-cardo-regular1 {
        padding-left : 0px !important;
    }

    .text-title3 {
        text-align   : center;
        padding-left : 0px;
    }

    .text-title4 {
        text-align   : center;
        padding-left : 0px;
    }

    .text-title7 {
        text-align   : center;
        padding-left : 0px;
    }

    .text-title7 > span.font-cardo-regular1 {
        padding-left : 0px !important;
    }

    .text-description4 {
        text-align : center;
    }

    .text-description5 {
        text-align : center;
    }

    .text-description3 {
        text-align : center;
    }

    .text-title3 > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title3 > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title4 > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title4 > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title5 > .skrollable > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title5 > .skrollable > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title5 > .skrollable > span.font-cardo-regular1 {
        font-size : 18pt;
    }

    .text-title6 > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title6 > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title7 > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title7 > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title9 > span.font-sabon {
        font-size : 18pt;
    }

    .col-sm-6 > span.font-abel1 {
        font-size : 20pt !important;
    }

    .text-title5 > .skrollable > span.font-cardo-regular1 {
        padding-left : 0px !important;
    }

    .text-title14 > .skrollable > span.font-cardo-regular {
        font-size : 18pt;
    }

    .text-title14 > .skrollable > span.font-cardo-italic {
        font-size : 18pt;
    }

    .text-title14 > span.font-cardo-regular {
        font-size : 18pt;
    }

    .mar-top-20 > span.font-abel {
        font-size : 15pt !important;
    }

    .text-title14 > .skrollable > span.font-cardo-regular1 {
        padding-left : 50px !important;
    }

    .text-title14 > .skrollable {
        padding-top : 0px;
    }

    .mobile-container {
        padding-left  : 15px !important;
        padding-right : 15px !important;
    }

    .switch1 {
        display : none;
    }

    .switch2 {
        display : block !important;
    }

    .switch3 {
        display : none;
    }

    .switch4 {
        display : block !important;
    }

    .switch5 {
        display : none;
    }

    .switch6 {
        display : block !important;
    }

    .carousel-download-link {
        margin-right  : -14%;
        margin-bottom : 1%;
    }

    .text-description {
        margin-right : 35%;
        margin-top   : 0%;
    }

    .header-title {
        margin-bottom : 0px;
        margin-top    : 10%;
        padding-left  : 45px;
        padding-right : 45px;
    }

    .text-title8 {
        margin-bottom : 0px;
        padding-left  : 45px;
        padding-right : 45px;
    }

    .text-footer {
        text-align : center;
    }

    .back-to-top {
        bottom : 15px;
    }

}

@media (max-width : 393px) {
    .switch7 {
        display : none;
    }

    .switch8 {
        display : block !important;
    }
}

@media (max-width : 445px) {
    .text-title14 > .skrollable > span.font-cardo-regular1 {
        margin       : auto;
        padding-left : 0px !important;
    }

    .switch9 {
        display : none;
    }

    .switch10 {
        display : block !important;
    }

    .text-title14 {
        font-size : 14pt;
    }
}

@media (max-width : 1140px) {
    .text-title11 {
        padding-left : 100px;
    }
}

.margin-20px {
    margin-top : -20px;
}

.font-sabon {
    font-family : Sabonltstdroman;
}

.font-abel {
    font-family : AbelRegular;
}

.font-cardo-regular {
    font-family : CardoRegular;
    font-size   : 31.98pt;
}

.font-cardo-italic {
    font-family : CardoItalic;
    font-size   : 31.98pt;
    font-style  : italic;
}

.font-din-regular {
    font-family : DinRegular;
}

/*Font Face*/
@font-face {
    font-family : 'Sabonltstdroman';
    src         : url(../font/simheilight.ttf);
    font-size   : 12px;
}

@font-face {
    font-family : 'AbelRegular';
    src         : url(../font/simheilight.ttf);
    font-size   : 12px;
}

@font-face {
    font-family : 'CardoRegular';
    src         : url(../font/simheilight.ttf);
    font-size   : 12px;
}

@font-face {
    font-family : 'CardoItalic';
    src         : url(../font/simheilight.ttf);
    font-size   : 12px;
}

@font-face {
    font-family : 'DinRegular';
    src         : url(../font/simheilight.ttf);
    font-size   : 12px;
}

@font-face {
    font-family : 'AbelRegular1';
    src         : url(../font/Abel-Regular.ttf);
    font-size   : 12px;
}

.engfontabel {
    font-family : AbelRegular1;
}

.column3 {
    float : left;
    width : 25%;
}

/* The Modal (background) */
.modal3 {
    display          : none;
    position         : fixed;
    z-index          : 1;
    padding-top      : 100px;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    overflow         : auto;
    background-color : black;
}

.modal4 {
    display          : none;
    position         : fixed;
    z-index          : 1;
    padding-top      : 100px;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    overflow         : auto;
    background-color : black;
}

/* Modal Content */
.modal-content3 {
    position         : relative;
    background-color : #fefefe;
    margin           : auto;
    padding          : 0;
    width            : 90%;
    max-width        : 1200px;
}

.modal-content4 {
    position         : relative;
    background-color : #fefefe;
    margin           : auto;
    padding          : 0;
    width            : 90%;
    max-width        : 1200px;
}

/* The Close Button */
.close3 {
    color       : white;
    position    : absolute;
    top         : 60px;
    right       : 25px;
    font-size   : 35px;
    font-weight : bold;
}

.close3:hover,
.close3:focus {
    color           : #999;
    text-decoration : none;
    cursor          : pointer;
}

.mySlides3 {
    display : none;
}

.mySlides4 {
    display : none;
}

/* Next & previous buttons */
.prev3,
.next3 {
    cursor              : pointer;
    position            : absolute;
    top                 : 50%;
    width               : auto;
    padding             : 16px;
    margin-top          : -50px;
    color               : white;
    font-weight         : bold;
    font-size           : 20px;
    transition          : 0.6s ease;
    border-radius       : 0 3px 3px 0;
    user-select         : none;
    -webkit-user-select : none;
}

/* Position the "next button" to the right */
.next3 {
    right         : 0;
    border-radius : 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev3:hover,
.next3:hover {
    background-color : rgba(0, 0, 0, 0.8);
    text-decoration  : none !important;
}

/* Number text (1/3 etc) */
.numbertext3 {
    color     : #f2f2f2;
    font-size : 12px;
    padding   : 8px 12px;
    position  : absolute;
    top       : 0;
}

.caption-container3 {
    text-align       : center;
    background-color : black;
    padding          : 2px 16px;
    color            : white;
}

.caption-container4 {
    text-align       : center;
    background-color : black;
    padding          : 2px 16px;
    color            : white;
}

img.demo3 {
    opacity : 0.6;
}

.active,
.demo3:hover {
    opacity : 1;
}

img.hover-shadow3 {
    transition : 0.3s
}

.hover-shadow3:hover {
    box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.background-area {
    background-position : center center;
    background-size     : cover;
    /*background-attachment: fixed;*/
    height              : 954px;
}

.background-area1 {
    background-position : bottom center;
    background-size     : cover;
    /*background-attachment: fixed;*/
    height              : 954px;
}

.section-padding-100 {
    padding : 100px 0;
}

hr {
    margin-top    : 0px;
    margin-bottom : -1px;
    border        : 4px solid #eb2326;
}

.icon {
    margin-right : 20px;
}

/* Swiper */
.swiper-container {
    width  : 100%;
    height : 100%;
}

.swiper-slide {
    text-align              : center;
    font-size               : 18px;
    background              : #fff;

    /* Center slide text vertically */
    display                 : -webkit-box;
    display                 : -ms-flexbox;
    display                 : -webkit-flex;
    display                 : flex;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    -webkit-justify-content : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    -webkit-align-items     : center;
    align-items             : center;
}

/* END Swiper */
/* ZOOM */
* {
    border  : 0;
    margin  : 0;
    padding : 0;
}

.zoom-p {
    position : absolute;
    top      : 3px;
    right    : 28px;
    color    : #555;
    font     : bold 13px/1 sans-serif;
}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display  : inline-block;
    position : relative;
}

/* magnifying glass icon */
.zoom:after {
    content    : '';
    display    : block;
    width      : 33px;
    height     : 33px;
    position   : absolute;
    top        : 0;
    right      : 0;
    background : url(../image/icon.png);
}

.zoom img {
    display : block;
}

.zoom img::selection {
    background-color : transparent;
}

/* END ZOOM */

.btn {
    border-radius : 0px !important;
}

#section05 {
    text-align : center;
}

.collapse1 {
    padding          : 65px 0px;
    text-align       : center;
    background-color : rgba(255, 255, 255, 0.78);
}

.collapse1 > ul > li {
    margin-bottom : 5px;
}

.collapse1 > ul > li > a {
    color           : #000000;
    text-decoration : none;
}

.mobile-menu-button > a {
    color           : #000000;
    text-decoration : none;
}

.navbar-default {
    background-color : transparent;
    border           : 0px;
}

.navbar1 {
    margin-bottom : 0px !important;
}

.button_fixed {
    cursor   : pointer;
    position : fixed;
    top      : 15px;
    right    : 20px;
}

.stick-to-bottom {
    position         : fixed;
    bottom           : 0px;
    width            : 100%;
    background-color : rgba(38, 34, 97, 0.83);
}

.contact_us {
    display : inline-block;
    color   : #ffffff;
    padding : 13px 0px 10px 0px;
}

.contact_us > span {
    padding-left : 15px;
}

.navigation_bottom > .navigation_button {
    border           : 2px solid #ffffff;
    background-color : #d91c5c;
    margin-right     : 5px;
}

.navigation_bottom > .navigation_button1 {
    border           : 2px solid #ffffff;
    background-color : #13ab9e;
    margin-right     : 5px;
}

a.navigation_button {
    color   : #ffffff;
    padding : 5px 10px;
}

a.navigation_button1 {
    color   : #ffffff;
    padding : 5px 10px;
}

a.navigation_button:hover, a.navigation_button:focus {
    border           : 2px solid #d91c5c;
    color            : #262261;
    background-color : #ffffff;
    text-decoration  : none;
}

a.navigation_button1:hover, a.navigation_button1:focus {
    border           : 2px solid #13ab9e;
    color            : #262261;
    background-color : #ffffff;
    text-decoration  : none;
}

button.navigation_button {
    color   : #ffffff;
    padding : 5px 10px;
}

button.navigation_button1 {
    color   : #ffffff;
    padding : 5px 10px;
}

button.navigation_button:hover, a.navigation_button:focus {
    border           : 2px solid #d71a5b;
    color            : #262261;
    background-color : #ffffff;
    text-decoration  : none;
}

.navigation_bottom {
    padding : 13px;
    display : inline-block;
}

/* Important styles */
#toggle {
    display  : block;
    width    : 28px;
    height   : 30px;
    position : fixed;
    top      : 30px;
    right    : 20px;
    z-index  : 999999;
}

#toggle span:after,
#toggle span:before {
    content  : "";
    position : absolute;
    left     : 0;
    top      : -9px;
}

#toggle span:after {
    top : 9px;
}

#toggle span {
    position : relative;
    display  : block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
    width               : 100%;
    height              : 5px;
    background-color    : #888;
    transition          : all 0.3s;
    backface-visibility : hidden;
    border-radius       : 2px;
}

/* on activation */
/*#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}*/
#toggle.on + #menu {
    opacity    : 1;
    visibility : visible;
}

/* menu appearance*/
#menu {
    position      : absolute;
    width         : 100%;
    padding       : 65px 0;
    margin        : auto;
    text-align    : center;
    border-radius : 4px;
    box-shadow    : 0 1px 8px rgba(0, 0, 0, 0.05);
    /* just for this demo */
    opacity       : 0;
    visibility    : hidden;
    transition    : opacity .4s;
}

#menu:after {
    position      : absolute;
    top           : -15px;
    left          : 95px;
    content       : "";
    display       : block;
    border-left   : 15px solid transparent;
    border-right  : 15px solid transparent;
    border-bottom : 20px solid white;
}

.sale_hp > span {
    display : block;
}