iframe,
input.dateinput {
    width: 100%;
}
#main-boxes,
.fb,
.feat,
.twitter {
    position: relative;
}
    @font-face {
    font-family: 'Inter', sans-serif;
    src: url("https://fonts.googleapis.com/css2?family=PT+Sans&display=swap");
    font-weight: normal;
    font-style: normal;
}
body {
    background: url(../img/pattern.jpg) #f8f8f8;
    font: 16px/30px 'Inter', sans-serif;
    color: #555;
    -webkit-font-smoothing: antialiased !important;
}
h1,
h3,
h4,
h5,
h6,
li {
    line-height: 20px;
}
h1,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizelegibility;
}
h1 {
    font-size: 38px;
    line-height: 40px;
}
h2 {
    font-size: 32px;
    line-height: 36px;
}
h3 {
    font-size: 24px;
    line-height: 28px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
h5 {
    font-size: 14px;
    line-height: 14px;
}
h6,
label {
    font-size: 12px;
}
p {
    margin: 0 0 15px;
}
.col-right p {
    margin: 0 0 25px;
}
.col-right ul {
    margin: 0 0 10px;
}
ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
}
a {
    color: #08c;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #005580;
    text-decoration: underline;
}
.uneditable-input,
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="file"],
input[type="time"],
input[type="week"],
input[type="number"],
select.form-control,
textarea.form-control {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 8px #e3e3e3 inset;
    -webkit-shadow: 0 0 8px #e3e3e3 inset;
    -moz-shadow: 0 0 8px #e3e3e3 inset;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: 20px;
}
.ie7 input.ie7-margin {
    margin-left: -30px;
}
select {
    margin-bottom: 20px;
}
.form-search input,
input#email_newsletter {
    margin-bottom: 0;
}
label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.breadcrumb {
    margin: -15px 0 20px -15px;
    list-style: none;
    background: 0 0;
}
.fb,
.twitter {
    height: 32px;
    width: 157px;
    background: url(../img/twitter_btn.png) no-repeat;
    margin-top: 15px;
}
.fb {
    width: 157px;
    background: url(../img/fb_btn.png) no-repeat;
}
footer,
nav {
    width: 100%;
}
.fb:active,
.twitter:active {
    top: 1px;
}
.fb:hover,
.twitter:hover {
    background-position: 0 -32px;
}
.fb a,
.twitter a {
    padding: 5px 0 0 15px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    height: 32px;
    display: block;
    line-height: 23px;
}
.fb a {
    padding: 5px 0 0 20px;
}
.fb,
.twitter {
    display: inline-block;
}
.fb a:hover,
.twitter a:hover {
    color: #fff;
    text-decoration: none;
}
.button_medium,
.megamenu > li .drop-down-container a.button_medium,
a.button_medium {
    border: none;
    background: #099ad1;
    color: #fff;
    padding: 7px 12px;
    text-decoration: none;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button_medium:hover,
.megamenu > li .drop-down-container a.button_medium:hover,
a.button_medium:hover {
    background: #333;
}
.button_large,
.megamenu > li .megamenu_fullwidth a.button_large,
a.button_large {
    border: none;
    background: #099ad1;
    color: #fff;
    padding: 8px 30px;
    text-decoration: none;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
}
.button_large:hover,
.megamenu > li .drop-down-container a.button_large:hover,
a.button_large:hover {
    background: #333;
}
.button_red_medium,
.megamenu > li .drop-down-container a.button_red_medium,
a.button_red_medium {
    border: none;
    background: #f66;
    color: #fff;
    padding: 7px 12px;
    text-decoration: none;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button_red_medium:hover,
.megamenu > li .drop-down-container a.button_red_medium:hover,
a.button_red_medium:hover {
    background: #333;
}
.button_red_small,
.megamenu > li .drop-down-container a.button_red_small,
a.button_red_small {
    border: none;
    background: #f66;
    color: #fff;
    padding: 2px 8px;
    margin-bottom: 15px;
    text-decoration: none;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
}
#menu-top,
#menu-top ul li a {
    color: #000;
}
.button_red_small:hover,
.megamenu > li .drop-down-container a.button_red_small:hover,
a.button_red_small:hover {
    background: #099ad1;
}
.button-align {
    text-align: right;
    padding-top: 25px;
}
.button-align-2 {
    float: right;
    margin-top: -30px;
}
#menu-top,
#phone {
    float: right;
    margin-top: 5px;
}
header {
    background-color: #fff;
    padding: 0px 0;
}
#menu-top {
    font-size: 11px;
    margin-right: 30px;
}
#menu-top ul li {
    display: inline-block;
    zoom: 1;
}
.ie7 #menu-top ul li a {
    color: #d0dbeb;
    margin-left: 5px;
}
#phone,
nav {
    color: #000;
}
nav {
    background: #09c;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))) #09c;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    margin-bottom: 30px;
}
#phone {
    display: flex;
    background: url(../img/icon-phone.png) center right no-repeat;
    padding-right: 45px;
    text-align: right;
    font-size: 19px;
    color: #D34040;
    /* background-size: 50% 100%; */
    font-weight: bold;
    height: 45px;
    align-items: center;
    margin: 0;
}


#brand-footer,
#static-image,
#toTop,
.box-style-one,
.date-news,
ul.data-staff li {
    text-align: center;
}
.date-news,
.post-left {
    float: left;
}
#phone strong {
    font-size: 18px;
    color: #D34040;
    font-weight: 700;
    display: block;
}
footer {
    background-color: #474444;
    color: #fff;
    border-top: 1px solid #e0eaf0;
    padding-top: 20px;
    padding-bottom: 15px;
}
#contacts-footer ul,
#quick-links ul {
    list-style: none;
    margin-left: 0;
}
#contacts-footer ul li {
    line-height: 25px;
}
#quick-links ul li {
    background: url(../img/arrow-gray.png) left center no-repeat;
    padding-left: 15px;
}
#main-boxes {
    margin:  0px;
    margin-top: 60px;
    z-index: 1;
    margin-bottom: 35px;
}
.feat h3 {
    text-shadow: 1px 2px 0 rgba(255, 255, 255, 1);
}
#static-image {
    width: 100%;
    max-width: 100%;
    margin-top: -20px;
    background-color: #09c;
}
.feat {
    padding-left: 60px;
    margin-bottom: 20px;
}
.col-left,
.col-right {
    padding: 30px 30px 20px;
    background-color: #fff;
}
.feat.last {
    margin-bottom: 0;
}
.feat i {
    color: #f66;
    left: 0;
    position: absolute;
}
.col-left,
.col-right,
.title-course {
    position: relative;
}
.col-left {
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.col-right {
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 60px;
}
.strip-lessons,
.strip-staff {
    border-bottom: 1px solid #eee;
}
.col-left h3,
.widget h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    margin: 0 0 15px;
    padding: 0;
    line-height: 17px;
}
ul.submenu-col {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
}
ul.submenu-col li a {
    text-decoration: none;
    padding: 4px 10px;
    display: block;
    margin-bottom: 3px;
}
ul.submenu-col li a#active {
    background: url(../img/arrow.png) 96% center no-repeat #099ad1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}
