html {scroll-behavior: smooth;}
body {
margin: 0px;
padding: 0px;
font-family: 'Lato', sans-serif;
overflow-x: hidden;
position: relative;
color: #29303b;
font-weight: 400;
}
/*font-family: 'Open Sans', sans-serif;*/
h1, h2 {margin-top:0;}
a {
color: #8c8989;
text-decoration: none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
border-color:none;
}*/
ul {
list-style: none;
margin: 0;
padding: 0;
}
a:focus, a:hover, a:active {
text-decoration: none;
color: #007791;
outline: none;
}
img {
max-width: 100%;
height: auto;
}
.spacer5 {
width: 100%;
float: left;
padding: 5px;
}
.spacer10 {
width: 100%;
float: left;
padding: 10px;
}
.spacer15 {
width: 100%;
float: left;
padding: 15px;
}
.spacer20 {
width: 100%;
float: left;
padding: 20px;
}
#scrool-top {
background: #ec5252 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
bottom: 50px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
color: #fff;
height: 40px;
line-height: 40px;
opacity: 0;
position: fixed;
right: 40px;
text-align: center;
transition: opacity 0.2s ease-out 0s;
width: 40px;
font-size: 25px;
z-index: 9999;
}
#scrool-top i {
color: #fff;
}
.show {
display: block !important;
}
#scrool-top.show {
opacity: 1;
}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
/**************end common*******************/
/****************************************/
.top-bar {
background: #eeeeee;
padding: 0px 0px 6px;
}
.header-top {
width: 100%;
position: relative;
padding: 5px 0px 0px;
}
.header-top .nav {
text-align: center;
width: 100%;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
border-radius: 3px;
}
.header-top .nav>li>a {
color: #fff;
font-size: 15px;
padding: 7px 0px;
}
.header-top .dropdown-menu>li {
width: 100%;
}
.header-top .dropdown-menu>li>a {
padding: 0px;
}
.header-top .btn {
background: #e6e6e6;
color: #222;
width: 100%;
}
.header-top .dropdown-menu {
background: #fff;
padding: 5px 10px;
width: 318px;
left: 0px;
text-align: center;
}
.top-link li {
color: #29303b;
display: inline-block;
line-height: 13px;
}
.top-link li:last-child {
margin-right: 0px;
padding-right: 0px;
border-right: none;
}
.top-link li a {
color: #29303b;
}
.top-link li a:hover, .top-link li a:focus {
color: #007791;
}
.social-share {
margin-top: 9px;
float: right
}
.social-share li {
display: inline-block;
margin-right: 2px;
}
.social-share li a {
width: 25px;
height: 25px;
display: block;
background: #fff;
border-radius: 50px;
line-height: 25px;
color: #ec5252;
box-shadow: -2px 0px 6px rgba(0,0,0,0.4);
-webkit-box-shadow: -2px 0px 6px rgba(0,0,0,0.4);
text-align: center;
}
.social-share li a:hover, .social-share li a:focus {
background: #ec5252;
color: #fff;
}
.top-apply {
position: relative;
text-align: right;
margin-top: 12px;
}
.top-apply a {
padding: 6px 12px;
background: #ec5252;
color: #fff;
border-radius: 4px;
font-size: 14px
}
.site-btn a {
background-color: #ec5252;
color: #fff!important;
text-align: center;
font-size: 15px;
text-transform: uppercase;
}
.site-btn a:hover, .site-btn a:focus {
background-color: #ec5252!important;
color: #fff!important;
}
/*============================================
* END Header Top
*=============================================*/
.navbar {
min-height: inherit;
margin-bottom: 0px;
}
.navbar-brand {
height: inherit;
padding: 3px 0px;
}
.navbar-brand>img {
width: 250px;
max-width: inherit;
}
.affix {
top: 0;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
z-index: 9999;
-webkit-box-shadow: 0 2px 11px 0 rgba(158, 158, 158, 1);
-moz-box-shadow: 0 2px 11px 0 rgba(158, 158, 158, 1);
box-shadow: 0 2px 11px 0 rgba(158, 158, 158, 1);
background: #fff;
width: 100%;
}
.affix-top {
top: -35px;
}
.affix-top .container, .affix .container {
width: 100%;
padding: 0px 30px;
}
/**********************************************************/
.main-menu nav ul {
text-align: right;
}
.main-menu nav ul li {
display: inline-block;
position: relative;
}
.main-menu nav ul li a {
display: block;
font-size: 14px;
font-weight: 400;
color: #29303b;
letter-spacing: 0;
text-transform: capitalize;
padding: 25px 8px;
}
.main-menu nav ul li a:hover, .main-menu nav ul li a:focus {
color: #007791;
}
.main-menu nav ul li:last-child a {
padding-right: 0;
}
.main-menu nav .submenu {
position: absolute;
left: 0;
top: 60px;
z-index: 9999;
width: 290px;
padding: 0px;
text-align: left;
background-color: #fff;
transform-origin: top;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border: 1px solid #e6e6e6;
}
.main-menu nav ul li:hover>.submenu {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu nav .submenu2 {
position: absolute;
left: 179px;
top: 0px;
z-index: 5;
width: 260px;
;
padding: 4px 0px;
text-align: left;
background-color: #06396b;
transform-origin: top;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-top: 2px solid #00aeef;
}
.main-menu nav .submenu li:hover>.submenu2 {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu nav .submenu li {
display: block;
border-bottom: 1px solid #e6e6e6;
}
.main-menu nav .submenu li:last-child {
border-bottom: none;
}
.main-menu nav .submenu li a {
padding: 8px 10px;
color: #666;
font-weight: 400;
font-size: 13px;
}
.main-menu nav .submenu li a:hover, .main-menu nav .submenu li a:focus {
background: #eee;
color: #007791;
}
.htp-register-btn {
text-align: right;
margin-top: 34px;
}
.htp-register-btn a {
font-size: 14px;
font-weight: 600;
color: #fff;
background: #00aeef;
display: inline-block;
width: 110px;
height: 40px;
text-align: center;
line-height: 40px;
max-width: 100%;
border-radius: 3px;
}
.htp-register-btn a:hover {
background-color: #222222;
}
/*mobile menu start*/
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.slicknav_menu .slicknav_menutxt {
display: none;
}
.slicknav_menu {
background: transparent;
padding: 0;
}
.slicknav_menu .slicknav_icon-bar {
height: 4px;
width: 27px;
margin: 4px 0px;
background-color: #00aeef;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.slicknav_btn {
background-color: transparent;
position: relative;
margin-top: -46px;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
opacity: 0;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(2px, 10px);
transform: rotate(45deg) translate(2px, 10px);
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translateY(-9px);
transform: rotate(-45deg) translateY(-9px);
}
.slicknav_nav {
margin: 0px;
padding: 16px 0px 18px;
background-color: rgba(41, 48, 59, 0.9)
}
.slicknav_nav a:hover, .slicknav_nav a:visited {
background: transparent none repeat scroll 0 0;
border-radius: 0;
color: #fff;
}
.slicknav_nav .slicknav_arrow {
float: right;
}
.slicknav_nav>a {
font-size: 14px;
letter-spacing: 0.01em;
}
.slicknav_menu>a {
position: relative;
top: -19px;
cursor: pointer;
}
.slicknav_nav .slicknav_row:hover {
border-radius: 0;
background: transparent;
}
.slicknav_nav li.active>a>a {
color: #ffb607;
}
.d-lg-none {
display: none!important;
}
/***************end nevigation*********************/
.banner-sec {
width: 100%;
position: relative;
display: block;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 9;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
}
.carousel-indicators {
top: 10px;
left: inherit;
right: 10px;
width: 32%;
bottom: inherit;
}
.carousel-indicators li {
width: 8px;
height: 8px;
background-color: #fff;
border: none;
}
.carousel-indicators .active {
width: 9px;
height: 9px;
background-color: #ec5252;
border: none;
}
/*Carousel animation style end*/
/************** end slider**************/
.banner-hgt-sec {
width: 100%;
position: relative;
display: block;
padding: 20px 0px;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
border: none;
}
.featured-inner {
position: relative;
padding-left: 52px;
}
.asian_success_stories_bx {text-align:center; margin:0 0 25px;}
.asian_success_stories_pic {height:400px;}
.asian_success_stories_pic img {width:100%; height:100%;}
.asian_success_stories_cont h2 {font-size:22px; font-weight:700;}
.asian_success_stories_cont a.read-btn {padding: 3px 6px 4px;
background: -webkit-linear-gradient(
-45deg
, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(
-45deg
, #ec5252, #6e1a52);
color: #fff;
border-radius: 2px;}
.success-stories-inner-details p {font-size:16px;}
.success-stories-inner-details h2 {font-size: 24px;
font-weight: bold;
margin: 0 0 15px;}
.success-stories-inner-details h4 {font-size: 15px;
font-weight: 700;
margin: 0 0 12px;}
.success-stories-inner-details h4 span {color:#ec5252;}
@media only screen and (min-width:767px) {
.featured-inner .icon-box {
position: absolute;
left: 0px;
width: 45px;
height: 45px;
line-height: 40px;
font-size: 26px;
color: #fff;
border: 1px solid #fff;
text-align: center;
border-radius: 50%;
top: -13px;
}
.featured-inner span {
color: #fff;
font-weight: 600;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.tp-widget-wrapper {
text-align: left!important;
}
@media only screen and (max-width:766px) {
.featured-inner .icon-box {
position: absolute;
left: 0px;
width: 60px;
height: 45px;
line-height: 40px;
font-size: 20px;
color: #fff;
/*border: 1px solid #fff;*/
text-align: center;
border-radius: 50%;
top: -13px;
}
.featured-inner span {
color: #fff;
font-weight: 600;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.featured-inner .featured-text {
color: #fff;
}
/************** banner-hgt-sec**************/
.hm-coursebx {
width: 100%;
position: relative;
display: block;
padding: 30px 0px;
}
.hm-coursebx h1 {
margin: 0px 0px 10px;
font-weight: 600;
font-size: 32px;
}
.hm-coursebx p {
margin-bottom: 25px;
font-size: 16px;
color: #505763;
}
.hm-coursebx h3 {
margin: 0px 0px 15px;
font-size: 22px;
color: #505763;
}
.clr-course {
background-image: url(../images/pattern2.png);
background-repeat: repeat;
background-position: center;
padding: 25px 20px;
border-radius: 4px;
margin-bottom: 20px;
}
.clr-course.blue-bg {
background-color: #007791;
}
.clr-course.purple-bg {
background-color: #6c5696;
}
.clr-course.green-bg {
background-color: #159c9f;
}
.clr-course p {
margin: 0px;
text-align: center;
}
.clr-course a {
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 600;
display: block;
}
/************** end home course box**************/
.hm-icon-sec {
background: url(../images/ecommerce-bg.jpg) repeat;
position: relative;
width: 100%;
display: block;
padding: 30px 0px;
}
.hm-icon-sec h2 {
margin: 0px 0px 15px;
}
.hm-icon-sec .icon-text {
margin-bottom: 25px;
font-size: 15px;
}
.serviceBox {
text-align: center;
position: relative;
background: #fff;
padding: 15px 10px;
border-radius: 0px 0px 6px 6px;
border: 1px solid #eee;
-webkit-box-shadow: 0 2px 10px 0 rgba(50, 50, 50, .2);
box-shadow: 0 2px 10px 0 rgba(50, 50, 50, .2);
}
.serviceBox .service-icon {
width: 130px;
height: 140px;
line-height: 145px;
background: -o-linear-gradient(to bottom, transparent 49%, #e64f52 50%);
background: -moz-linear-gradient(to bottom, transparent 49%, #e64f52 50%);
background: -webkit-linear-gradient(to bottom, transparent 49%, #e64f52 50%);
background: linear-gradient(to bottom, transparent 49%, #e64f52 50%);
margin: 0 auto 15px;
font-size: 45px;
color: #fff;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
position: relative;
transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon {
font-size: 60px;
}
.serviceBox .service-icon:before, .serviceBox .service-icon:after {
content: "";
width: 93%;
height: 93%;
background: #e8e8e8;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
transform: translate(-50%, -50%);
}
.serviceBox .service-icon:after {
width: 85%;
height: 85%;
background: #e64f52;
transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon:after {
box-shadow: 0 0 40px rgba(0,0,0,0.2) inset;
}
.serviceBox .title {
font-size: 21px;
color: #505050;
text-transform: capitalize;
margin: 0 0 10px 0;
position: relative;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.serviceBox:hover .title {
color: #e64f52;
}
.serviceBox .title:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #e64f52;
background: #e64f52;
box-shadow: 0 0 0 3px #fff inset;
position: absolute;
top: -50px;
left: 50%;
opacity: 0;
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.serviceBox:hover .title:before {
opacity: 1;
top: -24px;
}
.serviceBox .description {
font-size: 14px;
color: #505050;
line-height: 23px;
margin: 0;
}
.serviceBox.blue .service-icon {
background: -o-linear-gradient(to bottom, transparent 49%, #159c9f 50%);
background: -moz-linear-gradient(to bottom, transparent 49%, #159c9f 50%);
background: -webkit-linear-gradient(to bottom, transparent 49%, #159c9f 50%);
background: linear-gradient(to bottom, transparent 49%, #159c9f 50%);
}
.serviceBox.blue .service-icon:after {
background: #159c9f;
}
.serviceBox.blue:hover .title {
color: #159c9f;
}
.serviceBox.blue .title:before {
border-color: #159c9f;
background: #159c9f;
}
.serviceBox.darkblue .service-icon {
background: -o-linear-gradient(to bottom, transparent 49%, #007791 50%);
background: -moz-linear-gradient(to bottom, transparent 49%, #007791 50%);
-webkit-background: linear-gradient(to bottom, transparent 49%, #007791 50%);
background: linear-gradient(to bottom, transparent 49%, #007791 50%);
}
.serviceBox.darkblue .service-icon:after {
background: #007791;
}
.serviceBox.darkblue:hover .title {
color: #007791;
}
.serviceBox.darkblue .title:before {
border-color: #007791;
background: #007791;
}
.serviceBox.purple .service-icon {
background: -o-linear-gradient(to bottom, transparent 49%, #6c5696 50%);
-moz-background: linear-gradient(to bottom, transparent 49%, #6c5696 50%);
-webkit-background: linear-gradient(to bottom, transparent 49%, #6c5696 50%);
background: linear-gradient(to bottom, transparent 49%, #6c5696 50%);
}
.serviceBox.purple .service-icon:after {
background: #6c5696;
}
.serviceBox.purple:hover .title {
color: #6c5696;
}
.serviceBox.purple .title:before {
border-color: #6c5696;
background: #6c5696;
}
@media only screen and (max-width:991px) {
.serviceBox {
margin-bottom: 20px;
}
}
/************** end hm-icon-sec**************/
.hm-tab-sec {
width: 100%;
position: relative;
display: block;
padding: 40px 0px;
}
.tab .nav-tabs {
border-bottom: 0 none;
}
.tab .nav-tabs li {
margin-right: 2px;
position: relative;
}
.tab .nav-tabs li a {
border: none;
padding: 12px 20px;
color: #fff;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
border-radius: 0;
}
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a:focus, .tab .nav-tabs li.active a:hover {
border: none;
background: #ec5252;
color: #fff;
-o-transition: background 0.20s linear;
-moz-transition: background 0.20s linear;
-webkit-transition: background 0.20s linear;
transition: background 0.20s linear;
}
.tab .nav-tabs li.active:after {
content: "";
position: absolute;
bottom: -14px;
left: 41%;
border: 10px solid transparent;
border-bottom-color: #ec5252;
}
.tab .nav-tabs li.active a:after {
content: "";
position: absolute;
top: 4px;
left: 4%;
width: 92%;
height: 82%;
border: 1px solid #fff;
display: block;
}
.tab .tab-content {
background: #fdfdfd;
line-height: 25px;
padding: 20px 15px;
margin-top: 15px;
border: 1px solid #ddd;
border-top: 2px solid #ec5252;
border-bottom: 2px solid #ec5252;
}
.tab .tab-content h3 {
margin: 0px 0px 10px;
color: #505763;
}
.tab .tab-content h4 a {
color: #ec5252;
}
.tab .tab-content h5 {
font-size: 16px;
}
.tab .tab-content .inn-list {
margin-bottom: 6px;
}
.tab .tab-content p {
text-align: justify;
}
.tab .tab-content hr {
border-top: 1px dashed #bbb;
}
@media only screen and (max-width: 991px) {
.tab .tab-content {
margin-top: 0px;
}
.tab .nav-tabs li {
margin-bottom: 5px;
}
.tab .nav-tabs li.active:after {
display: none;
}
}
/************** end hm-tab-sec**************/
.footer-top {
width: 100%;
position: relative;
display: block;
}
.ftr-left {
padding: 20px 20px 20px 60px;
background: #eee;
width: 30%;
float: left;
position: relative;
min-height: 371px;
background: url(../images/ecommerce-bg.jpg) repeat;
}
.ftr-left h2 {
margin: 0px 0px 10px;
color: #007791;
font-weight: bold;
}
.ftr-left p {
font-weight: 600;
color: #ec5252;
font-size: 18px;
}
.ftr-left ul {
margin-bottom: 20px;
}
.ftr-left ul li {
font-size: 15px;
color: #29303b;
}
.ftr-left ul li a {
color: #29303b;
}
.ftr-left ul li a:hover, .ftr-left ul li a:focus {
color: #ec5252;
}
.left-img a {
margin-right: 5px;
}
.ftr-right {
padding: 40px 30px 30px;
width: 70%;
float: left;
position: relative;
background: url(../images/pie-face.png) repeat #e2e2e2;
min-height: 371px;
}
.ftr-right p {
background: #fff;
padding: 18px;
margin: 0px;
border: 2px solid #ed5a5a;
box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
border-radius: 0px 0px 8px 8px;
vertical-align: middle;
}
/************** end footer top**************/
.footer-sec {
width: 100%;
position: relative;
display: block;
padding: 20px 15px;
overflow: hidden;
background: #ececec;
border-top: 1px solid #ec5252;
}
.footer-sec:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 60%;
height: 180%;
margin-left: -5%;
background: #e1e1e1;
-ms-transform: skewX(40deg);
-webkit-transform: skewX(40deg);
transform: skewX(40deg);
}
.ftr-box p {
margin: 10px 0px;
color: #007791;
font-size: 30px;
}
.ftr-box ul li a {
color: #000;
position: relative;
padding-left: 13px;
font-size: 15px;
}
.ftr-box ul li a:before {
top: 6px;
left: 0px;
content: "\eb1f";
position: absolute;
font-weight: bold;
color: #ec5252;
font-size: 6px;
font-family: icofont!important;
}
.ftr-box ul li a:hover, .ftr-box ul li a:focus {
color: #ec5252;
}
.ftr-bottom {
background: #d2d2d2;
padding: 8px 0px;
}
.ftr-bottom p {
text-align: center;
margin: 0px;
}
/*************** end footer**************/
.sub-banner-sec {
width: 100%;
position: relative;
padding: 50px 0px;
background: #29303b;
}
.sub-banner-sec h1 {
color: #fff;
margin: 0px 0px 15px;
font-weight: 700;
}
.sub-banner-sec .sub-title {
color: #ec5252;
margin: 0px 0px 10px;
}
.sub-banner-sec p {
color: #fff;
font-size: 20px;
font-weight: 300;
}
/*******************end sub banner***********************/
.inner-body {
width: 100%;
position: relative;
}
.pd50 {
padding: 50px 0px;
}
.npd {
padding: 0px;
}
.inn-title {
margin: 0px 0px 20px;
font-weight: 700;
font-size: 26px;
line-height: 28px;
display: block;
}
.inn-title2 {
font-weight: 600;
color: #007791;
margin: 0px 0px 15px;
}
.inn-list {
margin-bottom: 20px;
}
.inn-list li {
position: relative;
padding-left: 17px;
color: #505763;
margin-bottom: 2px;
}
.inn-list li:before {
top: 1px;
left: 0px;
content: "\eb1f";
position: absolute;
font-weight: bold;
color: #ec5252;
font-size: 8px;
font-family: icofont!important;
}
.inn-bdtext {
text-align: justify;
margin-bottom: 20px;
font-size: 15px;
}
.inn-list-box {
border: 1px solid #dedfe0;
padding: 10px 15px;
margin-bottom: 20px;
}
.inn-list-box.layer2 {
padding: 20px 15px;
}
.inn-list-box.layer2 .inn-title {
text-align: center;
margin: 0px 0px 10px;
}
.inn-list-box.layer2 .inn-title2 {
text-align: center;
margin: 0px 0px 20px;
}
.inn-title55 {
text-align: center!important;
margin: 0px 0px 20px;
font-size: 18px;
font-weight: 600;
color: #007791;
}
.inn-list-box ul li {
position: relative;
display: block;
padding-left: 26px;
font-size: 15px;
margin-bottom: 5px;
}
.inn-list-box ul li:before {
font-family: 'IcoFont' !important;
content: "\f0f4";
position: absolute;
left: 0;
top: -1px;
display: block;
color: #a1a7b3;
font-size: 17px;
line-height: 26px;
font-weight: 400;
text-align: center;
z-index: 5;
}
.inn-list-box.layer2 ul li {
margin-bottom: 10px;
}
.inn-list-box.layer2 ul li:before {
color: #ec5252;
}
.hilt-text {
color: #ec5252;
font-weight: 700;
line-height: 25px;
font-size: 18px;
}
hr {
border-top: 1px solid #d2d0d0;
}
.link {
color: #ec5252;
font-weight: 700;
}
.link:hover, .link:focus {
color: #29303b;
}
.review-btn {
margin-bottom: 15px;
}
.review-btn .nav>li {
display: inline-block;
margin-right: 5px;
}
.review-btn:last-child {
margin-right: 0px;
}
.review-btn .nav>li>a {
background: #fff;
border: 1px solid #eee;
padding: 4px 14px;
}
.star-cunt {
margin-right: 10px;
color: #ec5252;
}
.star-cunt2 {
margin-right: 4px;
color: #111;
}
.review-star {
margin-right: 3px;
color: #ec5252;
}
.review-btn .nav>li>a {
color: #111;
}
.review-btn .dropdown-menu {
padding: 10px;
}
.review-btn .dropdown-menu li {
margin-bottom: 5px;
}
.review-btn .nav>li>a:hover, .review-btn .nav>li>a:focus {
color: #ec5252;
}
.panel-group {
margin: 20px 0px;
}
#accordion .panel {
box-shadow: none;
border: none;
border-radius: 0;
margin-bottom: 6px;
border-left: 2px solid #ec5252;
}
#accordion .panel-heading {
padding: 0;
background-color: #fff;
}
#accordion .panel-title a {
display: block;
color: #007791;
font-size: 18px;
font-weight: bold;
padding: 14px 40px;
background: #f5f5f5;
border-bottom: 1px solid #d3d3d3;
position: relative;
text-align:left;
}
.panel-title {padding:0;}
#accordion .panel-title a.collapsed {
border-top: 0;
color: #007791;
background: #eee;
border-bottom: 1px solid transparent;
}
#accordion .panel-title a:before, #accordion .panel-title a.collapsed:before {
content: "\f068";
font-family: FontAwesome;
font-weight: 900;
position: absolute;
top: 10px;
left: 15px;
font-size: 14px;
line-height: 24px;
color: #ec5252;
}
#accordion .panel-title a.collapsed:before {
content: "\f067";
}
#accordion .panel-body {
font-size: 14px;
line-height: 20px;
border-top: 0 none;
background: #eee;
padding: 15px 20px;
}
#accordion .table-bordered>tbody>tr>td {
text-align: center;
border: 1px solid #777;
}
.acc-table .table-bordered {
border: 1px solid #ec5252!important;
}
.acc-table .table-bordered>tbody>tr>td {
border: 1px dotted #ec5252!important;
}
/*************end accordion*************/
.related-course {
border: 1px solid #dedfe0;
margin: 0px 0px 20px;
padding: 10px 15px;
}
.related-course h3 {
text-align: center;
margin: 10px 0px 15px;
color: #29303b;
font-weight: 600;
}
.related-coursebx {
box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
padding-bottom: 15px;
margin-bottom: 20px
}
.related-coursebx:hover {
box-shadow: 0px 3px 14px rgba(0,0,0,0.2)
}
.related-coursebx h3 {
padding: 0px 10px;
font-size: 16px;
color: #29303b;
font-weight: 600;
}
.related-coursebx h2 {
padding: 0px 10px;
font-size: 16px;
text-align:center;
color: #29303b;
font-weight: 600;
}
.related-coursebx h4{padding: 0px 10px;
font-size: 16px;
color: #29303b;
font-weight: 600;text-align: center;
margin: 10px 0px 15px;}
.related-coursebx h3{padding: 0px 10px;
font-size: 16px;
color: #29303b;
font-weight: 600;text-align: center;
margin: 10px 0px 15px;}
.coursebx-text {
padding: 0px 10px;
font-size: 13px;
text-align: justify;
margin-bottom: 15px;
}
.btn-bx {
text-align: center;
}
.btn-bx a {
padding: 3px 6px 4px;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
color: #fff;
border-radius: 2px;
margin:0px 5px;
}
.btn-bx-white {
text-align: center;
}
.btn-bx-white a {
padding: 3px 6px 4px;
background: #fff;
color: #AF1C1E;
border-radius: 2px;
}
.highlight-box {
margin-top: -300px;
background: #fff;
padding: 4px;
border: 1px solid #dedfe0;
border-radius: 6px 6px 3px 3px;
margin-bottom: 30px;
box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2)
}
.highlight-box span {
color: #007791;
font-weight: 700;
font-size: 18px;
}
.highlight-box .inn-list li:before {
top: 4px;
}
.right-duratin-wrap {
padding: 0px 10px;
}
.apply-btn {
text-align: center;
margin: 20px 0px;
}
.apply-btn a {
background-color: #ec5252;
padding: 6px 15px 7px;
border-radius: 4px;
color: #fff;
font-size: 16px;
margin-right: 5px;
}
.highlight-box-frm {
background: #eee;
padding: 4px;
border: 1px solid #dedfe0;
border-radius: 6px 6px 3px 3px;
margin-bottom: 30px;
box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
}
/***************end highlight-box**************/
.highlight-box2 {
background: #29303b;
padding: 10px 15px;
border: 1px solid #eee;
border-radius: 6px 6px 0px 0px;
margin-bottom: 30px;
box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.3)
}
.red {
font-weight: 700;
color: #F50B0B
}
.italic {
font-style: italic;
}
.highlight-box2 h3 {
margin: 20px 0px 20px;
text-align: center;
color: #fff;
font-weight: bold;
padding: 3px 0px;
box-shadow: inset 0px 0px 20px rgba(255,255,255,0.1);
border-top: 1px dotted rgba(255,255,255,0.7);
border-bottom: 1px dotted rgba(255,255,255,0.7);
font-size: 24px;
}
.highlight-box2 p {
text-align: center;
color: #fff;
font-size: 18px;
}
#sticky.stick {
position: fixed;
top: 150px;
z-index: 10;
}
/***************end highlight-box2 **************/
.highlight-box3 {
background: #fff;
padding: 0px 0px 30px;
position: relative;
}
.highlight-box3 .inner {
position: relative;
text-align: center;
padding: 30px 0px 0px;
margin-top: 20px;
}
.highlight-box3 .thumb {
position: absolute;
top: -20px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
border: 2px solid #007791;
z-index: 999;
border-radius: 50%;
}
.highlight-box3 .thumb img {
width: 80px;
height: 80px;
border-radius: 50%;
}
.highlight-box3 .text {
position: relative;
font-size: 15px;
line-height: 26px;
margin: 0px;
font-style: italic;
background-color: #f7f7f7;
color: #777;
border-radius: 5px 5px 0px 0px;
padding: 56px 25px 40px 25px;
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.3);
min-height: 310px;
}
.highlight-box3 .name {
font-size: 18px;
color: #007791;
}
.all-testimonial.owl-carousel.owl-theme .owl-controls {
text-align: center;
margin-top: -35px;
}
.all-testimonial.owl-carousel.owl-theme .owl-dot {
background: #29303b none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 10px;
margin: 0 3px;
width: 10px;
position: relative;
}
.all-testimonial.owl-carousel.owl-theme .owl-dot.active span {
background: #ec5252 none repeat scroll 0 0;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
left: 0;
border-radius: 100%;
}
/*******************end testimonial section****************/
.testimonial{
text-align: center;
margin: 20px 30px 40px;
}
.testimonial .pic{
display: inline-block;
width: 100px;
height: 100px;
border-radius: 25px;
border: 4px solid #7b2052;
box-shadow: 0 7px rgba(0, 0, 0, 0.1), 0 5px #e24d52;
margin-bottom: 15px;
overflow: hidden;
}
.testimonial .pic img{
width: 100%;
height: auto;
}
.testimonial .description{
padding: 0 20px 20px;
font-size: 15px;
color: #333;
line-height: 30px;
border-radius: 25px;
border-bottom: 4px solid #7b2052;
box-shadow: 0 7px rgba(0, 0, 0, 0.1), 0 5px #cb454a;
margin-bottom: 25px;
}
.testimonial .title{
display: block;
margin: 0 0 7px 0;
font-size: 20px;
font-weight: 600;
color: #6b2014;
letter-spacing: 1px;
text-transform: uppercase;
}
.testimonial .post{
display: block;
font-size: 15px;
color: #cb454a;
text-transform: capitalize;
}
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-page span{
width: 15px;
height: 15px;
border-radius: 50%;
background: #6b2014;
opacity: 0.8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{ background: #e4ac01; }
@media only screen and (max-width: 479px){
.testimonial{ padding: 20px 15px 40px; }
.testimonial .description{ padding: 0 5px 20px; }
}
.breadcrumb-sec ul {
background: rgba(255, 255, 255, 0.058);
padding: 4px 20px;
display: inline-block;
}
.breadcrumb-sec ul li {
display: inline-block;
color: #ec5252;
padding-left: 5px;
}
.breadcrumb-sec ul li:first-child {
padding-left: 0px;
}
.breadcrumb-sec ul li a {
color: #fff;
}
.breadcrumb-sec ul li a:hover, .breadcrumb-sec ul li a:focus {
color: #ec5252;
}
.breadcrumb-sec ul li a i {
padding-left: 8px;
}
/*******************end breadcrumb******************/
.inn-cmn-page {
padding: 30px 0px;
}
.inn-cmn-img {
padding: 3px;
border: 1px solid #dedfe0;
background: #fff;
border-radius: 6px 6px 3px 3px;
box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
margin-bottom: 20px;
}
.course-frontbx {
position: relative;
background: #fff;
border: 1px solid #eee;
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0 5px 15px 0 rgba(50, 50, 50, .2);
box-shadow: 0 5px 15px 0 rgba(50, 50, 50, .2);
}
.frontbx-cnt {
padding: 15px 10px;
position: relative;
}
.frontbx-cnt .btn-bx a {
padding: 3px 15px 4px;
font-size: 14px;
}
/*.frontbx-cnt h4 {
font-weight: 600;
font-size: 16px;
margin: 0px 0px 10px;
}*/
.frontbx-cnt h3 {
font-weight: 600;
font-size: 16px;
margin: 0px 0px 10px;
}
.coursebox {
position: relative;
margin-bottom: 30px;
overflow: visible;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.course-backbx {
position: absolute;
width: 100%;
height: auto;
top: 0;
background: #fff;
border-radius: 3px;
padding: 15px 15px 0px;
border: 1px solid #eee;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
-o-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
visibility: hidden;
z-index: 99;
display: none;
}
.coursebox:hover .course-backbx {
opacity: 1;
visibility: visible;
}
.course-backbx .inn-title2 {
font-size: 17px;
color: #29303b;
}
.course-backbx .inn-bdtext {
font-size: 15px;
}
.coursebox .inn-list li {
text-align: left;
}
.coursebox .inn-list li:before {
top: 6px;
}
.back-btn {
padding: 6px 30px;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
color: #fff;
font-size: 16px;
border-radius: 3px;
}
.owl-prev:before {
font-family: icofont!important;
content: "\eb8a";
font-weight: bold;
font-size: 26px;
line-height: 30px;
}
.owl-next:before {
font-family: icofont!important;
content: "\eb8b";
font-weight: bold;
font-size: 26px;
line-height: 23px;
}
.owl-prev {
width: 30px;
height: 30px;
left: -14px;
border-radius: 50%;
background: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
bottom: inherit;
position: absolute;
border: none;
font-size: 0;
text-align: center;
color: #007791;
top: 30%;
}
.owl-next {
height: 30px;
right: -14px;
bottom: inherit;
width: 30px;
border-radius: 50%;
background: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
position: absolute;
top: 30%;
border: none;
border-radius: 100%;
padding: 5px;
transition: .4s;
-webkit-transition: .4s;
font-size: 0;
text-align: center;
color: #007791;
}
.owl-prev:hover, .owl-next:hover {
border: none;
transition: .4s;
-webkit-transition: .4s;
color: #007791;
background: #fff;
}
/*****************end owl crouser******************/
.acc-table2 .table-bordered>thead>tr>td {
text-align: center;
background: #ec5252;
color: #fff;
font-size: 18px;
font-weight: 500;
border: 1px solid #0077a8;
vertical-align: middle;
}
.acc-table2 .table>thead:first-child>tr:first-child>td {
border-top: 1px solid #0077a8;
}
.acc-table2 .table-bordered>tbody>tr>td {
border: 1px solid #0077a8!important;
}
.fee-table .table-bordered>thead>tr>td {
text-align: center;
background: #ed5a5a;
color: #fff;
font-size: 16px;
}
.inn-img {
float: left;
margin-right: 13px;
box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
border: 2px solid #ddd;
padding: 4px;
background: #fff;
margin-bottom: 20px;
}
.academy-wrap {
background: #f2f2f2;
padding: 10px 20px 5px;
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid #ddd;
}
#Carousel2 img {
width: 100%;
border: 2px solid #ccc;
padding: 3px;
}
#Carousel2 .carousel-indicators li {
background: #007791;
}
#Carousel2 .carousel-indicators .active {
background: #e34e52;
}
.all-course2, .all-course3 {
margin-bottom: 20px;
}
.placement-wrap {
padding:15px;
border-radius: 3px;
background: -webkit-linear-gradient(-45deg,#ec5252,#6e1a52);
background: -moz-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: -ms-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: -o-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: linear-gradient(-45deg,#ec5252,#6e1a52);
}
.placement-wrap img{ margin-bottom:10px; border:2px solid #fff;}
.placement-wrap p {
font-size: 15px;
line-height: 26px;
text-align:center;
color:#fff;
}
.all-course2 .owl-prev, .all-course2 .owl-next, .all-course3 .owl-prev, .all-course3 .owl-next {
top: 43%;
}
@media (max-width:1200px) {
.main-menu nav ul li a {
padding: 25px 10px;
}
.cta-left h2 {
font-size: 21px;
line-height: 24px;
}
.cta-right {
margin-top: 35px;
}
.ftr-left {
width: 50%;
padding: 10px;
}
.ftr-right {
width: 50%;
padding: 20px;
}
.ftr-right p {
padding: 10px;
}
.ftr-right p img {
max-width: 50%;
}
.carousel-event-title {
margin-bottom: 10px;
}
}
@media (max-width:767px) {
}
@media (max-width:991px) {
.affix-top .container, .affix .container {
width: 100%;
padding: 0px 15px;
}
.navbar-brand>img {
width: 110px;
}
.social-share {
margin: 10px 0px 0px;
}
.d-none {
display: none!important;
}
.d-block {
display: block!important;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #29303b;
}
.slicknav_nav {
position: absolute;
width: 100%;
z-index: 9;
top: 61px;
}
.slicknav_menu>a {
top: 11px;
}
.slicknav_btn {
margin-top: 0px;
}
.slicknav_nav a:hover {
color: #ec5252;
}
.more-text {
position: absolute;
color: #29303b;
z-index: 99;
top: 54px;
left: 13px;
font-size: 16px;
}
/*******************end nevigation********************/
.highlight-box {
margin: 20px 0px;
box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}
.highlight-box .table-bordered>tbody>tr>td>strong {
text-align: center;
font-size: 16px;
color: #007791;
}
#sticky.stick {
position: relative;
top: 0;
}
.highlight-box3 .text {
min-height: 206px;
}
}
@media (min-width:100px) and (max-width:767px) {
.top-bar {
background: transparent;
}
.header-top {
padding: 0px 0px 8px;
}
.header-top .dropdown-menu {
left: 15px;
}
.navbar-brand>img {
width: 190px !important;
}
.header-top .nav>li>a {
padding: 3px 0px;
}
.social-share {
margin: 3px 0px;
}
.top-apply {
text-align: center;
}
.navbar-header .navbar-toggle {
padding: 3px 7px;
margin-top: 10px;
}
.slicknav_menu {
background: #eee;
border-radius: 4px;
padding: 7px 0;
}
.slicknav_menu>a {
top: -6px;
}
.slicknav_nav {
position: absolute;
width: 100%;
z-index: 99999999;
top: 86px;
}
.slicknav_btn {
margin-top: 0px;
}
.main-menu nav .submenu2 {
left: 0px;
}
.social-share {
text-align: center;
float: none;
}
/*******************end nevigation********************/
.sub-banner-sec {
padding: 30px 0px;
}
.breadcrumb-sec ul {
text-align: center;
}
.carousel-control {
top: 34%;
font-size: 16px;
}
.pd50 {
padding: 30px 0px;
}
.ftr-left ul li {
font-size: 13px;
}
.sub-banner-sec p {
font-size: 15px;
text-align: justify;
}
.ftr-left {
width: 100%;
min-height: inherit;
}
.ftr-right {
width: 100%;
min-height: inherit;
}
.ftr-right p img {
max-width: 40%;
}
.clr-course {
margin-bottom: 10px;
padding: 15px;
}
.clr-course a {
font-size: 14px;
}
.review-btn .nav>li>a {
padding: 3px 4px;
font-size: 12px;
}
.review-btn .dropdown-menu {
padding: 5px;
}
.review-btn .dropdown-menu li {
font-size: 12px;
}
.star-cunt {
margin-right: 3px;
}
.review-btn .nav>li {
margin-right: 0px;
margin-bottom: 5px;
}
#accordion .panel-title a {
font-weight: 600;
font-size: 16px;
}
#accordion .panel-title a:before, #accordion .panel-title a.collapsed:before {
top: 13px;
}
.acc-table2.table-responsive {
display: block;
border: 1px solid #0077a8;
}
.academy-wrap {
padding: 10px;
}
h1 {
font-size: 24px!important;
}
h2 {
font-size: 21px!important;
}
h3 {
font-size: 19px!important;
}
h4 {
font-size: 16px!important;
}
.asian_success_stories_pic {height:auto;}
.success-stories-inner-details p img {
float: none !important;
display: block;
margin: 0 auto;
padding-right: 0 !important;
}
.inner-body .iframe-inr-bdy {width:100% !important;}
}
@media (min-width:100px) and (max-width:480px) {
.top-apply a {
padding: 5px 8px;
font-size: 12px;
}
.header-top .dropdown-menu {
left: -10px;
width: 290px;
}
.top-link li a {
font-size: 12px;
}
/*******************end nevigation********************/
.tab .nav-tabs li a {
padding: 8px 8px;
}
.highlight-box3 .text {
min-height: 360px;
}
}
.higlight-text {
border: 1px solid #f9f9f9;
padding: 2px 10px;
border-radius: 30px;
}
.higlight-text p {
font-family: 'Montserrat', sans-serif;
}
.higlight-text p strong {
background: #281483;
color: #fff;
padding: 0 8px;
border-radius: 30px;
}
.section-title {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.section-title h1 {
color: #384047;
font-size: 40px;
font-weight: 600;
margin: 15px 0
}
.title-tag {
color: #384047;
font-size: 40px;
font-weight: 600;
margin: 15px 0;
text-align: center;
}
.title-p {
text-align: center;
}
.title2-p {
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
}
.section-title h2 {
color: #751d52;
font-size: 25px;
margin: 10px 0;
font-weight: 300;
}
.zigzag {
margin: 55px 0;
}
.icon-wrap {
background: #e5e8ec;
width: 260px;
border-radius: 4px;
height: 160px;
margin: 0 auto;
}
.icon-wrap img {
padding-top: 15px;
}
.zigzag-lead {
color: #595c60;
font-size: 22px;
font-weight: 600;
margin-top: 0;
}
.zigzag p {
line-height: 1.5;
font-size: 18px;
color: #94a3a8;
font-weight: 300;
}
.carousel-events {
border: 1px solid #efefef;
position: relative;
float: left;
padding: 10px;
}
.carousel-event-subtitle {
font-size: 30px;
font-weight: normal;
color: #fff;
}
.carousel-event-title .title-large {
font-size: 30px;
margin: 5px 0 0;
font-weight: 700;
color: #fff;
}
.carousel-event-item {
padding: 4px 0px 0;
}
.owl-carousel .owl-item .carousel-event-item img {
width: inherit;
}
.carousel-event-item img {
padding: 2px;
background: #fff;
margin-right: 10px;
border: 1px solid #c44052;
}
.carousel-event-content .event-date {
color: #767676;
margin-top: 4px;
font-size: 13px;
}
.carousel-event-content {
padding: 10px 0 8px;
}
.event-date {
text-align: center;/* display: inline-block; */
}
.carousel-event-content h3 {
color: #ec5252;
font-weight: 700;
line-height: 25px;
font-size: 18px;
}
.carousel-event-title {
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
padding: 20px;
}
.vc_custom_1420100287738 {
margin-bottom: 30px !important;
}
.banner-cnt-bx h1 {
font-weight: 700;
}
#itt .itt-title-text {text-align: center;margin: 0px 0px 10px;font-size: 30px;}
.tab-right-cnt span {
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
}
.bann-text {
margin-bottom: 35px;
}
.top-bx {
position: relative;
padding-left: 45px;
margin-bottom: 20px;
}
.top-icon {
position: absolute;
left: -4px;
top: 0px;
}
.top-icon i {
color: #8d2852;
font-size: 40px;
}
.top-icon img {
width: 80px;
}
.top-bx h3 {
margin: 0px 0px 12px;
font-weight: 600;
}
.top-bx p {
text-align: justify;
font-size: 13px;
}
.contact-wrap {
background: #eee;
padding: 40px;
border-radius: 6px;
border: 3px solid #ddd;
}
.contact-wrap .form-control {
height: 48px;
}
.contact-wrap input[type=submit] {
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
padding: 10px 20px;
color: #fff;
border: 1px solid #eee;
border-radius: 5px;
}
.error-page {
text-align: center;
}
.error-page h1 {
margin: 0px 0px 15px;
font-size: 50px;
font-weight: bold;
color: #007791;
}
.error-page h2 {
margin: 0px 0px 5px;
font-weight: bold;
color: #29303b;
}
.error-page h4 {
margin: 0px 0px 30px;
color: #ec5252;
}
.sub-title {
color: #ec5252;
margin: 0px 0px 10px;
}
.act-adv {
position: absolute;
top: 0%;
left: 15px;
width: 320px;
}
.sp-edu-workshop {
position: absolute;
top: 0%;
left: 323px;
z-index: 999;
width: 320px;
}
.spe-edu {
width: 180px;
position: absolute;
bottom: 3%;
left: 2%;
}
.adv {
position: absolute;
top: 103%;
width: 100%;
}
.flagbox {
background: #908088;
padding: 5px 5px;
border-radius: 8px;
border: 1px solid #eee;
-webkit-box-shadow: 0 2px 10px 0 rgba(50, 50, 50, .2);
box-shadow: 0 2px 10px 0 rgba(50, 50, 50, .2);
}
.gallery-title {
font-size: 36px;
text-align: center;
margin-bottom: 70px;
font-weight: 600;
color: #007791;
margin: 0px 0px 15px;
}
.gallery-title:after {
content: "";
position: absolute;
width: 7.5%;
left: 46.5%;
height: 45px;
border-bottom: 1px solid #007791;
}
.filter-button {
font-size: 18px;
border: 1px solid #007791;
border-radius: 5px;
text-align: center;
color: #007791;
margin-bottom: 30px;
}
.filter-button:hover {
font-size: 18px;
border: 1px solid #007791;
border-radius: 5px;
text-align: center;
color: #ffffff;
background-color: #007791;
}
.btn-default:active .filter-button:active {
background-color: #007791;
color: white;
}
.port-image {
width: 100%;
}
.gallery_product {
margin-bottom: 30px;
}
.placement-background {
position: relative;
background-image: url(../images/placement-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 193px 0 0px;
}
.plc-box1 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
margin-left: -15px;
padding: 1px 10px;
text-align: center;
height:466px;
overflow-y: scroll;
overflow-x: hidden;
}
.plc-box1 h2 {
font-size: 18px;
color: #fff;
font-family: 'Lato', sans-serif;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
.plc-box1 h3 {
font-size: 17px;
color: #fff;
font-family: 'Lato', sans-serif;
/* text-transform: uppercase; */
padding: 9px;
text-align: left;
line-height: 25px;
background: #29303b9c;
}
.plc-box1 h3 span {
font-size: 18px;
color: #fb9aa5;
font-family: 'Lato', sans-serif;
}
.plc-box1 h3 {
font-size: 15px;
color: #fff;
font-family: 'Lato', sans-serif;
/* text-transform: uppercase; */
font-weight:bold;
padding: 6px;
text-align: left;
line-height: 23px;
background: #29303b4a;
margin:10px;
}
.plc-box1 h3 span {
font-size: 16px;
color: #fb9aa5;
font-family: 'Lato', sans-serif;
}
.plc-box1 a {
font-size: 22px;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
}
.sub-banner-sec h1 span {
font-size: 24px;
color: #f36c6e;
}
.tab-mid-cnt span {
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
}
.tab-left-cnt span {
font-size: 22px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
line-height: 26px;
}
.tab-right-cnt span {
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
}
/*****************************************************/
.npd{padding:0}
.course-wrap{width:100%}
.course-bx,.course-bx:before,.icon-bx i,.cnt-bx h3,.cnt-bx ul li{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.course-bx{position:relative;padding:20px;border:1px solid #ddd}
.course-bx:before{position:absolute;width:100%;height:100%;content:'';left:0;top:0;background:rgba(255,255,255,.9)}
.cnt-bx{position:relative}
.course-bx:hover:before{background: -webkit-linear-gradient(-45deg,#ec5252,#6e1a52);
background: -moz-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: -ms-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: -o-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
background: linear-gradient(-45deg,#ec5252,#6e1a52);}
.course-bx:hover .icon-bx i{color:#fff}
.cnt-bx h3{margin:0 0 10px;color:#222;font-size:20px;font-weight:600}
.course-bx:hover .cnt-bx h3{color:#fff}
.course-bx:hover{border-color:#ec5252}
.cnt-bx p{ position:absolute; z-index:99; bottom:0px; left:20px; background:#fff; padding:3px 5px; border-radius:2px;}
.hilt-text2{color: #007791;
font-weight: 700;
font-size: 18px;}
/******************************/
.tquk-inn-page{ box-shadow: 0 10px 60px 0 rgba(159,164,189,.14);
padding: 20px;
border-radius: 20px;
margin-bottom: 30px;
background-color: #dbe9ff;}
.tquk-img{box-shadow: 0 16px 24px rgba(0,0,0,.24);
border-radius: 5px;
padding: 20px; margin-bottom:10px;}
.acc_tab .nav-tabs{ margin-bottom:20px;}
.acc_tab .nav-tabs>li>a{ font-size:18px; font-weight:700; color: #007791;}
.acc_tab .nav-tabs>li.active>a, .acc_tab .nav-tabs>li.active>a:focus, .acc_tab .nav-tabs>li.active>a:hover{ color:#ec5252;}
/**********accordian part************/
.accordion {
margin-bottom: 0; text-align:left;
}
.accordion .panel {
border-radius: 0;
border: 0;
box-shadow: none
}
.accordion .panel + .panel {
margin-top: 1px
}
.accordion .panel.active {
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}
.accordion .panel.active .panel-heading {
background-color: #ffffff
}
.accordion .panel.active .panel-heading .panel-title a {
font-weight: bold;
color: #006cb7
}
.accordion .panel.active .panel-heading .panel-title a:after {
font-family: Fontawesome;
content: "\f068";
position: absolute;
top: 15px;
right: 30px
}
.accordion .panel-heading {
background-color: #fafafa;
border-radius: 0;
padding: 0
}
.accordion .panel-heading .panel-title a {
font-size: 16px;
color: #006cb7;
display: block;
padding: 14px 30px 14px;
position: relative; font-weight:bold;
}
.accordion .panel-heading .panel-title a:after {
font-family: Fontawesome;
content: "\f067";
position: absolute;
top: 15px;
right: 30px
}
.accordion .panel-heading + .panel-collapse > .panel-body {
border-top: 0;
padding: 0px 30px 30px
}
/**********accordian part************/
.accordion_cp {
border-top:solid 2px #838383;
margin:0px 0px 10px 0px;
}
div.content_cp_accor {
margin:-10px 0px 10px 0px;
}
.accordion-open {
background-color:#fff;
}
.accordion-open p {
color:#333;
}
.accordion_cp p:before {
display:none;
}
.accordion_cp span {
background-color:transparent;
padding:8px 20px;
position:absolute;
left:0px;
}
.accordion_cp {
margin:0px 0px 3px 0px;
padding:0px 20px 0px 10px;
border-top:#f0f0f0 1px solid;
background:#f5f5f5;
text-decoration:none;
font-size:1em;
float:left;
width:100%;
box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
cursor:pointer;
position:relative;
}
.accordion_cp p {
display:inline-block;
color:#006cb7;
margin:0px;
font-size:14px;
margin:5px 0px; font-weight:bold; font-style:italic;
}
.accordion_cp p:before {
content:"\f013";
font-family:FontAwesome;
margin:0px 10px 0px 0px;
}
.accordion-open {
background:#dce4ea;
color:#fff;
}
.accordion-close p {
color:#006cb7;
}
.accordion-close span, .accordion-open span {
display:block;
float:left;
margin:0px 10px 0px 0px;
padding:15px 20px;
color:#fff;
position:absolute;
left:0px;
top:0px;
bottom:0px
}
.accordion-open span i:before {
content:"\f068";
}
.accordion-close span i:before {
content:"\f067";
}
div.contain_cp_accor {
padding:0;
margin:0;
float:left;
width:100%;
}
div.content_cp_accor {
margin:0;
padding:0px 20px 15px;
background-color:#FFF;
line-height:30px;
box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2); float:left;
}
div.content_cp_accor p {
padding:0;
margin:0;
padding:3px;
}
.highlight-box .right-duratin-wrap p.right_panel_heading {font-size: 24px; margin:10px 0; font-weight: 800; line-height: 1.1; color: #29303b;}
.inner-body .form-inline .form-control {width:100% !important;}
.related-coursebx .btn-bx a.enquire-mob {display:none;}
.related-coursebx .btn-bx a.enquire-desktop {display:inline-block;}
/************** end hm-icon-sec**************/
.filter_section { position:relative; margin-bottom:15px;}
.portfolio-wrapper .item-course-slide { width:100%; position:relative; margin:0px 0px; }
.portfolio-wrapper .item-Img, .portfolio-wrapper .item-Img img { width:100%; position:relative;}
.tab-left-cnt{
position:relative;
}
/*
.hm-coursebx [class*=col-]:first-child .tab-left-cnt:after{
content:''; position:absolute; width:3px; height:351px; background-color:#000; right:-17px; top:63px;}
*/
.recruiters_img_bx {height:126px; text-align:center; margin:0 0 10px;}
.latest_recruiters_sec {padding:20px 0;}
.rating_bx {height:auto; text-align:center;}
.rating-section {padding:40px 0px; border: 2px solid #000; background-color: #fbfbfb; margin: 0 10px 10px;}
.rating-heading {text-align:center;}
.rating-section h2 {text-align:center; font-weight:bold; position:relative; padding:0 10px; display:inline-block; margin:0 0 30px 0;}
.rating-section h2:after {content:''; position:absolute; height:2px; background-color:#ccc; width:111px; right:-110px; top:60%; }
.rating-section h2:before {content:''; position:absolute; height:2px; background-color:#ccc; width:111px; left:-110px; top:60%; }
@media only screen and (max-width:766px) {
.hm-tab-sec1 {
width: 100%;
position: relative;
display: block;
padding: 80px 0px 0px 0px;
background: url(../images/ecommerce-bg.jpg) repeat;
}
.m-9{margin-top:9px;}
#inlineform {
padding: 0px!important;
}
}
@media only screen and (min-width:767px) {
.hm-tab-sec1 {
width: 100%;
position: relative;
display: block;
padding: 10px 0px 10px 0px;
background: url(../images/ecommerce-bg.jpg) repeat;
}
.hm-tab-sec1 .container-fluid{padding:0px;margin:auto;text-align:center;}
}
#inlineform .form-control {
width:92%!important;
padding:5px 2px!important;
}
.hm-tab-sec {
width: 100%;
position: relative;
display: block;
padding: 20px 0px;
}
.inner-body .resource_talk_less_area p {font-size:16px; margin:0 0 20px;}
@media only screen and (max-width:767px) {
p.more-text {display:none !important;}
.hm-coursebx .signup-block img {margin:0 auto 20px;}
#inlineform .form-control {width:100% !important;}
.hm-tab-sec1 {padding: 30px 0px 0px 0px;}
.hm-tab-sec1 .form-control {width:100% !important;}
.newsletter-form {text-align:center;}
.newsletter-form label {display:block; text-align:left;}
.newsletter-form .capcha-lebel {text-align:center;}
.brands_slider_container .owl-nav {display:none;}
.inner-body .form-inline .form-control {width:100% !important;}
.related-coursebx .btn-bx a.enquire-mob {display:inline-block;}
.related-coursebx .btn-bx a.enquire-desktop {display:none;}
.top-bx p img {float:none !important; margin:0 0 5px !important;}
.rating-section h2:after { width:40px; right:-40px; }
.rating-section h2:before {width:40px; left:-40px; }
.rating_bx {margin:0 0 30px;}
.rating-section {padding:40px 0 10px;}
}
@media only screen and (max-width:639px){
.tab-right-cnt img.inn-img {float:none; display:block; margin:0 auto 20px;}
.tab-left-cnt img.mySlides {width:350px !important; margin:0 auto;}
}
.ofqual-course{
padding: 70px 0px;
}
.ofqual_heading{
margin: 0px 0px 25px;
font-weight: 600;
font-size: 30px;
color: #fff;
text-align: center;
}
.ofqual_text{
color: #fff;
font-size: 18px;
line-height: 25px;
padding: 0;
margin: 0;
}
.read_btn{
display: inline-block;
padding: 10px 30px;
font-size: 14px;
text-decoration: none;
background: -webkit-linear-gradient(-45deg, #ec5252, #6e1a52);
background: -moz-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -ms-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: -o-linear-gradient(-45deg, #ec5252 0, #6e1a52 100%);
background: linear-gradient(-45deg, #ec5252, #6e1a52);
color: #fff;
border-radius: 2px;
margin: 10px 5px;
}
.read_btn:hover{
color: #fff;
}
.carousel {
box-shadow: none;
}
h2{
text-align:center;
padding: 20px;
}
.custom-owl-item {
display: flex;
align-items: center;
}
.custom-owl-item .brands_item {
width: 100%;
}
.custom-owl-item .displayCell {
text-align: center;
}
.custom-owl-item .h3{
text-align: center;
}
.custom-owl-item .p {
margin-top: 20px;
text-align: center;
}
.owl-item.custom-owl-item {
background-color:#29303b;
border-radius: 20px;
}
.hmargin{
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
color: #fff;
}
.pmargin{
margin-left: 20px;
margin-right: 20px;
color: #fff;
}