@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&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');
html{height:100%;}
Body{
	color: #000000;
	FONT-SIZE:14px;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	background-color:#f2f2f2;			
}

::selection {color:#FFF;background:#0262ce;}
::-moz-selection {color:#FFF;background:#0262ce;}
::-o-selection {color:#FFF;background:#0262ce;}
::-ms-selection {color:#FFF;background:#0262ce;}
::-webkit-selection {color:#FFF;background:#0262ce;}
 
.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #b0b0b0;
 -webkit-box-shadow: 0px 0px 10px 0px #b0b0b0;
 box-shadow: 0px 0px 10px 0px #b0b0b0;}	

.FontColor1 {color: #0262ce;}
.FontColor2 {color:#e24e04;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color:#d40202;}

.BgColor1{background-color: #fff}

.Transparent {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.TableAltHeader1 {background-color:#0262ce; color:#fff;}
.AltColor11 {background-color:#d5d8dc;}
.AltColor12 {background-color:#f2f2f2;}

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

/* Font Sizes */
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:24px;}
.BiggerText {FONT-SIZE:36px;}
.LargeText {FONT-SIZE:42px; }
.ExLargeText {FONT-SIZE:50px;}
.SmallerLink{FONT-SIZE:12px; text-decoration: none}
.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none ;}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	padding:8px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
	box-sizing:border-box;
}
.ButtonSmall{
	font-family: 'Roboto', sans-serif;
	font-size:12px;		
	padding:3px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	box-sizing:border-box;	
}
.ButtonMedium{
	font-family: 'Roboto', sans-serif;
	font-size:13px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	box-sizing:border-box;	
}
.ButtonBig{
	font-family: 'Roboto', sans-serif;
	font-size:20px;	
	padding:10px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;
	box-sizing:border-box;	
}
.ButtonColor1{
	color:#000;	
	background-color: #fff;
	background-image: linear-gradient(top, #fff, #f5f5f5);
	background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
	background-image: -o-linear-gradient(top, #fff, #f5f5f5);				
	border:1px solid #c4c4c4;
	transition:0.3s ease;	
}
/*input.ButtonColor1:hover{
	color:#fff;	
	background-color: #0ca5d4;
	background-image: linear-gradient(top, #1da9d4, #0292be);
	background-image: -webkit-linear-gradient(top, #1da9d4, #0292be);
	background-image: -moz-linear-gradient(top, #1da9d4, #0292be);
	background-image: -ms-linear-gradient(top, #1da9d4, #0292be);
	background-image: -o-linear-gradient(top, #1da9d4, #0292be);			
	border:1px solid #017aa0;	
}
.ButtonColor1:hover{
	color:#fff;	
	background-color: #0ca5d4;
	background-image: linear-gradient(top, #1da9d4, #0292be);
	background-image: -webkit-linear-gradient(top, #1da9d4, #0292be);
	background-image: -moz-linear-gradient(top, #1da9d4, #0292be);
	background-image: -ms-linear-gradient(top, #1da9d4, #0292be);
	background-image: -o-linear-gradient(top, #1da9d4, #0292be);			
	border:1px solid #017aa0;
	transition:0.3s ease;	
}*/
.ButtonColor1:active{
	top:1px;
	position:relative;	
}

.ButtonColor2{
	color:#fff;	
	background-color: #ec5002;
	background-image: linear-gradient(top, #f86c26, #d24702);
	background-image: -webkit-linear-gradient(top, #f86c26, #d24702);
	background-image: -moz-linear-gradient(top, #f86c26, #d24702);
	background-image: -ms-linear-gradient(top, #f86c26, #d24702);
	background-image: -o-linear-gradient(top, #f86c26, #d24702);			
	border:1px solid #9e5e02;
	transition:0.3s ease;
    
}
.ButtonColor2:hover{
	color:#fff;	
	background-color: #323232;
	background-image: linear-gradient(top, #666, #282828);
	background-image: -webkit-linear-gradient(top, #666, #282828);
	background-image: -moz-linear-gradient(top, #666, #282828);
	background-image: -ms-linear-gradient(top, #666, #282828);
	background-image: -o-linear-gradient(top, #666, #282828);			
	border:1px solid #d2d2d2;
	transition:0.3s ease;	
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}
.ButtonColor3{
	color:#fff;	
	background-color: #0b60ad;
	background-image: linear-gradient(top, #0379e5, #05467e);
	background-image: -webkit-linear-gradient(top, #0379e5, #05467e);
	background-image: -moz-linear-gradient(top, #0379e5, #05467e);
	background-image: -ms-linear-gradient(top, #0379e5, #05467e);
	background-image: -o-linear-gradient(top, #0379e5, #05467e);			
	border:1px solid #053b6d;
	transition:0.3s ease;    
}

.ButtonColor3:hover{
	color:#fff;	
	background-color: #c97702;
	background-image: linear-gradient(top, #f8a32a, #c97702);
	background-image: -webkit-linear-gradient(top, #f8a32a, #c97702);
	background-image: -moz-linear-gradient(top, #f8a32a, #c97702);
	background-image: -ms-linear-gradient(top, #f8a32a, #c97702);
	background-image: -o-linear-gradient(top, #f8a32a, #c97702);			
	border:1px solid #9e5e02;
	transition:0.3s ease;    
}

.ButtonColor3:active{
	top:1px;
	position:relative;
}
/* All Border Styles */
.Border0 {border-width:0px; border:none; border-collapse: collapse;}
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  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;}
.BorderBottom5{border-bottom:5px 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;}

.BorderLeft3{border-left:3px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #c8c8c8}
.BorderColor2{border-color: #3b4d5d}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded20{border-radius:20px;}

/* Table Style */		
.TableStyle {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
	border:1px solid #bac0c8;
}
.TableStyle th {    
    padding:5px 7px;
	color:#FFF;
	background-color: #0158a8;	
}
.TableStyle td {      
    padding:8px;
	border-bottom:1px solid #d2d6da;
	
}
.TableStyle tr:nth-child(even){background-color: #f2f4f6; }
.TableStyle tr:hover {background-color: #dee9f4;}

.TableStyle1 {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
	border:1px solid #efd2b8;
}
.TableStyle1 th {    
    padding:5px 7px;
	color:#FFF;
	background-color: #ec5c14;	
}
.TableStyle1 td {      
    padding:8px;
	border:1px solid #efd2b8;
	
}
.TableStyle1 tr:nth-child(even){background-color: #fef2e8; }
.TableStyle1 tr:hover {background-color: #fde9d6;}
/* Text Box Style*/	

.TextBox{
	font-family: 'Roboto', sans-serif;
	color:#000;
	background-color:#f5f5f5;
	padding:8px;
	border:1px solid #c8c8c8;
	border-radius:3px;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	background-color:#fff;
	border:1px solid #0265c2;	
	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+ */
::placeholder{
	FONT-SIZE:15px;	
	font-family: 'Roboto', sans-serif;
	opacity:0.5;
	color:#000;	
	}
:-ms-input-placeholder{
	FONT-SIZE:15px;		
	font-family: 'Roboto', sans-serif;
	opacity:0.5;
	color:#000;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
}
.margintop{padding-top:75px;}
	.productdiv{
	background-color: #eee;	
	border-radius:10px;	
	text-decoration:none;
	}
.productdiv:hover{
	background-color: #fff;	
	box-shadow:0px 0px 10px 0px #444;
	transition:0.3s ease;
	}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    padding-top:0px;
}

/* Modal Content/Box */
.modal-content {    
/*	background-image: url(../images/login_bg.jpg);background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:top center;

*/    
background-color: #fff;	
margin:12% auto 12% auto; /* 5% from the top, 15% from the bottom and centered */
    border:none;
    max-width:480px; /* Could be more or less, depending on screen size */
	width:98%;
	padding:0px;
	box-sizing:border-box;
	position:relative;
	box-shadow: 0px 0px 12px 0px #000;	
	-moz-box-shadow: 0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;	
}

/* The Close Button (x) */
.cross {
	color:#222;
    position: absolute;
    right: 10px;
    top:0px;
	font-size:30px;
	font-weight:bold;   
}
.cross:hover,
.cross:focus {
    color: red;
    cursor: pointer;
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
.footer{
	width:100%;
	background-color:#083965;
	    position: absolute;
      bottom: 0 !important ;
      left: 0;  
	}
#container{	
  min-height: 100%;
  position: relative;
}
#content {
  padding-bottom: 80px;  
  /* Height of the footer element */
}
/*------------------////Dropdown////----------------------*/
.dropbtn {  
  text-decoration:none;    
}

.dropdown {
  position: relative;
  display:inline-block;
  padding-right:5px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  border:none;
  min-width:150px;  
  right:0;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
  z-index:500;
  
}

.dropdown-content a {
  color: #0066a2;
  padding: 8px 12px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddf0ff;}

.dropdown:hover .dropdown-content {display: block;}

/* pagination */
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0px;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
	margin:2px;
	border:1px solid #ddd;
    padding: 6px 12px;
    text-decoration: none;
}

ul.pagination li a.active {
    background-color: #0268c4;
    color: white;
	padding: 7px 12px;
	border: none;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}
@media screen and (max-width:1359px) {

.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:32px;}
.LargeText {FONT-SIZE:40px; }
.ExLargeText {FONT-SIZE:50px;}
.margintop{padding-top:80px;}
}

@media screen and (max-width:1023px) {
.SmallerText {FONT-SIZE:11px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE: 14px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:36px; }
.ExLargeText {FONT-SIZE:48px;}
.margintop{padding-top:75px;}
.Button{
	font-size:14px;	
	padding:6px 12px;
	
}
}
@media screen and (max-width:767px) {
Body {FONT-SIZE:13px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px; }
.ExLargeText {FONT-SIZE:40px;}
.TextBox{	
	padding:7px;	
}

.margintop{padding-top:65px;}
}

@media screen and (max-width:639px) {
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:17px;}
.BiggerText {FONT-SIZE:22px;}
.LargeText {FONT-SIZE:30px; }
.ExLargeText {FONT-SIZE:36px;}
.margintop{padding-top:60px;}
::placeholder{
	FONT-SIZE:14px;
		
	}
:-ms-input-placeholder{
	FONT-SIZE:14px;
	
}
.TextBox{	
	padding:6px;	
}
.Button{
	font-size:13px;	
	padding:5px 10px;
	
}
}

@media screen and (max-width:479px) {
.NormalTextBig {FONT-SIZE:15px;}
.BiggerText {FONT-SIZE:20px;}
.LargeText {FONT-SIZE:24px; }
.ExLargeText {FONT-SIZE:32px;}
.Button{	
	font-size:13px;	
	padding:4px 10px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:12px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:7px 15px;	
}
::placeholder{
	FONT-SIZE:13px;
		
	}
:-ms-input-placeholder{
	FONT-SIZE:13px;
	
}
.TextBox{	
	padding:5px;	
}
}
@media screen and (max-width:359px) {

}


 .pop-up-background
        {
            background:rgba(0,0,0,.7);            
            height:100%;
            left:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:100;
        }
		
  .pop-up
        {
            border:3px solid #ddd;            
            margin: auto;
            position: absolute;
			display: inline-block;
            top:50%;
            left:50%;
			transform:translate(-50%, -50%);           
            background: #fff;
            max-width:400px;
			width:95%;			
            -moz-box-shadow: 0px 0px 12px 5px #363636;
            -webkit-box-shadow: 0px 0px 12px 5px #363636;
            box-shadow: 0px 0px 12px 5px #363636;
            z-index: 104;
        }
  .Close{
            position: absolute;
            z-index: 106;
            text-align: right;
			right:-15px;
			margin-top:-20px;
			display:inline-block;
			cursor:pointer;
}




.content {
  width: 100%;
}



/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top:85px;
}