ul.submenu-col li a:hover {
    background: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #326e99;
}
.box-style-one img.picture,
.title-course {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
.strip-courses {
    background: #eaf9ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #395070;
    margin-bottom: 30px;
}
.date-news,
.strip-courses.gray {
    background: #f8f8f8;
}
.title-course {
    background: #2d343e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}
.title-course h3 {
    font-size: 18px;
    padding: 3px 0 3px 15px;
    color: #fff;
    margin: 0;
}
.title-course ul {
    position: absolute;
    color: #fff;
    right: 15px;
    top: 7px;
}
.title-course ul li {
    display: inline-block;
    font-weight: 600;
    margin-left: 15px;
    zoom: 1;
}
.strip-courses .description {
    padding: 15px;
}
.strip-courses .description ul {
    margin: 0;
    padding: 0;
}
.strip-courses .description ul li {
    display: inline-block;
    font-weight: 600;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    line-height: 16px;
    zoom: 1;
}
.strip-courses .description ul li.online {
    color: #f66;
}
.strip-courses .description ul li:last-child {
    border-right: none;
}
.box-style-one {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eaf9ff;
    position: relative;
    margin-bottom: 20px;
}
.box-style-one img {
    margin: 30px 0 15px;
}
.box-style-one img.picture {
    margin: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.box-style-one h5 {
    background: #2d343e;
    bottom: 0;
    left: 0;
    padding: 4px 0;
    color: #eaf9ff;
    text-transform: uppercase;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
ul.data-lessons,
ul.data-staff {
    margin-left: 0;
    padding-left: 0;
}
.strip-lessons {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
ul.data-lessons li {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    line-height: 16px;
    zoom: 1;
}
ul.data-lessons li:last-child {
    border-right: none;
}
.strip-staff {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.strip-staff .pic-teacher {
    position: relative;
    margin-bottom: 15px;
}
.strip-staff h4 em {
    display: block;
    font-weight: 400;
    color: #777;
    font-size: 12px;
}
ul.data-staff li {
    font-weight: 700;
    display: inline-block;
    margin-right: 3px;
    padding: 8px 12px;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
}
ul.data-staff li i {
    margin: auto;
}
ul.data-staff li a:hover {
    text-decoration: none;
}
.news-strip ul {
    margin: 0;
    padding: 0;
}
.news-strip ul li {
    cursor: pointer;
    list-style: none;
    margin: 0 0 15px;
    padding: 12px 0 10px;
    display: inline-block;
}
.news-strip ul li a {
    text-decoration: none;
}
.news-strip ul li:hover {
    background-color: #eaf9ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.date-news {
    width: 80px;
    height: 80px;
    padding-top: 20px;
    color: #999;
    font-size: 12px;
    border: 1px solid #fff;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
    margin: 0 15px 10px 10px;
}
.date-news strong {
    display: block;
    font-size: 24px;
    color: #333;
}
.tags a {
    display: inline-block;
    margin: 5px 14px 10px 0;
    height: 33px;
    line-height: 33px;
    background: url(../img/tag_bg.png) 91% center no-repeat #ededed;
    padding: 0 28px 0 11px;
    color: #646464;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}
.tags a:hover {
    background-color: #099ad1;
    color: #fff;
    text-decoration: none;
}
ul.latest_news li,
ul.recent_post li {
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px #e7e7e7 dotted;
    list-style: none;
    line-height: 18px;
    color: #888;
    font-style: italic;
}
ul.latest_news li div,
ul.recent_post li div {
    font-weight: 700;
    padding-left: 25px;
    font-style: normal;
}
ul.latest_news li:last-child,
ul.recent_post li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.post {
    margin-bottom: 45px;
}
.post img {
    margin-bottom: 18px;
    border-radius: 5px;
}
.post h2 {
    font-size: 36px;
    line-height: 36px;
}
.post_info {
    padding: 10px 0;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    margin-bottom: 12px;
    color: #555;
}
.post_info span {
    color: #f66;
}
.post-left ul li {
    float: left;
    margin-right: 10px;
    list-style: none;
}
.post-right {
    float: right;
}
#comments {
    padding: 10px 0 0;
    margin-bottom: 15px;
}
#comments ol,
#comments ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#comments li {
    padding: 0 0 23px;
    list-style: none;
}
.avatar {
    float: left;
    margin-right: 11px;
}
.avatar img {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.comment_right {
    display: table;
}
.comment_info {
    padding-bottom: 7px;
}
.comment_info span {
    padding: 0 12px;
}
#comments ol li ul li {
    padding: 23px 0 0 30px;
    margin: 0;
}
.picture {
    margin-bottom: 20px;
    position: relative;
}
.photo_icon,
.video_icon_vimeo,
.video_icon_youtube {
    height: 92%;
    left: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: block;
}
.photo_icon {
    background: url(../img/zoom_1.png) 10px 10px no-repeat;
    opacity: 1 !Important;
}
.video_icon_vimeo,
.video_icon_youtube {
    background: url(../img/icon_play.png) 10px 10px no-repeat;
    opacity: 1 !Important;
}
.add-bottom-20 {
    margin-bottom: 30px;
}
#toTop {
    width: 100px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    padding: 5px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #333;
    font-size: 11px;
}
ul.list_1 li,
ul.list_2 li,
ul.list_3 li,
ul.list_4 li {
    line-height: 18px;
    padding-left: 20px;
}
hr.double {
    margin: 10px 0 20px;
    border: 0;
    border-top: 1px solid #cedee7;
    border-bottom: 1px solid #fff;
}
ul.list_1,
ul.list_2,
ul.list_3,
ul.list_4 {
    padding-bottom: 15px;
}
ul.list_1 li {
    background: url(../img/tick_1.png) left 3px no-repeat;
}
ul.list_2 li {
    background: url(../img/arrow_2.png) 3px 5px no-repeat;
}
ul.list_3 li {
    background: url(../img/arrow_3.png) 5px 7px no-repeat;
}
ul.list_4 li {
    background: url(../img/arrow_4.html) 4px 6px no-repeat;
}
.borders:after,
.borders:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    bottom: -2px;
    left: 3px;
    right: 3px;
    background-color: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e2e2e2;
    border-top: 0;
}
.borders:before {
    bottom: -4px;
    left: 6px;
    right: 6px;
}
.box-style-1 {
    padding: 20px 20px 10px;
    background: #eaf9ff;
    box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #2e415c;
    position: relative;
}
.box-style-1.ribbon {
    background: url(../img/sticker-1.png) top right no-repeat #eaf9ff;
}
.box-style-2 a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    padding: 25px 15px 5px;
    text-decoration: none;
    font-weight: 700;
    -webkit-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    transition: background 0.8s ease;
    -webkit-transition: background 0.8s ease;
    -moz-transition: background 0.8s ease;
    margin-bottom: 15px;
    background: #09c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.table-bordered thead th,
.table-bordered thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #444;
    font-size: 13px;
}
.box-style-2 img {
    float: right;
    margin: 0 0 15px 20px;
}
.box-style-2 h3 {
    color: #ff9;
    font-size: 28px;
}
.box-style-2.green a:hover {
    background: #693;
}
.box-style-2.orange a:hover {
    background: #f60;
}
.box-style-2.red a:hover {
    background: #f66;
}
.table-bordered thead tr {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#dadada));
    background-image: -webkit-linear-gradient(top, #eee, #dadada);
    background-image: -o-linear-gradient(top, #eee, #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdadada', GradientType=0);
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #eee 0, #dadada 100%);
    background: -o-linear-gradient(top, #eee 0, #dadada 100%);
    background: -ms-linear-gradient(top, #eee 0, #dadada 100%);
    background: linear-gradient(top, #eee 0, #dadada 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
}
.table-bordered thead tr th {
    font-weight: 600;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}
.table-bordered thead tr th:first-child {
    border-left-color: #ccc;
}
.table-bordered thead tr th:last-child {
    border-right: none;
}
.table-bordered tbody tr:first-child td {
    border-top-color: #ccc;
}
.table-bordered tbody tr td {
    border-left: 1px solid #fff;
    border-right: 1px solid #ddd;
}
.table-bordered thead th {
    font-weight: 400;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #ccc;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}
#success_page,
.error_message {
    color: #fff;
    display: inline-block;
}
.table-bordered thead th:first-child {
    border-left-color: #ccc;
}
.table-bordered thead th:last-child {
    border-right: none;
}
.table-bordered tbody td {
    border-left: 1px solid #fff;
    border-right: 1px solid #ddd;
}
.table-bordered tbody tr td:first-child {
    border-left-color: #ddd;
}
.table-bordered tbody tr td:last-child {
    border-right: none;
}
#message-contact,
#message-newsletter,
#message-visit {
    margin: 10px 0;
    padding: 0;
}
.error_message {
    background: #ed1c24;
    padding: 5px;
}
.loader {
    padding: 0 10px;
}
#success_page {
    background: #6c0;
    padding: 5px;
}
span.required {
    font-size: 13px;
    color: #f66;
}
.togglehandle,
a.accrodian-trigger {
    font-size: 16px;
    display: block;
    cursor: pointer;
}
.main-img {
    margin: -30px -30px 30px;
    overflow: hidden;
    position: relative;
}
.main-img p.lead {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    bottom: -25px;
    padding: 15px 20px;
    color: #fff;
    line-height: 24px;
}
.main-img img {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
a.accrodian-trigger {
    margin: 5px 0;
    background: url(../img/plus.html) center right no-repeat #f5f5f5;
    padding: 5px 15px;
    line-height: 32px;
    transition: background 0.5s ease;
}
a.accrodian-trigger:hover {
    text-decoration: none;
    background: url(../img/plus.html) center right no-repeat #099ad1;
    color: #fff;
}
a.accrodian-trigger:focus {
    text-decoration: none;
    background: url(../img/minus.html) center right no-repeat #099ad1;
    color: #fff;
}
.accrodian-data {
    padding: 0 15px;
}
.togglehandle {
    background: url(../img/plus.html) center right no-repeat #f5f5f5;
    padding: 8px 15px;
    border: 1px solid #d6d4cb;
    margin-bottom: 5px;
}
.toggledata {
    padding: 0 15px;
}
.alertmsg,
.errormsg,
.infomsg,
.infomsg2,
.successmsg {
    display: block;
    margin: 20px 0;
    padding: 15px 8px 15px 15px;
    position: relative;
}
.alert i {
    float: left;
    line-height: 22px;
}
.errormsg {
    background-color: #fccac1;
    border: 1px solid #e18b7c;
}
.errormsg i {
    color: #e18b7c;
}
.alertmsg {
    background-color: #ffe9ad;
    border: 1px solid #eac572;
}
.alertmsg i {
    color: #eac572;
}
.successmsg {
    background-color: #effeb9;
    border: 1px solid #c1d779;
}
.infomsg,
.infomsg2 {
    border: 1px solid #afd3f2;
}
.successmsg i {
    color: #c1d779;
}
.infomsg {
    background-color: #deeefa;
}
.infomsg i {
    color: #afd3f2;
}
.infomsg2 {
    background-color: #fff;
}
a.clostalert {
    background: url(../img/messages.html) 0 -310px no-repeat;
    cursor: pointer;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-indent: 9999px;
    top: 5px;
    width: 15px;
}
.tab-content {
    overflow: auto;
    margin-bottom: 20px;
}
.button_large,
.ie10 .avatar img,
.ie10 .box-style-1,
.ie10 .box-style-2 a,
.ie10 .box-style-one,
.ie10 .box-style-one h5,
.ie10 .box-style-one img.picture,
.ie10 .button_medium,
.ie10 .button_red_medium,
.ie10 .button_red_small,
.ie10 .col-left,
.ie10 .col-right,
.ie10 .date-news,
.ie10 .drop-down-container ul.tabs a,
.ie10 .drop-down-container#icon-menu a,
.ie10 .img-rounded,
.ie10 .main-img img,
.ie10 .megamenu > li .drop-down-container,
.ie10 .megamenu > li .drop-down-container a.button_large,
.ie10 .megamenu > li .drop-down-container a.button_medium,
.ie10 .megamenu > li .drop-down-container a.button_red_medium,
.ie10 .megamenu > li .drop-down-container a.button_red_small,
.ie10 .news-strip ul li:hover,
.ie10 .post img,
.ie10 .strip-courses,
.ie10 .title-course,
.ie10 .uneditable-input,
.ie10 a.button_large,
.ie10 a.button_medium,
.ie10 a.button_red_medium,
.ie10 a.button_red_small,
.ie10 input[type="email"],
.ie10 input[type="url"],
.ie10 input[type="search"],
.ie10 input[type="tel"],
.ie10 input[type="color"],
.ie10 input[type="text"],
.ie10 input[type="password"],
.ie10 input[type="datetime"],
.ie10 input[type="datetime-local"],
.ie10 input[type="date"],
.ie10 input[type="month"],
.ie10 input[type="time"],
.ie10 input[type="week"],
.ie10 input[type="number"],
.ie10 select,
.ie10 textarea,
.ie10 ul.data-staff li,
.ie10 ul.submenu-col li a#active,
.tags a {
    border-radius: 0;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .form-search input,
    input#email_newsletter {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .box-style-2 img {
        float: none;
        margin: auto auto 20px;
        display: block;
    }
    .box-style-2.green a {
        background: #693;
    }
    .box-style-2.orange a {
        background: #fab90c;
    }
    .box-style-2.red a {
        background: #f66;
    }
    .box-style-2.green a:hover,
    .box-style-2.orange a:hover,
    .box-style-2.red a:hover {
        background: #2d343e;
    }
    input.dateinput {
        width: 70%;
    }
    .post-right {
        float: left;
    }
    .feat {
        padding-left: 0;
    }
    .feat i {
        position: relative;
        padding-bottom: 15px;
        top: 0;
        left: 0;
        display: block;
    }
    .strip-courses .button_medium.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}

    .rowflex
    {
            align-items: center;
    display: flex;
    flex-wrap: wrap;
    }
    li a.drop-down:hover .drop-down-container
    {
        display: block !important;
    }


.megamenu>li a {
    font-size: 12px !important;
    /* font-weight: normal; */
    letter-spacing: -0.3px;
}

.p-0 {
    padding: 0;
}
.box-style-1.ribbon.borders {
    margin-top: -30px;
    height: 650px;
}
.secondlayout .box-style-1.ribbon.borders {
    height: 300px;
}
.box-style-2 h3 {
    color: #ff9;
    font-size: 15px;
    line-height: 25px;
}
.m-0
{
  margin: 0;
}
/*** 
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:70px 0px 0px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-widget{
margin-bottom:30px;
}
.sidebar-widget .widget-content{
position:relative;
border-radius:5px;
background-color:#ffffff;
box-shadow:0px 0px 10px rgba(0,0,0,0.02);
}
.sidebar-widget .widget-content .content{
position:relative;
padding:15px 15px 5px;
}
.sidebar-widget.popular-posts .widget-content .content{
padding:15px 20px 5px;
}
/*Sidebar Title*/
.sidebar-title{
position: relative;
padding:13px 20px 0px;
display:block;
margin-bottom:0px;
}
.sidebar-title h6{
position:relative;
color: #252841;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
}

/* Categories Widget */
.categories-widget ul li{
position:relative;
margin-bottom:11px;
}
.categories-widget ul li a{
position:relative;
color:#252841;
font-size:14px;
font-weight:500;
padding-left:32px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.categories-widget ul li a .icon{
position:absolute;
left:0px;
top:5px;
width:24px;
height:24px;
font-size:14px;
font-weight:400;
line-height:24px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#f5fbff;
}
.categories-widget ul li a:hover{
color:#09c;
}
.categories-widget .all-category{
position:relative;
color:#09c;
font-size:12px;
font-weight:500;
margin-top:8px;
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border-bottom:1px solid #09c;
}
.categories-widget .all-category:hover{
}
.sidebar-title h6 {
    font-size: 22px;
}
.sidebar-title h6 {
    position: relative;
    color: #252841;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
}
.categories-widget ul li .listcontent a {
    padding: 0;
    display: block;
}
.categories-widget ul li a {
    position: relative;
    color: #252841;
    font-size: 14px;
    font-weight: 500;
    padding-left: 40px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.categories-widget ul li {
    display: inline-flex;
}
.categories-widget ul li {
    position: relative;
    margin-bottom: 11px;
}
.categories-widget ul li .listcontent a span {
    display: block;
}
.listcontent p {
    margin: 0;
}
.rightTI {
    background: #3d840c;
    white-space: nowrap;
    overflow: hidden;
    padding: 7px 0;
    animation: marquee 25s linear infinite;
    color: #ffffff;
    position: relative;
    top: -1px;
    font-size: 17px;
    font-weight: 600;
}
.rightTI:hover {
animation-play-state: paused;
}
@-webkit-keyframes marquee {
0% {text-indent: 100%;}
100% {text-indent: -100%;}
}
.marqueetwo {
top: 6em;
position: relative;
box-sizing: border-box;
animation: marqueetwo 15s linear infinite;
}
.marqueetwo:hover {
animation-play-state: paused;
}
/* Make it move! */
@keyframes marqueetwo {
0%   { top:   25em }
100% { top: -2em }
}
.box-style-1.ribbon.borders {
    margin-top: 0px;
    overflow: hidden;
}


.frame{ 
    position: relative;
    padding: 10px;
    text-align: center;
    color: #000;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    margin: auto;
    border: 27px solid;
    border-image: url("../img/bgbirthday.png") 27 repeat;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    background: #9ad0e985;
}





.foto{
    position: absolute;
    width: 120px;
    top: 20px;
    right: -120px;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
    border: 10px solid rgb(254, 168, 167);
}
.container-fluid.birthdaysec {
    padding: 30px 15px 0px;
}
.secondlayout .container-fluid.birthdaysec {
    padding: 0px 15px 10px;
}

.testim {
    background: url('../img/workann.jpg.png');
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 0px 20px 40px;
    margin: auto;
}

.testim .arrow {
    display: none;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
        cursor: pointer;
}

.testim .arrow:hover {
    color: green;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
        height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
        position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: green;
    border-color: green;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
        overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #000;
    font-size: 15px;
    margin: 15px 0 0;
    font-weight: 600;
}

.testim .cont div p {
    font-size: 15px;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}


@media all and (max-width: 500px) {
    .testim .arrow {
        font-size: 1.5em;
    }
    
    .testim .cont div p {
        line-height: 25px;
    }

}



.workanniversarytext{ 
    padding: 10px;
    color: #000;
    text-align: center;
    color: #000;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        padding: 35px 0 20px;
        margin: 0;
        font-weight: 600;
}

.testim {
    background: url(../img/workann.jpg.png);
    background-size: 100% 100%;
    background-size: cover;
}
.vacancyicon
{
        width: 30px;
    object-fit: contain;
    height: 30px;
        max-width: inherit;
}
a.headingfont {
    font-size: 18px !IMPORTANT;
    color: #000;
    margin-bottom: 5px;
}
hr {
    margin: 5px 0 15px;

}


.vacancytext{ 
    padding: 10px;
    color: #000;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
       
            padding: 22px 0 10px;
    margin: 0;
    font-size: 27px !important;
}
.sidebar-widget .widget-content.vacancyside
{
    background-color:  #9c27b014;
}
li.dot {
    display: none !important;
}
#quick-links ul li a
{
    color:  #fff;
}

.rightTI { background: #ff002b;
  white-space: nowrap; 
  overflow: hidden;
  animation: marquee 50000s linear infinite;
}
.rightTI:hover {
  animation-play-state: paused;
}
@-webkit-keyframes marquee {
  0% {text-indent: 100%;}
  100% {text-indent: -100%;}
}

.rightCSS { 
  background: #a35dc1;
  overflow: hidden;
} 
.rightCSS div {
  position: relative;
  animation: CSSright linear 50000s infinite;
} 
@keyframes CSSright {
  0% { top: -100% }
  100% { top: 100% }
}
.rightCSS:hover div {
  animation-play-state: paused;
}

.rightJS { background: #ffa900; }

.rightJQ { background: #00a753; }
a.headingfont span {
    font-size: 10px;
}
.sidebar-widget.recentnewssidebar .widget-content {
    position: relative;
    border-radius: 5px;
    background-color: transparent;
    }

    .recentnewssidebar img
    {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

 .workanniversarytext, .vacancytext {
    font-size: 26px !important;
    color: #000 !important;
}
   
    ul.megamenu {
    text-align: center;
}
ul.circlecheck li:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size: 14px;
  position: absolute;
  left: 0;
}
ul.circlecheck li {
    padding-left: 20px;
}
.sidebar-title.p-0 {
    padding: 0;
}
.sidebar-widget.categories-widget.recentnewssidebar,.bordertop {
    margin-top: 15px;
    border-top: 1px solid #00000024;
    padding-top: 15px;
}
.scrollbar.p-0 {
    padding: 0 !important;
}
a.headingfont span {
    font-size: 12px;
    margin-top: 3px;
}
.recentnewssidebar h6 {
    margin-bottom: 20px;
}
.sidebarheading, .recentnewssidebar h6
{
        font-size: 20px;
    margin-bottom: 20px;
}
.sidebarheading a, .recentnewssidebar h6 a
{
    color: #2E415C;
}
marquee.li {
    height: 70px;
}
a.button_large.sidebar_btn {
    border-radius: 5px;
    padding: 5px 12px;
    font-size: 14px;
    margin-top: 10px;
}
ul.circlecheck li, ul.circlecheck li a {
    font-size: 13px;
    line-height: 1;
    color:  #000;
}

.magnific-img img {
    width: 100%;
    height: auto;
    position:  relative;
}
.mfp-bottom-bar,*{
   font-family: 'Abel', sans-serif;
}
.magnific-img {
    display: inline-block;
    width: 33%;
}
.magnific-img {
    margin: .1%;
    padding: 6px;
    background: #fff;
}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
    opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mainheading {
    color: #000;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    font-size: 29px;
    margin-bottom: 25px;
}
.ptb80
{
    padding: 40px 0 60px;
}
a:hover
{
    text-decoration:  none;
}
.threebox_height .frame, .threebox_height section#testim, .threebox_height .sidebar-widget .widget-content.vacancyside
{
    height:  475px;
}
.sidebar-widget .widget-content.vacancyside, .frame
{
    height: auto;
}
.hometwotwo .sidebar-widget .widget-content.vacancyside, .frame
{
    height: auto;
}
 @media screen and (min-width:  1600px)
    {
        section#testim {
    height: 475px;
}
.sidebar-widget .widget-content.vacancyside, .frame {
    min-height: 475px;
}
.workanniversarytext, .vacancytext {
    font-size: 28px !important;
    color: #000 !important;
}
.box-style-2 h3 {
    font-size: 19px;
}
.box-style-2 a {
    padding: 25px 30px 5px;
    }
    }
    .title_style .leftrightborder_heading {
  display: inline-block;
  padding: 0 5px;
  font-weight: 600;
}
.title_style .border_left {
  display: inline;
  position: relative;
}
.title_style .border_left:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #9e9e9e61;
  width: 50px;
  position: relative;
  top: -7px;
}
.title_style .border_right {
  display: inline;
  position: relative;
}
.title_style .border_right:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #9e9e9e61;
  width: 50px;
  position: relative;
  top: -7px;
}
.title_style {
    text-align: center;
}
.reward_content {
    position: absolute;
    bottom: 1px;
    z-index: 1;
    background: #0000007d;
    color: #fff;
    width: 97%;
    padding: 10px;
    margin: 0;
}

.reward_content p {
    margin: 0;
    font-size: 14px;
    text-align: center;
}
.magnific-img {
    position: relative;
}
i.fa.fa-linkedin.linkedincls {
    background: #0056b3;
    color: #fff;
    border-color: #0056b3;
    position: relative;
    top: 0;
    left: 5px;
    /* padding: 9px 10px; */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: justify;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}
i.fa.fa-linkedin.linkedincls:hover
{
    transition: 0.5s ease-in-out;
    transform: translateY(-2px);
}
.followlink span {
    color: #ffffffb3;
    font-weight: 600;    font-size: 16px;
}
li.followlink {
    display: flex;
    align-items: center;    justify-content: end;
}
li.followlink a
{
    display:  flex;
}
.footer_p
{
    font-size:  15px;
    margin:  0;
}
.disflexcenter
{
    display:  flex;
    align-items:  center;
    flex-wrap:  wrap;
}
.footer
{
    padding:  20px 20px 15px;
}

div#toTop {
    background: #09c;
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
div#toTop img
{
        width: 21px;
    position: relative;
    top: 3px;
        transform: rotate(180deg);
}

.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}
.magnific-img {
    margin: 0;
    padding: 6px;
    background: #fff;
    width: 100%;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    background-color: #09c;
}
.carousel-indicators li
{
    border-color:  #09c;
}
ol.carousel-indicators {
    bottom: -25px;
}
.logoheading
{
        color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
marquee hr {
    margin: 3px 0 10px;
}
.frame img
{
        border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-bottom: 10px;
    margin-top: 20px;
}
ul.circlecheck.recentnews a {
    padding: 0;    line-height: 1;
}
.box-style-1.ribbon.borders.newlist {
    margin-top: 20px;
    height: 435px;
}
.box-style-1.ribbon.borders.newlist marquee.li
{
    height: auto;
}
.birthdaysecnew {
    padding: 0 15px;
}
.box-style-1.ribbon.borders.newlist marquee.li li {
    display: flex;
}

.box-style-1.ribbon.borders.newlist marquee.li li img {
    padding-right: 10px;
}
.secondlayout .box-style-1.ribbon.borders.newlist {
    margin-top: 20px;
    height: 290px;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside
{
  min-height: 500px;   
  height: auto;
}
ul.circlecheck.recentnews li {
    margin: 0;
}
.secondlayout #main-boxes {
    margin: 0px;
    margin-top: 20px;
    z-index: 1;
    margin-bottom: 5px;
}
.thirdlayout
{
    background: #fff;
}
.thirdlayout .box-style-1.ribbon.borders {
    margin-top: 0;
    height: auto;
    margin-bottom: 20px;
}
.thirdlayout .sidebar-widget.categories-widget.recentnewssidebar, .thirdlayout .bordertop {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
.thirdlayout .box-style-1.ribbon.borders.first_box
{
    margin-top: -30px;
}
.thirdlayout .box-style-1.ribbon {
    background: #eaf9ff;
    border-top: 5px solid red;
}

.thirdlayout nav
{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #D30D2E;
}
.thirdlayout .box-style-2 a
{
    background: #D30D2E;
}
.thirdlayout .box-style-1.ribbon.borders.newlist {
    margin-top: 0;
    height: 237px;
}
.secondlayout .reward_content
{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    position: relative;
    width: 100%;
    
}
.thirdlayout .reward_content
{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #000;
    position: relative;
    width: 100%;
    
}
.thirdlayout .carousel-indicators li {
    border-color: #D30D2E;
}
.thirdlayout .carousel-indicators .active {
    background-color: #D30D2E;
}
.firstlayout #main-boxes {
    margin: 0px;
    margin-top: 30px;
    z-index: 1;
    margin-bottom: 0;
}
.firstlayout .tp-bullets, .thirdlayout .tp-bullets {
    display: none !important;
}
.secondlayout .tp-bullets {
    bottom: 23px !important;
}
.secondlayout .tparrows
{
    display: none;
}
.secondlayout .tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    /* background: url(../assets/bullets2.html) no-Repeat bottom left; */
    width: 13px;
    height: 13px;
    margin-right: 0px;
    float: left;
    margin: 0 3px;
    /* margin-top: -10px; */
    border: 2px solid #fff;
    border-radius: 50%;
}
.secondlayout .tp-bullets.simplebullets.square .bullet.selected
{
    background: #fff;
}
.topbar
{
    padding: 0px 0;
}
.secondlayout .frame h1 {
    font-size: 26px;
    line-height: 30px;
}
.secondlayout .workanniversarytext {
    font-size: 24px !important;
    color: #000 !important;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 500px;
    height: auto;
}
.secondlayout .box-style-1.ribbon.borders {
    height: 400px;
}
ul.circlecheck.contentlist li a {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
}

ul.circlecheck.contentlist li hr {
    margin: 0;
}

ul.circlecheck.contentlist hr {
    margin: 0;
}

ul.circlecheck.contentlist li:before {
    /* position: relative; */
    top: 5px;
    font-size: 17px;
}
.smileyawards h3 img
{
    width:  20px;
    height:  20px;
    object-fit:  contain;
    margin:  5px;
}
.smileyawards h3 {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom:  10px;
}
.ptb60
{
    padding:  20px 20px;
}
.frame.vacancyside {
    background-color: #9c27b014;
}

.hometwotwo .frame
{
    padding:  10px 0;
}
.secondlayout.hometwotwo .box-style-1.ribbon.borders {
    height: 400px;
}
.frame.vacancyside.smileybg {
    height: auto;
    min-height: 400px;
}
.circle-bg, .circle-bgone {
  background-color: #0056b3;
  border-radius: 50%;
  cursor: pointer;
  display: table;
  left: 50%;
  top: 50%;
  height: 45px !Important;
  width: 45px !important;
  position: absolute;
  vertical-align: middle;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.icontwo, .iconone {
  color: white;
  display: table-cell;
  font-size: 40px;
  text-align: center;
  vertical-align: middle;
}

.outer-icons, .outer-iconsone {
  left: 50%;
  top: 50%;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.outer-icons a, .outer-iconsone a {
  color: white;
  border-radius: 50%;
  font-size: 30px;
  line-height: 30px;
  height: 35px;
  width: 35px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -360%);
}

.one {
  background-color: #55acee;
  left: -120px;
}

.two {
  background-color: #3b5998;
  left: -60px;
  bottom: -150px;
}

.three {
  background-color: #dc4e41;
  left: 60px;
  bottom: -150px;
}

.four {
  background-color: #0077b5;
  left: 120px;
}
.footertoggle
{
    position:  relative;
}
.footertoggle_two
{
    position:  relative;
}
.one {
    background-color: #55acee;
    left: 0;
    bottom: -85px;
}
.two {
    background-color: #3b5998;
    left: 0px;
    bottom: -43px;
}

.three {
    background-color: #1485de;
    left: 0;
    bottom: 0px;
}


.footertoggle, .footertoggle_two {
    position: absolute;
    right: 15px;
    margin-bottom: 20px;
}
.footertoggle.footertoggle_two {
    right: 35px;
}
.posrelative
{
    position:  relative;
}
.footertoggle, .footertoggle_two {
    position: absolute;
    right: 40px;
    margin-bottom: 20px;
    margin-top: -15px;
}
.footertoggle_two {
    right: 95px;
}
li.followlink {
    margin-right: 60px;
}
div#toTop
{
    display: none !Important;
}
.circle-bg i , .circle-bgone i {
    font-size: 22px;
    position: relative;
    top: 0;
    margin: 0;
}
.circle-bg, .circle-bgone {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fullwidthbanner 
{
    height: 400px !Important;
}
.smileybg
{
    border-image: url(../img/smileybg.png) 27 repeat;
}
.frame
{
    padding: 10px 0;
}
.secondlayout.hometwotwo .threebox_height .frame, .secondlayout.hometwotwo .threebox_height section#testim, .secondlayout.hometwotwo .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 400px;
    height: auto;
}
.outer-icons img {
    width: 24px;
    height: 20px;
    object-fit: contain;
}
    @media screen and (max-width: 1366px)
    {
    .fullwidthbanner-container {
    max-height: 500px;
    height: 500px;
}

    .fullwidthbanner-containertwo{
        max-height:400px;
    height: 400px;
    }
    }
@media screen and (min-width: 1600px)
{
    .secondlayout .ptb60 {
    padding: 20px 20px;
}
    .secondlayout.hometwotwo .box-style-1.ribbon.borders {
    height: 450px;
}
 .fullwidthbanner-container {
    max-height: 450px !important;
    height: 450px;
}
.secondlayout.hometwotwo .box-style-1.ribbon.borders.newlist {
    height: 370px;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 480px;
}
.secondlayout.hometwotwo .threebox_height .frame, .secondlayout.hometwotwo .threebox_height section#testim, .secondlayout.hometwotwo .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 370px;
}
.hometwotwo .sidebar-widget .widget-content.vacancyside, .frame {
    min-height: 370px;
}
.frame img
{
    width: 80px;
    height: 80px;
}
  .fullwidthbanner-containertwo {
    max-height: 450px !important;
}
.secondlayout .box-style-1.ribbon.borders {
    height: 450px;
}
}
@media screen and (min-width: 1800px)
{
  .secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 500px;
}
    .secondlayout.hometwotwo .box-style-1.ribbon.borders {
    height: 450px;
}
.hometwotwo .fullwidthbanner-container {
    max-height: 450px !important;
    height: 450px;
}
.secondlayout.hometwotwo .box-style-1.ribbon.borders.newlist {
    min-height: 370px;
}
.secondlayout.hometwotwo .threebox_height .frame, .secondlayout.hometwotwo .threebox_height section#testim, .secondlayout.hometwotwo .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 370px;
}
.hometwotwo .sidebar-widget .widget-content.vacancyside, .frame {
    min-height: 370px;
}
}
h6.vacancytext {}

.frame.newjoinee_box h6.vacancytext {
    padding: 7px 0 0;
}

.frame.newjoinee_box h3 {
    font-size: 16px;
}
.newlist li img {
    padding-right: 10px;
}
.newlist  li
{
    display: flex;
}
.newjoinee_box
{
        background: #9c27b014;
    border-image: none;
    border: none;
}
.disclaimerp {
    display: inline-flex;
    margin: 0;
}
.disclaimerp marquee.li {
    height: auto;
    width: 400px;
    margin-left: 10px;
}
.d-flex {
    display: inline-flex;
}
a.sendwishes {
    font-size: 17px;
}
a.sendwishes.testimoni {
    margin-top: 8px !important;
    display: inline-block;
}
.disclaimerp {
    display: inline-flex;
    margin: 0;
    margin-left: 10px;
    font-size: 15px;
}
h3.namecls {
    font-size: 16px;
    margin: 0 0 1px;
    line-height: 26px;
}
img.cornerimg.defaultimg {
    width: 20px !important;
    height: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}
a.sendwishes.testimoni {
    margin-top: 8px !important;
    display: inline-block;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
@media screen and (max-width: 1300px)
{
    .disclaimerp marquee.li {
    width: 200px;
    }
    .secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 520px;
    height: auto;
}
}
@media (max-width: 1200px) {
.megamenu>li {
    padding: 13px 0 15px 3px;
}
.megamenu>li a {
    font-size: 11px !important;
}
i.fa.fa-home.icon.icon-home {
    font-size: 18px;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 600px;
}
.secondlayout .workanniversarytext, .workanniversarytext, .vacancytext {
    font-size: 20px !important;
    color: #000 !important;
    }
    .secondlayout .frame h1 {
    font-size: 20px;
    line-height: 30px;
}
}
@media (max-width: 1099px) {
.sidebarheading, .recentnewssidebar h6 {
    font-size: 18px;
}
.secondlayout .workanniversarytext, .workanniversarytext, .vacancytext {
    font-size: 26px !important;
    color: #000 !important;
    }
    .secondlayout .frame h1 {
    font-size: 26px;
    line-height: 25px;
}
.secondlayout .container-fluid.birthdaysec .col-md-3.col-sm-6 {
    width: 50%;
}
.footer_p {
    font-size: 10px;
    margin: 0;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    min-height: 450px;
}
.secondlayout .threebox_height .frame, .secondlayout .threebox_height section#testim, .secondlayout .threebox_height .sidebar-widget .widget-content.vacancyside {
    margin-bottom: 15px;
}
    }
@media (max-width: 991px) {

.circle-bg i, .circle-bgone i {
    font-size: 17px;
    }
    .circle-bg, .circle-bgone {
    height: 35px !Important;
    width: 35px !important;
}
a.logoheading img {
    width: 200px;
}
}
@media (max-width: 767px) {
    #logo,
    #menu-top {
        text-align: center;
    }
    #logo img {
    visibility: visible;
    display: block;
    width: 340px;
    text-align: center;
    margin: auto;
}
.topbar {
    padding: 5px 0 15px;
}
.box-style-1.ribbon.borders {
    margin-top: 0;
    }
.row.rowflex {
    justify-content: center;
    display: block;
    text-align: center;
}
.box-style-1.ribbon.borders {
    margin-top: 0;
}
footer .d-flex {
    display: block;
    text-align: center;
}
    #main-boxes {
        margin-top: 30px;
    }
    .post-right {
        float: left;
    }
    #logo {
        background: url(../img/logo-mobile.html) center top no-repeat;
        height: 45px;
        margin-bottom: 10px;
    }
    #menu-top {
        float: none;
        margin: 0;
    }
    .fb,
    .twitter {
        margin-bottom: 25px;
    }
    .button-align {
        text-align: left;
        padding-top: 0;
    }
    .strip-staff .pic-teacher {
        width: 60%;
        height: auto;
    }
    .strip-courses .button_medium.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .secondlayout .container-fluid.birthdaysec .col-md-3.col-sm-6 {
    width: 100%;
}
.col-md-4.text-right {
    width: 100%;
    text-align: center !important;
}
.disflexcenter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
footer .d-flex {
    display: flex;
    text-align: center;
    justify-content: center;
}
}
@media (max-width: 575px) {
    footer .d-flex
    {
        display: block !important;
    }
    .customervisit {
    margin: 0 !important;
}
li.followlink {
    margin-top: 20px;
}
}
@media (max-width: 480px) {
    footer .d-flex {
    display: block;
    text-align: center;
    justify-content: center;
}
}
@media (max-width: 480px) {
    #logo {
        text-align: center;
        background: url(../img/logo-mobile.html) center top no-repeat;
        height: 45px;
        margin-bottom: 10px;
    }
    .title-course ul {
        position: relative;
        color: #fff;
        right: 0;
        left: 0;
        top: 0;
        padding: 0 0 15px;
        margin: 0;
    }
    .title-course ul li {
        padding: 0;
    }
    .strip-courses .button_medium.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}

