*{
	margin:0;
}
html,body
{
    width: 100%;
	overflow-x: clip;
	scroll-behavior: smooth;
}
.pageWrapper{
	margin: 0;
	padding: 0;
}
.navbar .logo{
   -webkit-transition: all 0.4s ease !important;
   transition: all 0.4s ease !important;
}
.navbar-nav .nav-link{
	color: #d6d6d6 !important;
	position: inherit;
	font-size: 18px;
}
.navbar-nav .dropdown-item{
	font-size: 18px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    left: -30px !important;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
	color: #fff !important;
}
.navbar .container-fluid .logo{
	height: 80px;
	width: 180px;
}
.secreto_div{
	height: 78px;
}
.navbar .container-fluid .logo{
	height: 80px;
	width: 150px;
}
#languageSwitcher {
	padding: 2px;
	height: 21px;
	width: 32px;
	background-color: #007bff;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top:38px;
	-webkit-transition: all 0.4s ease !important;
	transition: all 0.4s ease !important;
}
@media screen and (max-width:991px) {
	#languageSwitcher {
		position: unset;
		float: inline-end;
	}
}

@media screen and (max-width:800px) {
	.navbar .container-fluid .logo{
		height: 65px;
		width: 130px;
	}
	.secreto_div{
		height: 58px;
	}
	#languageSwitcher {
		top:35px;
	}
}

@media screen and (max-width: 600px){
	.termsfeed-com---nb-simple {
		max-width: 100% !important;
	}
	.termsfeed-com---nb .cc-nb-main-container {
		padding: 10px !important
	}
}
@media (max-width: 320px){
	.termsfeed-com---nb-simple{
		height: 410px !important;
	}
	.termsfeed-com---nb .cc-nb-main-container {
		padding: 5px !important;
	}
}
.termsfeed-com---palette-dark.termsfeed-com---nb {
    background-color: #212229 !important;
	opacity: 93% !important;
}
.termsfeed-com---palette-dark .cc-nb-reject {
	background-color:#eaeaea !important;
}
.websiteContainer{
	height: 100%;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
#navbar-scrollspy{
	height: 97% !important;
	overflow-y: scroll;
	overflow-x: hidden;
	position: sticky;
}
#navbar-scrollspy a{
	color: #2f3038;
	padding-left: 6px !important;
	font-size: 16px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #f7f7f7 !important;
    background-color: #0d6efd !important;
}
.sidenavbar-toggler i{
	border: none;
}
@media (max-width: 1200px){
	.sidenavbar-toggler{
		display: inline-block !important;
	}
}
#sidenav_column{
	::-webkit-scrollbar {
		width: 10px;
	}
	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
}
.offcanvas-header{
    color: #2f3038;
}
.offcanvas-body {
    padding: 0 !important;
    overflow-y: hidden !important;
	padding-left: 7px !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #f7f7f7 !important;
    background-color: #317ff3 !important;
}
#sidenav_open_button{
	z-index: 1020;
	position: fixed;
    top: 45%;
	left: -6px;
    transform: translateY(-50%);
	padding: 30px 5px 30px 12px;
	background-color: #3b3f5a;
	border: none !important;
}
#sidenav_open_button_mobile{
	padding: 7px 14px;
	border: none !important;
	background-color: transparent;
	border: solid !important;
	border-width: 1px !important;
	border-color: #3a3a3a !important;
	color: #ffffffb9;
	display: none;
}
@media (max-width: 991px){
	#sidenav_open_button_mobile{
		display: inline-block;
	}
	#sidenav_open_button{
		display: none;
	}
	.offcanvas-body{
		padding-left: 9px !important;
	}
}

.dinato_intro{
	padding: 50px 70px 0px 70px;
	background-color: #f7f7f7;
}
.dinato_intro img{
	margin: 0 !important;
}
.dinato_intro a{
	text-decoration: none;
}
.dinato_intro .wrapper_replace{
	height: 100%;
	border: solid;
	border-width: 2px;
	border-color: #e5e5e5;
	background-color: #e5e5e5;
	border-radius: 4px;
	height: 300px !important;
	transition: all 500ms;
}
.dinato_intro .wrapper_replace .image_replace{
	padding: 10px !important;
	margin-top: 5%;
}
.dinato_intro .wrapper_replace .image_replace img{
	max-height: 180px !important;
	min-width: 190px;
	max-width: 90%;
	padding: 5px;
	border-radius: 10px;
}
.dinato_intro .text_replace{
	text-decoration: none;
	padding: 5px 10px 0 10px;
}
.dinato_intro .text_replace p{
	font-size: 20px;
	font-weight: 600 !important;
	color: #000000;
	font-family: 'Oswald', sans-serif;
	margin: 0 !important;
}
.dinato_intro a:hover::before {
	transform: scale(1.1);
	box-shadow: 0 0 15px #fff;
}
.dinato_intro .wrapper_replace:hover{
	border-color: #6c8495;
    background-color: #bbc8d3;
}
.dinato_intro .row .col-md .wrapper_replace .chatgptimg{
	width: 190px !important;
	height: 180px !important;
}
@media screen and (max-width:500px){
	.dinato_intro{
		padding: 50px 15px 40px 15px;
	}
	.dinato_intro .wrapper_replace .image_replace{
	margin-top: 2%;
	}
}
@media screen and (max-width:600px){
	.dinato_intro .wrapper_replace{
		background-color: #d3dce3;
	}
}
@media screen and (max-width:340px){
	.dinato_intro .row .col-md .wrapper_replace .emfposimg{
		width: 160px !important;
		height: 190px !important;
	}
}
@media screen and (max-width:500px){
.dinato_intro .wrapper_replace .image_replace .mydataimg{
	margin-top: 25px !important;
}
}

