/*

Theme Name: Flatsome Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



/*************** ADD CUSTOM CSS HERE.   ***************/

/*@import "assets/fonts/icomoon/style.css?v=2";*/

/*@import "assets/fonts/svn-futura/stylesheet.css";*/



* {

    --color-dafc : #000000;

    --color-black : #000000;

    --color-while : #FFFFFF;

    --color-banner-02: #F5F2EC;



    --scrollbar-width: 8px;

    --scrollbar-radius: 4px;



    --container-width__95: 95%;



    --container-width__100: 100%;

}



/*Custumize srollbar*/



body{

    overflow-y: hidden;

}

html *::-webkit-scrollbar{

    border-radius:0;

    width: var(--scrollbar-width);

    overflow: visible;

}

html *::-webkit-scrollbar-track{

    border-radius:0;

    background-color:rgba(240, 240, 241, 0);

}

html *::-webkit-scrollbar-thumb{

    border-radius:var(--scrollbar-radius);

    background-color:rgba(204, 204, 205, 0.5);

}





/*Custumize header*/

.container {
    padding-right: 30px;
    padding-left: 30px;
}


.header-main {

    transition: all 0.5s;

    display: flex;

    border-bottom: 1px solid #FFFFFF20;

}



.header-main:hover {

    background-color: white;

}



.header-main:hover > .header-inner > .logo > a > .header_logo {

    display: block !important;

}



.header-main:hover > .header-inner > .logo > a > .header-logo-dark {

    display: none !important;

}



.header-main:hover .nav > li > a {

    color: var(--color-black);

}



.header-main .nav > li > a:hover {

    color: var(--color-dafc);

}

.header-main:hover .nav > li.html {

    color: var(--color-black);

}

.header-main:hover  .searchform-wrapper.form-flat .flex-col:last-of-type > input {
    border-bottom: 1px solid var(--color-black);
}

.header-main:hover  .searchform-wrapper.form-flat .flex-col:last-of-type > input::placeholder{
    color: black;
}

.header-nav-main {

    font-size: 12px;

    font-weight: 600;

    flex-flow: row nowrap;

    align-items: baseline;

}



.nav>li>a{

    font-size: 1em;

}



.pll-parent-menu-item > .nav-dropdown {

    min-height: unset !important;

    min-width: unset ;

}



.nav-dropdown-default {

    padding: 0 !important;

}


.nav-dropdown-default>li>a {

    font-size: 12px;

    font-weight: 600;

    margin: 0;

    padding: 12px 15px 8px;

}

.sub-menu.nav-dropdown.nav-dropdown-default {

    margin: 0 0 0 -15px !important;

    border: 0 !important;

}

.nav-prompts-overlay > li:last-child > ul:last-child {

    left: 0;

    margin: 0 0 0 1px !important;

}

.nav-prompts-overlay > li:last-child > ul > li > a {

    padding-right: 5px !important;

    padding-left: 5px !important;

    margin: 0 !important;

}

.sub-menu.nav-dropdown.nav-dropdown-default > li {
    
    padding-left: 2px !important;

}

.nav-prompts-overlay > li:nth-child(2) > ul {

    padding: 10px 0 15px 0 !important;

} 

.nav-prompts-overlay > li:nth-child(6) > ul {

    padding: 10px 0 15px 0 !important;

}

.nav-dropdown.nav-dropdown-default>li>a {

    padding-left: 20px;

    border-bottom: 0;

}


.frame-rolex-right {

    position: absolute;

    right: 10px;

    width: 150px;

    height: 70px;

}

/* .frame-rolex-left-empty , .frame-rolex-right-empty {

    width: 30px;

} */

.hide-for-medium > .nav-left {

    justify-content: space-around;

}



.hide-for-medium > .nav-right {

    justify-content: space-evenly;

}



/*Custumize body*/



.flickity-page-dots > .dot {

    border: 0px;

    height: 2px !important;

    background-color: var(--color-black);

}



.button-border__while {

    border-color: white !important;

}



