/* This stylesheet generated by Transfonter (https://transfonter.org) on January 20, 2018 7:26 AM */

@font-face {
    font-family: 'Frutiger 55';
    src: url('../fonts/Frutiger-Black.eot');
    src: url('../fonts/Frutiger-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Frutiger-Black.woff2') format('woff2'),
        url('../fonts/Frutiger-Black.woff') format('woff'),
        url('../fonts/Frutiger-Black.ttf') format('truetype'),
        url('../fonts/Frutiger-Black.svg#Frutiger-Black') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger 55';
    src: url('../fonts/Frutiger-Roman.eot');
    src: url('../fonts/Frutiger-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Frutiger-Roman.woff2') format('woff2'),
        url('../fonts/Frutiger-Roman.woff') format('woff'),
        url('../fonts/Frutiger-Roman.ttf') format('truetype'),
        url('../fonts/Frutiger-Roman.svg#Frutiger-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_Gobold Regular';
	src: url('../fonts/Gobold Regular.eot');
	src: local('☺'), url('../fonts/Gobold Regular.woff') format('woff'), url('../fonts/Gobold Regular.ttf') format('truetype'), url('../fonts/Gobold Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body { color:#404040; background-color:#FFF;font-family: 'Frutiger 55';font-weight: normal; padding:0 !important;}
.container-fluid { padding:0px; }
.container-980 { width:1280px; margin:0 auto;position: relative;}
.row { margin:0px; padding:0px;}
.left-right-clr { padding:0px !important; }
.left-clr { padding-left:0px; }
.right-clr { padding-right:0px; }
a{ text-decoration:none !important; }
.white-bg { background-color:#FFF !important; }
.light-pink-bg { background-color:#fff9f5; }
.wow {visibility: hidden;}

.logo { padding: 4px 0px; }
.page-title { font-size:30px; color:#333333; line-height:36px; margin:0px;} 
.page-title span { color:#f33939; font-weight:700; }

#navigation-menu{
	position: fixed;
	top:16em;
	left:6.5em;
	bottom: auto;
	z-index: 9;
	text-shadow: none;
	font-size: 0.85em;
	z-index:9997;
	width:3px;
	height:315px;
	background-color:rgba(000,000,000,0.3);
	   /* background-color: #7f1612;*/
}

#navigation-menu ul{
	margin:0px; padding:0px; list-style-type:none;
	position:relative;
	margin-left: -14px;
	margin-top: 20px;
	
}

#navigation-menu li{
	margin: 3px;
	margin-bottom:25px;
}

#navigation-menu a{
	display: block;
	width:25px; height:25px;
	background-color:rgba(000,000,000,0.8);
	text-align:center;
	display:block;
	/*padding: 0.2em 0.6em;*/
	-moz-border-radius: 10px; -webkit-border-radius:15px; border-radius:15px;
	font-weight:700;
	padding-top: 3px;
	font-size:0px;
	transform: scale(0.7);
	 transition:all 0.5s ease;
	    /* background-color: #7f1612;*/
	
}

 #navigation-menu a.mPS2id-highlight{
	background: #eb2227;
	border:solid 2px #FFF;
	color: #fff;
	font-size:11px;
	transform: scale(1.2);
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
}

#header { position:fixed; width:100%; top:0px; background-color:#FFF;padding: 9px 0px; z-index: 9999; transition:all 0.5s ease; border-bottom:solid 1px #e4e4e4;}
#header.fixed { background-color:#FFF;}


#banner { height:524px; background-color:#013974; position:relative;margin-top: 110px;}
#banner:before { content:''; position:absolute; z-index:-1; width:100%; height:100%; background-image:url(http://updates.kotaksecurities.com/images/one-fourth-fiscal/landingpage/2017-18/volume4/images/stripe.png); background-repeat:repeat; left:0px; top:0px; transform:translate(20px,15px)}

.banner-text { padding-top:100px; padding-left:120px; }
.banner-text .bannertitle { margin:0px; padding:0px; font-size:72px; font-weight:700; color:#FFF;line-height: 38px;}
.banner-text .bannertitle span { display:block; font-size:22px;}
.banner-text .banneryear { margin:0px; padding:0px; display:inline-block; background-color:#FFF; padding:2px 24px;margin-top: 10px;  color:#ff1c23; font-weight:700; font-size:22px;}
.banner-text .bannersubtitle {font-family: 'Conv_Gobold Regular'; color:#FFF; font-size:50px; line-height:56px;margin-bottom:30px;}
.banner-text a { border:solid 1px #FFF; border:solid 1px #e4e4e4; color:#FFF; font-size:14px; font-weight:700; padding:10px 10px; text-transform:uppercase; transition:all 0.5s ease;}
.banner-text a:hover { background-color:#eb2227; padding:10px 15px;}


.home-page-content { }
.home-page-content .page-title { color:#eb2227; font-size:46px; font-weight:700; letter-spacing:-1px; margin-bottom: 24px;}
.home-page-content .page-subtitle {font-size:30px; margin:0px; padding:0px; line-height:35px;margin-bottom: 20px;}
.home-page-content p { font-size:17px; line-height:26px; }
.home-page-content a { border:solid 1px #e4e4e4; color:#FFF; font-size:14px; font-weight:700; padding:10px 10px; text-transform:uppercase;  }

#foreword { position:relative; height:580px; padding-top:80px;}
#foreword .man { position:absolute; bottom:0px; left:80px; }
#foreword a{ border:solid 1px #eb2227; color:#eb2227; margin-top:20px; display:inline-block; transition:all 0.5s ease;}
#foreword a:hover { background-color:#eb2227; color:#FFF; padding-left:15px; padding-right:15px; } 

#executive { height:576px;  position:relative;background-image:url(http://updates.kotaksecurities.com/images/one-fourth-fiscal/landingpage/2017-18/volume4/images/executive.jpg); background-repeat:no-repeat; background-position:center top;}
#executive .home-page-content {padding-top: 70px;  } 
#executive .home-page-content a { margin-top:20px; display:inline-block; transition:all 0.5s ease; }
#executive .home-page-content a:hover { background-color:#FFF; color:#eb2227; padding-left:15px; padding-right:15px; } 

.ex-pic {padding-top: 120px;
    padding-right:30px;
    text-align: right; position:relative;} 
#gone { position:relative; height:810px; padding-top:80px;}
#gone .boxs { width:100%; padding:30px; color:#FFF; min-height:380px; margin-top:50px; }
#gone .boxs h2 { font-size:22px; line-height:25px; margin-bottom:15px; font-weight:700;}
#gone .boxs p { font-size:17px; line-height:27px;}
#gone a {    border: solid 1px #eb2227;
    color: #eb2227;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 10px;
    text-transform: uppercase; display:inline-block; margin-top:20px; transition:all 0.5s ease;}
#gone a:hover { background-color:#eb2227; color:#FFF; padding-left:15px; padding-right:15px;}	


#budget { position:relative; background-color:#f5f5f5; text-align:center; }
#budget a {    border: solid 1px #eb2227;
    color: #eb2227;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 10px;
    text-transform: uppercase; display:inline-block; margin-top:20px; transition:all 0.5s ease;    position: absolute;bottom: 50px; left:0; right:0; margin:0 auto; width:111px;}
#budget a:hover { background-color:#eb2227; color:#FFF; padding-left:15px; padding-right:15px; width:122px;}	


#global-growth { padding-top:120px; height:500px; }
#global-growth .page-title { margin-bottom:0px; }
#global-growth .home-page-content h2 { margin-bottom:20px; }
#global-growth .cta a { border:solid 1px #eb2227; color:#eb2227; margin-top:20px; display:inline-block; width:180px; text-align:center; margin-right:5px; position:relative; transition:all 0.5s ease;}
#global-growth .cta a:hover { background-color:#eb2227; color:#FFF; padding-left:15px; padding-right:15px;}

.global-bt { background-color:#1e3c71; height:120px; margin-bottom:50px; transition:all 0.5s ease;}
.global-bt:hover { background-color:#eb2227; }
.global-bt:before { content:''; position:absolute; z-index:-1; width:90%; height:72%; background-image:url(http://updates.kotaksecurities.com/images/one-fourth-fiscal/landingpage/2017-18/volume4/images/stripe.png); background-repeat:repeat; left:0px; top:0px; transform:translate(20px,7px)}
.global-bt a { color:#FFF; font-size:16px; font-weight:700; display:block; padding:10px; height:100%; width:100%; overflow:hidden;position: relative;padding-top: 37px;}
.global-bt a span { position:relative; z-index:1; display:block;}
.global-bt a:before { content:''; position:absolute; width:150%; height:100%; background-color:rgba(255,255,255,0.1); left:0px; top:0px;transform: translate(-97.4px) rotate(-26.8deg);transform-origin: 70px 0px; transition:all 0.5s ease;}
.global-bt a:hover:before {transform: translate(-97.4px) rotate(0deg);}
 
 .social-media a { display:inline-table; border-radius:50px; width: 30px; height: 30px; padding-top: 4px; text-align:center;margin-right:5px; border:solid 1px #8e8e8e; color:#8e8e8e;}
.social-media a:hover { color:#FFF !important; border:solid 1px #FFF;}  
   
.white-color { color:#FFF !important; } 
.blue-color { color:#1e3c71 !important }
.pad-left-100 { padding-left:100px; }
.red-bg { background-color:#eb2227; }
.gery-bg{ background-color:#5e5e5e; }
.blue-bg { background-color:#1e3c71; }
.mar-top-100 { margin-top:100px !important; }
.pad-right-100 { margin-right:100px !important; }
.mar-top-10 { margin-top:10px !important; }
.mar-top-30 { margin-top:30px !important; }
.mar-top-20 { margin-top:20px !important; }
.mar-right-15 { margin-right:15px !important; }
.font-12 { font-size:12px !important; }
.pad-all-15 { padding:15px; }
.grey-bg { background-color:#EFEFEF; }

#footer { background-color:#464646; color:#8e8e8e; padding-top:12px; padding-bottom:12px; font-family:Arial, sans-serif; letter-spacing:1px; margin-top:30px;}
#footer a { color:#8e8e8e; }

.banner-testmasking { width:80%; height:80%; position:absolute; background-color:#013974; left:80px }
.masking2 { width:80%; height:100%; position:absolute; background-color:#f5f5f5; left:80px }
.masking3 { width:90%; height:100%; position:absolute; background-color:#f5f5f5; left:80px }

.table-style table { font-family:Arial, sans-serif; border:solid 1px #e4e4e4;}
.table-style table tr:nth-child(even) {background: #FFF;}
.table-style table tr:nth-child(odd) {background: #e4e4e4}
.table-style table tr th {padding:8px 5px; font-weight:700; background-color:#1e3c71; color:#FFF; padding-left:20px; border-right:solid 1px #FFF; font-size:18px;  }
.table-style table tr td { padding:8px 5px; font-size:14px; border-right:solid 1px #CCCCCC; padding-left:20px; }


#breadcrumb { margin-top:82px; margin-bottom:30px;     background-color: #f5f5f5;}
.breadcrumb>li { font-family:Arial, sans-serif }

.inner-page-title h1 {margin:0px; padding:0px; font-weight:700; color:#ea2525; font-size:40px;text-transform:uppercase; margin-bottom:30px;}
.inner-page-title h1 span { display:block; font-size:22px; font-weight:normal; color:#666;  text-transform:none;}

.inner-content h2 { margin:0px; padding:0px; font-size: 26px; color:#1e3c71; line-height:32px;  margin-bottom:15px;}
.inner-content h3 {margin:0px; padding:0px; font-weight:700; color:#ea2525; font-size:18px; text-transform:uppercase; margin-bottom:10px;}
.inner-content p,.inner-content ul li {font-family:Arial, sans-serif; font-size:17px; line-height:25px; margin-bottom:18px;}
.inner-content ul { margin:0px; padding:0px; list-style-type:none; }
.inner-content ul li { padding-right:30px; background-image:url(http://updates.kotaksecurities.com/images/one-fourth-fiscal/landingpage/2017-18/volume4/images/dots.jpg); background-repeat:no-repeat; background-position:left 6px; padding-left:20px; line-height: 22px;}


.boldred { color: #ea2525; }

#timeToRender {
		position:absolute; 
		top: 10px; 
		font-size: 20px; 
		font-weight: bold; 
		background-color: #d85757;
		padding: 0px 4px;
		color: #ffffff;
	}


.other-bt { position:absolute; right:110px; top:-10px; }
.other-bt a {    border: solid 1px #eb2227;
    color: #eb2227;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
	font-size:14px;
	display:inline-block;
	padding:10px 10px;
	border-radius:100px;
    font-family:Arial, sans-serif; transition:all 0.5s ease;}
	
	.other-bt a:hover { background-color:#eb2227; color:#FFF; padding-left:20px; padding-right:20px; }
	
.page-nav {
    padding: 5px 15px;
	padding-bottom:15px;
	margin-bottom:20px;
}
.backSection {
    position:absolute;
	right:20px;
	top:-10px;
}

.backLink {
    background: url(http://updates.kotaksecurities.com/images/one-fourth-fiscal/landingpage/2017-18/volume4/images/back-arrow.png) no-repeat;
    padding-left: 85px;
    height: 70px;
    display: block;
    color: #333;
    padding-top: 17px;
	font-weight:700;
	font-size:16px;
}

#breadcrumb .social-media { margin-top:8px; font-family:Arial, sans-serif}	
#breadcrumb .social-media a { background-color:#666; color:#FFF; font-size:12px; width: 25px; height: 25px; margin-right:3px}	
#breadcrumb .breadcrumb { margin-bottom:0px;padding-top: 12px; }

.name {margin:0px; padding:0px; font-weight:700; text-align:center; margin-top:15px; color:#ea2525; font-size:18px; text-transform:uppercase; margin-bottom:20px;}
.name span { font-weight:normal; color:#666; font-size:14px; text-transform:none; font-family:Arial, sans-serif}

.fin-table { margin-bottom:30px; margin-top:20px; }
.fin-table table tr th { background-color:transparent; }
.fin-table table tr td { width:20%; background-color:#f0f0f0; color:#013974; font-weight:700; font-size:18px; padding:10px 10px; border:solid 6px #FFF;}
.fin-table table tr td:nth-child(1) { background-color:transparent; width:15%; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* RESPONSIVE */

@media (min-width: 320px) and (max-width:480px) {
.container-980,#benefits .container-980,.container-980,#slideshare .container-980 .slidershare-container,#contact .container-980,#downloads-rerorts .container-980{ width:100%;}
.banner-text {padding-top: 7px;padding-left:0px; text-align:center; padding-top: 31px;}
.banner-text .banneryear {padding: 2px 6px;font-size: 20px;}
#banner {height: 324px;margin-top: 48px;}
#foreword { padding-top:30px; height:auto; padding-bottom:30px;}
#foreword .home-page-content { padding-top:20px; }
#executive { background-color:#ff1c23; background-image:none; height:auto; padding-bottom:20px;}
.man { position:relative !important; left: 0px !important; }
#executive .home-page-content {padding-top: 20px;}
#gone { height:auto; padding-bottom:20px; padding-top:20px; }
.pad-left-100 {padding-left: 10px; padding-right: 10px;}
#gone .boxs {margin-top: 16px;min-height: auto;}
.mar-top-100 { margin-top:15px !important; }
.img-res { width:100%; }
#global-growth { padding-top:30px; height:auto; padding-bottom:20px; }
#global-growth .cta a {font-size: 15px; width:166px; margin-bottom:20px;padding: 10px 6px; }
.global-bt {height: 75px;margin-bottom: 11px;}
.global-bt a {padding-top: 6px;line-height: 18px;}
.other-bt {right: 66px;top:-23px;}
.other-bt a { font-size:11px; }  
.button_container {top: 2%;right:4%;}

.logo {    display: inline-block;}
.logo img { width:48%; height:auto; padding-left:10px; }  
.overlay nav {top:250px;}
.overlay ul li { width:100%; float:none;}
.overlay ul li a {font-size: 22px;height: auto; line-height:23px;}
.overlay ul li a:after { display:none; }
.button_container { height:auto; }
#banner:before { display:none; }

#breadcrumb {margin-top: 51px;}
.table-style,.fin-table { width:100%; margin:0 auto; overflow:scroll; }
.breadcrumb { padding-left:0px; padding-right:0px;line-height: 10px; }
#breadcrumb .social-media a {width: 20px !important;height: 20px !important;margin-right: 0px !important; font-size:12px;}
.page-nav { display:none; }
.overlay.open {border: solid 3px #fff !important;}
.social-media { text-align:center; }
#breadcrumb .social-media a {padding-top: 2px !important;font-size: 11px !important; }
.home-page-content .page-title {font-size: 36px;}
.banner-text .bannertitle {font-size: 56px;}
.banner-text .bannersubtitle {line-height: 44px;font-size: 38px;}

.home-page-content { padding-left:15px; padding-right:15px; }
#gone .boxs {padding: 9px 16px;}
#gone .text-center { text-align:left !important; }
.global-bt:before { display:none; }
.mobile-top-mar-20 { margin-top:20px !important; } 
.mobile-top-mar-0 { margin-top:0px !important; } 
.mobile-left-right-clr { padding-left:0px !important; padding-right:0px !important; }
.pad-right-100 { margin-right:0px !important; }
.breadcrumb-item a,.breadcrumb>.active { font-size:10px !important; }
.breadcrumb>li+li:before {padding: 0 0px;}
#budget a { position:relative;bottom: 20px; }  
	}

@media (min-width: 481px) and (max-width:767px) {
	.container-980,#benefits .container-980,.container-980,#slideshare .container-980 .slidershare-container,#contact .container-980,#downloads-rerorts .container-980{ width:100%;}
.banner-text {padding-top: 7px;padding-left:0px; text-align:center; padding-top: 31px;}
.banner-text .banneryear {padding: 2px 6px;font-size: 20px;}
#banner {height: 324px;margin-top: 48px;}
#foreword { padding-top:30px; height:auto; padding-bottom:30px;}
#foreword .home-page-content { padding-top:20px; }
#executive { background-color:#ff1c23; background-image:none; height:auto; padding-bottom:20px;}
.man { position:relative !important; left: 0px !important; }
#executive .home-page-content {padding-top: 20px;}
#gone { height:auto; padding-bottom:20px; padding-top:20px; }
.pad-left-100 {padding-left: 10px; padding-right: 10px;}
#gone .boxs {margin-top: 16px;min-height: auto;}
.mar-top-100 { margin-top:15px !important; }
.img-res { width:100%; }
#global-growth { padding-top:30px; height:auto; padding-bottom:20px; }
#global-growth .cta a {font-size: 15px; width:166px; margin-bottom:20px; }
.global-bt {height: 75px;margin-bottom: 11px;}
.global-bt a {padding-top: 6px;line-height: 18px;}
.other-bt {right: 66px;top:-23px;}
.other-bt a { font-size:11px; }  
.button_container {top: 2%;right:4%;}

.logo {    display: inline-block;}
.logo img { width:48%; height:auto; padding-left:10px; }  
.overlay nav {top:250px;}
.overlay ul li { width:100%; float:none;}
.overlay ul li a {font-size: 22px;height: auto; line-height:23px;}
.overlay ul li a:after { display:none; }
.button_container { height:auto; }
#banner:before { display:none; }

#breadcrumb {margin-top: 51px;}
.table-style,.fin-table { width:100%; margin:0 auto; overflow:scroll; }
.breadcrumb { padding-left:0px; padding-right:0px; line-height: 10px;}
#breadcrumb .social-media a {width: 20px !important;height: 20px !important;margin-right: 0px !important; font-size:12px;}
.page-nav { display:none; }
.overlay.open {border: solid 3px #fff !important;}
.social-media { text-align:center; }
#breadcrumb .social-media a {padding-top: 2px !important;font-size: 11px !important; }
.home-page-content .page-title {font-size: 36px;}
.banner-text .bannertitle {font-size: 56px;}
.banner-text .bannersubtitle {line-height: 44px;font-size: 38px;}

.home-page-content { padding-left:15px; padding-right:15px; }
#gone .boxs {padding: 9px 16px;}
#gone .text-center { text-align:left !important; }
.global-bt:before { display:none; }
.mobile-top-mar-20 { margin-top:20px !important; } 
.mobile-top-mar-0 { margin-top:0px !important; } 
.mobile-left-right-clr { padding-left:0px !important; padding-right:0px !important; }
.breadcrumb-item a,.breadcrumb>.active { font-size:10px !important; }
	}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.container-980,#benefits .container-980,.container-980,#slideshare .container-980 .slidershare-container,#contact .container-980,#downloads-rerorts .container-980{ width:100%;}
.banner-text {padding-top: 43px;padding-left:0px; text-align:center;}
#banner {height: 374px;}
#foreword { padding-top:30px; height:auto; padding-bottom:30px;}
#foreword .home-page-content { padding-top:20px; }
#executive { background-color:#ff1c23; background-image:none; height:auto; padding-bottom:20px;}
.man { position:relative !important; left: 0px !important; }
#executive .home-page-content {padding-top: 20px;}
#gone { height:auto; padding-bottom:20px; padding-top:20px; }
.pad-left-100 {padding-left: 10px;}
#gone .boxs {margin-top: 16px;min-height: auto;}
.mar-top-100 { margin-top:15px !important; }
.img-res { width:100%; }
#global-growth { padding-top:30px; height:auto; padding-bottom:20px; }
#global-growth .cta a { width:166px; margin-bottom:20px; }
.global-bt {height: 75px;margin-bottom: 11px;}
.global-bt a {padding-top: 6px;line-height: 18px;}
.overlay.open {border: solid 3px #fff !important;}
.social-media { text-align:center; }
#breadcrumb .social-media a {padding-top: 2px !important;font-size: 11px !important; }
.button_container {top: 2%;right:2%;}

.overlay nav {top:360px;}
.overlay ul li { width:100%; float:none;}
.overlay ul li a {font-size: 22px;height: auto; line-height:23px;padding-bottom: 15px;}
.overlay ul li a:after { display:none; }
.button_container { height:auto; }
#banner:before { display:none; }

	}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {	.container-980,#benefits .container-980,.container-980,#slideshare .container-980 .slidershare-container,#contact .container-980{ width:100%;}
.form-horizontal, .trading-form h2 {width: 68%;}
.trading-form { width:100%;left: 590px; }
#banner {background-size: 108%;background-position: -90px;}
.budget-box {margin-left: 13px;width:90%;}
.budget-box.mar-left { margin-left:0px; }
.download-icon {    padding-left: 53px;}
#slideshare .frame { padding:10px; }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {}

    /* Portrait*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {}