@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&family=Play:wght@400;700&family=Miss+Fajardose&display=swap');


.display p{
    font-size:19px;
}

.header-img .image-full {
    height: 135px !important;
}

.slide-rows div:last-child{
  color: #ff3e00;
}


@media (max-width:768px) {
    .sillyspace {
        display:none;
    }
    .smaller123{
        font-size:16px !important;
    }
}

/*
.navbar-default{
background-color: rgba(220, 213, 199, 0.21)!important;
 position: absolute;
 width: 100%;
 border: 0px;
 border-bottom:1px solid white;
}
*/

.com-widget-container .container{
 background-color: transparent!important;
}


.com-widget-container .btn-rengine.orphan{
 width:150px;
}



/**MENU**/

body {
    overflow-x: hidden;
    font: 400 16px/1.8 'Crimson Text', serif;
    color: #666;
}


h1, h2, h3, h4, h5, h6 {
    font: 700 54px/1.2 'Crimson Text', serif;
    margin: 0 0 20px;
    color: #000;
}

h2 {
    font-size: 48px;
    margin: 0 0 18px;
}

h3 {
    font-size: 40px;
    margin: 0 0 15px;
}

h4 {
    font-size: 20px;
    margin: 0 0 10px;
}

h5 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px;
}

h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}

blockquote {
    font: 700 50px/1.2 'Dancing Script', cursive;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

blockquote small,
blockquote footer,
blockquote .small {
    display: block;
    font-size: 40%;
    line-height: 1.42857143;
    color: #999;
}

.intro-title,
.module-title,
.callout-text,
.iconbox-title {
    font: 700 28px/1.2 'Dancing Script', cursive;
    margin: 0 0 18px;
}

.module-title,
.callout-text {
    font-size: 50px;
}

.module-subtitle {
    font: 400 16px/1.2 'Crimson Text',  serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #a7a9ac;
    margin: 0;
}

.intro-title {
    font-size: 55px;
}

.menu {
    padding: 0 0 10px;
    margin: 0 0 20px;
}

.menu-classic img {
    margin: 0 0 10px;
}

.menu-price {
    font-size: 18px;
    margin: 0;
    font-weight:700;
    font-size:18px;
    font-family:play;
    padding-bottom:10px;
}

.menu-title {
     font-size: 18px;
    margin: 0;
    font-weight:600;
    font-size:18px;
    font-family:play;
    line-height:1.2;
}


.menu-price-detail {
    position: relative;
    text-align: right;
    margin:0;
}

.menu-label {
    background: #3f3a37;
    position: relative;
    display: inline-block;
    padding: 2px 10px 0px 10px;
    font-family: 'Crimson Text', serif;
    letter-spacing: 1px;
    font-style: normal;
    font-size: 13px;
    float: right;
    top: 5px;
    color:white;
}


@media (max-width: 991px) {

    .side-image {
        position: relative;
        height: auto;
    }

    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-nav > li > a,
    .navbar-custom .navbar-nav .dropdown-menu > li > a {
        letter-spacing: 0;
    }

}

@media (max-width: 767px) {

    .menu-title,
    .menu-price-detail {
        text-align: center;
    }
    
    .menu-detail {
        text-align: center;
        margin-bottom: 0;
    }
        

    .menu-label {
        float: none;
    }

    .mouse-icon {
        display: none;
    }

    .iconbox {
        margin: 10px 0;
    }

    .testimonial-avatar,
    .testimonial-info {
        text-align: center;
    }

}

@media (max-width: 568px) {

    h1, h2, h3, h4, h5, h6 {
        font: 700 38px/1.2 'Crimson Text', serif;
        margin: 0 0 20px;
        color: #000;
    }

    h2 {
        font-size: 30px;
        margin: 0 0 18px;
    }

    h3 {
        font-size: 24px;
        margin: 0 0 15px;
    }

    h4 {
        font-size: 20px;
        margin: 0 0 10px;
    }

    h5 {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 8px;
    }

    h6 {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 5px;
    }

    blockquote {
        font: 700 38px/1.2 'Dancing Script', cursive;
        margin: 0 0 20px;
        padding: 0;
        border: 0;
    }

    .intro-title,
    .module-title,
    .callout-text,
    .iconbox-title {
        font: 700 38px/1.2 'Dancing Script', cursive;
        margin: 0 0 18px;
    }

    .iconbox-title {
        font-size: 24px;
    }

    .module-subtitle {
        font: 400 10px/1.2 'Libre Baskerville', serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #a7a9ac;
        margin: 0;
    }

}

.nav-pills>li>a {
    border-radius: 4px;
    font-size: 25px;
    font-weight: 800;
    transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  opacity:1;
}

.nav-pills>li>a:hover{
    background-color: transparent;
     color:#d30101;
   transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  opacity:0.7;
  cursor:pointer;
}

.nav-pills>li.active>a {
    color: #d30101;
    background-color: transparent;
    font-weight: 800;
}

.nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color:#d30101;
    background-color: transparent;
    font-weight: 800;
}

