@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding:0; margin:0;}

h1, h2, h3, h4, h5, h6 { margin:0;}

india-flag, header, header-menu, logo-search, main-menu, slider, wrapper, section, .am-profile, .main-section, client, footer, slider-down, .four-link, .four-link ul, banner { width:100%; float:left;}

.marquee { padding:10px 0; border-bottom:3px solid #195c9f; width:100%; float:left;

-webkit-box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);

-moz-box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);

box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);

color:#f26522;

font-size:16px;

font-weight:600;

}

.emb-text .about, .emb-text .in-page-link { padding:30px 15px;}

.emb-text .about.col-lg-9.col-md-9.col-sm-12.col-xs-12 { background:#fff url(../images/right-border-left.gif) repeat-y right top;}

.inner-page { border-bottom:1px solid #ccc;}

ul.ab-ul { margin-bottom:15px; width:100%; float:left;}

ul.ab-ul li { float:left; padding:0 10px; background:url(../images/icon/gray.png) no-repeat right center; }

ul.ab-ul li:first-child { padding-left:0;}

ul.ab-ul li:last-child { padding-right:0; background:none; }

ul.ab-ul li a { color:#595656; font-size:13px;}

.emb-text h2 {  font-size:22px; font-weight: 600; color: #25578c; text-align: left; margin-bottom:15px; line-height: normal;}

.emb-text h2 em { font-size:15px; font-weight:400;}

.emb-text p { color:#595656; font-size:15px; text-align:justify;}

.emb-text p strong { font-weight:600;}

.emb-text p:last-child { margin-bottom:0;}

.emb-text .in-page-link ul li { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}

.emb-text .in-page-link ul li a { color:#595656; font-size:15px; background:url(../images/arrow.png) no-repeat 0 center / 8px; padding-left:19px;}

.emb-text .in-page-link ul li a:hover { color:#25578c;}

.embassy-pages { min-height: 490px;}

.consular-pages { min-height: 1132px;}

.press-pages {min-height: 405px;}

.in-page-text { width:100%; float:left; padding-right:30px;}

ul.ambassador-ul { width:100%; float:left; display:block; text-align:center;}

ul.ambassador-ul li { display:inline-block; width:100%;}

ul.ambassador-ul li strong { font-weight:600; font-size:16px;}

ul.ambassador-ul li img { margin-bottom:12px; padding:5px; background:#b9c1c8;}

slider { position:relative; overflow:hidden;}

slider-down { position: absolute; top: 0; left: 0;}

slider-down .pull-right .blue-back { position: relative; right: 0; background: #195c9f; height: 100vh; z-index:1; width:40px;}

banner.banner-work { background: url(../images/inner-banner-blank.jpg) no-repeat 0 center / cover;}

banner.banner-work .col-lg-12.col-md-12.col-sm-12.col-xs-12 { background:url(../images/6_1_about-icon.png) no-repeat right center; padding:30px 75px 30px 15px;}

banner.banner-work h1 {font-size:28px; color:#fff;}

india-flag { background:url(../images/indian-flag-strip.jpg) no-repeat center top / cover; height:10px; border-bottom:1px solid #ccc;}

.shrink-menu { position:fixed; z-index:999; top: 0;}

header-menu { background:#efefef; padding:10px 0; border-bottom:1px solid #ccc;}

header-menu ul { margin-bottom:0; float:left;}

header-menu ul.ul-right { float:right;}

header-menu ul li { float:left; background:url(../images/head-menu-border.jpg) no-repeat 0 center; font-size:13px; color:#595656; padding: 3px 8px 3px 8px;}

header-menu ul li:first-child { padding-left:0; background:none;}

header-menu ul li:last-child { padding-right:0;}

header-menu ul li a { color:#595656; font-size:13px;}

header-menu ul li a:hover { color:#595656;}

logo-search { padding:20px 0; box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); position: relative; z-index: 4; background:#fff;}

.logo { float:left;}

.logo a { display:block;}

.search, .india-kyiv-time { float:right;}

.search ul { position:relative; margin-bottom:0; float:left; padding: 10px 0;}

.search ul li { float:left;}

.search ul li input { height:47px;}

.search ul li:first-child input { width:300px; border: 1px solid #e5e5e5; padding:0 10px;}

.search ul li:last-child input { border:none; position:absolute; right:0; background:url(../images/serach-icon-btn.png) no-repeat center; padding:0 20px;}

.navbar-brand-dn { display:none;}

.india-kyiv-time ul { margin: 10px 0;}

.india-kyiv-time ul li:first-child { margin-bottom:8px;}

slider .item .slider-text p { float: left; margin-bottom:0;}

ul.slider-read-more { float: right; margin-bottom:0;}

span.caret { display:none;}

main-menu { box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); position: relative; z-index: 2;}

main-menu .navbar-inverse { background-color: #195c9f; border: none; margin-bottom:0; border-radius: 0;}

main-menu .navbar-inverse ul.embassy-menu { width:100%; display:block; text-align:center;}

main-menu .navbar-inverse ul.embassy-menu li { display:inline-block; float:none;}

main-menu .navbar-inverse ul.embassy-menu li a { color: #fff; font-size:13px; font-weight:400; white-space:normal;}

main-menu .navbar-inverse ul.embassy-menu li a:hover, main-menu .navbar-inverse ul.embassy-menu li a:active, main-menu .navbar-inverse ul.embassy-menu li a:focus { background:#eef1f5; color:#195c9f;}

main-menu .navbar-inverse ul.embassy-menu li:hover ul.dropdown-menu { display:block;}

.dropdown-submenu { position: relative;}

.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px;}

main-menu .navbar-inverse ul.embassy-menu li:hover ul.dropdown-menu li ul.dropdown-menu { display:none;}

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu { padding:0; background: #eef1f5; border: 1px solid #e5e5e5; border-radius:0; box-shadow: 0 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); min-width: 280px;}

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li { display:block; width:100%;}

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li a {color: #3d3d3e; font-size:13px; padding: 8px 15px; border-bottom: 1px solid #e5e5e5;}

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li:last-child a { border-bottom:none;}

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li a:hover, main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li a:active, main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li a:focus { background:#195c9f; color:#fff;}

slider .item { width:100%; float:left;}

slider .item img { width:100%; float:left;}

slider .item .slider-text { margin-top: 0; padding: 10px 20px 13px 20px; position: absolute; bottom: 0; left: 0; width: 100%; background:rgba(25, 92, 159, 0.7);  transition: all 0.5s ease-in-out;}

slider .item:hover .slider-text { background:rgba(25, 92, 159, 1);}

slider .item .slider-text h2 { font-size:20px; line-height: 34px; font-weight: 600; color:#fff; margin-bottom:0;}

slider .item .slider-text p { font-size:17px; color:#fff;}

.carousel.slide .carousel-control { display:none; background-image: none !important; width: 7%;}

.carousel.slide:hover .carousel-control { display:block;}

ul.slider-read-more { margin-bottom:0; bottom: 27px;}

ul.slider-read-more li { background:url(../images/read-more.png) no-repeat 0 center / 20px;}

ul.slider-read-more li a, ul.slider-read-more li a:hover { color:#fff; margin-left:10px; margin-left: 30px; font-size: 16px;}

.tab-info { padding: 40px 15px 40px 30px;}

.tab-info ul.nav { display:block; text-align:center; border-bottom: 1px solid #dcdada}

.tab-info ul.nav li { display:inline-block; float:left;}

.tab-info ul.nav li a { color: #3d3d3e; font-size: 16px; font-weight:400; padding: 13px 0; margin-left: 39px;}

.tab-info ul.nav li:first-child a { margin-left:0;}

.tab-info ul.nav li a:hover, .tab-info ul.nav li a:active { background:none; color:#f26522;}

.tab-info ul.nav li.active a, .tab-info ul.nav li.active a:hover, .tab-info ul.nav li.active a:active { background:none; color:#f26522; border-bottom:4px solid #f26522;}

ul.tab-ul { padding:25px 0; border-bottom: 1px solid #dcdada; margin-bottom:0; height:339px; overflow:auto;}

ul.tab-ul-n { height:273px;}

ul.tab-ul li { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #3d3d3e;}

ul.tab-ul li:last-child { border-bottom:none;}

ul.tab-ul li a { font-size: 15px; color: #595656; font-weight: 600; display: block; background: url(../images/arrow.png) no-repeat 0 7px / 10px; padding-left: 20px;}

ul.tab-ul li a em { font-size:12px;}

ul.tab-ul li a:hover { text-decoration:none; color: #195c9f; background:url(../images/arrow-hover.png) no-repeat 0 7px / 10px; padding-left:20px;}

ul.tab-read-more { float:left; margin-top:20px; margin-bottom:0;}

ul.tab-read-more li a { display:block; background:#195C9F url(../images/read-more.png) no-repeat 15px center / 20px; padding:10px 20px 10px 45px; color:#fff; font-size:16px; border-radius:5px;}

ul.tab-read-more li a:hover { text-decoration:none; background:#f26522 url(../images/read-more.png) no-repeat 15px center / 20px;}

section.emb-section { background:#F0F0F0;}

.work-tab { padding-left:0;}

.work-emb { padding:40px 15px 40px 15px;} 

.work-embs { padding:10px 15px 40px 15px; width:102%;} 

.am-profile { margin-bottom:23px;}

.am-profile img { float:left; width:164px; border:1px solid #ccc;}

.am-profile-text { float:left; margin-left:15px;}

.am-profile-text h2 { color: #195c9f; font-size:18px; font-weight:600; margin-bottom:15px;}

.am-profile-text h2 span { color: #195c9f; font-size:13px; font-weight:normal;}

.am-profile-text ul li { margin-bottom:4px;}

.am-profile-text ul li:last-child { margin-bottom:0;}

.am-profile-text ul li.profile { background:url(../images/icon/profile.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.speeche-interview { background:url(../images/icon/sp-in.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.am-number { background:url(../images/icon/call.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.am-email { background:url(../images/icon/mail.png) no-repeat 0 center / 15px;}

.am-profile-text ul li a { color:#595656; font-size:13px; margin-left:20px;}

.am-profile-text ul li:hover a { color:#f26522; text-decoration:none;}

.am-profile-text ul li.profile:hover { background:url(../images/icon/profile-hover.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.speeche-interview:hover { background:url(../images/icon/sp-in-hover.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.am-number:hover { background:url(../images/icon/call-hover.png) no-repeat 0 center / 15px;}

.am-profile-text ul li.am-email:hover { background:url(../images/icon/mail-hover.png) no-repeat 0 center / 15px;}

.indian-post { float:left; width:47%; background:#fff; padding:10px; border:1px solid #ccc; text-align:center;}

.indian-post-margin { margin-left:6%;}

.indian-post img { width:100%; padding:10px 20px;}

.indian-post h2 { color: #195c9f; font-size:20px; font-weight:normal; margin-bottom:8px; text-align:center;}

.indian-post p { margin-bottom:5px;}

.four-link ul { margin-bottom:0;}

.four-link ul li { width:100%; float:left; margin-bottom:15px;}

.four-link ul li:last-child { margin-bottom:0;}

.four-link ul li a { display:block; padding:10px 10px 10px 40px; font-size:18px; font-weight:600; background:#fff url(../images/national-emblem.png) no-repeat 10px center / 20px; border:1px solid #ccc; border-radius:5px; color:#195c9f;}

.four-link ul li a.itec-class {background-color:#2a68a6;color:#fff;}

.four-link ul li a:hover, .four-link ul li a:active, .four-link ul li a:focus {

-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

color:#; text-decoration:none;}

.what-new-section { background:#195C9F;}

.what-new { padding:12px 0px 1px 15px; width:100%; float:left;}

.what-new h2 { color:#fff; font-size:22px; margin-bottom:20px; font-weight:600;}

.emb-info img { float:left; width:300px; margin-right:20px; border:1px solid #ccc;}

.emb-info ul { margin-top:40px; float:left; margin-bottom:0;}

.emb-info ul li { margin-bottom:10px;}

.emb-info ul li:last-child { margin-bottom:0;}

.emb-info ul li a, .emb-info ul li a:focus { color:#595656; font-size:14px; font-weight:600; background:url(../images/arrow.png) no-repeat 0 5px / 10px; padding:0 0 0 20px; margin-bottom:10px;}

.emb-info ul li:last-child a { margin-bottom:0;}

.emb-info ul li a:hover, .emb-info ul li a:active { color:#195c9f; background:url(../images/arrow-hover.png) no-repeat 0 5px / 10px; text-decoration:none;}

.treadmill {

	overflow: hidden;

	height:252px !important;

}

.treadmill-unit {

	overflow: hidden;

	position: relative;

	width:100%;

	float:left;

	padding-bottom:10px;

	margin-bottom:10px;

	border-bottom:1px dotted #fff;

}

.treadmill-unit img {

float:left;

width:10px;

margin-right:7px;

margin-top:5px;

}

.treadmill-unit, .treadmill-unit a {

	font-size: 14px;

	color: #fff;

	font-weight: 600;

}

.treadmill-unit a em {

	font-size: 12px;

}

ul.what-new-ul {

    margin-bottom: 0;

    width: 100%;

    float: left;

}

ul.what-new-ul li {

    width: 100%;

    float: left;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px dashed #fff;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

}

ul.what-new-ul li:last-child {

    border-bottom: none;

    padding: 0;

    margin: 0;

}

ul.what-new-ul li img {

    width: 10px;

    margin-right: 10px;

}

ul.what-new-ul li a {

    color: #fff;

    font-size: 15px;

    font-weight: 600;

}

a.view-all { float:right; margin-top:10px; color:#fff; background:url(../images/view-all.png) no-repeat 0 center / 20px; display:block; padding-left:25px;}

.imp-link-main h2 { color:#f26522; font-size:23px; margin-bottom:20px; font-weight: 600;}

.imp-link-main ul.imp-link li { margin-bottom:8px;}

.imp-link-main ul.imp-link li a, .imp-link-main ul.imp-link li a:focus { color:#595656; font-size:14px; font-weight:600; background:url(../images/arrow.png) no-repeat 0 center / 10px; padding:0 0 0 20px;}

.imp-link-main ul.imp-link li:last-child { margin-bottom:0;}

.imp-link-main ul.imp-link li a:hover, .imp-link-main ul.imp-link li a:active { color:#f26522; background:url(../images/arrow-hover.png) no-repeat 0 center / 10px; text-decoration:none;}

.logo-section { padding:40px 0 25px;  border-bottom:1px solid #ccc;  border-top:1px solid #ccc;}

.logo-section ul { margin-bottom:0;}

.logo-section ul li { width:23.5%; float:left; margin-left:2%; margin-bottom:15px;}

.logo-section ul li:nth-child(4n+1) { margin-left:0;}

.logo-section ul li a { display:block; border:1px solid #ccc; padding:0; color:#fff; position:relative;}

.logo-section ul li a:hover, .logo-section ul li a:active, .logo-section ul li a:focus { color:#fff;}

.logo-section ul li a img { width:100%;}

.logo-section ul li a span { width:100%; display:block; text-align:center; background:rgba(25, 92, 159, 0.7); position:absolute; padding:2px 0; left:0; bottom:0; font-weight:600; font-size:18px; opacity:0; visibility:hidden; transition: all 0.5s ease-in-out;}

.logo-section ul li a:hover span { opacity:1; visibility:visible;}

.logo-section ul li a span:hover { background:rgba(242, 101, 34, 0.7);}

.logo-section ul.three-im-sec li { width:32%;}

.logo-section ul.three-im-sec li:nth-child(4n+1) { margin-left:2%;}

.logo-section ul.three-im-sec li:nth-child(3n+1) { margin-left:0;}

.logo-section ul.three-im-sec li a span { visibility:visible; opacity: 1; padding: 10px 0;}

client { padding:20px 0; border-bottom:1px solid #ccc;}

footer { padding:20px 0; background:#195C9F;}

footer p { color:#fff; font-size:14px; font-weight:400; margin-bottom:15px; text-align:center;}

.foot-top { margin-bottom:15px;}

ul.foot-menu { margin-bottom:0; float:left; width: 100%; display: block; text-align: center;}

ul.foot-menu li { float:none; display:inline-block;}

ul.foot-menu li a { color:#fff; padding:0 10px; font-size:14px; background:url(../images/footer-boder.jpg) no-repeat 0 center;}

ul.foot-menu li:first-child a { padding-left:0; background:none;}

ul.foot-menu li:last-child a { padding-right:0;}

ul.foot-counter { margin-bottom:0; float:right;}

ul.foot-counter li, ul.foot-text li { float:left; color:#fff; font-size:14px;}

ul.foot-counter li.visitor-work { padding: 3px 10px 0 0;}

ul.foot-text li a { color:#fff; font-weight:bold;}

ul.foot-text li a:hover { color:#fff;}

ul.foot-text { margin-bottom:0; float:left;}

#basicSlider { position: relative;}



#basicSlider .MS-content {

  white-space: nowrap;

  overflow: hidden;

  height:auto;

}



#basicSlider .MS-content .item {

display: inline-block;

width: 180px;

position: relative;

vertical-align: top;

overflow: hidden;

height: auto;

white-space: normal;

line-height: normal;

vertical-align: middle;

margin-left:20px;

}

#basicSlider .MS-content .item img { width:100%;}





#basicSlider .MS-content .item a {

  line-height: 50px;

  vertical-align: middle;

}



#basicSlider .MS-controls button { position: absolute; }



#basicSlider .MS-controls .MS-left {

  top: 35px;

  left: 10px;

}



#basicSlider .MS-controls .MS-right {

  top: 35px;

  right: 10px;

}



#basicSlider .MS-content .item a {

  line-height: 50px;

  vertical-align: middle;

}



#basicSlider .MS-controls button { position: absolute; }



#basicSlider .MS-controls .MS-left {

  top: 35px;

  left: 10px;

}



#basicSlider .MS-controls .MS-right {

  top: 35px;

  right: 10px;

}



main-menu .navbar-inverse ul.embassy-menu li.menu-what-new a {

background: #195c9f;

    -webkit-animation: mymove 2.5s linear infinite;

    animation: mymove 2.5s linear infinite;

}





@-webkit-keyframes mymove {

    0%   { background: #f26522;}

    25%  { background: #195c9f;}

    75%  { background: #f26522;}

    100% { background: #195c9f;}

}



@keyframes mymove {

    0%   { background: #f26522;}

    25%  { background: #195c9f;}

    75%  { background: #f26522;}

    100% { background: #195c9f;}

}

.res-db { display:none;}



.panel { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0); box-shadow: 0 1px 1px rgba(0,0,0,0); border: none;}

.panel-heading { padding: 0; width: 100%;

float: left;}

.panel-default > .panel-heading, .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none;}

.panel-title a { display: block; padding: 10px; background:#195C9F url(../images/icon/arrow-down.png) no-repeat 99% center / 15px; color:#fff; font-size: 16px; border-radius:5px; width: 100%;

float: left;}

.panel-title a.collapsed { background:#195C9F url(../images/icon/arrow-up.png) no-repeat 99% center / 15px; }

.panel-title a:hover,  .panel-title a:active,  .panel-title a:focus { text-decoration:none;}

.panel-group { margin-bottom:0; padding:30px 0; width: 100%;

float: left;}

.panel-group .panel { width: 100%; float: left;}

}

.panel-title { width: 100%; float: left;}

.social-media-work { padding:10px; background:#fff; border:1px solid #ccc; border-right:none; border-radius:5px 0 0 5px;}

.social-media-work a { margin-bottom:5px !important;}

.social-media-work a:last-child { margin-bottom:0 !important;}

.social-media-work.ssk-sticky.ssk-round .ssk:hover { padding: 7px;}

.social-media-work.ssk-sticky.ssk-right .ssk:hover { padding-right: 7px;}

ul.social-media { position:fixed; right:0; z-index:999; background:#fff; padding:10px; border:1px solid #ccc; border-right:none; border-radius:7px 0 0 7px; margin-bottom:0; top:50%; margin-top:-92px;}

ul.social-media li { margin-bottom:10px;}

ul.social-media li:last-child { margin-bottom:0;}

.in-page-text table td, .in-page-text table th { vertical-align:middle !important;}

.in-page-text table td { font-size:15px; color:#595656;}

.in-page-text table th { font-weight:600; background:#195c9f; color:#fff; font-size:18px;}

.emb-work { width:49%; float:left;}

.emb-work.emb-work-half { margin-left:2%;}

ul.us-link li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; font-weight:600; color: #595656; font-size: 15px;}

ul.us-link li a { color: #595656; font-size: 15px;}

ul.us-link li a em { font-weight:400;}

ul.us-link li a:hover, ul.us-link li a:active, ul.us-link li a:focus { color:#25578c; text-decoration:none;}

ul.us-link li a strong { font-weight:700;}

ul.us-link li img { width:12px; margin-right:5px; position: relative; top: -1px;}



/* gallery */



.lightbox-container .box { width: 23.5%; margin-left:2%; margin-bottom:15px; float: left;}

.lightbox-container .box:nth-child(4n+1) { margin-left:0;}

.lightbox-container .box img { width: 100%; height:175px; border-radius:5px; border:2px solid #195c9f;}

.lightbox-container { width:100%; float:left;}

.lightbox-image{

    cursor:pointer;

}



.lightbox{

    background:rgba(0,0,0,0.93);

    bottom:0;

    height:100%;

    left:0;

    margin:0;

    position:fixed;

    right:0;

    top:0;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width:100%;

    z-index:2500;

}



.lightbox .content{

    display: table;

    height:100%;

    margin:auto;

    width:100%;

}



.lightbox .content .inner {

    display:table-cell;

    vertical-align: middle;

}



.lightbox .content .inner .image,

.lightbox .content .inner .title{

    color:#fff;

    margin:auto;

    padding-bottom: 20px;

    text-align: center;

    width:50%;

}



.lightbox .content .inner .image img{

    max-width:100%;

}



.lightbox .left,

.lightbox .right,

.lightbox .close{

    color:#666;

    font-size:30px;

    opacity:1;

    position: absolute;

    text-shadow: none;

    z-index:2501;

}



.lightbox .close{

    right:20px;

    top:20px;

}



.lightbox .left{

    left:20px;

    top:50%;

}



.lightbox .right{

    right:20px;

    top:50%;

}



.lightbox .left:hover,

.lightbox .right:hover,

.lightbox .close:hover{

    color:#fff;

    cursor: pointer;

    transition:color 0.2s ease;

}



/* gallery */



.cl-work { width:100%; float:left; margin-bottom: 10px;}

ul.img-mid { width:100%; display:block; text-align:center;}

ul.img-mid li { display:inline-block;}

ul.vid-work { width:100%; float:left;}

ul.vid-work li { width:49%; float:left; margin-left:2%; margin-bottom:15px;}

ul.vid-work li:nth-child(2n+1) { margin-left:0;}

ul.ul-form { float:left; width:100%; display:block; text-align:center;}

ul.ul-form li span { display:block; font-weight:600; float:left; margin-bottom:4px;}

ul.ul-form li { float:left; margin-bottom:10px; width:100%;}

ul.ul-form li.submit { width:auto;}

ul.ul-form li.two-width { width:49%;}

ul.ul-form li.three-width { width:32%;}

ul.ul-form li.embassy-new-form-margin { margin-left:2%;}

ul.ul-form li input, ul.ul-form li select { height:42px;}

ul.ul-form li input, ul.ul-form li textarea, ul.ul-form li textarea, ul.ul-form li select { width:100%; padding:10px;}

ul.ul-form li input[type="file"] { padding:0;}

ul.ul-form li img { margin-bottom:5px;}

ul.ul-form li.submit { float:none; display:inline-block; margin-bottom:0;}

ul.ul-form li.submit input { height:auto; background: #195C9F url(../images/submit-icon.png) no-repeat 15px center / 20px; padding: 10px 20px 10px 45px; color: #fff; font-size: 16px; border-radius: 5px; border:1px solid rgba(0, 0, 0, 0);}



ul.ul-form li.submit input:hover { background: #f26522 url(../images/submit-icon.png) no-repeat 15px center / 20px;}



@media (min-width: 766px) {

main-menu .navbar-inverse ul.embassy-menu li ul.dropdown-menu li:hover ul.dropdown-menu { display:block;}

	}

@media (max-width: 1500px) {

.dropdown-submenu .dropdown-menu-right { left:auto; right:100%;}

}



@media (max-width: 1280px) {

ul.social-media { padding: 10px 5px;}

}



@media (max-width: 1199px) {

.am-profile img { width: 146px;}

.tab-info ul.nav li a { font-size: 14px; padding: 10px 0; margin-left: 15px;}

.am-profile img { width: 113px;}

.am-profile-text { margin-left: 9px;}

.am-profile-text h2 { font-size:16px;}

ul.social-media { padding: 10px 10px;}

.emb-info img { float: left; width: 220px;}

header-menu ul, ul.foot-text, ul.foot-counter, ul.foot-menu { display: block; width: 100%; text-align: center;}

header-menu ul.ul-left, ul.foot-menu, ul.foot-text { margin-bottom:5px;}

header-menu ul li, ul.foot-menu li, ul.foot-text li, ul.foot-counter li { float:none; display:inline-block;}

}



@media (max-width: 991px) {

.emb-text .about.col-lg-9.col-md-9.col-sm-12.col-xs-12 { background: #fff; border-bottom:1px solid #ccc;}

.in-page-text { padding-right:0;}

.embassy-pages, .consular-pages { min-height: 1px;}

section.marquee-sec { border-bottom: 3px solid #195c9f;

-webkit-box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);

-moz-box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);

box-shadow: 0px 3px 2px 0px rgba(204,204,204,1);}

.marquee { border-bottom:none;

-webkit-box-shadow: 0px 3px 2px 0px rgba(204,204,204,0);

-moz-box-shadow: 0px 3px 2px 0px rgba(204,204,204,0);

box-shadow: 0px 3px 2px 0px rgba(204,204,204,0);}

.emb-info ul { margin-top: 10px;}

.emb-info img { width:300px;}

main-menu .navbar-inverse ul.embassy-menu li a { font-size: 16px;}

slider .item .slider-text h2 { font-size: 17px; line-height: normal;}

slider .item .slider-text { padding: 10px 15px;}

.logo-section ul li a img { height: 160px;}

.col-lg-5.col-md-5.col-sm-12.col-xs-12.work-emb.pull-right { min-height:1px !important;}

main-menu .navbar-inverse ul.embassy-menu li { float:none;}

slider .container { width:100%;}

.logo-section ul.three-im-sec li { width:100%; margin-bottom:15px; margin-left:0 !important;}

.logo-section ul.three-im-sec li a img { height:auto;}



ul.foot-menu, ul.foot-text {

    margin-bottom: 10px;

    float: left;

    width: 100%;

    display: block;

    text-align: center;

}

ul.foot-counter {

    margin-bottom: 0;

    float: left;

    text-align: center;

    width: 100%;

}

ul.foot-menu li, ul.foot-counter li, ul.foot-text li {

    float: none;

    display: inline-block;

}

.am-profile { margin-bottom:15px; margin-right:0;}

.am-profile img { width: 144px;}

.am-profile-text h2 { font-size:18px;}

.indian-post { width: 49%; text-align:left;}

.indian-post-margin { margin-left: 0; margin-top:5px;}

.indian-post img { width: 75px; float: left; margin-right:10px; padding:0;}

.indian-post h2 { text-align:left;}

.logo-section ul li { width:49%;}

.logo-section ul li:nth-child(4n+1) { margin-left:2%;}

.logo-section ul li:nth-child(2n+1) { margin-left:0;}

.res-dn { display:block;}

.res-db { display:block;}

.wrapper-db { padding: 40px 0;}

.wrapper-db ul { width:100%; float:left;}

.wrapper-db ul li { width:23.5%; float:left; margin-left:2%; border:2px solid #195C9F; background:#f0f0f0;}

.wrapper-db ul li:nth-child(4n+1) { margin-left:0; }

.wrapper-db ul li img { width:100%; padding:15px; border-bottom:2px solid #195C9F;}

.wrapper-db ul li a { display:block; background:#195C9F; padding:10px; text-align:center; color:#fff; font-size:16px; font-weight:400;}

.wrapper-db ul li a:hover, .wrapper-db ul li a:active, .wrapper-db ul li a:focus { text-decoration:none;}

.wrapper-db ul.three-ul li { width:32%;}

.wrapper-db ul.three-ul li:nth-child(4n+1) { margin-left:2%; }

.wrapper-db ul.three-ul li:nth-child(3n+1) { margin-left:0; }

.emb-info img { margin-top: 10px; margin-right: 10px; border: 1px solid #ccc;}

.reg-pad { padding:0;}

.reg-pad-mar { margin-bottom:15px;}

}



@media (max-width: 767px) {
	
	#responsiveimg{
		height:265px !important;
	}

.tab-info {margin-top:0px !important; overflow:hidden;}

.cl-work { display:none;}

.icon .extra img{width:4% !important;}

.lightbox-container .box { width: 49%; margin-left:2%;}

.lightbox-container .box:nth-child(4n+1) { margin-left:2%;}

.lightbox-container .box:nth-child(2n+1) { margin-left:0;}

.emb-work { width:100%; float:left; margin-bottom:15px;}

.emb-work.emb-work-half { margin-left:0; margin-bottom:0;}

.emb-work iframe { height:400px;}

.navbar-brand-dn { display:block;}

.navbar-brand-dn.pull-right { margin: 8px 15px 8px 0; background: #f26522; padding: 7px 17px; height: auto; border-radius: 50px;}

.navbar-inverse .navbar-brand { color:#fff;}

main-menu .navbar-inverse { background-color: #195c9f;}

main-menu .navbar-inverse ul.embassy-menu li { display: block; text-align: left;}

main-menu .navbar-inverse ul.embassy-menu li a { color:#fff;}

main-menu .navbar-inverse ul.embassy-menu { margin:0;}

main-menu .navbar-inverse ul.embassy-menu li.menu-what-new { color: #fff; display:none;}

.navbar-inverse .navbar-collapse { padding:0;}

main-menu .navbar-inverse ul.embassy-menu li { border-bottom: 1px solid #e5e5e5;}

main-menu .navbar-inverse ul.embassy-menu li:last-child { border-bottom:none;}

main-menu .navbar-inverse ul.embassy-menu li a:hover { background:#fff; color: #3d3d3e !important;}

main-menu .navbar-inverse ul.embassy-menu li.open a:hover { color: #fff !important;}

main-menu .navbar-inverse ul.embassy-menu li.dropdown-submenu ul.dropdown-menu { background:#195C9F;}

main-menu .navbar-inverse ul.embassy-menu li.dropdown-submenu ul.dropdown-menu li a { color:#fff !important;}

main-menu .navbar-inverse ul.embassy-menu li:hover ul { visibility:hidden;}

main-menu .navbar-inverse ul.embassy-menu li.open:hover ul { visibility:visible;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #3d3d3e;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { background:#195c9f; color: #fff;}

.am-profile { width: 100%; margin-right: 0; margin-bottom:10px;}

.indian-post-margin { margin-left: 2%; margin-top: 0;}

.am-profile-text ul { width:100%; float:left; margin-bottom:0;}

.am-profile-text ul li { width:49%; float:left; margin-left:2%;}

.am-profile-text ul li:nth-child(2n+1) {margin-left:0;}

.emb-info img { float: left; width: 100%; margin-right:0;}

.emb-info ul { margin-top: 12px; float: left; margin-bottom: 20px;}

footer { padding: 20px 0 50px 0;}

.social-media-work { padding:0; background:none; border:none; border-right:none; border-radius:0;}

.social-media-work a { margin-bottom:0 !important;}

.social-media-work a:last-child { margin-bottom:0 !important;}

.social-media-work.ssk-sticky.ssk-round .ssk:hover { padding: 11px;}

.social-media-work.ssk-sticky.ssk-right .ssk:hover { padding-right: 15px;}

.ssk.ssk-round, .ssk-round .ssk { border-radius:0;}

ul.social-media { position:fixed; right:auto; bottom:0; z-index:999999; background:#fff; padding:5px 10px; border:1px solid #ccc; border-right:1px solid #ccc; border-radius:7px 7px 0 0; margin-bottom:0; top:auto; display:block; text-align:center; width: auto; right: 0; left: 0;}

ul.social-media li { margin-bottom:0px; margin-right:10px; display:inline-block;}

ul.social-media li:last-child { margin-bottom:0; margin-right:0;}

span.caret { display: inline-block; float: right; margin: 9px 0;}

.am-profile-text ul li { width: 100%; float: left; margin-left: 0;}

ul.ul-form li.two-width { width:100%;}

ul.ul-form li.three-width { width:100%;}

ul.ul-form li.embassy-new-form-margin { margin-left:0;}

.work-emb:before, .work-emb:after, .what-new-section:before, .what-new-section:after { display: none;}

}

@media (max-width: 680px) {
	
ul.social-media{width:680px !important;}

.ticket-item img{width:60% !important; overflow:hidden;}

.icon .extra img{width:4% !important;}

.tab-info {margin-top:0px !important; overflow:hidden;}

.tab-info ul.nav li a{font-size:11px;}

.am-profile { display: block; text-align: center;}

.am-profile img { width: 30%; float: none;}

.am-profile-text { margin-left: 0; width: 100%; text-align: left; } 

.am-profile-text h2 {  text-align:center; }

.wrapper-db ul li { width: 49%; margin-bottom:10px;}

.wrapper-db ul li:nth-child(4n+1) { margin-left: 2%;}

.wrapper-db ul li:nth-child(2n+1) { margin-left: 0;}

.wrapper-db ul.three-ul li:nth-child(4n+1) { margin-left:2%;}

.wrapper-db ul.three-ul li:nth-child(2n+1) { margin-left: 2%;}

.wrapper-db ul.three-ul li:nth-child(3n+1) { margin-left:0;}

ul.ul-left { width:100%; text-align:center; display:block;}

ul.ul-left li { display:inline-block; float:none;}

header-menu ul.ul-right { float: none; display: block; text-align: center;}

header-menu ul.ul-right li { display:inline-block; float:none;}

slider .item .slider-text { position: static; float: left; background: rgba(25, 92, 159, 1);}

.indian-post-margin { margin-left: 0; margin-top:10px;}

.indian-post { width: 100%;}

.am-profile img { margin-bottom: 15px;}

.am-profile-text h2 { margin-bottom: 10px;}

.am-profile-text ul { display:block; text-align:center;}

.am-profile-text ul li { display:inline-block; float:none; width:auto;}

.am-profile-text ul li:nth-child(2) { margin-left:2%;}

ul.ul-left li:first-child, ul.ul-right li:first-child { display:none;}

header-menu ul li { background:none; padding:0;}

.india-kyiv-time { display:block; text-align:center; width: 100%;}

.india-kyiv-time ul { width:100%; display:inline-block; float:none; margin: 5px 0 0 0;}

.am-profile-text ul li a { font-size: 16px; font-weight: 600;}

.am-profile-text ul li:nth-child(2) { margin-left:0;}

.am-profile-text ul li { text-align:left;}

}

@media (max-width: 500px) {

.logo { float: left; width: 100%; display: block; text-align: center; margin-bottom: 10px;}

.search { float: right; width: 100%; display: block; text-align: center;}

.search ul { position: relative; margin-bottom: 0; float: none; padding: 10px 0 0 0; display: inline-block;}

.imp-link-main ul.imp-link li a {

    float: left;

    width: 100%;

    margin-left: 0;

}

.logo-section ul li:nth-child(2n+1) {

    margin-left: 0;

}

.logo-section ul li:nth-child(4n+1) {

    margin-left: 0;

}

.logo-section ul li:nth-child(4n+1) {

    margin-left: 0;

}

.logo-section ul li {

    width: 100%;

    margin-left:0;

}

}



@media (max-width: 580px) {

ul.social-media{width:580px !important;}

.ticket-item .hover_popup{width:10% !important;}

.ticket-item img{width:60% !important; overflow:hidden;}

.icon .extra img{width:4% !important;}

.tab-info {margin-top:0px !important; overflow:hidden;}

.tab-info ul.nav li a{font-size:11px;}

	#mnt{

		margin-left:1px !important;

	}

	.logo-img{width:290px;}

	

	#usee{margin-top:10px!important;}

	

}

@media (max-width: 400px) {
	
ul.social-media{width:400px !important;}

.ticket-item img{width:60% !important; overflow:hidden;}

.icon .extra img{width:4% !important;}

.hover_popup{width:10% !important;}

.tab-info {margin-top:0px !important; overflow:hidden;}

.tab-info ul.nav li a{font-size:11px;}

.wrapper-db ul li a { font-size: 14px;}

.am-profile-text ul li { width: 100%; margin-left: 0;}

slider .item .slider-text h2 { font-size: 15px;}

.indian-post h2 { font-size: 18px;}

.wrapper-db ul.three-ul li { width: 100%; margin-left:0; margin-bottom:20px;}

.wrapper-db ul.three-ul li:last-child { margin-bottom:0;}

.wrapper-db ul.three-ul li:nth-child(2n+1) { margin-left:0;}

.am-profile-text ul { display:block; text-align:center;}

.am-profile-text ul li { float:none; display:inline-block; width:auto;}

.am-profile-text ul li:last-child { margin-left:18px;}

.four-link ul li a { font-size: 16px;}

.am-profile img { width: 50%;}

.imp-link-main ul.imp-link li { width: 100%; float: left;}

.imp-link-main ul.imp-link li a, .imp-link-main ul.imp-link li a:focus { background: url(../images/arrow.png) no-repeat 0 5px / 10px;}

.imp-link-main ul.imp-link li a:hover, .imp-link-main ul.imp-link li a:active { background: url(../images/arrow-hover.png) no-repeat 0 5px / 10px;}

.nav>li>a {position: relative; display: block; padding: 15px 6px !important;}


}
