
/* inria-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inria-sans-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/inria-sans-v14-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inria-sans-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inria-sans-v14-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inria-sans-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/inria-sans-v14-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inria-serif-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inria-serif-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-serif-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/inria-serif-v17-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inria-serif-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-serif-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inria-serif-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inria-serif-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inria-serif-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inria Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/inria-serif-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body{
    font-family: "Inria Serif", sans-serif;
    color: #000;
    font-size: 18px;
    line-height:24px;
    font-weight:300;
}

#mainmenu{
   background:#fff;
    width:100%;
    z-index:999;
    
  }

nav.bg-light{
  background: none !important;
}

.navbar-toggler {
  box-shadow: none !important;
  border: none !important;
}

.navbar-toggler:focus, .btn-close:focus {
  border-color: rgba(197, 126, 92, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(197, 126, 92, 0.6) !important;
  outline: 0 none !important;
}

.navbar-toggler span {
    display: block;
    /*ackground-color: #00794d !important;*/
    background: #c57b56 !important;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
    border-radius:0px !important;
  }

  .navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(2) {
    opacity: 1;
  }
  
  .navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
  }

.nav-link{
  font-family: "Inria Sans";
  font-weight:300 !important;
  color:#000 !important;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-link:hover{
  text-decoration: underline;
}

.nav-link::before {
  width:30px;
  content: " ";
  background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g id="Layer_1-2"><path d="M12.18,12.01H0V0h12.18v12.01Z" style="fill:%23c57b56;"/></g></svg>') no-repeat left center;
  padding: 0px 10px 0px 0px;
  background-size: 4px;

}

.nav-link.active {
  font-weight:700 !important;
}

.nav-link.active::before {
  width:30px;
  content: " ";
  background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g id="Layer_1-2"><path d="M12.18,12.01H0V0h12.18v12.01Z" style="fill:%23c57b56;"/></g></svg>') no-repeat left 5px;
  padding: 0px 18px 0px 0px;
  background-size: 13px;
}

.nav-link:focus{
  border-color: rgba(197, 126, 92, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(197, 126, 92, 0.6) !important;
  outline: 0 none !important;
}

.table_custom { 
  --bs-table-bg: transparent !important;
    border: none !important;
 }

  .table_custom tr { 
  border: none !important;
  background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.71 4.71"><g id="Layer_1-2"><path d="M.85,1.71c-.24,0-.44-.08-.6-.24-.16-.16-.24-.37-.24-.62S.08.41.24.24c.16-.16.36-.24.6-.24s.46.08.62.24.24.36.24.6c0,.25-.08.46-.24.62s-.37.24-.62.24Z" style="fill:%23fff;"/></g></svg>') repeat-x left 82%;

  background-size: 6px;
 }

 .table_custom td { 
  border: none !important;
  padding: 4px 0px !important;
 }

 .isBoldUpper{
  font-family: "Inria Sans";
  text-transform: uppercase;
  font-weight: 700;
 }

  .hasGrayBg{
    background:#52595d;
  }

hr.isCopper{

  border-top:1px solid #c57b56;
  opacity: 1;

}

.isService{
  font-family: "Inria Sans";
  font-weight:700;
}

.accordion-button::after {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><g id="Layer_1-2"><polygon points="6 6 12 0 0 0 6 6" style="fill:%23c57b56;"/></g></svg>') no-repeat right center !important;
}

.accordion-button{
  font-family: "Inria Sans";
  font-weight: 700;
  background: #e6e6e1;
}

.accordion-button:focus {   
  border: 1px solid rgba(197, 126, 92, 0.8) !important;
  box-shadow: none !important;
  outline: 0 none !important;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background: #e6e6e1 !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-body{
  background: #e6e6e1;
}

.ac_isBanner{
    background: #c57b56;
    padding:6px 10px;
}

#ac_plan{
  cursor:default;
}

.ac_roomDetail{
  background: #e6e6e1 !important;
  padding:20px;
}

.ac_roomDetail b::before{
  width:30px;
  content: " ";
  background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g id="Layer_1-2"><path d="M12.18,12.01H0V0h12.18v12.01Z" style="fill:%23c57b56;"/></g></svg>') no-repeat left center;
  padding: 0px 18px 0px 0px;
  background-size: 14px;
}

.ac_roomDetail p{
  
  padding-left:20px;
}

.ac_room ul, .modal ul{
  list-style-type: square;
}