a.nav-expander {
  background: none repeat scroll 0 0 transparent;
  color: #FFFFFF;
  display: block;
  /*font-size: 15px;*/
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  padding: 1.7em 0.5em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  /*width: 130px;*/
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
 
}
 
a.nav-expander:hover {
  cursor: pointer;
}
 
a.nav-expander.fixed {
  position: fixed;
}
 
.nav-expanded a.nav-expander.fixed {
    right: 20em;
}


nav {
  background: #fff;
  box-shadow: 1px 1px 0.5rem black;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 99999;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
 border-left: 3px solid #84a6d4;
}
.nav-expanded nav {
  right: 0;
}
 
body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}
 
#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
  color:#fff!important;
}



.main-menu {
  padding-top: 12px;
}
 
.main-menu li {
    border-bottom: 1px solid #fff;
    
}
 
.main-menu li a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Open Sans'!important;
  font-weight:400;
}
 
.main-menu li a:hover {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
 
.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}
 
.main-menu a .caret {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 8px;
}
 
.main-menu a:hover .caret {
    border-top-color: #4f5963;
}
 
.main-menu li.open > a > .caret {
    border-top: none;
    border-bottom: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
 
.main-menu li.open > a:hover > .caret {
    border-bottom-color: #4f5963;
}


.fa-bars {
    font-size: 40px!important;
    color:black!important;
}

.fa-bars:before {
    content: "\f0c9";
    color: white;
   /* text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;*/
    content: "\f0c9";
    color: white;
    padding: 17px 20px;
    border-radius: 50px;
    background: rgba(0,0,0,0.2);
}
 
.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 
}
 
.main-menu li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}



.navbar-fixed-bottom {
    background: #222; 
    padding: 20px; 
    color: #fff;
  
}

.is-container {
    z-index: auto!important;
}
.is-overlay {
    z-index: 0!important;
}


@media (max-width: 768px) {
    .lang {
        width:30%!important;
    }
    .ad {
        width:90%!important;
    }
    .icon.ion-social-instagram-outline.size-48{
    font-size:48px!important;
    }
    .icon.ion-social-facebook-outline.size-48{
        font-size:48px!important;
    }
    .icon.ion-social-twitter-outline.size-48{
        font-size:48px!important;
    }
    .borderstyle{
        border:0px!important;
    }
    #buttonhref1 {
        width: -webkit-fill-available;
        margin-right: 0px!important;
    }
    #buttonhref2 {
        width: -webkit-fill-available;
    }
    
}

