*{ margin:0px;	padding: 0px; text-decoration: none; list-style: none; } .title{ font-size:60px; text-align:center; box-sizing:border-box; padding-top:50px; padding-bottom:50px; } body{ } .container{ width: auto; margin:0px auto; } #toggle-icon{ display: none; width: 100%; float: left; } nav{ width: 100%; float: left; background-color: #00203FFF; position: sticky; top: 0; box-shadow: 0px 1px 6px 0px #333; height: 45px; opacity: 99; z-index: 99999; } nav .logo{width: 15%; float: left; box-sizing: border-box; } nav .menu{ width: 100%; float: left; } nav .menu .links{ text-align: center; width: 100%; float: left; font-size: 14px; } nav .menu .links li{ display: inline-block; margin-top: 3px; } nav .menu .links li:hover{ text-decoration: none; margin-top: 0px; } nav .menu .links li a{ text-decoration: none; display: block; padding: 10px 7px; background-color: #00203FFF;  color: #fff;  letter-spacing: 1px; border-left: 0.5px solid gray; border-right: 0.5px solid gray; } nav .menu .links li a:hover{ text-decoration: none; background-color: yellow; color: red; font-weight: bold; z-index: 10000;} nav .menu .links .parent{ position: relative; } nav .menu .links .parent .arrow-icon{ display: inline-block; transition: 0.4s; } nav .menu .links .parent .rotate{ transform: rotate(90deg); } nav .menu .links .parent .childs { position: absolute; background-color: #00203FFF; top: 100%; left: 0px; width: 300px; text-align: left; display: none; box-shadow: 0px 1px 6px 0px #333; } nav .menu .links .parent .childs ul {position: relative; } nav .menu .links .parent .childs li{display: block; margin-top: 0px; } nav .menu .links .parent .childs li{border-top: 1px solid #f3f3f3;} nav .menu .links .parent .childs li a{padding: 10px 3px; } nav .menu .icons{text-align: right;width: 20%;float: left;} nav .menu .icons li{display: inline-block;margin-top: 10px;} nav .menu .icons li a{display:block;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;background:#333;font-size:16px;} @media (min-width: 320px) and (max-width: 767px) { .container{width: 100%; }  #toggle-icon{display: block;color: #fff;position: absolute;top: 9px;text-align: center;z-index: 1;font-size: 18px; padding: 2px 5px;cursor:pointer; } .toggle-icon .fa-times{display:none;} .active-bar .fa-bars{display:none;} .active-bar .fa-times{display:block; } nav .logo{width: 100%;box-sizing: border-box;padding: 5px;position: relative; }  nav .menu{width: 100%;background-color: #00203FFF;  position: absolute;top: 73px;left: 0%;transition:0.4s;display: none; }  nav .active-menu{left: 0%; } nav .menu .links{text-align: left;width: 100%;background-color: #00203FFF; } nav .menu .links li{display: block;margin-top: 0px;  } nav .menu .links li a{background-color: transparent; }  nav .menu .links .parent .childs{position: static;background-color: #00203FFF;  width: 100%;text-align: center;}  nav .menu .links .parent .childs li{border:0px;} nav .menu .icons{text-align: center;width: 100%;padding: 10px 0px;} nav .menu .icons li{margin-top: 0px;} } body { font-size: 14px; color: #000000;} .nav {margin: 0; padding: 0; } .site-footer {padding-top: 50px;border-top: 0px solid;color: #B3C7D6FF;} .footer-widget-title {color: #f1b322; } .footer-widget .list-links li a{list-style-type: square; line-height: 24px;color: #B3C7D6FF; } .bottom-footer {border-top: 0px solid; padding-top: 25px; margin-top: 20px; margin-bottom: 10px; display: block;} .footer-nav {text-align: right; padding: 0; margin: 0; list-style: none; } .footer-nav li a{display: inline; font-size: 14px; color: #B3C7D6FF; } .footer-nav li:not(:first-child):before { padding: 0 10px; content: '|'; } .cdpmain{ padding: 2px; } .cdpmain a:focus, .cdpmain a:hover, .cdpmain a:visited{ color: #fff;} .cdpmain span, .cdpmain a{display: block;text-decoration: none;} .cdpmain-overlay{height: 200px;position: relative;	background-repeat: no-repeat;background-position: center center; background-size: cover;background-color: #F15D35;color: #FFFFFFFF;z-index: 1;} .bg-overlay{background: #435E55FF;position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 2;} .cdpmain:hover .bg-overlay{	background: transparent;} .cdpcon{position: absolute;width: 100%;top: 0;left: 0;padding: 20px;z-index: 3;} .cdphead{font-size: 20px; line-height: 32px; font-weight: 300; margin-bottom: 5px;} .cdpshead{font-size: 16px;line-height: 20px;font-weight: 500;} .cdpdesc{font-size: 16px;line-height: 20px;	font-weight: 500;}