.isSans{
  font-family: "Inria Sans";
}

a.isCopper, .isCopper{
  color: #c57b56 !important;
  padding-right:4px;
}



a.isCopper:hover{
  color: #52595d !important;
}

a.isWhiteBold{
  color: #fff !important;
  font-weight:700;
}

.isGray{
  color: #000;
}

#ac_13_formular h1{
  text-transform: uppercase;
  font-weight:300;
  font-size:72px;
  font-style: italic;
  font-family: "Inria Sans";
}

 h1.isSmall{
  text-transform: uppercase;
  font-weight:700;
  font-size:18px;
  font-style: normal;
  font-family: "Inria Sans";
}

b{
  font-weight:700;
}



#ac_13_formular button[type=submit], .isEmpty{

  font-size: 36px !important;
  background:#c57b56 !important;
  color:#fff;
  text-transform: uppercase;
  padding:0px 10px !important;
  border-radius: 0px;
  border: none !important;
  font-family: "Inria Sans";
}

#ac_13_formular button[type=submit]:hover{
  opacity: .8;
}

#ac_13_formular .isShort{
  width:80%;
}


label{
    text-transform:uppercase;
    font-size: 12px;
    font-weight:700;
    font-family: "Inria Sans";
}

label.isLower{
    text-transform: none;
    font-size: 12px;
    font-weight:700;
}

.form-label {
    margin-bottom: 2px !important;
    margin-top: 0px !important;
}


input[type=text],input[type=email], .input[type=text], textarea{
    font-family: "Inria Serif";
    font-weight:300;
    font-size:18px;
    font-style: italic;
    background-color: #e6e6e1 !important;
    border-radius:0px !important;
    padding:1px 4px;
    margin-bottom: 6px !important;
}

.form-select{
    font-family: "Inria Serif";
    font-weight:300;
    font-size:18px;
    font-style: italic;
    background-color: #e6e6e1;
    border-radius:0px;
    padding:1px 4px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><g id="Layer_1-2"><polygon points="6 6 12 0 0 0 6 6" style="fill:%23c57b56;"/></g></svg>');
    margin-bottom: 6px !important;
}

.ac_checkContainer{

  background: #e6e6e1;
  padding:8px;
  margin-bottom: 6px;
}

.ac_checkContainer2{

  background: #fff;
  padding:8px;

}

.form-control.is-invalid, .was-validated .form-control:invalid, .form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #ccc !important;
}

.invalid-feedback{
  color:#c1272d !important;
}

.valid-feedback{
  color:#009245 !important;
}

.form-check-input {
    border: 1px solid #c57b56 !important;
    border-radius: 0px !important;
}

.form-check-input:checked {
    background-color: #c57b56 !important;
    border-color: #c57b56 !important;
}

.form-check-input:checked {
    background-color:none !important;
    background: #fff url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g id="Layer_1-2"><path d="M12.18,12.01H0V0h12.18v12.01Z" style="fill:%23c57b56;"/></g></svg>') no-repeat center center !important;
    background-size: 10px !important;
}

#ac_13_add_food_add{
  background:#fff !important;
}


footer{
    background: #00324B;
    color: #fff;
}

footer a{
 
  color: #fff;
}

footer a:hover{
 
  color: #ccc;
}

ul.footerLink {
  margin:0px;
  padding:0px;
}

ul.footerLink li{
  margin:0px;
  padding:0px;
  list-style: none;
  padding-right:20px;
  display: inline-block;
}

ul.footerLink li a{
  font-family: "Inria Sans";
  font-weight:700 !important;
  font-size: 14px;
  text-transform: uppercase;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    opacity: .8;
    z-index: 99999;
    background: #c57b56 !important;
    outline: 0px !important;
    border: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
  }

  #btn-back-to-version {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
    opacity: .5;
    z-index: 99999;
    background: #22cc77 !important;
    outline: 0px !important;
    border: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
  }

  .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active{
    background-color: #c57b56 !important;
  }


  .tempus-dominus-widget.light .date-container-days .range-start, .tempus-dominus-widget.light .date-container-days .range-end, .tempus-dominus-widget.light .date-container-days .range-in{
    background-color: #c57b56 !important;
  }

 .tempus-dominus-widget.light .date-container-days .range-in{  
  box-shadow: -5px 0 0 #c57b56, 5px 0 0 #c57b56;
  }

    .tempus-dominus-widget.light .toolbar div {
    background: #E6E6E1 !important;
}

  .tempus-dominus-widget.light .toolbar div:hover {
    background: #c57b56 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
select:focus {   
  border-color: rgba(197, 126, 92, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(197, 126, 92, 0.6) !important;
  outline: 0 none !important;
}


.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #000 !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(193, 39, 45)" class="bi bi-exclamation" viewBox="0 0 16 16"><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0z"/></svg>') !important;
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem 6px);
    border-color: var(--bs-form-invalid-border-color);
    background-position: right calc(0.375em + 0.1875rem) center;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(0,146,69)" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.modal h2{
  font-family: "Inria Sans";
}