.button-border__while:hover {

    background-color: rgba(255, 255 ,255, 1) !important;

    color: black !important;

}



.button-border__while > span {

    color: white;

}



.button-border__while > span:hover {

    color: var(--color-black);

}



.button-border__black  {

    border-color: black  !important;

}





.button-border__black > span {

    color: var(--color-black)  !important;

}



.button-border__black:hover {

    background-color: #333 !important;

}


.button-border__black:hover > span {

    color: white  !important;

}



.button-rolexwarches {

    padding: 10px 30px;

    font-size: 1.1em;

    background-color: #127749;

}


.flickity-page-dots > .dot {

    width: 10px !important;

    height: 10px !important;

    border-radius: 50% !important;

}

.col.medium-11.small-12.large-11> .col-inner.text-right> div > .flickity-page-dots  {

	margin: -70px !important;

}

.button-innner-banner {

    padding: 10px 30px;

    font-size: 1.1em;

    background-color: #FFF;

}

.banner {

    background-color: white;
    
}


.container-body {

    width: var(--container-width__100);

}

.flex-from-cus__button {
    color:black;
}

.ux-menu-link__link {
    border:0 !important;
}

.input-form {
    color: var(--color-black) !important;
}

/* .header-main > .container {

    padding-left: unset;

    padding-right: unset;

} */



.catalogy-inner-img {

    background-color: white;

    position: absolute;

    bottom: 14px;

    left: 14px;

    padding: 10px

}



.catalogy-inner-img:hover {

    background-color: var(--color-black);

    color: white;

}



.box-blog-post > .box-image  {

    padding: 15px;

}

.col-inner.text-right {

    max-width: 98%;

}

.is-small.op-8 {

    font-size: 0.9em;
    
}

.box-text-inner {

    padding: 0px 15px;

}

.uppercase {

    font-weight: 600;

    font-size: 1.1em;

}

.posts-title {

    font-size: 1.1em;

}

.post-readmore {

    float: left;

    padding: 0px 0px 0px 15px;

    text-decoration: underline;

    font-weight: 400;

    font-size: initial;

}

.post-item {

    z-index: -1;

}


.large-columns-2 .flickity-slider > .col {

    max-width: 60%;

}

.col.post-item {

    margin: 0 10px;
    
}

