/* top menu */
.blog ul {
list-style-type: disc;
padding-left: 20px;
position: relative;
}
.blog li {
font-size: 14px;
font-weight: 400;
color: #7f7f7f;
line-height: 1.8;
margin: 0;
}
.blog li:before {
content: "ยท";
font-size: 50px;
vertical-align: middle;
line-height: 20px;
position: absolute;
left: 0;
}
/* .blog img{ margin-top:25px;} */
.tollfreenum p {
float: left;
padding: 0;
margin-right: 5px;
margin-bottom: 0;
font-size: 18px;
}
.tollfreenum p a {
font-size: 20px;
font-weight: bold;
color: #fff;
cursor: pointer
}
.programsofferd .btn {
padding: 12px 25px;
margin-left: 1px;
margin-right: 1px;
}
.picture {
height: 120px;
width: 120px;
border-radius: 65px;
position: absolute;
top: 15px;
left: -25px;
border: 4px solid #ccc;
}
.adbutton {
margin: 15px auto;
display: block;
width: 100%;
text-align: center;
}
.partner img {
height: 70px;
width: 130px;
}
#menu-item-289,
#menu-item-490,
#menu-item-368 {
display: none !important;
}
.admissiondate {
margin: 40px 0;
}
.admissiondate h6 {
color: #A52530;
padding-bottom: 30px;
}
.admissiondate table tr td i {
font-size: 20px;
color: #A52530;
padding-right: 15px;
}
.admissiondate table tr td {
color: #7f7f7f;
padding-bottom: 15px;
}
.admissiondateexamination {
margin: 40px 0;
}
.admissiondateexamination h6 {
color: #A52530;
padding-bottom: 30px;
}
.admissiondateexamination table {
border: 1px solid #ccc;
background: #fff;
}
.admissiondateexamination table tr th {
background: #333;
color: #fff;
padding: 10px;
width: 15%;
border-right: 1px solid #666;
}
.admissiondateexamination table tr td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
color: #7f7f7f
}
.magzine {
position: relative;
background: #fff;
width: 100%;
height: 580px;
height: auto;
border-radius: 6px;
padding: 0;
color: #A52530;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.2), 0 0 1rem rgba(0, 0, 0, 0.2);
overflow: hidden;
margin-bottom: 35px;
border-bottom: 10px solid #a52530;
}
.corporatenote {}
.corporatenote h3 {
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
color: #A52530;
}
.corporatenote .card .card-header.card-header-image {
position: relative;
padding: 0;
z-index: 1;
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
border-radius: 6px;
}
.corporatenote .card .card-body {
padding: 15px 35px;
}
.corporatenote .card-body h6 {
color: #A52530;
overflow: hidden;
font-size: 16px;
margin-bottom: 0;
}
.corporatenote .card-body h6 span {
position: absolute;
right: 25px;
}
.corporatenote .card .card-header.card-header-image img {
width: 100%;
border-radius: 6px;
pointer-events: none;
height: 250px;
box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.corporatenote p {
font-size: 14px;
margin-bottom: 15px;
text-align: left;
line-height: 22px;
}
.comonForm h4 {
color: #a52530;
font-size: 21px;
margin: 5px 0;
}
.comonForm {
border-radius: 6px;
border: 1px solid #ccc;
text-align: center;
padding: 5px;
background: #f3f8fd;
margin-bottom: 0;
height: 145px;
overflow: hidden;
margin-bottom: 15px;
}
.comonForm iframe {
height: 490px;
padding-top: 0;
}
.bloglistnew {}
.bloglistnew i {
font-size: 20px;
margin-bottom: 0;
color: #A52530;
margin-right: 5px;
padding: 5px;
}
.articlesubtitle {
padding: 15px 0 15px 0;
clear: both;
display: block;
}
.bototmcontent {
cursor: pointer;
background: #333;
color: #fff;
}
.bototmcontent h6 {
color: #fff;
padding: 14px;
font-size: 14px;
}
.bototmcontent .accordion .active .title::after {
content: '\f068';
}
.bototmcontent .accordion .title::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
position: relative;
top: -29px;
right: 20px;
z-index: 99999;
float: right;
}
.bototmcontent .accordion .title::after {
content: '\f067';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
position: relative;
bottom: 0;
right: 20px;
color: #fff;
z-index: 999;
top: -20px;
line-height: 0;
}
.downloadbrochure {}
.downloadbrochure h3.headtext {
font-size: 16px;
padding: 15px;
color: #fff;
}
.bototmcontent .accordion .accordion-info {
display: none;
padding: 0px 15px;
/* margin-top: 30px;*/
border-left: 1px dotted #ccc;
background: #fff;
color: #000;
height: 22px;
overflow: auto;
}
.bototmcontent .accordion .active .title {
color: #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
.bototmcontent .accordion .title {
cursor: pointer;
}
.bototmcontent .accordion .active .title {
color: #fff;
}
.comombutton {
position: fixed;
top: 25%;
right: 0;
z-index: 999;
height: auto;
width: 40px;
}
.comombutton a.clicktocall {
background: #A52530;
padding: 5px 10px;
border: 1px solid #fff;
}
.comombutton a.clicktocall i,
.comombutton a.whatsapp i {
color: #fff;
font-size: 25px;
}
.comombutton a.whatsapp {
background: #43D854;
padding: 5px 10px;
border: 1px solid #fff;
}
.whatappbox {
border: 1px solid #eee;
border-radius: 25px;
text-align: center;
width: 100%;
display: block;
padding: 9px 15px;
font-size: 16px;
font-weight: bold;
background: #fcfcfc;
margin: 0 0 5px !important;
cursor: pointer;
}
a:hover.whatappbox {
background: #33CC66;
}
.whatappbox:hover,
.whatappbox:hover i,
a:hover.whatappbox {
color: #fff !important;
/*margin:0 0 5px !important;*/
}
.whatappcss {
background: #33CC66;
width: 170px;
padding: 5px 15px;
color: #fff;
font-size: 14px;
border-radius: 35px;
margin-left: 11px;
}
.whatappcss:hover {
color: #fff;
}
.arrowleftblog {
position: absolute;
z-index: 2;
left: 15px;
top: 45%;
color: #fff;
font-size: 40px;
}
.arrowrightblog {
position: absolute;
z-index: 2;
right: 15px;
top: 45%;
color: #fff;
font-size: 40px;
}
.menutop .menu {
padding-left: 18%;
}
/* .menutop .menu ul li:nth-child(3) a i.fas.fa-angle-down,.menutop .menu ul li:nth-child(4) a i.fas.fa-angle-down,.menutop .menu ul li:nth-child(5) a i.fas.fa-angle-down,
.menutop .menu ul li:nth-child(6) a i.fas.fa-angle-down{display:none}
.menutop .menu ul li:nth-child(2) ul li a i.fas.fa-angle-right{display:none}
.menutop .menu ul li:nth-child(1) ul.dropdown-menu li a i.fas.fa-angle-right{display:block} */
.menutop .menu ul li:nth-child(3) a i.fas.fa-angle-down,
.menutop .menu ul li:nth-child(4) a i.fas.fa-angle-down,
.menutop .menu ul li:nth-child(5) a i.fas.fa-angle-down,
.menutop .menu ul li:nth-child(6) a i.fas.fa-angle-down {
display: none
}
.menutop .menu ul li:nth-child(3) a i.fas.fa-angle-down {
display: none;
}
#menu-item-313.dropdown-item a i,
#menu-item-314.dropdown-item a i,
#menu-item-315.dropdown-item a i,
#menu-item-316.dropdown-item a i,
#menu-item-317.dropdown-item a i,
#menu-item-318.dropdown-item a i,
#menu-item-319.dropdown-item a i,
#menu-item-320.dropdown-item a i {
display: none !important;
}
.search-bg {
background: #e2eff8;
border-radius: 0 5px 5px 0;
border: 1px solid #ced4da;
border-left: 0;
}
.search-bg i {
color: #000;
}
#menu-item-290 a i,
#menu-item-577 a i,
#menu-item-576 a i,
#menu-item-229 a i,
#menu-item-230 a i,
#menu-item-231 a i,
#menu-item-232 a i,
#menu-item-291 a i,
#menu-item-233 a i,
#menu-item-349 a i,
#menu-item-350 a i,
#menu-item-351 a i,
#menu-item-292 a i,
#menu-item-367 a i,
#menu-item-239 a i,
#menu-item-238 a i,
#menu-item-237 a i,
#menu-item-236 a i,
#menu-item-235 a i,
#menu-item-247 a i,
#menu-item-293 a i,
#menu-item-352 a i,
#menu-item-294 a i,
#menu-item-242 a i,
#menu-item-243 a i,
#menu-item-244 a i,
#menu-item-355 a i,
#menu-item-356 a i,
#menu-item-354 a i,
#menu-item-295 a i,
#menu-item-353 a i,
#menu-item-358 a i,
#menu-item-357 a i,
#menu-item-249 a i,
#menu-item-250 a i,
#menu-item-325 a i,
#menu-item-296 a i,
#menu-item-360 a i,
#menu-item-359 a i,
#menu-item-254 a i,
#menu-item-256 a i,
#menu-item-257 a i,
#menu-item-258 a i,
#menu-item-297 a i,
#menu-item-259 a i,
#menu-item-256 a i,
#menu-item-257 a i,
#menu-item-258 a i,
#menu-item-259 a i,
#menu-item-261 a i,
#menu-item-298a i,
#menu-item-299 a i,
#menu-item-300 a i,
#menu-item-301 a i,
#menu-item-302 a i,
#menu-item-303 a i,
#menu-item-304 a i,
#menu-item-305 a i,
#menu-item-306 a i,
#menu-item-307 a i,
#menu-item-308 a i,
#menu-item-309 a i,
#menu-item-310 a i,
#menu-item-246 a i,
#menu-item-311 a i,
#menu-item-321 a i,
#menu-item-285 a i,
#menu-item-286 a i,
#menu-item-287 a i,
#menu-item-288 a i,
#menu-item-225 a i,
#menu-item-275 a i,
#menu-item-275 a i,
#menu-item-277 a i,
#menu-item-279 a i,
#menu-item-281 a i,
#menu-item-282 a i,
#menu-item-283 a i,
#menu-item-298 a i,
#menu-item-341 a i,
#menu-item-340 a i,
#menu-item-339 a i,
#menu-item-342 a i,
#menu-item-343 a i,
#menu-item-344 a i,
#menu-item-345 a i,
#menu-item-368 a i,
#menu-item-348 a i,
#menu-item-226 a i,
#menu-item-227 a i,
#menu-item-555 a i,
#menu-item-556 a i,
#menu-item-561 a i,
#menu-item-563 a i,
#menu-item-551 a i,
#menu-item-559 a i,
#menu-item-565 a i,
#menu-item-569 a i,
#menu-item-570 a i,
#menu-item-571 a i,
#menu-item-579 a i {
display: none !important;
}
.sub-menu2 li a i {
display: none;
}
.marginbnone {
margin-bottom: 25px !important;
}
.header .owl-carousel .owl-dots.disabled {
display: none !important
}
.header .owl-nav {
width: 95%;
}
.header .owl-prev {
float: left;
}
.header .owl-next {
float: right;
}
.minnerheight .header .owl-nav,
.minnerheight .owl-carousel .owl-nav.disabled {
display: none !important;
}
.testimonials-grid .sloagan {
background: #A52530;
position: absolute;
z-index: 3;
bottom: 70px;
right: 10px;
padding: 5px;
/* border-radius: 5px;*/
border: 1px solid #fff;
box-shadow: 1px 1px #fff;
}
.testimonials-grid a:hover .sloagan {
color: #fff !important;
}
.commonfficon {
font: normal 30px/35px FontAwesome !important;
display: block !important;
margin: 0 auto;
color: #a52530;
}
/*-------------*/
.livefootchat {}
/* bhoechie tab */
div.bhoechie-tab-container {
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #ddd;
/* margin-top: 20px;
margin-left: 50px; */
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
div.bhoechie-tab-menu {
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a {
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child {
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child {
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
background-color: #5A55A3;
background-image: #5A55A3;
color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after {
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #5A55A3;
}
div.bhoechie-tab-content {
background-color: #ffffff;
/* border: 1px solid #eeeeee; */
padding-left: 20px;
padding-top: 10px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
display: none;
}
/*--------------livechat --------------*/
/* Style the tab */
.mainlivechat {}
.mainlivechat .tab {
float: right;
/*border: 1px solid #ccc;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+0,ededed+100 */
background: rgb(255, 255, 255);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
/* IE6-9 */
width: 20%;
height: 470px;
}
/* Style the buttons that are used to open the tab content */
.mainlivechat .tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
text-align: center;
box-shadow: 10px 1px 15px #ccc;
border-bottom: 1px solid #ccc;
}
/* Change background color of buttons on hover */
.mainlivechat .tab button:hover {
background-color: #ccc;
}
.modal-body #enquirenow h3,
.modal-body #callnow h3,
.modal-body #whatsapp h3 {
font-size: 24px;
padding: 15px 0;
color: #A52530;
text-align: center;
}
/* Create an active/current "tab button" class */
.mainlivechat .tab button.active {
background: #fff;
/* border-right:2px solid #a52530; */
}
/* Style the tab content */
.mainlivechat .tabcontent {
float: left;
padding: 0px 12px;
/*border: 1px solid #ccc;*/
width: 80%;
border-left: none;
height: 500px;
}
.livefootchat .modal-dialog,
.livefootchat .modal-content {
width: 450px;
height: 500px;
margin: 0;
}
.livefootchat .modal {
position: fixed;
right: 0;
bottom: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
top: auto !important;
left: auto;
}
.livefootchat .modal-body {
padding: 0;
}
.livefootchat .modal-header .close {
right: 10px;
top: -2px;
}
.livefootchat .modal-body iframe {
border: none;
width: 100%;
}
.livefootchat .modal-header {
background: #A52530 !important;
height: auto !important;
padding: 12px;
}
.livefootchat .modal-title {
margin: 0;
font-size: 22px;
}
.mainchatdiv {
float: right;
z-index: 9;
right: 35px;
position: fixed;
bottom: 35px;
}
.livechat {
box-sizing: initial;
box-shadow: none;
background: none repeat scroll 0 0 transparent;
border-spacing: 0;
list-style: none outside none;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
margin: 0;
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
text-align: left;
text-decoration: none;
text-indent: 0;
display: inline-block;
vertical-align: middle;
background: rgba(255, 255, 255, 0.85);
border: 1px solid #d1d8dc;
border-radius: 100px;
box-shadow: 0 20px 40px rgba(36, 50, 56, 0.2);
cursor: pointer;
height: 60px;
opacity: 0;
outline: none;
padding: 0;
position: relative;
transform: translateY(40px);
transition: opacity 1s cubic-bezier(0.86, 0, 0.07, 1), transform .5s cubic-bezier(0.86, 0, 0.07, 1);
width: 60px;
z-index: 1;
opacity: 1;
transform: translateY(0);
}
.livechat:hover {
opacity: 1;
transform: scale(1) translate(0, -22px);
}
.livechat:hover .showimg {
display: block!important;
}
.livechat:hover .hideimg,
.showimg {
display: none !important;
}
.livechattab:hover .showimg {
display: block!important;
}
.livechattab:hover .hideimg,
.showimg {
display: none !important;
}
.livechattab {
box-sizing: initial;
box-shadow: none;
background: none repeat scroll 0 0 transparent;
border-spacing: 0;
list-style: none outside none;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
margin: 0;
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
text-align: left;
text-decoration: none;
text-indent: 0;
display: inline-block;
vertical-align: middle;
background: rgba(255, 255, 255, 0.85);
border: 1px solid #d1d8dc;
border-radius: 100px;
box-shadow: 0 20px 40px rgba(36, 50, 56, 0.2);
cursor: pointer;
height: 60px;
opacity: 0;
outline: none;
padding: 0;
position: relative;
transform: translateY(40px);
transition: opacity 1s cubic-bezier(0.86, 0, 0.07, 1), transform .5s cubic-bezier(0.86, 0, 0.07, 1);
width: 60px;
z-index: 1;
opacity: 1;
transform: translateY(0);
}
.livechattab img {
border-radius: 50%;
height: 60px;
position: relative;
z-index: 1;
width: 60px;
}
.livechat:before {
display: none
}
.livechat img {
border-radius: 50%;
height: 60px;
position: relative;
z-index: 1;
width: 60px;
}
.livechat:before {
background: linear-gradient(0, #38dc79, #1ab744);
border-radius: 50%;
content: "";
height: 12px;
position: absolute;
right: 0;
top: 0;
transition: width .5s cubic-bezier(0.86, 0, 0.07, 1), height .5s cubic-bezier(0.86, 0, 0.07, 1);
width: 12px;
z-index: 2;
}
.livechat:hover .toolchattip.hshow {
display: block;
}
.toolchattip {
display: none;
pointer-events: none;
text-decoration: none;
font-size: 13px;
line-height: 20px;
color: #243238;
background-color: #1ab744;
position: absolute;
color: #ffffff;
top: 10px;
right: 75px;
height: 40px;
line-height: 40px;
border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
padding: 0 20px;
white-space: nowrap;
transition: opacity .2s cubic-bezier(0.86, 0, 0.07, 1) .3s, transform .2s cubic-bezier(0.86, 0, 0.07, 1) .3s;
}
.toolchattip:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: -7.075px;
width: 14.15px;
height: 14.15px;
border-radius: 0 3px 0 0;
transform: translateY(-7.075px) rotate(45deg);
background-color: #1ab744;
}
/*--------------*/
.enquirenow h2 {
color: #a52530;
margin: 0;
padding: 15px;
}
.enquirenow {
height: 470px;
background: #fff;
border-radius: 35px;
width: 390px;
margin: 0 auto;
text-align: center;
}
.enquirenow iframe {
width: 90%;
}
/* common height search*/
.commonminislider {
height: 50vh
}
header.commonminislider {
min-height: 450px;
height: 450px;
width: 100%;
overflow: hidden;
}
header.thankyoucommonminislider {
min-height: 640px;
height: 640px;
width: 100%;
overflow: hidden;
}
.thankyoucommonminislider {
height: 60vh
}
.tsocialmedia {
border: 1px solid #fff;
border-radius: 35px;
width: 45px;
height: 45px !important;
padding: 10px;
color: #fff;
font-size: 23px;
}
.listborder li {
border-bottom: 1px dotted #ccc;
}
.listborder li a h2 {
font-size: 14px;
margin: 15px 10px;
}
.listborder li a h2 i {
color: #333;
padding-right: 5px;
}
/* apply Now */
.boxapplynow {
border: 1px solid #cdcdcd;
border-radius: 25px;
/* margin: 15px; */
padding: 15px;
margin-bottom: 15px;
}
.boxapplynow h6 {
margin-bottom: 15px;
}
/* white-wrap */
.campusscrolling .carousel-control-next:focus,
.campusscrolling .carousel-control-next:hover,
.campusscrolling .carousel-control-prev:focus,
.campusscrolling .carousel-control-prev:hover,
.campusscrolling .carousel-control-next,
.campusscrolling .carousel-control-next,
.campusscrolling .carousel-control-prev,
.campusscrolling .carousel-control-prev {
top: 30%;
width: 45px;
height: 45px;
padding: 13px;
background: #a52530;
}
.dcampuslife .carousel-indicators {
z-index: 1;
}
.overlay-section-text {
display: block;
background: rgba(165, 37, 48, 0.7);
filter: alpha(opacity=70);
position: absolute;
left: 4%;
padding: 20px;
height: auto;
width: 90%;
color: #fff;
border-radius: 15px;
bottom: 25px;
}
.overlay-section-text p {
color: #fff;
}
.overlay-section-text h6 {
font-size: 30px;
}
.overlay-section-text a,
.overlay-section-hidden a {
border: 1px solid #fff;
padding: 3px;
border-radius: 15px;
display: inline-block;
margin-top: 0;
width: 25px;
height: 25px;
float: right;
position: absolute;
right: 12px;
bottom: 10px;
}
.overlay-section-text a i,
.overlay-section-hidden a i {
color: #fff;
}
.white-wrap {
background: #fff;
padding: 0px 0 20px;
position: relative;
z-index: 1;
}
.overlay-section {
position: relative;
margin-bottom: 24px;
margin-bottom: 24px;
box-shadow: 1px 8px 5px #ccc;
border: 1px solid #fff;
border-radius: 5px;
}
.highlight-section .row .row>div {
margin-bottom: 16px;
}
.overlay-section {
position: relative;
}
.highlight-section .row img {
display: block;
width: 100%;
border-radius: 6px;
min-height: 255px;
}
.overlay-section:hover .overlay-section-hidden {
display: block !important;
}
.overlay-section-hidden {
display: none;
background: rgba(165, 37, 48, 0.7);
filter: alpha(opacity=70);
position: absolute;
left: 4%;
top: 6%;
padding: 20px;
height: 88%;
width: 92%;
border-radius: 15px;
}
.overlay-section-hidden p {
color: #fff;
margin: 5px 0 0 !important;
padding: 0 !important;
width: 90%;
line-height: 18px;
}
.overlay-section-hidden h6 {
color: #fff;
margin: 0 !important;
padding: 0 !important;
font-size: 25px;
line-height: 1em;
font-weight: 700;
width: 90%;
}
.highlight-section .row .row>div {
margin-bottom: 16px;
}
.highlight-section .row>div {
padding: 0 10px;
}
/* end */
/* text white */
.textwhite {
color: #fff;
border-right: 1px solid #fff;
padding: 0 6px;
}
.textwhite:last-child {
border: none;
}
/* owl-dots */
.owl-dots {
display: none;
}
.header .owl-dots {
display: block;
}
.works .filtering span.cls_location_filter_db {
display: inline-block;
}
.works .filtering span.cls_location_filter_dn {
display: none;
}
/*------------------*/
.bpositionCenter {
position: center !important;
}
/*---------------*/
#id-btn1 {
padding: 24px;
}
/* sub menu */
.submenuHScrolling {
background: #A52530;
box-shadow: 1px 2px 5px #333;
display: none;
}
.submenufixed {
top: 80px;
position: fixed;
z-index: 3;
width: 100%;
display: block !important;
}
.submenuHScrolling .menu-wrapper {
position: relative;
max-width: 1200px;
height: 58px;
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
}
.submenuHScrolling .menu {
height: 100px;
background: #A52530;
box-sizing: border-box;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
color: #fff;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.submenuHScrolling .menu .item {
display: inline-block;
/* width: 150px; */
height: 100%;
padding: 1em;
box-sizing: border-box;
}
.submenuHScrolling .menu .item a {
color: #fff;
padding: 5px 15px;
}
.submenuHScrolling .paddle {
position: absolute;
top: 0;
bottom: 0;
width: 30px;
background: #a52530;
border: none;
color: #fff;
margin: 0;
padding: 8px;
}
.submenuHScrolling .left-paddle {
left: 0;
}
.submenuHScrolling .right-paddle {
right: 0;
}
.scrolltopspacing {
padding-top: 200px !important;
}
.submenuHScrolling .print {
margin: auto;
max-width: 1200px;
}
.submenuHScrolling .print span {
display: inline-block;
width: 150px;
}
/*-----------------commondilog-----------------*/
.modal-open .modal {
margin: 0 auto;
top: 15%;
padding: 0 !important;
}
.modal-dialog {
width: 95%;
}
/* .modal-body{max-height: 450px; } */
.modal-header {
height: 50px;
border: none;
background: #A52530;
margin: 0;
padding: 0;
}
/* background:url("../img/pop-header.png") scroll no-repeat 0 0; */
.modal-title {
margin: 10px auto;
font-size: 20px;
color: #fff;
}
.modal-header .close {
text-align: right;
float: right;
position: absolute;
right: 20px;
margin: 0px;
padding: 5px;
}
#myModal iframe {
width: 100%;
border: none;
}
/*-------------------------.minnerheight-------------------*/
.minnerheight .header {
min-height: 100vh;
overflow: hidden;
}
.minnerheight .curvebg {
background: #A52530;
height: 100vh;
width: 50%;
left: 0;
position: absolute;
z-index: 2;
padding: 8% 0 8% 8%;
padding-top: 12%;
top: 0;
opacity: 0.8;
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
height: 100vh;
opacity: 1;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2rem;
text-align: left;
color: #fff;
}
.minnerheight .curvebg p {
font-size: 0.8rem;
}
.minnerheight .topheader {}
.minnerheight .topheader .hvideosec {
position: absolute;
left: 24%;
right: 0;
top: 38%;
z-index: 4;
margin: 0 auto;
}
/*--------------------------------end -------------------*/
/*----------------------------------------------------------*/
.fixed {
position: fixed;
z-index: 5;
width: 100%;
top: 80px;
background: #a52530;
}
.fixed .mb-40 {
margin-bottom: 0 !important;
}
.fixed .scrolltab li a {
color: #fff;
}
.fixed .scrolltab li a:active,
.fixed .scrolltab li a.active {
border: 2px solid #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
color: #fff;
}
.scrollmenu {
box-shadow: 1px 5px 5px #ccc;
}
.worksfilter.ptop {
padding: 0 !important;
}
.scrolltab ul {
display: inline-block;
padding: 11px 10px;
/* border: 1px solid #eee; */
border-radius: 30px;
margin: 0;
}
.scrolltab li {
display: inline-block;
margin: 0;
}
.scrolltab li a {
border: 2px solid transparent;
padding: 10px 35px;
float: left;
border-radius: 35px;
color: #000;
font-size: 15px;
}
.scrolltab li a:active,
.scrolltab li a.active {
border: 2px solid #999;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
}
.worksfilter .filtering {
padding: 15px;
}
.worksfilter .filtering .filter {
border: none !important;
}
.card-body a {
cursor: pointer;
}
.worksfilter .card-body-faculty p {
min-height: auto;
margin-bottom: 10px;
}
.worksfilter .butn {
margin: 0;
padding: 12px 16px;
}
.worksfilter .card .card-title {
margin-bottom: 0;
}
.worksfilter .card .card-body-faculty {
padding: 5px 10px 12px;
}
.facultyfilters {
padding: 20px 0px;
border-bottom: 1px solid #e9e9e9
}
.facultyfilters .alphabets {
padding-top: 10px;
}
.facultyfilters .alphabets ul li:first-child a {
padding-left: 0px;
}
.facultyfilters .search-box form {
position: relative;
}
.facultyfilters .search-box {
background: #fff;
padding: 10px 8px;
border-radius: 38px;
border: 1px solid #ccc;
padding: 8px;
}
.facultyfilters .search-box input[type="text"] {
width: 80%;
background: none;
color: #424242;
padding: 0px 9px;
font-size: 14px;
border: none;
}
.facultyfilters .search-box button i {
color: #A52530;
}
.facultyfilters .search-box button {
width: auto;
text-align: center;
background: #fff;
border: none;
padding: 0 9px;
position: relative;
display: inline-block;
}
.facultyfilters .alphabets ul li a {
float: left;
text-align: center;
font-size: 14px;
line-height: 22px;
color: #000;
display: block;
position: relative;
text-decoration: none;
padding: 0px 10px;
border-right: 1px solid #dadada;
}
/*-----------------------------------------------------------------*/
/*------------------------------------------------------------------*/
.cls-1 {
font-size: 28px;
font-weight: 700;
}
.cls-2 {
letter-spacing: -0.02em;
}
.cls-3 {
letter-spacing: -0.01em;
}
.cls-4 {
letter-spacing: -0.01em;
}
.cls-5 {
font-size: 16px;
}
.cls-6 {
letter-spacing: -0.01em;
}
.cls-7 {
letter-spacing: -0.01em;
}
.cls-8 {
letter-spacing: -0.02em;
}
.cls-9 {
letter-spacing: -0.01em;
}
.cls-10 {
letter-spacing: 0.01em;
}
.cls-11 {
letter-spacing: -0.01em;
}
.cls-12 {
letter-spacing: -0.04em;
}
.cls-13 {
letter-spacing: -0.02em;
}
.cls-14 {
letter-spacing: 0.01em;
}
.cls-15 {
letter-spacing: -0.01em;
}
.cls-16 {
letter-spacing: -0.06em;
}
.cls-17 {
letter-spacing: -0.02em;
}
.cls-18 {
letter-spacing: 0.01em;
}
.cls-19 {
letter-spacing: 0.02em;
}
.cls-20 {
letter-spacing: -0.01em;
}
.cls-21 {
letter-spacing: -0.03em;
}
#learn-more {
fill-opacity: 0;
fill: #fff;
stroke: #fff;
stroke-width: 2;
border-radius: 5px;
stroke-linejoin: round;
transition: all 250ms ease-in;
cursor: pointer;
}
#learn-more:hover {
fill-opacity: 1;
}
#learn-more:hover~.learn-more-text {
fill: #a52530;
}
.learn-more-text {
fill: #fff;
pointer-events: none;
font-size: 14px;
transition: all 250ms ease-in;
}
.center {
fill: #a52530;
}
.pointer {
fill: #fff;
stroke: #a52530;
stroke-width: 2;
}
.nav-copy {
fill: #fff;
fill-opacity: 1;
transition: all 250ms ease-in;
}
.nav-copy.changing {
fill-opacity: 0;
}
.service {
cursor: pointer;
}
.service text {
font-size: 14px;
text-anchor: middle;
}
.service .icon-wrapper {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.service .icon-wrapper,
.service .icon-wrapper>* {
transition: all 250ms ease-in;
}
.service circle {
fill: #a52530;
}
.service circle.shadow {
fill-opacity: 0;
-webkit-filter: url(#service-shadow);
filter: url(#service-shadow);
}
.service use {
fill: #fff;
}
.service text {
fill: #4d4d4d;
}
.service.active .icon-wrapper,
.service:hover .icon-wrapper {
-webkit-transform: scale(1.15) translateY(-5px);
transform: scale(1.15) translateY(-5px);
}
.service.active .icon-wrapper,
.service.active .icon-wrapper>*,
.service:hover .icon-wrapper,
.service:hover .icon-wrapper>* {
transition: all 250ms ease-out;
}
.service.active .icon-wrapper circle.shadow,
.service:hover .icon-wrapper circle.shadow {
fill-opacity: 0.4;
}
.service.active text,
.service:hover text {
fill: #a52530;
font-weight: bold;
}
/*-----------------------------------------------------------------*/
/*---------------------------contact us ------------------------*/
.contactheight,
.facultyheight {
height: 60vh;
}
.contactheight header,
.facultyheight header {
min-height: 520px;
height: 520px;
}
.contactusmain {
margin-top: 25px;
margin-bottom: 25px;
}
.contactusmain .contactussubbox {
width: 240px;
max-width: 240px;
height: 220px;
display: inline-block;
}
.contactusmain .contactusbox {
padding: 15px;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
border-radius: 4px;
-webkit-box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, 0.11);
box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, 0.11);
}
.contactusmain .contact-oval i {
font-size: 25px;
color: #a52530;
}
.contactusmain .contact-oval {
width: 64px;
height: 64px;
border-radius: 80px;
margin: 0 auto;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -45px;
}
.contactusmain .contact-card-title {
font-size: 12px;
font-weight: normal;
color: #5a5a5a;
margin-bottom: 12px;
}
.contactusmain .contact-card-phone,
.contactusmain .contact-card-email {
font-size: 16px;
font-weight: 700;
color: #101010;
}
.contactusmain .card-contact-detail hr {
border-top: 2px solid rgba(151, 151, 151, 0.3);
margin: 1rem 0;
}
.contactusmain .contact-card-phone {
color: #101010;
font-size: 16px;
font-weight: 700;
}
.contactusmain .contact-card-email {
font-size: 16px;
font-weight: 700;
color: #a52530;
}
.conatctwhitebg .contactusmain .contactusbox {
background: #f7f7f7;
border: 1px solid #eee;
}
.conatctwhitebg .contactusmain .contact-oval {
border: 1px solid #eee;
}
/*-------------------------*/
.boxtab {
/*border:1px solid #ccc;*/
}
.boxtab .filtering .filter {
border: none !important;
}
.boxtab .filtering span {
border: 1px solid #ccc;
border-radius: 8px;
min-height: auto;
width: 250px;
font-size: 0.6rem !important;
box-shadow: 2px 1px 5px #eee;
}
.boxtab .filtering .active path {
fill: #fff;
}
/*----------------------*/
.psbottom {}
.locationcardh2 {
padding: 15px;
}
.locationcard {
position: relative;
background: #fff;
width: 100%;
/* height: 580px; */
min-height: 250px;
height: 100%;
border-radius: 6px;
padding: 0;
color: #A52530;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.2), 0 0 1rem rgba(0, 0, 0, 0.2);
overflow: hidden;
margin-bottom: 35px;
border-bottom: 10px solid #a52530;
}
/* .locationcard:hover{background: #A52530;
color: #fff;
background-size: 300%;
-webkit-transition: .4s;
transition: .4s;}
.locationcard:hover p, .locationcard:hover a,.locationcard:hover h1,.locationcard:hover h4,.locationcard:hover strong{ color:#fff;} */
.locationcard:hover .butn-bg {
background: #A52530;
color: #fff;
}
.locationcard-container {
margin: -2rem -2rem 1rem -2rem;
}
.locationcard__line {
opacity: 0;
animation: LineFadeIn .8s .8s forwards ease-in;
}
.locationcard__image {
opacity: 0;
animation: ImageFadeIn .8s 1.4s forwards;
}
.contactsubparagraph {
font-size: 14px;
color: #000;
margin-bottom: 6px;
}
.contactsubheading {
font-size: 14px;
color: #666;
margin-bottom: 6px;
}
.locationcard__image {
min-height: 280px
}
.locationcard__title {
color: #a52530;
margin-top: 0;
font-weight: 600;
letter-spacing: 0.01em;
font-size: 1.2rem;
margin-bottom: 12px;
}
.locationcard .bright {
border-right: 1px solid #ccc;
}
.locationcard__content {
/* margin-top: -1rem; */
/* margin-top: 25px; */
opacity: 0;
animation: ContentFadeIn .2s 1.6s forwards;
padding: 15px 23px;
}
.locationcard__svg {
position: absolute;
left: 0;
top: 95px;
}
.locationcard__content .mob {
color: #A52530;
padding: 5px 0;
margin-bottom: 5px;
font-weight: bold;
}
.locationcard__content p.heightauto {
min-height: auto !important;
font-weight: bold;
}
.locationcard__content p {
color: #333;
/* min-height: 80px; */
margin-bottom: 0 !important;
}
.locationcard .butn {
padding: 12px 16px;
margin-top: 15px;
}
@keyframes LineFadeIn {
0% {
opacity: 0;
d: path("M 0 300 Q 0 300 0 300 Q 0 300 0 300 C 0 300 0 300 0 300 Q 0 300 0 300 ");
stroke: #A52530;
}
50% {
opacity: 1;
d: path("M 0 300 Q 50 300 100 300 Q 250 300 350 300 C 350 300 500 300 650 300 Q 750 300 800 300");
stroke: #A52530;
}
100% {
opacity: 1;
d: path("M -2 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 802 400");
stroke: #A52530;
}
}
@keyframes ContentFadeIn {
0% {
transform: translateY(-1rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes ImageFadeIn {
0% {
transform: translate(-0.5rem, -0.5rem) scale(1.05);
opacity: 0;
filter: blur(2px);
}
50% {
opacity: 1;
filter: blur(2px);
}
100% {
transform: translateY(0) scale(1);
opacity: 1;
filter: blur(0);
}
}
/*---------------------------end ---------------------*/
/*-----------------google map-----------------*/
.feature.map {
height: 500px;
}
.feature.map iframe {
height: 100%;
width: 100%;
border: 0;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(99%);
/* Chrome 19+ & Safari 6+ */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
}
/*-------------end google map--------------*/
/*---------------------play button blink -------------------*/
.pinkBg i {
font-size: 2rem;
color: #fff;
}
.pinkBg {
background-color: #ed184f!important;
background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}
.intro-banner-vdo-play-btn {
height: 60px;
width: 60px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
margin: -30px 0 0 -30px;
border-radius: 100px;
z-index: 1
}
.intro-banner-vdo-play-btn i {
line-height: 56px;
font-size: 30px
}
.intro-banner-vdo-play-btn .ripple {
position: absolute;
width: 160px;
height: 160px;
z-index: -1;
left: 50%;
top: 50%;
opacity: 0;
margin: -80px 0 0 -80px;
border-radius: 100px;
-webkit-animation: ripple 1.8s infinite;
animation: ripple 1.8s infinite
}
@-webkit-keyframes ripple {
0% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes ripple {
0% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0)
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
animation-delay: .3s;
-webkit-animation-delay: .3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
animation-delay: .6s;
-webkit-animation-delay: .6s
}
/*----------------- Comonbleft ---------------*/
.comonbleft {}
.comonbleft h3::after {
left: 0 !important;
}
.commonred {
color: #A52530;
margin: 30px 0 15px !important;
}
/*-------------------end------------*/
/*---------------------------top action button----------------------------*/
/*--- Sid Quick Links --- */
#right-quick-links {
position: fixed;
right: 0;
top: 50%;
text-align: center;
z-index: 999;
}
#right-quick-links ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#right-quick-links li {
position: absolute;
right: -153px;
transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
#right-quick-links li .content>a {
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px !important;
display: block;
position: relative;
z-index: 5;
opacity: 1 !important;
position: absolute;
left: 0px;
top: 0px;
}
#right-quick-links li.call1>a {
background: #333;
}
#right-quick-links li.call>a {
background: #A52530;
}
#right-quick-links li.watsapp>a {
background: #00c1a1;
}
#right-quick-links li.marker>a {
background: #113da3;
}
#right-quick-links li.marker .content>a {
cursor: pointer;
background: #072975;
}
#right-quick-links li.watsapp .content>a {
cursor: pointer;
background: #4cac05;
color: #fff;
font-size: 24px;
}
#right-quick-links li.call .content>a {
cursor: pointer;
background: #780d16;
}
#right-quick-links li.call1 .content>a {
cursor: pointer;
background: #000;
}
#right-quick-links li.marker .sociable {
margin: 0px 4px;
}
#right-quick-links .fa {
font-size: 20px;
color: #fff;
line-height: 40px;
}
#right-quick-links .content {
height: 40px;
width: 193px;
text-align: middle;
padding: 0px 10px 0px 46px;
}
#right-quick-links li:hover .content {
right: 0;
}
#right-quick-links li p {
cursor: pointer;
margin: 0px;
line-height: 40px;
text-align: left;
}
#right-quick-links .call1 {
top: 0px;
}
#right-quick-links .call {
top: 40px;
}
#right-quick-links .call:hover,
#right-quick-links .call1:hover,
#right-quick-links .watsapp:hover,
#right-quick-links .marker:hover {
right: 0px;
}
#right-quick-links .watsapp {
top: 120px;
}
#right-quick-links .marker {
top: 80px;
}
#right-quick-links .call1 .content {
background-color: #666;
}
#right-quick-links .call .content {
background-color: #A52530;
}
#right-quick-links .watsapp .content {
background-color: #58cf00;
}
#right-quick-links .watsapp .content {
overflow: hidden;
}
#right-quick-links .watsapp:hover .content {
height: auto;
}
#right-quick-links .watsapp .content {
padding-top: 8px;
}
#right-quick-links .watsapp .content h6 {
font-size: 12px;
margin: 0px;
color: #fff;
text-align: left;
line-height: 1px;
}
#right-quick-links .watsapp .content p {
cursor: pointer;
line-height: 32px;
margin-bottom: 4px;
}
#right-quick-links a {
color: #fff;
}
#right-quick-links .watsapp .content p:last-child {
margin-bottom: 0px;
}
/*#right-quick-links .watsapp:hover .content > a { height:92px; line-height:92px !important;}*/
#right-quick-links .marker .content {
background-color: #113da3;
}
/*------------------end ------------------*/
/* ----------------------------------------------------------------
[ 01 Start Basics ]
-----------------------------------------------------------------*/
.fac-name {
font-size: 16px;
text-align: center;
font-weight: normal;
color: #a52530 !important;
}
/*-------------------servebox-------------------*/
.servebox {}
.servebox .item {
min-height: 270px;
margin-bottom: 15px;
background: #fff !important;
border-radius: 35px !important;
}
.works .servebox p {
min-height: 140px;
margin-bottom: 0;
}
/*--------------------end----------------*/
.text-left {
text-align: left;
}
.boxhigly .commonpbox h6 {
font-size: 16px;
/*font-size: 1.2rem*/
font-weight: bold;
}
/*-----------------------eecbusinesunit---------------------*/
.eecbusinesunit {}
.eecbusinesunit h3 {
color: #A52530;
font-weight: bold !important;
}
/*----------------------eecbusinesunit---------------------*/
/*----------------------------main Logo------------------------*/
.whitebg {
background: #fff;
padding: 15px;
border-radius: 15px;
}
.whitebgtranf {
background: none !important;
}
/*---------------------------end-------------------*/
/*---------------------------services--------------------*/
.findacourse {}
.findacourse .boxcommon {
width: 18%;
margin-right: 15px;
}
/* .bpurpal {background:url("../img/comboximg.jpg") scroll no-repeat center #561844; background-size: 102%;}
.bdpink {background:url("../img/comboximg1.jpg") scroll no-repeat center #561844; background-size: 102%;}
.bred{background:url("../img/comboximg2.jpg") scroll no-repeat center #c2003b; background-size: 102%;}
.borg{background:url("../img/comboximg3.jpg") scroll no-repeat center #f9563c; background-size: 102%;}
.byellow{background:url("../img/comboximg4.jpg") scroll no-repeat center #fcc236; background-size: 102%;} */
.bpurpal,
.bdpink,
.bred,
.borg,
.byellow {
background-size: 100%;
}
.bpurpalfc {
background: url("../img/p-findcourses.jpg") scroll no-repeat center #561844;
background-size: 102%;
}
.bdpinkfc {
background: url("../img/p-findcourses1.jpg") scroll no-repeat center #561844;
background-size: 102%;
}
.bredfc {
background: url("../img/p-findcourses2.jpg") scroll no-repeat center #c2003b;
background-size: 102%;
}
.borgfc {
background: url("../img/p-findcourses3.jpg") scroll no-repeat center #f9563c;
background-size: 102%;
}
.byellowfc {
background: url("../img/p-findcourses4.jpg") scroll no-repeat center #fcc236;
background-size: 102%;
}
/*.byellow{ background:#fcc236;}
.borg{ background:#f9563c;}*/
/*.bred{ background:#c2003b;}*/
/*.bdpink{background:#8d0b3f;}*/
/*.bpurpal{ background:#561844;}*/
.service-box {
position: relative;
overflow: hidden;
margin-bottom: 10px;
perspective: 1000px;
-webkit-perspective: 1000px;
border-radius: 15px;
}
.service-icon {
width: 100%;
height: 200px;
padding: 20px;
text-align: center;
transition: all .5s ease;
}
.service-content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100%;
height: 220px;
padding: 20px;
text-align: center;
transition: all .5s ease;
background-color: #A52530;
backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-transform: translateY(110px) rotateX(-90deg);
-moz-transform: translateY(110px) rotateX(-90deg);
-ms-transform: translateY(110px) rotateX(-90deg);
-o-transform: translateY(110px) rotateX(-90deg);
transform: translateY(110px) rotateX(-90deg);
}
.service-box .service-icon .front-content {
position: relative;
top: 80px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.service-box .service-icon .front-content i {
font-size: 28px;
color: #fff;
font-weight: normal;
}
.service-box .service-icon .front-content h3 {
font-size: 18px;
color: #fff;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}
.service-box .service-content h3 {
font-size: 15px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
}
.service-box .service-content p {
font-size: 13px;
color: #fff;
margin: 0;
}
.yellow {
background-color: #ffc000;
}
.orange {
background-color: #fc7f0c;
}
.red {
background-color: #e84b3a;
}
.grey {
background-color: #474747;
}
.service-box:hover .service-icon {
opacity: 0;
-webkit-transform: translateY(-110px) rotateX(90deg);
-moz-transform: translateY(-110px) rotateX(90deg);
-ms-transform: translateY(-110px) rotateX(90deg);
-o-transform: translateY(-110px) rotateX(90deg);
transform: translateY(-110px) rotateX(90deg);
}
.service-box:hover .service-content {
opacity: 1;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
/*----------------- end -------------*/
/*------------------------------ start testimonials-grid-----------------------*/
.facultyslider {}
.facultyslider .card {
border: none !important;
background: #f7f7f7;
}
.facultyslider .card h4 {
font-size: 20px;
color: #A52530;
margin: 0;
padding: 15px 0 0;
text-align: center;
}
.facultyslider .card h6 {
margin: 0;
padding: 5px 0 15px;
font-weight: 600;
}
.facultyslider .owl-carousel .owl-item img {
height: 130px;
width: 130px;
}
/*---------------------------------end--------------------------*/
/*------------------loading-----------------*/
.loading {
background: url("../img/loging.gif") scroll no-repeat center #A52530;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
text-align: center;
display: block;
}
/*-------------------------end ---------------*/
/*---------------------slider---------------------------*/
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.testimonials-grid .owl-carousel .owl-nav.disabled {
display: block !important;
margin-top: -90px;
right: 15px;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
text-transform: uppercase;
}
.owl-nav {
position: absolute;
top: 20px;
right: 60px;
font-size: 1.8rem;
z-index: 1;
}
.header .owl-nav {
position: absolute;
top: 50%;
right: 60px;
font-size: 1.8rem;
z-index: 1;
}
.owl-nav .carousel-control-prev,
.owl-nav .carousel-control-next {
padding: .7rem 1.5rem;
/*display: inline-block;*/
margin-right: 5px;
display: flex;
transition: all 0.6s ease-in-out;
color: #ffffff;
background-color: #A52530;
opacity: .9;
color: #ffffff;
height: 64px;
}
/*--------------------endslider-------------------------*/
/*---------------------------common-height----------------------*/
.bpoint {}
.bpoint li {
margin-bottom: 15px;
color: #7f7f7f;
margin-left: 26px;
}
.hero .bpoint li {
font-size: 14px;
}
.bpoint li i {
font-size: 20px;
position: absolute;
left: 15px;
color: #A52530;
}
.commonheight {
min-height: 550px;
height: 550px !important;
}
.commonheight .main-head {
top: 145px !important;
}
.commonheight .text-white {
color: #fff;
width: 450px;
}
.commonlist li {
float: left;
width: 50%;
display: inline-block;
margin-left: 0;
}
.commonlist li i {
margin-right: 15px;
font-size: 20px;
position: static;
color: #A52530;
}
.Leftside {
float: left;
margin-right: 25px;
}
.Leftside span {
color: #000;
}
.Rightside {
float: left;
color: #fff;
width: 180px;
}
.Rightside a {
float: left;
position: relative;
}
.Rightside span {
padding: 15px;
}
.mainbox {
position: relative
}
.boxhigly {
background: #fff;
border-radius: 5px;
box-shadow: 0px 5px 15px #ccc;
position: absolute;
z-index: 1;
width: 100%;
left: 0;
right: 0;
height: auto;
margin: 0 auto;
top: -88px;
}
.boxhigly .commonpbox span {
float: left;
font-size: 2rem;
color: #A52530;
}
.boxhigly .commonpbox h6,
.boxhigly .commonpbox p {
margin-left: 55px;
}
.boxhigly .commonpbox {
padding: 15px 35px;
border-right: 1px solid #eee;
text-align: left;
margin: 15px 0;
}
.boxhigly .commonpbox p {
margin-bottom: 0;
}
.boxhigly .commonpbox:last-child {
border: none;
}
.partner {
clear: both;
display: block;
width: 100%;
padding-top: 50px;
}
.partner .spantext {
font-size: 14px;
/*border-right:1px solid #fff;*/
padding-right: 15px;
line-height: 56px;
}
.partner ul {
list-style: none;
}
.partner ul li {
float: left;
}
/*--------------------------end -------------------------*/
/*------------------------start highlights-------------------*/
.highlights .RKNumber {
font-size: 1.4rem;
margin: 0;
color: #A52530;
}
/*--------------------------end-------------------*/
/*------------------------start nav-------------------*/
.navbar.deskviewn .navbar-nav li a,
.navbar.deskviewn .navbar-nav .nav-link {
color: #777;
}
.navbar.deskviewn .navbar-nav li a:hover,
.navbar.deskviewn .navbar-nav .nav-link:hover {
color: #000
}
.hero .intro h1.findcourse {
text-transform: uppercase;
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2.5rem;
font-weight: bold;
}
.hero .intro h3.findcourse,
.hero .intro h2.findcourse {
text-transform: uppercase;
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2.5rem;
font-weight: bold;
}
.showfilterdiv {
display: block!important;
}
.hidefilterdiv {
display: none !important;
}
.box {
color: #fff;
padding: 20px;
display: none;
margin-top: 20px;
}
.red {
background: #ff0000;
}
.green {
background: #228B22;
}
.blue {
background: #0000ff;
}
/*-----------------------------classprofilemain-------------------*/
.classprofilemain {}
.classprofilemain .owl-nav .carousel-control-prev,
.classprofilemain .owl-nav .carousel-control-next {
font-size: 24px;
padding: 20px;
height: auto;
}
.owl-nav .carousel-control-prev,
.owl-nav .carousel-control-next {
font-size: 24px;
padding: 20px;
height: auto;
}
/*------------------start classprofile---------------*/
.classprofile {}
.classprofile p {
font-size: 18px;
}
.classprofile h6 {
color: #fff
}
.skills.classprofile .progres:after {
content: "";
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid #fff !important;
position: absolute;
top: -12px;
right: 15px;
}
.classprofileskills .owl-nav {
top: -10px;
}
.classprofileskills .owl-nav .carousel-control-prev,
.classprofileskills .owl-nav .carousel-control-next {
background: #A52530 !important;
}
.classprofileskills .skill-item {
margin-bottom: 40px !important;
margin-top: 60px;
position: relative;
display: inline-block;
width: 100%;
}
.classprofileskills .skill-item img {
width: 100px;
/*height: 80px;*/
float: left;
position: absolute;
top: -40px;
}
.classprofileskills h3 {
text-align: left;
margin-bottom: 45px;
}
.classprofileskills h3 i,
.workexperience h3 i {
color: #A52530;
}
.classprofileskills .skill-progress {
margin-left: 110px;
width: auto !important;
background: #fff !important;
border: 1px solid #ccc !important;
}
.classprofileskills .skill-progress .progres:before {
font-size: 24px !important;
top: -58px !important;
}
.classprofileskills .skill-item h6 {
font-size: 24px !important;
margin-left: 110px !important;
}
.classprofileskills .skill-progress .progres:before {
color: #000!important;
}
.workexperience {}
.workexperience .skill-item img {
width: 160px;
height: 145px;
margin-bottom: 15px;
text-align: center;
}
.workexperience h3 {
text-align: left;
margin-bottom: 45px;
}
.workexperience .mainwetitle {
padding: 6px;
background: #A52530;
color: #fff;
font-size: 20px;
}
.workexperience .skill-item {
float: left;
text-align: center;
width: 23%;
margin-right: 15px;
}
.workexperience .skill-item h4 {
font-size: 3rem;
color: #A52530;
}
/*--------------------end classprofile---------------*/
/*----------------------selection option---------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
list-style: none;
word-wrap: break-word;
}
.logo img {
width: 190px;
}
body {
color: #222;
line-height: 1.3;
font-weight: 400;
font-size: 14px;
overflow-x: hidden !important;
}
p {
font-size: 14px;
font-weight: 400;
color: #7f7f7f;
line-height: 1.8;
margin: 0;
}
h1,
h2,
h3,
h4 {
font-weight: 700;
}
h5,
h6 {
font-weight: 600;
}
img {
width: 100%;
height: auto;
}
span,
a,
a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
.section-padding {
padding: 40px 0;
}
.section-head {
margin-bottom: 80px;
}
.section-head h6 {
color: #777;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 4px;
}
.section-head h4 {
font-size: 28px;
font-weight: 300;
margin-top: 10px;
position: relative;
padding-bottom: 15px;
}
.section-head h4:after {
content: '';
width: 60px;
height: 1px;
background-color: #A52530;
position: absolute;
bottom: 0;
left: calc(50% - 30px);
}
.section-head h4 span {
font-weight: 700;
}
.bg-gray {
background: #f7f7f7;
}
.bg-red {
background: #A52530;
}
.text-white {
color: #fff;
}
.o-hidden {
overflow: hidden;
}
.position-re {
position: relative;
}
.full-width {
width: 100% !important;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.lg-line-height {
line-height: 1.5;
}
.half-content {
position: relative;
z-index: 3;
}
.half-content h5,
.half-content h6 {
color: inherit !important;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center !important;
}
.bg-fixed {
background-attachment: fixed;
}
.pattern {
background-repeat: repeat;
background-size: auto;
}
.sub-title {
font-size: 15px;
font-weight: 400;
color: #A52530;
margin-bottom: 10px;
}
.bold {
font-weight: 800;
}
.count {}
#particles-js {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.valign {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.v-middle {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 20px;
line-height: .7;
}
.owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 0 7px;
border-radius: 50%;
background: #ddd;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #A52530;
}
.cd-headline {
font-size: 3rem;
line-height: 1.2;
}
/*----------------------------find the courses---------------------------*/
.findcourse {}
.findcourse span {
font-size: 16px;
}
.findcourse span i {
margin-left: 15px;
}
/*------------------------------end---------------------------------------*/
/*-----------------------------text offread ---------------------------*/
.offered .octitle {
background: #fff;
color: #000;
padding: 12px 20px;
font-size: 18px;
text-align: left;
width: 100%;
cursor: pointer;
}
.offered .octitle i {
float: right;
padding-top: 5px;
}
.offered .team-img img {
border-radius: 5px;
box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.1);
}
/*-----------------------------end css ---------------------------*/
/*-----------------------menu over----------------------*/
.nav-scroll.navbar .navbar-nav .nav-link:hover {
color: #000;
}
/*--------------------------end-------------------------*/
/*-------------------------------pie chart---------------------*/
.canvasjs-chart-credit {
display: none !important;
}
/*-----------------------------end css ---------------------------*/
/*--------------------------------------- .hero_content-box inner slider----------------*/
.page-header::before {
background: #A52530;
opacity: 0.9;
}
.states::before {
opacity: 0.6;
}
.big-head.top-left {
top: -120px;
left: 10%;
}
.big-head.bottom-right {
right: 30px;
bottom: -140px;
}
.big-head {
opacity: 0.2;
position: absolute;
color: #fff;
font-size: 12vh;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
font-weight: bold;
}
.main-head {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 150px;
}
.main-head .mtop {
margin-top: 60px;
}
.main-head .intoptitle {
margin-bottom: 90px;
text-align: center;
}
.main-head .inbox .location {
padding-top: 15px;
}
.main-head .inbox .location .llocation {
float: left;
margin-right: 5px;
}
.main-head .inbox .location .llocation span {
color: #000;
text-align: center;
}
.main-head .inbox {
background: #fff;
padding: 35px 40px;
}
.main-head .inbox p {
color: #000;
margin: 0;
}
.main-head .inbox .mt-30 {
margin-top: 10px !important;
}
.main-head .inbox h3 {
font-size: 14px;
font-weight: 800;
line-height: 1.5;
letter-spacing: 0.100em;
color: #000;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.main-head .inbox .btncta {
padding: 12px 18px;
border-width: 2px;
border-style: solid;
/*background-color: #221f1f;*/
color: #ffffff;
font-weight: 600;
transition: all 0.2s;
width: 44%;
text-align: center;
display: inline-block;
}
.main-head .inbox .btncta:hover span {
color: #000;
}
/*.main-head .intoptitle::after {
position: absolute;
top: 45px;
left: 50%;
width: 1px;
height: 80px;
content: '';
background-color: #ffffff;
}*/
.leftimg {}
/*---------------------------------------backto top-------------------------------*/
.tooltip {
display: none !important;
}
.back-to-top:hover {
background-color: #333 !important;
}
.scrollenq {
background: #A52530;
border: 1px solid #fff!important;
box-shadow: 0 3px 3px #ccc;
}
.back-to-top {
position: fixed;
bottom: 25px;
right: 5px;
display: none;
z-index: 999;
padding: 3px;
border: 1px solid #fff;
font-size: 14px;
border-radius: 25px;
width: 34px;
}
#divSkills,
#divdropdown {
height: auto !important;
}
/*---------------------------end----------------------*/
/*.hero_content-box_header {
margin-top: 0;
color: #221f1f;
}
.hero_header.spaced::after, .hero_header_faux.spaced::after {
position: absolute;
bottom: -80px;
left: 50%;
width: 1px;
height: 80px;
content: '';
background-color: #ffffff;
}
.page-header::before{ background: #A52530;}
.list-btn-flex.lg-2>li {
width: 50%;
}
.hero_header.spaced, .hero_header_faux.spaced {
margin-bottom: 90px;
text-align: center;
}
.hero_content-box_p.accented p{ color:#333;}
.lead-text, .hero_content-box_header {
font-size: 13px;
font-weight: 800;
line-height: 1.5;
letter-spacing: 0.100em;
color: #b41225;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.hero_header.spaced, .hero_header_faux.spaced {
margin-bottom: 90px;
text-align: center;
}
.hero_content-box {
position: relative;
padding: 0px 40px;
background-color: #ffffff;
color: #221f1f;
}
.hero_content-box_p.accented {
position: relative;
padding-bottom: 24px;
}
.btn.btn-160 {
padding: 12px 18px;
border-width: 2px;
border-style: solid;
background-color: #221f1f;
color: #ffffff;
font-weight: 600;
transition: all 0.2s;
}
.btn-block {
display: block;
width: 100%;
}
.hero_content-box {
position: relative;
padding: 35px 40px;
}*/
/*-----------------------------end css ---------------------------*/
/*--------------------------------Semester------------------------*/
.Semester {}
.Semester .col-md-4 {
border-right: 1px solid #f7f7f7;
}
.Semester .col-md-4 h4 {
margin-bottom: 25px;
}
/*-------------------------------end Semester-------------------------*/
/*---------------------------------------institute --------------------*/
.rankingpbox {
padding: 25px 20px !important;
margin-left: 15px !important;
margin-bottom: 15px !important;
max-width: 31% !important;
}
.rankingpbox .icon-basic-book-pencil {
float: left;
padding: 15px;
}
.rankinghlights .rankingpbox h2 {
margin: 5px 0;
font-size: 1rem;
font-weight: normal;
color: #212121;
}
.rankinghlights .rankingpbox h2:after {
display: none !important;
}
.rankingpbox p {
margin: 0 !important;
}
.rankingpbox:hover p,
.rankingpbox:hover h2 {
color: #fff;
}
.rankingpbox h6,
.rankingpbox h2 {
margin-left: 90px;
}
#features .rankingpbox .showimg,
.mobfeatures .rankingpbox .showimg {
display: block !important
}
.rankingpbox .showimg {
background: url("../img/rank-icon.png") scroll no-repeat -7px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg {
background: url("../img/rank-icon.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox .showimg1 {
background: url(../img/rank-icon1.png) scroll no-repeat 0px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg1 {
background: url("../img/rank-icon1.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox .showimg2 {
background: url(../img/rank-icon2.png) scroll no-repeat 0px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg2 {
background: url("../img/rank-icon2.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox .showimg3 {
background: url(../img/rank-icon3.png) scroll no-repeat 0px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg3 {
background: url("../img/rank-icon3.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox .showimg4 {
background: url(../img/rank-icon4.png) scroll no-repeat 0px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg4 {
background: url("../img/rank-icon4.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox .showimg5 {
background: url(../img/rank-icon5.png) scroll no-repeat 0px -80px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg5 {
background: url("../img/rank-icon5.png") scroll no-repeat 0px -2px;
width: 80px;
height: 80px;
float: left;
background-size: 100%;
}
.rankingpbox:hover {
background: url(https://a.storyblok.com/f/45434/x/fafbf088ef/masters-card.svg) scroll no-repeat 20% 70% #A52530;
color: #fff;
background-size: 300%;
-webkit-transition: .4s;
transition: .4s;
border-radius: 35px;
}
.highlights .item:hover {
background: url(https://a.storyblok.com/f/45434/x/fafbf088ef/masters-card.svg) scroll no-repeat 20% 70% #A52530;
color: #fff;
background-size: 300%;
-webkit-transition: .4s;
transition: .4s;
}
.highlights .item:hover .RKNumber {
color: #fff;
}
.page-ender_content_item {
padding: 34px 30px 18px;
margin-bottom: 1px;
background-color: #ffffff;
border: 1px solid #eee;
border-radius: 35px;
}
.page-ender h3 {
margin-top: 0;
}
.header_style-3,
.content_wysiwyg h3,
.form-160_title {
font-weight: bold;
font-size: 20px;
line-height: 1.5;
margin-bottom: 20px;
}
.callout_style-1,
.facts-list_description,
.form-160_label {
font-size: 15px;
line-height: 1.5714285714;
margin-bottom: 10px;
}
/* @media screen and (min-width: 600px){
.boxhigly{ top: -208px;}ย ย ย ย .boxhigly .commonpbox{ max-width: 48%;flex: none;}
.boxhigly .commonpbox{ max-width: 48%;flex: none;}
} */
/*
@media screen and (min-width: 768px){
.boxhigly{ top: -208px;}ย ย ย ย
.mainbox .commonpbox{ max-width: 48% !important;flex: none !important;}
} */
@media (min-width: 768px) {
.page-ender_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.page-ender_content_item {
padding: 34px 40px;
}
}
@media (min-width: 768px) {
.page-ender_content_item {
width: calc(33.3333% - 1px);
margin-right: 1px;
}
}
/*------------------------------------end -----------------------------*/
/*-----------------------------text moving css ---------------------------*/
.ml4 {
position: relative;
font-weight: 900;
font-size: 18px;
font-weight: normal;
margin: 0;
line-height: 16px;
}
.ml4 .letters {
position: absolute;
margin: auto;
left: 0;
top: 0.1em;
right: 0;
opacity: 0;
}
/*---------------------------end --------------------*/
@media only screen and (min-width: 768px) {
.cd-headline {
font-size: 4.4rem;
font-weight: 300;
}
}
@media only screen and (min-width: 1170px) {
.cd-headline {
font-size: 6rem;
}
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
/* xclip */
.cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
/* line */
content: '';
position: absolute;
top: 10%;
right: 0;
width: 2px;
height: 70%;
background-color: #aebcb9;
}
.cd-headline.clip b {
opacity: 0;
}
.cd-headline b.is-visible {
opacity: 1;
font-weight: 900;
}
/* ----------------------------------------------------------------
[ End Basics ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 02 Start Buttons ]
-----------------------------------------------------------------*/
.butn {
padding: 12px 30px;
background: #fff;
border: 1px solid transparent;
position: relative;
z-index: 1;
margin-left: 10px;
margin-right: 10px;
box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
transition: all .4s;
border-radius: 30px;
cursor: pointer;
outline: none !important;
overflow: hidden;
margin-bottom: 15px;
}
.butn span {
position: relative;
z-index: 2;
transition-delay: 0s;
}
.butn:before,
.butn:after {
content: '';
width: 0;
height: 100%;
background: #fff;
position: absolute;
left: 0;
top: 0;
transition: width 0.4s;
z-index: 1;
opacity: .4;
}
.butn:after {
transition-delay: 0s;
background: #fff;
opacity: 1;
}
.butn:hover:before,
.butn:hover:after {
width: 100%;
}
.butn:hover:after {
transition-delay: .2s;
}
.butn:hover span {
transition-delay: .2s;
}
.butn-bord {
border-color: #A52530;
}
.butn-bord:before,
.butn-bord:after {
background: #A52530;
}
.butn-bord:hover span {
color: #fff;
}
.butn-bg {
background: #A52530;
border-color: #A52530;
color: #fff;
}
.butn-bg:hover span {
color: #A52530;
}
.butn-light {
background: #fff;
}
.butn-light:before,
.butn-light:after {
background: #A52530;
}
.butn-light:hover span {
color: #fff;
}
.butn-light span {
color: #A52530;
}
/* ----------------------------------------------------------------
[ End Buttons ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 03 Start Navbar ]
-----------------------------------------------------------------*/
.navbar {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: transparent;
z-index: 9;
min-height: 70px;
}
.navbar .icon-bar {
color: #fff;
}
.navbar .navbar-nav .nav-link {
font-size: 13px;
font-weight: 500;
color: #eee;
letter-spacing: 1px;
margin: 15px 5px;
transition: all .4s;
}
.navbar .navbar-nav .nav-link:hover {
color: #fff;
}
/*.navbar .navbar-nav .nav-link:hover {
color: #A52530; }*/
.navbar.nav-scroll .navbar-nav .active {
color: #A52530 !important;
}
/* .navbar .navbar-nav .active {
color: #fff ;
} */
.nav-scroll {
background: #fff;
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
padding: 0;
position: fixed;
top: -100px;
left: 0;
width: 100%;
transition: transform .5s;
transform: translateY(100px);
}
.nav-scroll .icon-bar {
color: #222;
}
.nav-scroll .navbar-nav .nav-link {
color: #222;
}
.nav-scroll .navbar-nav .logo {
padding: 15px 0;
color: #111;
}
.logo {
padding: 15px 5px;
width: auto;
}
.dropdown:hover .dropdown-menu,
.dropdown:hover .mega-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown .nav-link {
cursor: pointer;
}
.dropdown .nav-link i {
padding-left: 5px;
font-size: 11px;
}
.dropdown-item {
position: relative;
}
.dropdown-item:hover .sub-menu,
.dropdown-item:hover .sub-menu1,
.dropdown-item:hover .sub-menu2 {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-item span {
display: block;
cursor: pointer;
}
.dropdown-menu,
.sub-menu,
.sub-menu1,
.sub-menu2 {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
width: 200px;
padding: 15px 10px;
border-radius: 0;
border: 0;
background-color: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
transition: all .3s;
z-index: 1;
}
.dropdown-menu .dropdown-item,
.sub-menu .dropdown-item,
.sub-menu1 .dropdown-item,
.sub-menu2 .dropdown-item {
padding: 10px 15px;
font-size: 13px;
color: #777;
position: relative;
transition: all .4s;
}
.dropdown-menu .dropdown-item:hover,
.sub-menu .dropdown-item:hover,
.sub-menu1 .dropdown-item:hover,
.sub-menu2 .dropdown-item:hover {
background: transparent;
padding-left: 15px;
color: #A52530;
}
.dropdown-menu .dropdown-item a,
.sub-menu .dropdown-item a,
.sub-menu1 .dropdown-item a,
.sub-menu2 .dropdown-item:hover {
display: block;
white-space: normal;
}
.dropdown-menu .dropdown-item i,
.sub-menu .dropdown-item i,
.sub-menu1 .dropdown-item i,
.sub-menu2 .dropdown-item i {
padding: 5px 0 0 5px;
font-size: 11px;
float: right;
position: absolute;
right: 10px;
top: 10px;
}
.dropdown-menu .dropdown-item em,
.sub-menu .dropdown-item em,
.sub-menu1 .dropdown-item em,
.sub-menu2 .dropdown-item em {
font-size: 8px;
background-color: #A52530;
padding: 2px 4px;
color: #fff;
border-radius: 2px;
position: absolute;
right: 10px;
top: 5px;
}
.dropdown-menu.last {
left: -100%;
}
.sub-menu {
position: absolute;
left: 100%;
top: -5px;
width: 250px;
}
.dropdown-menu li ul .dropdown-item:hover .sub-menu1,
.dropdown-menu li ul li ul .dropdown-item:hover .sub-menu2 {
visibility: visible;
}
.dropdown-menu .dropdown-item:hover .sub-menu1,
.dropdown-menu li ul .dropdown-item:hover .sub-menu2 {
visibility: hidden;
}
.sub-menu1 {
position: absolute;
left: 100%;
top: -5px;
width: 200px;
z-index: 1;
}
/* .sub-menu2 {
position: absolute;
left: 100px;
top: -5px;
width: 240px;
z-index: 1;
} */
.sub-menu2 {
position: absolute;
left: -230px;
top: -75px;
width: 280px;
z-index: 1;
}
.sub-menu1.left {
left: -100%;
margin-left: -20px;
}
.sub-menu.left {
left: -100%;
margin-left: -20px;
}
.mega-menu {
position: absolute;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
right: -150px;
width: 800px;
background-color: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
transition: all .3s;
}
.mega-menu .dropdown-title {
display: block;
color: #A52530;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
padding: 0 15px 15px;
border-bottom: 1px solid #f7f7f7;
}
.mega-menu .dropdown-menu {
position: static !important;
float: left;
box-shadow: none;
border-right: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
transition: all .3s;
}
/* ----------------------------------------------------------------
[ End Navbar ]
-----------------------------------------------------------------*/
/*--------------------------------------------------------------
[ video section inner page top ]
-------------------------------------------------------------------*/
.videosec {
position: absolute;
left: 0;
right: 0;
top: 30%;
}
/* ----------------------------------------------------------------
[ End Navbar ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ start curiclum ]
-----------------------------------------------------------------*/
.campusoverlay {
height: 500px;
}
.campusoverlay .campustext p {
color: #fff;
}
/* overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
height: 150px; */
/* .campusoverlay .campustext p::after{
content: '...';
height: 150px;
overflow: hidden;
text-overflow: ellipsis;
} */
.campusoverlay .campusimg {
margin-left: 200px;
}
.campusoverlay .campustext h3 {
margin-bottom: 0;
padding-bottom: 5px;
color: #fff;
font-size: 30px;
}
.campusoverlay .campustext {
background: #A52530;
padding: 35px 25px;
color: #fff;
position: absolute;
width: 350px;
z-index: 1;
height: 380px;
margin: 25px;
text-align: left;
top: 25px;
left: 25px;
opacity: 0.8;
}
.bbnone {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.mainovrlay {
height: 500px;
}
.overlapdiv {
background: #A52530;
padding: 35px 25px;
color: #fff;
position: absolute;
width: 100%;
z-index: 1;
height: 390px;
margin: 25px;
text-align: left;
}
.overlapdiv p {
color: #fff;
}
.rightdiv img {
height: 450px;
}
.rbut {
background: #fff;
border-color: #fff;
color: #000;
}
/* ----------------------------------------------------------------
[ End curiclum ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ start curiclum ]
-----------------------------------------------------------------*/
.iinterface .mainoverlay {
height: 500px;
}
.iinterface .mainbtn {
text-align: center
}
.iinterface .ioverlapdiv {
background: #A52530;
padding: 35px 25px;
color: #fff;
position: absolute;
width: 100%;
z-index: 1;
height: 390px;
margin: 25px;
text-align: left;
left: -75px;
}
.iinterface .ioverlapdiv p {
color: #fff;
}
.iinterface .leftdiv img {
height: 450px;
}
.iinterface .rbut {
background: #fff;
border-color: #fff;
color: #000;
}
/* ----------------------------------------------------------------
[ End curiclum ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 04 Start Header ]
-----------------------------------------------------------------*/
.header {
min-height: 100vh;
overflow: hidden;
}
.header .caption .o-hidden {
display: inline-block;
}
.header .caption h2 {
font-weight: 300;
font-size: 30px;
}
.header .caption h4 {
font-weight: 200;
letter-spacing: 4px;
animation-delay: .2s;
}
.header .caption h1 {
margin: 10px 0;
font-size: 60px;
font-weight: bolder;
word-spacing: 2px;
letter-spacing: 2px;
animation-delay: .6s;
}
.header .caption h2 {
margin: 10px 0;
font-size: 60px;
font-weight: bolder;
word-spacing: 2px;
letter-spacing: 2px;
animation-delay: .6s;
}
.header .caption p {
font-size: 15px;
font-weight: 300;
color: #eee;
letter-spacing: 1px;
word-spacing: 2px;
animation-delay: 1s;
}
.header .caption p span {
letter-spacing: 5px;
text-transform: uppercase;
margin: 0 5px;
padding-right: 14px;
position: relative;
}
.header .caption p span:last-child {
padding: 0;
}
.header .caption p span:last-child:after {
display: none;
}
.header .caption p span:after {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: #A52530;
position: absolute;
top: 10px;
right: 0;
opacity: .5;
}
.header .caption .butn {
animation-delay: 1.2s;
}
.header .social a {
color: #eee;
font-size: 13px;
margin: 10px 15px;
}
.slider .owl-item,
.slider-fade .owl-item {
height: 100vh;
position: relative;
}
.slider .item,
.slider-fade .item {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
}
.slider .item .caption,
.slider-fade .item .caption {
z-index: 9;
}
.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
position: absolute;
bottom: 12vh;
width: 100%;
}
.innerpage {}
.page-header {
height: 90vh;
}
.page-header h6 {
font-size: 12px;
font-weight: 300;
margin-bottom: 10px;
}
.page-header h6 a:hover {
color: #A52530;
}
.page-header h6 i {
margin: 0 15px;
font-size: 10px;
}
.page-header h1 {
margin-bottom: 10px;
font-weight: 600;
/* overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
height: 130px; */
}
/* .page-header h1::after{
content: '...';
height: 130px;
overflow: hidden;
text-overflow: ellipsis;
} */
.innerpage .page-header {
height: 50vh;
}
.innerpage header {
min-height: 460px;
}
/* ----------------------------------------------------------------
[ End Header ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 05 Start Hero ]
-----------------------------------------------------------------*/
.hero {
position: relative;
}
.hero:after {
content: "";
width: 40%;
height: 250px;
background-image: url(../img/dots.png);
background-repeat: repeat;
position: absolute;
top: 0;
left: 0;
opacity: .5;
z-index: -1;
}
.hero .intro h4 {
font-weight: 500;
}
.hero .intro h3,
.hero .intro h2,
.blogs h3,
.blogs h2,
.highlights h3,
.highlights h2,
.daskaexpert h3,
.daskaexpert h2,
.dtestimonials h3,
.dtestimonials h2,
.dteam h3,
.dteam h2,
.dcampuslife h3,
.dcampuslife h2,
.rankinghlights h3,
.rankinghlights h2,
.timeline h3,
.timeline h2,
.dfaculty h3,
.dfaculty h2,
.dstudentsarefrom h3,
.dstudentsarefrom h2,
.blog h3,
.blog h2,
.eecbusinesunit h3,
.eecbusinesunit h2,
.workinsides h3,
.workinsides h2,
.programsofferd h3,
.programsofferd h2,
.commonskill h3,
.commonskill h2,
.commonstyle h3,
.commonstyle h2,
.offering h3,
.offering h2,
.campus-mob h3,
.campus-mob h2 {
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
color: #A52530;
font-size: 35px;
}
/*.eecbusinesunit h3:after{ left: 0 !important;}*/
.hero .intro h3:after,
.hero .intro h2:after,
.workinsides h3:after,
.workinsides h2:after,
.programsofferd h3:after,
.programsofferd h2:after,
.commonskill h3:after,
.commonskill h2:after,
.commonstyle h3:after,
.commonstyle h2:after,
.blogs h3:after,
.hero .intro h2:after,
.highlights h3:after,
.highlights h2:after,
.daskaexpert h3:after,
.daskaexpert h2:after,
.dtestimonials h3:after,
.dtestimonials h2:after,
.dteam h3:after,
.dteam h2:after,
.dcampuslife h3:after,
.dcampuslife h2:after,
.rankinghlights h3:after,
.rankinghlights h2:after,
.timeline h3:after,
.timeline h2:after,
.dfaculty h3:after,
.dfaculty h2:after,
.dstudentsarefrom h3:after,
.dstudentsarefrom h2:after,
.blog h3:after,
.blog h2:after,
.eecbusinesunit h3:after,
.eecbusinesunit h2:after,
.offering h3::after,
.offering h2::after,
.campus-mob h3::after,
.campus-mob h2::after {
content: '';
width: 70px;
height: 1px;
background-color: #A52530;
position: absolute;
bottom: 0;
left: calc(50% - 35px);
}
.highlights1 h3:after {
background-color: transparent !important;
}
.highlights1 h3 {
padding-bottom: 0 !important;
}
.dstudentsarefrom .counter .combox h3::after {
display: none !important
}
.dstudentsarefrom .counter .combox h3 {
margin-bottom: 0;
padding-bottom: 0;
}
.hero .intro h6 {
font-weight: 300;
line-height: 1.4;
}
.hero .intro p {
font-size: 14px;
margin-bottom: 15px;
}
.hero .feat-numb span {
font-weight: 300;
font-size: 40px;
color: #A52530;
margin-bottom: 15px;
}
.hero .feat-numb h6 {
margin-bottom: 15px;
}
.hero-cr .intro h4 {
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.hero-cr .intro h4:after {
content: '';
width: 80px;
height: 1px;
background: #A52530;
position: absolute;
bottom: 0;
left: calc(50% - 40px);
}
.hero-cr .item {
padding: 30px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}
.hero-cr .item .icon {
font-size: 35px;
color: #A52530;
margin-bottom: 25px;
}
.hero-cr .item h5 {
font-size: 16px;
margin-bottom: 15px;
}
.hero-cr .bg-color {
background: #A52530 !important;
}
.hero-cr .bg-color .icon {
color: #fff;
}
.hero-cr .bg-color h5 {
color: #fff;
}
.hero-cr .bg-color p {
color: #ccc;
}
.hero-cr .bg-dark {
background: #1a1d24 !important;
}
.hero-cr .bg-dark h5 {
color: #fff;
}
.hero-cr .bg-dark p {
color: #ccc;
}
.hero-cr .numb h3 {
margin-bottom: 10px;
color: #A52530;
}
.hero-cr .numb h6 {
font-weight: 400;
font-size: 16px;
}
.hero-pr .author-img {
padding: 0 30px;
}
.hero-pr .content {
padding-top: 50px;
}
.hero-pr .content h3 {
margin-bottom: 30px;
}
.hero-pr .content h6 {
font-weight: 500;
margin-bottom: 10px;
}
.hero-pr .content .sub {
letter-spacing: 1px;
text-transform: uppercase;
color: #aaa;
font-weight: 300;
margin-bottom: 30px;
}
.hero-pr .content p {
margin-bottom: 10px;
font-size: 16px;
}
.hero-pr .content p:last-child {
margin: 0;
}
.hero-pr .content .butn {
margin-left: 0;
}
.hero-pr .skills .skill-progress {
height: 12px;
}
.feat-left .item .icon {
float: left;
width: 60px;
height: 60px;
line-height: 65px;
border-radius: 50%;
text-align: center;
font-size: 30px;
color: #fff;
border: 1px solid #A52530;
background-color: #A52530;
margin-bottom: 40px;
position: relative;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.feat-left .item .icon:after {
content: '';
width: 80px;
height: 80px;
position: absolute;
left: -11px;
top: -11px;
border-radius: 50%;
border: 1px dashed #eee;
}
.feat-left .item h5 {
margin-bottom: 10px;
font-size: 17px;
}
.feat-left .item h5,
.feat-left .item p {
margin-left: 90px;
}
.fet-img img {
border-radius: 5px;
box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.1);
}
.fet-cont h3 {
font-weight: bold;
line-height: 1.4;
}
.fet-cont h3 b {
font-weight: 700;
}
.fet-cont .circle {
position: relative;
text-align: center;
line-height: 1.2;
}
.fet-cont .circle canvas {
height: 100px;
width: 100px;
margin: 0 auto 10px;
}
.fet-cont .circle canvas:last-of-type {
display: none;
}
.fet-cont .circle span {
position: absolute;
top: 30px;
left: 0;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 20px;
}
/* ----------------------------------------------------------------
[ End Hero ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 06 section-box ]
-----------------------------------------------------------------*/
.section-box .half-img {
background-position: 50% 50%;
}
.section-box .half-content {
padding: 30px;
}
.section-box .box-white {
padding: 100px 10%;
background: #fff;
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
}
.section-box .accordion .item {
margin-bottom: 30px;
}
.section-box .accordion .title {
padding: 10px 40px;
background: #fff;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
border-radius: 6px;
cursor: pointer;
position: relative;
}
.section-box .accordion .title:after {
content: '\f067';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
position: absolute;
top: 12px;
right: 20px;
}
.section-box .accordion .title h6 {
font-size: 14px;
font-weight: 600;
}
.moffered .section-box .accordion .accordion-info {
padding: 0;
}
.section-box .accordion .accordion-info {
display: none;
padding: 0px 15px;
margin-top: 30px;
border-left: 1px dotted #ccc;
}
.section-box .accordion .accordion-info .spac {
margin-top: 30px;
padding-left: 30px;
}
.section-box .accordion .accordion-info .spac h6 {
position: relative;
margin-bottom: 15px;
}
.section-box .accordion .accordion-info .spac h6:after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #555;
position: absolute;
top: 3px;
left: -15px;
}
.section-box .accordion .accordion-info .spac ul {
padding-left: 30px;
}
.section-box .accordion .accordion-info .spac li {
margin-bottom: 10px;
position: relative;
font-size: 15px;
}
.section-box .accordion .accordion-info .spac li:after {
content: "";
width: 6px;
height: 6px;
border: 1px solid #222;
border-radius: 50%;
position: absolute;
top: 9px;
left: -15px;
}
/*.section-box .accordion .active {
display: block;
}
*/
.section-box .accordion .active .title {
color: #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
.section-box .accordion .active .title:after {
content: '\f068';
}
/*
.section-box .vid-butn {
font-size: 70px;
color: #A52530;
position: relative;
width: 70px;
height: 70px;
line-height: 70px;
z-index: 3;
}
.section-box .vid-butn:hover:after {
transform: scale(2, 2);
opacity: 0;
transition: all .5s;
}
.section-box .vid-butn:after {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
right: -10px;
left: -10px;
background: rgba(255, 255, 255, 0.4);
border-radius: 50%;
z-index: -1;
transition: all .2s;
}
.section-box .vid-butn:before {
content: '';
position: absolute;
top: -5px;
bottom: -5px;
right: -5px;
left: -5px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
z-index: -1;
}
*/
.section-box .quote {
display: inline-block;
background: #A52530;
padding: 50px 30px;
border-radius: 5px;
text-align: center;
position: relative;
z-index: 3;
}
.section-box .quote .icon {
position: absolute;
top: -20px;
width: 100%;
left: 0;
font-size: 40px;
color: #fff;
}
.section-box .quote p {
color: #eee;
margin-bottom: 10px;
}
.section-box .quote span {
font-weight: 700;
}
.skills .skill-item {
margin-bottom: 30px;
}
.skills .skill-item:last-child {
margin-bottom: 0;
}
.skills .skill-item h6 {
font-size: 14px;
margin-bottom: 10px;
}
.skills .skill-progress {
width: 100%;
height: 20px;
border: 4px solid #f7f7f7;
background: #f7f7f7;
border-radius: 20px;
position: relative;
box-shadow: 0px -7px 10px rgba(0, 0, 0, 0.08) inset;
}
.skills .skill-progress .progres {
position: absolute;
height: 100%;
width: 0;
left: 0;
top: 0;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
border-radius: 20px;
transition: all 1s;
}
.skills .skill-progress .progres:before {
content: attr(data-value);
padding: 4px 10px 3px;
border-radius: 10px;
font-size: 10px;
color: #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
position: absolute;
top: -35px;
right: 0;
}
.skills .skill-progress .progres:after {
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #A52530;
position: absolute;
top: -12px;
right: 15px;
}
.skin h6 {
font-weight: 400;
}
.skin .skill-progress {
width: 100%;
height: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
position: relative;
box-shadow: none;
}
.skin .skill-progress .progres {
position: absolute;
height: 100%;
width: 0;
left: 0;
top: 0;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
border-radius: 20px;
transition: all 1s;
}
.skin .skill-progress .progres:before {
background: transparent;
}
/* ----------------------------------------------------------------
[ End section-box ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 07 Start Services ]
-----------------------------------------------------------------*/
.services .item {
padding: 50px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
min-height: 220px;
}
.services .itembg {
background: url(../img/comboxhighlightimg.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg1 {
background: url(../img/comboxhighlightimg1.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg2 {
background: url(../img/comboxhighlightimg2.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg3 {
background: url(../img/comboxhighlightimg3.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg4 {
background: url(../img/comboxhighlightimg4.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg5 {
background: url(../img/comboxhighlightimg5.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .itembg6 {
background: url(../img/comboxhighlightimg6.jpg) scroll no-repeat 0 90%;
height: 260px;
background-size: cover;
}
.services .item .icon {
font-size: 35px;
color: #A52530;
margin-bottom: 25px;
}
.services .item h6 {
margin-bottom: 20px;
font-weight: 500;
}
.serv-box {
position: relative;
z-index: 1;
}
.serv-box:after {
content: '';
width: 500px;
height: 500px;
border-radius: 50%;
background-image: url(../img/dots.png);
background-repeat: repeat;
position: absolute;
left: -200px;
top: 20%;
z-index: -1;
opacity: .7;
}
.serv-box .item {
text-align: center;
padding: 50px 20px;
overflow: hidden;
position: relative;
z-index: 3;
transition: all .4s;
}
.serv-box .item:hover {
color: #fff;
}
.serv-box .item:hover .icon {
color: #fff;
}
.serv-box .item:hover p {
color: #ddd;
}
.serv-box .item:hover:after {
height: 100%;
}
.serv-box .item:after {
content: '';
width: 100%;
height: 0;
position: absolute;
left: 0;
bottom: 0;
background-color: #A52530;
z-index: -1;
transition: all .4s;
}
.se-ico-left .item {
padding: 0;
background-color: transparent;
box-shadow: none;
}
.se-ico-left .item .icon {
font-size: 35px;
color: #A52530;
margin-bottom: 0;
float: left;
width: 60px;
height: 60px;
line-height: 65px;
text-align: center;
border-radius: 50%;
background-color: #fff;
}
.se-ico-left .item h6 {
margin-bottom: 15px;
margin-left: 80px;
font-weight: 500;
}
.se-ico-left .item p {
margin-left: 80px;
}
/* ----------------------------------------------------------------
[ End Services ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 08 Start Numbers ]
-----------------------------------------------------------------*/
.numbers .icon {
font-size: 45px;
color: #A52530;
margin-bottom: 30px;
}
.numbers h3 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0;
color: #A52530;
padding-bottom: 0;
}
.numbers h3::after {
display: none;
}
.numbers h6 {
font-weight: 300;
}
.states .icon {
font-size: 60px;
margin-bottom: 10px;
color: #eee;
}
.states .sub-title {
color: #A52530;
}
.states h5 {
line-height: 1.5;
font-weight: 200;
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
}
.states h5:after {
content: '';
width: 100px;
height: 1px;
background: #A52530;
position: absolute;
bottom: 0;
left: calc(50% - 50px);
}
.live-border {
display: inline-block;
position: relative;
overflow: visible;
margin-bottom: 25px;
margin-right: 25px;
background: #f7f7f7;
padding: 15px;
min-height: 150px;
}
.live-border h3 {
padding-bottom: 10px;
margin-bottom: 10px;
}
.live-border .border {
position: absolute;
background: #eee;
overflow: hidden;
border: none !important;
box-shadow: 1px 2px 10px #ccc;
}
.live-border .border.top {
height: 3px;
width: 100%;
top: 0px;
left: 0px;
}
.live-border .border.right {
height: 100%;
width: 3px;
top: 0px;
right: 0px;
}
.live-border .border.bottom {
height: 3px;
width: 100%;
bottom: 0px;
left: 0px;
}
.live-border .border.left {
height: 100%;
width: 3px;
top: 0px;
left: 0px;
}
.live-border .border .bar {
position: absolute;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
left: 0px;
top: 0px;
z-index: 1;
}
.live-border .border.top .bar {
left: 100%;
animation: live-border-animate-top 2s linear 2s infinite;
}
.live-border .border.right .bar {
top: 100%;
animation: live-border-animate-right 2s linear 1s infinite;
}
.live-border .border.bottom .bar {
left: -100%;
animation: live-border-animate-bottom 2s linear 0s infinite;
}
.live-border .border.left .bar {
top: -100%;
animation: live-border-animate-left 2s linear 3s infinite;
}
@keyframes live-border-animate-top {
0% {
left: 100%;
}
100% {
left: -100%;
}
}
@keyframes live-border-animate-right {
0% {
top: 100%;
}
100% {
top: -100%;
}
}
@keyframes live-border-animate-bottom {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@keyframes live-border-animate-left {
0% {
top: -100%;
}
100% {
top: 100%;
}
}
.states .item {
margin-bottom: 15px;
/* border: 1px solid #cccc;*/
padding: 35px;
/*border-radius: 12px;
box-shadow: 1px 5px 10px #ccc; */
/* transition: transform .2s; Animation */
width: 255px;
}
/* .states .item:hover{
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport)
} */
.states h5 b {
font-weight: 700;
}
.states .item h3 {
margin-bottom: 10px;
color: #a52530;
}
.states .item h6 {
font-weight: 400;
font-size: 16px;
}
/* ----------------------------------------------------------------
[ End Numbers ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 09 Start Works ]
-----------------------------------------------------------------*/
.works .filtering .filter {
display: inline-block;
padding: 2px 10px;
border: 1px solid #eee;
border-radius: 30px;
}
.works .filtering span {
margin: 0 5px;
padding: 8px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 30px;
cursor: pointer;
}
.works .filtering .active {
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
color: #fff;
padding: 10px 15px;
border-radius: 35px;
color: #fff;
}
.works .gallery {
padding-right: 0;
padding-left: 0;
}
.works .larg-padding {
padding: 0 15px;
}
.works .larg-padding .item-img {
border: 10px solid #fff;
margin-top: 30px;
}
.works .no-padding {
padding: 0;
}
.works .no-padding .item-img {
margin-top: 0;
}
.works .gutter {
padding: 0 10px;
}
.works .gutter .item-img {
margin-top: 20px;
}
.works .item-img {
position: relative;
margin-top: 30px;
}
.works .item-img:hover .item-img-overlay {
visibility: visible;
opacity: 1;
}
.works .item-img-overlay {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
padding: 30px;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.works .item-img-overlay .icon {
position: absolute;
right: 30px;
bottom: 30px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
border: 1px solid #eee;
text-align: center;
font-size: 20px;
color: #eee;
}
.works .item-img-overlay p {
color: #A52530;
font-weight: 400;
}
.works .item-img-overlay h6 {
color: #fff;
font-weight: 500;
font-size: 16px;
margin-top: 5px;
}
/* ----------------------------------------------------------------
[ End Works ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 10 Start Team ]
-----------------------------------------------------------------*/
.team .item {
text-align: center;
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
.team .item:hover .info {
bottom: 50px;
}
.team .item:hover .team-img:after {
opacity: 1;
visibility: visible;
}
.team .item .team-img {
overflow: hidden;
border-radius: 4px;
position: relative;
}
.team .item .team-img:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
/*background-color: rgba(0, 0, 0, 0.8);
background: linear-gradient(to top, #111, rgba(0, 0, 0, 0.4));*/
opacity: 0;
visibility: hidden;
transition: all .4s;
}
.team .item .info {
position: absolute;
bottom: -500px;
left: 0;
padding: 0 15px;
width: 100%;
z-index: 4;
transition: all .4s;
}
.team .item .info h6 {
font-size: 16px;
color: #fff;
letter-spacing: 1px;
margin-bottom: 5px;
}
.team .item .info span {
font-size: 13px;
font-style: italic;
margin-bottom: 10px;
color: #A52530;
}
.team .item .info p {
margin-bottom: 10px;
color: #a9a9a9;
}
.team .item .info .icon {
margin: 0 10px;
font-size: 12px;
color: #eee;
cursor: pointer;
}
/* ----------------------------------------------------------------
[ End Team ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 11 Start Price ]
-----------------------------------------------------------------*/
.price .pricing-tables {
padding: 0 30px;
}
.price .pricing-tables [class*=col-] {
padding: 0 30px;
}
.price .item {
padding: 30px;
background: #fff;
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.price .item .type {
position: relative;
margin-bottom: 15px;
}
.price .item .type h4 {
font-size: 18px;
font-weight: 500;
color: #555;
}
.price .item .value {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.price .item .value h3 {
font-size: 55px;
font-weight: 600;
display: inline-block;
position: relative;
padding-left: 15px;
}
.price .item .value h3 span {
font-size: 15px;
position: absolute;
top: 10px;
left: 0;
}
.price .item .value .per {
font-size: 13px;
}
.price .item .features {
text-align: left;
overflow: hidden;
padding: 15px;
}
.price .item .features ul {
margin-bottom: 0;
}
.price .item .features li {
margin-bottom: 15px;
color: #777;
font-size: 13px;
}
.price .item .features li:last-child {
margin-bottom: 0;
}
.price .item .order {
margin-top: 30px;
}
.price .item .order .butn {
margin: 0;
padding: 10px 30px;
}
.price .item .order .butn span {
font-size: 13px;
font-weight: 500;
}
.price .item.active {
box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
}
/* ----------------------------------------------------------------
[ End Price ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 12 Start Testimonials ]
-----------------------------------------------------------------*/
.testimonials .icon {
width: 70px;
margin-bottom: 30px;
}
.testimonials .item h6 {
font-size: 15px;
font-weight: 700;
color: #A52530;
margin: 50px 0 15px;
position: relative;
}
.testimonials .item h6:after {
content: '';
width: 1px;
height: 30px;
background-color: #eee;
position: absolute;
left: 50%;
top: -40px;
opacity: .5;
}
.testimonials .item h6 span {
display: block;
color: #eee;
font-style: italic;
font-size: 13px;
font-weight: 400;
margin-top: 5px;
}
.testimonials .item p {
color: #eee;
font-size: 16px;
font-weight: 200;
word-spacing: 1px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 50%;
background: #A52530;
/* background: rgba(255, 255, 255, 0.2); */
margin: 20px 5px 0;
}
.owl-theme .owl-nav [class*=owl-] {
background: #a52530
}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {
background: #A52530;
font-size: 12px;
}
.testimonials-grid .item {
background-color: #f7f7f7;
padding: 50px 30px 80px;
position: relative;
z-index: 3;
}
.testimonials-grid .item:after {
content: '';
width: 96%;
height: 96%;
position: absolute;
left: 2%;
top: 2%;
/*border: 1px solid #fcfcfc;*/
z-index: -1;
}
.testimonials-grid .item .icon {
position: absolute;
bottom: 20px;
right: 20px;
z-index: -1;
font-size: 60px;
color: #f1f1f1;
line-height: 1;
}
.testimonials-grid .item p {
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
border-bottom: 1px solid #eee;
}
.testimonials-grid .item p:after {
content: '';
width: 20px;
height: 20px;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
background-color: #f7f7f7;
position: absolute;
bottom: -10px;
left: 50px;
transform: rotate(-45deg);
}
.testimonials-grid.faculty .item .info .img {
float: none;
margin: auto;
}
.testimonials-grid.faculty .item .info .img {
width: 120px;
height: 120px;
}
.testimonials-grid.faculty .item .info h6 {
margin: 0 auto;
text-align: center;
font-size: 20px;
}
.testimonials-grid .item .info .img {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
border: 2px solid #f6f6f6;
float: left;
}
.testimonials-grid .item .info h6 {
padding-top: 10px;
font-size: 14px;
margin-left: 80px;
}
.testimonials-grid .item .info h6 span {
margin-top: 5px;
font-size: 12px;
color: #999;
font-style: italic;
}
.clients a {
opacity: .8;
}
.clients a:hover {
opacity: 1;
}
/* ----------------------------------------------------------------
[ End Testimonials ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 13 Start Blog ]
-----------------------------------------------------------------*/
/*----------------------------------------------------*/
.corporatesection {}
.corporatesection .item {
padding: 15px !important;
}
.corporatesection .item .cont h6,
.corporatesection .item p.descriptionb {
min-height: auto !important;
height: auto !important;
}
.chapterhead {
margin-bottom: 25px;
}
.chapterhead h1 {
font-size: 24px;
padding: 0 0 6px 0;
color: #a52530;
}
.chapterhead h5 {
font-size: 18px;
color: #212121;
}
.chapterhead p {
margin-bottom: 6px !important;
}
.blog .item .post-img .tag a {
color: #fff;
}
.blog .item {
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
}
.blog .item .post-img {
padding: 0px;
position: relative;
}
.blog .item .post-img .img {
overflow: hidden;
box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
}
.blog .item .post-img:hover img {
transform: scale(1.1, 1.1);
}
.blog .item .post-img img {
transition: all .5s;
}
.blog .item .post-img .tag {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 10px;
font-weight: 500;
color: #fff;
}
.blog .item .post-img .tag a {
background-color: #A52530;
padding: 5px 10px;
border-radius: 20px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.blog .item .post-img .tag .icon {
font-size: 8px;
}
.blog .item .cont {
padding: 30px 15px 15px;
}
.blog .item .cont h6 {
margin-bottom: 15px;
min-height: 50px;
}
.blog .item .info {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.blog .item .info a {
color: #999;
font-weight: 600;
font-size: 11px;
}
.blog .item .info a .author {
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
margin: 0 5px -6px 0;
position: relative;
}
.blog .item .info a .icon {
font-size: 12px;
margin-right: 2px;
}
.blog .item .info .right {
float: right;
}
.blog .item h6 a {
color: #A52530;
}
/* .blog .item h6.bloglist::after{
content: '...';
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
} */
.blog .item h6.bloglist {
color: #A52530;
font-size: 18px;
margin-bottom: 15px;
/* min-height:70px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
height: 60px; */
}
.blog .item p.descriptionb {
height: 100px;
overflow: hidden;
}
.posts .item {
margin-bottom: 30px;
}
.posts .item .spical {
margin: 15px;
padding: 15px;
border-left: 4px solid #A52530;
}
.posts .title {
font-size: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.posts .comments,
.posts .add-comment {
padding: 30px 15px;
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
}
.posts .comments .com,
.posts .add-comment .com {
margin-bottom: 30px;
}
.posts .comments .com:last-child,
.posts .add-comment .com:last-child {
margin-bottom: 0;
}
.posts .comments .com:nth-child(odd),
.posts .add-comment .com:nth-child(odd) {
margin-left: 50px;
}
.posts .comments .img,
.posts .add-comment .img {
width: 60px;
height: 60px;
float: left;
border-radius: 50%;
border: 1px solid #eee;
overflow: hidden;
}
.posts .comments .cont,
.posts .add-comment .cont {
margin-left: 75px;
}
.posts .comments .cont h6,
.posts .add-comment .cont h6 {
font-size: 12px;
margin-bottom: 5px;
}
.posts .comments .cont span,
.posts .add-comment .cont span {
color: #999;
font-size: 11px;
font-style: italic;
margin-bottom: 10px;
}
.posts .comments .cont .reply,
.posts .add-comment .cont .reply {
float: right;
margin-right: 15px;
margin-top: -15px;
}
.posts .comments .cont .reply:hover,
.posts .add-comment .cont .reply:hover {
color: #A52530;
}
.posts form input,
.posts form textarea {
width: 100%;
padding: 15px;
background-color: #fafafa;
border: 0;
}
.posts form textarea {
height: 140px;
max-height: 140px;
max-width: 100%;
margin-bottom: 10px;
}
.posts form .butn {
margin: 30px 0 0 0;
cursor: pointer;
}
.pagination {
text-align: center;
}
.pagination ul {
margin: auto;
}
.pagination li {
float: left;
margin: 0 5px;
}
.pagination li a {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
background-color: #fff;
}
.pagination .active a {
background-color: #A52530;
color: #fff;
}
.side-bar .widget {
padding: 30px 15px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
overflow: hidden;
}
.side-bar .widget ul {
margin-bottom: 0;
}
.side-bar .widget ul li {
margin-bottom: 10px;
color: #444;
font-size: 13px;
}
.side-bar .widget ul li:last-child {
margin-bottom: 0;
}
.side-bar .widget ul li i {
font-size: 10px;
margin-right: 10px;
}
.side-bar .widget ul li a {
color: #fff;
}
.side-bar .widget .recent li {
display: block;
overflow: hidden;
}
.side-bar .widget .recent .thum {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
float: left;
}
.side-bar .widget .recent .thum img {
height: 60px;
}
.side-bar .widget .recent a.colorred {
color: #a52530
}
.side-bar .widget .recent a {
display: block;
margin-left: 60px;
line-height: 1.7;
}
.side-bar .widget-title {
margin-bottom: 30px;
}
.side-bar .widget-title h6 {
font-size: 12px;
text-transform: uppercase;
background-color: #fff;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.side-bar .search form {
position: relative;
}
.side-bar .search form input {
width: 100%;
padding: 10px;
border: 0;
border-bottom: 1px solid #eee;
}
.side-bar .search form button {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
color: #999;
border: 0;
padding: 10px;
cursor: pointer;
}
.side-bar .gallery li {
width: 33.33333%;
float: left;
border: 5px solid #fff;
}
.side-bar .tags li {
font-size: 12px;
margin: 2px !important;
padding: 5px 10px;
background-color: #A52530;
color: #fff !important;
border-radius: 4px;
float: left;
}
.side-bar .tags li:hover {
background-color: #222;
}
/* ----------------------------------------------------------------
[ End Blog ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 14 Start Subscribe ]
-----------------------------------------------------------------*/
.subscribe {
background-size: auto;
background-repeat: repeat;
padding-bottom: 15px;
}
.subscribe h4 {
font-weight: 500;
margin-bottom: 50px;
}
.subscribe form {
position: relative;
}
.subscribe input {
padding: 14px 10px;
width: 100%;
margin: auto;
border: 0;
background: #fff;
border-radius: 30px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.subscribe .butn {
cursor: pointer;
padding: 10px 0;
width: 140px;
border: 1px solid transparent;
border-radius: 30px;
position: absolute;
top: 4px;
right: -6px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
background: linear-gradient(to right, #A52530, #e1284e);
}
.subscribe .butn:hover {
border-color: #A52530;
}
.subscribe.sbc-bg .sub-title {
color: #A52530;
}
.subscribe.sbc-bg h5 {
margin-bottom: 15px;
letter-spacing: 2px;
}
.subscribe.sbc-bg p {
margin-bottom: 50px;
}
.subscribe.sbc-bg input {
background: transparent;
border: 1px solid #eee;
color: #eee;
}
/* ----------------------------------------------------------------
[ End Subscribe ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 15 Start Contact-Info ]
-----------------------------------------------------------------*/
.page-contact-info {
position: relative;
}
.page-contact-info .item {
padding: 100px 0;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.page-contact-info .item:last-child {
border-right: 0;
}
.page-contact-info .item .icon {
font-size: 30px;
color: #A52530;
margin-bottom: 15px;
}
.page-contact-info .item h6 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.bmtit {
position: absolute;
bottom: -7px;
left: 0;
width: 100%;
text-align: center;
}
.bmtit span {
padding: 0 30px;
background-color: #fff;
font-size: 12px;
color: #999;
}
/* ----------------------------------------------------------------
[ End Contact-Info ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 16 Start Contact ]
-----------------------------------------------------------------*/
.page-contact {
position: relative;
/* border-bottom: 1px solid #eee; */
}
.form input,
.form textarea {
background-color: #f7f7f7;
border: 1px solid #f7f7f7;
width: 100%;
padding: 15px;
border-radius: 30px;
}
.form input:focus,
.form textarea:focus {
border-color: #ddd;
}
.form textarea {
height: 90px;
max-height: 90px;
max-width: 100%;
}
.form .form-group {
position: relative;
}
.form .help-block li {
color: #ce7373;
font-size: 11px;
font-weight: 500;
position: absolute;
top: 15px;
right: 15px;
}
.page-social {
text-align: center;
}
.page-social a {
padding: 12px 60px;
border-radius: 30px;
color: #fff;
border-width: 1px;
border-style: solid;
margin: 5px;
transition: all .2s;
}
.page-social a:hover {
background-color: transparent;
color: #555;
}
.page-map {
background-color: #f7f7f7;
}
.page-map #ieatmaps {
height: 400px;
}
/* ----------------------------------------------------------------
[ End Contact ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 17 Start Footer ]
-----------------------------------------------------------------*/
/*---------------------------Footer ---------------------*/
.las-post ul {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
list-style: none;
word-wrap: break-word;
}
.las-post ul li {
margin: 0;
padding-bottom: 15px;
box-sizing: border-box;
outline: none;
list-style: none;
word-wrap: break-word;
border-bottom: 1px solid #222;
padding: 15px;
}
.footer-text a {
font-style: normal;
color: #7f7f7f;
}
/*---------------------------Footer End ---------------------*/
footer.footer {
margin-top: 0;
}
.mb-55 {
margin-bottom: 55px;
}
.one-footer {
background: #111;
padding: 80px 0;
}
.footer .social {
padding: 22px 15px 15px;
}
.one-footer .social a {
color: #fff;
font-size: 13px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
background: #222;
margin: 15px 5px;
}
.one-footer .social a:hover {
background: #A52530;
}
.one-footer p {
color: #999;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.footer {
background-color: #171717;
padding: 50px 0 0;
color: #eee;
}
.footer .title h5 {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid #333;
padding-bottom: 10px;
margin-bottom: 30px;
}
.footer .info .logo {
padding: 0;
margin-bottom: 10px;
}
.footer .info h6 {
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 15px;
}
.footer .info h6 i {
color: #A52530;
}
.footer .info p {
margin-bottom: 30px;
}
.footer .info span {
margin-right: 10px;
font-size: 12px;
margin-bottom: 15px;
display: block;
}
.footer .info .icon {
font-size: 18px;
border: 1px solid #fff;
border-radius: 35px;
padding: 8px;
height: 35px;
width: 35px;
}
.social {
clear: both;
width: 100%;
padding: 5px 15px 20px
}
.pminus {
margin: 0 0 1rem;
}
.fas {
margin-left: 5px;
}
.footer .info .icon:hover {
color: #A52530;
}
.footer .las-post .thum {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
float: left;
}
.footer .las-post .cont {
margin-left: 70px;
}
.footer .las-post h6 {
font-weight: 500;
font-size: 12px;
margin-bottom: 5px;
padding-top: 5px;
}
.footer .las-post p {
font-size: 11px;
}
.footer .las-post p span {
font-weight: bold;
}
.footer .tags span {
padding: 7px 15px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.04);
margin-bottom: 6px;
margin-right: 2px;
}
.footer .tags span:hover {
background-color: #A52530;
}
.footer .sub-footer p {
margin: 0;
}
.footer .las-post p {
margin: 0;
}
.footer .sub-footer {
padding: 20px 0;
margin-top: 50px;
background-color: #131313;
}
/* ----------------------------------------------------------------
[ End Footer ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 19 Spacial Pages ]
-----------------------------------------------------------------*/
.error {
padding: 200px 0;
}
.error h2 {
font-size: 150px;
margin-bottom: 15px;
}
.error h2 i {
font-size: 120px;
}
.error p {
font-size: 17px;
margin-bottom: 30px;
}
.error .butn:hover span {
color: #222 !important;
}
.comming form {
margin-top: 30px;
position: relative;
}
.comming form input {
width: 100%;
padding: 10px 50px 10px 10px;
background-color: transparent;
border: 1px solid #eee;
border-radius: 5px;
color: #fff;
margin-bottom: 15px;
}
.comming form button {
background-color: #A52530;
padding: 8px 10px;
border-radius: 5px;
color: #fff;
border: 0;
position: absolute;
top: 3px;
right: 3px;
cursor: pointer;
}
.comming form button:hover {
background-color: #fff;
color: #A52530;
}
.comming .social a:hover {
color: #A52530;
}
.faq .accordion .title {
padding: 15px 30px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.faq .accordion ul li {
font-size: 13px;
color: #555;
margin-bottom: 10px;
}
.faq .accordion ul li:last-child {
margin-bottom: 0;
}
.faq .accordion ul li i {
color: #A52530;
font-size: 10px;
margin-right: 10px;
}
/* ----------------------------------------------------------------
[ End Spacial Pages ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
[ 19 Responsive ]
-----------------------------------------------------------------*/
@media screen and (max-width: 991px) {
.mb-md50 {
margin-bottom: 50px;
}
.mb-md30 {
margin-bottom: 30px;
}
.mb-md15 {
margin-bottom: 15px;
}
.mb-md0 {
margin-bottom: 0;
}
.md-text-center {
text-align: center !important;
}
.bgimg-height {
height: 400px;
}
.bg-fixed {
background-attachment: scroll !important;
}
.navbar .logo {
margin-left: 15px;
}
.navbar button {
margin-right: 15px;
outline: none !important;
}
.navbar .container {
max-width: 100%;
}
.navbar .navbar-collapse {
max-height: 340px;
overflow: auto;
background: #111;
text-align: left;
padding: 10px 30px;
}
.navbar .nav-link {
margin: 10px auto !important;
}
.nav-scroll .navbar-collapse .nav-link {
color: #fff !important;
}
.nav-scroll .navbar-collapse .active {
color: #A52530 !important;
}
.dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #222;
width: 100%;
display: none;
}
.dropdown-menu .sub-menu {
position: static;
margin-top: 15px;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #333;
width: 100%;
display: none;
}
.dropdown:hover .dropdown-menu,
.dropdown:hover .mega-menu {
display: block;
}
.dropdown .dropdown-menu:hover .sub-menu {
display: block;
}
.dropdown .mega-menu {
width: 100%;
position: static;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #222;
width: 100%;
display: none;
}
.dropdown .mega-menu .dropdown-menu {
border: 0;
margin: 0;
}
.dropdown .mega-menu .dropdown-title {
border-bottom-color: #444;
}
.header {
background-attachment: scroll !important;
background-position: 50% 0% !important;
}
.header .caption h4 {
font-size: 30px;
}
.header .caption h1 {
font-size: 45px;
line-height: 1.4;
}
.header .caption h2 {
font-size: 45px;
line-height: 1.4;
}
.price .item {
text-align: center;
}
.price .item .features {
text-align: center;
}
.subscribe.sbc-bg h5 {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.header .caption h2 {
margin: 10px 0 !important;
}
.mb-sm50 {
margin-bottom: 50px;
}
.mb-sm30 {
margin-bottom: 30px;
}
.section-box h3 {
font-size: 18px;
line-height: 1.3;
}
.hero .intro h3,
.hero .intro h2,
.section-padding h3 {
font-size: 28px !important;
}
.hero .intro h4 {
font-size: 20px;
}
.subscribe h4 {
font-size: 20px;
margin-bottom: 30px;
}
.bgimg-height-sm {
height: 400px;
}
.header .caption h4 {
font-size: 16px;
}
.header .caption h1 {
font-size: 22px;
}
.header .caption h2 {
font-size: 22px;
}
.header .caption p {
font-size: 14px;
margin-bottom: 15px;
}
.header .caption .butn {
margin-top: 15px !important;
}
.portfolio .filtering span {
margin-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
.section-head h4 {
font-size: 18px;
}
.section-box .accordion .title h6 {
line-height: 1.5;
font-size: 14px;
}
.section-box .half-content {
padding: 15px;
}
.works .filtering {
padding: 0;
}
.works .filtering .filter {
border: 0;
padding: 0;
}
.works .filtering span {
margin: 0 0 5px;
}
}
/*---------------video-----------------*/
header {
min-height: 650px;
height: 600px;
width: 100%;
overflow: hidden
}
#myVideo {
position: absolute;
right: 0;
bottom: 0;
min-width: auto;
min-height: auto;
left: 0;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
/*---------------end --------------*/
/*------------------------------notofication--------------*/
.notifications a {
color: #fff;
font-weight: 500;
}
.notifications p.ml4 {
margin: 0 0 25px
}
.notifications {
background: #A52530;
padding: 15px;
color: #fff;
text-align: center;
}
/*.notifications h6{ margin-top: 12px;}*/
.notifi-text {
font-size: 16px;
line-height: 24px;
padding: 5px;
}
.notifications .butn-light {
background: #fff;
}
.notifications .butn {
padding: 12px 30px;
background: #fff;
border: 1px solid transparent;
position: relative;
z-index: 3;
margin-left: 10px;
margin-right: 10px;
box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
transition: all .4s;
border-radius: 30px;
cursor: pointer;
outline: none !important;
overflow: hidden;
}
/*-------------------------------common drop down ------------------*/
.dropdownsearch {
padding: 0px 10px;
width: 100%;
margin: auto;
border: 0;
background: #fff;
border-radius: 30px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.dropdownsearch select {
width: 100%;
height: 45px;
border: none;
background: #fff;
font-size: 14px;
font-weight: 400;
color: #64686d;
line-height: 1.8;
}
/*-------------------------------end drop down ----------------*/
/*------------------------------------------artical---------------*/
/* blog post card */
.services .item .cont {
padding: 10px 15px 15px;
}
.services .item .cont p {
text-align: left;
}
.serv-box .item {
text-align: center;
padding: 20px 20px;
overflow: hidden;
position: relative;
z-index: 3;
-webkit-transition: all .4s;
transition: all .4s;
}
.services .item .cont p {
margin-bottom: 0;
}
.services .item .info {
border-bottom: 1px solid #eee;
text-align: left;
}
.services .item h6 {
font-size: 16px;
margin-bottom: 15px;
margin-top: 12px;
text-align: left;
}
.services .item .info a .icon {
font-size: 12px;
margin-right: 2px;
}
.serv-box .item:hover,
.serv-box .item:hover a {
color: #fff;
}
/*-------------------------team-------------*/
/*----------------------------------------card---------------------------------------*/
/*.facultypro{width: 130px;
height: 130px;
border-radius: 50% !important;
margin: -30px auto 0 !important;
overflow: hidden;
box-shadow: 0px 5px 6px #eee;
border: 3px solid #fff !important;
}
.facultypro .img{ width: 150px; height: 150px;margin: -21px -25px;}*/
.card-profile .card-avatar,
.card-testimonial .card-avatar {
margin: -23px auto 0;
border-radius: 50%;
overflow: hidden;
padding: 0;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
border: 6px solid #ccc;
}
.card-profile .card-avatar {
width: 130px;
max-width: 130px;
max-height: 130px;
}
.dstudentsarefrom .card-profile .card-avatar {
width: auto !important;
max-width: 115px;
max-height: 115px;
}
.dstudentsarefrom .card .card-title {
font-weight: bold;
color: #A52530;
font-size: 1rem;
}
.dstudentsarefrom .studentslogo img {
width: 160px;
margin: 0 auto;
margin-top: 10px;
}
.divider100 {
width: 100px;
background: #A52530;
height: 1px;
margin: 5px auto;
}
.studentslogo {
width: 160px;
margin: 0 auto !important;
}
.text-name {
/* font-size: 14px;
text-align: center;
font-weight: normal; */
font-size: 18px;
text-align: center;
font-weight: 600;
color: #a52530!important;
}
.card-body-faculty h6 {
/* font-size: 16px;
color: #ACACAC;
text-align: center;
padding: 6px 0px; */
font-size: 14px;
color: #797979;
text-align: center;
padding: 6px 0px;
font-weight: 500;
}
.card-body-faculty p {
font-size: 14px;
color: #7f7f7f;
text-align: center;
min-height: 220px;
margin-bottom: 0 !important;
}
/*
.card-description{
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
height: 180px;
}
.card-description::after {
content: '...';
height: 180px;
overflow: hidden;
text-overflow: ellipsis;
} */
.card .card-body-faculty,
.card .card-footer {
padding: 5px 1.875rem 12px;
}
.card-body-faculty {
flex: 1 1 auto;
padding: 1.25rem;
}
.dstudentsarefrom .facultypro {
height: 100px;
width: 100px;
}
.card-body-faculty h4 {
margin: 0;
}
/*.dstudentsarefrom .owl-carousel.owl-drag .owl-item,.dstudentsarefrom .owl-carousel.owl-drag .owl-item { width:220px !important;}*/
.card .card-footer .years {
margin: 0 15px 0 0;
}
.card .card-footer .offline {
margin: 0 10px 0 0;
}
.card .card-footer .stats {
color: #999999;
width: 200px;
}
.programsofferd .card .card-footer .stats {
width: 190px;
}
.programsofferd .card .card-body,
.programsofferd .card .card-footer {
padding: 15px 35px;
}
.programsofferd .card-body h6 {
color: #A52530;
height: 50px;
overflow: hidden;
font-size: 15px;
}
/* .programsofferd .card-body h6{ color: #A52530; min-height: 70px;} */
.programsofferd .card-blog {
margin-top: 0;
}
.ptop {
padding: 8px 0;
}
.mccol {
text-align: center;
border-right: 1px solid #eee
}
.mccol:last-child {
border: none;
}
.mccol i {
font-size: 18px;
}
.mccol .butn {
padding: 12px;
}
.mccol span {
font-size: 16px;
}
.lside {
margin-right: 115px !important;
position: absolute;
}
.card-body .subtitle {
font-size: 16px;
color: #333;
display: block
}
.card-blog {
margin-top: 60px;
}
.card {
border: 0;
margin-bottom: 30px;
margin-top: 30px;
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-header.card-header-image {
position: relative;
padding: 0;
z-index: 1;
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
border-radius: 6px;
}
.card .card-header {
border-radius: 3px;
padding: 1rem 15px;
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
border: 0;
background: linear-gradient(60deg, #eee, #bdbdbd);
}
.card .card-header.card-header-image a {
display: block;
}
.card .card-header.card-header-image .colored-shadow {
transform: scale(0.94);
top: 12px;
filter: blur(12px);
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
z-index: -1;
transition: opacity .45s;
opacity: 0;
}
.card .card-header.card-header-image img {
width: 100%;
border-radius: 6px;
pointer-events: none;
box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card .card-header.card-header-image .colored-shadow {
transform: scale(0.94);
top: 12px;
filter: blur(12px);
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
z-index: -1;
transition: opacity .45s;
opacity: 0;
}
.card .card-body,
.card .card-footer {
padding: 5px 1.875rem 35px;
}
.card .card-category {
margin-top: 10px;
}
.text-info {
color: #00bcd4 !important;
}
.card .card-title:last-child {
margin-bottom: 0;
}
.card .card-title {
margin-top: 0.625rem;
}
.title,
.title a,
.card-title,
.card-title a,
.info-title,
.info-title a,
.footer-brand,
.footer-brand a,
.footer-big h5,
.footer-big h5 a,
.footer-big h4,
.footer-big h4 a,
.media .media-heading,
.media .media-heading a {
color: #3C4858;
text-decoration: none;
}
.services .item h6 {
font-size: 18px;
margin-bottom: 15px;
margin-top: 12px;
text-align: left;
}
.card-body h6 {
font-size: 16px;
margin-bottom: 15px;
margin-top: 12px;
text-align: left;
}
.card-body p.eligibility {
font-size: 14px;
margin-bottom: 0px;
text-align: left;
line-height: 22px;
display: none;
/*min-height: 125px;*/
/* height: 70px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all; */
}
.card-body .info {
display: none;
}
/* .card-body p.eligibility::after{
content: '...';
height: 70px;
overflow: hidden;
text-overflow: ellipsis;
} */
.card-body p.locationdetails {
font-size: 14px;
margin-bottom: 0px;
text-align: left;
line-height: 22px;
/*min-height: 125px;*/
/* height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all; */
}
/* .card-body p.locationdetails::after{
content: '...';
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
} */
/*.card-body .info p{ min-height:90px;}*/
.card-body p:last-of-type {
margin: 0 0 0rem;
}
.card-body info {
border-bottom: 1px solid #eee;
text-align: left;
}
.card-body .butn-bg {
background: #A52530;
border-color: #A52530;
color: #fff;
}
.card-body .butn {
padding: 12px 13px;
border: 1px solid transparent;
position: relative;
z-index: 3;
margin-left: 10px;
margin-right: 10px;
box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
transition: all .4s;
border-radius: 30px;
cursor: pointer;
outline: none !important;
overflow: hidden;
float: right;
}
.card-body.item .post-img .tag a {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 10px;
font-weight: 500;
color: #fff;
}
.card-body .item .cont .info .tag {
background-color: #A52530;
padding: 5px 10px;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.card .card-footer .author,
.card .card-footer .stats {
display: inline-flex;
}
.card .card-footer .stats {
color: #999999;
}
.card .card-footer .author,
.card .card-footer .stats {
display: inline-flex;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.facultymh .card {
min-height: 420px;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 0.25rem;
}
.card>hr {
margin-right: 0;
margin-left: 0;
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link+.card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: flex;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: flex;
flex-direction: column;
}
.card-group>.card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap;
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0;
}
.card-group>.card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group>.card:first-child .card-img-top,
.card-group>.card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group>.card:first-child .card-img-bottom,
.card-group>.card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group>.card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group>.card:last-child .card-img-top,
.card-group>.card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group>.card:last-child .card-img-bottom,
.card-group>.card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group>.card:only-child {
border-radius: 0.25rem;
}
.card-group>.card:only-child .card-img-top,
.card-group>.card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group>.card:only-child .card-img-bottom,
.card-group>.card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
/*------------------------------------------end---------------------------------*/
/*-------------------------menu-----------------*/
.slide-menu .bclose {
background: #A52530;
border-radius: 0 !important;
/*position: absolute;*/
top: 0;
width: 100%;
text-align: center !important;
margin: 0;
}
/*--------------------------end ----------------------*/
/*---------------------------------------------------click dropdown-----------------------*/
.submenuinner {
width: 100%;
transition: transform .5s;
transform: translateY(75px);
display: none;
}
.pfixed {
position: fixed;
top: 0;
z-index: 4;
display: block;
}
.mainsearch.submenuinner .dropdown-content.show {
display: block;
}
.submenuinner .dropdown-content a {
color: #fff;
border-bottom: 1px solid #666;
}
.mainsearch.submenuinner .dropbtn {
background: #333;
color: #fff !important;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 10px;
width: 100%;
text-align: left;
}
.mainsearch.submenuinner .dropdown-content {
display: none;
position: inherit;
background-color: #333;
/*min-width: 160px;*/
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 3;
width: 90%;
border-radius: 0;
overflow: hidden;
}
.mainsearch.submenuinner .dropdown {
padding: 0px;
width: 100%;
margin: auto;
border: 0;
background: #333;
border-radius: 0;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
display: inline-block;
}
/* Dropdown Button */
.mainsearch .dropbtn {
background: url("../img/arrow-down.png") scroll right 18px no-repeat #A52530;
color: #fff !important;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 30px;
width: 100%;
text-align: left;
background-position: 95% center;
}
.dropsetion {
background: url("../img/barrow-down.png") scroll right 18px no-repeat #fff;
color: #fff !important;
padding: 0 15px;
font-size: 16px;
border: 1px solid #eee;
cursor: pointer;
border-radius: 30px;
width: 100%;
text-align: left;
background-position: 95% center;
}
.dropsubsetion {
color: #fff !important;
padding: 0 15px;
font-size: 16px;
border: 1px solid #eee;
cursor: pointer;
border-radius: 30px;
width: 100%;
text-align: left;
background-position: 95% center;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
background: #fff;
}
.dropsubsetion>a {
width: 100%;
height: 45px;
border: none;
color: #64686d !important;
background: url("../img/barrow-down.png") scroll right 18px no-repeat;
font-size: 14px;
font-weight: 400;
color: #64686d;
padding: 13px 0;
}
.dropdownsubcontent .selectdiv {
margin: 0;
}
.dropdownsubcontent a {
color: #64686d !important;
background: transparent !important;
font-size: 14px;
border-bottom: 1px solid #f1f1f1 !important;
}
.dropdownsubcontent a:hover {
background: #ddd ! important;
}
.dropsetion select {
background: transparent !important;
-moz-appearance: none;
-webkit-appearance: none;
}
/* Dropdown button on hover & focus */
.mainsearch .dropbtn:hover a,
.mainsearch.dropbtn:focus a {
background-color: #A52530;
color: #fff !important;
}
/* The container - needed to position the dropdown content */
.mainsearch .dropdown i {
float: right;
color: #fff;
}
.mainsearch .dropdown {
padding: 0px 10px;
width: 100%;
margin: auto;
border: 0;
background: #A52530;
border-radius: 30px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
/*position: absolute;*/
position: relative;
background-color: #fff;
min-width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 3;
width: 100%;
border-radius: 15px;
overflow: hidden;
top: 10px;
}
/* Links inside the dropdown */
.dropdown-content a:last-child {
border: none;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
border-bottom: 1px solid #f1f1f1;
text-align: left;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #ddd
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
display: block;
}
/*---------------------------------end -----------------------------------------*/
/*-------------------------------------youtube--------------------------*/
.vyoutube {
background: #A52530;
padding: 5px 15px;
color: #fff;
font-size: 33px;
position: absolute;
bottom: 0;
right: 1px;
border-radius: 0;
z-index: 3;
}
.team .item:hover .info a:hover span {
color: #000
}
.team .item .info .fancybox-media span {
color: #fff;
}
.team-img .fancybox-media {
width: 100%;
}
.vid {
color: #fff;
display: block;
}
/*-----------------------end-------------------*/
/*------------------------------footer------------------*/
.footer a {
color: #fff
}
/*--------------------------------end--------------------*/
/*------------------------------------------ gallery card Programs---------------*/
.gallery .card {
border: 0;
margin-bottom: 30px;
margin-top: 30px;
border-radius: 6px;
color: rgb(238, 49, 88);
background: #fff;
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.works .gallery .card {
margin-right: 15px;
}
/*----------------------------end Programs-----------------*/
.mobview {
display: none!important;
}
/*---------------------------------media 800-------------------------------*/
@media screen and (max-width: 800px) {
.deskview {
display: none!important;
}
.mobview {
display: block!important;
}
.topnav {
width: 100%;
padding: 5px;
}
.topnav .leftnavL {
float: left
}
.topnav .rightnavR {
float: right;
}
}
/*---------------------------------media 800-------------------------------*/
/*----------------------programs -------------------*/
.Pbottom {
padding-bottom: 0;
}
.Ptop {
padding-top: 0;
}
/*-------------------end-----------------------------*/
/*--------------------------video-title------------*/
.team .owl-stage {
transform: none !important;
transition: none !important;
}
.videotitle span {
display: block;
}
.videotitle {
color: #A52530;
margin: 0 !important;
position: absolute;
z-index: 2;
bottom: 0;
padding: 8px 12px;
line-height: normal;
font-size: 18px;
background: #fff;
width: 100%;
text-align: left;
font-weight: bold;
}
/*--------------------------end--------------------*/
/*----------------------footer-------------------*/
.footer .title {
color: #fff;
}
/*--------------------------end--------------------*/
/*-----------------------------notifiaction----------------------------*/
.notifications {
position: fixed;
z-index: 4;
bottom: 0;
width: 100%;
}
.pabsolute {
position: inherit !important;
}
/*-----------------------------end-------------------------------------*/
/*--------------------------timeline---------------------*/
.demo {
padding: 0 0;
}
.heading-title {
margin-bottom: 100px;
}
.main-timeline {
position: relative;
transition: all 0.4s ease 0s;
}
.main-timeline:before {
content: "";
width: 3px;
height: 100%;
background: #bfbfbf;
position: absolute;
top: 0;
left: 50%;
}
.main-timeline .timeline {
position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.main-timeline .timeline-icon {
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 2px solid #A52530;
position: absolute;
top: 0;
left: 3px;
right: 0;
margin: 0 auto;
overflow: hidden;
}
.main-timeline .timeline-content {
width: 45%;
/* padding: 20px;*/
border-radius: 5px;
text-align: right;
/* -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;*/
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.main-timeline .date {
display: inline-block;
font-size: 16px;
font-weight: 300;
color: #fff;
padding: 12px 33px;
background: #A52530;
border-radius: 30px;
}
.main-timeline .title {
font-size: 24px;
font-weight: 500;
color: #5c5151;
margin-top: 30px;
}
.main-timeline .description {
font-size: 14px;
color: #606060;
line-height: 2;
margin: 0;
}
.main-timeline .timeline-content.right {
float: right;
text-align: left;
}
@media only screen and (max-width: 768px) {
.main-timeline:before {
left: 0;
}
.main-timeline .timeline-icon {
left: -8px;
margin: 0;
}
.main-timeline .timeline-content {
width: 90%;
float: right;
}
.main-timeline .timeline-content {
text-align: left
}
.boxhigly {
top: -195px;
}
/* .boxhigly {
top: 0;
position: relative;
box-shadow: none;
width: 100%;
}*/
.boxhigly .commonpbox {
max-width: 48%;
padding: 15px 5px 15px 25px;
flex: none;
}
}
/*---------------------------endtimeline------------------*/
/*------------------------------------786---------------------*/
@media screen and (max-width: 767px) {
.programsofferd .card-body h6 {
height: 75px;
width: 80%;
padding-top: 15px;
}
.dcampuslife .campusoverlay .campustext {
min-height: 350px;
}
.campusoverlay .campustext {
height: 400px;
}
.modal-open .modal {
width: 100%
}
.modal-open .modal iframe {
width: 100%;
}
.modal-open .modal iframe iframe {
width: 100%;
}
.mainlivechat .tab {
height: 474px;
}
/*-----------------.card-body-faculty p-----------------*/
.card-body-faculty p {
min-height: 250px;
}
/*---------------------------.boxhigly-----------------*/
/*.works .boxhigly{ top: -145px;}*/
/*---------------------------- .facultyslider .card h6--------------------*/
.facultyslider .card h6 {
text-align: center
}
.facultyslider .card .card-body-faculty,
.facultyslider .card .card-footer {
padding: 15px;
}
.facultyslider .owl-carousel {
padding-right: 0;
padding-left: 0;
}
.facultyslider .card h4 {
min-height: auto;
}
/*-----------------------------mobile -------------------*/
.accordion-info .works .filtering .active {
display: inline-flex !important;
}
/*------------------highlits------------------*/
.highlights .RKNumber {
font-size: 1.2rem;
margin: 0;
color: #A52530;
display: inline-block;
/* float: left; */
margin-right: 15px;
}
.highlights .RKNumber:after {
background-color: transparent !important;
margin-bottom: 0;
}
/*------------------ end ----------------*/
/*-.servebox .item--------------*/
.servebox {
border-bottom: 1px solid #f7f7f7;
padding: 12px 0;
}
.servebox .item {
min-height: auto;
marg-m-right: 15px;
}
.services.serv-box:after {
background: none;
}
.servebox .item h6 {
text-align: left !important;
color: #A52530
}
.servebox span {
float: left;
margin-right: 15px;
}
.servebox p {
clear: both;
padding-top: 12px;
}
/*-----------end ----------------*/
.carousel-indicators {
bottom: 0px;
}
/*-------------------.bpoint li----------------*/
.bpoint li {
margin-left: 40px;
}
.bpoint li i {
left: 15px;
}
/*----------------------.card .card-header.card-header-image img-----------------------------*/
.works .card .card-header.card-header-image {
width: 150px;
float: left;
position: absolute;
margin-top: 0;
margin-left: 0;
}
.works .card-body h6 {
margin-bottom: 0;
margin-top: 5px;
}
.works .card .card-footer {
border: none;
padding: 15px 13px !important;
margin-left: 160px;
}
.works .card .card-body {
padding: 0;
margin-left: 170px;
}
.works .card-body p {
display: none;
}
.works .card-body .info p {
display: block;
}
.works .card .card-header.card-header-image img {
height: 100%;
min-height: 130px;
}
.works .card .butn-bg {
padding: 5px 6px !important;
position: absolute;
left: 121px;
top: 45px;
}
.works .card-body .info p {
padding: 5px 0 0 !important;
}
.works .card {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
/*--------------------------end-------------------------------------------------------*/
/*---------------------.services .itembg---------------------*/
.mainitembg .col-lg-4 {
width: 44%;
float: left;
margin-left: 13px;
padding: 0;
}
.mainitembg .itembg,
.mainitembg .itembg1,
.mainitembg .itembg2,
.mainitembg .itembg3,
.mainitembg .itembg4,
.mainitembg .itembg5,
.mainitembg .itembg6 {
height: 180px;
}
/*---------------------end .services .itembg---------------------*/
/*---------------------services box----------------------------*/
/* .service-icon{ height:180px; } */
.findacourse .boxcommon .service-icon {
height: 175px !important;
}
.findacourse .boxcommon {
width: 45% !important;
margin: 0 6px !important;
}
.service-box {
margin: 0!important;
}
.service-box .service-icon .front-content h3 {
font-size: 15px;
}
.service-box .service-icon .front-content {
top: 60px;
}
/*-----------------------end-----------------------------*/
/*------------------------------ start footermob ----------------------------*/
.footermob {
padding-top: 0 !important;
margin-bottom: 0;
}
.footbot {
margin-bottom: 50px !important;
}
.footermob {}
.footermob .card {
display: block;
}
.footermob .card .card-header {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.footermob .btn-link:hover {
text-decoration: none
}
/*.footer.footermob {
margin-bottom: 75px;
}*/
.footermob .card .card-header {
background: transparent;
font-size: 1.2rem;
text-align: left;
font-style: normal;
cursor: pointer;
}
.footermob .card .card-header span {
color: #999;
width: 100%;
text-align: left;
font-size: 1rem;
}
.footermob .card .card-header span i {
text-align: right;
float: right;
}
.footermob .card .card-header .collapsed .fa-chevron-down {
display: block !important;
}
.footermob .card .card-header .collapsed .fa-chevron-up,
.footermob .card .card-header .fa-chevron-down {
display: none !important;
}
.footermob .card .card-header .fa-chevron-up {
display: block;
}
.footermob ul li a {
color: #999!important;
display: block;
padding: 6px 15px;
font-style: normal;
font-size: 0.7rem;
}
.footermob ul li a:hover {
color: #ccc !important
}
.footermob #collapseOne,
.footermob #collapseThree,
.footermob #collapseTwo {
margin: 15px 0 0;
}
.bbn {
border: none !important;
}
.footermob .card {
border-bottom: 1px solid #666;
}
.footermob .card {
background: transparent
}
.footer a {
width: 100%;
color: #fff;
}
.back-to-top {
position: fixed;
bottom: 25px;
right: 5px;
display: none;
z-index: 999;
padding: 3px;
border: none !important;
/* border: 1px solid #fff; */
font-size: 14px;
border-radius: 0;
width: 35px;
box-shadow: none !important;
}
/*------------------------------ end footermob ----------------------------*/
/*--------------------------.classprofileskills .skill-item h6-----------------------*/
.classprofileskills .skill-progress .progres:before {
font-size: 14px !important
}
.classprofileskills .skill-item h6 {
font-size: 16px !important;
margin-left: 76px !important;
font-weight: bold;
}
.classprofileskills .skill-item img {
width: 70px;
height: 50px;
top: -23px !important;
}
.classprofileskills .skill-progress {
margin-left: 70px;
}
.classprofileskills .skill-item {
margin-bottom: 20px !important;
margin-top: 40px !important;
}
.classprofilemain .owl-nav {
top: -45px;
}
.classprofileskills h3 {
margin-bottom: 0;
}
.classprofileskills h3 i,
.workexperience h3 i {
font-size: 24px;
margin-right: 15px;
color: #A52530;
}
.classprofilemain .owl-nav .carousel-control-prev,
.classprofilemain .owl-nav .carousel-control-next,
.dcampuslife .owl-nav .carousel-control-next,
.dcampuslife .owl-nav .carousel-control-prev {
height: 18px;
padding: 20px;
background: #A52530;
}
.classprofilemain .owl-nav .carousel-control-prev i,
.classprofilemain .owl-nav .carousel-control-next i,
.dcampuslife .owl-nav .carousel-control-prev i,
.dcampuslife .owl-nav .carousel-control-next i {
font-size: 18px;
}
.dcampuslife .owl-nav {
top: 10px;
}
.workexperience .skill-item {
width: 100%;
}
.workexperience .skill-item img {
width: 120px;
height: 105px;
float: left
}
.workexperience .mainwetitle {
margin-left: 140px;
font-size: 16px;
}
.workexperience .skill-item h4 {
margin-left: 140px;
font-size: 1.5rem;
}
/*----------------------------end-----------------------------------------*/
/*-----------------------.page-ender_content_item ------------------*/
.rankinghlights .rankingpbox h6 {
color: #A52530;
}
.rankinghlights .rankingpbox:hover h6 {
color: #fff;
}
.rankinghlights .rankingpbox h2 {
font-size: 12px;
}
.rankingpbox {
width: 100% !important;
max-width: 100% !important;
padding: 5px 0 !important;
margin: 5px 0 !important;
}
.rankingpbox h6,
.rankingpbox h4,
.rankingpbox p,
.rankingpbox h2 {
margin-left: 80px !important;
}
.rankingpbox .showimg {
background: url("../img/rank-icon.png") scroll no-repeat 10px -47px;
width: 80px;
height: 80px;
float: left;
background-size: 70%;
}
.rankingpbox:hover .showimg {
background: url("../img/rank-icon.png") scroll no-repeat 10px 10px;
width: 80px;
height: 80px;
float: left;
background-size: 80%;
}
.rankingpbox .showimg1 {
background: url(../img/rank-icon1.png) scroll no-repeat 0px -67px;
width: 70px;
height: 70px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg1 {
background: url("../img/rank-icon1.png") scroll no-repeat -20px -5px;
width: 80px;
height: 80px;
float: left;
}
.rankingpbox .showimg2 {
background: url(../img/rank-icon2.png) scroll no-repeat 0px -77px;
width: 70px;
height: 70px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg2 {
background: url("../img/rank-icon2.png") scroll no-repeat -20px -10px;
width: 80px;
height: 80px;
float: left;
}
.rankingpbox .showimg3 {
background: url(../img/rank-icon3.png) scroll no-repeat 0px -77px;
width: 70px;
height: 70px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg3 {
background: url("../img/rank-icon3.png") scroll no-repeat -20px -10px;
width: 80px;
height: 80px;
float: left;
}
.rankingpbox .showimg4 {
background: url(../img/rank-icon4.png) scroll no-repeat 0px -65px;
width: 70px;
height: 70px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg4 {
background: url("../img/rank-icon4.png") scroll no-repeat -20px -10px;
width: 80px;
height: 80px;
float: left;
}
.rankingpbox .showimg5 {
background: url(../img/rank-icon5.png) scroll no-repeat 0px -65px;
width: 70px;
height: 70px;
float: left;
background-size: 100%;
}
.rankingpbox:hover .showimg5 {
background: url("../img/rank-icon5.png") scroll no-repeat -20px -5px;
width: 80px;
height: 80px;
float: left;
}
.page-ender_content_item {
padding: 15px;
border-radius: 15px !important;
}
.rankingpbox h2 {
font-size: 1rem;
}
/*------------------------end------------------------*/
/*--------------------start-------------------*/
.dcampuslife .campusoverlay .campusimg {
margin-left: 0;
margin: 0 15px 0 0;
}
.dcampuslife .campusoverlay .campustext {
left: auto;
top: 210px;
width: 100%;
right: 0;
margin: 0;
opacity: 100;
}
/*------------------end----------------*/
/*----------------------------------*/
/*.dstudentsarefrom .owl-carousel.owl-drag .owl-item, .dstudentsarefrom .owl-carousel.owl-drag .owl-item{ width:290px !important}*/
/*-----items brand -----*/
.dcampuslife .items.brand {
width: 100%;
}
.main-timeline .description {
margin-bottom: 2rem;
}
/*------------end-----------*/
/*-------------------- commonheight ------------------------*/
/*.commonheight {
min-height: 850px;
height: 850px;
}*/
.commonheight {
min-height: 590px;
height: 590px;
}
.commonheight .partner {
padding-top: 0;
display: inline-block;
border-bottom: 1px solid #dc3138;
height: 200px;
}
.commonheight .mb-md50 {
margin-bottom: 30px;
}
/*.commonheight .main-head{ top: 105px !important;}*/
.commonheight .videosec {
top: 60%;
}
.commonheight .text-white {
width: 100%;
}
.commonheight .partner ul li.clearlist {
float: none;
width: 100%;
text-align: center;
}
.boxhigly .commonpbox span {
font-size: 1.1rem;
}
.boxhigly .commonpbox h6,
.boxhigly .commonpbox p {
margin-left: 34px;
}
/*.commonheight .partner ul li img{width: 140px; height: 50px;}*/
.commonheight .boxhigly {
top: -128px;
}
.campusoverlay .campustext {
left: auto;
top: 200px;
width: 100%;
}
.campusoverlay .campusimg {
margin-left: 0;
margin: 0 15px 0 25px;
}
.campusoverlay {
height: 555px;
}
.boxhigly .commonpbox {
margin: 5px;
border-right: 1px solid #eee;
text-align: left;
width: 45%;
padding: 0 0 0 12px;
}
/*-----------------------mboth----------------*/
.mboth {
margin: 0 15px;
}
/*-----------------------blink--------------------*/
@-webkit-keyframes blinker {
from {
opacity: 0.0;
}
to {
opacity: 3.0;
}
}
.blink {
/* position: fixed;
z-index: 9999;*/
background-color: #A52530;
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
/*---------------------------------------*/
/*----------------------------------------------*/
/* .color1 {
background: #740d11 !important;
}
.color2 {
background: #8a0f14 !important;
}
.color3 {
background: #b6151b !important;
}
.color4 {
background: #db1920 !important;
} */
.notificationscta.CTAM {
background: #fff;
color: #fff;
padding: 0;
min-height: 50px;
bottom: 0;
width: 100%;
z-index: 4;
position: fixed;
}
.notificationscta.CTAM a {
float: left;
padding: 0;
border-right: 1px solid #fff;
width: 50%;
font-size: 11px;
}
.notificationscta.CTAM a {
color: #fff;
}
.notificationscta.CTAM a i {
color: #fff;
}
.notificationscta.CTAM a:hover i {
color: #fff
}
.notificationscta.CTAM a span {
display: block;
height: 25px;
font-size: 20px;
}
.notificationscta.CTAM a:hover {
background: #A52530;
color: #fff;
}
/*--------------------------------------------------*/
/*----tab section ----*/
.accordion-inner .tab-sport {}
.accordion-inner .tab-sport th {
background: #333;
color: #fff;
}
.accordion-group .collapsed {
background: url(../img/wright-arrow.png) right 13px no-repeat !important;
margin-right: 7px;
}
.accordion-group .accordion-toggle {
background: url(../img/wdown-arrow.png) right 13px no-repeat;
margin-right: 7px;
}
.accordion-heading {
color: #fff;
border-bottom: 0px none;
background: #A52530;
background: -webkit-gradient(linear, left top, right top, from(#A52530), to(#e1284e));
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
}
.accordion-group {
margin-bottom: 12px;
border: 1px solid #E5E5E5;
border-radius: 0px;
width: 100%;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 12px 25px 12px 15px;
color: #333;
font-size: 18px;
font-weight: 600;
}
.accordion-inner {
padding: 10px;
}
.tabcordion ul {
border-radius: 0;
border: none;
}
.horizontaltab .tabcordion ul {
border-radius: 0 !important;
border: none !important;
}
.vyoutube {
z-index: 3 !important;
}
.fullwidthtab .section-box {
width: 100%;
}
.fullwidthtab.services .item {
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
.fullwidthtab .section-box .accordion .title {
border-radius: 0;
}
.fullwidthtab .section-box .accordion .title:after {
top: 27px;
}
.fullwidthtab .section-box .accordion .accordion-info {
margin-bottom: 35px;
}
.fullwidthtab .section-box .accordion .accordion-info p:last-of-type {
margin: 0 0 7px 0;
}
.fullwidthtab .section-box .accordion .title h6 {
font-size: 15px;
margin-right: 15px;
}
.fullwidthtab .side-bar .widget-new {
border-radius: 0;
position: relative
}
.fullwidthtab .side-bar .widget-new h6 {
margin: 0 0 7px 0;
}
.fullwidthtab .side-bar .widget-new .float-right {
margin-left: 120px;
position: absolute;
}
.side-bar .widget-new h6,
.side-bar .widget-new .recent-new p {
width: 225px !important;
text-overflow: ellipsis;
overflow: hidden;
}
/*.fullwidthtab .section-box .accordion .active .title {
color: #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
.fullwidthtab .section-box .accordion .active .title:after {
content: '\f068'; }
*/
/*----------------------slide-menu------------------*/
.navbar .slide-menu {
height: 100vh
}
.slide-menu .social a {
float: left;
padding: 15px;
text-align: center;
display: block;
height: 55px;
}
.slide-menu__slider .social {
position: absolute;
background: #333;
width: 100%;
bottom: 0px;
}
.tags span {
width: 100%;
display: block;
text-align: left
}
.slide-menu .tags a {
width: 100%;
text-align: left;
}
/*--------------header------------------*/
header {
min-height: 850px
}
/*---------------end---------*/
/*------------------------------Placements---------------------*/
.placements .fleft {
float: left;
width: 120px;
}
/*-------------------------------end-------------------------*/
/*-----------------------------inner header-----------------*/
.commonheight .main-head {
top: 155px !important;
}
.boxhigly {
top: -165px!important;
padding: 5px;
}
.main-head .inbox p {
margin-bottom: 15px;
}
.main-head .mt-30 {
margin-top: 0 !important;
}
.main-head .inbox {
position: absolute;
width: 90%;
top: 290px;
margin: 15px auto;
left: 0;
right: 0;
}
.main-head .mtop {
margin-top: 20px
}
.main-head .intoptitle {
margin-bottom: 0px;
}
.main-head .phabsolute {
position: absolute;
left: 0;
right: 0;
}
.main-head .inbox .btncta {
width: 100%;
margin: 0 auto;
}
/*.page-header.innerh{ height:850px;}*/
.big-head.bottom-right {
right: 0;
bottom: 0;
left: 0;
top: 670px;
}
/*------------------------------end ---------------*/
.mccol {
width: 33.3%;
text-align: center
}
/*------------------------.services .item--------------------*/
.highlights .item {
padding: 10px;
}
.highlights .item .icon {
position: absolute
}
.highlights .item h6 {
margin-left: 0;
}
.highlights .item {
margin-bottom: 15px !important;
}
/*---------------------------offrerd -------------------*/
.offered .col-md-4 {
margin-bottom: 20px;
}
/*-------------------------curriclum------------------------------*/
.mainovrlay {
height: auto;
}
.overlapdiv {
width: auto;
height: auto;
position: relative;
margin: 0;
}
.rightdiv img {
height: auto;
}
/*----------------------------------------------------------------*/
.iinterface .mainoverlay {
height: auto;
}
.iinterface .ioverlapdiv {
width: auto;
height: auto;
position: relative;
margin: 0;
left: auto;
top: -55px;
}
.iinterface .leftdiv img {
height: auto;
}
/*--------------horozontaltab -----------*/
.horizontaltab ul {
border: 1px solid #ccc;
border-radius: 35px;
margin-bottom: 35px;
}
.horizontaltab .nav-item {
width: 50%;
}
.horizontaltab .nav-pills .nav-link {
width: 100%;
text-align: center;
padding: .5rem 0.5rem;
height: 50px;
}
.horizontaltab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background: #A52530;
background: -webkit-gradient(linear, left top, right top, from(#A52530), to(#e1284e));
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
color: #fff;
border-radius: 35px;
width: 100%;
text-align: center;
}
/*--------------------------*/
/*-----------------------------text moving css ---------------------------*/
.ml4 {
position: relative;
font-weight: 900;
font-size: 14px;
font-weight: normal;
line-height: 16px;
}
.ml4 .letters {
position: absolute;
margin: auto;
left: 0;
top: 0.1em;
right: 0;
opacity: 0;
}
/*---------------------------end --------------------*/
/*---------------------------------------------------------------------search box-------------------*/
.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}
.openBtn:hover {
background: #bbb;
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.9);
}
.overlay-content {
position: relative;
top: 20%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
}
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
border-radius: 35px 0px 0 35px;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
.overlay button {
float: left;
width: 20%;
padding: 15px;
color: #fff;
background: #A52530;
font-size: 17px;
border: none;
cursor: pointer;
border-radius: 0 35px 35px 0;
}
.overlay button:hover {
background: #bbb;
}
/*---------------------end----------------*/
/*----------------------footer---------------------*/
.footer a {
color: #fff
}
.footer {
padding: 50px 0 0;
overflow: hidden;
}
.footer .mb-md50 {
margin-bottom: 15px!important;
}
.footer .sub-footer {
margin-top: 15px;
}
/*---------------------------top nav-----------------*/
.topnav {
width: 100%;
padding: 5px;
}
.topnav .leftnavL {
float: left
}
.topnav .rightnavR {
float: right;
}
/*------------------articles-----------------*/
.blogs .widget-new ul {
margin-bottom: 0;
}
/*-----------------------------.page-contact-info .item------------------*/
.page-contact-info .item {
padding: 39px 0 0;
}
/*-------------------------------------*/
.deskview {
display: none!important;
}
.mobview {
display: block!important;
}
.logo {
padding: 0px;
width: 190px;
}
.main-padding {
padding: .5rem 0 !important;
}
.main-padding .navbar-toggler {
margin-right: 0px;
}
.main-padding .navbar-toggler {
padding: .25rem 0.35rem;
}
/*--------------------------notification but-------------------*/
.notifications .butn {
margin-top: 5px;
}
/*---------------------------newsevents ---------------------*/
.side-bar .widget-new {
/*padding: 12px 10px;*/
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
overflow: hidden;
}
.side-bar .widget-new .recent-new .thum-new {
width: 110px;
height: 110px;
overflow: hidden;
float: left;
margin-right: 10px;
}
.side-bar .widget-new .recent-new p {
line-height: 20px;
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.side-bar .widget-new h6 {
font-size: 14px;
color: #a52530;
/* text-transform: uppercase; */
background-color: #fff;
padding-top: 8px;
}
.date {
font-weight: 600;
}
.livefootchat .modal-dialog,
.livefootchat .modal-content {
width: 100%;
}
.mainlivechat .tab button {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.card .card-body,
.card .card-footer {
padding: 5px 33px 35px
}
.card .card-footer .years {
margin: 0 15px 0 0;
}
.card .card-footer .offline {
margin: 0 10px 0 0;
}
.card .card-footer .stats {
display: inline-flex;
width: 150px;
}
.works .filtering span {
padding: 8px 10px;
}
.works .card .card-header.card-header-image {
width: 116px;
float: left;
position: absolute;
top: 5%;
}
.works .card .card-footer .offline,
.works .card .card-footer .years {
font-size: 12px;
}
.works .card-body h6 {
margin-bottom: 0;
margin-top: 5px;
}
.works .card .card-footer {
border: none;
padding: 6px 13px;
margin-left: 123px;
}
.works .card .card-body {
padding: 0;
margin-left: 135px;
}
.works .card-body p {
display: none;
}
.works .card-body .info p {
display: block;
}
.works .card .card-header.card-header-image img {
height: 100%;
min-height: 120px;
}
.works .card .butn-bg {
padding: 5px 6px !important;
position: absolute;
left: 90px;
top: 67px;
/* border-radius: 0; */
}
.works .card-body .info p {
padding: 5px 0 0 !important;
}
.works .card {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.services .programsofferd .item .icon {
coloe: #fff;
}
.services .programsofferd .info {
border-bottom: none !important;
}
.services .programsofferd .icon {
font-size: 16px;
color: #fff;
margin-bottom: 0;
}
}
@media screen and (max-width: 340px) {
/*--------------------------------.notifications a----------------*/
.notifications a {
line-height: 20px;
}
/*---------------------------------------*/
.side-bar .widget-new h6,
.side-bar .widget-new .recent-new p {
width: 160px !important;
text-overflow: ellipsis;
overflow: hidden;
}
/* 480 side bar media */
.side-bar .widget-new .recent-new p {
line-height: 20px;
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.side-bar .widget-new h6 {
font-size: 14px;
color: #a52530;
/* text-transform: uppercase; */
background-color: #fff;
padding-top: 8px;
}
/*-------------------------------------------------*/
.placements .fleft {
width: 100px;
}
.numbers h6 {
font-size: 14px;
}
/*-------------------.commonheight .main-head------------*/
.commonheight .main-head {
top: 125px !important;
}
.boxhigly {
top: -108px;
}
/*--------------mobile top padding -------------------*/
.mtp {
margin-top: 40px;
}
/*--------------footer.footer----------------*/
.footermob {
padding-top: 0 !important;
}
.mb-80 {
margin-bottom: 0 !important;
}
/*--------------------.boxhigly .commonpbox h6-----------------*/
.boxhigly .commonpbox h6 {
font-size: 14px;
}
.boxhigly .commonpbox p {
font-size: 12px;
}
/*---------------.boxhigly .commonpbox h6-----------*/
/*----------------------.card .card-header.card-header-image img-----------------------------*/
.works .filtering span {
padding: 8px 10px;
}
.works .card .card-header.card-header-image {
width: 116px;
float: left;
position: absolute;
top: 5%;
}
.works .card .card-footer .offline,
.works .card .card-footer .years {
font-size: 12px;
}
.works .card-body h6 {
margin-bottom: 0;
margin-top: 9px;
}
.works .card .card-footer {
border: none;
padding: 6px 13px;
margin-left: 123px;
}
.works .card .card-body {
padding: 0;
margin-left: 135px;
}
.works .card-body p {
display: none;
}
.works .card-body .info p {
display: block;
}
.works .card .card-header.card-header-image img {
height: 155px;
}
.works .card .butn-bg {
padding: 5px 6px !important;
position: absolute;
left: 90px;
top: 67px;
/* border-radius: 0; */
}
.works .card-body .info p {
padding: 5px 0 0 !important;
}
.works .card {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.programsofferd .card .card-header.card-header-image img {
height: 100%;
}
/* .programsofferd .card .card-header.card-header-image{display:none}
.programsofferd .card .card-footer .stats {width: 155px;}
.programsofferd .card .card-footer .offline, .works .card .card-footer .years{ font-size:12px;}
.programsofferd .card-body h6{ margin-bottom: 0;margin-top: 9px;}
.programsofferd .card .card-footer{ border: none !important; padding: 0!important; margin-left:0;}
.programsofferd .card .card-body{ padding: 0; margin-left: 0;}
.programsofferd .card-body p{ display:none;}
.programsofferd .card-body .info p{ display:block;}
.programsofferd .card .card-header.card-header-image img{ height: 155px;}
.programsofferd .item .info{ border-bottom:none !important}
.programsofferd .card .butn-bg{ padding: 5px 6px !important; position: inherit;left: 0;top: 0;/* border-radius: 0; }
.programsofferd .card-body .info p{ padding:5px 0 0 !important;}
.programsofferd .card{margin-bottom: 20px !important;margin-top: 0px !important; padding:15px;}
.overlaybox{ background: url(../img/comboximg2.jpg) scroll no-repeat 0 0 #A52530;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-size: 100%; position: absolute; z-index: 1;opacity: 0.1;}
.services .programsofferd .item .icon{ coloe:#fff;}
.services .programsofferd .info{ border-bottom:none !important;}
.services .programsofferd .icon {font-size: 16px; color: #fff;margin-bottom: 0;}
*/
/*--------------------------end-------------------------------------------------------*/
/*---------------------services box----------------------------*/
.service-icon {
height: 150px !important;
}
.findacourse .boxcommon {
width: 44% !important;
margin-left: 4% !important;
margin-right: 0 !important;
}
.service-box .service-icon .front-content h3 {
font-size: 12px;
}
.service-box .service-icon .front-content {
top: 60px;
}
.mainitembg .itembg,
.mainitembg .itembg1,
.mainitembg .itembg2,
.mainitembg .itembg3,
.mainitembg .itembg4,
.mainitembg .itembg5,
.mainitembg .itembg6 {
height: 140px;
}
/*-----------------------end-----------------------------*/
.header {
height: 80vh;
}
/*----------------------------------------------------*/
.footer .sub-footer {
overflow: hidden;
width: 100%;
margin-top: 0;
}
/*-------------------innerpage--------------*/
.innerpage .page-header {
height: 450px;
}
/*-----------------------------------------*/
/*-----------------footer-----------*/
.footer {
overflow: hidden;
}
.footer .mb-md50 {
margin-bottom: 15px!important;
}
.footer .sub-footer {
margin-top: 15px;
}
/*-----------top menu -------------*/
.slide-menu .tags a {
width: 100%;
font-size: 14px;
}
.mobviewn .icon-bar {
color: #000 !important
}
.hero .intro h3.findcourse,
.hero .intro h2.findcourse {
font-size: 35px !important;
}
}
/*------------------Campus Start-----------------*/
.map-container {
overflow: hidden;
position: relative;
height: 0;
}
.map-container iframe {
left: 0;
top: 0;
height: 400px;
width: 100%;
position: absolute;
}
.ouroffering_card {
display: flex;
margin-bottom: 30px;
}
.centre_ourofferingcontainer .ouroffering_card .ouroffering_thumb {
width: 198px;
height: 140px;
border-radius: 4px;
overflow: hidden;
}
.centre_ourofferingcontainer .ouroffering_card .ouroffering_content {
width: 300px;
height: 140px;
padding-left: 32px;
}
.centre_ourofferingcontainer .ouroffering_card .ouroffering_content .card_title_offer h2 {
font-size: 20px;
color: #a52530;
margin: 0;
padding: 0;
margin-bottom: 6px;
}
.centre_ourofferingcontainer {
min-height: 230px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
border: 1px dotted #ccc;
margin: 15px 0;
padding: 15px;
border-radius: 25px;
box-shadow: 1px 2px 5px #eee;
}
.card_content p {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
margin-bottom: 0 !important;
}
.centre_ourofferingcontainer .ouroffering_card .ouroffering_content .card_content {
margin: 0;
color: #000000;
font-size: 16px;
line-height: 1.6;
margin-bottom: 16px;
}
.campus .item .post-img .tag a {
color: #fff;
}
.campus .item {
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
margin-bottom: 30px;
padding: 0px;
}
.campus .item .post-img {
padding: 0px;
position: relative;
}
.campus .item .post-img .img {
overflow: hidden;
box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2vw));
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 calc(100% - 2vw));
}
.campus .item .post-img:hover img {
transform: scale(1.1, 1.1);
}
.campus .item .post-img img {
transition: all .5s;
}
.campus .item .post-img .tag {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 10px;
font-weight: 500;
color: #fff;
}
.campus .item .post-img .tag a {
background-color: #A52530;
padding: 5px 10px;
border-radius: 20px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.campus .item .post-img .tag .icon {
font-size: 8px;
}
.campus .item .cont {
padding: 0px 15px 15px;
}
.campus .item .info {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.campus .item .info a {
color: #999;
font-weight: 600;
font-size: 11px;
}
.campus .item .info a .author {
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
margin: 0 5px -6px 0;
position: relative;
}
.campus .item .info a .icon {
font-size: 12px;
margin-right: 2px;
}
.campus .item .info .right {
float: right;
}
.campus .item h6 {
font-size: 18px;
margin-bottom: 15px;
color: #a52530;
/*min-height:40px;*/
}
.campus .item p {
min-height: 80px;
margin: 0;
}
/*------------------Campus End-----------------*/
.test+.tooltip>.tooltip-inner {
background-color: #73AD21;
color: #FFFFFF;
border: 1px solid green;
padding: 15px;
font-size: 20px;
}
.test+.tooltip.right>.tooltip-arrow {
border-right: 5px solid black;
}
/*------------------Campus-mob Start-----------------*/
.campus-mob .item .post-img .tag a {
color: #fff;
}
.campus-mob .item {
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
padding: 0px;
}
.campus-mob .item .post-img {
padding: 0px;
position: relative;
}
.campus-mob .item .post-img .img {
overflow: hidden;
box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2vw));
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 calc(100% - 2vw));
}
.campus-mob .item .post-img:hover img {
transform: scale(1.1, 1.1);
}
.campus-mob .item .post-img img {
transition: all .5s;
}
.campus-mob .item .post-img .tag {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 10px;
font-weight: 500;
color: #fff;
}
.campus-mob .item .post-img .tag a {
background-color: #A52530;
padding: 5px 10px;
border-radius: 20px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.campus-mob .item .post-img .tag .icon {
font-size: 8px;
}
.campus-mob .item .cont {
padding: 0px 15px 15px;
}
.campus-mob .item .info {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.campus-mob .item .info a {
color: #999;
font-weight: 600;
font-size: 11px;
}
.campus-mob .item .info a .author {
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
margin: 0 5px -6px 0;
position: relative;
}
.campus-mob .item .info a .icon {
font-size: 12px;
margin-right: 2px;
}
.campus-mob .item .info .right {
float: right;
}
.campus-mob .item h6 {
font-size: 18px;
margin-bottom: 15px;
color: #a52530;
/*min-height:40px;*/
}
.campus-mob .item p {
min-height: 80px;
margin: 0;
}
.campus-mob .item .post-img img {
transition: all .5s;
}
.campus-mob .event .item {
min-height: 80px;
margin: 0;
}
.campus-mob .event .item p {
padding: 0px;
margin: 0;
}
.campus-mob .item p:after {
display: none;
}
.campus-mob .item p {
padding-bottom: 0px;
margin-bottom: 0px;
position: relative;
border-bottom: none;
}
@media screen and (max-width: 767px) {
.campus-mob .intro h3,
.section-padding h3 {
font-size: 28px;
color: #a52530;
}
}
/*------------------Campus-mob End-----------------*/
.backbut {
display: none
}
.para {
font-size: 14px;
color: #171717;
margin-right: 45px;
}
.paraparatext {
font-size: 14px;
color: #171717;
margin-right: 45px;
font-weight: normal;
}
/* --- campus page css --- */
counter {
position: relative;
z-index: 1;
width: 100%;
left: 0;
right: 0;
height: auto;
margin: 0 auto;
}
.counter .combox {
padding: 15px 35px;
/*border-right: 1px solid #eee;*/
text-align: center;
margin: 15px 0;
}
@media screen and (max-width: 768px) {
.counter .combox {
width: 50%;
float: left;
min-height: 200px;
}
.counter .combox {
margin: 0;
padding: 15px;
}
.live-border {
display: inline-block;
position: relative;
overflow: visible;
margin-bottom: 0;
margin-right: 0;
background: #f7f7f7;
padding: 15px;
min-height: 150px;
width: 100%;
}
.counter .commbox span {
font-size: 1.1rem;
}
.counter .combox h6 {
font-size: 16px;
font-weight: 400;
}
}
@media screen and (max-width: 767px) {
.facultymh .card {
min-height: auto;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: block !important;
margin-top: 150px !important;
;
right: 0;
width: 100%;
left: 0;
}
.owl-carousel .owl-nav .owl-prev {
float: left;
}
.owl-carousel .owl-nav .owl-next {
float: right;
}
.counter .combox {
width: 50%;
float: left;
}
.counter .combox {
margin: 0;
padding: 15px;
}
.live-border {
display: inline-block;
position: relative;
overflow: visible;
margin-bottom: 0;
margin-right: 0;
background: #f7f7f7;
padding: 15px;
min-height: 150px;
width: 100%;
}
.counter .commbox span {
font-size: 1.1rem;
}
.counter .combox h6 {
font-size: 16px;
font-weight: 400;
}
}
.eecunit h3 {
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
color: #A52530;
}
.eecunit h3:after {
content: '';
width: 70px;
height: 1px;
background-color: #A52530;
position: absolute;
bottom: 0;
left: 0;
}
#owl-demo .item {
background: #fff;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
/*
@media screen and (max-width: 900px) and (max-width: 1024px) {
.minnerheight .header{ min-height: 65vh; overflow: hidden;}
.minnerheight .subcurvebg{transform: skewX(-22deg);-webkit-transform: skewX(-22deg);position: absolute;top: 0;left: 25%;z-index: -1;background: #a52530;width: 100%;height: 65vh;}
.minnerheight .curvebg{ background: #A52530;height: 65vh;width: 50%;left: 0;position: absolute;z-index: 2;padding: 8% 0 0% 2%;padding-top: 12%;}
} */
@media screen and (min-width: 1200px) {
header {
height: 60vh;
}
.minnerheight .header {
min-height: 85vh;
overflow: hidden;
}
.minnerheight .topheader .hvideosec {
top: 25%;
}
.minnerheight .slider-fade .item {
background-size: 150%;
background-position: top center !important;
;
}
.minnerheight .curvebg {
background: #A52530;
height: 85vh;
width: 50%;
left: 0;
position: absolute;
z-index: 1;
padding: 8% 0 0% 2%;
padding-top: 12%;
opacity: 0.8;
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 24%;
z-index: -1;
background: #a52530;
width: 100%;
height: 85vh;
opacity: 1;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 1.5rem;
text-align: left;
color: #fff;
}
}
@media screen and (max-width: 1024px) {
header {
height: 65vh;
}
.minnerheight .header {
min-height: 65vh;
overflow: hidden;
}
.minnerheight .topheader .hvideosec {
top: 23%;
}
.minnerheight .slider-fade .item {
background-size: 190%;
background-position: center;
}
.minnerheight .curvebg {
background: #A52530;
height: 65vh;
width: 50%;
left: 0;
position: absolute;
z-index: 2;
padding: 8% 0 0% 2%;
padding-top: 12%;
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
height: 65vh;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2rem;
text-align: left;
color: #fff;
}
}
@media screen and (max-width: 992px) {
/*---------------------minner page -------------------*/
header {
height: 120vh;
}
.minnerheight .header {
min-height: 120vh;
overflow: hidden;
}
.minnerheight .curvebg {
background: #A52530;
height: 120vh;
width: 50%;
left: 0;
position: absolute;
z-index: 2;
padding: 8% 0 0% 2%;
padding-top: 12%;
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
min-height: 120vh;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2.5rem !important;
text-align: left;
color: #fff;
}
.minnerheight .curvebg p {
font-size: 1.2rem;
}
.minnerheight .topheader {}
.minnerheight .topheader .hvideosec {
position: absolute;
left: 24%;
right: 0;
top: 38%;
z-index: 4;
margin: 0 auto;
}
/*--------------*/
/*----------------------------------------------*/
/* .color1 {
background: #740d11 !important;
}
.color2 {
background: #8a0f14 !important;
}
.color3 {
background: #b6151b !important;
}
.color4 {
background: #db1920 !important;
} */
.notificationscta.CTAM {
background: #fff;
color: #fff;
padding: 0;
min-height: 50px;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
.notificationscta.CTAM a {
float: left;
padding: 0;
border-right: 1px solid #ccc;
width: 50%;
font-size: 11px;
min-height: 50px;
text-align: center;
}
.notificationscta.CTAM a:last-child {
border: none;
}
.notificationscta.CTAM a {
color: #a52530;
}
.notificationscta.CTAM a i {
color: #a52530;
}
.notificationscta.CTAM a:hover i {
color: #a52530
}
.notificationscta.CTAM a span {
display: block;
height: 25px;
font-size: 20px;
}
.notificationscta.CTAM a:hover {
background: #A52530;
color: #fff;
}
/*--------------------------------------------------*/
.findacourse .boxcommon {
width: 45%;
margin: 14px;
}
.findacourse .boxcommon .service-icon {
height: 300px;
}
.deskview,
.desktopview {
display: none !important;
}
.mobview {
display: block !important;
}
/*-----------------------------*/
.mainboxhigly {
background: #fff;
border-radius: 6px;
padding: 10px;
display: inline-block;
}
.mainboxhigly .commonpbox {
width: 49%;
float: left;
margin-bottom: 15px;
margin-right: 2px;
}
.mainboxhigly .commonpbox span {
color: #a52530;
font-size: 2rem;
float: left;
}
.mainboxhigly .commonpbox p {
margin-bottom: 0;
margin-left: 52px;
line-height: 0.8rem;
}
.mainboxhigly .commonpbox h6 {
color: #a52530;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0;
margin-left: 52px;
}
/*--------------------------*/
/*------------------------------ start footermob ----------------------------*/
.footer {
padding: 50px 0 0;
overflow: hidden;
}
.footermob .logo img {
width: 220px;
}
.footermob .collapse.show {
/*background:#a52530;*/
color: #fff;
}
.footermob .logo {
margin: 10% auto 0;
text-align: center;
display: block;
border-bottom: 1px solid #444
}
.footermob {
padding-top: 0 !important;
}
.footbot {
margin-bottom: 50px !important;
}
.footermob {}
.footermob .card {
display: block;
}
.footermob .card .card-header {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.footermob .btn-link:hover {
text-decoration: none
}
/*.footer.footermob {
margin-bottom: 75px;
}*/
.footermob .card .card-header {
background: transparent;
font-size: 1.2rem;
text-align: left;
font-style: normal;
cursor: pointer;
}
.footermob .card .card-header span {
color: #999;
width: 100%;
text-align: left;
font-size: 14px;
}
.footermob .card .card-header span i {
text-align: right;
float: right;
}
.footermob .card .card-header .collapsed .fa-chevron-down {
display: block !important;
}
.footermob .card .card-header .collapsed .fa-chevron-up,
.footermob .card .card-header .fa-chevron-down {
display: none !important;
}
.footermob .card .card-header .fa-chevron-up {
display: block;
}
.footermob ul li a {
color: #999!important;
display: block;
padding: 0px 15px 0;
font-style: normal;
font-size: 0.7rem;
}
.footermob ul li a:hover {
color: #ccc !important
}
.footermob #collapseOne,
.footermob #collapseThree,
.footermob #collapseTwo {
margin: 15px 0 0;
}
.bbn {
border: none !important;
}
.footermob .card {
border-bottom: 1px solid #666;
}
.footermob .card {
background: transparent;
margin: 0;
padding: 5px 0 10px 0;
line-height: 45px;
box-shadow: none;
}
.footer a {
width: 100%;
color: #fff;
}
.back-to-top {
position: fixed;
bottom: 25px;
right: 5px;
display: none;
z-index: 999;
padding: 3px;
border: none !important;
/* border: 1px solid #fff; */
font-size: 14px;
border-radius: 0;
width: 35px;
box-shadow: none !important;
}
/*------------------------------ end footermob ----------------------------*/
/*--------------horozontaltab -----------*/
.horizontaltab ul {
border: 1px solid #ccc;
border-radius: 35px;
margin-bottom: 35px;
}
.horizontaltab .nav-item {
width: 50%;
}
.horizontaltab .nav-pills .nav-link {
width: 100%;
text-align: center;
padding: .5rem 0.5rem;
}
.horizontaltab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background: #A52530;
background: -webkit-gradient(linear, left top, right top, from(#A52530), to(#e1284e));
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
color: #fff;
border-radius: 35px;
width: 100%;
text-align: center;
}
/*--------------------------*/
/*---------------------------newsevents ---------------------*/
.side-bar .widget-new {
/*padding: 12px 10px;*/
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
overflow: hidden;
}
.side-bar .widget-new .recent-new .thum-new {
width: 110px;
height: 110px;
overflow: hidden;
float: left;
margin-right: 10px;
}
.side-bar .widget-new .recent-new p {
line-height: 20px;
margin-bottom: 10px;
}
/* .side-bar .widget-new .recent-new p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
} */
.side-bar .widget-new h6 {
font-size: 14px;
background-color: #fff;
padding-top: 8px;
color: #A52530;
width: 50%;
}
.date {
font-weight: 600;
}
/*--------------end --------*/
/*----tab section ----*/
.accordion-inner .tab-sport {}
.accordion-inner .tab-sport th {
background: #333;
color: #fff;
}
.accordion-group .collapsed {
background: url(../img/wright-arrow.png) right 13px no-repeat !important;
margin-right: 7px;
}
.accordion-group .accordion-toggle {
background: url(../img/wdown-arrow.png) right 13px no-repeat;
margin-right: 7px;
}
.accordion-heading {
color: #fff;
border-bottom: 0px none;
background: #A52530;
background: -webkit-gradient(linear, left top, right top, from(#A52530), to(#e1284e));
background: linear-gradient(to right, #A52530, #e1284e);
-webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
}
.accordion-group {
margin-bottom: 12px;
border: 1px solid #E5E5E5;
border-radius: 0px;
width: 100%;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 12px 25px 12px 15px;
color: #333;
font-size: 18px;
font-weight: 600;
}
.accordion-inner {
padding: 10px;
}
.tabcordion ul {
border-radius: 0;
border: none;
}
.horizontaltab .tabcordion ul {
border-radius: 0 !important;
border: none !important;
}
.vyoutube {
z-index: 3 !important;
}
.fullwidthtab .section-box {
width: 100%;
}
.fullwidthtab.services .item {
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
.fullwidthtab .section-box .accordion .title {
border-radius: 0;
}
.fullwidthtab .section-box .accordion .title:after {
top: 27px;
}
.fullwidthtab .section-box .accordion .accordion-info {
margin-bottom: 35px;
}
.fullwidthtab .section-box .accordion .accordion-info p:last-of-type {
margin: 0 0 7px 0;
}
.fullwidthtab .section-box .accordion .title h6 {
font-size: 15px;
margin-right: 15px;
}
.fullwidthtab .side-bar .widget-new {
border-radius: 0;
position: relative
}
.fullwidthtab .side-bar .widget-new h6 {
margin: 0 0 7px 0;
}
.fullwidthtab .side-bar .widget-new .float-right {
margin-left: 120px;
position: absolute;
}
/*.fullwidthtab .section-box .accordion .active .title {
color: #fff;
background: #A52530;
background: linear-gradient(to right, #A52530, #e1284e);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
.fullwidthtab .section-box .accordion .active .title:after {
content: '\f068'; }
*/
/*---------------------------top nav-----------------*/
.logo {
padding: 0px;
width: 190px;
}
.main-padding {
padding: .5rem 0 !important;
}
.topnav {
width: 100%;
padding: 5px;
}
.topnav .leftnavL {
float: left
}
.topnav .rightnavR {
float: right;
}
/*---------------------------------------------------------------------search box-------------------*/
.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}
.openBtn:hover {
background: #bbb;
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.9);
}
.overlay-content {
position: relative;
top: 20%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
}
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
border-radius: 35px 0px 0 35px;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
.overlay button {
float: left;
width: 20%;
padding: 15px;
color: #fff;
background: #A52530;
font-size: 17px;
border: none;
cursor: pointer;
border-radius: 0 35px 35px 0;
}
.overlay button:hover {
background: #bbb;
}
/*---------------------end----------------*/
}
.mobview {
display: none;
}
@media screen and (max-width: 768px) {
.locationcard .bright {
border-right: none;
}
.locationcard__content p {
margin-bottom: 15px !important;
}
.hero .intro h3.findcourse,
.hero .intro h2.findcourse {
margin-bottom: 0;
}
.Pbottom {
padding-top: 10px;
}
.education-filter_panel_heading {
margin-top: 15px;
}
.picturemob {
height: 120px;
width: 120px;
border-radius: 65px;
border: 4px solid #ccc;
}
#menu-item-490,
#menu-item-527 {
display: none !important;
}
.tags span a {
width: 100%;
display: block;
}
header.commonminislider {
height: 100%;
min-height: 80vh;
max-height: 80vh;
}
.tollfreenum i {
display: none;
}
.tollfreenum p span {
display: block;
}
.works .filtering span {
width: auto;
}
.locationcard {
height: auto;
}
.locationcard .locationcard__content {
margin-bottom: 0;
}
.backbut {
float: right;
color: #fff;
background: #000;
padding: 10px 20px;
font-size: 14px;
border-radius: 12px 25px 25px 12px;
display: block;
}
.backbut:hover {
color: #fff;
background: #a52530
}
.works .filtering span {
padding: 0 10px;
}
.works .filtering span a {
background: #fff;
box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
color: #000;
padding: 10px 15px;
border-radius: 35px;
border: 1px solid #ccc;
}
.works .mb-30 {
margin-bottom: 0!important;
}
.hero .intro h3,
.hero .intro h2 {
/*margin-bottom:0; padding-bottom:0;*/
padding-top: 20px;
}
.works.section-padding {
padding: 40px 0;
}
/* .section-padding.Pbottom,.section-padding.hero{padding-top:0;} */
.service-content {
display: none;
}
.service-box:hover .service-icon {
opacity: 1;
transform: translateY(0)rotateX(0);
-webkit-transform: translateY(0)rotateX(0);
-moz-transform: translateY(0)rotateX(0);
-ms-transform: translateY(0)rotateX(0);
-o-transform: translateY(0)rotateX(0);
}
.header .owl-nav {
top: 36% !important;
}
.curvemobbg {
background: #A52530;
height: auto;
width: 100%;
padding: 15px 5px;
}
.curvemobbg .maintitle h1 {
color: #fff;
}
.curvemobbg .maintitle p {
margin: 0;
}
.mainchatdiv {
right: 11px;
}
.programsofferd .gallery {
height: 450px !important;
overflow: auto;
}
.scrolltopspacing {
padding-top: auto;
}
.centre_ourofferingcontainer {
min-height: 330px;
}
iframe {
width: 100%;
}
.enquirenow {
width: 100%;
}
header.thankyoucommonminislider {
height: 790px;
}
.full-width {
padding-left: 0!important;
padding-right: 0 !important;
}
.boxhigly .commonpbox h6,
.boxhigly .commonpbox p {
line-height: 20px;
}
.services .item {
min-height: auto;
}
.service-box .service-content p {
line-height: 16px;
}
.works .item .icon {
position: static !important;
padding: 0 !important;
}
/*.services .item .icon{ position: absolute;padding: 20px;}*/
.rankingpbox:hover .icon {
color: #fff;
}
.notificationscta.CTAM a:hover i {
color: #fff !important
}
.campusoverlay .campustext {
opacity: 100;
height: auto;
}
.works .servebox p {
min-height: auto !important;
}
/*.live-border{ width:49%; float:left}*/
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display: none !important;}*/
.desktopview {
display: none !important;
}
.mobview {
display: block !important;
}
.main-head {
top: 115px;
}
.facultyheight header {
min-height: 600px;
height: 600px;
}
/*------------*/
.fixed {
top: 76px;
}
.scrolltab li a {
font-size: 14px;
padding: 5px 15px;
}
.scrolltab li {
margin: 0;
}
.worksfilter .card .butn-bg {
position: static !important;
padding: 12px 16px !important;
}
/*------------------*/
.butn {
padding: 12px 20px;
}
.locationcard .butn {
margin-right: 0;
}
/*------------------inner page header -------------------*/
header {
height: auto;
}
.minnerheight .header {
min-height: auto;
overflow: hidden;
}
.minnerheight .maintitle p {
font-size: 1.1rem;
}
.minnerheight header::before {
background: transparent;
}
.minnerheight .topheader .hvideosec {
position: absolute;
left: 0;
right: 0;
top: 25%;
z-index: 4;
margin: 0 auto;
}
.minnerheight .subcurvebg {
display: none;
}
.minnerheight .curvebg {
opacity: 1
}
.minnerheight .curvebg {
background: #A52530;
height: auto;
width: 100%;
left: 0;
position: absolute;
z-index: 2;
padding: 12px 12px 0;
top: 55%;
}
.minnerheight .curvebg h1 {
font-size: 3rem;
}
.minnerheight .slider-fade .item {
background-size: 360%;
background-position: top center;
}
/*---------------------------end-------------------------*/
/*-----------------*/
.footermob {
margin-bottom: 0 !important;
}
.bototmcontent {
cursor: pointer;
background: #333;
color: #fff;
position: absolute;
z-index: 1;
margin-bottom: 85px;
width: 100%;
height: 50px;
}
.minnerheight .header {
height: 35vh;
}
.toprecruitersarrowtop .owl-carousel .owl-nav {
top: 40px;
}
.campusoverlay .campustext {
height: 45vh
}
}
@media screen and (max-width: 480px) {
/*-----------------*/
header {
height: auto;
}
.minnerheight .header {
min-height: auto;
overflow: hidden;
}
/* .minnerheight .topheader .hvideosec{ display:none} */
.minnerheight header::before {
background: transparent;
}
.minnerheight .curvebg h1 {
font-size: 1.7rem !important;
}
.minnerheight .maintitle p {
font-size: 18px;
}
.minnerheight .slider-fade .item {
background-size: 220%;
background-position: top center !important;
}
.minnerheight .curvebg {
background: #A52530;
height: auto;
width: 100%;
left: 0;
position: absolute;
z-index: 2;
padding: 4% 0 0% 2%;
top: 35%
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
height: 98vh;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2rem;
text-align: left;
color: #fff;
}
.minnerheight .header {
height: 35vh;
}
}
@media screen and (max-width: 400px) {
.comonForm {
height: 450px;
}
header.commonminislider {
height: 100%;
min-height: 90vh;
max-height: 90vh;
}
/*-----------------*/
header {
height: auto;
}
.minnerheight .header {
min-height: auto;
overflow: hidden;
}
.full-width {
padding-left: 0!important;
padding-right: 0 !important;
}
iframe {
width: 100%;
}
/* .minnerheight .topheader .hvideosec{ display:none} */
.minnerheight header::before {
background: transparent;
}
.minnerheight .curvebg h1 {
font-size: 1.5rem !important;
}
.minnerheight .maintitle p {
font-size: 14px;
}
.minnerheight .slider-fade .item {
background-size: 190%;
background-position: top center;
}
.minnerheight .curvebg {
background: #A52530;
height: auto;
width: 100%;
left: 0;
position: absolute;
z-index: 2;
padding: 4% 0 0% 2%;
top: 34%
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
height: 100vh;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2rem;
text-align: left;
color: #fff;
}
.minnerheight .header {
height: 40vh;
}
}
@media screen and (max-width: 340px) {
/* .works .card{ height:23vh} */
header.commonminislider {
height: 100%;
min-height: 100vh;
max-height: 100vh;
}
.tollfreenum p {
font-size: 15px;
}
.slide-menu .tags a {
width: 100%;
font-size: 14px;
}
.op-partner-section-one .img-box,
.op-partner-section-one .img-box.bx-g {
width: 125px!important;
height: 125px !important;
}
.centre_ourofferingcontainer {
min-height: 400px;
}
.modal-open .modal {
width: 100%
}
.modal-open .modal iframe {
width: 100%
}
/*-------------*/
.main-head {
top: 115px;
}
.facultyheight header {
min-height: 600px;
height: 600px;
}
.full-width {
padding-left: 0!important;
padding-right: 0 !important;
}
.locationcard .butn {
margin-right: 0;
}
.locationcard__content {
padding: 20px 15px;
}
.locationcard__svg {
top: 75px;
}
.works .filtering span svg {
width: 24px;
}
.fixed {
top: 76px;
}
.scrolltab li a {
font-size: 14px;
padding: 5px 15px;
}
.scrolltab li {
margin: 0;
}
.worksfilter .card .butn-bg {
position: static !important;
padding: 12px 16px !important;
}
.counter .combox {
width: 50%;
float: left;
margin: 0;
}
.counter .combox h3 {
font-size: 24px;
}
header {
height: auto;
}
.minnerheight .header {
min-height: auto;
overflow: hidden;
}
.minnerheight header::before {
background: transparent;
}
.minnerheight .topheader .hvideosec {
display: none
}
.minnerheight .curvebg h1 {
font-size: 1.2rem !important;
}
.minnerheight .maintitle p {
font-size: 14px;
}
.minnerheight .slider-fade .item {
background-size: 190%;
background-position: top center;
}
.minnerheight .curvebg {
background: #A52530;
height: auto;
width: 100%;
left: 0;
position: absolute;
z-index: 2;
padding: 4% 0 0% 2%;
top: 37%
}
.minnerheight .subcurvebg {
transform: skewX(-22deg);
-webkit-transform: skewX(-22deg);
position: absolute;
top: 0;
left: 25%;
z-index: -1;
background: #a52530;
width: 100%;
height: 98vh;
}
.minnerheight .curvebg h1 {
margin-bottom: 10px;
font-weight: 600;
font-size: 2rem;
text-align: left;
color: #fff;
}
.programsofferd .card .card-footer .stats {
width: auto !important;
}
/* .programsofferd .gallery {height:auto !important;} */
.works .card .card-footer .offline i,
.works .card .card-footer .years i {
display: block;
}
.works .card .card-footer .offline,
.works .card .card-footer .years {
margin: 0 5px 0 0 !important;
text-align: center;
width: 63px;
}
.works .card .card-footer {
padding: 0;
}
.works .card .card-footer {
padding: 0 !important;
}
.works .servebox p {
min-height: auto !important;
}
.works .card-body h6 {
font-size: 14px;
}
/* .card-body .subtitle{ display:none} */
.works .card-body h6 {
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 110px;
margin-top: 15px;
}
.slide-menu a {
font-size: 13px;
}
}
.dis-none {
display: none;
}
.carousel-control-next-icon,
.carousel-control-prev-icon,
.carousel-control-next,
.carousel-control-prev {
margin-top: 0;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
top: 0;
}
/* #loadOverlay{display: none;} */
/*
.carousel {
position: relative;
}
.carousel-item {
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease,-webkit-transform .6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
}.carousel-control-next {
right: 0;
} */
.modal-body div:first-child {
height: auto;
overflow: hidden;
}