span.datecls {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.customervisit {
  margin-left: 35px;
}
.customervisit {
  font-size: 15px;
  margin-top: 0px;
  margin-right: 7px;
}
#sfcb1jhbwublcuzubhtrgf9ftssejd6rgwj {
  margin-right: 14px;
}
a.logoheading img {
    width: 250px;
    margin-left: 10px;
}
@media (max-width: 575px) {
    img.numberimg {
    display: none;
}
li.followlink {
    margin-right: 120px !Important;
}
}
@media (max-width: 345px) {
    #logo img {
    width: 300px;
}
}
img.numberimg {
    width: 145px;
    float: right;
    filter: drop-shadow(2px 2px 2px #b10808e3);
}
/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.3;}
}
.numberimg{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.inlineimgs
{
    display: inline-flex;
    width: 340px !important;
    height: auto !important;
    position: absolute !important;
    left: 0 !important;
    background: #fff;
    bottom: 50px !important;
    padding-left: 6px;
}
.inlineimgs img {
    width: 100px !important;
    height: auto !important;
    left: 0 !important;
    object-fit: contain;
}
.inlineimgs img.logoimgside4 {
    width: 130px !important;
}
@media screen and (max-width: 575px)
{
    .inlineimgs
{
    display: inline-flex;
    width: 265px !important;
    padding-left: 2px;
}
.inlineimgs img.logoimgside4 {
    width: 105px !important;
}
.inlineimgs img {
    width: 80px !important;
}
}
@media screen and (max-width: 345px)
{
    #logo img {
    width: 255px;
}
#logo {
    text-align: center;
    background: url(../img/logo-mobile.html) center top no-repeat;
    height: auto;
    margin-bottom: 0;
}
}
.privacy_heading h1 {
    font-size: 28px;
}

