/* CSS PART 1 */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body {
font-family: "Merriweather", serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
:root{
--header-height:100px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
font-family: inherit;
color: inherit;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
._header_itmi .marquee {
width: 100%;
font-size: 17px;
font-weight: bold;
padding: 5px 0;
display: inherit;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
height: 27px;
background-color: #E20E28;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.navbar-header {
display: none;
flex-direction: row;
justify-content: space-between;
width: 100%;
position: relative;
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
display: table;
content: " ";
}
.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
clear: both;
}
img {
vertical-align: middle;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:before,
:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.container {
width: calc(100% - 40px);
padding: 0px;
margin: 0 auto;
max-width: 1270px;
}
.top_black_section .col-lg-10.col-md-10.col-sm-10.col-xs-12 {
display: flex;
align-items: center;
height: var(--header-height);
padding: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
.navbar {
position: relative;
min-height: 40px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
._logo a {
display: block;
}
.abText {
font-family: Rubik;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
._logo a img{max-width: 100%;}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand>img {
display: block;
}
.navbar-toggle {
position: relative;
padding: 10px;
background-image: none;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav>li>a {
line-height: 20px;
}
.navbar-form {
padding: 10px 15px;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #fff;
background-color: #E20E28;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: #E20E28;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #fff;
background-color: #E20E28;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #fff;
background-color: #E20E28;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.dropdown-menu>li>a {
color: #fff;
line-height: 28px;
}
#myNavbar .dropdown-menu>li:not(:last-child) {
margin: 0;
}
.swiper-container.box-item-swiper {
margin: 30px 0px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #e00d27;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
box-shadow: 0px 4px 30px 0px #00000014;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* CSS PART 1 END */
/* CSS PART 2 */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
* {
padding: 0;
margin: 0;
}
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: #ed7423;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
}
p {
margin-bottom: 15px;
}
.top_black_section {
}
input[type="text"],
input[type="email"],
textarea {
border: 1px solid #e9e9e9;
padding: 13px 15px;
width: 100%;
margin-bottom: 18px;
font-size: 14px;
}
::-webkit-input-placeholder {
color: #787878;
}
::-moz-placeholder {
color: #787878;
}
:-ms-input-placeholder {
color: #787878;
}
:-moz-placeholder {
color: #787878;
}
button[type="submit"] {
background-color: #253544;
font-size: 14px;
color: #fff;
padding: 10px 30px;
border: none;
}
button[type="submit"]:hover,
button[type="submit"]:focus {
background-color: #ed7423;
}
.btn {
padding: 6px 22px;
}
.btn,
.btn-default.active,
.btn-default:active {
border-radius: 22px;
text-transform: uppercase;
font-size: 14px;
}
/* popup */
.popCloseBtn {
position: absolute;
top: -10px;
right: -10px;
cursor: pointer
}
.popBox {
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
height: 100%
}
.popBox .popBg {
margin: 0px;
padding: 0px;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 5555;
}
.popArea {
margin: 0px;
padding: 20px;
box-sizing: border-box;
background: #fff;
width: 650px;
position: fixed;
z-index: 55555555;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popArea * {
box-sizing: border-box
}
.popArea .popTop {
margin: 0px 0 25px 0;
padding: 3px 0 0 60px;
font-size: 25px;
color: #000;
font-weight: 500;
background: url(https://akm-img-a-in.tosshub.com/sites/itmi/resources/images/pic-edu-icon.jpg) no-repeat 0 0;
text-align: left
}
.popArea .popForm {
margin: 0px;
padding: 0px;
}
.popArea .popForm ul {
margin: 0px;
padding: 0px;
list-style: none
}
.popArea .popForm ul li {
margin: 0px 0 20px 0;
padding: 0px;
float: left;
width: 50%
}
.popArea .popForm ul li:nth-child(2n) {
margin-left: 3%;
width: 47%
}
.popArea .popForm ul li input {
margin: 0px;
padding: 10px;
width: 100%;
height: 48px;
border: 1px solid #e9e9e9;
font-size: 15px;
color: #787878
}
.popArea .popForm ul li select {
margin: 0px;
padding: 10px;
width: 100%;
height: 48px;
border: 1px solid #e9e9e9;
font-size: 15px;
color: #787878
}
.popArea .popForm ul li.lastList {
width: 100%
}
.popArea .popForm ul li.lastList input[type=button] {
margin: 0px 20px 0 0;
padding: 0px;
background: #7f2122;
width: 120px;
height: 35px;
line-height: 35px;
color: #fff;
text-align: center;
font-size: 16px;
text-transform: capitalize;
line-height: 35px;
border-radius: 3px;
float: left
}
.popArea .popForm ul li.lastList p {
margin: 0px;
padding: 7px 0 0 0;
float: left;
font-size: 15px;
color: #8d8d8d
}
.popupsubmit {
margin: 0px 20px 0 0 !important;
padding: 0px !important;
background: #7f2122 !important;
width: 120px !important;
height: 35px !important;
line-height: 35px !important;
color: #fff !important;
text-align: center !important;
font-size: 16px !important;
text-transform: capitalize !important;
line-height: 35px !important;
border-radius: 3px !important;
float: left !important;
}
/* top ad */
.topAdBanner {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
max-width: 100%;
overflow: auto;
}
.topAdBanner img {
display: block;
margin-left: auto;
margin-right: auto;
}
.topAdBanner img.mobAd {
display: none;
}
/* header */
.top_black_section {
height: var(--header-height);
position: relative;
margin-top: -20px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px;
}
._social_icons ul {
list-style-type: none;
padding: 0;
margin: 0;
}
._social_icons ul li {
display: inline-block;
}
._social_icons ul li a {
color: #fff;
}
._social_icons ul li img {
width: 70px;
}
/* navigation */
.navbar-default._main_menu {
border: 0;
border-radius: 0;
margin-bottom: 0;
border-color: #fff;
background-color: #000;
}
.navbar {
height: 40px;
display: flex;
align-items: center;
}
._main_menu {
text-transform: uppercase;
}
._applynowbtn_span {
background: #E20E28;
color: #fff;
padding: 10px;
display: none;
font-size: 14px;
}
._applynowbtn_span a {color: #fff;
font-size: 14px;
line-height: 17.6px;}
.caret {
margin-left: 5px;
}
.navbar-default ._applynowbtn_span>a {
color: #f89d1d;
}
.nav>li>a {
font-size: 14px;
display: flex;
align-items: center;
text-transform: uppercase;
padding: 6px 10px;
border-radius: 6px;
}
.navbar-right .dropdown-menu {
right: unset;
left: 0;
top: 100%;
}
.nav>li._applynowbtn {
padding: 0 0px;
display: flex;
align-items: center;
}
#myNavbar .nav>li:nth-last-child(1) {
border-right: 0px;
padding-right: 0px;
}
.nav>li._applynowbtn>a,
.nav>li._applynowbtn>a:hover,
.nav>li._applynowbtn>a:focus {
height: 30px;
background: #E20E28;
color: #fff;
}
.navbar-default .navbar-nav>li._applynowbtn>a {
color: #f89d1d;
}
#myNavbar li._applynowbtn a {
padding: 10px;border-radius: 0;
}
/* slider area */
._backSlide {
background: #ed7423 url(https://akm-img-a-in.tosshub.com/sites/itmi/resources/images/spects.png) calc(100% - 20px) calc(100% - 55px) no-repeat;
position: relative;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
._icon_link_text ._text {
color: #fff;
font-size: 11px;
line-height: 11px;
font-weight: 700;
display: block;
}
._cn_cls .swiper-container {
width: 350px;
margin-left: auto;
margin-right: 0;
}
._backSlide .swiper-container {
width: 100%;
height: 501px;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
._backSlide img {
width: 100%;
}
/* Welcome to India Today Media Institute content area */
._pos_itmi {
width: 100%;
position: absolute;
top: 2px;
z-index: 999;
text-align: center;
}
._pos_itmi_static {
display: inline-block;
color: #fff;
text-transform: uppercase;
width: 360px;
box-sizing: border-box;
float: right;
padding: 0;
}
._static_sld {
width: 100%;
position: relative;
top: -40px;
z-index: 999;
text-align: center;
}
._inner_static_sld {
box-shadow: 0 0 3px #ccc;
background: #fff;
padding: 20px 20px 25px;
font-size: 16px;
line-height: 26px;
box-shadow: 0 0 13px rgb(0 0 0 / 50%);
}
._inner_static_sld h2 {
margin: 0;
padding: 0;
font-size: 25px;
font-weight: bold;
line-height: 30px;
margin-bottom: 4px;
}
._inner_static_sld h2 a {
color: #000;
}
._inner_static_sld h4 {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 22px;
margin-bottom: 15px;
}
/* testimonial */
._heading_common {
margin: 40px 0 30px 0;
font-size: 25px;
text-transform: uppercase;
line-height: 24px;
position: relative;
font-weight: bold;
width: 100%;
text-align: center;
color: #253544;
text-align: center;
}
/* heading style */
._heading_common ._heading_text {
position: relative;
display: inline-block;
padding: 0 10px;
}
._heading_common ._heading_text a {
color: #000;
}
._heading_common ._heading_text::before,
._heading_common ._heading_text::after {
content: '';
position: absolute;
top: 50%;
height: 1px;
width: 100%;
background-color: #ccc;
max-width: 160px;
}
._heading_common ._heading_text::before {
right: 100%;
}
._heading_common ._heading_text::after {
left: 100%;
}
.side-widget ._heading_common ._heading_text::before,
.side-widget ._heading_common ._heading_text::after {
max-width: 25px;
}
/* CSS PART 2 END */
/* CSS PART 3 */
._box_gray.sidebar-blog {
align-items: unset;
justify-content: flex-start;
padding: 15px;
}
._box_gray.sidebar-blog ul {
margin: 0px;
list-style: none;
padding: 0px;
width: 100%;
}
._box_gray.sidebar-blog ul li {
margin-bottom: 5px;
position: relative;
padding-left: 7px;
}
._box_gray.sidebar-blog ul li:before {
content: '';
background-color: #3c3c3c;
width: 7px;
height: 7px;
position: absolute;
border-radius: 50%;
left: -6px;
top: 7px;
}
._box_gray.sidebar-blog ul li:nth-child(1):before {
top: 10px;
}
._box_gray.sidebar-blog ul li a {
text-align: left;
width: 100%;
}
._box_gray.sidebar-blog ul li a span {
color: #ed001d;
font-weight: bold;
font-size: 18px;
}
/* CSS PART 3 END */
/* HEADER CSS START */
h1.headingText {
color: #fff;
display: inline-block;
font-size: 50px;
line-height: 58px;
font-weight: 600;
}
h1.headingText strong {
display: block;
font-weight: 600;
}
h1.headingText span {
display: none;
}
._inner_static_sld p {
font-family: "Rubik", sans-serif;
}
.barba-container {
position: relative;
z-index: 9;
}
.top_black_section h4.headingText{
color: #000;
display: inline-block;
font-size: 44px;
line-height: 51px;
font-weight: 600;
margin: 20px 0px 0px 0px;
}
.top_black_section h4.headingText span{display:none;}
.topsociallink{
position: fixed;
right: 0;
top: 32%;
z-index: 20;
}
.topsociallink ul{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-color: #fff;
width: 60px;
padding: 30px 0px;
border-radius: 10px 0px 0px 10px;
box-shadow: -4px 4px 14px 0px #00000026;
margin-bottom: 0;
}
.social-icon.footLink li a {
display: block;
width: 50px;
height: 50px;
border-radius: 10px;
}
.social-icon.footLink li a svg {
width: 100%;
height: 100%;
}
.topsociallink ul li{
list-style: none;
}
.topsociallink ul li a{display: inline-block;}
.topsociallink ul li a{color:#fff;
background-color: #fff;
border-radius: 100%;}
.topsociallink ul li i{font-size:15px; color:#a90808;}
.topsociallink ul li a span{display:none;}
.marquee span {
display: inline-block;
padding-left: 100%;
/* animation: marquee 50s linear infinite; */
}
.topsociallink ul li:not(:last-child) {
margin-bottom: 10px;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
.topsociallink ul li i {font-size: 40px;}
.personalForm .formArea ul li.checkAreaBox span{color: #000;}
.personalForm .declarArea span{color: #d30400;}
.daily-newletter {
box-shadow: 0px 4px 30px 0px #00000014;
padding: 0px 42px;
margin: 30px 0px;
border: 1px solid #CBCBCB;
border-radius: 12px;
width: 100%;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
background-position-x: 70%;
}
.daily-newsletter-right {
width: 300px;
}
.daily-newsletter-left {
width: calc(100% - 300px);
}
.newsletter-tag {
color: #E20E28;
line-height: 25px;
font-size: 20px;
margin: 20px 0px 0px 0px;
font-weight: 700;
}
.newsletter-image img {
max-width: 100%;
}
.newsletter-headline {
line-height: 38.97px;
font-size: 31px;
font-weight: 700;
margin: 13px 0px 0px 0px;
color: #000;
}
.newsletter-item p {
line-height: 34px;
font-size: 18px;
color: #5B5B5B;
}
.ns-button-container a {
background-color: #E20E28;
color: #fff;
border-radius: 8px;
padding: 10px 30px 10px 30px;
font-size: 14px;
line-height: 17.6px;
display: inline-block;
margin: 20px 0px 0px 0px;
}
.ns-button-container {
margin: 0px 0px 30px 0px;
}
.custom-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-banners {
max-width: 726px;
margin: 10px auto 10px auto;
width: calc(100% - 40px);
height: 76px;
position: relative;
background: radial-gradient(70.97% 83.1% at 17.85% 21.02%, #FFDB02 0%, #FFD103 27.8%, #FFC606 76.4%);
background-color: #fff;
}
.banner-bg{
background-image: url(https://akm-img-a-in.tosshub.com/sites/itmi/resources-alpha/images/background-banner.svg);
position: absolute;
width: calc(100% - 220px);
height: 100%;
background-size: contain;
z-index: 1;
right: 0;
}
.banner-row {
display: flex;
flex-wrap: wrap;
height: 100%;
z-index: 2;
position: relative;
}
.banner-left-side {
background-image: url('data:image/svg+xml,');
width: 280px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 15px;
position: relative;
background-repeat: no-repeat;
}
.banner-right-side {
width: calc(100% - 280px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top-banners:before {
content: '';
background: linear-gradient(297.37deg, #FFC606 83.89%, #FFC606 96.56%);
width: 100%;
position: absolute;
height: 100%;
z-index: 0;
left: 0;
}
.banner-left-text {
line-height: 23px;
font-size: 21px;
font-weight: 700;
color: #000;
}
.banner-date-text {
line-height: 29.3px;
font-size: 25px;
font-weight: 700;
color: #000;
font-family: roboto;
}
.banner-text {
line-height: 23.88px;
font-size: 19px;
color: #870000;
font-weight: 700;
}
.banner-text span {
line-height: 23.88px;
font-size: 19px;
}
@keyframes bannermove {
0% { transform: translate(0%,0%); }
50% { transform: translate(-50%,0%); }
100% { transform: translate(0%,0%); }
}
.banner-left-side:after {
content: '';
background-image: url('data:image/svg+xml,');
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
}
.swiper-item-image img {
width: 100%;
border-radius: 12px;
}
.swiper-item-image {
border-radius: 12px;
}
.swiper-item-bottom-area .swiper-item-heading a {
font-size: 22px;
line-height: 32px;
color: #000;
display: flex;
align-items: center;
}
.swiper-item-bottom-area .swiper-item-heading {
margin: 10px 0px 0px 0px;
}
.swiper-item-bottom-area .swiper-item-heading span {
display: flex;
align-items: center;
padding-left: 5px;
}
._chair_dean_container .chairmen-message-panel {
background: transparent;
height: 300px;
background-image: url('data:image/svg+xml,');
background-position: top right;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
}
._chair_dean_container .chairmen-message-panel p {
font-size: 22px;
line-height: 29px;
text-align: left;
font-weight: 700;
padding-top: 40px;
margin-top: 0;
width: 50%;
}
._chair_dean_container .chairmen-message-panel img {
width: 50%;
height: auto;
z-index: 1;
max-width: 200px;
}
._chair_dean_container .chairmen-message-panel .message-text {
font-size: 12px;
line-height: 20px;
color: #E20E28;
text-align: left;
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape){
.topsociallink {
top: 50%;
transform: translate(0%, -50%);
}
.topsociallink ul li a svg {
width: 30px;
height: 30px;
}
.topsociallink ul {
width: 50px;
padding: 15px 0px 10px 0px;
}
}
@media screen and (max-width:767px) {
._chair_dean_container .chairmen-message-panel img {
width: 195px;
}
}
/* HEADER CSS END */
@media (min-width:1025px){
._footer .swiper-button-next,._footer .swiper-button-prev{display: none;}
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
.navbar-toggle {
display: none;
}
.navbar {
border-radius: 4px;
}
.navbar-collapse {
width: 100%;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.navbar-collapse.collapse {
display: flex !important;
padding-bottom: 0;
overflow: visible !important;
justify-content: space-between;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.navbar-static-top {
border-radius: 0;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px;
}
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav>li {
float: left;
}
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group>.form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-left {
float: left !important;
}
.navbar-right {
margin-right: -15px;
}
.navbar-right~.navbar-right {
margin-right: 0;
}
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
.navbar-right {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
float: unset !important;
width: 100%;
width: calc(100% - 200px);
}
.navbar-right.left-internship-btn {
width: 200px;justify-content: flex-end;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
@media screen and (min-width:1200px) and (max-width:1400px){
._backSlide .swiper-container-horizontal>.swiper-pagination-bullets, ._backSlide .swiper-pagination-custom, ._backSlide .swiper-pagination-fraction {
bottom: 20%;
}
}
@media screen and (min-width:1025px) and (max-width:1400px){
.container {
padding: 0px 50px;
}
.top_black_section h4.headingText {
font-size: 38px;
line-height: 47px;
}
.nav>li>a {
font-size: 14px;
padding: 4px 8px;
}
}
@media screen and (min-width:1025px) and (max-width:1200px){
._cn_cls .col-md-12{
width: 50%;
}
ul.social-icon.footLink li {
margin: 0px 20px 0 0;
}
}
@media screen and (min-width:1025px) and (max-width:1200px){
#myNavbar li:not(:last-child) {
margin-right: 0;
}
.navbar-right.left-internship-btn {
width: 155px;
}
.navbar-right {
width: calc(100% - 155px);
}
}
@media screen and (max-width:1024px) and (min-width:768px){
._pos_itmi_static iframe {
height: 420px;
}
._pos_itmi_static {
width: 100%;
}
._static_sld {
position: relative;
top: 0px;
}
._pos_itmi {
position: relative;
margin: 20px 0px 0px 0px;
}
}
@media (max-width:1024px) {
.topsociallink ul li i {
font-size: 30px;
}
._backSlide .swiper-container {
width: 100%;
height: 100%;
}
.top_black_section h4.headingText {
width: calc(100% - 97px);
text-align: center;font-size:41px;line-height: 47px;
}
._social_icons {
position: relative;
right: auto;
top: unset;
z-index: 1;
}
.top_black_section .col-lg-10.col-md-10.col-sm-10.col-xs-12 {
padding: 0px 15px 0px 0px;
}
.navbar-toggle {
display: block;
float: right;
}
.navbar-header{display: flex;}
.nav>li>a,
.navbar {
height: auto;
}
.navbar-default .navbar-nav>li>a {
color: #000;
border-radius: 0;
padding: 10px 10px;
}
._applynowbtn_span {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translate(0px, -50%);
}
.navbar-default._main_menu .navbar-header {
margin: 0;
padding: 0;
height: 64px;
width: 100%;
}
.searchMob {
margin-left: 15px;
display: none;
}
.navbar-default .navbar-collapse {
z-index: 99999;
position: relative;
background-color: #fff;
width: calc(100% + 48px);
margin: 0px -24px;
padding: 0px 30px;
}
.navbar-right {
width: 100%;
display: none;
}
#myNavbar li {
border-right: 0;
float: none;
}
.nav>li._applynowbtn {
display: none;
}
.collapse.in .navbar-right {
display: block;
padding: 9px 0px 11px;
}
.collapse.in .left-internship-btn {
display: none;
}
.navbar-default .navbar-toggle {
border-color: #f01d23;
}
.navbar-toggle {
background-color: #f01d23;
width: 44px;
position: absolute;
left: 0;
transform: translate(0px, -50%);
top: 50%;
z-index: 1;
height: 44px;
margin: 0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #f01d23;
border-color: #f01d23;
}
.top_black_section{
margin-top: 0;
}
._pos_itmi {
margin-bottom: 30px;
}
._cn_cls .swiper-container {
margin-right: auto;
}
}
@media screen and (max-width: 800px) {
._inner_static_sld h2 {
font-size: 22px;
line-height: 28px;
}
._inner_static_sld h4 {
font-size: 18px;
line-height: 22px;
}
._inner_static_sld p {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.top_black_section h4.headingText span {
display: none;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none;
}
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: transparent;
}
.popArea {
width: 90%;
padding: 15px;
}
.popArea .popTop {
font-size: 22px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.popArea .popForm ul li {
float: none;
width: 100%;
margin-bottom: 8px;
}
.popArea .popForm ul li input {
font-size: 13px;
height: 35px;
line-height: 35px;
}
.popArea .popForm ul li select {
height: 40px;
font-size: 13px;
}
.popArea .popForm ul li:last-child {
margin-bottom: 0px;
}
.popArea .popForm ul li:nth-child(2n) {
margin-left: 0%;
width: 100%
}
.popArea .popForm ul li.lastList input[type=button] {
float: none;
margin-bottom: 10px;
}
.popArea .popForm ul li.lastList p {
float: none;
width: 100%;
font-size: 13px;
}
._innerPageBody{
--header-height:93px;
}
._social_icons ul li {
display: inline-block;
}
.top_black_section .col-lg-2.col-md-2.col-sm-2.col-xs-12 {
width: 65px;
padding: 0;
}
._header_itmi .marquee {
height: 15px;
}
.top_black_section .col-lg-10.col-md-10.col-sm-10.col-xs-12 {
width: calc(100% - 65px);
}
._backSlide .swiper-container {
width: 100%;
height: auto;
}
.topAdBanner img.deskAd {
display: none
}
.topAdBanner img.mobAd {
display: block;
width: 100%
}
._pos_itmi_static {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
}
._heading_common {
font-size: 23px;
line-height: 20px;
margin: 25px 0 30px 0;
}
._pos_itmi {
position: relative;
margin: 20px 0px 0px 0px;
order: 3;
}
._pos_itmi_static iframe {
height: 750px;
}
._inner_static_sld {
margin-top: 20px;
}
._static_sld {
top: 0;
order: 2;
}
._backSlide {
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
._backSlide .swiper-container {
order: 1;
}
h1.headingText {
color: #fff;
display: inline-block;
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
h1.headingText strong {
display: none;
font-weight: 600;
}
h1.headingText span {
display: block;
position: absolute;
left: 50%;
transform: translate(-40%);
text-align: center;
height: auto;
top: 7px;
}
.top_black_section h4.headingText strong , .top_black_section h4.headingText{
font-size: 20px;
line-height: 25.14px;
}
.top_black_section h4.headingText span {
font-weight: 600;
font-size: 20px;
line-height: 25.14px;
position: relative;
transform: translate(0%, 0px);
top: unset;
left: unset;
}
._header_itmi .marquee {
height: 15px;
}
._social_icons {
position: relative;
transform: translate(0px, 0%);
top: unset;
max-width: 47px;
}
.top_black_section h4.headingText {
font-size: 41px;
width: calc(100% - 47px);
}
.top_black_section .row {
display: flex;
flex-wrap: wrap;
}
.navbar-header{display: flex;}
.top_black_section .col-lg-10.col-md-10.col-sm-10.col-xs-12 {
width: calc(100% - 61px);margin: 0;
padding: 0;justify-content: space-between;
}
.top_black_section .col-lg-2.col-md-2.col-sm-2.col-xs-12 {
width: 61px;margin: 0;
padding: 0;
}
.topsociallink {
top: unset;
bottom: 0;
width: 100%;
left: 0;
right: 0;
}
.topsociallink ul {
width: 100%;
border-radius: 10px 10px 0px 0px;
flex-direction: row;
padding: 10px 10px;
}
.topsociallink ul li:not(:last-child) {
margin: 0px 10px 0px 0px;
}
._footer {
padding: 0px 0px 65px 0px;
}
.daily-newsletter-left {
width: 100%;order: 2;
}
.daily-newsletter-right {
width: 100%;
text-align: center;
order: 1;
}
.daily-newletter {
background-position: center center;
padding: 20px 20px;
}
.newsletter-image {
max-width: 200px;
margin: 0 auto;
}
.newsletter-headline {
line-height: 31.97px;
font-size: 26px;
}
.newsletter-item {
text-align: center;
}
.newsletter-tag {
text-align: center;
}
.ns-button-container {
text-align: center;
}
.top-banners {
height: auto;
background: #fff;
width: 100%;
overflow: hidden;
}
.banner-left-side {
width: 50%;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
background-position: right center;
background-position-x: calc(100% - 70px);
padding: 5px 100px 5px 15px;
border: 1px solid #ffc606;
}
.banner-row {
width: 200%;
transform: translate(0%, 0px);
transition: transform 1s;
animation: bannermove 20s linear infinite forwards;
animation-delay: 3s;
}
.banner-bg {
display: none;
}
.banner-left-side:after {
background: linear-gradient(297.37deg, #FFC606 83.89%, #FFC606 96.56%);
width: 110px;
left: auto;
right: 0;
}
.banner-right-side {
position: relative;
width: 50%;
margin-top: 0px;
background-image: url(https://akm-img-a-in.tosshub.com/sites/itmi/resources-alpha/images/background-banner.svg);
height: 60px;
border: 1px solid #ffc606;
}
.banner-right-side:after {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(70.97% 83.1% at 17.85% 21.02%, #FFDB02 0%, #FFD103 27.8%, #FFC606 76.4%);
z-index: -1;
left: 0;
}
.banner-left-text {
line-height: 26px;
font-size: 21px;
}
.banner-date-text {
line-height: 21.09px;
font-size: 18px;
}
.banner-text {
line-height: 22.63px;
font-size: 18px;
}
.banner-text span {
line-height: 17.6px;
font-size: 14px;
}
.top-banners:before {
background: transparent;
}
.swiper-item-bottom-area .swiper-item-heading a {
font-size: 18px;
}
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media screen and (max-width:480px) {
.popArea {
padding: 10px;
}
.popArea .popForm ul li.lastList input[type=button] {
margin-bottom: 0px;
}
.popCloseBtn {
top: -5px;
}
._social_icons ul li a {
font-size: 17px;
}
.social-icon.footLink li a {
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 360px) {
.top_black_section [class^="col-"] {
padding: 0 2px;
}
}
.newsletter-widjet-container {
max-width: 400px;
padding: 20px;
margin: 0 auto 30px auto;
width: 100%;
box-shadow: 0px 4px 30px 0px #00000014;
background-color: #fff;
border-radius: 12px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: top right;
background-position-y: 59.28px;
background-position-x: calc(100% - 16px);
}
.newsletter-widjet-headline {
margin: 0;
font-size: 20px;
line-height: 25px;
font-weight: 900;
color: #E20E28;
user-select: none;
-webkit-user-select: none;
}
.newsletter-widjet-sub-headline {
line-height: 32.68px;
font-size: 26px;
font-weight: 900;
user-select: none;
-webkit-user-select: none;
margin-top: 10px;
}
.swiper.swiper-container-horizontal {
max-width: 100%;
overflow: hidden;
position: relative;
margin: 0px auto 0px auto;
}
.swiper.swiper-container-horizontal .swiper-slide.swiper-slide-active {
text-align: center;
}
.newletter-widjet-swiper img {
max-width: 100%;
}
.newsletter-swiper-next,
.newsletter-swiper-prev {
position: absolute;
top: calc(50% - 12.5px);
z-index: 9;
cursor: pointer;
}
.newletter-widjet-swiper {
position: relative;
margin: 18px 0px 0px 0px;
}
.newsletter-swiper-next {
right: -12.5px;
}
.newsletter-swiper-prev {
left: -12.5px;
}
.newsletter-swiper-prev.swiper-button-disabled,
.newsletter-swiper-next.swiper-button-disabled {
cursor: default;
}
.newsletter-swiper-prev.swiper-button-disabled svg rect,
.newsletter-swiper-next.swiper-button-disabled svg rect {
fill: #D5D5D5;
}
.newsletter-swiper-prev.swiper-button-disabled svg mask path,
.newsletter-swiper-next.swiper-button-disabled svg mask path {
fill: #fff;
}
.newsletter-swiper-prev.swiper-button-disabled svg path,
.newsletter-swiper-next.swiper-button-disabled svg path {
fill: #000
}
.newsletter-swiper-prev svg rect,
.newsletter-swiper-next svg rect {
fill: #E20E28;
}
.newsletter-swiper-prev svg path,
.newsletter-swiper-next svg path {
fill: #fff
}
.news-widjet-button {
background-color: #E20E28;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 17.6px;
font-weight: 700;
border-radius: 8px;
padding: 10px 30px;
margin: 17px auto 0px auto;
text-decoration: none;
cursor: pointer;
}
.swiper.swiper-container-horizontal .swiper-slide {
text-align: left;
user-select: none;
-webkit-user-select: none;
}
.swiper.swiper-container-horizontal .swiper-slide:not(.swiper-slide-active) .news-widjet-button {
margin: 17px auto 0px 24px;
}