.background-post {

    background: linear-gradient(white 20%,#F5F2EC 0);
    
}

.post-item:hover {

    /* background-image: linear-gradient(rgba(0,0,0,0) 50%,black 50%); */

    z-index: -1;

}



.post-item:hover >.col-inner > a > .box > .box-text >.box-text-inner > .post-title {

    color: white;

}



.post-item:hover >.col-inner > a > .box > .box-text >.box-text-inner > .post-meta {

    color: white;

}


.post-item:hover >.col-inner > a >.box > .box-image > .catalogy-inner-img {

    background-color: black;

    color: white;

}



.text-font-dafc-800 {

    font-weight: 800;

}



/*Custumize Footer*/

.dark a:hover, .dark .widget a:hover {
    color: black;
}

.input-form {

    background-color: var(--color-while) !important;

    width: 100%;

}

.form-flat {

    margin: 0px 0px 0px 0px;

}

.flex-from-cus {

    display: flex;

    justify-content: space-around;

}

.wpcf7-validates-as-email.input-form {

    border:2px solid black !important;

}

.wpcf7-validates-as-tel.input-form {

    border:2px solid black !important;

}

.wpcf7-submit.input-form {

    border:2px solid black !important;

}

.flex {

    color: black !important;

}

.footer-wrapper {

    border-top: 1px solid;

}

.flex-from-cus__item {

    flex: 5;

}

.ux-menu-link__link.flex {

    min-height: 0 !important;

}

.flex-from-cus__button {

    margin-left: 10px;

    flex: 2;

}

.accordion {

    color: black !important;

}

.accordion-title.plain {

    color: black !important;
    
}

.accordion-title.active {

    color: black !important;

    background-color: white;

}

.accordion > div:nth-child(2) > a {

    margin: 0 0 8px 0;

}

.home-background-1 {

    background-image: linear-gradient(rgba(0,0,0,0) 50%,black 50%);

    z-index: -1;

}



.home-background-2 {

    background-image: linear-gradient(white 50%,black 50%);

}



.blockquoterow {

    padding-right: 10px !important;

    margin-top: 0.75em;

    border-color: #ff0000;

    border-top-style: solid;

    border-top-width: 1px;

    width: 30px;

}






.map-info form .search-store {

    display: flex;

    padding-left: 32px;

    align-items: center;

}





.map-info form {

    display: block;

    position: absolute;

    z-index: 1;

    width: 42%;

    left: 29%;

    border-radius: 43px;

    background: linear-gradient(180deg, rgba(250, 250, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(29, 29, 29, 0.8);

    top: 40px;

}



.map-info .filter-menu, .map-info .close-filter-mobile, .map-info .clear-filter {

    display: none;

}



.map-info form .search-store .vertical {

    border: 1px solid #828282;

    width: 19px;

    transform: rotate(90deg);

    margin: 0 20px;

}



.map-info form .search-store .district {

    width: 30%;

}



.map-info form .search-store .city, .map-info form .search-store .brand {

    width: 20%;

}



.map-info form .search-store .action-search {

    width: 16%;

    height: 60px;

    display: flex;

}



.map-info form .search-store select:not([multiple]) {

    height: 60px;

    background: transparent;

    -webkit-appearance: default-button;

    border: none;

    color: #fff;

    padding: 0;

}



.map-info {

    position: relative;

}



.button_bg_cl__wb__wb {

    background-color: white !important;

    color: black !important;

    transition: all 0.5s;

}



.button_bg_cl__wb__wb:hover {

    background-color: rgba(148, 144, 144, 0.5) !important;

    color: white !important;

}



.button_bg_cl__wb__bw {

    background-color: white !important;

    color: black !important;

    transition: all 0.5s;

}



.button_bg_cl__wb__bw:hover {

    background-color: black !important;

    color: white !important;

}



.button_bg_cl__bw__wb {

    background-color: black !important;

    color: white !important;

    transition: all 0.5s;

}



.button_bg_cl__bw__wb:hover {

    background-color: white !important;

    color: black !important;

}



.button:hover {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}



.dark .video-button-wrapper a:hover {

    background-color: rgb(193 193 193 / 20%);

    color: #ffffff47;

    border: unset;

}



.mfp-content > {

    height: 100%;

}



.mfp-content  > .no-scrollbar {

    height: 100%;

}



.mfp-content  > .no-scrollbar  > .no-scrollbar {

    display: flex;

    flex-direction: column;

    height: 100%;

}



.mfp-content > .no-scrollbar > .no-scrollbar > .nav-sidebar {

    flex-grow: 1;

}



.mfp-content > .no-scrollbar > .no-scrollbar > a {

    display: inline-block;

    z-index: 1;

    height: 70px;

    text-align: -webkit-center;

}



/*Begin Post archive css*/

.post-last-container{

    height: 65vh;

    display: flex;

}



.post-last-container-image {

    padding-right: 30px;

    flex: 2;

}



.post-last-container-image > img {

    object-fit: cover;

    width: 100%;

    height: 100%;

}



.post-last-container-content {

    flex: 1;

    display: flex;

    flex-direction: column;

}



.post-last-container-content-short-description {

    flex-grow: 1;

    text-align: justify !important;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}



.post-list-container{

    height: 50vh;

    display: flex;

    margin-bottom: 100px;

}



.post-list-container-image {

    padding-right: 30px;

    flex: 1;

}



.post-list-container-image > img {

    object-fit: cover;

    width: 100%;

    height: 100%;

}



.post-list-container-content {

    flex: 1;

    display: flex;

    flex-direction: column;

}



.post-list-container-content-short-description {

    flex-grow: 1;

    text-align: justify !important;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}



.post-last {

    margin: 0 50px 7vh 50px;

}



.post-last-categories > h3 {

    text-align: justify;

}



.post-last-categories > h3 > i {

    margin: 0 0.8em;

}



.post-last-categories > h3 > i:nth-last-child(1){

    margin-bottom: 0.2em;

}



.post-last-categories > p {

    text-align: justify;

}



.icon-cross-bar {

    height: 0.15em;

    width: 8em;

    background-color: #990909;

}



.post-last-container-content-date {

    font-size: 14px;

}



.post-last-container-content-title {

    text-align: justify;

    margin: 1em 0;

}



.post-last-container-content-readmore {

    display: flex;

    text-align: right;

    justify-content: flex-end;

}



.post-last-container-content-readmore > span {

    display: none;

    flex: 1;

    text-align: left;

}



.post-last-container-content-readmore > a > button {

    border-radius: 99px;

    border: 2px solid black;

    margin: 20px 0 0 0;

}



.post-list-container-content-date {

    font-size: 14px;

}



.post-list-container-content-title {

    text-align: justify;

    margin: 1em 0;

}



.post-list-container-content-readmore {

    margin-top: 20px;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: flex-end;

    align-items: flex-end;

    align-content: flex-end;

}



.post-list-container-content-readmore > span {

    flex: 1;

    vertical-align: bottom;

}



.post-list-container-content-readmore > a {

    text-align: right;

}



.post-list-container-content-readmore > a > button {

    margin-bottom: unset;

    border-radius: 99px;

    border: 2px solid black;

    white-space: nowrap;

}



.post-connection {

    padding: 0 0px 0 50px;

    background-image: linear-gradient(white 20% , #F5F2ED 0);

}



#post-list {

    background-color: #F5F2ED;

    padding: 100px 50px 50px 50px

}



.post-item-title {

    text-align: justify;

    margin: 1em 0;

}



.post-item-container-image {

    padding-right: 0px;

    flex: 1;

}



.post-item-container-image > img {

    object-fit: cover;

    width: 100%;

    aspect-ratio : 1 / 0.6;

}



.back-to-top {

    bottom: 70px;

    right: 25px;

}



.slider-nav-light .flickity-page-dots .dot.is-selected {

    background-color: var(--primary-color);

}



/* Begin Career */



.career-item-container-image {

    height: inherit;

    padding-right: 0px;

    flex: 1;

}



.career-item-container-image > img {

    object-fit: cover;

    width: 100%;

    height: inherit;

}



/* End Career */



@media screen and (max-width: 950px) {



    #post-list {

        background-color: #F5F2ED;

        padding: 10px;

    }



    .post-last-container-content-readmore > span {

        display: block;

    }



    .post-last-container-content-readmore > a > button {

        margin: 0 1em 0 0;

    }



    .post-last {

        margin: 0 10px 0px 10px;

    }



    .post-connection {

        /*display: none;*/

    }



    .post-list-container-image , .post-last-container-image {

        padding-right: 0px;

    }



    .post-list-container-content-short-description , .post-last-container-content-short-description {

        display: none;

    }



    .post-list-container , .post-last-container {

        flex-direction: column;

        height: 100%;

        margin-bottom: 50px;

    }



    .post-last-categories {

        display: none;

    }



    .post-list-container-content-title {

        margin: 1em 0 0 0;

    }



    .post-list-container-content-readmore {

        margin-top: 0px;

        flex-direction: column;

    }



    .post-list-container-content-readmore > span {

        margin-bottom: 10px;

        width: 100%;

    }

}





/*End Post archive css*/





/*Reposize menu main*/



.header-nav.nav-right .menu-item:last-child {

    margin-right: 10px !important;

}



.sub-menu > .lang-item > a {

    display: flex;

    align-items: center;

}



.align-center {

    max-width: 100vw;

}



.row {

    max-width: 100vw;

}

@media screen and (max-width: 849px) {

    .nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {

        color: black;

    }



    #logo > a > .header-logo {

        display: block !important;

    }



    #logo > a > .header-logo-dark {

        display: none !important;

    }



    .header-main > .container {

        padding: 0px 15px 0px 15px;

    }



    .container .section, .row .section {

        padding-left: 0;

        padding-right: 0;

    }



    .accordion-title {

        padding: 0.2em 0em;

        border-top: unset;

        border-bottom: 2px solid #ddd;

    }



    .accordion-title.plain > span {

        color: black;

        font-size: 16px;

        font-weight: 800;

    }



    .accordion .toggle {

        width: 16px;

        margin: 0;

        left: unset;

        right: 0;

    }



    .footer-secondary.pull-right {

        display: none;

    }



}