.privacy_heading h2, .privacy_heading h4, .privacy_heading h3 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}

.col-md-12.privacy_heading {}

.privacy_heading ul li, .privacy_heading ol li {
    list-style: decimal;
    padding-bottom: 5px;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 24px;
        font-size: 16px;
}
.privacy_heading ul li
{
    list-style: disc;
}
.privacy_heading ul, .privacy_heading ol {
    padding: 0;
    margin: 0;
    padding-left: 15px;
    margin-top: 5px;
}
.ptb_50
{
    padding: 35px 0px 50px;
}
.privacy_heading p {
    font-size: 15px;
    line-height: 23px;
    text-align: justify;
}
.col-md-12.privacy_heading {
    min-height: 71vh;
}
.heightvh
{
    min-height: 71vh;
}
@media screen and (max-width: 991px)
{
    .col-md-12.privacy_heading {
    min-height: auto;
}
.heightvh
{
    min-height: auto;
}
}
.col-left i {
    font-size: 17px;
}
label.radio-inline {
    font-size: 14px;
    margin-bottom: 15px;
}
label.checkbox-inline {
    font-size: 14px;
    margin-bottom: 15px;
}
.boxcontent
{
    background: #fff;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.boxcontent h3 {
    font-size: 18px;
    text-align: center;
}