.lang {
    opacity:1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.lang:hover {
    opacity:0.7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.menu-detail{
    font-family:"play", sans-serif;
    font-weight:400;
    color:#3f3a37;
    font-size:16px;
    line-height:1.4;
}


.icon.ion-chevron-left.size-60{
    border:3px solid #3f3a37;
    border-radius: 50%;
    padding: 5px 10px;
    background-color: white;
    color:#3f3a37
}
.hr1{
    border-top:5px solid #3f3a37;
}
.hr2{
    border-top:3px solid #3f3a37;
    width:75%;
    margin:auto;
}
.hr3{
    border-top:5px solid #3f3a37;
}

@media only screen and (max-width:768px) {
    .hr3 {
        display:none;
    }
}

.row {
    margin:auto
}


@media only screen and (max-width:768px) {
    .descr {
        text-align:center;
    }
    
    .line {
        border-right:3px solid rgb(13, 13, 13);
        margin-right:15px;
    }
    
    .line2 {
        border-left:3px solid rgb(13, 13, 13);
        margin-left:15px;

    }
    
    .column1 {
        margin-right:15px;
    }
    
    .column2 {
        margin-left:15px;
    }
    
    .lastline {
        border-bottom:0!important;
    }
    #notop{
        border-top:0px!important;
        padding-top:0px!important;
    }
    .menu-price{
        padding-top:0px!important;
    }
}

.lastline {
    border-bottom:3px solid black;
}

.firsttline {
    margin-top:0!important;
}

.tablerow {
    min-height:150px!important;
}

.descrtext {
    font-size:18px;
    line-height:1.2;
}

.price1 {
    font-size:26px;
}

@media (min-width: 768px) {
.colone {
    /*padding-right: 0!important;*/
    border-right:0px!important;
    }
    .coltwo {
        padding-left: 0!important;
    }
    .extra{
        border-right:3px solid black;
    }
    /*.borderbox {
        border-right:3px solid #fff!important;
    }*/
}

@media (max-width: 768px) {
.lineleft {
    border-right:3px solid #000;
}
.lineright {
    border-left:3px solid #000;
}

.colone {
    padding-right: 0px;
    margin-left:0px!important;
    margin-right:0px!important;
}

.coltwo {
    padding-left: 0px;
    margin-left:0px!important;
    margin-right:0px!important;
}
}

.index{
    z-index:999;
}
.is-overlay-bg {
    background-repeat: repeat!important;
    /* background-size: contain; */
}
.footer-text {
font-family: play;
font-size: 18px;
}

@media (max-width: 1280px){
.is-wrapper .is-box .is-container {
    margin-top: 0px!important;
    margin-bottom: 20px!important;
}
}
/**MYLOS EVENTS**/

#i1, #i2, #i3, #i4, #i5{ display: none;}

.container2{
		margin: 0 auto;
		top:0!important;
		position: relative;
		width: 100%!important;
	    height: 100vh;
		padding-bottom: 38%;
	  user-select: none;
	 
	}
	


	.container2 .slide_img{
		position: absolute;
		width: 100%;;
		height: 100%;
	}
	.container2 .slide_img img{
		width: inherit;
		height: inherit;
		object-fit: contain;
	}

	 .prev, .next{
		width: 22%;
		height: inherit;
		position: absolute!important;
		top:0; 
		background-color: transparent;
		color:rgba(244, 244, 244,.9);
		z-index: 99;
		transition: .45s;
		cursor: pointer!important;
		text-align: center;
		border-radius: 0!important;
		font-size:20px!important;
		border:0!important;
	}
	
	.prev {
	    padding-left:0!important;
	}
	
	.next {
	    padding-left:0!important;
	}

	.next{right:0;}
	.prev{left:0;}

	label span{
		position: absolute;
	/*	font-size: 100pt!important;*/
		top: 50%;
	 	transform: translateY(-50%);
	}

	.prev:hover, .next:hover{
		transition: .3s;
		background-color: transparent;
		color: #ffffff; 
	}

.container #nav_slide{
	width: 100%;
	bottom: 12%;
	height: 11px;
	position: absolute;
	text-align: center;
	z-index: 99;
	cursor: default;
	display:none;
}

#nav_slide .dots{
	top: -5px;
	width: 18px;
	height: 18px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
	transition: .4s;
}

#nav_slide .dots:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.9);
	transition: .25s
}

.slide_img{z-index: -1;}

	#i1:checked ~ #one  ,
	#i2:checked ~ #two  ,
	#i3:checked ~ #three,
	#i4:checked ~ #four ,
	#i5:checked ~ #five 
	{z-index: 9; animation: scroll 1s ease-in-out;}

	#i1:checked  ~  #nav_slide #dot1,
	#i2:checked  ~  #nav_slide #dot2,
	#i3:checked  ~  #nav_slide #dot3,
	#i4:checked  ~  #nav_slide #dot4,
	#i5:checked  ~  #nav_slide #dot5
	{ background-color: rgba(255,255,255,.9);}

@keyframes scroll{
	0%{	opacity:.4;}
	100%{opacity:1;}
}		

@media screen and (max-width: 490px) {
    	.container2 .slide_img img{
		object-fit: cover;
        width:inherit;
        height:inherit;
		max-height: 50vh;
	}

}

@media screen and (max-width: 639px){
	.container2{
		border: none;
		width: 100%;
		height: auto!important;
		padding-bottom: 100%; 
	}	
	
	.prev:hover, .next:hover{
		transition: .3s;
		background-color: rgba(88, 88, 89,.8);
		color: #ffffff; 
	}
	
	/*label span { font-size: 50pt; }*/
	
	.prev, .next{
		width: 15%;
		background-color: transparent;
	}	
	#nav_slide .dots{
		width: 12px;
		height: 12px;
	}
	
	

	
	
}
@media screen  and (min-width: 970px){
	.me{ display: none;}
}

.yt {
  margin: 0 auto;
  margin-top: 30px;
  width: 80px;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  background: #2196F3;
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.2), 0 7px 7px rgba(0, 0, 0, 0.24);
  transition: .4s;
  opacity: .4;
}
.yt a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 23px;
  top: 4px;
}

.yt:hover {
  transition: .3s;
  box-shadow: none;
  opacity: .8;
}

@media  screen  and (max-width:768px) {
    #burgerimg {
    margin-top: 50px!important;
    margin-left: 130px!important;
}
}