@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;}


/****************************************************************************/
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:#5371ff; outline:none!important;}
a:hover {color:#1e314b; 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);}

/******* 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:#5371ff; border-color:#5371ff; color:#fff !important;}
.btn-primary:hover,.btn-primary.focus,.btn-primary:focus{background-color:#979797 !important; border-color:#979797 !important;color:#282828 !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;}


.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: #0090df !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:#0090df;}
#Header .social-link .list-inline-item:not(:last-child) {margin-right: 15px;}

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


/******* 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:240px;}
.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:#0090df;}
#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;}

/********** 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;
}
@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:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-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;
}
}



@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;}
}
	
.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;}}
@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:106px;} 
.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:50px 0px 0px 0px;} 
.Gallery .left, .Gallery .right {bottom:14px; padding-left:14px;} 
}

@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) {}