.boxcontent {}

.boxcontent {
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.btnrow {}

.btnrow {
    display: flex;
    justify-content: center;
}

.btnrow a {
    padding: 5px 15px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    color: #fff;
    width: auto;
    text-align: center;
    font-size: 14px;
    margin: 15px 0 0;
    border-radius: 3px;
    transition: 0.5s ease-in-out;
}
a.download {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #c8384a;
}
a.download:hover
{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;;
}
@media screen and (min-width:  1600px)
{
    .col-xl-3
    {
        width: 25%;
    }
}
.mb-0
{
    margin-bottom: 0;
}
.vacanybloc p
{
    margin-bottom: 5px;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.news-btn a {
    display: inline-block;
    margin-left: auto;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background-color: #1f598e;
    color: #fff;
}
.jobaccordion a .news-title {
    color: #000;
    font-size: 19px;
    font-weight: 600;
}
.vacanysec h4 {
    margin-bottom: 25px;
    text-decoration: underline;
    font-size: 23px;
    line-height: 30px;
}
.col-right.vacanysec p {
    margin: 0 0 25px;
    font-size: 15px;
    margin: 0;
}
.vacanysec .strip-courses .description {
    padding: 20px 15px;
}
.evenrow .strip-courses:nth-child(even)
{
    background: #f8f8f8;
}
.borderimg
{
    background: #fff;
    box-shadow: 0 9px 23px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    border-radius: 5px;
    padding: 10px;
}
.tdunderline
{
    text-decoration: underline;
}
.vacanysec .strip-courses
{
    padding: 0;
}
.col-right.vacanysec p {
    /* margin-bottom: 6px !important; */
    /* display: block; */
    line-height: 24px;
}
.vacanysec .strip-courses {
    padding: 0;
    box-shadow: 0 0px 10px rgb(0 0 0 / 25%), 0 0px 2px rgb(0 0 0 / 8%);
}
.vacanysec .button_medium
{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
}
.col-right.vacanysec h5 {
    font-size: 21px;
    margin-bottom: 25px;
}
.col-right.vacanysec p {
    width: 80%;
}
.vacanysec .strip-courses .description {
    padding: 20px 15px;
    min-height: 210px;
}

p.linktext {
    position: absolute;
    bottom: 20px;
}

.vacanysec .description {
    position: relative;
}
.vacanysec .button_medium {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    position: absolute;
    right: 180px;
    bottom: 20px;
}

/* flat about 
--------------------------------------------------------------*/
.flat-about {
    margin-bottom      : -23px;
    background-image   : url(../images/mark-about.png);
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : cover;
}

.flat-about .about-left-content {
    padding-top: 0px;
}

.flat-about .section-title {
    margin-bottom: 25px;
}

.flat-about p {
    line-height  : 29px;
    margin-bottom: 28px;
}
.flat-about .about-right-content .about-post {
    position: relative;
}

.flat-about .about-right-content .about-post img {
    border-radius: 6px;
}

.about-video {
    position        : absolute;
    top             : 31px;
    right           : 29px;
    width           : 60px;
    height          : 60px;
    border-radius   : 50%;
    background-color: #09c;
}

.about-video.video::before {
    position     : absolute;
    top          : 50%;
    left         : 50%;
    font-size    : 19px;
    transform    : translate(-40%, -50%);
    padding-right: unset;
    color        : #fff;
}

.flat-about .about-right-content .about-counter-box,
.flat-about-2 .about-2-content-right .about-counter-box {
    position           : absolute;
    bottom             : -28px;
    left               : 54px;
    background-color   : #09c;
    padding            : 35px;
    border-radius      : 8px;
    background-image   : url(../images/mark-about-counter.png);
    background-repeat  : no-repeat;
    background-position: center left;
    box-shadow         : 0px 5px 17px #2196f3;
}

.flat-about .about-right-content .about-counter-inner,
.flat-about-2 .about-2-content-right .about-counter-inner,
.flat-counter .about-counter-inner {
    display    : flex;
    align-items: end;
}

.flat-about .about-counter-box .number-counter,
.flat-about-2 .about-2-content-right .about-counter-box .number-counter,
.flat-counter .about-counter-inner .number-counter {
    margin-right: 11px;
}

.flat-about .about-counter-box .number-counter span,
.flat-about-2 .about-2-content-right .about-counter-box .number-counter span,
.flat-counter .about-counter-inner .number-counter span {
    font-size  : 65px;
    font-weight: 700;
    color      : #fff;
}

.flat-counter .about-counter-inner .number-counter span {
    font-size: 60px;
    color    : #09c;
}

.flat-about .about-counter-box .heading-count h3,
.flat-about-2 .about-2-content-right .about-counter-box .heading-count h3 {
    font-size  : 20px;
    line-height: 29px;
    color      : #fff;
}

.flat-counter .about-counter-inner .heading-count h3 {
    font-size  : 16px;
    line-height: 24px;
}
section.tf-space.flat-about {
    padding: 120px 0;
}
.nav_mbzero nav
{
    margin-bottom: 0;
}
ul.fachecklist i {
    color: #09c;
    font-size: 25px;
}
ul.fachecklist i {
    color: #09c;
    font-size: 25px;
}

ul.fachecklist li {
    position: relative;
    text-align: justify;
}

ul.fachecklist li:before {
    content: "\f14a";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    color: #09c;
    font-size: 22px;
    left: 0;
    top: 3px;
}

ul.fachecklist li {
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 23px;
}
.align-items-center
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.section-heading {
    font-size: 24px;
    font-weight: 700;
    border-left: 5px solid #09c;
    padding-left: 10px;
    margin-bottom: 17px;
    color: #09c;
}
.section-title h2 {
    font-weight: 700;
    font-size: 27px;
}
.bg-whitee {
    background: #2196f324;
}
section.tf-space.flat-about.bg-white {
    background: transparent;
}
.gettoknowcont p
{
    font-size: 16px;
    margin-bottom: 0;
    text-align: justify;
}
.gettoknowcont h5
{
        font-size: 20px;
    line-height: 30px;
    margin: 13px 0;
    text-decoration: underline;
}
.blnone
{
    border-left: none;
}
.shortimg
{
        height: 340px;
    width: 340px;
    object-fit: cover;
    object-position: top;
}
.about-left-content.wow.fadeInLeft.pt-0 {
    padding-top: 0;
}
.bannerbg
{
    background: url(../images/banner11.jpg);
    padding: 180px 0;
}
.centerheading
{
        text-align: center;
    margin: 30px 10px 60px !important;
}
.title_style .leftrightborder_heading {
  display: inline-block;
  padding: 0 5px;
  font-weight: 600;
  font-size: 28px;
}
.title_style .border_left {
  display: inline;
  position: relative;
}
.title_style .border_left:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #09c;
  width: 80px;
  position: relative;
  top: -7px;
}
.title_style .border_right {
  display: inline;
  position: relative;
}
.title_style .border_right:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #09c;
  width: 80px;
  position: relative;
  top: -7px;
}
.d-flex.mb-3.align-items-baseline.justify-content-center {
    justify-content: center;
    display: flex;
    margin-bottom: 45px;
}
.fadeInRight
{
    animation: fadeInRight 1s ease-in-out;
}
/*@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}
.fadeInLeft
{
    animation: fadeInLeft 1s ease-in-out;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-300px);
  }
  to {
    opacity: 1;
  }
}*/
.borderimg
{
    margin-bottom: 20px;
}

