@font-face {
    font-family: 'calibri';
    src: url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/font/calibri.eot');
    src: url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/font/calibri.eot?#iefix') format('embedded-opentype'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/font/calibri.woff') format('woff'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/font/calibri.ttf') format('truetype'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/font/calibri.svg#calibri') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Exo 2';
    src: url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/fonts/exo2/exo2.eot');
    src: url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/fonts/exo2/exo2.eot?#iefix') format('embedded-opentype'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/fonts/exo2/exo2.woff') format('woff'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/fonts/exo2/exo2.ttf') format('truetype'),
         url('https://www.incometaxkolkata.gov.in/assets/templates/Site12/4/fonts/exo2/exo2.svg#exo2') format('svg');
    font-weight: normal;
    font-style: normal;

}
ul,ol, li,h1,h2,h3,h4,h5,h6,a,p
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
a:hover{
	text-decoration: none;
}
a,a:focus{
	outline: none;
}
img
{
	border: none;
	max-width: 100%;
height: auto;
}
body
{
	font-family: calibri !important;
    overflow-x:hidden; 
}
.container{
	/*max-width:1100px;*/
}
/* header section start */

/*red:#e0e0e0;
blue:#543abc;
light blue:#e8f6fe;*/
.header{
    width: 100%;
    float: left;
    background: #FF9933;
    padding: 1px 0;
}
.head-menu{
    width: auto;
    float: right;
}
.head-menu li{
    width: auto;
    float: left;
    margin: 0 0 0 10px;
	color:#fff;
}
.head-menu li a{
    color: #000;
    font-size: 16px;
    font-family: "calibri";
    line-height: 28px;
}
.head-menu li a img{
    max-width: 100%;
    float: left;
    margin: 0 6px 0 0;
}

.logo-section{
    width: 100%;
    float: left;
}
.logo-section-inner{
    width: 100%;
    float: left;
    background: url(../images/banner-bg.png) no-repeat right;
	background-position:right top;
	/*background-color:#fbede0;*/
}
.logo{
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
}
.logo img{
    float: left;
}
.logo-text{
    width: 100%;
    float: left;
    font-size: 22px;
    margin: 0;
    color: #000;
    padding: 5px 0 0 0;
    font-family: "calibri";
    font-weight: bold;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #CCCCCC;
}
.logo-subtext{
    width: 100%;
    float: left;
    font-size: 18px;
    margin: 0;
    color: #000;
    font-family: "calibri";
    font-weight: bold;
}
.menu{
    width: 100%;
    float: left;
    background: #138808;
    padding: 0 0 0 0;
    border-bottom: 4px solid #FFFFFF;
}
.menu ul{
    width: 100%;
    float: left;
}
.menu ul li{
    
float: left;
/*margin: 0 20px 0 0;*/
position: relative;
}
.menu ul li a{
   color: #fff;
font-size: 18px;
font-family: "calibri";
line-height: 36px;
width: 100%;
/*float: left;*/
padding: 4px 10px;
text-align:left;
}
.menu ul li a:hover{
    background: #FF9933;
}
.menu ul li a img{
    max-width: 100%;
    float: left;
    margin:0 4px 0 0;
}


.menu ul > li:hover > ul{
    display: block;
}
.menu ul > li > ul{
    width: auto;
float: left;
position: absolute;
top: 41px;
left: 0;
z-index: 99;
background: #138808;
display: none;
}
.menu ul > li > ul > li{
    width: 100%;
    float: left;
}
.menu ul > li > ul > li > a{
    width: 100%;
    float: left;
    font-size: 14px;
}


.menu ul > li > ul > li > ul{
    width: 160px;
float: left;
position: absolute;
top: 0;
left: 100%;
z-index: 99;
background: #543abc;
}
.menu ul > li > ul > li > ul > li > a{
    width: 100%;
    float: left;
    font-size: 14px;
}


