@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Dai+Banna+SIL:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


Body{
	color: #3f3f3b;
	FONT-SIZE:16px;
	font-family:'Ubuntu', sans-serif;
	margin: 0;
	padding: 0;	
	line-height: 1.3;
}

::selection {color:#FFF;background:#19a097;}
::-moz-selection {color:#FFF;background:#19a097;}
::-o-selection {color:#FFF;background:#19a097;}
::-ms-selection {color:#FFF;background:#19a097;}
::-webkit-selection {color:#FFF;background:#19a097;}
 
.video-container {    
    width: 100%;
	padding-bottom: 60%;	
    position: relative;
	 overflow: hidden;	
}

.video-container video {
  width: 100%;
  height: 100%;
	
  position: absolute;
  object-fit:contain;
	object-position:center;
  z-index: 0;	
}
.embed-container { position: relative;  overflow: hidden; max-width: 100%; height: 300px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.Shadow{ 
 -webkit-box-shadow: 0px 0px 20px 0px #e2e2e2;
 box-shadow: 0px 0px 20px 0px #e2e2e2;}
 
 .li {
    list-style:url("../images/drop.png");
    position: relative;    /* It's needed for setting position to absolute in the next rule. */	 
}

.li::before {   
    position: absolute;
       left: 0;       /* Adjust this value so that it appears where you want. */
         top: 0;       /* Adjust this value so that it appears where you want. */
    font-size: 0.8em;      /* Adjust this value so that it appears what size you want. */
}	
 
.FontColor1 {color: #1b989c;}
.FontColor2 {color:#bd0c3c;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color:#D40003;}
.FontStyle1{font-family: 'Dai Banna SIL', serif;}
.BgColor1 {background-color:#FFFFFF !important;}

.TableAltHeader1 {background-color:#1b989c; color:#fff;}
.AltColor11 {background-color:#ceede7;}
.AltColor12 {background-color:#eee;}

.TableAltHeader2 {background-color:#9e3753; color:#fff;}
.AltColor21 {background-color:#f9e6eb;}
.AltColor22 {background-color:#f0e7dc;}

/* Font Sizes */
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:32px;}
.BiggerText {FONT-SIZE:40px;}
.LargeText {FONT-SIZE:48px; }

.SmallerLink{FONT-SIZE:12px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none ;}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.textdeconone{text-decoration:none;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-size:17px;
	font-family: 'Roboto', sans-serif;
	padding:6px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
}
.ButtonSmall{
	font-family: 'Roboto', sans-serif;
	font-size:12px;		
	padding:3px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonMedium{
	font-family: 'Roboto', sans-serif;
	font-size:14px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonBig{
	font-family: 'Roboto', sans-serif;
	font-size:22px;	
	padding:10px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #bd0c3c;			
	border:1px solid #bd0c3c;
	transition:0.3s ease;	
}

.ButtonColor1:hover{
	color:#fff;	
	background-color: #1b9a92;			
	border:1px solid #1b9a92;
	transition: 0.3s ease;
}
.ButtonColor2{
	color:#bd0c3c;	
	background-color: #fff;			
	border:1px solid #bd0c3c;
	transition:0.3s ease;	
}

.ButtonColor2:hover{
	color:#fff;	
	background-color: #bd0c3c;			
	border:1px solid #bd0c3c;
	transition: 0.3s ease;
}
.Button, ButtonMedium, ButtonSmall, ButtonBig:active{
	top:1px;
	position:relative;
}

* {box-sizing:border-box !important;}
/* All Border Styles */
.Border1 {border-width:1px; border-style:solid;}
.Border2 {border-width: 2px;  border-style:solid}
.Border3 {border-width: 3px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft1{border-left:1px solid;}
.BorderLeft10{border-left:10px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #bbb;}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded30{border-radius:30px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded100{border-radius:50%;}

/* Table Style */		
.TableStyle {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;    
	background-color: #f3f9ff;
	border: 1px solid #586685; 
}
.TableStyle th {
	color:#FFF; 
	text-align: center;
    padding:5px 8px;
	background-color: #15274d;
	text-transform: uppercase;
	font-weight: bold;
}
.TableStyle td {
    border: 1px solid #9fb7ce;    
    padding:5px 8px;
	
}
.TableStyle tr:nth-child(even) {
        background-color: #deeefe;
    }

.TableStyle1 {
  border-collapse: collapse;
  width: 100%;
 
}

/* Text Box Style*/	

.TextBox{
	font-family: 'Roboto', sans-serif;
	color:#000;
	padding:5px;
	min-height: 30px;
	border:1px solid #d0d0d0;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #132e65;	
	box-sizing: border-box;
	outline: none;
}


.TextBoxBig{
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color:#000;
	padding:13px 10px;
	background: #f5f5f5;
	border:1px solid #acb8c3;	
	box-sizing: border-box;
	outline: none;
}
.TextBoxBig:focus{	
	background: #fff;
	border:1px solid #0f1b37;	
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{
	font-size:16px;	
	font-family: 'Roboto', sans-serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{
	font-size:16px;		
	font-family: 'Roboto', sans-serif;
	opacity:0.4;
	color:#000;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
	text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
text-transform: uppercase;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
}

.footer{		
	color:#bbb;
	background-color:#333;		
	box-sizing:border-box;
	width: 100%;
	float:left;
}

	.imgzoom { 
            overflow: hidden; 
            margin: 0 auto; 
        } 
      
.imgzoom img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
.imgzoom:hover img {             
	-ms-transform: scale(1.15);	
	-webkit-transform: scale(1.15);	
	-moz-transform: scale(1.15); 
	transform: scale(1.15);
        }

.paddingtop{padding-top: 90px;}
	
.underline{		
	text-decoration: underline #bd0c3c solid; 
	text-decoration-thickness:6px; 
	text-underline-offset:18px;
	
	}
.topbg{
	background: url("../images/topbg.jpg") no-repeat top center;
	background-size: cover;
	height: 550px;
	width: 100%; 
	top: 0;
	position: absolute;
	z-index: -1;
}
.innertopbg{
	background: url("../images/topbg2.jpg") no-repeat center top;
	background-size: cover;
	height: 400px;
	width: 100%; 
	top: 0;
	position: absolute;
	z-index: -1;
}

.topup{margin-top: -35%; z-index: 10; position: relative;}

ul.social-buttons {list-style: none; margin:2px auto; padding:0px; float:right;}
ul.social-buttons li {display: inline-block;  margin-right:5px; margin-top:2px; margin-bottom:2px;}
ul.social-buttons li:last-child {margin-right: 2px;}
.social-btnfb { width: 40px; height: 40px; border-radius:20px; border:2px solid #fff; background:#fff; display: inline-block; color: #bd0c3c; font-size: 24px; line-height: 38px; text-align: center;  }
.social-btnfb:hover{ background: #3b5998; color: #fff; transition:0.2s;}

.social-btntwitter { width: 40px; height: 40px; border-radius:20px; border:2px solid #fff; background:#fff; display: inline-block; color: #bd0c3c; font-size: 24px; line-height: 38px; text-align: center; }
.social-btntwitter:hover{ background: #1dcaff; color: #fff; transition:0.2s;}

.social-btninsta {width: 40px; height: 40px; border-radius:20px; border:2px solid #fff; background:#fff; display: inline-block; color: #bd0c3c; font-size: 24px; line-height: 38px; text-align: center; }
.social-btninsta:hover{background: #b616b0; color: #fff; transition:0.3s;}

.social-btnwts {width: 40px; height: 40px; border-radius:20px; border:2px solid #fff; background:#fff; display: inline-block; color: #bd0c3c; font-size: 24px; line-height: 38px; text-align: center; }
.social-btnwts:hover{background: #28c617; color: #fff; transition:0.3s;}
.expimg{
	background-repeat: no-repeat; background-size: 100%; background-position: center center; height: 250px;
}
@media screen and (max-width:1449px) {

	.topbg{	
	height: 450px;	
}
	.innertopbg{	
	height: 350px;	
}
}

@media screen and (max-width:1279px) {
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 17px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:28px;}
.BiggerText {FONT-SIZE:36px;}
.LargeText {FONT-SIZE:42px; }
.paddingtop{padding-top: 75px;}
	.topbg{	
	height: 400px;
	
}
.innertopbg{	
	height: 300px;	
}
}

@media screen and (max-width:1023px) {
	Body {FONT-SIZE:15px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:27px;}
.BiggerText {FONT-SIZE:34px;}
.LargeText {FONT-SIZE:40px; }
	
.topup{margin-top: -31%;}
	.innertopbg{	
	height: 220px;	
}
	.expimg{
	height: 190px;
}
}
@media screen and (max-width:767px) {

.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:26px;}
.BiggerText {FONT-SIZE:32px;}
.LargeText {FONT-SIZE:34px; }
.paddingtop{padding-top: 75px;}
.innertopbg{	
	height: 200px;	
}
	.expimg{
	height: 170px;
}
}

@media screen and (max-width:639px) {
Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px; }

.topup{margin-top: -25%;}
	.innertopbg{	
	height: 160px;	
}
	.embed-container {height: 250px;} 
}

@media screen and (max-width:479px) {
	Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:17px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:26px;}
.LargeText {FONT-SIZE:32px;}
.SmallerLink {FONT-SIZE:11px;}
.paddingtop{padding-top: 60px;}
.Button{	
	font-size:14px;	
	padding:5px 12px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:13px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:6px 15px;	
}
.innertopbg{	
	height: 120px;	
}
	.embed-container {height: 200px;}
}