.col-right.vacanysec h5 {
    font-size: 25px;
    margin-bottom: 25px;
    color: #09c;
    margin-top: 45px;
}

/*** 
=============================================
    About Area style      
=============================================
***/
.about-area{
    position: relative;
    display: block;
    padding: 90px 0 60px;
}
.about-title{}
.about-title .sec-title {
    padding-bottom: 40px;
}
.about-title h1 {
    font-size: 36px;
    line-height: 58px;
}
.about-text{
    position: relative;
    display: block;
    margin-top: -7px;
}
.about-text span{
    color: #222222;
    font-size: 20px;
    line-height: 30px;
}
.about-text p{
    line-height: 28px;
    margin: 25px 0 0;
}

.sec-title {
    position: relative;
    display: block;
    margin-top: -7px;
    padding-bottom: 73px;
}
.sec-title .title{
    position: relative;
    display: block;
}
.sec-title .title span {
    position: relative;
    display: inline-block;
    color: #222222;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    z-index: 1;
}
.sec-title .title span:before {
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 100%;
    height: 1px;
    background: #f2f1f9;
    content: "";
}
.sec-title .title span:after{
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 60px;
    height: 1px;
    background: #518FAE;
    content: "";    
}
.sec-title.clr-white{}
.sec-title.clr-white .title span{
    color: #ffffff;
}
.sec-title.clr-white .title span:before {
    background: #302c4a;
}
.sec-title.center .title span:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sec-title.max-width {
    max-width: 770px;
    margin: -7px auto 0;
    padding-bottom: 52px;
}
.sec-title p {
    font-size: 20px;
    line-height: 30px;
    margin: 36px 0 0;
}

.logobox {box-shadow: 0 9px 23px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    border-radius: 5px;text-align: center;     background: #f5f5f5;
    margin-bottom: 30px;}
.logobox img
{
    border-radius: 5px 5px 0 0;
    height: 220px;
    object-fit: contain;
}
.logobox h2 {
    font-size: 23px;
    color: #000;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 0;
}

.logobox {}

.desc_logobox {
    padding: 15px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}
.desc_logobox a {
    color: #09c;
    font-size: 17px;
    margin-top: 5px;
    display: block;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 7px;
    transition: 0.5s ease-in-out;
}
.desc_logobox a:hover
{
    background: #c8384a;
}
.mb_30
{
    margin-bottom: 20px;
}
.main_heading {
    text-decoration: underline;
    font-size: 31px;
    line-height: 41px;
}
img.logoimg_link {
    position: absolute;
    width: 130px;
    bottom: 80px;
    right: 20px;
    object-fit: contain;
}
img.logoimg_link.horizonlogoimg_link {
    width: 105px;
}
img.logoimg_link.defsyslogoimg_link {
    width: 105px;
}
input#submit-visit {
    padding: 15px 35px;
}
label {
    margin-bottom: 3px;
    font-size: 14px;
}
.formblock h4
{
    font-size: 24px;
    line-height: 34px;
}
.form-control
{
    height: 40px;
}

#regForm {
}

input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}


#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}
.col-md-12.second_base {
    padding: 0;
}

.col-md-12.second_base {}

.col-md-12.second_base h4 {
    color: #09c;
    margin: 15px 0 10px;
    text-decoration: underline;
}
input#submit-visit {
    display: inline-block;
    width: auto;
    line-height: 1;
    height: auto;
}
.blackbtn
{
    color: #fff;
    background: #000;
}
label.radio-inline {/* left: 0; */position: relative;padding: 0;padding-left: 15px;}

label.radio-inline input {
    margin-top: 9px;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
}
.blackbtn {
    color: #fff;
    background: #000;
    padding: 7px 35px;
}
.button_medium
{
    padding: 7px 35px;
}
span.step {
    opacity: 0 !important;
}
.customer_records.row.m-0 {
    display: flex;
}.customer_records.row.m-0 {}

.customer_records.row.m-0 input, .customer_records_dynamic .remove input {
    margin-left: 8px;
}

.customer_records.row.m-0 input:first-child, .customer_records_dynamic .remove input:first-child {
    margin-left: 0;
}

a.extra-fields-customer {
    background: #09c;
    color: #fff;
    padding: 2px 10px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px;
}
.remove input {
    /* width: 50%; */
    display: flex;
}

.remove {
    display: flex;
    flex-wrap: wrap;
}


.remove input {
    width: 47%;
}
a.remove-field.btn-remove-customer {
    background: #cc4859;
    display: inline-block;
    height: auto;
    height: 37px;
    padding: 12px;
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 0;
    margin-left: 5px;
    border-radius: 2px;
}
a:hover, a:focus
{
    text-decoration: none;
}
.tab .row {
    display: flex;
    flex-wrap: wrap;
}
.customer_records.row.m-0 {
    display: flex;
    flex-wrap: nowrap;
}
textarea#phone_contact {
    height: 120px;
    resize: none;
}
.pms_block h3
{
    font-size: 24px;
}
.col-md-12.second_base.p15
{
    padding:  0 15px;
}
.fullrow
{
    margin:  0 15px;
}
 a.extra-fields-customer.newbtn {
    min-height: 40px;
    height: 40px;
}
.fullrow a.extra-fields-customer {
    height: 36px;
}
.customer_records.row.m-0.fullrow {
    width: 100%;
}
.remove .col-md-4 {
    width: 23.6%;
}

.newrowadd .remove {
    width: 100%;
}

.customer_records_dynamic.newrowadd {
    width: 100%;
    margin: 0 15px;
}
a.extra-fields-customer.newbtn {
    min-height: 40px;
    height: 40px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 15px;
}
.width100
{
    width:  100%;
}
table {
    margin: 0 15px;
    width:  100%;
}

table td {
    margin: 0 19px;
    padding: 0 5px;
}
.notbtn {
    background: transparent;
    color: #000c;
    text-decoration: underline;
    font-size: 18px;
    padding: 0 11px;
}
.row.disflex {
    display: inline-flex;
    padding: 0 15px;
    margin: 0 15px;
    flex-wrap: nowrap;
    align-items: baseline;
}

.row.disflex input {
    width: auto;
    display: inline-block;
    float: left;
    position: relative;
    top: 2px;
}

.row.disflex label {
    /* display: inline-block; */
    /* float: right; */
    width: auto;
    margin-left: 5px;
}
.mt20
{
    margin-top: 20px;
}
table td {
    font-size: 13px;
}
.form7 p
{
    margin-bottom: 5px;
}
.tab.form7 p {
    margin-bottom: 2px;
}
table td {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}
.mlr0
{
    margin-left: 5px;
    margin-right: 5px;
}
input#phone_contact {}

input.bottomborder_only {
    width: auto;
    display: inline-block;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 0;
    height: auto;
    vertical-align: super;
}
input.bottomborder_only:focus
{
    outline: none;
}

