@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/**** RESET CSS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/
* {magin:0;
	padding:0;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
html, body, table, th, td, tr, tbody, thead, thead, tfoot, dl, dt, dd, div, em, strong, b, i, sub, sup, ul, ol, li, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, small, cite, code, del, dfn, font, ins, kbd, q, s, samp, strike, fieldset, form, label, legend, caption, main, section, header, footer, aside, hgroup {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cls{ clear:both}
::-webkit-input-placeholder {
   /*color: #ccc;*/
}

:-moz-placeholder { /* Firefox 18- */
   /*color: #ccc; */ 
}

::-moz-placeholder {  /* Firefox 19+ */
  /* color: #ccc;  */
}

:-ms-input-placeholder {  
/*   color: #ccc;  */
}
body {
	
}

img {
	max-width:100%;
	vertical-align:bottom;
	border:none
}
ul, ol, li {
	list-style:none;
}
/**** RESET CLASSES
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/

#page-warpper{
	  width:auto;
}



.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}



.slider-row.text-center {
    background: #ffc84c;
    padding: 32px 0px;
    color: #123c69;
}


.slider-row  h1 {
    font-weight: bold;
    font-size: 27px;
}

.main-containt {
    background: #ececec;
   
}



.bg {
    background: #fff;
    text-align: justify;
}


.sidebar h3.text-center {
    background-color: #123c69;
    color: #fff;
    font-weight: bold;
    padding: 14px 0px;
}

.sidebar {
    background: #d9d9d9;

}


.sidebar ul {
    
}
p.side {
    font-size: 20px;
    font-weight: bold;
    padding: 9px 12px;
    color: #000;
}

.sidebar a {
    padding: 0px 11px;
}

.containt {
    padding: 26px 0px;
}
.sidebar ul li {
    padding: 8px 0px;
    border-bottom: 1px solid #000;
}


footer{background-color: #123c69;
    padding: 24px 0px;
}


footer h4 {
    background: #2a3c4f;
    color: #fff;
    padding: 15px 15px;
    font-size: 15px;
}


.five-footer {
    width: 17%;
    margin: 0px 16px;
}


.five-footer ul {
    padding: 4px 17px;
}



.five-footer ul li {
    padding: 7px 0px;
}


.five-footer ul li  a {
    color: #71cdf0 !important;
}


.m-f {
    text-align: center;
    background-color: #344e6b;
    padding: 12px;
    color: #fff;
}



.containt p {
    line-height: 28px;
    margin: 21px 0px;
}


.containt h3 {
    font-size: 23px;
    margin: 10px 0px;
}


.containt ul li {
    margin: 15px 0px;
}



tbody {
    font-size: 12px;
}
thead {
    font-size: 12px;
}











/*====================================*/


h4.ttl{    background-color: #123c69;
    padding: 13px;
    color: #fff;}


    h6.ttttt {
    background-color: #ffc84c;
    padding: 19px 7px;
    border: 4px solid #000;
    text-align: center;
}



.he{ text-align:center;     font-size: 35px;}
ul.con-table{ padding:50px; margin-left:0px; padding-top:0px;}
ul.con-table li{ list-style:none; margin:10px 0px;}
.cls{ clear:both;}
.l-s{ float:left;}
.r-s{ float:right;}
@media (max-width: 480px) {
.l-s{ width:100%;     margin-bottom: 8px;}
.r-s{ float: none; width:100%;}
.he{  font-size: 21px;}
}

.main-containt h6{font-size: 20px;}
.main-containt h5{font-size: 20px;}
.main-containt h4{font-size: 20px;}
.main-containt h3{font-size: 20px;}
.main-containt h2{font-size: 20px;}
.main-containt h1{font-size: 20px;}



a.dropdown-item {
    padding: 7px 4px;
    background-color: #ffc84c;
    border-bottom: 2px solid #fff;
    color: #fff;
    background-color: #1a7ec8;
}
ul.dropdown-menu.show {
    padding: 0px;
}


table.tabletext {
    display: none;
}
tbody {
    font-size: 12px;
}
thead {
    font-size: 12px;
}

	.tabletd {
	    padding: 10px;
	    word-wrap: break-word;
	    width: 30%;
	}
	.tableback {
	    background-color: #ffc84c;
	    color: #000;
	}
	.tablebackcolor {
	    background-color: #2daee8;
	    color: #fff;
	}
	
	.he{ text-align:center;     font-size: 35px;}
								ul.con-table{ padding:50px; margin-left:0px; padding-top:0px;}
								ul.con-table li{ list-style:none; margin:10px 0px;}
								.cls{ clear:both;}
								.l-s{ float:left;}
								.r-s{ float:right;}
								@media (max-width: 480px) {
								.l-s{ width:100%;     margin-bottom: 8px;}
								.r-s{ float: none; width:100%;}
								.he{  font-size: 21px;}
								
								}
								
								.user-heading {
    background-color: #123c69;
    color: #fff;
    padding: 17px;
    border: 1px solid #123c69;
}


a.navbar-brand {
    display: none !important;
}

.call {
    width: 174px;
    text-align: center;
    border: 3px solid #000;
    border-radius: 4px;
    position: fixed;
    bottom: 21px;
    background: #fff;
    right: 10px;
}

.cll {
    width: 82px;
    height: 70px;
}