@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');
Body{
	color: #222;
	FONT-SIZE:18px;
	font-family: 'Jost', sans-serif;
	margin: 0;
	padding: 0;
}

::selection {color:#FFF;background:#222e4e;}
::-moz-selection {color:#FFF;background:#222e4e;}
::-o-selection {color:#FFF;background:#222e4e;}
::-ms-selection {color:#FFF;background:#222e4e;}
::-webkit-selection {color:#FFF;background:#222e4e;}
 
.video-container {    
    width: 100%;		
}
.video-container video {
  width: 100%;
  height: 100%;	
  position: absolute;
  object-fit: cover;
	opacity: 0.2;
}
	.video-container video {
   filter: brightness(40%);
		filter: sepia(1) hue-rotate(200deg);
}
.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #aaa;
 -webkit-box-shadow: 0px 0px 10px 0px #aaa;
 box-shadow: 0px 0px 10px 0px #aaa;}
 
 .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: #222e4e;}
.FontColor2 {color:#f5af01;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}

 
.FontStyle1{font-family: 'Roboto Slab', serif;}

.BgColor1 {background-color:#FFFFFF !important;}

.TableAltHeader1 {background-color:#222e4e; color:#fff;}
.AltColor11 {background-color:#dee2ef;}
.AltColor12 {background-color:#f0f1f6;}

.TableAltHeader2 {background-color:#f1a30c; color:#fff;}
.AltColor21 {background-color:#f0ebe0;}
.AltColor22 {background-color:#f7f4ee;}

h3, h2, h1{font-weight: normal; margin: 0; display: inline}

/* Font Sizes */
.SmallerText {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:16px;}
.NormalText {FONT-SIZE: 19px;}
.NormalTextBig {FONT-SIZE:24px;}
.Heading {FONT-SIZE:34px;}
.BiggerText {FONT-SIZE:42px;}
.LargeText {FONT-SIZE:50px; }

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

.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: 'Jost', sans-serif;
	padding:7px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
}
.ButtonSmall{
	font-family: 'Jost', sans-serif;
	font-size:12px;		
	padding:3px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonMedium{
	font-family: 'Jost', sans-serif;
	font-size:14px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonBig{
	font-family: 'Jost', sans-serif;
	font-size:22px;	
	padding:10px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #222e4e;
	background-image: -webkit-linear-gradient( top, #222e4e, #0a183b);
	background-image: -ms-linear-gradient( top, #222e4e, #0a183b);
	background-image: linear-gradient( top, #222e4e, #0a183b);		
	border:1px solid #0a183b;
	transition:0.3s ease;	
}

.ButtonColor1:hover{
	color:#fff;	
	background-color: #f7b30a;
	background-image: -webkit-linear-gradient( top, #f7b30a, #dd8c00);
	background-image: -ms-linear-gradient( top, #f7b30a, #dd8c00);
	background-image: linear-gradient( top, #f7b30a, #dd8c00);		
	border:1px solid #b17501;	
	
	transition: 0.3s ease;
}
.ButtonColor1: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;}

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

.BorderColor1{border-color: #bbb;}
.BorderColor2{border-color: #f1a30c;}
.BorderColor3{border-color: #ffffff;}

/* 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;
    }

/* Text Box Style*/	

.TextBox{
	font-family: 'Jost', sans-serif;
	color:#000;
	padding:7px;
	min-height: 32px;
	border:1px solid #d0d0d0;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #222e4e;	
	box-sizing: border-box;
	outline: none;
}


.TextBoxBig{
	font-size: 16px;
	font-family: 'Jost', 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: 'Jost', sans-serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{
	font-size:16px;		
	font-family: 'Jost', 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: 'Jost', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
text-transform: uppercase;
  font-style:normal;
  font-family: 'Jost', sans-serif;
}

.footer{		
	color:#fff;
	background-color:#222e4e;
	padding:20px 10px;	
	box-sizing:border-box;
	width: 100%;
	float:left;
}
.footer a{		
	color:#c0c3da;
	
}
.footer a:hover{		
	color:#fff;
	
}
	.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:72px;}

.services{
	color: #000;
	width: 100%;
	float: left;
	background-color: #f8b413;
	background-image: -webkit-linear-gradient( top, #f8b413, #fce28b);
	background-image: -ms-linear-gradient( top, #f8b413, #fce28b);
	background-image: linear-gradient( top, #f8b413, #fce28b);
	padding: 30px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0px 5px 10px 0px #222;
	overflow: hidden;		
	z-index: 1;
	position: relative;
	 -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	cursor: pointer;
}

		
.services::after {
  content: "";
  border-radius: 10px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  opacity: 0;
  
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
		
.services:hover {
	background-color: #fce28b;
	background-image: -webkit-linear-gradient( top, #fff, #fccb48);
	background-image: -ms-linear-gradient( top, #fff, #fccb48);
	background-image: linear-gradient( top, #fff, #fccb48);
  -webkit-transform: translate(0px,-20px);
  transform: translate(0px,-20px);
	box-shadow: 0px 10px 20px 0px #000;
}

.services:hover::after {
    opacity: 1;
}	
.topimg{
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 200;
}
.servicesbg{
	background: url("../images/servicesbg.jpg") no-repeat bottom center fixed;
	background-size: cover;
	min-height: 350px;
}
.innheading{
	background: url("../images/innerheadingbg.jpg") no-repeat top center;
	background-size: cover;
	min-height: 50px;
}
.missionvisionbg{
	background: url("../images/missionvisionbg.jpg") no-repeat bottom center fixed;
	background-size: cover;
	min-height: 300px;
}
@media screen and (max-width:1339px) {
.SmallerText {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:15px;}
.NormalText {FONT-SIZE: 19px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:32px;}
.BiggerText {FONT-SIZE:38px;}
.LargeText {FONT-SIZE:46px; }
}
@media screen and (max-width:1279px) {
	.SmallerText {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:15px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:29px;}
.BiggerText {FONT-SIZE:36px;}
.LargeText {FONT-SIZE:42px; }
	.paddingtop{padding-top:60px;}
}
@media screen and (max-width:1023px) {
	Body {FONT-SIZE:17px;}
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:22px;}
.Heading {FONT-SIZE:28px;}
.BiggerText {FONT-SIZE:34px;}
.LargeText {FONT-SIZE:40px; }
}
@media screen and (max-width:767px) {
Body {FONT-SIZE:16px;}
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 17px;}
.NormalTextBig {FONT-SIZE:21px;}
.Heading {FONT-SIZE:24px;}
.BiggerText {FONT-SIZE:32px;}
.LargeText {FONT-SIZE:40px; }
.services:hover {	
  -webkit-transform: translate(0px,-10px);
  transform: translate(0px,-10px);	
}
}

@media screen and (max-width:639px) {
Body {FONT-SIZE:15px;}
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:30px;}
.LargeText {FONT-SIZE:38px; }
.topimg{	
top: 100px;
}
}

@media screen and (max-width:479px) {
	Body {FONT-SIZE:14px;}
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px; }
	.topimg{	
	top: 120px;
}
.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;	
}

}