.checkbox-inline, .checkbox-inline+.checkbox-inline input, .radio-inline, .radio-inline+.radio-inline input{
    width:  auto;
}label.radio-inline input {
    margin-top: 9px;
    width: auto;
    left: 0;
}
label.radio-inline {
    margin-left: 0px;
}
.checkbox input[type=checkbox],
 .checkbox-inline input[type=checkbox] {
    margin-left: -20px;
    width: auto;
    margin-top: 8px;
}
.col-md-12.second_base.p15 p {
    margin-bottom: 0;
}
.col-md-12.second_base h6 {
    font-size: 17px;
}
ul.sublist.documentlist {
    margin-top: 14px;
    font-weight: 600;
}
.table_checkbox .checkbox-inline input[type=checkbox] {
    margin-top: 4px;
}
.mb20
{
    margin-bottom:  20px;
}
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 30px;
}
h5.form_mainheading {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.tab.form12 p {
    margin-bottom: 0;
}
.tab.form13 p {
    margin-bottom: 0;
}
.tab.form14 p {
    margin-bottom: 0;
}
.tab.form12 p {
    margin-bottom: 0;
}
.tab p {
    margin-bottom: 0;
}

h5.two_heading {
    text-decoration: underline;
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
}
.grievance_rightside
{
    padding: 0px;
    background: transparent;
    border:   none;
}
.grievance_rightside img {
    box-shadow: 0 8px 18px rgb(0 0 0 / 8%), 0 2px 2px rgb(0 0 0 / 11%);
    padding: 8px;
    background: #fff;
    width: 100%;
    height: 275px;
    object-fit: cover;
    object-position: left top;
}
@media screen and (min-width:  1800px)
{
    .grievance_rightside img {
    height: 350px;
}
 .col-right.grievance_leftside {
    padding: 50px 30px 360px;
    background-color: #fff;
}
img.img-rounded.img-responsive.first_gimage {
    height: 530px;
}
@media screen and (max-width:  575px)

{
.grievance_rightside img {
    height: auto;
}
 .col-right.grievance_leftside {
    padding: 30px 30px;
    background-color: #fff;
}
img.img-rounded.img-responsive.first_gimage {
    height: auto;
}
}
}
i.fa.fa-home.icon.icon-home {
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px !important;
    position: relative;
    top: 3px;
}
h5.logo_text {
    display: flex;
    color: #044960;
    align-items: center;
    font-size: 32px;
    margin-bottom: 0;
}
@media screen and (max-width:  991px)
{
    .mobnone
    {
        display: none;
    }
}
.ethics_modal .modal-content .ethics_modalcontent {
    border: 2px solid #0000008c;
    padding: 15px;
    margin: 5px;
}
.ethics_modalcontent p
{
    margin-bottom:  0px;
    line-height:  24px;
}
p.mt-15 {
    margin-top: 20px;
}
button.close {
    background: #000;
    color: #fff;
    opacity: 1;
    padding: 5px 10px;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -8px;
}
button.close:hover
{
    background:  #09c;
    opacity:  1;
    color:  #fff;
}
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.listcontent a {
    color: #000;
    font-size: 13px;
}
.frame.newjoinee_box h3 a
{
    color:  #000;
}
.ethics_modalcontent a {
    display: block;
}
.visitorscls
{
    margin-right: 15px;
}
.s-block {
    background: top right no-repeat #fff;
    background-size: 200%;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    border: 1px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
}
.s-block, .upset, .wide-block {
    position: relative;
}
.s-block, .wide-block {
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
}
.ho-gdnt .ovr-base:before {
    -webkit-transition: .8s cubic-bezier(.17,.85,.438,.99);
    -o-transition: .8s cubic-bezier(.17,.85,.438,.99);
    transition: .8s cubic-bezier(.17,.85,.438,.99);
}
.ovr-bg1 .ovr-base:before {
    background: -webkit-linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);
    background: linear-gradient(45deg,#dd104a 0,#1946ab 50%,#0986f1 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
}
.ovr-bg1 .ovr-base:before, .ovr-bg2 .ovr-base:before, .video-review a:after {
    content: "";
}
.nn-card-set {
    z-index: 5;
}

.nn-card-set, .single-blog-img- {
    position: relative;
}
.s-card-icon img {
    width: 80px;
    margin: 0 auto 30px;
}
.s-block h4 {
    margin: 0 0 10px;
}
.up-hor:hover {
    transform: translateY(-7.5px);
    transition: .8s cubic-bezier(.17,.85,.438,.99);
}
.ho-gdnt .s-block:hover:before {
    opacity: 1;
    transition: .8s cubic-bezier(.17,.85,.438,.99);
}
.ho-gdnt .ovr-base:before {
    -webkit-transition: .8s cubic-bezier(.17,.85,.438,.99);
    -o-transition: .8s cubic-bezier(.17,.85,.438,.99);
    transition: .8s cubic-bezier(.17,.85,.438,.99);
}
.corevalues_section
{
    background: #fff;
    padding: 60px 0;
}
.nn-card-set p {
    font-size: 17px;
    line-height: 25px;
    min-height: 50px;
}
.s-block.up-hor.ovr-base {
    margin-bottom: 30px;
}
.s-block.up-hor.ovr-base:hover h4, .s-block.up-hor.ovr-base:hover p
{
    color: #fff;
}
.s-block h4 {
    font-size: 23px;
    line-height: 30px;
}
.image-block1 img {
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
}
.ps-block {
    padding: 0 25px;
}
.ps-block span {
    font-size: 60px;
    border: 1px solid #e8e8e8;
    width: 100px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    margin: 0 0 20px;
    border-radius: 68% 32% 64% 36%/59% 59% 41% 41%;
    background: #f5f5ff;
}
.pricing-table img, .ps-block span {
    animation: border-transform 6s linear infinite;
}

@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

html .mt60 {
    margin-top: 80px;
}
.tick_list li:before
{
    color: #09c;
}
ul.circlecheck.tick_list li {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 12px;
        padding-left: 30px;
}

ul.circlecheck.tick_list {
    position: relative;
    margin-top: 20px;
}
ul.circlecheck li:before {
    font-size: 23px;
    margin-top: 3px;
}
.ps-block h3 {
    margin-bottom: 25px;
}
.bg-white
{
    background: #fff;
}
.row.upset.justify-content-center.mt60.align-items-center {
    justify-content: center;
}
@media screen and (max-width: 767px)
{
    .col-lg-7.v-center.order2 {
    margin-top: 35px;
}
.row.upset.justify-content-center.mt60.reversecolumn {
    flex-direction: column-reverse;
    display: flex;
    flex-wrap: wrap;
}
.mob_mt60
{
    margin-bottom: 30px;
}
.reversecolumn
{
    flex-direction: column-reverse;
}
}
.home_sidebar ul.circlecheck li:before {
    font-size: 15px;
    margin-top: 0px;
}
.form_logo img {
    width: 125px;
    padding-right: 9px;
}

.form_logo {
    text-align: right;
}

.main-body {
    padding: 15px;
}
.card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}
.h-100 {
    height: 100%!important;
}
.shadow-none {
    box-shadow: none!important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.newcard h6
{
    font-size: 15px;
}
.newcard .row
{
    align-items: center;    display: flex;
}
.d-flex.flex-column.align-items-center.text-center {
    justify-content: center;
}
p.text-secondary.mb-1 {}

.profilesec p {
    margin-bottom: 0px;
    line-height: 25px;
}

.profilesec h4 {
    margin-top: 10px;
    margin-bottom: 5px;
}

:root {
  --clr-gray-light: #d7dfe2;
  --clr-gray-med: #616b74;
  --clr-gray-dark: #414b56;
  --clr-link: #4d97b2;
  --clr-popular: #ef257a;
  --clr-technology: #651fff;
  --clr-psychology: #e85808;
}

.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.upcomingevents .card {
  overflow: hidden;
  box-shadow: 0px 2px 20px var(--clr-gray-light);
  background: white;
  border-radius: 0.5rem;
  position: relative;
  transition: 250ms all ease-in-out;
  cursor: pointer;
  margin-bottom: 30px;
}

.upcomingevents .card:hover {
  transform: scale(1.05);
  box-shadow: 0px 2px 40px var(--clr-gray-light);
}

.banner-img {
  position: absolute;
  object-fit: cover;
  height: 200px;
  width: 100%;
  object-position: top;
}

.category-tag {
  font-size: 12px;
  font-weight: bold;
  color: white;
  background: red;
  padding: 0.5rem 1.3rem 0.5rem 1rem;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  top: 1rem;
  border-radius: 0 2rem 2rem 0;
}

.popular {
  background: var(--clr-popular);
}

.technology {
  background: var(--clr-technology);
}

.psychology {
  background: var(--clr-psychology);
}

.upcomingevents .card-body {
    margin: 12rem 1rem 1rem 1rem;
    padding: 5px;
}

.blog-hashtag {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--clr-link);
}

.blog-title, .blog-title a {
    line-height: 1.5rem;
    margin: 1rem 0 0.5rem;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    font-weight: 600;
    min-height: 50px;
    margin-bottom: 0;
}

.blog-description, .blog-description a {
    font-size: 15px;
    line-height: 23px;
    color: #000;
}

.card-profile {
  display: flex;
  margin-top: 2rem;
  align-items: center;
}

.profile-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}

.card-profile-info {
  margin-left: 1rem;
}

.profile-name {
  font-size: 1rem;
}

.profile-followers {
  color: var(--clr-gray-med);
  font-size: 0.9rem;
}

a.view_btn {
        background-color: #5bc0de;
    border-color: #46b8da;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}
.objectfitcontain
{
    object-fit: contain !Important;
}
img.banner-img.objectfitcontain {
    background: #f5f5f5;
    object-fit: contain;
    padding: 30px;
}
a.fancybox img {
    box-shadow: 0px 2px 20px var(--clr-gray-light);
    border-radius: 5px;
}

.news-strip {
    background: #fff;
}
.news-strip ul
{
    padding: 0px 0;
}

.news-strip ul li a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    line-height: 23px;
}
.news-strip ul li a.viewmore_link {
    color: #08c;
    text-decoration: underline;
}
.reward_content h3 {
    text-align: center;
    margin-bottom: 3px;
    font-size: 21px;
}

.reward_content p {
    line-height: 20px;
}
.privacy_heading h2, .privacy_heading h4, .privacy_heading h3 {
    margin-top: 15px;
}
.mt_10
{
    margin-top: 10px !important;
}
.induction_box .boxcontent h3 {
    font-size: 18px;
    text-align: left;
    margin: 0;
    margin-bottom: 3px;
}
.induction_box .btnrow {
    display: flex;
    justify-content: start;
}
.induction_box .btnrow2 {
    justify-content: end;
}
form.formlabel input {
    width: auto;
    margin: 0;
    margin-right: 3px;
    margin-top: -2px;
}

form.formlabel .row {
    flex-wrap: nowrap;
    display: flex;
}
form.formlabel label {
    width: auto;
    display: inline-block;
}
form.formlabel {
    text-align: right;
}
.btnrow.btnrow2 a {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #09c;
        width: 115px;
}
.btnrow.btnrow2 a:hover {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #c8384a;
}
.col-xl-6.col-md-6.induction_box {
    margin-bottom: 15px;
}
.d-block.flex-column.align-items-center.text-center.profilesec {
    display: block;
}
hr {
    margin: 10px 0 10px;
}