.section3{	
	background-color:#fafafa;
	margin-top: 1px;
}
.section3 h2{
	background: rgb(225,235,247);
	background: radial-gradient(circle, #e1ebf7 15%, #FFCF81 68%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin: 0;
}
.section3 h4{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(191,214,242,1) 20%, rgba(158,193,235,1) 50%, rgba(205,223,245,1) 80%, rgba(255,255,255,1) 100%);
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 2%;
	padding-left: 3px;
	padding-right: 3px;
}
@media screen and (max-width:800px){
	.jumbotron{
		padding-top: 110px !important;
	}
	.section3 h4{
		font-size: 24px;
	}
}
@media screen and (max-width:500px){
	.section3 h4{
		margin-top: 0;
	}
}
.section3 .d-flex{
	padding-right: 2%;
	padding-left: 2%;
	background-color: #fdfdfd;
}
.jumbotron{
	text-align:center;
	padding-top: 125px;
	color: transparent;
	background-color: #5a5a5a;
	margin-top: 0;
}
.jumbotron h2{
	font-weight: 500;
	border: none;
	z-index: 2;
	position: relative;
	font-family: 'Roboto';
	-webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}
.headerWave{
	position: relative;
	top: -40px;
}
@media screen and (max-width: 1000px) {
	.headerWave{
		top: -10px;
	}
}
.section3 p{
	font-size: 20px;
}
@media screen and (max-width:500px){
	.d-flex img{
		float: unset !important;
		width: 90% !important;
	}
}
.dinato1{
	padding-top: 98px;
}
.restaurant_robot{
	margin-top: 3%;
	text-align: center;
}
.restaurant_robot img{
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	border-radius: 15px;
	max-width: 750px;
}
.dinato1 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
.dinato1 p{
	padding-right: 2%;
	padding-left: 2%;
}

