/*Header styles*/

.headerblock{overflow: hidden;}

.headerText{ font-family: 'Roboto Condensed'; font-size: 25px; margin-top: 0;  color: #4A7C91;  animation: fade-in-text 2.5s ease-in-out; position: absolute; top: calc(50% - 10px); }
	
.top-header-stripe{background: #fff;border-bottom: 1px solid #9F948A;}
		
.headerText span{font-size: 70px; position: relative; top: 14px; animation: 1s a-ltr-beforee 3s ease-in-out forwards;opacity:0;  -webkit-text-fill-color: transparent;
   			 -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #4A7C91; margin-left: 30px;}
.head-txt-two img{padding-right: 15px;}
		
.header-tools { float: right;/*padding-top: 4px;*/}
.bg-header-img{background-image: url("../images/header-img-2.png");background-repeat: no-repeat;width: 100%;height: 165px;position: relative; overflow: hidden;background-position: center;    border-bottom: 1px solid #ABABAB;}
.bg-header-img .round-text{
	position: absolute;
	right:20%;
	animation: rotate-text 30s linear infinite;top: 0;
    width: 350px;
}
.bg-header-img .milky-main-holder
{
	/* background-color: red; */
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    top: 0;
}
* {
	/* Planet 1 */
	/* size of the orbit */
	--orbit-1-size: 180px;
	/* side of the planet */
	--planet-1-size: calc(var(--orbit-1-size) / 5);

	/* Planet 2 */
	/* size of the orbit */
	--orbit-2-size: 150px;
	/* side of the planet */
	--planet-2-size: calc(var(--orbit-2-size) / 8);

	/* Planet 3 */
	/* size of the orbit */
	--orbit-3-size: 134px;
	/* side of the planet */
	--planet-3-size: calc(var(--orbit-3-size) / 2);

	/* Planet 4 */
	/* size of the orbit */
	--orbit-4-size: 170px;
	/* side of the planet */
	--planet-4-size: calc(var(--orbit-4-size) / 5);
}
.milky-way {
	position: relative;
    width: 100%;
    height: 100%;
}

.milky-way>.galaxy:nth-child(1) {
	position: absolute;
	bottom: -115px;
	left: 20px;
}

.milky-way>.galaxy:nth-child(2) {
	position: absolute;
	top: 65px;
    right: 160px;

}

.milky-way>.galaxy:nth-child(3) {
	position: absolute;
	right: -36px;
}
.milky-way>.galaxy:nth-child(4) {
	position: absolute;
	left: -270px;
    bottom: 20px;
}

 /* Planet 1 */
 .orbit-1 {
	position: relative;
	width: var(--orbit-1-size);
	height: var(--orbit-1-size);
	transition: all 700ms;
}

.orbit-1-planet {
	position: relative;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 1px solid #5d5d5da4;
	border-radius: 100%;
	animation: opp-rotate 40s linear infinite;
}

.orbit-1-planet>.planet {
	background-color: #c31f3dc9;;
	position: absolute;
	width: var(--planet-1-size);
	aspect-ratio: 1;
	border-radius: 100%;
	animation: opp-maintain 30s linear infinite;
	top: calc(-1 * var(--planet-1-size) / 2);
	left: calc(var(--orbit-1-size)/ 2 - var(--planet-1-size) / 2 - 5px)
}

/* Planet 2 */
.orbit-2 {
	position: relative;
	width: var(--orbit-2-size);
	height: var(--orbit-2-size);
	transition: all 700ms;

}

.orbit-2-planet {
	position: relative;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 100%;
	animation: rotate 30s linear infinite;
}

.orbit-2-planet>.planet {
	background-color: #fff;
	position: absolute;
	width: var(--planet-2-size);
	aspect-ratio: 1;
	border-radius: 100%;
	animation: maintain 30s linear infinite;
	top: calc(-1 * var(--planet-2-size) / 2);
	left: calc(var(--orbit-2-size)/ 2 - var(--planet-2-size) / 2 - 5px)
}

/* Planet 3 */
.orbit-3 {
	position: relative;
	width: var(--orbit-3-size);
	height: var(--orbit-3-size);
	transition: all 700ms;

}

.orbit-3-planet {
	position: relative;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 1px solid #656565;
	border-radius: 100%;
	animation: opp-rotate 60s ease-in-out infinite;
}

.orbit-3-planet>.planet {
	background-color: #013f51d6;
	position: absolute;
	width: var(--planet-3-size);
	aspect-ratio: 1;
	border-radius: 100%;
	animation: opp-maintain 30s ease-in-out infinite;
	top: calc(-1 * var(--planet-3-size) / 2);
	left: calc(var(--orbit-3-size)/ 2 - var(--planet-3-size) / 2 - 5px)
}



/* Planet 4 */
.orbit-4 {
	position: relative;
	width: var(--orbit-4-size);
	height: var(--orbit-4-size);
	transition: all 700ms;

}

.orbit-4-planet {
	position: relative;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 1px solid #656565;
	border-radius: 100%;
	animation: opp-rotate 20s linear infinite;
}

.orbit-4-planet>.planet {
	background-color: #013f51d6;
	position: absolute;
	width: var(--planet-4-size);
	aspect-ratio: 1;
	border-radius: 100%;
	animation: opp-maintain 20s ease-in-out infinite;
	top: calc(-1 * var(--planet-4-size) / 2);
	left: calc(var(--orbit-4-size)/ 2 - var(--planet-4-size) / 2 - 5px)
}
@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes opp-rotate {
	0% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(0);
	}
}

@keyframes opp-maintain {
	0% {
		transform: rotate(-360deg);
	}

	100% {
		transform: rotate(0);
	}
}

@keyframes maintain {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(-360deg);
	}
}


@keyframes rotate-text {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
	
}


ul.nav-icons { width:100%; display:block;  padding: 0;}
ul.nav-icons li { float:left;font-size: 12px;display: inline-block;padding: 7px 10px }
ul.nav-icons li a { text-decoration:none;  color:#4A7C91; position: relative;}
.icon-document-edit:before, .icon-download2:before, .icon-bookmark:before, .icon-magnifier:before { position: absolute; left: -5px; top: -2px; font-size: 18px;}
ul.nav-icons li a:hover { color: #C41E3D;}
ul.nav-icons li span {padding:0 10px; font-size:12px }
ul.nav-icons li:last-child { border:none}
ul.nav-icons li i { 
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
}
		

		@keyframes fade-in-text {
			0%{
				opacity: 0;
			}
			100%{
				opacity: 1;
			}
			
		}
		@keyframes a-ltr-before{
			0% {transform: translateX(-30%)}
			100% {transform: translateX(0%)}
		}
		
		@keyframes a-ltr-beforee{
			0% {transform: translateY(100%)}
			100% {transform: translateY(10%);opacity:1}
		}
		@keyframes beforee{
			0% {transform: translateX(-30%)}
			100% {transform: translateX(0%)}
		}

.inner-container {
    width: 100%;
    max-width: 1088px;
    margin: 0 auto;
	padding-right: 15px;
    padding-left: 15px;
}	

.Main-Page-Content a {
	text-decoration: underline; font-weight: 500;
	position: relative;
    }
a {
    text-decoration: none;
    color: #006980;
}

a:hover {
    text-decoration: none;
    color: #4C4C4C;
}

.home-page-text-content
{
	color: #202B65;
}
.Key-features-boxholder
{
	border: 2px solid #30396F;
	text-align: center;
	padding: 15px;
	color: #30396F;
}
.Key-features-text-numbers {
    font-size: 30px;
    color: #202B65;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 1.4;
    margin-top: 15px;
}
.cover-section a
{
	text-decoration: none;
}
.footer-copyright-center a
{
	color: #202B65;
}
.Main-Page-Content
{
}
.home-key-features a
{
	color: #202B65;
}
.home-key-features 
{
	margin-left: -5px;
}
.fin-tbl a
{
	color: #202B65;
}
.activeNav
{
/*	font-weight: 900;*/
}
.fin-tbl sup
{
	/*vertical-align: middle;*/
}
.fincaption sup,.tab-content sup
{
	vertical-align: middle;
}
.list-com-page
{
	margin-left: 15px!important;
}
.key-feature-sized-text
{
	font-size: 1.4em;
}
#utility {
    margin-bottom: -30px;
    float: left;
    width: 100%;
   background: #C3203E; 
}
.videoWrapper
{
	width: 100%;
    overflow: hidden;
}
#html5_video_sokj1dt99qs
{
	width: 100%;	
}
.kumbatext-key-home {
    font-size: 20px;
}

.key-feature-sized-text-home {
    font-size: 1.1em;
}


.key-feature-sized-text-home .key-figrs {
    font-size: 25px;
}
#toolbar
{
	z-index: 999;
}




/*=FONTS
--------*/


/* header styles */
.headerFixed {
    position: fixed;
    z-index: 5;
    background-color: white;
    width: 100%;
}

/*.slide-in-blurred-top{-webkit-animation:slide-in-blurred-top .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-top .6s cubic-bezier(.23,1.000,.32,1.000) both}
.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}*/

.body-wrapper  .container
{
	max-width: 1240px;
}
.head-txt {
    color: #A4CE4C;
    font-size: 26px;
    float: right;
    /*margin-left: 20%;*/
    margin-top: 38px;
	padding-right: 16px;
    line-height: 1.2;
    font-weight: bold;
	max-width: 313px;
	width: 100%;
	width: -moz-calc(100% - 136px);
    width: -webkit-calc(100% - 136px);
    width: calc(100% - 136px);
	
	
}
#utility
{
	position: relative;
}
.body-wrapper
{
	width: 100%;
	overflow: hidden;
}
.head-txt-two
{
	color: #fff;
	text-align:right;
	font-size: 14px; 
	max-width: 100%;
	position: relative;
	line-height: 1.4;
}

/*
   .head-txt-two span{
    position: relative;
    overflow: hidden;
    display: block;
    line-height: 1.4;
	color: #fff;
 
}*/

/*.head-txt-two span:nth-of-type(1){    animation-delay: 1s;  animation: a-ltr-before 2s ease-in-out forwards;}


.head-txt-two span:nth-of-type(2){animation-delay: 1.5s;  animation: a-ltr-after 2s ease-in-out forwards;}

    
 .head-txt-two span:nth-of-type(3){    animation-delay: 2s;  animation: a-ltr-afterr 2s ease-in-out forwards;}
   

.head-txt-two span:nth-of-type(4){    animation-delay: 2s;  animation: a-ltr-afterrr 2s ease-in-out forwards;}*/
 
     @keyframes a-ltr-afterrr{
    0% {transform: translateX(-90%);}
    100% {transform: translateX(-0%)}
}
         
    
    
    @keyframes a-ltr-afterr{
    0% {transform: translateX(-100%);}
    100% {transform: translateX(-0%)}
}
      
@keyframes a-ltr-after{
    0% {transform: translateX(-150%);}
    100% {transform: translateX(-0%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(-200%)}
    100% {transform: translateX(0%)}
}


.high-lights
{
	width: 100%;
	margin-top: 115px;
}
.nav-bar-lined-top
{
	padding-bottom: 0px;
}

.nav-bar-lined-bot
{
    padding: 1.5em 1em;
	border-top: 1px solid #707070;
	margin-top: 1em;
	margin-bottom: 20px;
}
.collapsing{transition:none}
.brand
{
	float: left;margin-top: 15px;
	
}
.cube {
    background-color: none;
    margin-left: 15px;
    height: 100%;
	height: -moz-calc(100% - 15px);
    height: -webkit-calc(100% - 15px);
    height: calc(100% - 15px);
	border: 1px solid #E1E2E3;
}
.iner-bg-home-block-box-text
{
	color: #000000;
	font-weight: bold;
	text-align: center;
	min-height: 70px;
	padding-top: 10px;
}
.iner-bg-home-block-box-number
{
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #487E8A;
}
.iner-bg-home-block-box-number span
{
	font-size: 15px;
}
.iner-bg-home-block-box-number-small
{
	
	background: #98AFB8;
	padding: 0px;
    color: #fff;
    margin-bottom: 15px;
}
.highlights-bg {
   
    width: 100%;
    float: left;
}
.highlights-bg img
{
	width: 100%;
}
.iner-bg-home-block
{
	background-color: #EBEEF0;
	border: 1px solid#E1E2E3;
	margin: 5px;
	text-align: center;
	margin-bottom: 20px;
}
.highlights-btn
{
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	position: relative;
	float: left;
    margin-left: 0px;
    margin-bottom: 30px;
	color: #487E8A;
	   -webkit-transition: all 1s  ease-in-out;
    -moz-transition: all 1s  ease-in-out;
    -ms-transition: all 1s  ease-in-out;
    -o-transition: all 1s  ease-in-out;
}

.highlights-btn:before {
    content: "\e93c";
    position: relative;
    left: -5px;
    top: 3px;
    font-size: 20px;
    font-family: 'Linearicons';
    color: #D66c45;
    width: 50px;
    height: 50px;
    font-weight: 400;
	
	   -webkit-transition: all 1s  ease-in-out;
    -moz-transition: all 1s  ease-in-out;
    -ms-transition: all 1s  ease-in-out;
    -o-transition: all 1s  ease-in-out;
}
.highlights-btn:hover{
	font-weight: 100;
	color: #487E8A;
}

.highlights-btn:hover:before{
left: 0px;
}
.high-pad{
	
	padding-top: 10%;
}

/*h4{
	font-weight:500;
	color: #007DB5;
}*/
.cube-blue {
    background-color: none;
    margin-left: 15px;
    height: 100%;
	height: -moz-calc(100% - 15px);
    height: -webkit-calc(100% - 15px);
    height: calc(100% - 15px);
	border: 1px solid #E1E2E3;
	transform: rotate(45deg);
    width: 268px;
    height: 268px;  
}
.cube-blue img {
	
	transform: rotate(-45deg);
	margin-top: -47px;
    margin-left: -47px;
	width: 100%;
}

.iner-bg-home-img
{
	
	border: 1px solid#E1E2E3;
	margin: 5px;
	text-align: center;
	margin-bottom: 20px;
}
.img-width img{width:100%; position: relative;
    z-index: 1; }


.footer-copyright
{
	text-align: left;
	position: relative;
	margin-top: 20px;
}
.footer-copyright span
{
	font-weight: bold;
}
.footer-bg-img
{
	position: relative;
   /* padding: 30px;*/
	padding-bottom: 0;
    background: url(../images/cover-footer.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-info-blocked-centered
{
	    line-height: 1.2;
   /* font-weight: bold;
	text-align: center;*/
	
	text-align: right;
    margin-bottom: 15px;
    font-size: 15px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
	color: #202B65;
}

.footer-img{float:left;margin-top: -10px;}

.footer-btn-blocked
{
	position: relative;
    padding-bottom: 15px;
    padding-top: 5px;
    min-height: 70px;
    background: #00697F;
    width: 100%;
    bottom: 0;
    z-index: 2;

	
}


.footer-btn-blocked p
{
	margin-bottom: 0;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    color: #fff;
	
}


.footer-btn-prev
{
	display: inline-block;
	position: relative;
	float: left;
	cursor: pointer;
	padding-left:66px;
	-webkit-transition: all 1s  ease-in-out;
	-moz-transition: all 1s  ease-in-out;
	-ms-transition: all 1s  ease-in-out;
	-o-transition: all 1s  ease-in-out;
	font-size: 15px;
}

.footer-btn-prev p
{
	margin-bottom: 0;
	font-weight: 300;
	color: #3B2A25;
	line-height: 1.4;
	text-align: left;
}

.footer-btn-prev p span
{
	font-weight: 500;
	color: #C31F3D;

}

.footer-btn-prev:before {
	
	content: url(../images/arrow-lft.png);
    position: absolute;
    left: 2px;
    top: -16px;
    font-size: 20px;
	border: 2px solid #000;
    background: #00697F;
    opacity: 0.7;
    border-radius: 50%;
    font-family: 'icomoon';
    color: #3E3E3E;
    width: 50px;
    height: 50px;
    font-weight: 400;
	padding-top: 11px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.footer-btn-prev:hover:before
{
	 left: -12px;
	background: #fff;
}

.bdr-ftr{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.footer-btn-nxt
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	float: right;
	color: #C31F3D;
	padding-right:66px;
	-webkit-transition: all 1s  ease-in-out;
	-moz-transition: all 1s  ease-in-out;
	-ms-transition: all 1s  ease-in-out;
	-o-transition: all 1s  ease-in-out;
	font-size: 15px;
}

.footer-btn-nxt p
{
	margin-bottom: 0;
	font-weight: 300;
	color: #3B2A25;
	line-height: 1.4;
	text-align: right;
}

.footer-btn-nxt p span
{
	font-weight: 500;
	color: #C31F3D;

}

.footer-btn-nxt:before {
	content: url(../images/arrow-right-rgt.png);
    position: absolute;
    right: -5px;
    top: -16px;
    font-size: 20px;
	border: 2px solid #000;
	background: #00697F;
	opacity: 0.7;
	border-radius: 50%;
    font-family: 'icomoon';
    color: #3E3E3E;
    width: 50px;
    height: 50px;
    font-weight: 400;
	padding-top: 11px;
    -webkit-transition: all 1s  ease-in-out;
    -moz-transition: all 1s  ease-in-out;
    -ms-transition: all 1s  ease-in-out;
    -o-transition: all 1s  ease-in-out;
}
.footer-btn-nxt:hover{
	font-weight: 100;
	
}

.footer-copyright-center{
	padding-top: 10px;
}

.footer-btn-prev:hover{
	font-weight: 100;

}
.footer-btn-nxt:hover:before
{
	 right: -12px;
	background: #fff;
}
.footer-bg-img-overlay
{
	position: absolute;
    background: rgba(255,255,255,0.4);
    height: 34%;
    width: 100%;
	
}
.footer-bg-img-overlay-left
{
	position: absolute;
    background: rgba(255,255,255,0.4);
    height: 100%;
    width: 100%;
}
.footer-bg-img-overlay-right
{
	position: absolute;
    background: rgba(255,255,255,0.4);
    height: 100%;
    width: 100%;
}
.footer-bg-img-overlay-blue
{
	/* position: absolute; */
	background: rgba(72, 126, 138,0.7);
	/* height: 50%; */
	width: 100%;
	left: 0;
	padding-bottom: 68px;
	padding-top: 68px;
}

.footer-info-blocked
{
	margin-bottom: 30px;
}
.brand img
{
	width: 100%;
	max-width: 243px;
	margin: 22px 0px 0px 0px;
}
.navbar
{
	background: #fff;
	padding: 0;
}

.headergrad {
      background-image: linear-gradient(to right, #fff 40%, #4A7C91 60%);
}


#header {
	position: relative;
    padding: 0;
	margin: 0;
	border-top:  1px solid #E1E2E3;
	/*min-height:170px*/
}



#header .container-fluid .col-lg-6 .pl-lg-2 .row p {
    font-family: Arial, sans-serif;
    /*font-weight: bold;*/
    color: #263878;
    margin-bottom: -5px;
}

#header .container-fluid .col-lg-6 .pl-lg-2 .row h3 {
    font-weight: 300;
    color: #263878;
}

#header .container-fluid .col-lg-6 .pl-lg-2 .row h3 span {
    font-weight: bold;
    color: #263878;
}

#header .container-fluid .row .col-lg-6 .col-md-2 img {
    height: 95px;
    width: auto;
    margin-top: 5px;
}

#header .container-fluid .row .col-lg-6 .col-md-10 h3 {
    font-family: justLovelySlantedWide, sans-serif;
    color: #00000099;
    font-size: 45px;
    line-height: 0.8;
    margin-right: 25px;
}

#header .container-fluid .row .col-lg-6 .col-md-10 h3 span{
    color: #6cadde;
}
.downld-btn-text span
{
	    font-weight: 600;
}



/*=NAVIGATION
------------*/

a.menu-link {display:none;text-decoration:none;float:left;padding:1em 0 .75em 1em;}
a.menu-link i, a.menu-link b {color:#ffffff;font-size:1.5em;}
a.menu-link b {padding-left:.5em;font-weight:normal;}

/* general ul style */
.menu {margin:0 auto;}
.menu li.menu-tab a {}
.menu > ul {position:relative;z-index:99;top:0;padding: 0;margin-bottom:0px;}

/* first level ul style */
.menu ul li {list-style: none}
.menu ul li a {display:block;text-decoration:none;}
.menu > ul > li {text-align:center;float:left;}

.menu > ul > li:nth-child(7) a {padding-right:0}
.menu > ul > li > a {position:relative;padding: 17px 15px;font-size: 14px;color: #006980;line-height: 1.4;box-sizing: border-box;font-weight: 500;}
.menu ul li li {margin-left:0;font-size:15px;background:transparent !important;text-transform:none;font-weight:normal;text-align:left;border-bottom:1px solid #006980;padding: 10px 5px;}

   
.menu ul > li:hover {color:#0768A0;}

.menu > ul > li > a:hover {color:#C31F3D;}
.menu li a i {position:absolute;left:-9999px;} /*Move Home label*/
.menu a.category:after {content:'';speak: none;color: #0768A0;padding:.5em;font-weight:bold;border-right: 1px solid #C31F3D; padding-left: 10px;}

.menu a.home:after {content:'';speak: none;color: #0768A0;padding:.5em;font-weight:bold;border-right: 1px solid #C31F3D; padding-left: 20px;}

.menu li.home a:nth-of-type(1):after {
    content: '\e601';
	color:#1B99D6;
    font-family: 'icomoon';
    speak: none;
    font-size: 23px;
}

.main.home {
    margin-top: 2px;
}

	
.menu li.menu-tab a:active {color: #fff;font-weight: 500;}
.menu li.menu-tab a:hover {color: #C31F3D;}

.menu li.menu-tab a:hover .menu a.category:after {color: #C31F3D;}

/* sub-menu */
.menu .menu-sub {margin-top: 0px;display:none;position:absolute;left: -1px;background: #ECEDED;width: 100%; width: -moz-calc(100% + 2px); width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);min-height: 175px;margin-bottom: 6px;box-shadow: 0px 12px 9px -12px #707070;} 

/*.menu .menu-sub:before{ content: '';
    position: absolute;
    width: 410px;
    height: 100%;
    background: #ffffff;
    left: -380px;
    top: 0;
    box-shadow: 0px 12px 9px -12px #707070;}
	
	.menu .menu-sub:after{ content: '';
    position: absolute;
    width: 410px;
    height: 100%;
    background: #ffffff;
    right: -380px;
    top: 0;
    box-shadow: 0px 12px 9px -12px #707070;}
	*/
	
	

.last-tool-bar-link
{
	padding-bottom: 44px !important;
}
	
.menu ul li:hover > .menu-sub {display:block;}
.menu .menu-sub-inner{padding-bottom:30px;margin-top: 0px;}
.menu .menu-sub-inner ul {margin:0;padding:0;padding-left: 20px;margin-bottom: 50px;}
.menu .menu-sub-inner > div {width:50%;float:left;text-align:left;padding-left:1.5%;padding-right:1.5%;margin-top:1.5em;}
.menu .menu-sub-inner > div a {position: relative;color:#4D4D4F;font-weight: 400;line-height:1.6; padding:.25em 0;background:transparent;padding-left:10px;font-size:15px !important; transition: .8s ease-in-out;}




.menu .menu-sub-inner > div a:hover {color:#C31F3D;background-color:transparent;font-weight: 400; padding-left:20px; transition: .8s ease-in-out;}
.menu .menu-sub-inner > div a:hover:before {content: ''; position: absolute; background:url(../images/menu-icon.svg) no-repeat; left: -30px; top: -3px; width: 70px;  height: 70px; background-size: 60%; transition: .8s ease-in-out;}

/*.menu .menu-sub-inner li {position:relative;margin-left:0;font-size:15px;background:transparent !important;border-bottom:1px solid #006980;margin-bottom: 10px;}*/


.menu .menu-sub-inner li:hover{position:relative;margin-left:0;font-size:15px;background:transparent !important; transition: .8s ease-in-out;}


.menu .menu-sub-inner li:after {/*content:'';position:absolute;left:0;top: 8px;width: 8px;height: 8px;background:#007DB5;transform: rotate(45deg);*/}
.menu .menu-sub-inner a {position:relative; border:none !important}


body#one.menu .menu-sub-inner ul li a.tab1, body#two .menu .menu-sub-inner ul li a.tab2, body#three.menu .menu-sub-inner ul li a.tab3, body#four.menu .menu-sub-inner ul li a.tab4, body#five.menu .menu-sub-inner ul li a.tab5, body#six.menu .menu-sub-inner ul li a.tab6, body#seven.menu .menu-sub-inner ul li a.tab7 { font-weight: 100 }

/*.menu .menu-sub-inner ul li a:after { font-weight: 100 !important;   color:#fff; content: '\e944';  font-size: 15px; position: absolute; left: -24px;  font-family: 'icomoon'; top: 0px; }

.menu .menu-sub-inner ul li a:before { content: ''; position: absolute; left: -31px; top: -4px; background: #C31F3D; width: 30px; height: 30px; border-radius: 50%;}
*/

body#five #menu .menu-sub .menu-sub-inner ul li a:after { display:none;}
/*body#five #menu .menu-sub .menu-sub-inner ul li a { font-weight:100;}*/


#Menu-Open
{
	position: relative;
	padding-right: 42px;
	font-weight: bold;
	cursor: pointer;
	
	-webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -o-transition: .3s all linear;
    transition: .3s all linear;
}
#Menu-Open:before
{
	position: absolute;
    right: 0px;
    top: -9px;
    font-size: 37px;
    font-family: 'Linearicons';
    color: #487E8A;
    content: "\e92b";
    width: 50px;
    height: 50px;
	font-weight: 100;
	
	
	-webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -o-transition: .3s all linear;
    transition: .3s all linear;
}#Menu-Open.active
{
	color: #D66c45;
}
#Menu-Open.active:before
{
	position: absolute;
    right: 10px;
    top: 0px;
    font-size: 20px;
	font-family: 'Linearicons';
	 color: #D66c45;
	content: "\e935";
    width: 50px;
    height: 50px;
	font-weight: 100;
	
	-webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -o-transition: .3s all linear;
    transition: .3s all linear;
}
/*.navigationMenu
{
	display: none;
}*/
.navigationMenu.active
{
	display: block;
}


a:hover
{
	text-decoration: none;
}
.nav-menu-bar-bg {
    background: #ECEDED;
    width: 100%;
    box-shadow: 0px 12px 9px -12px #707070;
    border-bottom: 1px solid #9F948A;
}

.activeNav {
	    color: #C31F3D !important;

}
.activeNav:hover {
	color: #C41E3D!important;

}
.long-link-menu
{
	min-width: 240px;
}


footer {
    background: #fff;
    color: #000;
    text-align: center;
    float: left;
    width: 100%;
}
section
{
	float: left;
	width: 100%;
}


.wrapper-lower-button{width:100%; background-color:#DBEAF3;margin: 50px 10px 0px 0px ;padding: 25px 15px 25px 15px;}
.home-drkblue-border{border-bottom: 2px solid #202B65}
.wrapper-lower-button a{ color: #202B65}
.com-fin-downloads {
	width: 95%;
	display: inline-block;
	height: 50px;
	background-color: #DBEAF3;
	border: 1px solid #202B65;
	padding-top: 5px;
    font-size: 25px;
	font-weight: 100;
	text-align:center;
	margin-left: 7px;
	margin-bottom: 20px;
	position: relative;
	
		webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} 
.com-fin-downloads:hover
{
	background: #fff;
}


.logo-scrolled {
	display: none;
    width: 100px;
    float: left;
    margin-top: 20px;
	left: 1%;
	position: fixed;
		webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.nav-menu-bar-bg-fixed .logo-scrolled
{
	display: block;
}

.logo-scrolled img
{
	width: 100%;
}
/*Content style*/

.sustainable-hm-section{border-bottom:2px solid #202B65; }

.sustainable-hm-section P,.improving-ppl-section p
{
	margin-bottom: 5px;
	font-size: 20px;
}
.improving-ppl-section-two h1,.improving-ppl-section-four h1 {
    margin-top: 15px;
	margin-bottom: 15px;
}
.sustainable-hm-section-three p,.improving-ppl-section-three p,.sustainable-hm-section-four p
{
	 margin-top: 10px;
}
.improving-ppl-section{border-bottom:2px solid #202B65;}

.sustainable-hm-section-two{border-bottom:2px solid #202B65;padding-top: 10px;}
.improving-ppl-section-two{border-bottom:2px solid #202B65; padding-top: 15px;}

.improving-ppl-section-three{border-bottom:2px solid #202B65;}

.sustainable-hm-section-three{border-bottom:2px solid #202B65;}

.continued-section{border-bottom:2px solid #202B65;margin-bottom: 15px; margin-top: 30px;} 
.home-boxlined
{
	border-bottom:2px solid #202B65;
}

.com-fin-downloads:before {
    content: "\e944";
    position: absolute;
    right: 8%;
    top: 5px;
    font-size: 25px;
    font-family: 'icomoon';
    color: #016694;
    width: 50px;
    height: 50px;
    font-weight: 400;
    -webkit-transition: all 1s  ease-in-out;
    -moz-transition: all 1s  ease-in-out;
    -ms-transition: all 1s  ease-in-out;
    -o-transition: all 1s  ease-in-out;
}

.com-fin-downloads:hover:before
{
	right: 4%;
}
.home-text-header-light
{
	font-size: 25px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.home-youtube-video img
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.continued-section p
{
	font-size: 20px;
	color: #1F848F;
	margin-bottom: 5px;
}
.nav-menu-bar-bg-fixed
{
	position: fixed;
    top: -8px;
	z-index: 9999999;
}
.dropdown-menu {
    top: 90%;
	left: -100%;
	min-width: 21rem;
	border-radius: 0.0rem;
	border: 1px solid rgba(0, 0, 0, 0.0);
	background-color:#487E8A;

}

.dropdown-item:before
{
	content:"\e93c";
	position:relative;
	left: -4px;
	top: 5px;
    font-size: 20px;
    font-family: 'Linearicons';
    color: #D66c45;
    width: 50px;
    height: 50px;
    font-weight: 400;
}
.dropdown-item:hover:before{
	content:"\e93c";
	position:relative;
	left: -4px;
	top: 5px;
    font-size: 20px;
    font-family: 'Linearicons';
    color: #FFF;
    width: 50px;
    height: 50px;
    font-weight: 400;
}

#header nav div ul li:hover .dropdown-item {
    
   /* background: #6D98A2;*/
}

.dropdown-item:hover, .dropdown-item:focus {
    /*color: #6D98A2;*/
}



 /*Footer styles*/

.footer-nxt-lft { position:relative; float:left; transition: .8s ease-in-out;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #ED1C24;}	
.footer-nxt-rgt {  position:relative; float:right; transition: .8s ease-in-out;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #ED1C24;}
		
	
.footer-nxt-rgt a{ display:block; position:relative; right: 34%; top: 50%; transform: translate(50%, -50%);  background: #C31F3D; width: 40px; height: 40px; border-radius: 50%;}
.footer-nxt-lft a{ display:block; position:relative; left: 50%; top: 50%; transform: translate(-50%, -50%);  background: #C31F3D; width: 40px; height: 40px; border-radius: 50%;}
		
		
.footer-nxt-rgt a:after{content: '\e944';font-family: 'icomoon';speak: none;right: 50%; position: absolute;color: #fff;transition: all .5s ease;top: 50%; transform: translate(50%, -50%)}	
.footer-nxt-lft a:after{content: '\e943';font-family: 'icomoon';speak: none;left: 50%; position: absolute;color: #fff;transition: all .5s ease;top: 50%; transform: translate(-50%, -50%)}	
		
.footer-nxt-rgt a:hover:after{right:10px;transition: 0.8s ease-in-out; color:#000}
.footer-nxt-lft a:hover:after{left:10px;transition: 0.8s ease-in-out; color:#000}
	
.container { max-width: 1240px;}
	
	
		
.switch-red{color:#ED1C24; }		
.botom-blck{background-color: #000;min-height: 40px;}
.circle-ftr-red{width: 200px;border-radius: 50%;color:#ED1C24; }


@media only screen and (max-width:1450px){
	.nav-menu-bar-bg-fixed .logo-scrolled {
		display: none;
	}
}


@media only screen and (max-width:1330px) {
	.menu > ul > li > a {
    padding: 17px 13px;
    
}
	#toolbar {
    top: 0px;
    right: 0;
		width: 32px;
}
	.menubar-holder-box
	{
		margin-right: 40px;
	}
	
	

	
	
}
@media screen and (max-width: 880px)
{
	.logo-scrolled
	{
		display: none;
	}
	.nav-menu-bar-bg-fixed .logo-scrolled
	{
		display: none;
	}
}
@media screen and (max-width: 800px)
{
	#toolbar li a:link, #toolbar li a:visited {height: 60px;}
	.menu ul {
    margin-top: 30px;
}.page-name-bread {
    margin-top: 0px;
}
	#toolbar li a {
    height: 60px;
    
}
#toolbar {
    position: relative;
    top: 0;
    right: 0;
    border: none;
    float: right;
    width: 230px;
}
	.menubar-holder-box
	{
		margin-right: 0px; 
	}
}



@media only screen and (max-width:1130px) {

	.menu > ul > li > a {padding: 25px 3px;}
	
}

@media only screen and (max-width:1230px) {
	
.menu > ul > li > a {padding: 15px 5px;font-size: 14px;}

	.head-txt{margin-top: 32px;}	
}

@media only screen and (max-width:1200px) {
#header nav ul li a {
    font-size: 10px;
	
}
	
	.downld-btn-text img {
    margin-bottom: 25px;
}
	
	
}

@media only screen and (max-width:1164px) {
	.menu > ul > li > a {font-size: 13px;}
	.menu a.category:after {
    
    padding-left: 8px;
}
	}

@media only screen and (max-width:1100px) {

.menu a.home {}
.menu > ul > li > a {padding: 25px 3px;}

.menu .menu-sub-inner ul { margin-bottom: 20px;}
.menu .menu-sub:before {height: 503px;}
.menu .menu-sub:after {height: 503px;}

	    
}
@media only screen and (max-width:1035px) {
	.menu > ul > li > a {font-size: 12px;}
	}

@media only screen and (max-width:1072px) {

	
	.head-txt{
    width: 100% !important;
    float: left;
}
}


@media only screen and (max-width: 991px) {
	
	.navbar-nav .dropdown-menu{
		left:0!important;
	}
	
	.overlayText{
		top:45%!important;
	}
	
	
	.head-txt{margin-top:8px;width:100% !important;
    
    }
	
	.navbar-collapse {
    background: none;
    padding: 0;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
		padding-bottom: 100px;
}
	
.high-lights {
    
    margin-top: 0px;
   
}
 .footer-bg-img-overlay {
   
     height: 0%; 
   
}	
	.menu > ul > li > a {padding: 25px 6px;}
	
	
	.footer-btn-blocked p {font-size: 12px;}
	
	.menu-padding-reset{padding:0 !important}
	
	.menu .menu-sub:before {display:none;}
	.menu .menu-sub:after {display:none;}

	.menu a.category:after {
		content: '\e93a';
		font-family: 'icomoon';
		speak: none;
		color: #0768A0;
		padding: 0.5em;
		font-weight: bold;
		border-right: none;
	}

	.menu a.home:after {
		content: '';
		speak: none;
		color: #0768A0;
		padding: 0.5em;
		font-weight: bold;
		border-right: none;
		padding-left: 20px;
	}

	ul.nav-icons li {
		float:left;
		font-size: 12px;
		display: inline-block;
		padding: 7px 6px;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.overlayText{
		top:44%!important;
	}
	
	/*.menu a.home {
    display: none;
}*/
	
}


@media only screen and (max-width: 768px) {
	
	.head-txt{margin-right: -4px;}
}


@media only screen and (max-width: 746px) {
.headerblock {
    overflow: initial;
}
	
.headerText span {
    
    top: 0px;
	}
}

@media only screen and (max-width: 760px) {
	
.menu > ul > li > a {padding: 25px 6px;}
.brand img {	
	width: 100%;
   	max-width: 220px;
    margin: 0 auto;
	display: block;
}
.brand {
    float: none;
    margin-bottom: 20px;
    margin-top: 15px;
    text-align: center;
}
.head-txt-two {
		text-align:center;
		font-size: 13px;
}
	
.head-txt{
	margin-top: 10px;
    text-align: center;
    max-width: 100%;
    margin-left: 0;
		    
}

.footer-info-blocked-centered{
	text-align: center;
	margin-top: 24px;
}  
	
.footer-img {
	/* float: left; */
	margin-top: -10px;
	float: none;
	display: block;
	margin: 0 auto;
}

}


	#Menu-Open {
    margin-right: 20px;
    margin-bottom: 15px;
}
	.navbar {
    background: none;
    padding: 0;
}
	#header nav ul li a {
    font-size: 13px;
    font-weight: 100;
}
	
.navbar-nav .dropdown-menu {
    position: absolute;
	float: none;
	top: 90%;
	min-width: 450px;
	left: -63%;
	width: 100%;
	padding-bottom: 20px;
}	
	
a.home-button{position: relative; padding: 10px; background: rgba(72, 126, 138,0.7); display: block;    transform: translate(0%, 382%);margin-bottom: -39px; }

.img-width{
position: relative;

}
.img-width:hover div.blueOverlay{


position: absolute;
top: 18%;
left: 18%;
z-index: 9999;
width: 64%;
height: 64%;
background: rgba(72, 126, 138,0.4);
transform: rotate(
45deg
);
transition-timing-function: ease-in;					
}


.overlayText{position: absolute;width: 86%;top: 41%;/* border-top-left-radius: 194px; *//* border-radius: 194px/36px; */border-bottom-left-radius: 194px;border-top-left-radius: 194px;border-bottom-right-radius: 194px;border-top-right-radius: 194px;/* clip-path: polygon(5% -41%, 62% -12%, 100% 57%, 80% 104%, -12% 100%); */left: 7%;z-index: 2;padding-bottom: 10px;text-align: center;background: rgba(72, 126, 138,0.7);font-size: 24px;/* background: rgba(72, 126, 138,0.8); */color: #ffff;font-weight: 600;}

.overlayText:before{
   content: "\e93c";
   position: relative;
   left: -4px;
   top: 5px;
   font-size: 32px;
   font-family: 'Linearicons';
   color: #D66c45;
   width: 50px;
   height: 50px;
   font-weight: 400;
   -webkit-transition: all 1s ease-in-out;
}

.img-width:hover .overlayText:before {
	left: 5px;
	
}

.img-width:hover .img-width img{
	
transform: scale(0.5);
transition: transform .25s ease;
	
}


@media screen and (max-width: 991px) {
	.milky-main-holder{display: none;}
	.round-text{display: none;}
	.bg-header-img{background-image: url(../images/header-img.png);}
#utility {margin-bottom:0px;}
.expandReduceBtns {visibility:hidden; display:none;}
a div.content-buttons {padding-left: 37px;}

a.menu-link {display:block;} /*Menu toggle button*/
#s1MainNav,#s2MainNav,#s3MainNav,#s4MainNav {position:relative; }
.mainClosed:after { content:'\e93a';font-family:'icomoon';speak: none; position: absolute; top: 0; right: 10px; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em;}
.mainOpen:after { content:'\e939';font-family:'icomoon';speak: none; position: absolute; top: 0; right: 10px; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em; }
.menu li #s1:target + div.menu-sub, .menu li #s2:target + div.menu-sub, .menu li #s3:target + div.menu-sub, .menu li #s4:target + div.menu-sub, .menu li #s5:target + div.menu-sub {display:block;padding-bottom:1em; }
.menu li #s1Alt:target + div.menu-sub, .menu li #s2Alt:target + div.menu-sub, .menu li #s3Alt:target + div.menu-sub, .menu li #s4Alt:target + div.menu-sub, .menu li #s5Alt:target + div.menu-sub {display:none;}
.tab1, .tab2, .tab3, .tab4, .tab5 {width:100%;}
.menu li.menu-tab a {padding:15px 10px;font-size: 13px!important;}
.menu li a i {position:relative;left:0;display:inline;font-style:normal;}
.menu a.home:after {content:' '} /*Don't show menu icons*/
.menu a.home {padding-left:.5em}
.menu {min-width:inherit;float:none;clear:both;}
.menu, .menu > ul ul {overflow:hidden;max-height:0;}
.menu > ul > li {float:none;display:inline-block;}
.menu .menu-sub {position:relative;width:100%;margin-left:0;}
.menu .menu-sub-inner > div {width:auto;float:none; margin-top:-15px;}
.menu .menu-sub-inner > li {position:inherit;}
.menu.active {max-height:155em;}
.menu ul {display:inline;text-align:left;}
.menu ul > li:hover {background:transparent}
.menu ul li:hover div.menu-sub {display:none;}

.menu > ul, .menu .menu-sub-inner {width:100%; padding-left:.5em;padding-bottom: 0px;}
.menu > ul > li {display:block;float:none;}
.menu > ul > li > a {display:block;text-align:left;padding:1em;margin-left:0;}
.menu > ul > li > a:hover {color:#C31F3D;}
.menu ul {padding-left:.5em;}

.menu ul li li {margin-bottom: 0px;padding: 5px 5px;}

.menu ul li li a {padding: 10px !important;}

.menu ul li li a {padding: 5px !important; padding-left: 45px !important; }

.menu .menu-sub-inner ul li a:after {left: -15px; top: 5px;}
.menu .menu-sub-inner > div a:hover:before{left: 0; top: 0; }

}


	@media only screen and (max-width: 610px) {
	.footer-btn-blocked p {
   
    font-size: 11px;
	
		}
		
		.head-txt {
    
    font-size: 22px;
		
		}
		
		.footer-btn-prev p, .footer-btn-nxt p {

    display: none;
}



#header {

    background-size: cover;
}






.menu, .menu > ul ul { overflow-y: scroll;overflow-x: hidden; height: 80vh; padding-bottom: 0px;}



		
		}
		
		@media screen and (max-width:575px){
		.footer-middle-block {display: block;}
		.bdr-ftr{border: none;}
	}
		
		
		
	@media screen and (max-width:500px){
		.col-sm-6 {  -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
		.footer-btn-blocked p {
			position: relative;
			transform: translate(-50%, 50%);
		}
	}
	
	

	
	@media only screen and (max-width: 475px) {
	.footer-middle-block{display:none}
	}
		
		
@media only screen and (max-width: 400px) {
.head-txt {
    float: left;
    margin-left: 15px;
    padding-right: 15px;
    line-height: 1.2;
    text-align: center;
    max-width: 100%;
    width: 100%;
    width: -moz-calc(100% - 1px);
    width: -webkit-calc(100% - 1px);
    width: calc(100% - 1px);
}
	.footer-btn-nxt span
	{

		display: none;
	}
	.footer-btn-prev span
	{
		display: none;
	}
}


@media screen and (max-width: 991px) {.tool-wrapper{margin-right:0}}

@media screen and (max-width: 800px) {

.scrollable {
	width: 100%;
    overflow: auto;
}
 .nav-menu-bar-bg-fixed {
    top: 29px;
    z-index: 9;
}
#header
	{
		background: #000;
	}
.nav-bar-scroled-topfixed #utility
	{
		position: fixed;
		top: 0;
		z-index: 9999;
	}
	
}		
@media only screen and (max-width: 764px) 
{
	.headerText { margin-top: 0px; display: block; text-align: center; line-height: .5;  margin-bottom: 20px;position: relative;}
								
}

@media screen and (max-width: 700px) {
.nav-bar-lined-bot {
    padding-bottom: 60px;
}

}

@media screen and (max-width: 500px) {.search-box .input.active {width: 125px;} tool-container.active {max-width: 320px;}}

	@media only screen and (max-width: 417px) 
		{
			.header-tools{ width: 100%; margin:0 auto}
			
		}

@media screen and (max-width: 400px) {
	
	.com-fin-downloads
	{
		font-size: 15px;
		padding-top: 12px;
	}
	.menu-link
	{
		/*margin-bottom: -70px;*/
	}
	

	
}


		
@media only screen and (max-width: 381px) {
		
.headerText {
    line-height: 1;

}
		
		
}

