.outer-iconsone img {
    width: 24px;
    height: 20px;
    object-fit: contain;
}
.townhalls_listing .card
{
    margin-bottom: 30px;
}
.upcomingevents.townhalls_listing .card-body {
    margin: 30rem 1rem 1rem 1rem;
}
.townhalls_listing .banner-img {
    height: 300px;
}

.profiletable table {
    /* font-family: arial, sans-serif; */
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    margin-top: 10px;
}

.profiletable td, .profiletable th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 16px;
    text-align: center;
}
.card.mb-3.newcard a {
    text-decoration: underline;
}
.btn.btn-info {
    text-decoration: none !important;
}


span.dd-trigger i {
    display: none;
}

@media screen and (max-width: 1290px)
{
    .header-navigation .primary-menu li {
    display: inline-block;
    padding: 13px 7px 15px 9px;
    top: -2px;
}
}
@media screen and (max-width: 1100px)
{
   .header-navigation .primary-menu li .submenu li a
   {
       font-size: 14px !important;
   }
    .header-navigation .primary-menu li .dd-trigger i {
    padding-left: 0;
}
span.dd-trigger i {
    position: relative;
    top: 3px;
}
    .header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a {
    color: #fff;
    display: block;
    padding: 12px 20px 12px 0;
    line-height: 1;
    width: 100%;
}
    .header-navigation .primary-menu li:hover {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    }
    span.dd-trigger2 i
    {
        display: none;
    }
    .header-navigation .primary-menu .pore, .header-navigation .primary-menu li {
    text-align: left;
}
span.dd-trigger i {
    display: inline-block;
}
    .header-center.d-flex.align-items-center.justify-content-end {
    justify-content: end !important;
}
    a.logoheading video {
    width: 150px;
}
h5.logo_text {
    display: flex;
    color: #044960;
    align-items: center;
    font-size: 15px;
    margin-bottom: 0;
}
a.logoheading .mobnone {
    display: block;
}
div#logo {
    margin: 0;
}
ul.primary-menu {
    text-align: left;
}
i.fas.fa-home {
    padding: 0px 0px;
}
.header-navigation {
    height: auto;
}

.header-navigation.breakpoint-on {
    padding: 12px 0;
}
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}
ul.fachecklist li {
    font-weight: normal;
    font-family: 'Inter', sans-serif;
}
.spannormal span
{
    font-weight: normal;
}
p, p span, ul li
{
    font-family: 'Inter', sans-serif !important;
}
.p_normal p
{
    font-weight: normal !important;
}
.about-text p:first-child
{
    margin-top: 0 !Important;
}

ul.fachecklist {
    font-weight: normal;
}
a.fancybox img {
    box-shadow: 0px 2px 20px var(--clr-gray-light);
    border-radius: 5px;
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.picture a {
    display: block;
}
a.fancybox-media img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.raiseticket_form .form-control {
    height: 44px;
}
.minhght_vh
{
    min-height: 60vh;
}
.newlabel label
{
    font-size: 11px;
        line-height: 15px;
}
.newlabel input
{
    height: 36px;
    font-size: 10px;
        margin-bottom: 0 !important;
        margin-top: 3px;
}
.checkbox_margin label.checkbox-inline {
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 15px;
}
.checkbox_margin .checkbox-inline+.checkbox-inline, .checkbox_margin .radio-inline+.radio-inline {
    margin-top: 15px;
    margin-left: 10px;
}
.past_eventslist .blog-title, .past_eventslist .blog-title a {
    min-height: auto;
    margin-bottom: 5px;
}
.past_eventslist .blog-description {
    min-height: 45px;
}
.induction_box .boxcontent {
    min-height: 160px;
}


.imgbox {
    border: 1px solid #ddd;
    padding: 20px 20px 20px 0;
    margin-bottom: 30px;
}

.titleheading {
    font-size: 25px;
    text-align: center;
}

.titleheading h6 {
    font-size: 24px;
    margin: 0;
    color: #000;
    margin-top: 20px;
    font-weight: 700;
}
a:hover
{
    cursor: pointer;
}
.vacanysec .button_medium.secondbtn {
    right: 20px;
}
a.button_medium.button-align-2.secondbtn {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #c81a2a;
}
a.button_medium.button-align-2.secondbtn:hover {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #333;
}
.grievancecontent h2, .grievancecontent h3 {
    font-size: 21px;
    color: #555555;
}

.grievancecontent ul {
    list-style: decimal;
    padding-left: 20px;
    margin-bottom: 15px;
}

.grievancecontent ul li {
    margin-bottom: 10px;
}
.privacy_heading ul li span, .privacy_heading ol li span {
    display: block;
}
.privacy_heading h5 {
    font-weight: 500;
    text-decoration: underline !important;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 0;
}
.formname {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.formname h4 {
    color: #000;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
.plr15 {
    padding: 0 5px;
}


.row.aroundspace_row {
    width: 100%;
    margin: 0;
}
.row.aroundspace_row.mlr15_n
{
    margin: 0 -15px;
}
.disrow_input {
    display: flex;
    align-items: start;
}

.disrow_input input[type="text"], .disrow_input input[type="date"] {
    width: 70%;
    margin-left: 15px;
}
.disrow_input input[type="checkbox"] {
    margin-top: 9px;
    margin-left: 15px;
}

.disrow_input label {
    width: 20%;
}
.disrow_input.autowidthlabel label {
    width: auto;
}
.mt-20 {
    margin-top: 20px !Important;
}
.rightmedical_contentboxcol
{
        display: flex;
    justify-content: end;
}
.tablecheckbox {
    display: flex;
    justify-content: start;
    margin: 0;
    margin-top: 3px;
    width: 120px;
}
.fullrow
{
    width: 100%;
}
.tab.form7 p {
    line-height: 20px;
}
.borderedtablee table.secondtable {
    width: 100%;
}
.borderedtablee table.secondtable, .borderedtablee tr, .borderedtablee td {
    border: 1px solid #000;
    padding: 10px !important;
}
input.inputheight_auto
{
    height: auto;
}
.inputc label
{
    font-size: 14px;
    line-height: 23px;
}
.col-md-9.inputc {
    display: flex;
    text-align: left;
    padding: 0;
    align-items: baseline;
}

.col-md-9.inputc input {
    position: relative;
    top: 2px;
}
input.inputheight_auto {
    height: auto;
    padding: 6px;
}
.addresstext p {
    font-size: 13px;
    line-height: 20px;
}
@media screen and (max-width: 767px)
{
    .col-md-7.pl-0.mobcss {
    padding-left: 15px !important;
    margin-top: 20px;
}
.mobcss form.formlabel .row {
    display: block;
}
.inputheight_auto
{
    width: 100% !important;
}
}
.visitorscls {
    line-height: 1;
    margin-top: 15px;
}
.frame.anniversary_frame {
    background-image: url(../img/workann.jpg.png) !important;
    background-size: 100% 100%;
    background-size: cover;
    border: none;
    padding: 38px 30px;
}

.carousel {
    pointer-events: none; /* Prevent pointer events to avoid hover effect */
}

.carousel:hover {
    animation-play-state: running !important; /* Ensure animation continues on hover */
}

.carousel .carousel-inner {
    pointer-events: auto; /* Re-enable pointer events for carousel content if needed */
}.carousel {
    pointer-events: none; /* Prevent pointer events to avoid hover effect */
}

.carousel:hover {
    animation-play-state: running !important; /* Ensure animation continues on hover */
}

.carousel .carousel-inner {
    pointer-events: auto; /* Re-enable pointer events for carousel content if needed */
}
.frame.newjoinee_box h3 a:hover, .frame.newjoinee_box .img a:hover {
    cursor: inherit;
}
span.nametext {
    display: block;
    min-height: 50px;
}

span.datetext {
    display: block;
}
.frame.newjoinee_box h6.vacancytext {
    margin-bottom: 10px !important;
}
a.fancybox-media .card-banner {
    height: 250px;
}
a.fancybox-media img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.upcomingevents .card-body, .upcomingevents.townhalls_listing .card-body {
    margin-top: 0rem;
}
.banner-img {
    position: relative;
}
@media (min-width: 576px)
{
    #modal-with-tab .modal-dialog-centered::before {
    height: auto !Important;
}
#modal-with-tab .modal-dialog-centered
{
    min-height: auto !Important;
}
}
.popup img {
    border-radius: 3px;
    height: 290px;
    margin-bottom: 10px;
    width: 100%;
    object-fit: cover;
}

.popup {
    text-align: center;
}
.popup h6 {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0;
}
.popup p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin-bottom: 10px;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
}
.popup img.iconimg {
    width: 26px;
    height: auto;
    margin: 0;
    margin-top: -6px;
}
/*
{
    background: #fff175;
}*/
#modal-with-tab button.close {
    background: #795548;
}

/*@media (min-width: 576px)
{
    #modal-with-tab .modal-dialog {
    max-width: 715px;
    margin: 1.75rem auto;
}
}
*/
@media (max-width: 1400px)
{
   .popup img {
    height: 300px;
    object-fit: contain;
}
}

.popup img {
    height: 300px;
}
.popup p {
    margin-bottom: 0px;
}

.imgbox embed {
    width: 100% !important;
    height: 500px;
}

.imgbox {
    padding: 0 0 20px 0;
}

.modlacert .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 100%;
}
@media (min-width: 992px)
{
    .modlacert .modal-lg, .modlacert .modal-xl {
    max-width: 550px;
}
}
.modlacert .modal-body {
    overflow-y: scroll;
}

div#CounterVisitor {
    margin: 0;
}
.visitorscls span {
    line-height: 1;
    margin-top: 0;
    background: #000;
    padding: 8px 10px 6px;
    border-radius: 3px;
}
.visrow
 {
    justify-content: space-between;
    margin-right: 55px;
}
.onev {
    display: inline-flex;
        align-items: center;
}

.onev img {
    height: 23px;
    object-fit: contain;
}
div#theCarousel3 {
    padding: 0 15px;
}

.popup h3 {
    color: #000;
    text-align: left;
    font-size: 18px;
    margin: 10px 0 7px;
}

.popup ul li {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    text-align: left;
    list-style: disc;
    margin-bottom: 7px;
}

.popup ul {
    padding-left: 20px;
}

@media (min-width: 670px)
{
    .modal-dialog {
    max-width: 650px;
    margin: 1.75rem auto;
}
}