/** Generated by FG **/
@font-face {
	font-family: 'Conv_PTC55F';
	src: url('../font/PTC55F.eot');
	src: local('☺'), url('../font/PTC55F.woff') format('woff'), url('../font/PTC55F.ttf') format('truetype'), url('../font/PTC55F.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_PTC75F';
	src: url('../font/PTC75F.eot');
	src: local('☺'), url('../font/PTC75F.woff') format('woff'), url('../font/PTC75F.ttf') format('truetype'), url('../font/PTC75F.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: '../font/Conv_ufonts.com_univers-light-normal';
	src: url('../font//ufonts.com_univers-light-normal.eot');
	src: local('☺'), url('../font/ufonts.com_univers-light-normal.woff') format('woff'), url('../font//ufonts.com_univers-light-normal.ttf') format('truetype'), url('../font/ufonts.com_univers-light-normal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




.popup01 {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 400px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
}
.popup01_inner {
    margin: 60px auto;
    width: 300px;
}
.very-bad {
    cursor: url(sad.png), auto;
}
.meet-expectations{
    cursor: url(meh.png), auto;
}
.good{
    cursor: url(good.png), auto;
}
.very-good{
    cursor: url(happy.png), auto;
}
.excellent{
    cursor: url(excellent.png), auto;
}

.ministryLogo{
	overflow: hidden;
    position: absolute;
    top: 24px;
	right: 0;
}
.ministryLogo ul{
	display: flex;
	list-style:none;
}

.ministryLogo ul li img{
	height:35px;
}

.theme-site button {
    display: block;
    width: 30px;
    height: 22px;
    margin-top: -6px;
    background-color: transparent;
}
*{margin:0; padding:0; border:none;}
body {
  font-family:'Arial', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #333;
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
  background-color:#f7f7f7;

}
h1, h2, h3, h4, h5, h6{font-family:'Conv_PTC55F';}

a:link , a:visited, a:hover, a:active{text-decoration:none;}
a, a:hover{color:#0088d7;}
.angle-right{color:#0088d7;}

p{ text-align:justify; font-size:14px;}

	.td-width{
    width: 190px;
	}
    .small, small {
    font-size: 75% !important;
    color: darkgray !important;
	}
	
.bg-blue{background:linear-gradient(141deg, #0088d7 0%, #1f9fdb 51%, #0088d7 75%)}
.bg-gray{background:#f5f5f5;}

.text-red{color:#ff0841;}
.tableBlue>tbody>tr>td, .tableBlue>tbody>tr>th, .tableBlue>tfoot>tr>td, .tableBlue>tfoot>tr>th, .tableBlue>thead>tr>td, .tableBlue>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #0088d7;
}
.tableBlue-bordered{
    border: 1px solid #0088d7;
}
.allTableBorder>tbody>tr>td, .allTableBorder>tbody>tr>th, .allTableBorder>tfoot>tr>td, .allTableBorder>tfoot>tr>th, .allTableBorder>thead>tr>td, .allTableBorder>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #0088d7;
}

#container , .contain{
  margin: 0 auto;
  max-width: 991px;
}


/* start style of header & navigation Section */

 .toggle, [id^=drop] {
 display: none;
}

#header{
 float:left;
 margin:0;
 padding:0;
 width:100%;
 position: relative;
 z-index: 9;
 }

.header{
float:left;
 margin:0;
 padding:0;
 width:100%;
 }

.header-inner{
float:left;
 margin:0;
 padding:0; 
 width:100%;
 }
.screenReader {
    float: left;
    margin: 0 3px 0 0;
    padding: 5px 0;
} 
.top-social {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
}
.bottom-social {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
}
.top-social li, .bottom-social li{float:left; margin:0; padding:0; display:inline;}
.top-social li a, .bottom-social li a{
	float:left; 
	margin:0 2px 0 0; 
	padding:0; 
	width:19px; 
	height:19px;
	background:#0088d7;
	color:#fff;
	line-height:19px;
	font-size:10px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
}
.top-social li a:hover{ background:#07239c;}


#logo {
    left: 15px;
    position: absolute;
    top: 10px;
    width: 136px;
    z-index: 9;
}

#logoImg{
	position: absolute;
    right: 50px;
    top: 12px;
}

#logoImg img,#logo img{
        width: auto;
    height: 50px;
}

.navigation{
	float:left; 
	margin:0; 
	padding:0; 
	width:100%;
	position:relative;
	border-bottom:5px solid #0088d7;
	background: url(../images/nav.png) repeat left top; /* For browsers that do not support gradients */

}
    
.search-wrapper{
    float: right;
    margin: 0;
    padding: 0 5px;
    line-height: 80px;
	cursor:pointer;	
}
.search-wrapper:hover { border-bottom: 4px solid #0088d7; background:#f0f104; }
.icon-search{display:block;}
.icon-close{display:none;}
/* in mobile */
.dl-search {
  height: 45px;
  margin: 20px 15px 20px 0;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 0;
  width: 45px;
  z-index: 9;
}
.dl-shtrigger {
    text-align: center;
    line-height: 45px;
    color: #0088d7;
    font-size: 24px;
    margin: 0;
    padding: 0 12px;
}
.dl-shtrigger:hover{color:#0088d7;}
.m-search{display:block;}
.m-close{display:none;}

.site-search-form {
	position:absolute;
    top: 89px;
    left: 0;
	width:100%;
    background-color: #fff;
    display: none;
    z-index: 10;
    height: 115px;
	border-bottom:5px solid #d8d4d4;
}
.site-search-form span{
	float:left;
	width:75%;
	padding:0 0 0 80px;
	margin:28px 0;
	height:60px;
	background:url(../images/search-icon.png) no-repeat 20px 17px;
	
}
.nav-search{
	float:left; margin:0; padding:0; width:100%; border:none; line-height:60px; font-size:35px; overflow:hidden;
}
.nav-search:focus, .nav-search:after{border:none;}

.search-submit {
    color: #7b7b7b;
    outline: 0;
	border-left:1px solid #7b7b7b;
    text-decoration: none;
    word-wrap: break-word;
    font-size: 22px;
    padding: 10px 2.02429% 10px 30px;
    margin: 35px 0;
    background-color: #fff;
    float: right;
    max-width: 16%;
    overflow: hidden;
}


nav {
	float: right;
    margin: 0;
    padding: 0;
    width: 82%;
}


.top-header {
    float: left;
    line-height: 30px;
    margin-right: 15px;
    padding: 0;

 }


/*new serch menu*/
 #search {
    float: right;
    
    width: 250px;
}

.search {
    padding: 5px 0;
    width: 230px;
    height: 41px;
    position: relative;
    left: 10px;
    float: right;
	margin-right:20px;
    line-height: 22px;
}

    .search input {
        position: absolute;
        width: 0px;
        float: Left;
        margin-left: 210px;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 0 2px 0 2px;
        border-radius:1px;
    }

        .search:hover input, .search input:focus {
            width: 200px;
            margin-left: 0px;
        }

.btn {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
}
.btn-primary {
    color: #fff;
    background-color: #0e89d0;
    border-color: #0e89d0;
}

.stock{
	float:left;
	margin:0 0px 0 0; 
	padding:0;
	font-size:12px;
 }
 
.stock span{
	color:#0e89d0;
} 

.stock label{
color:#333;
font-size:12px;
}
 .top{
	 list-style:none;
	 float:left;
	 margin:5px;
 }
 
 
 
 
 
 

.font-size{
float:left;
 margin:0 0px 0 0;
 padding:0; 
 font-size:12px;

 }
.font-size>a {
    border: none;
    background: none;
    color:#0e89d0;
    border-left: 1px solid #0e89d0;
    margin: 0;
    padding: 0 5px;
    line-height: 15px;
    /* height: 0; */
}
.font-size>a:first-child{border-left:none;}
 

.lang{float:left; margin:0; padding:0; font-size:12px;}

.right-links{
	float:right;
	margin:0;
	padding:0;
	font-size:12px;
    margin-right: 210px;
}

.gov-links{
	float:left;
	margin:0;
	padding:0;
}
.gov-links ul{
	list-style:none;
	margin:0;
	padding:0;
}
.gov-links ul li {
    display: inline;
    margin: 0;
    float: left;
    padding: 1px 0px;
}

.col-display-none{display:none;}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
 
  padding: 0;
  margin: 0;
  list-style: none;
  z-index:9;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;


}

nav a {
	display: block;
    padding: 0 3.5px;
    color: #404547;
    font-size: 10px;
    font-weight: 600;
    line-height: 80px;
    text-decoration: none;
}


nav >ul >li >a{ border-bottom: 4px solid #fdfe00; text-transform:uppercase; }
nav > ul > li > a{ border-left: none; }
nav >ul >li >a:hover { border-bottom: 4px solid #0088d7; background:#f0f104; }
nav ul ul{display:none;}


.drop_down{ 
position:absolute;
 left:0;
 width:100%;
 min-height:400px; 
 top:84px;
 z-index:99999; 
 border-top:5px solid #0088d7;
 }
 
/*  .i_zone:hover .drop_down{display:block;} */

 
.nview{display:none;} 
.view{display:block;} 
 

.close_drop_down {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    background: #0088d7;
}
.close_drop_down a {
    float: right;
    margin: 0 20px;
    padding: 5px 20px;
    line-height: 24px;
	color:#fff;
}
.drop-section{float:left; margin:0; padding:15px 0 0 0; min-height:320px; width:100%;}
.min-height-400{min-height:320px;}
.drop_down ul{ float:left; margin:0; padding:0; display:block; list-style:none; } 
.drop_down ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: none;
    display: inline-block;
	    
}

.bdr-blue-1w {
	margin-bottom:10px;
    overflow: hidden;
}

.drop_down ul li{ float:left; margin:0; padding:0; width:100%;} 
.drop_down ul li a{ float:left; margin:0; padding:0 15px; width:100%; line-height:30px;font-size: 12px;} 
.drop_down ul li a:hover{ text-decoration:underline;} 



.bg-blue ul li a{color:#fff;}
.bg-blue ul li a:hover{color:#faee1e;}
.tx-gray ul li a{color:#333;}
.tx-gray ul li a:hover{color:#0088d7;}

.nav-header-2{
    font-size: 32px;
	font-weight:700;
    line-height: 1.11em;
    text-align: left;
    margin-bottom: 20px;
}
.dropdown-menu-content p {
    font-size: 17px;
    line-height: 1.3em;
    text-align: left;
    font-weight: 400;
}
.focus-link {
    text-align: left;
    padding-top: 30px;
    margin-top: 0;
}

.focus-link a.arrow-link {
    outline-offset: -1px;
}
.focus-link .theme-bg-color {
    background-color: #0088d7;
}
.focus-link .theme-bg-color:hover {
    background-color: #167fa7;
}
.focus-link a {
    float: left;
    color: #fff;
    padding: 15px 30px;
    font-size: 12pt;
    font-weight: bold;
    line-height: 22px;
}
.nav-header-3 {
	font-weight:700;
    font-size: 20px;
    line-height: 1.3em;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
}
.thumb-link{float:left; margin:0; padding:0; width:50px;height:50px;}

.demo-1{display:none;}


.banner-slider{float:left; margin:0; padding:0; width:100%; position:relative;}
.figur-details{position:absolute; margin:auto; left:0; right:0; top:100%; width:75%; background:#fff; opacity:0.9; border-bottom:10px solid #0088d7; z-index:9999;}
.figur-details h2{ float:left; margin:0; padding:5px 15px; width:100%; color:#333; }

.figur-details h2 a:hover{text-decoration:underline;}
.figur-details p{ float:left; margin:0; padding:5px 15px; width:100%; color:#333;font-size: 22px !important;border: none;text-align: center;}

		
/* Start style of section-contain  Section */
.section-contain{float:left; margin:0; padding:0; width:100%;}
.bg-white{background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.bg-0088d7{background:#0088d7; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.bg-faee1e{background:#faee1e;}
.opacity-7{opacity:0.7;}
.bg-f5{background:#f5f5f5 !important;}
.bg-e8{background:#e8e8e8 !important;}
.box-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.re-yellow {
	float:right;
	color:#faee1e !important;
}

.imp-notice {
    padding: 15px 0;
    float: left;
    margin: 0;
    width: 100%;
}
.imp-notice p{
    font-size: 20px;
    padding:0;
    text-align: left;
	margin:0;
	color:#fff;
}
.imp-notice p>strong{float:left; padding:0 15px 0 0;}
.imp-notice p>span{float:left;}
/* Start style of footer  Section */
.footer-top{float:left; margin:0; padding:0; width:100%; background:#666;}

.imp-heading, .other-links{float:left; margin:0; padding:15px 30px; width:100%; color:#0e8ae0;}
.imp-links{float:left; margin:0; padding:0; width:100%; list-style:none;}
.imp-links li{float:left; margin:0 0 10px 0; padding:0; width:100%; line-height:0;}
.imp-links li a{ font-size:14px; color:#3e3e3e; line-height:18px;}
.imp-links li a:hover{color:#0e8ae0;}
.other-links li{float:left; margin:0 0 10px 0; padding:0; width:100%; line-height:0;}

.social-icons{float:left; margin:0; padding:0; width:100%; list-style:none;}
.social-icons li{float:left; margin:0; padding:0; display:inline;}
.social-icons li a{
	float:left; 
	margin:0 15px 0 0; 
	padding:0; 
	width:40px; 
	height:40px;
	background:#0088d7;
	color:#fff;
	line-height:40px;
	font-size:21px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
}
.social-icons li a:hover{ background:#07239c;}

.footer-bottom{float:left; margin:0; padding:0; width:100%;}
#footer-2{margin:0; background:#9b9c9c;}

#footer-3{margin:0; background:#333;}
.copyright{float:left; margin:0; padding:5px; width:100%; color:#fff; font-size:11px;}

/* End style of footer Section */

/* Start style on home page*/
.item{float:left; position:relative; margin:0; padding:0; width:100%; background:#cccdcf; border-bottom:5px solid #faee1e; transition:all 0.2s;}
.item:hover {
	border-bottom:5px solid #01bbf4;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.item-img{
	float:left; 
	margin:0; padding:0; 
	width:100%; 
	background:#f7f7f7; 
	position: relative;
    max-width: 100%;
    overflow: hidden;
}
.item-img img{ width:100%;}

.item-img { position: relative }
.item-imgr img {
    width: 100% !important;
    height: auto;
}
.image-overlay {
    background: rgba(250, 238, 30, 0.6) none repeat scroll 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.image-overlay span {
    position: absolute;
    top: 40%;
    color: #fff;
    left: 45%;
}
.image-overlay span i {
    background: rgba(0, 136, 215, 0.4) none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 50px;
}
.image-overlay span i:hover {
    background: #fff;
    color: #0088d7;
}
.item-img:hover .image-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.item-heading{float:left; margin:0; padding:8px 0 0 30px; width:100%; color:#fff; line-height:34px; text-transform:capitalize;}
.item-details {
    float: left;
    margin: 0;
    padding: 15px 0 11px 0;
    width: 100%;
}
.item-date{float:left; margin:0; padding:0 30px; width:100%; color:#fff; font-size:15px; line-height:28px;}
.item-text{float:left; margin:0; padding:0 30px; width:100%; font-size:14px;  background:url(../images/left-arrow.png) no-repeat 15px 12px; line-height:22px;}
.item-text a{color:#fff;}
.item-text a:hover{color:#0088d7;}

.landing-tabs{margin:0; padding:0 15px;}
.hr{float:left; margin:0; padding:0; width:100%; border:2px solid #fec303;}

.item-icons{float:left; margin:0; padding:10px 0; width:100%;}
.MinHeight{min-height:65px;}
.item-icons span{float:left; margin:0; padding:0; width:100%; font-size:48px; color:#faee1e;}
.item-icons a{float:left; margin:0; padding:0; width:100%;}
.item-icons p{float:left; margin:0; padding:0 15px; width:100%; font-size:14px; color:#504e4f; text-transform:capitalize;}

.item-icons span:hover { color:#0088d7;}
.item-hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	background:#faee1e;
	display:none;
}
/**/

.section-1{float:left; margin:0; padding:0; width:100%; background:#faee1e;}
.section-2{margin:0; padding:0; width:100%; background:#faee1e;}

.col-8{float:left; margin:0; padding:0; width:66%;}
.col-6{float:left; margin:0; padding:0; width:50%;}
.col-4{float:left; margin:0; padding:0; width:34%;}
.col-9{float:left; margin:0; padding:0; width:75%;}
.col-3{float:left; margin:0; padding:0; width:25%;}
/* Underline From Left */
.hvr-underline-from-left{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: 0;
  padding: 0 0 4px 0;
  width:100%;
  cursor: pointer;
  background: #faee1e;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From  blue Left */
.hvr-underline-from-blue-left{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: 0;
  padding: 0 0 4px 0;
  width:100%;
  cursor: pointer;
  background: #0088d7 ;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.hvr-underline-from-blue-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-blue-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #faee1e;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-blue-left:hover:before, .hvr-underline-from-blue-left:focus:before, .hvr-underline-from-blue-left:active:before {
  right: 0;
}

/* Underline From Left */
.hvr-underline-list-left{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: 0;
  padding: 0 0 4px 0;
  width:100%;
  cursor: pointer;
  text-decoration: none;
  background: #faee1e;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.hvr-underline-list-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;

}
.hvr-underline-list-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-list-left:hover:before, .hvr-underline-list-left:focus:before, .hvr-underline-list-left:active:before {
  right: 0;
}
.hvr-underline-text-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	background:#fff;
	min-height: 75px;
}

/* Grow Shadow */

.hvr-grow-shadow{ border-width:3px 10px; background:#fff; border-style:solid; border-color:#039; padding:5px 25px; font-size:18px; margin:70px 0 0 0;}
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.hvr-shadow{
	border-width:3px 10px; 
	border-style:solid; 
	border-color:#039; 
	padding:5px 25px; 
	font-size:18px;
    bottom: 0;
    height: 50px;
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
}
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*START SECTION TITLE DESIGN*/
.section-title { margin-top: 60px }
.section-title  h2 {
    color: #161616;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}
.section-title  h2 span { color: #eb2e4a }

.line {
    background: #eb2e4a none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 80px;
}



/*** 

====================================================================
	Section Heading style
====================================================================

***/

/* with white border*/
.sec-title{
	position:relative;
	text-align:center;
	margin-bottom:40px;
	padding-bottom:16px;	
}

.sec-title h2{
	position:relative;
	font-size:30px;
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
	line-height:1.4em;
}

.sec-title h2 strong{
	color:#00529c;
	font-weight:700;	
}

.sec-title .text{
	position:relative;
	line-height:1.8em;
	font-size:14px;
	margin-bottom:20px;
}

.sec-title:before{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-25px;
	bottom:10px;
	width:50px;
	border-bottom:3px solid #fff;	
}

.sec-title:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-13px;
	bottom:0px;
	width:26px;
	border-bottom:3px solid #fff;	
}

.sec-title.left-aligned{
	text-align:left;
}

.sec-title.left-aligned:before,
.sec-title.left-aligned:after{
	left:0%;
	margin-left:0px;
}

/* with blue border*/

.sec-title-blue{
	position:relative;
	text-align:center;
	margin-bottom:40px;
	padding-bottom:16px;	
}

.sec-title-blue h2{
	position:relative;
	font-size:30px;
	color:#333;
	font-weight:700;
	text-transform:capitalize;
	line-height:1.4em;
}

.sec-title-blue h2 strong{
	color:#00529c;
	font-weight:700;	
}

.sec-title-blue .text{
	position:relative;
	line-height:1.8em;
	font-size:14px;
	margin-bottom:20px;
}

.sec-title-blue:before{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-25px;
	bottom:10px;
	width:50px;
	border-bottom:3px solid #0088d7;	
}

.sec-title-blue:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-13px;
	bottom:0px;
	width:26px;
	border-bottom:3px solid #0088d7;	
}

.sec-title-blue.left-aligned{
	text-align:left;
}

.sec-title-blue.left-aligned:before,
.sec-title-blue.left-aligned:after{
	left:0%;
	margin-left:0px;
}

/*** 
====================================================================
	End Section Heading style
====================================================================

***/




/*  Contact Intro   ||-----------*/
.contact{
	float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #faee1e;
    overflow: hidden;
	}
	
.gail-map{
	float:left;
	margin:0;
	padding:0; 
	width:100%;
	height:400px;
	border:1px solid #333;

	}
	
.form-select{ margin:0; padding:5px 15px; width:100%; background:#f1f1f1; border:1px solid #333;}

.btn-text {
	font-size: 13px;
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 40px !important;
	border: 2px solid #ddd;
	padding: 0 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #ddd;
	min-width: 172px;
	height: 40px;
	text-align: center;
	-webkit-transition: all 0.2s linear 0s !important;
	-moz-transition: all 0.2s linear 0s !important;
	-ms-transition: all 0.2s linear 0s !important;
	-o-transition: all 0.2s linear 0s !important;
	transition: all 0.2s linear 0s !important;
}

.btn-text:hover {
	background: none;
	color: #fff;
	text-decoration: none;
}
.btn-blue{
	font-size: 13px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 40px !important;
	border: 2px solid #0088d7;
	padding: 0 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #0088d7;
	min-width: 140px;
	height: 40px;
	text-align: center;
	-webkit-transition: all 0.2s linear 0s !important;
	-moz-transition: all 0.2s linear 0s !important;
	-ms-transition: all 0.2s linear 0s !important;
	-o-transition: all 0.2s linear 0s !important;
	transition: all 0.2s linear 0s !important;
}

.btn-blue:hover {
	background: none;
	color: #0088d7;
	text-decoration: none;
}
/*  Contact Intro   ||-----------*/

/*START SCROLL TO TOP*/
.topcontrol {
    background: #0088d7 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 4px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #faee1e;
    color: #0088d7;
}
/*END SCROLL TO TOP*/


/*
-----------------------------------------------------
						About us
-----------------------------------------------------
*/

.about-link{float:left; margin:0; padding:0; width:100%;}
.about-dropdown {
    float: right;
    margin: 0;
    padding: 0;
	position:relative;
	z-index:1;
}
.quick-btn{float:right; margin:0; padding:0; width:100px; background:#0088d7; color:#fff;}
.quick-dropdown{
	display:none;
	position:absolute;
	width:180px; 
	top:24px; 
	right:0; 
	padding:5px 0;
	background:#fff; 
	border:1px solid #ccc; 
	box-shadow:0 6px 12px rgba(0,0,0,.175); 
	list-style:outside none;
	border-radius:4px;
}
.quick-dropdown li{
	width:100%;
}
.quick-dropdown li a{
	float:left;
	width:100%;
	font-size:14px;
	padding:5px 10px;
	margin:0;
	color:#626878;
}
.quick-dropdown li a:hover{
	color:#0088d7;
	background-color:#f7f7f7;
}
/*********************************PATH*********************************/
#path{
	float:left; margin:0; padding:0; width:100%; background:#f1f1f1; box-shadow:0 1px 2px rgba(0,0,0,.1);	
}
.path-link{text-align:left;}
.path-link a{
	color: #626878;
	padding-left: 10px;
	font-weight: 300;
}
.path-link a:after {
	content: "/";
	padding-left: 10px;
}

.path-link a:hover {
	color: #0088d7;
	text-decoration: none;
}
.path-link a:hover:after {
	color: #0088d7;
	text-decoration: none;
}

.path-link span {
	padding-left: 10px;
	font-weight: 300;
	color: #0088d7;
}


.about-line {
    background: #0088d7 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px 0;
    width: 80px;
}

/* start our Mission page*/
.text-theme {
    color: #0088d7;
}
.titleline {
    position: relative;
    max-width: 100px;
    border-top: 1px solid #0088d7;
    margin: 0 auto 20px 0;
	
}
.yellow-titleline {
    position: relative;
    max-width: 100px;
    border-top: 1px solid #faee1e;
    margin: 0 auto 20px 0;
}
.wtitleline {
    position: relative;
    max-width: 100px;
    border-top: 1px solid #fff;
    margin: 0 auto 20px 0;
}

.titleline-icon {
	position: relative;
	max-width: 100px;
	border-top: 2px solid #0088d7;
	margin: 20px auto 20px;
}
.newsline {
    float: left;
    width: 88%;
    position: relative;
    /* max-width: 100%; */
    border-top: 1px solid #0088d7;
    margin: 0 auto 20px 0;
    left: 130px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dddddd;
    -webkit-box-shadow: 0px 1px 0px #ffffff;
    box-shadow: 0px 1px 0px #ffffff;
}

.dropcap-theme {
    float: left;
    color: #ffffff;
    font-size: 39px;
    line-height: 50px;
    font-weight: bold;
    padding: 0px 13px;
    margin: 0px 20px 0 0;
    background: #0088d7;
}
.divider-singledotted {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
    background: url(../images/divider-singledotted.png) repeat-x top left;
}
/* End our Mission page*/

/* ----------------------------------------------------------------------
	26. Image Hover Effect
---------------------------------------------------------------------- */
.effect-phoebe {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	margin: 0;
	background: #0088d7;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}
.effect-phoebe img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;

	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.img-radius{border-radius:50%;}

.effect-img figcaption {
	color: #ffffff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.effect-img figcaption::before, .effect-img figcaption::after { pointer-events: none; }
.figcaption, .figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.effect-img figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.effect-img:hover img { opacity: 0.1; }
.effect-img:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.effect-img p a {
	color: #ffffff;
	font-size: 30px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.effect-img p a:first-child {
	-webkit-transform: translate3d(0px, -100px, 0);
	transform: translate3d(0px, -100px, 0);
}
.effect-img p a:nth-child(2) {
	-webkit-transform: translate3d(0px, -100px, 0);
	transform: translate3d(0px, -100px, 0);
}
.effect-img:hover p a {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.effect-img p {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 112px;
	height: 56px;
	text-align:center;
}
.effect-img p i {
	font-size: 20px;
	line-height: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #ffffff;
	width: 50px;
	height: 50px;
	margin: 2px;
	text-align:center;
	color: #ffffff;
	background: transparent;
	border-radius: 50px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.effect-img p i:hover {
	color: #b3cc66;
	border: 1px solid #ffffff;
	background: #ffffff;
}

/* -----------------------------------
  26. widget
----------------------------------- */
/*widget*/

.widget {
    padding-left: 30px;
}
.col-md-pull-8 .widget {
    padding-left: 0px;
    padding-right: 30px;
}
.widget > h5 {
    border-bottom: 1px solid #cccccc;
    color: #303030;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.widget-categories > h5,
.widget-recent-post > h5,
.widget-archive > h5,
.widget-latest-tweets > h5 {
    margin-bottom: 5px;
}


.widget-archive h4{color:#fff;}
/*widget-categories, widget-archive*/

.widget-archive-list{list-style:none;}

.widget-archive-list > li {
    /*border-bottom: 1px solid #8b8b8b;*/
    padding: 3px 0 2px;
    line-height: 20px;
}
.widget-categories-list a,
.widget-archive-list a {
    font-weight: 300;
	color:#fff;
}
.widget-archive-list a {
    font-weight: 300;
    color: #fff;
    font-size: 11px;
	text-transform: capitalize !important;
}
.widget-archive-list a:hover {
	color:#0088d7;
}
.widget-archive-list span {
    float: right;
	color:#faee1e;
}
.Share-box textarea{
    border-radius: 0px;
    border: 1px solid #0088d7;
}


/* Aside left tabs contents */
.tab-content{background:#fff;}
.tabs-vertical {
    float: left;
	width:25%;
    background-clip: padding-box;
}
.tabs-vertical li a{color:#333; background-color:#faee1e; margin:0 0 2px 0; font:bold 13px 'Arial', Helvetica, sans-serif;}
.tabs-vertical li a:hover{background-color:#0b669b; color:#fff;}
.tabs-vertical li.active a{background-color:#0b669b; color:#fff; border-left:5px solid #faee1e;}
.tabs-vertical + .tab-content {
    float: right;
    width: 75%;
    padding-left: 15px;
	padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
}


/*
* ----------------------------------------------------------------------------------------
* 15.START Accordion Panal Tab
* ----------------------------------------------------------------------------------------
*/
.faq-title h3 { margin: 0 }
.panel-default .panel-heading {
    color: #161616;
    background-color: #0088d7;
    border-color: #eee;
    font-size: 16px;
    padding: 16px;
}
.panel-group .panel + .panel {
    margin: 0 0 1px 0;
    border: none;
    border-bottom: 0;
}
.panel-group .panel {
    border: medium none;
    border-radius: 0;
    margin-bottom: 1px;
}
.panel-body {
    padding: 30px;
    border-radius: 0px;
}
.panel-heading { border-radius: 0px }
.panel-title a {
    color: #fff;
    display: block;
    font-family: montserrat,sans-serif;
	text-transform: capitalize;
    font-weight: 400;
}

.panel-title a:after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    margin-top: 2px;
}
.panel-title a:after {
    content: "\f068";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
.panel-title a.collapsed:after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
.customer_support { margin-bottom: 60px }
.faq-title span {
    background: #eb2e4a none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px auto 30px;
    width: 80px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END Accordion Panal Tab
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
	20. Photo Box
---------------------------------------------------------------------- */
/* photobox 1 */
.photobox1 {
	clear: both;
	width: 100%;
	height: auto;
	cursor: default;
	margin-bottom: 20px;
}
.photobox1 figure {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 30px 20px 0;
	background:#ffd508;
    border-radius: 50%;
    border: 4px solid #ffd508;
}
.photobox1-content {
	background: transparent;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.photobox1-content h4 span {
	margin-left: 20px;
	font-weight: normal;
}


@media (max-width: 767px) {
.photobox1 figure {
	float: none;
	margin: 0 0 20px 0;
}

.right-links {

    margin-right: 0;
}

.ministryLogo ul li img {
    height: 18px;
}
.ministryLogo {

    top: 29px;

}

.banner-slider .figur-details h1,.banner-slider .figur-details h2{
    font-size: 12px !important;

}

.onlineBtn a {
    top: 45% !important;
    right: -46px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    z-index: 1 !important;
}

.banner-slider .figur-details {
    width: 90%;
}

#myInput .modal-but button {
    top: 36%;
    right: -36px;
    background: red;
    padding: 7px 10px;
    font-size: 12px;
    top: 60%;
    z-index: 1;
}

.hvr-underline-from-blue-left{
    display: flex;
    flex-direction: column-reverse;
}
.skdslider a.next ,
.skdslider a.prev{
    background-size: contain !important;
    width: 20px !important;
    height: 20px !important;
}
.site-search-form {
    top: 65px;
}
}
/* ----------------------------------------------------------------------
	23. Button
---------------------------------------------------------------------- */
.btn {
	position: relative;
	font-weight: normal !important;
	font-family: inherit;
	overflow: hidden;
	text-shadow: none;
	vertical-align: middle;
	z-index: 1;
	margin-bottom: 10px;
	border: none;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 0;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background: rgba(255,255,255,0.05);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover:after { width: 100%; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; }
.btn:hover, .btn:focus {
	text-decoration: none;
	-webkit-transition:0.2s linear;
	-moz-transition:0.2s linear;
	-ms-transition:0.2s linear;
	-o-transition:0.2s linear;
	transition:0.2s linear;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	color: #ffffff !important;
	background-color: #555555 !important;
}
.btn-theme {
	color: #ffffff!important;
	background: #0088d7;
}
.btn.btn-sm span {
    margin-right: 30px;
}
.btn span i {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	line-height: 1 !important;
}
.btn.btn-black span i { background: rgba(255,255,255,0.1); }
.btn.btn-white span i { color: #252525; }

/*** by mridul
====================================================================
	Section Mission-Vision style
====================================================================

***/

.mission-vision{
	 width:80%;
	 background-color:#fff;
	 margin:0 auto;
}

.blue-circle {

    background-color: #0088d7;

}

.blue-black {
	position: relative;
    background-color: #000;
    /*height: 350px;
    //border-radius: 50%;
    //padding: 6%;*/
    color: #fff;	
		width: 100%;
  height: 0;
  padding: 50% 0;
  border-radius: 50%;
  text-align:center;
}

.blue-yellow {
	position: relative;
    background-color: #f8ea08;
    height: 350px;
    border-radius: 50%;
    padding: 6%;
    color: #000;
	
		width: 100%;
  height: 0;
  padding: 50% 0;
  border-radius: 50%;
  text-align:center;
}

.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #0088d7;
  content: "";
}


.circle2 {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.circle2:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #000;
  content: "";
}



.circle3 {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #222;
  text-align: center;
}

.circle3:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #f8ea08;
  content: "";
}


.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
}



@media (min-width: 480px) {
  .circle__content {
    font-size: 1em;
  }
}

@media (min-width: 768px) {
  .circle__content {
    font-size: 1em;
  }
}


/* ----------------------------------------------------------------------
	19. Icon Box
---------------------------------------------------------------------- */
/* Iconbox 1 */
.iconbox1 {
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px 20px;
	text-align: center;
	background: transparent;
	cursor: default;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.iconbox1-icon {
	margin: 10px auto 20px;
	display: table;
}
.iconbox1-icon i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 50px;
	line-height: 50px;
	padding-top: 24px;
	padding-bottom: 24px;
	border: 1px solid #0088d7;
	width: 100px;
	height: 100px;
	color: #ffffff;
	background: #0088d7;
	border-radius: 50%;
}
.iconbox1:hover .iconbox1-icon i {
	color: #0088d7;
	background: #ffffff;
}
.iconbox1-icon a { text-decoration: none; }
/* Iconbox 2 */
.iconbox2 {
	position: relative;
	clear: both;
	width: 100%;
	height: auto;
	padding: 20px 20px 10px;
	border: 1px solid transparent;
	z-index: 0;
	cursor: default;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.7);
	box-shadow: 0 1px 0px rgba(255,255,255,0.7);
}
.iconbox2 .iconbox2-bg {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
	color: #fafafa;
	font-size: 200px;
}
.iconbox2-icon {
	float: left;
	margin-right: 20px;
	display: table;
}
.iconbox2-icon i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	line-height: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid #0088d7;
	width: 50px;
	height: 50px;
	color: #ffffff;
	background: #0088d7;
	border-radius: 50%;
}
.iconbox2:hover .iconbox2-icon i {
	color: #0088d7;
	background: #ffffff;
}
.iconbox2-content {
	overflow: hidden;
	text-align: left;
}
@media (max-width: 991px) {

.right-links {

    margin-right: 0px;
}
.iconbox2-icon {
	float: none;
	margin: 0 auto 20px;
	text-align: center;
}
.iconbox2-content { text-align: center; }
}
.iconbox2-bg {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.iconbox2:hover .iconbox2-bg { opacity: 1; }

/* Iconbox 3 */
.iconbox3 {
	position: relative;
	clear: both;
	width: 100%;
	height: auto;
	padding: 20px 20px 10px;
	border: 1px solid transparent;
	z-index: 0;
	cursor: default;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.iconbox3 .iconbox3-bg {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
	color: #fafafa;
	font-size: 200px;
}
.iconbox3-icon {
	float: left;
	margin-right: 20px;
	display: table;
}
.iconbox3-icon i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	line-height: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid #0088d7;
	width: 50px;
	height: 50px;
	color: #0088d7;
	background: #ffffff;
	border-radius: 50%;
}
.iconbox3:hover .iconbox3-icon i {
	color: #0088d7;
	background: #ffffff;
}
.iconbox3-content {
	overflow: hidden;
	text-align: left;
}
.iconbox3-content{color:#fff;}
@media (max-width: 991px) {
.iconbox3-icon {
	float: none;
	margin: 0 auto 20px;
	text-align: center;
}
.iconbox3-content { text-align: center; }
}
.iconbox3-bg {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.iconbox3:hover .iconbox3-bg { opacity: 1; }

/* ----------------------------------------------------------------------
	27. Icon Hover Effect
---------------------------------------------------------------------- */
.effect-8 {
	position: relative;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.effect-8:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 50%;
	pointer-events: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
}
.effect-8:hover {
	background: rgba(255,255,255,0.05);
	color: #ffffff;
}
.effect-8:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
 -webkit-transform: scale(1.2);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
 -moz-transform: scale(1.2);
 opacity: 0;
}
}
@keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0088d7, 0 0 0 10px rgba(255,255,255,0.5);
 transform: scale(1.2);
 opacity: 0;
}
}

/*** 
====================================================================
	End Section Mission-Vision style
====================================================================

***/

/*** 
====================================================================
	Strat Section Feedback-Form style
====================================================================

***/
.table-1 thead tr th, .table-1 tbody tr td, .table-2 thead tr th, .table-2 tbody tr td {
    text-align: center;
}
.table-1 thead tr th:first-of-type, .table-1 tbody tr td:first-of-type, .table-1 thead tr th:nth-of-type(2), .table-1 tbody tr td:nth-of-type(2) {
    text-align: left;
}
.tableFooter{ background:#faee1e; color:#333;}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-control{
    border-radius: 0px;
    border-top: 0;
	border-left: 0;
	border-right: 0;
    border-bottom: 1px solod #ddd;
}

.form-select{ margin:0; padding:5px 15px; width:100%; background:#f1f1f1; border:1px solid #333;}
/*** 
====================================================================
	Strat Section Feedback-Form style
====================================================================

***/


/* style of invester Zone Pages*/
.thumbnail{background-color:#f5f5f5;}

.fr-red{
	float:right;
	color:#ff0841;	
}

/* style of Businesses Verticals Pages*/
.comman-list{
	display:block;
	list-style:none;
	margin:0; padding:0;
}
.comman-list li{
	margin:0; padding:0;
}
.comman-list li a{
	margin:0; padding:0; color:#333;
}
.comman-list li a span{ color:#0088d7;}

.bg-NGImages{ background:url(../images/2.jpg) no-repeat center bottom; background-attachment:fixed; background-size:100% auto}

.tuumb-bgLeft{ background:#0088d7;}
.tuumb-bgLeft img{ width:100%; margin:0; padding:0; }
.tuumb-bgRight{ background:#0088d7;}
.tuumb-bgRight img{ width:100%; margin:0; padding:0; }
/*.tuumb-bgLeft{ float:left; margin:0 0  30px 40px; padding:0; background:#a1a1a1;}
.tuumb-bgLeft img{margin:0; padding:0; position:relative; bottom:5px; right:5px;}

.tuumb-bgRight{ float:right; margin:0 0 30px 40px; padding:0; background:#a1a1a1;}
.tuumb-bgRight img{margin:0; padding:0; position:relative; top:-5px; right:5px;}*/

.tuumb-bgLeft img, .tuumb-bgRight img, .zoom-img img{
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.tuumb-bgLeft:hover img, .tuumb-bgRight:hover img, .zoom-img:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
 .translateY:hover {
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -webkit-box-shadow: 0px 7px 25px -7px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 7px 25px -7px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 7px 25px -7px rgba(0, 0, 0, 0.75); }

.all-list{ margin:0; padding:0; list-style:none; display:table-block;}
.all-list li{ margin:0; padding:0; display:block;}

.icon-arrow-list {
	padding-left: 0;
	list-style: none;
	line-height: 2.0em;
	margin: 0;
}
.icon-arrow-list ul, .icon-arrow-list ul ul { list-style: none; padding-left:30px; }

.icon-arrow-list li i {
	margin-right: 8px;
	color: #0088d7;
}
/* white arrow icon list*/
.white-arrow-list {
	padding-left: 0;
	list-style: none;
	line-height: 2.0em;
	margin: 10px 0;
}
.white-arrow-list ul, .white-arrow-list ul ul { list-style: none; padding-left:30px; }
.white-arrow-list, .white-arrow-list li a { color: inherit; }
.white-arrow-list li i {
	margin-right: 8px;
	color: #fff;
}
.white-arrow-list li{color:#ffffff;}
/* style of media Section pages*/


.nav>li>a {
	background:#ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #0088d7;
}


/*------------Quarterly Compliances----------------*/
/*#FR201617{display:none;}
#FR201516{display:none;}
#FR201415{display:none;}
#FR201314{display:none;}
#FR201213{display:none;}
#FR201112{display:none;}
#FR201011{display:none;}
#FR200910{display:none;}*/

/*--------------------------------------------
				Media
----------------------------------------------*/
/*News Section css*/
.News_List{
    float: left;
    margin:0 ;
    padding: 0 40px;
	width:100%;
}
.News_Date {
    float: left;
    margin: 0 15px 0 0;
    padding: 10px 17px;
    background: #0088d7;
    color: #faee1e;
    font-size: 18px;
}
.News_Title{
    float: left;
    margin: 0;
    padding: 0px 0 0 0;
	
}

/*video Section*/
.recent-posts {
    padding-bottom: 15px;
}
.recent-posts .post {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}
.recent-posts .post:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #eeeeee;
}
.recent-posts .post .info {
    padding-left: 100px;
}
.recent-posts .post h4 {
    font-size: 15px;
    color: #333333;
    padding-top: 4px;
    margin-top: 0px;
}
.recent-posts .post h4 a {
    color: #333333;
}
.recent-posts .post h4 a:hover {
    color: #019cde;
}
.recent-posts .post .picture {
    float: left;
}
.recent-posts .post .post {
    padding-bottom: 70px;
}
.post-height{ height:390px; overflow:auto;}
/*End Video Section*/

.sidebar-post {
	clear: both;
}
.sidebar-post p { margin: 0 0 5px; }
.sidebar-post span { font-size: 12px; }
.small:before {
    content: '\2014 \00A0';
}

.cms-recent-event {
  margin-top: 10px;
  /*gallery photo*/ 
  
}
  .cms-recent-event .wg-title {
    margin-bottom: 19px !important; 
}
.cms-recent-event-wrapper{
	margin:0; padding:0; list-style:none;
}
  .cms-recent-event li {
    float: left;
    width: 100%;
    margin-bottom: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0088d7;
}
  .cms-recent-event li:last-child {
    margin-bottom: 8px; 
}
  .cms-recent-event li .date {
    float: left;
    width: 70px;
    height: 72px;
    border: #e5e5e5 solid 1px;
    background: #0088d7;
    border-radius: 2px;
    text-align: center; 
}
  .cms-recent-event li .date .month {
    font-size: 10px;
    line-height: 28px;
    letter-spacing: 0.055em;
    color: #fff;
    display: block;
    margin-top: 3px;
    text-transform: uppercase; 
}
  .cms-recent-event li .date .day {
    font-size: 25px;
    line-height: 28px;
    letter-spacing: 0.055em;
    color: #faee1e;
    display: block;
    margin-top: -4px; 
}
  .cms-recent-event li .event-right {
    text-align: left;
    width: calc(100% - 89px);
    float: right; 
}
  .cms-recent-event li .event-right .News_title {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.035em;
    color: #0088d7;
    margin-top: 1px;
    margin-bottom: 0;
    text-transform: capitalize; 
}
.cms-recent-event li .event-right .News_title a {
      color: inherit; 
}
.cms-recent-event li .event-right .News_title a:hover {
      color: #faee1e; 
}
.cms-recent-event li .event-right .desc {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.035em;
}
    .cms-recent-event li .event-right .desc p {
      margin-bottom: 0px; 
}
/* style of logos page Sections*/
.logo-item{margin:0; padding:0; width:100%;  background:rgba(204,205,207,1);}
.logo-item .logo-img{margin:0; padding:0; width:100%;}
.logo-item  .logo-title {
    font: 700 14px/21px "Conv_PTC55F";
    color: #474747;
    margin-top: 10px;
	padding-left:15px;
}
.logo-item  .logo-desc {
    font: 400 12px/18px "Conv_PTC55F";
    color: #888888;
    margin-top: 5px;
	padding:0 0 5px 15px;
}

/*style of Career Pages*/
.bg-ddd{background:#ddd;}
.career-nav{float:left; margin:0; padding:0; width:100%; list-style:none; }
.career-nav li{float:left; margin:0; padding:0; width:20%; border-left: 1px solid #f7f7f7; display:inline-block; }
.career-nav li.active a{background:#0088d7; color:#fff;}
.career-nav li a{float:left; margin:0; padding:10px 0; text-align:center; width:100%; background:#ddd;}
.career-nav li a:hover{background:#0088d7; color:#fff;}
.career-nav li a.cractive {background:#0088d7; color:#fff;}

input:focus,
input:active{
	outline:none;
}
.fourplex{
	padding: 0;
	background-color:#f7f8fc;
	-moz-box-shadow:    5px 5px 0 0 rgba(34, 37, 44,0.1);
    -webkit-box-shadow: 5px 5px 0 0 rgba(34, 37, 44,0.1);
  	box-shadow:         5px 5px 0 0 rgba(34, 37, 44,0.1);
  	border-radius: 0;
}

.fourplex p{ color:#666; font-size:12px; margin-top:5px;}




@media all and (max-width : 768px) {
.career-nav li{width:100%;}
}
/* Midia Section*/
.videoContainer {
    width: 100%;
    height: 390px;
    position: relative;
    overflow: hidden;
    background: #050505;

}
.myVideo {
    height: 390px;
	width:100%;
}
.tab-img-text {
    display: inline-block;
    width: 100%;
}
.tab-text{ padding:15px; }
.snip1206 {
    color: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.snip1206:after{
	background:#ffffff;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	opacity:0.3;
	-webkit-transform:skew(-45deg) scaleX(0);transform:skew(-45deg) scaleX(0);
	-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.snip1206:hover:after,.snip1206.hover:after{
	-webkit-transform:skew(-45deg) scaleX(1);
	transform:skew(-45deg) scaleX(1);
	transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275);
}

.heading-title{
    display: table;
    position: relative;
}

.heading-title .htitle {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}
.heading-title:after {
    content: "";
    position: absolute;
    background-color: #0088d7;
    top: 38px;
    height: 3px;
    width: 100%;
}
.title-body{
    border-top: 1px solid #ddd;
}
.ls-nws-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}
.ls-nws-title a {
    color: #333;
}
.nws-meta {
    text-transform: uppercase;
	list-style:none;
}
.nws-meta li {
    margin-right: 20px;
	display:inline;
}
.nws-meta li:first-child a {
    color: #0088d7;
}
.nws-meta li a {
    color: #464646;
}

/*------------------------------ 13.pricing table css Start--------------------------*/
.in_pricing_tbl_Section{
	padding-top:94px;
	background-color:#f9f9f9;
}
.pricing_wrap {
    margin-top: 60px;
}
.pricing_wrap, .pricing_tbl_box{
	float:left;
	width:100%;
}
.pricing_tbl_box {
    text-align: center;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 21px 15px;
	z-index: 1;
    position: relative;
	z-index:1;
	margin-bottom: 15px;
	perspective:700px;
	-webkit-perspective:700px;
	-moz-perspective:700px;
	-ms-perspective:700px;
	-o-perspective:700px;
}
.pricing_tbl_box:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0088d7;
    z-index: -1;
    transform: rotateY(70deg);
    -moz-transform: rotateY(70deg);
    -ms-transform: rotateY(70deg);
    -o-transform: rotateY(70deg);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    transform-origin: center;
}
.pricing_tbl_box:hover:after{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    opacity:1;
    visibility: visible;
}
.pricing_tbl_box:hover .pricing_inner h4{
	color:#ffffff;
}
.pricing_tbl_box:hover .pricing_inner h2{
	color:#ffffff;
	border-bottom: 3px solid #ffffff;
}
.pricing_tbl_box:hover .pricing_inner ul li, .pricing_tbl_box:hover .pricing_inner ul li a, .pricing_tbl_box:hover .pricing_inner ul li span{
	color:#ffffff;
}
.pricing_tbl_box:hover .triangle_btn{
	color:#0088d7;
	background-color:#ffffff;
}
.pricing_tbl_box:hover .triangle_btn:before{
	border-right-color:#ffffff;
}
.pricing_tbl_box:hover .triangle_btn:after{
	border-left-color:#ffffff;
}
.pricing_tbl_box .icon_circle{
	position: absolute;
	color: #EC2E4A;
    font-size: 25px;
    line-height: 69px;
	top: -34px;
	width: 69px;
	height: 69px;
	left: 50%;
	background-color: #ffffff;
	border-radius: 100%;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	transform: translateX(-50%);
	backface-visibility: hidden;
}
.pricing_inner{
	float:left;
	width:100%;
}
.pricing_inner h4 {
    font-size: 14px;
	color:#292929;
    margin-top: 0;
    font-weight: 600;
	letter-spacing:0.05em;
    text-transform: uppercase;
}
.pricing_inner h2 {
    font-size: 30px;
	color:#292929;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 3px solid #0088d7;
    padding-bottom: 5px;
}
.pricing_tbl_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pricing_tbl_box ul li {
    font-size: 13px;
    color: #292929;
    margin-top: 0;
    letter-spacing: 0.05em;
    line-height: 22px;
}

.triangle_btn {
    position: relative;
    display: inline-block;
    background-color: #0088d7;
    height: 37px;
    line-height: 37px;
    transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 23px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
.triangle_btn:hover{
	background-color:#ffffff;
	color:#0088d7;
	text-decoration: none;
}
.triangle_btn:after {
    position: absolute;
    content: "";
    right: -12px;
    top: 0;
	text-decoration: none;
    border-left: 12px solid #0088d7;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    height: 100%;
	transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
}
.triangle_btn:before {
    position: absolute;
    content: "";
    left: -12px;
    top: 0;
    border-right: 12px solid #0088d7;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    height: 100%;
	transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
}

.triangle_btn:hover:before{
	border-right-color:#ffffff;
}
.triangle_btn:hover:after{
	border-left-color:#ffffff;
}
.pricing_tbl_box .triangle_btn {
    border: 0;
    line-height: 35px;
}

/*------------------------------ 13.pricing table css End--------------------------*/

/*-----------------------------------------------------------------------
							Start Business Verticals
--------------------------------------------------------------------------*/
.home_blog{
	float:left;
	width:100%;
	background: #0088d7;
}
.home_blogGreen{
	float:left;
	width:100%;
	background: #78bc4d;
}
.blog_thumb {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.blog_thumb img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    height: 160px;
    object-fit: cover;
}
.blog_thumb:hover img {
    transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
	opacity:0.8;
}

.in_blog_desc{
	float:left;
	width:100%;
	padding:15px;
}
.in_blog_desc h3{
    margin-top: 0;
    margin-bottom: 13px;
}
.in_blog_desc h3 a{
	font-size:22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
	text-decoration:none;
}
.in_blog_desc h5 a{ color:#fff;}
.in_blog_desc p{color:#fff;}
/*------------------------------ Business Verticals css End--------------------------*/

/*------------------------------------------------------------------------------------
								 start Sustainability css 
-------------------------------------------------------------------------------------*/
.blockquote {
    padding: 10px 40px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #0088d7;
	position:relative;
}
.blockPara:before, .blockPara:after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    content: "\f10d";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 18px;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blockPara:before {
    top: 10px;
    left: 10px;
}
.blockPara:after {
    content: "\f10e";
    bottom: 50px;
    right: 10px;
}

.blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.6;
    color: #888888;
}
.blockquote span{
    display: block;
    font-size: 80%;
    line-height: 1.6;
    color: #888888;
}


.climate:before, .climate:after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    content: "\f10d";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 18px;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.climate:before {
    top: 10px;
    left: 10px;
}
.climate:after {
    content: "\f10e";
    bottom: 30px;
    right: 10px;
}

.climate .small {
    display: block;
    font-size: 80%;
    line-height: 1.6;
    color: #888888;
}


.not-found {
    text-align: center;
    padding: 50px 0;
}
.not-found a {
    font-size: 100px;
    line-height: 1.6;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

/*------------------------------ Sustainability css End--------------------------*/

/*------------------------------------------------------------------------------------
								CSR 
-------------------------------------------------------------------------------------*/

.carList_inner{ margin:0; padding:0; list-style:none; width:100%;}
.carList_inner li{ margin:0; padding:0; width:100%;}
.carList_inner li a{float:left; margin:0 0 9px 0; padding:28px 20px; width:100%;}
.lbg-blue, .lbg-blue:hover{background:#0088d7; color:#fff;}
.lbg-green, .lbg-green:hover{background:#78bc4d; color:#fff;}
.lbg-yellow, .lbg-yellow:hover{background:#faee1e; color:#333;}
.lbg-gray, .lbg-gray:hover{background:#e8e8e8; color:#333;}
.text-yellow{color:#faee1e}


/*------------------------------ CSR css End--------------------------*/


/* ----------------------------------------------------------------------
	2. nivo-lightbox
---------------------------------------------------------------------- */
/*
 * Nivo Lightbox v1.2.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}
.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-inline, .nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}
/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade, 
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, 
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, 
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, 
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, 
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, 
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
*/
}
/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-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;
	-webkit-transform: translateZ(300px);
	-moz-transform: translateZ(300px);
	-ms-transform: translateZ(300px);
	transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: #666;
	background: rgba(0,0,0,0.6);
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url("../images/assets/loading.gif") no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
	background-image: url("../images/left.png");
	border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
	background-image: url("../images/next.png");
	border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url("../images/close.png") no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
	padding:10px;
	border-radius:5px;
	background: #fff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
 @media (-webkit-min-device-pixel-ratio: 1.3),  (-o-min-device-pixel-ratio: 2.6/2),  (min--moz-device-pixel-ratio: 1.3),  (min-device-pixel-ratio: 1.3),  (min-resolution: 1.3dppx) {
 .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
 background-image: url("../images/assets/loading@2x.gif");
 background-size: 32px 32px;
}
 .nivo-lightbox-theme-default .nivo-lightbox-prev {
 background-image: url("../images/assets/prev@2x.png");
 background-size: 48px 48px;
}
 .nivo-lightbox-theme-default .nivo-lightbox-next {
 background-image: url("../images/assets/next@2x.png");
 background-size: 48px 48px;
}
 .nivo-lightbox-theme-default .nivo-lightbox-close {
 background-image: url("../images/assets/close@2x.png");
 background-size: 16px 16px;
}
}


/* Sidebar */
.sidebar-info {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.sidebar-info li { padding: 4px 2px; line-height:21px; }
.sidebar-info li i {
	margin-right: 5px;
	font-weight: bold;
}
.sidebar-info li span { font-weight: bold; }

/* Also in Section*/
.signel-service {
    position: relative;
    color: #a1a1a1;
    height: 120px;
    margin-bottom: 10px;
    padding: 12px 25px;
	background:#ddd;
}
.signel-service h4 {
    color: #343434;
	margin:0;
    padding: 6px 0;
    position: relative;
    text-transform: capitalize;
}

.border-top {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 85%;
    transition: .4s;
}
.border-left {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 85%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 1px;
    transition: .4s
}
.border-bottom {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 1px;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 85%;
    transition: .4s
}
.border-right {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 85%;
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
    transition: .4s
}
.signel-service:hover .border-top {
    width: 100%;
    background: #0088d7;
}
.signel-service:hover .border-left {
    height: 100%;
    background: #0088d7;
}
.signel-service:hover .border-bottom {
    width: 100%;
    background: #0088d7;
}
.signel-service:hover .border-right {
    height: 100%;
    background: #0088d7;
}


.signel-service i {
    color: #0088d7;
    font-size: 40px;
}
/* END of Services Section */


/* style of INTEGRITY PACTS & IEMS Page*/

.pop-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.pop-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
button.pop-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.pop-header .pop-close {
  margin-top: -2px;
}
.pop-title {
  margin: 0;
  color:#fff;
  line-height: 1.42857143;
}
.pop-body {
  position: relative;
  padding: 15px;
}
.pop-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.pop-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.pop-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.pop-footer .btn-block + .btn-block {
  margin-left: 0;
}

/* hovereffect in media Section*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: #0088d7;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.hovereffect img {
    display: block;
    position: relative;
	width:100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
	float: left;
	margin: 0px;
	display: inline-block;
	width:100%;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.play_icon img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
	height: 50px;
    width: 50px;
}


/* style of csr Slider*/
.csr-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
	width:100%;
}
.caption-details{float:left; margin:0; padding:10px; width:100%; color:#fff;}
@media (max-width:767px){
.csr-caption{display:none;}
}

/*  TDS Certificate  */
.dialog-block{margin:0 auto; width:300px; }
.dialog-contain{float:left; margin:0; padding:20px; width:100%;}


/* Press Reliase Select Year Css*/
.dropdownSelect > button{
	float:right
}
.dropdownSelect>.dropdown-menu{
	right:0 !important;
	top:33px;
	width:160px;
	left:auto;
}
.last_updated{
text-align:right;
color:#0088d7;
font-size:10px;
}
.date{
text-align:right;
color:#c0c0c0;
font-size:10px;
}

.block-contact{
	font-size:14px;
	margin:0;
}

/*====================== notice-popup==========================*/
.notice-popup{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
	background-size:cover;
	z-index:9999;
}

.wapper-notice{
	margin: 100px auto;
    width: 80%;
	height:400px;
}
.wapper-notice img{
    width: 100%;
	height:400px;
}
.notice-box{
	float:left;
	margin:0;
	width:100%;
	color:#000;
	background:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
		border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position:relative;
}
.popup-header{
	float:left;
	margin:0;
	padding:15px 0;
	width:100%;
	text-align:center;
	font:bold 16px 'Conv_PTC55F';
	background:#0088d7;
	color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.popup-body{
	float:left;
	margin:0;
	padding:10px;
	width:100%;
	background:#fff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.popup-body p{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	text-align:justify;
}

.pop-close {
    position: absolute;
    top: 5px;
    right: 4px;
    color: #ffffff;
    font-size: 30px;
    background: #0088d7;
    padding: 2px 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    z-index: 9999;
}
 .pop-close:hover{
	color:#fff;
 }
/*---theme--*/
body.theme-gray a {
    color: #fff112 !important;
}
body.theme-gray p, body.theme-gray label, body.theme-gray span, body.theme-gray div, body.theme-gray h1, body.theme-gray h2, body.theme-gray h3, body.theme-gray h4, body.theme-gray h5, body.theme-gray h6 {
    color: #fff !important;
}
body.theme-gray .navigation {
    background: #222 !important;
    border-color:#fff; 
}
body.theme-gray  nav >ul >li >a {
    border-bottom: 0;
   
}
body.theme-gray .top-social li a, body.theme-gray .bottom-social li a{
    background: #222 !important;
}
body.theme-gray .figur-details, body.theme-gray .hvr-underline-from-left, body.theme-gray .hvr-underline-from-blue-left, body.theme-gray .footer-top{
    background-color: #000;
    border-color:#fef201 !important
}
body.theme-gray .bg-white{
    background-color: #222;
}
body.theme-gray .about-line, body.theme-gray .close_drop_down {
      background-color: #fef201 !important
}
body.theme-gray .contact{
        background: #222222;
        border-top:2px solid #fef201;
}
body.theme-gray #footer-3 {    
    background: #222;
}
body.theme-gray nav >ul >li >a:hover{
    background: #000;
}
body.theme-gray .bg-gray{
    background: #000000;
}
.focus-link .theme-bg-color,  body.theme-gray #path  {
    background-color: #222;
}
body.theme-gray .close_drop_down a{
    background-color: #000;
}
 body.theme-gray .ss-container,  body.theme-gray .msg-para span,  body.theme-gray .ss-links a{
    background: #222;
 }

 .theme-site {
    width: 17px;
    background-color: #fff112;
    height: 16px;
    border: 1px solid #000;
    margin-top: 8px !important;
}
.theme-black {
    background-color: #000 ;
    border: 1px solid #fdfe00;
}
.theme-yellow a, .theme-yellow a:hover {
    color: #fff112;
    display: block;
    width: 30px;
    height: 22px;
    margin-top: -7px;
}
.theme-black a, .theme-black a:hover {
    color: #000;
    display: block;
    width: 30px;
    height: 22px;
    margin-top: -7px;
}
.theme-gray, body.theme-gray .ss-left .msg-box .msg-head,  body.theme-gray .ss-right .msg-box .msg-head {
    background-color: #000;
}
body.theme-gray .panel-body, body.theme-gray .board-directors-list .board-directors-title, body.theme-gray .signel-service, body.theme-gray .border-top, body.theme-gray .border-bottom, body.theme-gray .border-left, body.theme-gray .border-right, body.theme-gray  .nav>li>a, body.theme-gray .msg-para{
    background-color: #000;
}

.cs-head{
	left: 50%;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    transform: translate(100%);
}
.cs-profile{
	padding:30px;
}

.cs-profile img{
    width: 100%;
	padding: 30px;
}

.cs-list{
	margin-top: 70px;
}
body.theme-gray .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #0088d7;
}
body.theme-gray  .ss-left h3 span{
    color:#0088d7;
}
body.theme-gray  .ss-right h3 span{
    color:#333;
}
body.theme-gray .ss-container h2,  body.theme-gray .iconbox1-icon i, body.theme-gray .jt-timeline, body.theme-gray .jt-timeline > .jt-wrapper{
    background-color: #000;    border: 1px solid #878e95;
}
body.theme-gray .signel-service i{
    color: #fff;
}
body.theme-gray .skdslider ul.slide-navs li{
    background-color: #fff;
}
body.theme-gray .skdslider ul.slide-navs li.current-slide{
        background: #faee1e !important;
}
body.theme-gray .item{
    background:#000;
}
body.theme-gray .tableBlue>tbody>tr>td, body.theme-gray .tableBlue>tbody>tr>th, body.theme-gray .tableBlue>tfoot>tr>td, body.theme-gray .tableBlue>tfoot>tr>th, body.theme-gray .tableBlue>thead>tr>td, body.theme-gray .tableBlue>thead>tr>th{
    background-color: #000 !important;
}
body.theme-gray .tableBlue-bordered tr  {
    background: #000 !important;
}
body.theme-gray .nav-tabs>li.active>a, body.theme-gray .nav-tabs>li.active>a:focus, body.theme-gray .nav-tabs>li.active>a:hover, body.theme-gray .table-bordered thead{
    background: #000 !important;
}
body.theme-gray .table-striped>tbody>tr:nth-of-type(odd), body.theme-gray .panel-default .panel-heading{
     background: #000 !important;
}
body.theme-gray .allTableBorder>tbody>tr>td, body.theme-gray .allTableBorder>tbody>tr>th, body.theme-gray .allTableBorder>tfoot>tr>td, body.theme-gray .allTableBorder>tfoot>tr>th, body.theme-gray .allTableBorder>thead>tr>td, body.theme-gray .allTableBorder>thead>tr>th{
    background: #000 !important;
    color: #fff !important;border: 1px solid #fff;
}
body.theme-gray .titleline, body.theme-gray .titleline-icon, body.theme-gray .font-size>a{
    border-color: #fff;
}
body.theme-gray .btn-theme, body.theme-gray .bg-primary, body.theme-gray .career-nav li a.cractive, body.theme-gray .career-nav li a, body.theme-gray .bg-ddd{
    background-color: #222;
}
body.theme-gray .table-hover>tbody>tr:hover, body.theme-gray .btn-blue{
    background: #222 !important;
    border-color:#fff;
}
body.theme-gray .table .table, body.theme-gray .quick-btn{
    background-color: #000;
}
body.theme-gray .topcontrol, body.theme-gray .home_blog, body.theme-gray .bg-faee1e{
    background:#222;
    border:1px solid #fff;
}
body.theme-gray .home_blog, body.theme-gray .home_blogGreen, body.theme-gray .lbg-green, body.theme-gray .lbg-green:hover, body.theme-gray .lbg-gray, body.theme-gray .lbg-gray:hover{
	background-color:#000;
	border:1px solid #fff;
}
body.theme-gray .bg-e8, body.theme-gray .bg-e8:hover{
    background:#000 !important;
}
body.theme-gray .triangle_btn, body.theme-gray .triangle_btn:hover{
    background-color: #222 !important;
}
body.theme-gray .cms-recent-event li .date{
	background-color: #fff !important;
}
body.theme-gray .cms-recent-event li .date .month, body.theme-gray .cms-recent-event li .date .day{
	color:#000 !important;
}
body.theme-gray .pricing_tbl_box:after, body.theme-gray .quick-dropdown, body.theme-gray .quick-dropdown li a:hover, body.theme-gray .thumbnail{
    background:#000 !important;
}
body.theme-gray .tab-content {
    background: #222;
}
body.theme-gray .hovereffect .overlay, body.theme-gray .bg-f5{
	background:#000 !important;
}
body.theme-gray .overlay h2, body.theme-gray .thumbnail h5, body.theme-gray .thumbnail h4{
	color:#fff112 !important;
}

body.theme-gray .icon-arrow-list li i{
    color: #fff;
}
body.theme-gray .hvr-underline-from-left:before, body.theme-gray .heading-title:after{
    background: #fff;
}
body.theme-gray .item:hover{
    border-color:#fff;
}
body.theme-gray .modal-content {
    background: #000000;
}
 body.theme-gray #board-directors-details .bx-wrapper .bx-prev, body.theme-gray #board-directors-details .bx-wrapper .bx-next, body.theme-gray .iconbox2-icon i{
    background-color: #222;
 }
 
 .figur-details h1 {
		float: left;
		margin: 0;
		padding: 5px 15px;
		width: 100%;
		color: #333;
		font-size:30px;
	}

	.skdslider ul.slide-navs {

		z-index: 100;
	}

	.figur-details {

		z-index: 100;
	}
	
	.instructions {
	  text-align:center;
	  font-size:20px;
	  margin: 15vh;
	}  

	/* //////////////////////////////////////////////////////////////////////////////////////////////
		//   Default Modal Styles   //
	////////////////////////////////////////////////////////////////////////////////////////////// */
	/*   This is the background overlay   */
	.backgroundOverlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #000000;
		opacity: .85;
		filter: alpha(opacity=85);
		-moz-opacity: .85;
		z-index: 101;
		display: none;
	}
	/*   This is the Popup Window   */
	.delayedPopupWindow {
		display: none;
		position: fixed;
		width: auto;
		max-width: 80%;
		height: auto;
		top: 50%;
		left: 50%;
		background-color: #efefef;
		z-index: 102;
		padding: 10px 20px;
		transform: translate(-50%,-50%);
		background-size:100% 100%;
	}
	/*   This is the closing button  */

		#btnClose{
			width:100%;
			display: block;
			text-align: right;
			text-decoration: none;
			color: #000000;
		}
	/*   This is the closing button hover state  */
	#btnClose:hover {
		color: #c90c12;
	}

	.modal-logo img{
		width:950px;
	}

	.vigilance-logo{
		float:right;
	}

	.center-content{
		padding: 60px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 100px;
	}
	
	 .wapper-notice {
		margin: 50px auto;
		width: 95%;
		height: 600px;
	}

	.wapper-notice img {
		width: 100%;
		height: 300px;
	}

	.wapper-notice hr{
		margin: 10px;
	}

	.head-pop{
		text-align: center;
		padding-bottom: 0px;
	}

	.head-pop h2{
		text-transform: uppercase;
		font-weight: 600;
		background: #0088d7;
		display: inline-block;
		padding: 10px 20px;
		color: #fff;
		letter-spacing: 1.5px;
			margin-top: 5px;
	}

	.news-box{
		background: yellow;
		overflow: hidden;
		padding: 25px 20px;
		min-height:300px;
	}


	.news-box h2{
		text-align: center;
		font-size: 22px;
		font-weight: 700;
		padding-bottom: 20px;
	}

	.news-box p{
		line-height: 25px;
		font-size: 15px;
		padding-bottom: 15px;
		font-weight: 600;
	}
 
 
.font-size-18 {
    font-size: 18px !important;
    line-height: 27px !important;
}

.according-area .pop-header .pop-close {
    margin-top: -2px;
    display: none;
}

.wapper-notice {	
    margin: 50px auto;
    width: 95%;
    height: 600px;
}

.wapper-notice img {
    width: 100%;
    height: 300px;
}

.wapper-notice hr{
	margin: 10px;
}

.head-pop{
    text-align: center;
    padding-bottom: 0px;
}

.head-pop h2{
    text-transform: uppercase;
    font-weight: 600;
    background: #0088d7;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    letter-spacing: 1.5px;
	    margin-top: 5px;
}

.news-box{
	background: yellow;
    overflow: hidden;
    padding: 10px;
    min-height: 300px;
}


.news-box h2{
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0;
}

.news-box p{
	line-height: 25px;
    font-size: 15px;
    padding-bottom: 15px;
    font-weight: 600;
}

.notice-popup {
   
	background: rgb(0 0 0 / 0%);
}

.wapper-notice {
    margin: 75px auto;
    width: 60%;
    height: auto;
    overflow: hidden;
}
.news-box h2 {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0;
}

.news-box p {
    line-height: 18px;
    font-size: 11px;
    padding-bottom: 5px;
}

.head-pop h2 {
        font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
}

.popup-body {
    border: 2px solid #0088d7;
}


.Quizmodal {
    display: none;
    position: fixed;
    z-index: 99999999;
    left: 50%;
    top: 50%;
    max-width: 600px;
    overflow: auto;
    transform: translate(-50%,-50%);
	}
.Quizmodal-content {
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    padding: 20px;
    width: auto;
}
.modal-logo img{ 
	width:500px;
	height:300px;
	}
	
.Quizclose{
	font-size: 27px;
    position: absolute;
    left: 501px;
}
.close {
  cursor: pointer;
  position: absolute;
  top: 12%;
  right: 4%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}

.modal-logo ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.modal-logo ul li {
  padding: 12px;
  display: block;
  position: relative;
}

.Quizmodal-content{
	background:url(img/kochi-background.png);
	background-size:100% 100%;
	
}

.hit-counter{
	position: absolute;
    bottom: 25px;
    text-align: center;
    left: 50%;
    transform: translatex(-50%);
}

.hit-counter span{
	font-size: 18px;
    background: #000;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
}
.skdslider ul.slide-navs {

    z-index: 100;
}

.figur-details {

    z-index: 1;
}

.news-box p{
	text-align:center;
}


.banner-slider .figur-details .pt-30 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.figur-details h1, .figur-details h2 {
    float: left;
    margin: 0;
    padding: 5px 15px;
    width: 100%;
    color: #333;
    font-size: 22px !important;
    border: none;
}

.mt-150 {
    margin-top: 100px !important;
}

.notice-popup {
    background: rgb(0 0 0 / 0%);
    background: rgb(0 0 0 / 35%) !important;
}

.wapper-notice {
    box-shadow: 2px 2px 8px 4px #ffffff61;
    margin: 160px auto !important;
    width: 60%;
    border-radius: 10px;
}

.head-pop h2 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    display: block;
}
.news-box h2 {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0;
}

.popup-body {
    border: 2px solid #0088d7;
    border-radius: 10px;
}
.wapper-notice {
    box-shadow: 2px 2px 8px 4px #ffffff61;
    margin: 75px auto;
    width: 60%;
    border-radius: 10px;
}
.news-box {
    background: yellow;
    overflow: hidden;
    padding: 10px;
    min-height: 360px;
}
.news-box p {
    line-height: 18px;
    font-size: 11px;
    padding-bottom: 5px;
    }
    
    
    
    .news-box1 {
    margin-right: 10px;
    }

    .pop-close {
    position: absolute;
    top: 13px;
    right: 12px;
    color: #ffffff;
    font-size: 30px;
    background: #0088d7;
    padding: 2px 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    z-index: 9999;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.ab-con img{
    width:100%;
    padding: 15px 0;
}

.timeline-slider .jt-right {
    display: none;  
}

.item-img img{
    height:270px;
}

    .webcastslide img{
        width:100%;
            height: 569px;
    
    }
    .webcastslide{
        position:relative;
    }
    .webcastslide p{
    position: absolute;
    bottom: 47px;
    left: 50%;
    background: #ffffff;
    padding: 27px;
    transform: translate(-50%);
    width: 60%;
    text-align: center;
    }
    .webcastslide a{
         
    font-size: 18px;
    font-weight: bold;
    }

.modal-but button{
    position: fixed;
    top: 36%;
    transform: rotate(270deg);
    right: -60px;
    background: red;
    z-index: 1;
    padding: 10px 20px;
    height: auto;
}


.gail-cautions .modal {
    z-index: 9999999;
}

.gail-cautions .modal-body {
    position: relative;
    padding: 10px;
}

.gail-cautions .modal-header button{
    float: right;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    font-size: 20px;
    color: #0088d7;
    padding: 0;
    right: 14px;
    top: 14px;
    position: absolute;
}

.gail-cautions .modal-dialog {
    transform: none!important;
    margin-top: 80px;
    width: 60%;
    margin: 160px auto;
}

.gail-cautions .modal-content {
    background: #fff;
    border-radius: 15px !important;
    box-shadow: 2px 2px 8px 4px #ffffff61;
    border: 2px solid #0088d7;
}

.gail-cautions .news-box {
    background: yellow;
    overflow: hidden;
    padding: 10px;
    min-height: 360px;
}

@media only screen and (max-width: 767px){
	
	.cs-profile {
    position: relative;
    overflow: hidden;
}
.cs-head {
    transform: translate(-50%);
}

	#logoImg {
    position: absolute;
    right: 95px;
    top: 13px;
}
#logoImg2 {
        position: absolute;
        right: 193px!IMPORTANT;
    top: 12px;
}
#logoImg2 img{
         width: 100px!important;  
}

 .panel-title { 
    font-size: 12px;
    }
    .notice-popup {
    overflow: scroll;
}
    .wapper-notice {
    margin: 10px auto !important;
    width: 95% !important;
    height: auto !important;
}
.wapper-notice img{
    width: 100%;
    height: auto;
}

.news-box {
    min-height: 100px;
    margin-bottom: 10px;
}
.news-box h2 {
    padding-bottom: 10px;
    margin-top: 0;
}

.Quizmodal {
    display: none;
    position: fixed;
    z-index: 99999999;
    left: 0% !important;
    top: 50% !important;
    max-width: 600px !important;
    overflow: auto;
    transform: translatey(-50%) !important;
    padding: 20px !important;
}

.close{
    cursor: pointer;
    font-size: 20px !important;
    position: absolute !important;
    top: 23% !important;
    right: 41px !important;
    color: #fff;
    background-color: black;
    padding: 5px 8px !important;
    transform: translate(0%, -50%) !important;
}
.modal-logo img {
    width: 100% !important;
    height: auto !important;
}

.bottom1 img{
    height: 94px !important;
    position: absolute !important;
    top: 117px !important;
    width: 130px !important;
    left: 138px !important;
    object-fit: contain !important;
}
.titleline ul li{
    list-style:none;
}
.titleline{
    color:red;
}


.bottom1 img {
    height: 94px !important;
    position: absolute !important;
    top: -105px !important;
    width: 130px !important;
    left: -15px !important;
    object-fit: contain !important;
}

.webcastslide p {
    position: absolute;
    bottom: -41px;
    left: 50%;
    background: #ffffff;
    padding: 9px;
    transform: translate(-50%);
    width: 90%;
    text-align: center;
    line-height: 20px;
    font-size: 23px;
    box-shadow: 0px 0px 4px 0px #0003;
}
    .webcastslide a {
    color: #0088d7;
    font-size: 12px;
    font-weight: bold;
}
    .webcastslide img {
    width: 100%;
    height: auto;}
    .mt-150 {
    margin-top: 54px !important;
}

.gail-cautions .modal-dialog {
    transform: none!important;
    margin-top: 80px;
    width: 90%;
    margin: 30px auto;
}

.section-1 .item-img img {
    height: auto;
}

#cssmenu {
    width: 100%;
    height: 55px;
}

.button {
    height: 50px;
    width: 40px;
}

.dl-search {
    height: 55px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 0;
    width: 45px;
    z-index: 9;
}
.dl-shtrigger {
    text-align: center;
	line-height: 45px;
}

.site-search-form {
    height: 35px;
}

#logoImg img, #logo img, #logoImg2 img {
    width: auto !important;
    height: 30px !important;
}
#logoImg2 {
    position: absolute;
    right: 160px !important;
    top: 12px;
}

#logo {
    left: 15px;
    position: absolute;
    top: 10px;
    width: auto;
    z-index: 9;
}

#logoImg {
    position: absolute;
    right: 95px;
    top: 13px !important;
}

.button {
    border: medium none;
    cursor: pointer;
    float: right;
    height: 50px !important;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-indent: -900em;
    width: 48px;
}

.button::after {
	top: 13px !important;
}

#cssmenu {
    width: 100%;
    height: 60px !important;
}

#cssmenu > ul {
    top: 65px !important;
}


}

@media (min-width:768px) and (max-width:991px){
    #logoImg {
    position: absolute;
    right: 95px;
    top: 13px;
}
	
	.webcastslide img {
    width: 100%;
    height: auto;
}

    .webcastslide p {
    position: absolute;
    bottom: -43px;
    left: 50%;
    background: #ffffff;
    padding: 20px;
    transform: translate(-50%);
    width: 90%;
    text-align: center;
    line-height: 20px;
    font-size: 23px;
    box-shadow: 0px 0px 4px 0px #0003;
}
#logoImg2 {
        position: absolute;
        right: 200px!IMPORTANT;
    top: 12px;
}



}
@media (min-width:992px) and (max-width:1200px){
	#logoImg {
    position: absolute;
    right: 95px;
    top: 12px;
}
#logoImg2 {
        position: absolute;
        right: 200px!IMPORTANT;
    top: 12px;
}
    .webcastslide p {
    position: absolute;
    bottom: 20px;
    left: 50%;
    background: #ffffff;
    padding: 27px;
    transform: translate(-50%);
    width: 60%;
    text-align: center;
}


}

@media (min-width:1201px) and (max-width:1460px){
	nav {
		width: 88%;
	}
	
	#logo {
		width: auto;
	}
	
	nav a {
        font-size: 9px;
		    padding: 13px 3px;
	}
	
	#logoImg2 img, #logoImg img , #logo img{
		width:auto !important;
		height:40px !important;
	}
	
	#logoImg2 {
    right: 130px !important;
}

 
.search-wrapper {
    line-height: 40px;
}

nav a {
    font-size: 8px;
    padding: 5px 3px;
    line-height: 60px;
}
	
	
	
}

@media (min-width:1461px) and (max-width:1570px){
	nav {
		width: 84% !important;
	}
	
	#logo {
		width: auto;
	}
	
	nav a {
        
    font-size: 9px !important;
    padding: 5px 5px !important;

	}
	
	#logoImg2 img, #logoImg img , #logo img{
		width:auto !important;
		height:40px !important;
	}
	
	#logoImg2 {
    right: 130px !important;
}

 
.search-wrapper {
    line-height: 40px;
}

nav a {
    font-size: 8px;
    padding: 5px 3px;
    line-height: 60px;
}
}

@media (min-width:1300px) and (max-width:1550px){
	

}
.newtab img{
	width:100%;
	height: 240px;
}

.newtab h4{
	text-align:center;
}
.newtab p{
	    padding-top: 5px;
    border: 1px solid #e2e2e2;
    padding: 5px;
	text-align: center;
    font-size: 13px;
	font-weight: bold;
}
.boxtab:hover p{
	box-shadow:0px 0px 2px 2px #e6e5e58a;
}
.green_box{
	border: 2px solid #5d9127;
    border-radius: 5px;
    background: #ecf5e6;
}
.green_box h5{
	font-size: 20px;
    font-weight: bold;
}
.sustain_green_box {
	    padding: 10px;
    border: 3px solid #71bf44;
    background: #edf6e6;
}
.sustain_table thead{
	background: #71bf44;
    color: #fff;
}
.sustain_table tbody tr:nth-child(even){
	background:#eff7e8;
}
.sustain_table tbody tr:nth-child(odd){
	background:#e7e7e8;
}
#logoImg2{position: absolute;
    right: 170px;
    top: 12px;}
#logoImg2 img{width: auto;
    height: 50px;}	


    .biofuel .wapper-notice {
    
        width: 25%;
        margin: 10px auto !important;
    }
    
    .biofuel .popup-body {
        float: left;
        margin: 0;
        padding: 0px;
        }
    
    .biofuel .wapper-notice img {
        width: 100%;
        height: auto;
    }
    
    .biofuel .pop-close {
        position: absolute;
        top: 5px;
        right: 5px;
        }
    #myModal2{
        z-index:9999;
    }
    #myModal2.gail-cautions .modal-content {
        background: #fff;
        border-radius: 15px !important;
        box-shadow: 2px 2px 8px 4px #ffffff61;
        border: 2px solid #0088d7;
        width: 70%;
        margin: 0 auto;
    }
    #myModal2 .modal-dialog {
        margin: 45px auto !important;
    }
    
    
    .buyBack img{
        width: 100%;
        height: 200px;
    }
    
    .buyBack .item_text{
        background: #cccdcf;
        padding: 10px;
        height: 90px;
        text-align: center;
        }
        
        .buyBack .item_text i{
            font-size: 38px;
            color: yellow;
            margin-top: 7px;
        }
        
        .item_text:hover .fa-refresh{
            color:#0088d7
        }
        
        .buyBack .item_text p{
            text-align:center;
        }
        
        .modal-but button {
        position: fixed;
        top: 56%;
        }
        
        .onlineBtn a{
                position: fixed;
        top: 36%;
        transform: rotate(270deg);
        right: -75px;
        background: #faee1e;
        z-index: 1;
        padding: 10px 20px;
        height: auto;
        color: #000;
        font-size: 18px;
        }
      .twitImg {background-image: url(images/twityellow.png);
        height: 48px;
        background-repeat: no-repeat;
        background-position: center;
      }
      .twitImg:hover{
        background-image: url(images/twitblue.png);
        height: 48px;
        background-repeat: no-repeat;
        background-position: center;
      }
    @media (max-width:2000px) and (min-width:1025px)  {
        .skdslider {
        height:600px !important;} 
        }