@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&family=Bebas+Neue&family=Lato:wght@400;700&family=Open+Sans:wght@400;600&display=swap');

.font-antic{font-family: 'Antic Didone', serif;}
.font-bebas{font-family: 'Bebas Neue', cursive;}
.font-lato{font-family: 'Lato', sans-serif;}
.font-open{font-family: 'Open Sans', sans-serif;}

.intro {
    background-image: url(https://d1rudc901q2jd2.cloudfront.net/caferobertoltd/wp-content/uploads/2024/10/04061240/cafe-roberto44.jpg);
    background-repeat:repeat;
    background-position: center;
    background-size: cover;
}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#1d1d1d; font-family: 'Lato', sans-serif; font-size:14px; margin:0px; padding:0px; line-height:1.6;}

p{margin-bottom:20px;} hr {margin:45px 0 25px 0; background-color:#9d9d9d;}
a{color:#fc8133; outline:none!important;}
a:hover {color:#fc8133; text-decoration:none;}
textarea.form-control{resize:none;min-height:120px;} .form-control {height:45px; border-color:#acacac;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}
.mrgbtm10{margin-bottom:10px;}

.gutter-sm {margin-left:-13px!important;margin-right:-13px!important;}
.gutter-sm div[class^="col"]{padding-left:13px!important;padding-right:13px!important;}

h1,.h1, h2,.h2{}
h1,.h1{font-size:40px; margin-bottom:25px; line-height:1.3;}
h2,.h2{font-size:31px; margin-bottom:15px;line-height:1;}
h3,.h3{font-size:18px; margin-bottom:15px;}

.Bor:after {border-bottom:1px solid #5371ff; content:"";display:block; margin:auto auto 20px; padding-bottom:20px; width:122px;}
.Bor1:after {border-bottom:1px solid #5371ff; content:"";display:block; margin:0 0 15px; padding-bottom:5px; width:122px;}
.Bor2:after {border-bottom:3px solid #5371ff; content:"";display:block; margin:0 0 15px; padding-bottom:25px; width:60px;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#000; margin:0 10px;}

/******* Helpers ********************************************************************/
.font-weight-semi{font-weight:600;}
.font-weight-medium {font-weight:500;}
.font-weight-bold{font-weight:700;}

.ImgFade{background-color:#1f2f45;}
.ImgFade img{opacity:0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

#overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 20%); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
/******* Buttons ********************************************************************/
.btn{text-decoration:none !important; moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;padding:15px 40px;font-family: 'Open Sans', sans-serif;font-weight:500; font-size:12px; letter-spacing:.1em; text-transform:uppercase; border-radius:0px;}

.btn-primary{background-color:#f98138; border-color:#f98138; color:#fff !important;}
.btn-primary:hover,.btn-primary.focus,.btn-primary:focus{background-color:#000 !important; border-color:#000 !important;color:#fff !important;}

.btn-outline-warning{border-color:#0090df !important; color:#0090df !important;}
.btn-outline-warning:hover,.btn-outline-warning.focus,.btn-outline-warning:focus{background-color:#0090df !important; border-color:#0090df !important;color:#fff !important;}
.btn-check:focus+.btn-primary, .btn-primary:focus {box-shadow: none !important;}

.bg-light{background-color:#efefef !important;}
.bg-dark{background-color:#262626 !important;} 

.text-dark{color:#323232 !important;}
.text-danger{color:#fd5f20 !important;}

.fs-104 {font-size:104px;}
.fs-100{font-size:100px;}
.fs-19{font-size:19px;}

.ls-1{letter-spacing:.1em;}
.ls-25{letter-spacing:-.025em;}
.ls-20{letter-spacing:-.020em;}

.lh-9 {line-height:.9;}
.lh-1 {line-height:1;}
.lh-13 {line-height:1.3;}
.lh-2 {line-height:2;}

.box-shadow{box-shadow:0px 0px 3px rgba(0,0,0,.2);}
.border-dark{border-color:#d7d7d7 !important;} .bigimg{margin:2px 0px;}
/********Additional css **************/
.new-class{	gap: 0px !important;}
.text-info {color: #fc8032 !important;}
/*.navbar-nav a:hover{color:#008fdf !important;}*/

/************************************************* Header ********************************************************************/
#Header{background:#262626;} .Logo{padding:12px 0px;}
#Header .social-link li a{font-size:18px; color:#fff;}
#Header .social-link li a:hover{color:#fc8133;}
#Header .social-link .list-inline-item:not(:last-child) {margin-right: 15px;}

#Header + main {margin-top:100px;} 


/******* Slider ********************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0%;right:0; font-size:18px; line-height:24px;}
.borderbnr{width:85px; height:2px; background:#fff; margin-top:7px;} .MainBanner .carousel-caption .w-50{width:40% !important;}
.MainBanner .carousel-caption a{color:#fff; text-transform:uppercase; letter-spacing:.1em; font-size:12px; text-decoration:none;}
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}

.TextHead{position:absolute; bottom:25px; right:40px; z-index:99; font-size:36px; color:#fff;}

.Gallery .left, .Gallery .right {position:absolute; bottom:24px; z-index:99; cursor:pointer; opacity:1; padding-left:34px;} 
.Gallery .left img, .Gallery .right img{box-shadow:0px 0px 4px rgba(0,0,0,.5)}  
.Gallery .right {left:60px;}

/********** Content **************************************************************************************************/
#WelTxt {padding:130px 0px 0px 0px;}
.BoxMain{box-shadow:0px 0px 21px rgba(5,5,5,.2); margin-bottom:60px;}
.TextBox,.TextBoxme{padding:0 15px 0 15px;} .TextBox1 {padding:0 15px 0 30px;}
.BoxMain .imgbox{margin:-70px 0px;}
.BoxMain a{color:#0090df; text-transform:uppercase; letter-spacing:.1em; font-size:12px; text-decoration:none;}
.BoxMain a:hover{color:#000; text-decoration:none;}
.Meimg{position:absolute; right:18px; top:-75px;}

.List {padding:0; margin:0 0 35px 0; list-style-type:none;}
.List li{background:url(../images/icon1.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 35px; margin:0px;}


	
/********** Footer ***************************************************************************************************/
#Footer {font-size:14px; line-height:24px;} 
#Footer a {color:#fff; text-decoration:none;} #Footer a:hover {color:#fc8032;}
#Footer .list-inline a{font-size:18px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#0090df;}
#Footer .list-inline-item:not(:last-child) {margin-right: 15px;}
.CopyText,.CopyText a{font-size:12px; color:#fff !important;}

.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff;background-color:#fc8133;}
.dropdown-item.active, .dropdown-item:active {background-color: #fc8133 !important;}
.dropdown-menu .menu-item:hover{color:#fff !important;}
.dropdown-menu li {position: relative;} 
/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(223,171,103, 0.45); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#5371ff; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}


.height img {
    height:100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

i#checkmark, svg#checkmark {
    color: #1bb827;
    font-size: 3em !important;
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}

.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  letter-spacing:1px;
}
.wrapper-2 h1{
  font-size:4em;
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
 .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 

  .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 

@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(0,0,0,.8); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:100px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:30px 0px !important;}
.shrink .navbar-brand{padding:27px 0px !important;}
	.MainBanner .carousel-item img {
		/*height:810px;*/
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
	/*.MainBanner{padding-top: 20px;}*/
}



@media (min-width: 1920px) {
.container-fluid{max-width:1570px !important;}
.container-new{max-width:1920px !important; margin:auto;}
.BoxMain{box-shadow:0px 0px 21px rgba(5,5,5,.2); margin-right:185px;}
.TextBox{padding:0 50px 0 150px !important;} .TextBox1{padding:0 150px 0 50px !important;} .TextBoxme{padding:0 50px 0 160px !important;}

.gutter-lg {margin-left:-34px!important;margin-right:-34px!important;}
.gutter-lg div[class^="col"]{padding-left:34px!important;padding-right:34px!important;}
	
	/*.MainBanner{padding-top: 40px;}*/
}
	
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}
.container-fluid{max-width:1570px !important;}

@media (min-width: 1600px) {
	.TextBox,.TextBoxme{padding:0 50px 0 100px;} 
	.TextBox1{padding:0 100px 0 50px;}
	/*.MainBanner{padding-top: 40px;}*/
}
@media (min-width: 1200px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 767.98px) {	}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
#Header + main {margin-top:94px;} 
.MainBanner .carousel-caption .w-50{width:55% !important;}
.TextBox,.TextBoxme{padding:30px 15px 30px 0px;} .TextBox1 {padding:30px 15px 30px 30px;}
.BoxMain{margin-bottom:120px;} .BoxMain .imgbox{margin:-25px 0px;} .Meimg{top:5px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static;} #Header + main {margin-top:0px;} 
.MainBanner .carousel-caption {font-size:18px; line-height:24px;} .MainBanner .carousel-caption .w-50{width:75% !important;}
.fs-104 {font-size:74px;}.fs-100{font-size:70px;} .Meimg{top:5px;}
.TextBox,.TextBoxme{padding:30px 20px;} .TextBox1 {padding:30px 20px;}
.BoxMain{margin-bottom:30px;} .BoxMain .imgbox{margin:-0px;}
#WelTxt {padding:50px 0px 0px 0px;}
}

@media (max-width: 767.98px) 
{	
	.container-fluid {max-width:96% !important;}
	#Header {position:static;} #Header + main {margin-top:0px;} 
	.MainBanner .carousel-caption {position:static; background:#3b3b3b; padding:20px 0px; font-size:16px; line-height:22px;} .MainBanner .carousel-caption .w-50{width:100% !important;}
	.fs-104 {font-size:54px;}.fs-100{font-size:50px;} .mrgbtm10{margin:10px 0px !important;}
	.TextBox,.TextBoxme,.TextBox1 {padding:5px 20px 30px 20px;}.Meimg{top:-15px;}
	.BoxMain{margin-bottom:30px;} .BoxMain .imgbox{margin:-0px;}
	#WelTxt {padding:30px 0px 0px 0px;} 
	.Gallery .left, .Gallery .right {bottom:14px; padding-left:14px;} 

	#overlay {background-color: transparent;}
	p {text-align: justify;}
	.map iframe {height: 320px;}
	.MainBanner img {height: 220px; object-position: center; object-fit: cover;}
	.inner-bnr img {height: 220px; object-position: center; object-fit: cover;}
	
	.navbar .menu-item .nav-link:hover, .navbar .menu-item .nav-link:focus, .navbar .menu-item .nav-link.active {border-top: none !important;}
}

@media (max-width: 479px) {
.borderbnr{margin-top:0px; margin-bottom:10px;}.fs-104 {font-size:44px;}.fs-100{font-size:40px;} 
}

@media (max-width: 320px) {}
 .grecaptcha-badge { visibility: hidden; opacity: 0}