.dinato2{
	padding-top: 90px;	
	text-align:left;
}
.dinato2 .comb4img{
	width:75%;
	max-width: 1000px;
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
@media screen and (max-width:500px){
	.dinato2 .comb4img{
		width:100% !important;
	}
}
.dinato2 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
.dinato3{
	padding-top: 98px;	
	text-align:center;
}
.dinato3 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato3 .coinimg{
	float:left;
	max-width: 250px;
	max-height: 250px;
	margin-right: 10px;
}
@media screen and (max-width:500px){
	.dinato3 .coinimg{
		width: 60% !important;
	}
}
.dinato3 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
.dinato3 .autosaleimg{
	align-self: center;
	width:50%;
	max-height: 600px;
}
@media screen and (max-width:800px){
	.dinato3 .autosaleimg{
		width:60%;
	}
}
@media screen and (max-width:500px){
	.dinato3 .autosaleimg{
		width:90%;
	}
}
.dinato4{
	padding-top: 98px;	
	text-align:center;
}
.dinato4 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato4 .emfposimg{
	float:left;
	border: none;
	padding: 8px;
	max-width: 275px;
	max-height: 300px;
}
@media screen and (max-width:500px){
	.dinato4 .emfposimg{
		width: 60% !important;
	}
}
@media screen and (max-width:330px){
}
.dinato4 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato5{
	padding-top: 98px;
	text-align:center;
}
.dinato5 .d-flex{
	text-align:center;
}
.d-flex p{
	text-align: left;
}
.dinato5 .scen2img{
	width: 90%;
	max-height: 450px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.dinato5 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato6{
	padding-top: 98px;	
	text-align:center;
}
.dinato6 .d-flex{
	text-align:center;
}
.dinato6 .voice_commands{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
}
.dinato6 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato7{
	padding-top: 98px;
	text-align:center;
}
.dinato7 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato7 .reserveimg{
	float:left;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
	border-radius: 15px;
}
.dinato7 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato8{
	padding-top: 98px;
	text-align:center;
}
.dinato8 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato8 .prn37img{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
}
@media screen and (max-width:500px){
	.dinato8 .prn37img{
		width: 70% !important;
	}
}
.dinato8 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato9{
	padding-top: 98px;
	text-align:center;
}
.dinato9 .d-flex{
	text-align:center;
	padding-top:2%;
}
.dinato9 .keasyimg{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
}
@media screen and (max-width:500px){
	.dinato9 .keasyimg{
		width: 50% !important;
	}
}
.dinato9 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato10{
	padding-top: 98px;
	text-align:center;
}
.dinato10 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato10 .mobimg{
	float:left;
	border: none;
	padding: 8px;
	max-width: 275px;
	max-height: 275px;
}
.dinato10 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato11{
	padding-top: 98px;
	text-align:center;
}
.dinato11 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato11 .deliveryimg{
	padding: 8px;
	text-align: center;
	
}
.deliveryimg img{
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-width: 300px;
	border-radius: 10px;
	max-width: 700px;
}
.dinato11 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato12{
	padding-top: 98px;
	text-align:center;
}
.dinato12 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato12 .mod08img{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
}
.dinato12 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}

.dinato13{
	padding-top: 98px;
	text-align:center;
}
.dinato13 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato13 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
.dinato13 .mobimg{
	float:left;
	padding: 8px;
	max-width: 340px;
	max-height: 340px;
	border-radius: 15px;
}
.dinato15{
	padding-top: 98px;
	text-align:center;
	margin-bottom: 40px;
}
.dinato15 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato15 .chatgptimg{
	float:left;
	border: none;
	padding: 8px;
	max-width: 200px;
	max-height: 200px;
}
@media screen and (max-width:800px){
	.dinato15 .chatgptimg{
		width: 50% !important;
	}
}
.dinato15 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
.dinato14{
	padding-top: 98px;
	text-align:center;
}
.dinato14 .d-flex{
	text-align:center;
	padding-top:1%;
}
.dinato14 .fimas{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 260px;
}
.dinato14 .mydata{
	float:left;
	border: none;
	padding: 8px;
	max-width: 300px;
	max-height: 300px;
}
.dinato14 .tamiaki{
	float:left;
	border: none;
	padding: 8px;
	max-width: 270px;
	max-height: 300px;
}
.dinato14 h4{
	text-align:center;
	padding-bottom:1%;
	padding-top:1%;
}
@media screen and (max-width:500px){
	.dinato1 p, .dinato2 p, .dinato3 p, .dinato4 p, .dinato5 p, .dinato6 p, .dinato7 p, .dinato8 p, .dinato9 p, .dinato10 p, .dinato11 p, .dinato12 p, .dinato13 p, .dinato14 p, .dinato15 p{
		font-size: 17px !important;
	}
}

#scrollButton {
	text-align: center;
	font-size: 19px;
	display: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	padding: 3px 5px;
	background-color: #4b5e73;
	color: #ffffff;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	border: solid;
	border-width: 1px;
	border-color: #607994;
	z-index: 1;
}


.section5{
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, #FFCF81 0%, #FFCF81 70%, rgba(255,255,255,1) 100%);
}
.section5 h3{
	color: #000000;
	font-size: 30px;
	margin: 0;
	padding: 10px 30px 5px 50px;
}
.section5 p{
	color: #000000;
	padding: 0 30px 15px 55px;
	margin: 0;
	font-size:20px;
}
.last_info{
	padding: 10px 30px 0 50px;
	background-color: #fff;
}
.last_info p{
	color: #000000;
	margin-bottom: 0;
	font-size: 20px;
	padding: 8px;
	padding-bottom: 70px;
	line-height: 30px;
}
@media screen and (max-width:550px) {
	.last_info{
		padding: 0;
	}
	.section5 h5{
		padding: 10px 10px 5px 10px;
		text-align: center;
	}
	.section5 p{
		padding: 0 10px 15px 10px;
		
	}
	.last_info p{
		font-size: 18px;
		line-height: 25px;
	}
	.section5 .underheader{
		text-align: center;
		padding: 0 20px 15px 20px;
	}
}

.container-footer{
	background-color: #212529;
	width: 100%;
	overflow: hidden;
}
.info-footer{
	float: left;
	height: 210px;
	padding-top: 20px;
	padding-left: 80px;
	padding-bottom: 20px;
}
.footer-img{
	float: right;
	padding-right: 130px;
	padding-top: 75px;
}
.footstyle1{
	padding-top:10px;
	color: white;
	font-weight: 700;
	font-size: 20px;
	font-family: 'Arial Black', 'Arial Bold', sans-serif!important;
}
.footstyle2 {
	padding:5px 0 5px 0;
	color: #e9e9e9; 
	list-style: none;
	font-size:14px;
	font-weight: 400;
}
.info-footer li{
	margin-bottom: 5px;
}
.copyrights{
	color: white;
	padding-bottom: 30px;
}
@media screen and (max-width:781px){
	.info-footer{
		width: 100%;
		text-align: center;
		padding: 0;
		height: 190px;
	}
	.footer-img{
		width: 100%;
		text-align: center;
		padding: 0;
		padding-bottom: 30px;
	}
}
.video-container {
	position: relative;
	width: 100%;
	max-width:700px;
	min-height:300px;
	overflow: hidden;
	margin:40px auto!important;
	text-align:center;
	background-color:#000;
}
.video-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	max-height: 300px;
	border:0;
	background-color: #fff;
}