.banner{
    width: 100%;
    float: left;
	margin-top:10px;
}
.banner-inner{
/*    width: 70%;
*/    float: left;
height:410px;
overflow:hidden;
}
.banner-inner ul{
    width: 100%;
    float: left;
}
.banner-inner ul li{
    width: 100%;
    float: left;
}
.banner-inner ul li img{
    max-width: 100%;
    float: left;
}
.banner-login {
/*    width: calc(100% - 70%);
*/    float: left;
    background: #e8f5fe;
    padding: 34px 40px;
    height: 410px;
	border: 4px solid #005992;
	/*border-top:none !important;*/
	overflow:hidden;
}
.banner-login .form-group .sign_up{
    float: right;
border-radius: 0;
background: #1b3164;
color: #fff;
font-size: 17px;
border: none;
padding: 6px 0;
text-align: center;
margin: 10px 0 0 0;
width: 150px;
}
.banner-login h3{
        width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 10px 0;
    font-size: 26px;
    font-family: "calibri";
}
h3 i{
    width: 97px;
    height: 3px;
    float: none;
    display: inline-block;
    background: #1d3c6f;
    margin: 0px 0 0 0;
    position: relative;
    top: -23px;
}
.banner-login .form-group input{
    border-radius: 0;
    color: #acacac;
}
.banner-login .form-group input.form-control-custom{
    width: 56%;
    float: left;
    margin: 0 10px 0 0;
}
.banner-login .form-group b{
    width: calc(100% - 60%);
    float: left;
}
.banner-login .form-group b img{
    width: 100%;
    float: right;
    height: 34px;
}
.banner-login .form-group a{
    width: auto;
    float: left;
    color: #fff;
    font-size: 20px;
    font-family: "calibri";
    margin: 10px 0 0 0;
}
.banner-login .form-group button{
    float: right;
border-radius: 0;
background: #1b3164;
color: #fff;
font-size: 17px;
border: none;
padding: 6px 0;
margin: 10px 0 0 0;
width: 150px;
}
/*.banner-login .form-group button:hover{
    background: #2b1b6c;*/

    .imp-news{
        width: 100%;
        float: left;
        padding: 0px;
		background-color:#eee;
		height:40px;
    }
    .imp-img{
        width: 15%;
        float: left;
    }
    .imp-img img{
        max-width: 100%;
        float: left;
    }
    .imp-text{
      width: 95%;
        float: right;
        color: #000;
        font-family: "calibri";
        font-size: 20px;
        line-height: 38px;
        padding: 0 0 0 0;
        font-weight: bold;
    }

    .about{
        width: 100%;
        float: left;
        margin: 20px 0 50px 0;
    }
    .content{
        width: 100%;
        /*float: left;*/
        background: #e8f5fe;
        padding: 10px 20px;
    }
    .content h3{
    width: 100%;
    float: left;
    text-align: center;
    color: #1d3c6f;
    font-size: 22px;
    font-family: "calibri";
    margin: 0 0 0 0;
    font-weight: bold;
    }
    .content h3 i{
     width: 245px;
    height: 2px;
    float: none;
    display: inline-block;
    background: #2b1b6c;
    margin: 0px 0 0 0;
    position: relative;
    top: -8px;
    }
    .content p{
        width: 100%;
        float: left;
        color: #000;
        font-family: "calibri";
        font-size: 16px;
        margin: 0 0 6px 0;
    }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff;}
    .content a{
        width: auto;
        float: none;
        display: inline-block;
        
    }
    .imp{
        width: 100%;
        float: left;
        text-align: center;
    }
    .imp a{
        width: auto;
        float: none;
        display: inline-block;
        background: #2b1b6c;
        color: #fff;
        font-family: "calibri";
        font-size: 16px;
        padding: 6px 10px;
    }
    .imp a:hover{
        background: #543abc;
    }
    .imp-right{
        width: 100%;
        float: left;
        text-align: center;
        background: #e8f6fe;
        padding: 24px 10px;
    }
    .imp-right h3{
        color: #543abc;
        font-size: 18px;
        margin: 0 0 15px 0;
        padding: 0;
        font-family: "calibri";
        font-weight: bold;
    }
    .imp-right-margin{
        margin: 0 0 20px 0;
    }

    .block-section{
        width: 100%;
        float: left;
        margin: 30px 0;
    }
    .purple-block{
        width: 100%;
        float: left;
        position: relative;
        background: #ff8448;
        padding: 20px;
        text-align: center;
        box-shadow: 5px 7px 9px #767676;
        height: 440px;
    }
    
    .purple-block i{
        background: url(../images/public.png) no-repeat;
        width: 160px;
        height: 160px;
        float: none;
        display: inline-block;
        margin: -110px 0 0 0;
    }
    .purple-block-middle{
        background: #a4e1ff;
    }
    .purple-block-middle i{
        background: url(../images/link.png) no-repeat;
        width: 160px;
        height: 160px;
        float: none;
        display: inline-block;
        margin: -110px 0 0 0;
    }
	.purple-block-right{
	background:#339900;
	}
    .purple-block-right i{
        background: url(../images/department.png) no-repeat;
        width: 160px;
        height: 160px;
        float: none;
        display: inline-block;
        margin: -110px 0 0 0;
		
    }
    .purple-block h3{
        width: 100%;
        float: left;
        color: #000;
        font-size: 23px;
        margin: 0 0 3px 0;
        padding: 0;
        font-family: "calibri";
    }
    .purple-block ul{
        width: 100%;
        float: left;
    }
    .purple-block ul li{
        width: 100%;
        float: left;
        list-style: none;
        color: #000;
        font-size: 14px;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .purple-block ul li b{
        background: url(../images/checked.png) no-repeat;
        width: 27px;
        height: 23px;
        float: left;
        margin: 0 6px 0 0;
    }
    .purple-block ul li a{
        color: #000;
    }
    .purple-block p{
        width: 100%;
float: left;
text-align: center;
line-height: 0;
margin: 0 0 10px 0;
    }
    .purple-block p i{
        width: 140px;
float: none;
display: inline-block;
background: #2b1b6c;
height: 3px;
margin: 0;
    }
    .purple-block-middle p i{
        background: #543abc;
    }

/* owl slider*/
#owl-demo .item{
  background: #1d3d70;
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**/

.online{
    width: 100%;
    float: left;
    margin: 10px 0;
}
.online-links{
    width: 100%;
    float: left;
    background: #e9f6fe;
    padding: 10px;
    text-align: center;
}
.online-links h3{
    width: 100%;
    float: left;
    color: #1d3d70;
    font-weight: bold;
    font-size: 24px;
    font-family: "calibri";
    margin: 0;
    padding: 0;
}
.online-links b{
    width: 130px;
float: none;
display: inline-block;
height: 2px;
margin: 6px 0;
background: #303030;
}
.slider p{
    width: 100%;
    float: left;
    color: #fff;
}
#owl-demo .item:hover{
    background: #303030;
}
.online-links-slide{
    width: 100%;
    float: left;
    position: relative;
}
.online-links-slide .customNavigation{
    position: absolute;
    top: 30%;
    z-index: 99;
    width: 100%;
    float: left;
}
.online-links-slide .customNavigation .prev{
    float: left;
position: absolute;
left: -60px;
}
.online-links-slide .customNavigation .next{
    float: right;
    position: absolute;
right: -60px;
}
.footer-upper{
    width: 100%;
    float: left;
    padding: 20px 0;
    /*background: #005992;*/
    background:#63a0c8;
}
.foot-inner{
    width: 100%;
    float: left;
}
.foot-inner h3{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 26px;
    font-family: "calibri";
}
.foot-inner b{
    width: 130px;
float: none;
display: inline-block;
height: 2px;
margin: 6px 0;
background: #303030;
}
.foot-inner p{
    width: 100%;
    float: left;
    color: #fff;
    font-size:16px;
    font-family: "calibri";
}
.foot-inner ul{
    width: 100%;
    float: left;
}
.foot-inner ul li{
    width: auto;
    float: left;
    margin: 0 6px 0 0;
}
.footer-lower{
    width: 100%;
    float: left;
    /*background: #303030;*/
    background: #0d4f7a;
    padding: 10px 0;
    text-align: center;
}
.footer-lower p{
    color: #fff;
    font-size: 18px;
    font-family: "calibri";
}
table.altrowstable {
    font-family: verdana,arial,sans-serif;
    font-size:13px;
    color:#333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
    width: 100%;
    float: left;
}
table.altrowstable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.altrowstable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
.oddrowcolor{
    background-color:#d4e3e5;
}
.evenrowcolor{
    background-color:#c3dde0;
}

