.switch-white{color:#fff!important}
.switch-darkgrey{color:#58595B!important}
h4.h-home{font-size: 30px;}
.top-block{background:#003C52!important; margin-top:.5em;min-height:550px}

.top-block main#container #gutter-frame {  background: none;  padding: 1.40em;}

.home-blocks{float:left;margin-right:8%;width:46%;padding:0;}

ul.home-inner-blocks{margin:0;padding:0;list-style-type:none}
ul.home-inner-blocks li{padding-left:0px;position:relative;color:#fff!important;font-size:16px;margin-bottom:.5em; text-align:justify}
ul.home-inner-blocks li:before{content:url(../images/number1.png);position:absolute;border-radius:50%;width: 64px;height: 64px;left: -75px;top: 0px;}

.number2:before{content:url(../images/number2.png) !important;}

.number3:before{content:url(../images/number3.png) !important;}

.number4:before{content:url(../images/number4.png) !important;}

.number5:before{content:url(../images/number5.png) !important;}

.number6:before{content:url(../images/number6.png) !important;}

.number7:before{content:url(../images/number7.png) !important;}

.bottom-bg{height:584px; background-image: url(../images/5.png);  box-shadow:inset 0 0 0 2000px rgba(0, 60, 82, 0.9);height: auto;}


.bottom-bg2{background:#fff; border-top:1px solid #003C52}



p.kg-par{position: relative;}
p.kg-par:before{content: url(../images/qoute2.svg); font-size: 100px; position: absolute; top: -128px; left: 0px; transform: rotateX(180deg);}
p.kg-par:after{content: url(../images/qoute1.svg) ; font-size: 100px; position: absolute; bottom: -80px; right: 53px;}
p.kg-button{display: inline-block; float: none; background: rgba(0, 60, 82, 0.9); border: solid 1px #fff;  color: #fff; margin: 53px auto; }
p.kg-button a{display: block; text-decoration:none; transition: 0.3s ease;  position:relative; padding: 19px 42px 19px 69px; font-size: 20px; color:#023E54;transition: all .5s linear;}
p.kg-button a:before{content: '\e93c'; font-family: 'icomoon'; position:absolute; top: 50%; transform: translateY(-50%); left: 28px; color: #E4002C;transition: all .5s linear;}
p.kg-button a:hover{color:#d51132;}
p.kg-button a:hover:before{left: 35px;transition: transition: all .5s linear;}

#but-1{color: #fff !important; background: #fff; border-color:#003C52; transform: translateX(100%); }

.arrow{line-height: 1.2}

.business-model:after{visibility: hidden;clear: both;display: block;content:'';height:0;position:relative}
.business-model{background: rgb(247,246,244);background: linear-gradient(85deg, rgba(247,246,244,1) 74%, rgba(255,255,255,0) 90%);margin-bottom: 20px;position:relative}
.business-model > div{width:40%;float:left;position:relative;margin-bottom:20px; box-sizing: border-box;padding:20px;padding-bottom: 0;}

.business-model > div p{color: #003C52;}
.business-model > div:nth-child(3){margin-right:0%;width: 159px;height: 159px;border-radius:50%;background:#003C52;  position: relative;}
.business-model > div:nth-child(3){color:#fff;font-weight:bold;text-align:center;font-size:20px;padding: 28px;}
.business-model > div:nth-child(3) img{    display: block;    margin: 0 auto;    transform: rotate(68deg);    position: relative;    bottom: 15px;}	
.business-model >  div.arrow:nth-child(3):before{    content:'';    display: block;    position: absolute;    bottom: -107px;    background:#d51132;    width: 3px;    /* left:30px; */    left: 75px;    right: 50px;   height: 107px;}
/*.business-model >  div:nth-child(2):before{content:'';    display: block;    position: absolute;    bottom: -99px;    background:#d51132;    width: 3px;    /* left:30px; */    left: 75px;    right: 50px;    height: 100px;}
table.salienftable{ background: #ebf0f5;}
	.scrollable{overflow-x: hidden!important;}
	@media screen and (max-width: 1030px)
		{
			#container {float: none; }
			#but-1 {transform: none }
			.home-blocks{width:94%;margin: 0 0 0 8%;}
			
		}



	@media screen and (max-width: 580px)
		{
			table.salienftable  tr td:nth-child(1){width:100%;display:block; }
			table.salienftable  tr td:nth-child(2){width:100%;display:block;}
			table.salienftable  tr {width:100%;display:block; }
			.salient-features > div{width:100%;margin-right:0px}
			.salient{padding:10px}
			
			.home-blocks {width: 86%; margin: 0 0 0 14%;}
			ul.home-inner-blocks li:before {left: -60px;}
						
		}	
		
	
@media screen and (max-width: 770px){div[style="width:40%;"] { width: 100%!important;float: none!important;}

.business-model > div.arrow:nth-child(3):before{ content:none; display:none}

}