@charset "utf-8";
/* CSS Document */

:root {
    --primary: #E88F2A;
    --secondary: #FAF3EB;
    --light: #FFFFFF;
    --dark: #000000;
}

/*body {background-color: #5A6A7C;
color:#000000;
}*/

body {background-color:#667489;
color:#000000
}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
.font-weight-semi-bold {
    font-weight: 600 !important;
	color:#33495E;
}

h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
.font-weight-medium {
    font-weight: 500 !important;
	color:#000000 !important;
	text-align:center
}
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.container { 
  width: 75%;
  background-color:#33495E;
}

.hrheader { text-align:center;}

.base gradient {
  background-image: linear-gradient( to right, red 80%, white);
  border-left: 1px solid green;
  color: yellow;
}

.topshadow {
  background-image: linear-gradient( to top, white 50%, #333333);
}

.grline {
  background-image: linear-gradient( to top, white 20%, #333333);
}


.htl {
  background-image: linear-gradient( to right, #647288 10%, #465870);
  border-right: 1px solid #272F36;
  border-top: 1px solid #4B5867;
  color: white;
  padding-left:25px;
  padding-top:15px;
  padding-bottom:15px;
}
.borderformr{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #33495E;
	border-bottom-color: #33495E;
}
.borderforml{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #33495E;
	border-bottom-color: #33495E;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #33495E;
}
.formbottom {
  height:10px;
  background-color:#667489;
}
.borderltb{
	border-left-width: 16px;
	border-top-style: solid;
	border-left-style: solid;
	border-left-color: #33495E;
	border-top-width: 10px;
	border-top-color: #33495E;
}
.hborderl{
	border-right-width: 6px;
	border-left-width: 16px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #33495E;
	border-left-color: #33495E;
	border-top-width: 10px;
	border-top-color: #33495E;
}
.hborderc{
	border-right-width: 20px;
	border-left-width: 20px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #33495E;
	border-left-color: #33495E;
}
.hborderr{
	border-right-width: 16px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #33495E;
	border-left-color: #33495E;
	border-top-width: 10px;
	border-top-color: #33495E;
}

.htls {
background-color:#FFFFFF;
}

.formborder {
	border: 1px solid #cccccc;
}
.menushadow {
	background-image: linear-gradient( to top, #33495E 10%, #54667A);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #414D5A;
}

/* navbar start */
.navbar-custom .navbar-nav .nav-link  {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
    transition: .5s;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.navbar-custom .nav-item:active .nav-link { color: #33FFFF}
.navbar-custom .nav-item:hover .nav-link {color: #ffffff;}

/* background color for collasped*/
.navbar-custom { background-color: #33495E;}
/* background color for collasped*/

/*hamburger*/
.custom-toggler.navbar-toggler {border-color: #ffffff;}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
/*hamburger*/
 
.sticky-top.navbar-custom .navbar-nav .nav-link { padding: 20px 15px;}
/* navbar end */



@media (max-width: 991.98px) {
.navbar-custom .navbar-nav .nav-link  {
        padding: 10px 0;
    }
body {background-color: #ffffff;}
.container { 
  width: 75%;
  background-color:#ffffff;
}
.borderformr{
  border:none
}
.borderforml{
  border:none
}
.formbottom {
  height:0px;
  background-color:#ffffff;
}
}