/*map*/

.group_map {

    position: relative;

    height: 600px;

}

#map {

    height: 600px;

    width: 100vw

}





.from_search {

    display: flex;

    position: absolute;

    z-index: 1;

    width: 42%;

    left: 29%;

    border-radius: 43px;

    background: linear-gradient(180deg, rgba(250, 250, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(29, 29, 29, 0.8);

    top: 40px;

    height: 45px;

    padding: 0 15px;

    align-items: center;

}



.group_map select {

    width: 25%;

    background: transparent;

    border: none;

    color: #FFF;

    outline-offset: 0;

    outline: 0;

    height: 100%;

    margin-bottom: 0!important;

}



option {

    color: #000

}



.vertical {

    border: 1px solid #828282;

    width: 19px;

    transform: rotate(90deg);

    margin: 0 20px;

}



.btn_search {

    background-color: transparent;

    border: none;

    color: #fff;

    width: 100%;

    margin-bottom: 0!important;

}



.btn_search:hover {

    background: linear-gradient(180deg, rgba(250, 250, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(29, 29, 29, 0.8);

    border-radius: 25px;

    height: 100%;

}



.from_result {

    display: none;

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    right: 0;

    width: 318px;

    background: linear-gradient(180deg, rgba(250, 250, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(29, 29, 29, 0.9);

}

.back_filter_store {

    display: none;

    color: #333333;

    width: 40%;

    margin: 0 auto;

    border: 1px solid #333333;

    border-radius: 30px;

    padding: 10px;

    font-weight: 600;

    font-size: 12px;

    line-height: 28px;

}



.btt_search {

    display:none;

}

#filter_stores {

    display:none;

}

.close_info_marker {

    color: #FFF; font-weight: bold; position:absolute; top: 10px; right: 15px;

}

.close_info_marker:hover {

    color: red;

    cursor: pointer;

}



.item_store {

    display: flex;

    justify-content: space-between;

    color: #f1f1f1;

    padding: 5px 0px;

}

.name_store {

    display: block;

}

.item_store:hover {

    color: #0b97c6;

    cursor: pointer;

}



@media only screen and (max-width: 900px) {

    #filter_stores {

        display:block;

    }

    .from_search {

        display: none;

    }

    .btt-search {

        position: absolute;

        z-index: 99;

        right: 10px;

        top: 56px;

        padding: 9px 26px;

        color: #fff;

        background: linear-gradient(180deg, rgba(250, 250, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(29, 29, 29, 0.8);

        border-radius: 25px;

    }

    .group_map select {

        width: 100%;

        height: 50px;

        color: #000;

    }

    .vertical {

        display: none;

    }

    .btn_search {

        display: block;

        color: #333333;

        width: 40%;

        margin: 0 auto;

        border: 1px solid #333333;

        border-radius: 30px;

        padding: 10px;

        font-weight: 600;

        font-size: 12px;

        line-height: 28px;

    }

    .back_filter_store {

        display: block;

    }

    .group_action_mobile {

        display: flex;

        gap: 20px;

    }

    .form_search_mobile {

        display: none;

        position: fixed;

        top: 70px;

        border-radius: 0;

        left: 0;

        width: 100%;

        height: 100vh;

        z-index: 100;

        background-color: #fff;

    }

    .from_result {

        position: absolute;

        z-index: 100;

        width: 100%

    }



}

/*end -map*/



/*Begin Toast Msg*/



#toast {

    position: fixed;

    top: 70px;

    right: 32px;

    z-index: 999999;

}



.toast {

    display: flex;

    align-items: center;

    background-color: #fafafa;

    border-radius: 2px;

    padding: 20px 0;

    min-width: 400px;

    max-width: 450px;

    border-left: 4px solid;

    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);

    transition: all linear 0.3s;

}



@keyframes slideInLeft {

    from {

        opacity: 0;

        transform: translateX(calc(100% + 32px));

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}



@keyframes fadeOut {

    to {

        opacity: 0;

    }

}



.toast--success {

    border-color: #47d864;

}



.toast--success .toast__icon {

    color: #47d864;

}



.toast--info {

    border-color: #2f86eb;

}



.toast--info .toast__icon {

    color: #2f86eb;

}



.toast--warning {

    border-color: #ffc021;

}



.toast--warning .toast__icon {

    color: #ffc021;

}



.toast--error {

    border-color: #ff623d;

}



.toast--error .toast__icon {

    color: #ff623d;

}



.toast + .toast {

    margin-top: 24px;

}



.toast__icon {

    font-size: 24px;

}



.toast__icon,

.toast__close {

    padding: 0 16px;

}



.toast__body {

    flex-grow: 1;

}



.toast__title {

    font-size: 16px;

    font-weight: 600;

    color: #333;

}



.toast__msg {

    font-size: 14px;

    color: #888;

    margin-top: 6px;

    line-height: 1.5;

}



.toast__close {

    font-size: 20px;

    color: rgba(0, 0, 0, 0.3);

    cursor: pointer;

}



@media only screen and (max-width: 900px) {



    #toast {

        right: 0px;

    }



    .toast {

        padding: 10px;

        min-width: 350px;

    }



    @keyframes slideInLeft {

        from {

            opacity: 0;

            transform: translateX(calc(100% + 0px));

        }

        to {

            opacity: 1;

            transform: translateX(0);

        }

    }



}



/*End Toast Msg*/



/*Begin Loading*/



.loader {

    border: 16px solid #f3f3f3;

    border-radius: 50%;

    border-top: 16px solid #3498db;

    width: 120px;

    height: 120px;

    -webkit-animation: spin 2s linear infinite; /* Safari */

    animation: spin 2s linear infinite;

}



/* Safari */

@-webkit-keyframes spin {

    0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



/*End Loading*/

/* Begin Search Form */

.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: 0;
}

.search-field {
    min-width: 110px;
    /*border-color: unset !important;*/
    /*border-radius: unset !important;*/
    /*border-bottom: 1px solid white !important;*/
}

.searchform-wrapper.form-flat .flex-col:last-of-type {
    padding-bottom: 10px;
}

.searchform-wrapper.form-flat .flex-col:last-of-type > input {
    background-color: unset !important;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid white;
}

.header .search-form .live-search-results {
    left: -200px;
    right: -30px;
}

.autocomplete-suggestions {
    padding: 20px 15px 20px 15px;
}


.autocomplete-suggestion img {
    border-radius: unset;
}

/* End Search Form */

/* Begin Contact US */

    .form-flat input:not([type=submit]) {
        background-color: unset;
        border-color: var(--color-black);
    }

    .form-flat > label:has(br) > span {
        font-weight: 500;
    }

    .flex-from-cus__button > input {
        width: 100%;
    }

/* End Contact US */

/* Begin Rolex page*/

.col-inner > a.button.primary.is-outline.btn-rolex {
    border: 1px solid #127749;
    color: #363636;
    font-weight: unset;
    padding: 5px 20px;
    font-size: 15px;
    width: max-content;
    while-space: no-wrap;
}
.col-inner > a.button.primary.is-outline.btn-rolex:hover {
    background-color: #127749;
    color: white !important;
}


/* End Rolex page*/





@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/





}