.office-blog{
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    text-align: center;
    margin: 0 0 20px 0;
}
.office-blog p{
    margin: 0;
}

.gallery{
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
}
.gal{
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}
.gal img{
    max-width: 100%;
    float: none;
    border: 2px solid #e0e0e0;
}
.gal img:hover{
    opacity: 0.9;
}
.gal p{
       width: 100%;
    float: left;
    text-align: center;
    font-family: 'calibri';
    font-size: 16px;
    background: #543abc;
    padding: 6px 0;
    color: #fff;
    border: 1px solid #543abc;
    border-top: none;
}
.image-gallery .modal-footer{
  display: block;
}
input,textarea{
    width: 100%;
    border: 1px solid #ccc;
    margin: 10px 0;
}

.field
{
margin:10px 0;	
padding:10px;
}
.field:hover
{
background-color:#ccc;
transition:1s ease;
cursor:pointer;	
}
.contact_table
{
border:1px solid #999;	
}
.contact_table td
{
	padding:10px;
	border:1px solid #999;
}
.contact_table tr:hover
{
background-color:#999;
transition:0.5s ease;
cursor:pointer;
color:#fff;	
}

.news ul
{
text-align: justify;
}

.news li
{
list-style:circle;
padding:5px 0;
border-bottom:1px dashed #999;
color:#000;
text-align: justify;
}
.news li img
{
width:auto;
height:200px;	
}
.news li a 
{
color:#000;
font: message-box;
text-align: justify;
}
.navbar-toggle .icon-bar
{
background-color:#fff;	
}
.my-btn
{
background-color:#303030;
color:#fff;
padding:10px 15px;
float:left;
font-size:17px;
	border:3px solid #543abc;

}
button
{
border:none;
background-color:inherit;
text-decoration:none;	
}
.my-btn:hover
{
background-color:#543abc;
	border:3px solid #e0e0e0;
	transition:1s ease;
}
@media screen and (max-width:768px){

.banner-inner{
height:auto;
width:100%;
}
.logo img
{
text-align: center;
float:none;
margin: 0px auto;	
}
.logo-section-inner
{
background-position:bottom;	
}
.menu ul li{
width:100%;
margin:0 auto;
text-align:center;
}
.logo-text, .imp-text
{
font-size:15px;	
}

.banner-login .form-group .sign_up
{
margin:10px !important;	
}
}
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:230px;
    width:170px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#fff;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}

.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky li p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    text-decoration:underline;
}

@media(max-width:767px){
.sticky-container{
display:none;
}
}
.hindi{display:none;}

.text-muted {
    color: #2a55d4 !important;
}