.modal h5{
  font-family: "Inria Sans";
  font-size:24px;
}

.modal a {
  color:#52595D;
}

.modal a:hover {
  color: #c57b56;
}

 a.isEmpty{

  font-size: 22px !important;
  background:#c57b56 !important;
  color:#fff;
  text-transform: uppercase;
  padding:4px 6px !important;
  border-radius: 0px;
  border: none !important;
  font-family: "Inria Sans";
}

 a.isEmpty:hover{
  opacity: 1;
  color:#fff !important;
  background:#52595D !important;
}

#carouselExampleIndicators .carousel-item {
  
  min-height: 450px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item-start{
}





.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    padding: 6px;
    margin:0px 6px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g id="Layer_1-2"><path d="M12.18,12.01H0V0h12.18v12.01Z" style="fill:%23ffffff;"/></g></svg>') no-repeat center center;
  padding: 0px 10px 0px 0px;
}

.carousel-indicators [data-bs-target].active {
   
    opacity: 1;
}

.tooltipversion.tooltip {
  --bs-tooltip-bg: #22cc77;
  --bs-tooltip-color: #ffffff;
}

.tooltiptop.tooltip {
  --bs-tooltip-bg: #c57b56;
  --bs-tooltip-color: #ffffff;
}

.tooltip{
   font-family: "Inria Sans";
}


.modal-header{
  
  padding:4px 10px !important;
}

.modal-header h2{
  font-family: "Inria Sans";
  font-style: italic;
  text-transform: uppercase;
  color:#ffff;
  font-size:60px;
  margin:0px;
  padding:0px;
}

.modal-body h2{
  font-family: "Inria Sans";
  text-transform: uppercase;
  font-size:20px;
}

.modal{
  z-index:10000000 !important;
}




.btn-close {
    --bs-btn-close-color: #ff0000;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(197,123,86)"  viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>') !important;
    --bs-btn-close-opacity: 1 !important;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    background-size: 32px 32px;
    margin-right:16px !important;
}

#btn-back-to-top {
  display: inline;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    opacity: .8;
    z-index: 99999;
    background: #666 !important;
    outline: 0px !important;
    border: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
  }

#return-to-top-inner {
	 margin: 0px;
   padding:0px;
   width:100%;
   position: relative;
    background: #c57b56 !important;
		}

#btn-back-to-top i {
		  color: #fff;
		  margin: 0;
		  position: relative;
		  left: 0px;
		  top: -1px;
		  font-size: 12px;
		  -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		}


    .modal.fade .modal-dialog {
}

.langButt{
  background:#c57b56;
  color:#fff !important;
  text-transform: uppercase;
  font-family: "Inria Sans";
  text-decoration: none;
  font-size: 12px;
  font-weight:700;
  padding:4px 6px !important;
}

.langButt:hover{
  background:#52595D !important;
  color:#fff !important;
}

  @media (max-width: 994px) {

  .navbar-nav{
    margin-top:20px !important;
  }


  #ac_13_formular .isShort{
  width:70%;
}

   #ac_13_formular button[type=submit]{

  font-size: 26px !important;
  background:#c57b56 !important;
  color:#fff;
  text-transform: uppercase;
  padding:0px 10px !important;
  border-radius: 0px;
  border: none !important;
}
  
  }


    @media (max-width: 664px) {

    #ac_13_formular h1{
    text-transform: uppercase;
    font-weight:500;
    font-size:42px;
    font-style: italic;
  }  

    #ac_13_formular .isShort{
      width:100%;
    }

    .modal-header h2{
      font-family: "Inria Sans";
      font-style: italic;
      text-transform: uppercase;
      color:#ffff;
      font-size:40px;
      margin:0px;
      padding:0px;
    }
  
  }