/*-------------------------------------------------------------------------------------
Theme Name:	Edumart
Theme URI: 	http://protechtheme.com/edumart/
Author: protechtheme
-------------------------------------------------------------------------------------*/

/**
*****************************************
@File: Edumart Theme Styles

* This file contains the styling for the actual Template,
this is the file you need to edit to change the look of the Template.

01. General Style
02. header
03. navigation
04. home sections
	├─ banner
	├─ about
	├─ cources
	├─ impotance
	├─ how study
	├─ why choose
	├─ news & events
	├─ campus tour
	├─ client logos
	├─ testimonials
05. footer
06. index 2
	├─ banner2
	├─ Intro Sec
	├─ Popular Cources Sec
	├─ Whats Makes Different Sec
	├─ How Study 2
	├─ Why Choose 2
	├─ Testimonials 2
	├─ Brands 2
	├─ Footer 2
07. about page
08. cources listing page
	├─ browse teacher
09. course detail page
	├─ course detail tab
	├─ how to apply
	├─ comments section
10. contact page
11. blog page
12. blog Single page
13. 404 page
14. FAQ opt1 page
15. FAQ opt2 page

16. login page
17. testimonial page
18. gallery page
19. news & events page
20. privacy page
21. register page
22. apply online page
23. generic UI page
24. Coming Soon
25. Responsive Style

*****************************************
**/

/* ================================================== */
/* 01. General Style */
/* ================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #93a0a7;
    line-height: 26px;
}

/*---Typography---*/

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-family: "texgyreadventorbold";
    text-transform: uppercase;
    color: #24353b;
}
h1 {
    font-size: 46px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 14px;
}
p {
    padding: 0px;
    margin: 0px;
}
ol,
ul {
    margin-bottom: 0px;
}
a {
    text-decoration: none !important;
    outline: none;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
label {
    font-weight: normal;
}
::-webkit-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}
:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    text-transform: uppercase;
}
::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    text-transform: uppercase;
}
:-ms-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}
input:focus,
textarea:focus,
select:focus {
    outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    color: transparent !important;
}
input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

/*-----------------------
	Page Loader
-----------------------*/
#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: #fff;
}
#loading .element {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
}
.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(204, 204, 0);
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

/* ================================================== */
/* 02. header	*/
/* ================================================== */
.header-top {
    display: block;
    background: #211d1e;
}
.header-top ul.follow-us {
    display: block;
    padding-top: 8px;
    float: left;
}
.header-top ul.follow-us li {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
}
.header-top ul.follow-us li a {
    color: #646162;
}
.header-top ul.follow-us li a:hover {
    color: #fff;
}
.header-top .right-block {
    display: block;
    float: right;
}
.header-top ul.top-nav {
    display: block;
    padding-top: 8px;
    padding-right: 10px;
    float: left;
}
.header-top ul.top-nav li {
    display: block;
    padding: 0 13px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.header-top ul.top-nav li a {
    color: #6c777d;
}
.header-top ul.top-nav li a:hover {
    color: #fff;
}
.header-top .lang-wrapper {
    display: block;
    float: right;
}
.header-top .select-lang,
.header-top .select-lang2 {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.header-top .select-lang {
    margin-left: 1px;
}
.header-top .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0px;
    background: #302c2d;
}
.header-top .select2.select2-container {
    width: 100px !important;
}
.header-top .select2-container .select2-selection--single {
    height: 42px;
}
.header-top
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 42px;
}
.header-top
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 16px;
    color: #fff;
}
.header-top
    .select2-container
    .select2-selection--single
    .select2-selection__rendered
    img {
    margin-right: 4px;
}
.header-top
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    width: 30px;
    height: 42px;
}
.select2-container--open .select2-dropdown--below {
    border-radius: 0px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-width: 6px 5px 0;
    border-color: #c1c0c0 transparent transparent;
}
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-width: 0 5px 6px;
}
.select2-dropdown {
    border: 1px #dedddd solid;
}
.select2-results__option {
    padding: 0 6px;
    font-size: 13px;
}
.select2-results__option .img-flag {
    margin-right: 4px;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: rgb(204, 204, 0);
}
.header-middle {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-middle .contact {
    display: block;
    padding: 8px 0 0 0;
    float: right;
}
.header-middle .contact ul {
    display: block;
    padding-right: 32px;
    float: left;
}
.header-middle .contact ul li {
    display: block;
    padding: 0 30px;
    border-right: 1px #dedddd solid;
    float: left;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #4f4a4a;
    line-height: 18px;
}
.header-middle .contact ul li span {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #8f9ba1;
    text-transform: uppercase;
}
.header-middle .contact ul li a {
    color: #4f4a4a;
}
.header-middle .contact ul li a:hover {
    color: rgb(204, 204, 0);
}
.header-middle a.login {
    display: inline-block;
    padding: 5px 20px;
    border: 2px #2c97ea solid;
    border-radius: 5px;
    font-size: 12px;
    color: #6f7a7f;
    font-weight: 700;
}
.header-middle a.login:hover {
    background: #2c97ea;
    color: #fff;
}
.header-middle a.login span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
    font-size: 14px;
    color: #00aaff;
}
.header-middle a.login:hover span {
    color: #fff;
}

/* ================================================== */
/* 03. navigation */
/* ================================================== */
.navbar {
    border-radius: 0px;
    margin: 0px;
    border: none;
}
.navbar-collapse {
    padding: 0px;
}
.navbar-inverse {
    /* background: rgb(204, 204, 0); */
    background: rgb(204, 204, 0);
}
.nav > li > a {
    padding: 19px 18px;
}
.navbar-nav > li {
    border-right: 1px rgb(182, 182, 0) solid;
}
.navbar-nav > li > a {
    text-transform: uppercase;
}
.navbar-nav > li:last-child {
    border: none;
}
.navbar-inverse .navbar-nav > li > a {
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a i {
    font-size: 16px;
    color: #8bd29d;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: #4ab866;
}
.navbar-form {
    width: 30%;
    padding: 0 25px;
    background: #4ab866;
    margin: 0px;
    position: relative;
}
.navbar-form .form-control {
    width: 100%;
    margin: 12px 0;
    padding-left: 0px;
    height: 34px;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px #a5dcb3 solid !important;
    border: none;
    font-size: 12px;
    color: #b4ddbd;
    text-transform: uppercase;
}
.navbar-form .form-control::-webkit-input-placeholder {
    color: #fff;
}
.navbar-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.navbar-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
.navbar-form .form-control:-ms-input-placeholder {
    color: #fff;
}
.navbar-form .search-btn {
    display: block;
    border: none;
    position: absolute;
    right: 25px;
    top: 18px;
    background: none;
    font-size: 16px;
    color: #fff;
}
.navbar .dropdown-menu {
    min-width: 260px;
    padding: 0px;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    border-top: 4px rgb(204, 204, 0) solid;
}
.navbar .dropdown-menu:after {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 150, 0, 0);
    border-bottom-color: rgb(204, 204, 0);
    border-width: 10px;
}
.navbar .dropdown-menu > li > a {
    padding: 7px 15px;
}
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
    background: rgb(204, 204, 0);
    color: #fff;
}

/* ================================================== */
/* 04. home page sections */
/* ================================================== */

/*-----------------------
	banner 1
-----------------------*/
.banner-outer {
    display: block;
    position: relative;
    overflow-x: hidden;
}
.banner-slider .container {
    display: table;
    height: 100%;
}
.banner-outer .slide1,
.banner-outer .slide2,
.banner-outer .slide3 {
    display: block;
    height: 588px;
}
.banner-outer .slide1 {
    background: url(../images/banner1.jpg) no-repeat center top / cover;
}
.banner-outer .slide2 {
    background: url(../images/banner2.jpg) no-repeat center top / cover;
}
.banner-outer .slide3 {
    background: url(../images/banner3.jpg) no-repeat center top / cover;
}
.banner-outer .content {
    display: table-cell;
    vertical-align: middle;
}
.banner-slider .content .fl-right {
    float: right;
}
.banner-outer .content h1 {
    display: block;
    padding-bottom: 20px;
    font-family: "texgyreadventorbold";
    font-size: 32px;
    color: #24343a;
    line-height: 50px;
    text-transform: uppercase;
    -webkit-animation-delay: 0.2s;
}
.banner-outer .content h1 span {
    display: block;
    font-size: 62px;
    -webkit-animation-delay: 0.3s;
}
.banner-outer .content p {
    display: block;
    padding-bottom: 25px;
    max-width: 390px;
    font-size: 16px;
    color: #24343a;
    opacity: 0.8;
    -webkit-animation-delay: 0.34s;
}
.banner-outer .content a.btn {
    -webkit-animation-delay: 0.36s;
}
.banner-outer .slide2 .content a.btn {
    margin: 0 10px;
}
.banner-outer .slide2 .content {
    float: none;
    text-align: center;
}
.banner-outer .slide2 .content h1,
.banner-outer .slide3 .content h1 {
    font-size: 54px;
    color: #fff;
}
.banner-outer .slide2 .content p {
    margin: 0 auto;
    color: #fff;
}
.banner-outer .slide3 .content h1,
.banner-outer .slide3 .content p {
    color: #fff;
}
.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    background: rgb(204, 204, 0);
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn span {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    content: "";
    opacity: 0.5;
}
.btn:hover,
.btn:focus {
    background: #2c97ea;
    color: #fff;
}
.btn.white {
    background: #fff;
    color: #595545;
}
.btn.white:hover {
    background: #2c97ea;
    color: #fff;
}
.btn.blue {
    background: #2c97ea;
    color: #fff;
}
.btn.blue:hover {
    background: rgb(204, 204, 0);
}
.banner-outer .bx-wrapper .bx-pager {
    bottom: 60px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
}
.banner-outer .bx-wrapper .bx-pager a {
    background: #fff;
    border-radius: 2px;
    display: block;
    height: 5px;
    margin: 0 4px;
    outline: 0 none;
    text-indent: -9999px;
    width: 18px;
    opacity: 0.3;
}
.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
    background: #fff;
    opacity: 1;
}
/*-----------------------
	about
-----------------------*/
.about {
    display: block;
    position: relative;
    padding: 222px 0 100px 0;
    background: url(../images/bg.webp) no-repeat center bottom;
}
.about ul.our-links {
    display: block;
    margin: -280px 0 0 0;
    position: relative;
    z-index: 99;
}
.about ul.our-links li {
    display: block;
    position: relative;
}
.about ul.our-links li.apply-online {
    background: rgb(204, 204, 0);
}
.about ul.our-links li.prospects .detail a.more {
    border: 2px rgb(204, 204, 0) solid;
    color: rgb(204, 204, 0);
}
.about ul.our-links li.prospects {
    background: #2c97ea;
}
.about ul.our-links li.prospects .detail a.more {
    border: 2px #2c97ea solid;
    color: #2c97ea;
}
.about ul.our-links li.certification {
    background: #f0bc01;
}
.about ul.our-links li.certification .detail a.more {
    border: 2px #f0bc01 solid;
    color: #f0bc01;
}
.about ul.our-links li {
    display: block !important;
    padding: 44px 10px 60px 4%;
    opacity: 1 !important;
}
.about ul.our-links li p {
    padding-bottom: 0px;
}
.about ul.our-links li .icon {
    width: 23%;
    float: left;
}
.about ul.our-links li .detail {
    width: 60%;
    padding-left: 20px;
    float: left;
    color: #fff;
}
.about ul.our-links li .detail h3 {
    display: block;
    padding-bottom: 10px;
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}
.about ul.our-links li .detail h3 span {
    display: block;
    font-size: 12px;
}
.about ul.our-links li .detail p {
    display: block;
    font-size: 12px;
    line-height: 16px;
}
.about ul.our-links li .detail a.more {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    bottom: -17px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 20px;
    color: rgb(204, 204, 0);
    border-radius: 50%;
    text-align: center;
    border: 2px rgb(204, 204, 0) solid;
}
.about ul.our-links li .detail a.more:hover {
    color: #211d1e;
}
.about .sm-head {
    display: block;
    font-family: "texgyreadventorregular";
    font-size: 14px;
    color: #7d7c7c;
    line-height: 18px;
    text-transform: uppercase;
}
.about .left-block {
    display: block;
}
.video-block {
    /*
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
*/
    position: relative;
}
/*
.video-block iframe, .video-block object, .video-block embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#thumbnail_container {
	overflow: hidden;
	width: 100%;
}
*/
.about .video-block img {
    width: 100%;
}
.about .video-block a {
    width: 67px;
    display: block;
    position: absolute;
    margin: -34px auto 0;
    left: 0px;
    right: 0px;
    top: 50%;
    cursor: pointer;
}
.about h2 {
    padding-bottom: 20px !important;
    color: #353434;
    text-align: left !important;
}
.about p {
    display: block;
    padding-bottom: 34px;
}
.about .know-more-wrapper {
    display: block;
    position: relative;
}
.about .know-more-wrapper:after {
    width: calc(100% - 135px);
    height: 1px;
    background: #e8e8e8;
    content: "";
    position: absolute;
    right: 0px;
    top: 14px;
    z-index: 1;
}
.about a.know-more {
    display: inline-block;
    padding-right: 24px;
    position: relative;
    z-index: 2;
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}
.about a.know-more span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 4px;
    color: rgb(204, 204, 0);
}
.about a.know-more:hover span {
    color: rgb(204, 204, 0);
}

/*-----------------------
	cources
-----------------------*/
.padding-lg {
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}
.our-cources h2,
.how-study h2,
.why-choose h2,
.news-events h2,
.campus-tour h2,
.testimonial h2,
.about h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
    display: block;
    padding-bottom: 44px;
    font-family: "texgyreadventorbold";
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}
.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.news-events h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
    display: block;
    font-family: "texgyreadventorregular";
    font-size: 14px;
    opacity: 0.8;
}
.our-cources {
    display: block;
    background: url(../images/bg2.webp) no-repeat center top / cover;
    position: relative;
}
.our-cources:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #383838;
    opacity: 0.8;
}
.our-cources .container {
    position: relative;
    z-index: 2;
}
.our-cources h2 {
    color: #fff;
}
.our-cources h2 span {
    color: #d5d4d3;
}
.our-cources ul.course-list {
    display: block;
    padding-top: 20px;
}
.our-cources ul.course-list li {
    display: block;
    background: url(../images/book-bg.png) no-repeat center top;
    position: relative;
}
.our-cources ul.course-list li:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}
.our-cources ul.course-list li .inner {
    width: 198px;
    margin: 0 auto;
    height: 280px;
    padding: 54px 0 0 30px;
    position: relative;
}
.our-cources ul.course-list li .inner figure {
    position: absolute;
    left: 4px;
    top: 1px;
    opacity: 0.3;
}
.our-cources ul.course-list li h3 {
    display: block;
    padding-bottom: 10px;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    text-transform: uppercase;
    line-height: 22px;
    color: #fff;
    position: relative;
}
.our-cources ul.course-list li h3 span {
    display: block;
}
.our-cources ul.course-list li p {
    display: block;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    opacity: 0.8;
}
.our-cources ul.course-list li .fess-box {
    display: inline-block;
    padding: 0 12px;
    background: rgb(204, 204, 0);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}
.our-cources ul.course-list li .fess-box span {
    font-family: "texgyreadventorbold";
    font-size: 16px;
}
.our-cources ul.course-list li .bottom-txt {
    width: 100%;
    padding: 18px 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.our-cources ul.course-list li .duration {
    width: 81%;
    float: left;
}
.our-cources ul.course-list li .duration h4 {
    display: block;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.our-cources ul.course-list li .duration span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 0.8;
}
.our-cources ul.course-list li a {
    display: block;
    position: absolute;
    right: 18px;
    top: 22px;
}
.our-cources ul.course-list li a .icon-more-icon {
    font-size: 23px;
    color: #fff;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}
.our-cources ul.course-list li a:hover .icon-more-icon {
    opacity: 1;
}

/*-----------------------
	impotance
-----------------------*/
.our-impotance {
    background: #fff;
}
.our-impotance ul {
    display: block;
    text-align: center;
}
.our-impotance ul li {
    display: block;
    margin-bottom: 64px;
    border-right: 1px #e9e9e9 solid;
    position: relative;
}
.our-impotance ul li .inner {
    display: block;
    padding: 30px;
}
.our-impotance ul li .inner img {
    border-radius: 3px;
}
.our-impotance ul li:nth-child(3n) {
    border-right: none;
}
.our-impotance ul li:nth-child(n + 4):after {
    display: none;
}
.our-impotance ul li:nth-child(n + 4) {
    margin-bottom: 0px;
}
.our-impotance ul li:after {
    width: 80%;
    height: 1px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    display: block;
    position: absolute;
    bottom: -35px;
    content: "";
    background: #e9e9e9;
}
.our-impotance ul li h3 {
    display: block;
    padding: 22px 0 12px 0;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #284962;
    text-transform: uppercase;
    line-height: 24px;
}
.our-impotance ul li h3 span {
    display: block;
}
.our-impotance ul li p {
    display: block;
    font-size: 12px;
    color: #969a9e;
    line-height: 20px;
}

/*-----------------------
	how study
-----------------------*/
.how-study {
    background: #f3f6f8;
}
.how-study h2 {
    color: #2d4256;
}
.how-study h2 span {
    color: #7d8792;
}
.how-study ul {
    display: block;
}
.how-study ul li img {
    width: 100%;
}
.how-study ul li:hover .overly {
    background: rgba(0, 0, 0, 0.9);
}
.how-study ul li .overly {
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    left: 15px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease 0s;
}
.how-study ul li .cnt-block {
    max-width: 220px;
    position: absolute;
    bottom: 30px;
    left: 11%;
    color: #fff;
}
.how-study ul li .cnt-block h3 {
    display: block;
    padding-bottom: 12px;
    font-family: "texgyreadventorregular";
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    position: relative;
    text-transform: none;
}
.how-study ul li .cnt-block h3:before {
    display: block;
    margin-bottom: 8px;
    width: 40%;
    height: 4px;
    content: " ";
    background: rgb(204, 204, 0);
}
.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
    background: rgb(204, 204, 0);
}
.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
    background: #1876bf;
}
.how-study ul li .cnt-block p {
    display: block;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.7;
}
.how-study ul li a.more {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    line-height: 24px;
    background: #fff;
    font-size: 18px;
    color: #000;
    text-align: center;
}
.how-study ul li a.more i {
    margin-left: 2px;
}
.how-study ul li a.more:hover {
    background: rgb(204, 204, 0);
    color: #fff;
}

/*-----------------------
	why choose
-----------------------*/
.why-choose {
    background: url(../images/bg3.webp) no-repeat center center / cover;
    position: relative;
}
.why-choose:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: rgb(204, 204, 0);
    opacity: 0.9;
}
.why-choose .container {
    position: relative;
    z-index: 2;
}
.why-choose h2 {
    padding-bottom: 70px;
    color: #fff;
}
.why-choose h2 span {
    color: #fff;
}
ul.our-strength {
    display: block;
    text-align: center;
}
ul.our-strength li {
    width: 20%;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-right: 1px #94d3a4 solid;
}
ul.our-strength li:last-child {
    border: none;
}
ul.our-strength li .icon {
    display: block;
    padding-bottom: 20px;
}
ul.our-strength li .icon span {
    font-size: 44px;
    opacity: 0.7;
}
ul.our-strength li span {
    padding-bottom: 12px;
    font-family: "texgyreadventorregular";
    font-size: 48px;
}
ul.our-strength li .couter-outer {
    display: block;
}
ul.our-strength li .title {
    display: block;
    font-family: "texgyreadventorregular";
    font-size: 14px;
    opacity: 0.8;
    text-transform: uppercase;
}

/*-----------------------
	news & events
-----------------------*/
.news-events {
    background: #f3f6f8;
}
.news-events h2 {
    color: #2a4356;
}
.news-events h2 span {
    color: #2d4256;
}
.news-events ul {
    display: block;
    margin-bottom: 60px;
}
.news-events ul li .inner {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 3px #c4c6c8;
    position: relative;
}
.news-events ul li .img-block {
    display: block;
}
.news-events ul li .img-block img {
    width: 100%;
}
.news-events ul li .cnt-block {
    display: block;
    padding: 40px 30px 30px 30px;
    background: #fff;
    position: relative;
}
.news-events ul li .cnt-block .plus-icon {
    display: block;
    width: 64px;
    height: 64px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: -32px;
    background: #2c97ea;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    box-shadow: 0px 5px 5px #c0e0f9;
}
.news-events ul li .cnt-block .plus-icon:hover {
    background: rgb(204, 204, 0);
}
.news-events ul li .cnt-block h3 {
    display: block;
    padding-bottom: 36px;
    font-family: "texgyreadventorregular";
    font-size: 22px;
    color: #41484d;
    line-height: 32px;
    text-transform: none;
}
.news-events figure {
    position: relative;
}
.news-events figure img {
    width: 100%;
    display: block;
    position: relative;
}
.news-events figcaption {
    position: absolute;
    top: 0;
    left: 0;
}
/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
    padding-bottom: 104px;
}
.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.cs-style-3 figcaption {
    width: 100%;
    top: auto;
    bottom: 0px;
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    bottom: 0px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.news-events ul li .bottom-block {
    display: block;
    padding: 30px 0 0 0;
    border-top: 1px #e8eef0 solid;
    font-size: 12px;
    color: #96adba;
}
.news-events ul li .date {
    display: block;
    float: left;
}
.news-events ul li .icon {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.news-events ul li .icon span {
    font-size: 20px !important;
    color: #c5d4da !important;
}
.news-events ul li .comment {
    display: block;
    float: right;
}
.news-events ul li .date span,
.news-events ul li .comment span {
    font-weight: 700;
    color: #5c7e91;
}
.news-events .know-more-wrapper {
    display: block;
    text-align: center;
    position: relative;
}
.news-events .know-more-wrapper:after {
    width: 100%;
    height: 1px;
    background: #daddde;
    content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    z-index: 1;
}
.news-events .know-more {
    display: inline-block;
    padding: 0 30px;
    position: relative;
    background: #f3f6f8;
    z-index: 2;
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}
.news-events a.know-more span {
    margin-left: 4px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    color: rgb(204, 204, 0);
    transition: all 0.3s ease 0s;
}
.news-events a.know-more:hover span {
    color: rgb(204, 204, 0);
}

/*-----------------------
	campus tour
-----------------------*/
.campus-tour {
    background: #fff;
    padding-bottom: 0px;
}
.campus-tour h2 {
    color: #2a4356;
}
.campus-tour h2 span {
    color: #2d4256;
}
.campus-tour ul.gallery {
    display: block;
}
.campus-tour ul.gallery li {
    width: 33.333%;
    float: left;
    display: block;
    background: #000;
    position: relative;
}
.campus-tour ul.gallery li figure {
    transition: all 0.3s ease 0s;
}
.campus-tour ul.gallery li:hover figure {
    opacity: 0.2;
}
.campus-tour ul.gallery li .overlay {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -57px;
    z-index: 1;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.campus-tour ul.gallery li:hover .overlay {
    top: 44%;
    opacity: 1;
}
.campus-tour ul.gallery li h3 {
    display: block;
    padding-bottom: 4px;
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}
.campus-tour ul.gallery li p {
    display: block;
    padding-bottom: 30px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.5;
}
.campus-tour ul.gallery li a {
    width: 56px;
    height: 56px;
    margin: 0 8px;
    display: inline-block;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: rgb(204, 204, 0);
    font-size: 22px;
    color: #fff;
}
.campus-tour ul.gallery li a.more {
    background: rgb(204, 204, 0);
}
.campus-tour ul.gallery li a:hover {
    background: #2c97ea;
}
.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
    border: none;
}
.mfp-arrow-left:before,
.mfp-arrow-right:after {
    width: 20px;
    height: 38px;
    display: block;
    content: "";
    background: url(../images/popup-arrows.png) no-repeat center bottom;
}
.mfp-arrow-left:before {
    background-position: left top;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: 28px;
    height: 28px;
    right: 0px;
    padding-right: 0px;
    display: block;
    cursor: pointer;
    background: url(../images/popup-close.png) no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

/*-----------------------
	client logos
-----------------------*/
.logos {
    display: block;
    padding: 60px 0;
}
.logos ul {
    display: block;
}
.logos ul .owl-item img {
    width: auto;
}

/*-----------------------
	testimonials
-----------------------*/
.testimonial {
    display: block;
    background: url(../images/bg.webp) no-repeat center top / cover;
    text-align: center;
    position: relative;
}
.testimonial:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #2e5f85;
    opacity: 0.8;
}
.testimonial .container {
    position: relative;
    z-index: 2;
}
.testimonial h2 {
    font-family: "texgyreadventorbold";
    color: #fff;
}
.testimonial .wrapper {
    display: block;
    max-width: 1012px;
    position: relative;
}
.testimonial .wrapper:before,
.testimonial .wrapper:after {
    display: block;
    position: absolute;
    font-family: "icomoon";
    font-size: 48px;
    color: #fff;
}
.testimonial .wrapper:before {
    left: 0;
    top: 0;
    content: "\e90d";
}
.testimonial .wrapper:after {
    right: 0;
    bottom: 0;
    content: "\e90c";
}
.testimonial ul {
    display: block;
}
.testimonial ul li {
    display: block;
}
.testimonial ul li p {
    display: block;
    padding-bottom: 32px;
    font-family: "texgyreadventorregular";
    font-size: 23px;
    color: #b2d3ed;
    line-height: 38px;
}
.testimonial ul li p a {
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #fff;
}
.testimonial ul li span {
    font-family: "texgyreadventorregular";
    font-size: 18px;
    color: #fff;
}
.testimonial ul li span span {
    font-size: 14px;
    color: #7fadd2;
}
.testimonial .bx-wrapper {
    padding-bottom: 20px;
}
.testimonial #bx-pager a {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}
.testimonial #bx-pager a img {
    border: 5px solid transparent;
}
.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
    border: 5px solid rgb(182, 182, 0);
}
.testimonial #bx-pager a:hover:after,
.testimonial #bx-pager a.active:after {
    width: 0;
    height: 0;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -7px;
    content: " ";
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid rgb(182, 182, 0);
}

/* ================================================== */
/* 05. footer */
/* ================================================== */
.footer {
    display: block;
    background: #234a66;
}
.footer .row1 {
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
}
.footer .foot-nav {
    display: block;
    width: 25%;
    padding-right: 15px;
    float: left;
}
.footer .foot-nav ul li {
    display: block;
    line-height: 22px;
}
.footer h3 {
    display: block;
    padding-bottom: 20px;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.footer .foot-nav ul li a {
    font-size: 12px;
    color: #8eb6d6;
}
.footer .foot-nav ul li a:hover {
    color: #fff;
}
.footer .footer-logo {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px #3e6583 solid;
}
.footer p {
    font-size: 12px;
    color: #8eb6d6;
}
.footer p span {
    color: #fff;
    font-weight: 700;
}
.footer ul.terms {
    display: block;
}
.footer ul.terms li {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 700;
}
.footer ul.terms li:after {
    display: inline-block;
    padding: 0 4px;
    content: " I ";
}
.footer ul.terms li:last-child:after {
    display: none;
}
.footer ul.terms li:first-child {
    padding-left: 0px;
}
.footer ul.terms li a {
    color: #8eb6d6;
}
.footer ul.terms li a:hover {
    color: #fff;
}
.footer .bottom {
    display: block;
    padding: 40px 0;
    background: #2e5f85;
}
.footer .connect-us {
    display: block;
    padding: 14px 0 18px 0;
    width: 95%;
    border-right: 1px #537d9e solid;
}
.footer ul.follow-us {
    display: block;
}
.footer ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}
.footer ul.follow-us li:first-child {
    padding-left: 0px;
}
.footer ul.follow-us li a {
    width: 40px;
    height: 40px;
    display: block;
    border: 2px #4d87b5 solid;
    border-radius: 50%;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fff;
}
.footer ul.follow-us li a:hover {
    background: #1c7bc3;
    border-color: #1c7bc3;
}
.footer .subscribe {
    display: block;
    padding: 14px 58px 18px 0;
    width: 95%;
    border-right: 1px #537d9e solid;
}
.footer .subscribe #mc_embed_signup {
    background: #fff;
    border-radius: 5px;
}
.footer .subscribe input[type="email"] {
    width: 82%;
    height: 44px;
    padding: 0 15px;
    border: none;
    background: none;
    font-size: 12px;
    color: #7da6c6;
}
.footer .subscribe input[type="email"]::-webkit-input-placeholder {
    text-transform: none;
    color: #7da6c6;
}
.footer .subscribe input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    text-transform: none;
    color: #7da6c6;
}
.footer .subscribe input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: none;
    color: #7da6c6;
}
.footer .subscribe input[type="email"]:-ms-input-placeholder {
    text-transform: none;
    color: #7da6c6;
}
.footer .subscribe .clear {
    float: right;
    text-align: center;
    position: relative;
    background: #2c97ea;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease 0s;
}
.footer .subscribe .clear:before {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 9px;
    font-family: "icomoon";
    font-size: 20px;
    content: "\e907";
    color: #fff;
    z-index: 1;
}
.footer .subscribe .clear:hover {
    background: rgb(182, 182, 0);
}
.footer .subscribe .clear .button {
    width: 46px;
    height: 44px;
    float: right;
    border: none;
    font-size: 20px;
    color: #fff;
    background: none;
    text-indent: -9999px;
    position: relative;
    z-index: 2;
    border-radius: 0 4px 4px 0;
    transition: all 0.3s ease 0s;
}
.footer .instagram {
    display: block;
    padding: 14px 58px 18px 0;
}
.footer .instagram ul {
    display: block;
}
.footer .instagram ul li {
    width: 16.6%;
    padding: 0 2.5px;
    float: left;
}
.footer .instagram ul li a:hover {
    opacity: 0.7;
}
a.scroll-top {
    width: 44px;
    height: 44px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    background-color: rgb(204, 204, 0);
    z-index: 999;
}
a.scroll-top:hover {
    background: rgb(204, 204, 0);
}

/* ================================================== */
/* 06. index2 */
/* ================================================== */
/*-----------------------
	banner2
-----------------------*/
.banner2 {
    min-height: 650px;
    padding: 115px 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
}
.banner2:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.3);
}
.banner2 .container {
    max-width: 965px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.banner2 .cnt-block {
    max-width: 740px;
    margin: 0 auto;
}
.banner2 h1 {
    padding-bottom: 30px;
    color: #fff;
    text-transform: none;
    line-height: 56px;
}
.banner2 p {
    font-size: 16px;
    line-height: 26px;
    opacity: 0.8;
}
.banner2 .form-group {
    width: 100%;
    margin: 40px 0 70px 0;
    display: inline-block;
    vertical-align: middle;
}
.banner2 .form-group .form-control {
    width: calc(100% - 74px);
    margin-right: -2px;
    height: 64px;
    padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #98a1a5;
    text-transform: capitalize;
    border: none;
    border-radius: 30px 0 0 30px;
    box-shadow: none;
}
.banner2 .form-group .search-btn {
    width: 70px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -2px;
    border-radius: 0 30px 30px 0;
}

.banner2 ul.banner-list {
    width: 100%;
    max-width: 790px;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.banner2 ul.banner-list li:after {
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    right: 30px;
    top: 0px;
    content: "";
    background: rgba(255, 255, 255, 0.5);
}
.banner2 ul.banner-list li:last-child:after {
    display: none;
}
.banner2 ul.banner-list li figure {
    width: 54px;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li .cnt {
    width: calc(100% - 58px);
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.banner2 ul.banner-list li .cnt span {
    display: block;
}

/*-----------------------
	Intro Sec
-----------------------*/
.intro-sec .video-block .play-outer {
    width: 220px;
    height: 78px;
    padding: 15px;
    background: #fff;
    border-radius: 50px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.intro-sec .video-block .play-outer figure {
    width: 46px;
    display: inline-block;
    vertical-align: middle;
}
.intro-sec .video-block .play-outer span {
    width: calc(100% - 50px);
    padding-left: 12px;
    display: inline-block;
    vertical-align: middle;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #565656;
    line-height: 20px;
}
.intro-sec h2 {
    padding-bottom: 35px;
    font-size: 36px;
    color: #353434;
    line-height: 45px;
    text-transform: capitalize;
}
.intro-sec h2 span {
    display: block;
}
.intro-sec p {
    color: #575d60;
}
.intro-sec .know-more-wrapper {
    display: block;
    margin-top: 40px;
    position: relative;
}
.intro-sec a.know-more {
    display: inline-block;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #606d87;
    text-decoration: underline !important;
}
.intro-sec a.know-more span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    font-size: 18px;
    color: #f5731f;
}
.intro-sec a.know-more:hover span {
    color: rgb(204, 204, 0);
}

/*---------------------------
	Popular Cources Sec
---------------------------*/
.popular-cources {
    background: #fafafa;
}
.popular-cources .title-row {
    display: block;
    margin-bottom: 45px;
}
.popular-cources a.view-courses {
    display: block;
    float: right;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #606d87;
    text-decoration: underline !important;
}
.popular-cources a.view-courses span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 14px 0 0;
    font-size: 18px;
    color: #f5731f;
}
.popular-cources a.view-courses:hover span {
    color: rgb(204, 204, 0);
}
.popular-cources h3 {
    display: block;
    float: left;
    font-size: 30px;
    color: #353434;
    text-transform: capitalize;
}
.popular-cources ul.courses-list li .inner {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}
.popular-cources ul.courses-list li figure img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.popular-cources ul.courses-list li .cnt-block {
    padding: 40px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    position: relative;
}
.popular-cources ul.courses-list li .duration {
    padding: 6px 20px;
    background: #2c97ea;
    color: #fff;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    top: -22px;
}
.popular-cources ul.courses-list li .duration .year {
    display: block;
    font-family: "texgyreadventorbold";
    font-size: 16px;
}
.popular-cources ul.courses-list li .duration .txt {
    font-size: 12px;
    opacity: 0.7;
}
.popular-cources ul.courses-list li h4 {
    padding-bottom: 12px;
    font-size: 18px;
    color: #282828;
    text-transform: capitalize;
    line-height: 22px;
}
.popular-cources ul.courses-list li p {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 22px;
}

/*-----------------------------
	Whats Makes Different Sec
-----------------------------*/
.wt-makes-different {
    background: #1b305c;
    position: relative;
}
.wt-makes-different .bg-image {
    width: 45%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: left top;
    background-size: cover;
}
.wt-makes-different .bg-image:after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: rgba(27, 48, 92, 0.7);
    position: absolute;
    left: 0;
    top: 0;
}
.wt-makes-different .left {
    padding-top: 140px;
    padding-bottom: 180px;
    color: #fff;
}
.wt-makes-different .left .q-mark {
    width: 100px;
    height: 100px;
    margin-bottom: 22px;
    font-family: "texgyreadventorbold";
    font-size: 60px;
    line-height: 90px;
    background: rgb(204, 204, 0);
    border-radius: 50%;
    text-align: center;
}
.wt-makes-different .left h2 {
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 72px;
    color: #fff;
    text-transform: capitalize;
}
.wt-makes-different .left a.read-more {
    display: inline-block;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #fff;
    text-decoration: underline !important;
}
.wt-makes-different .left a.read-more span {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 12px 0 0;
    font-size: 18px;
}
.wt-makes-different .left a.read-more:hover span {
    color: rgb(204, 204, 0);
}
.wt-makes-different .right {
    padding: 120px 0 0 60px;
}
ul.makes-different-list li {
    margin-bottom: 70px;
}
ul.makes-different-list li .inner {
    max-width: 246px;
}
ul.makes-different-list li h3 {
    padding: 20px 0 15px 0;
    padding-bottom: 15px;
    font-size: 18px;
    text-transform: inherit;
    color: #fff;
}
ul.makes-different-list li p {
    font-size: 14px;
    line-height: 22px;
    color: #9ca8c3;
}

/*-----------------------------
	How Study 2
-----------------------------*/
.how-study2 {
    background: #fff;
}
.how-study2 h2,
.why-choose2 h2,
.news-events2 h2,
.campus-tour2 h2 {
    text-transform: inherit;
}
.how-study2 h2 span,
.why-choose2 h2 span,
.news-events2 h2 span,
.campus-tour h2 span {
    padding-bottom: 5px;
}
.how-study2 ul li .overly,
.how-study2 ul li figure {
    border-radius: 15px;
    overflow: hidden;
}

/*-----------------------------
	Why Choose 2
-----------------------------*/
.why-choose2 ul.our-strength li {
    border: none;
}

/*-----------------------------
	Testimonials 2
-----------------------------*/
.testimonial2 {
    background: none;
}
.testimonial2:after {
    display: none;
}
.testimonial2 .wrapper:before,
.testimonial2 .wrapper:after {
    color: #cecece;
}
.testimonial2 h2 {
    text-transform: inherit;
    color: #254b65;
}
.testimonial2 ul li p {
    color: #8397a5;
}
.testimonial2 ul li p a {
    color: #2c97ea;
}
.testimonial2 ul li span {
    color: rgb(204, 204, 0);
}
.testimonial2 ul li span span {
    color: #8397a5;
}

/*-----------------------------
	Brands 2
-----------------------------*/
.logos2 {
    padding-top: 0px;
}
.logos2 ul {
    padding: 60px 0 0;
    border-top: 1px #e9e9e9 solid;
}

/*-----------------------------
	Footer 2
-----------------------------*/
.footer2 {
    background: #333;
}
.footer2 .foot-nav ul li a,
.footer2 p,
.footer2 ul.terms li:after,
.footer2 ul.terms li a {
    color: #999;
}
.footer2 .footer-logo {
    border-color: #454545;
}
.footer2 .bottom {
    background: #1a1a1a;
}
.footer2 .connect-us,
.footer2 ul.follow-us li a,
.footer2 .subscribe {
    border-color: #262626;
}
.footer2 .subscribe input[type="email"] {
    color: #999;
}
.footer2 .subscribe input[type="email"]::-webkit-input-placeholder {
    color: #999;
}
.footer2 .subscribe input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
}
.footer2 .subscribe input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
}
.footer2 .subscribe input[type="email"]:-ms-input-placeholder {
    color: #999;
}

/* ================================================== */
/* 07. about page */
/* ================================================== */
.about-right {
    display: block;
}
.about-right img {
    width: 100%;
}
.why-choose.grey-bg {
    background: #f3f6f8;
}
.why-choose.grey-bg:after {
    display: none;
}
.why-choose.grey-bg h2 {
    color: #2a4356;
}
.why-choose.grey-bg h2 span {
    color: #808182;
}
ul.our-strength.opt2 li {
    border-color: #dde5e9;
}
ul.our-strength.opt2 li span {
    color: #3f5044;
}
ul.our-strength.opt2 li .icon span {
    color: rgb(204, 204, 0);
}
ul.our-strength.opt2 li .title {
    color: #9099a0;
}
.about-video {
    width: 100%;
    background: url(../images/about-video-bg.jpg) no-repeat center top / cover;
    text-align: center;
    position: relative;
}
.about-video:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #081d2d;
    opacity: 0.6;
}
.about-video .container {
    display: table;
    height: 550px;
    position: relative;
    z-index: 2;
}
.about-video p {
    display: table-cell;
    vertical-align: middle;
    font-family: "texgyreadventorbold";
    font-size: 60px;
    color: #d1d3d4;
}
.about-video p a {
    color: #fff;
}
.about-video p a span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.about-video p a:hover {
    color: rgb(204, 204, 0);
}
.browse-teacher.grey-bg {
    background: #f3f6f8;
}
.modal-content {
    border-radius: 0px;
}
.about .close,
.about-video .close {
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0;
    z-index: 2;
}
.about .close span,
.about-video .close span {
    width: 36px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    background: url(../images/popup-close-btn.jpg) no-repeat center top;
}
.modal {
    z-index: 99999;
}
.modal-backdrop {
    z-index: 9999;
}

/* ================================================== */
/* 08. cources listing page */
/* ================================================== */
.inner-banner {
    /* background: url(../images/inner-banner-bg.jpg) no-repeat center top / cover; */
    display: block;
    padding: 60px 0;
    min-height: 290px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.inner-banner .content {
    max-width: 392px;
}
.inner-banner h1 {
    display: block;
    padding-bottom: 18px;
    font-family: "texgyreadventorbold";
    font-size: 46px;
    /* color: #24353b; */
    color: #ffffff;
    text-transform: uppercase;
}
.inner-banner p {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #dbdbdb;
}
.inner-banner a.apply-online {
    max-width: 246px;
    display: block;
    margin-top: 16px;
    margin-bottom: 26px;
    background: rgb(204, 204, 0);
    text-transform: uppercase;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #fff;
    position: relative;
}
.inner-banner a.apply-online:hover {
    background: rgb(182, 182, 0);
}
.inner-banner a.apply-online .left {
    width: 80%;
    float: left;
    padding: 20px 0 20px 24px;
}
.inner-banner a.apply-online .icon {
    display: block;
    padding-right: 15px;
    float: left;
}
.inner-banner a.apply-online .txt {
    width: 36%;
    float: left;
    line-height: 20px;
}
.inner-banner a.apply-online .arrow {
    width: 20%;
    height: 100%;
    line-height: 78px;
    position: absolute;
    right: 0px;
    background: rgb(182, 182, 0);
    font-size: 24px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.inner-banner a.apply-online:hover .arrow {
    background: rgb(182, 182, 0);
}
a.download-prospects {
    display: block;
    padding: 0 10px 10px 0;
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #43647d;
    text-transform: uppercase;
}
a.download-prospects .icon-brochure-icon {
    display: block;
    margin-right: 15px;
    float: left;
    font-size: 29px;
    color: #389ceb;
}
a.download-prospects.brochure {
    background-position: left 4px;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    color: #4f4a4a;
}
a.download-prospects .small {
    display: block;
    font-family: "texgyreadventorregular";
    font-size: 12px;
    color: #8f9ba1;
    line-height: 14px;
    text-transform: uppercase;
}
a.download-prospects:hover,
a.download-prospects:hover span {
    color: #2c97ea;
}
.about.inner {
    background: none;
}
.about.inner .video-block {
    margin-bottom: 12px;
}
.about.inner .modal-body .video-block {
    margin-bottom: 0px;
}
.about.inner p {
    padding-bottom: 20px;
}
.about .btn-wrapper {
    display: block;
}
a.download-pros,
a.download-cert {
    width: 50%;
    float: left;
    padding: 22px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
}
a.download-pros {
    background: #2c97ea;
    border-right: 1px #fff solid;
}
a.download-cert {
    background: #f0bc01;
    border-left: 1px #fff solid;
}
a.download-pros .ico-block,
a.download-cert .ico-block {
    display: block;
    padding-right: 15px;
    float: left;
}
a.download-pros .txt-block,
a.download-cert .txt-block {
    display: block;
    padding-top: 4px;
    float: left;
    text-transform: uppercase;
}
a.download-pros .sm-txt,
a.download-cert .sm-txt {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    opacity: 0.7;
}
a.download-pros:hover,
a.download-cert:hover {
    background-color: rgb(204, 204, 0);
}
.select-course {
    display: block;
    float: right;
    padding-right: 34px;
}
.select-course .select2.select2-container {
    width: 254px !important;
}
.select-course .select2-container .select2-selection--single {
    height: 48px;
}
.select-course .select2-container--default .select2-selection--single {
    background: rgba(0, 0, 0, 0.4);
}
.select-course
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 20px;
    line-height: 48px;
    font-family: "texgyreadventorregular";
    color: #fff;
    text-transform: uppercase;
}
.select-course
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    width: 46px;
    height: 46px;
    border-left: 1px #aaa solid;
    background: rgba(255, 255, 255, 0.2);
}
.our-cources.sub {
    background: url(../images/cources-bg1.jpg) no-repeat center top / cover;
}
.our-cources.sub h2 {
    padding-left: 32px;
    text-align: left;
}
.our-cources ul.inner li {
    margin-bottom: 140px;
}
.our-cources ul.inner li:before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -70px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}
.our-cources ul.course-list.inner li .inner {
    padding: 40px 0 0 30px;
}
.our-cources ul.inner li:nth-child(n + 9) {
    margin-bottom: 80px;
}
.our-cources ul.inner li:nth-child(n + 9):before,
.our-cources ul.inner li:nth-child(4n):after {
    display: none;
}
.pagination {
    margin: 0px;
}
.pagination > li > a,
.pagination > li > span {
    font-family: "texgyreadventorbold";
    color: #8faabe;
    margin: 0 4px;
    border: none;
    border-radius: 50%;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background: rgb(204, 204, 0);
    color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    padding: 7px 22px;
    border-radius: 25px;
    font-size: 12px;
    text-transform: uppercase;
}
.pagination li a i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 18px;
}
.pagination > li:first-child a i {
    margin-right: 10px;
}
.pagination > li:last-child a i {
    margin-left: 10px;
}

/*-----------------------
	browse teacher
-----------------------*/
.browse-teacher {
    display: block;
}
.browse-teacher h2 {
    color: #2a4356;
}
ul.browse-teachers-list {
    display: block;
    padding-top: 20px;
}
ul.browse-teachers-list > li {
    display: block;
    text-align: center;
    border-right: 1px #e5e5e5 solid;
}
ul.browse-teachers-list > li:last-child {
    border: none;
}
ul.browse-teachers-list > li .inner-block {
    display: block;
    padding: 0 20px;
}
ul.browse-teachers-list figure {
    width: 124px;
    height: 124px;
    margin: 0 auto 28px;
    position: relative;
}
ul.browse-teachers-list figure:before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background: url(../images/teacher-overlay-bg.png) no-repeat center top;
}
.browse-teacher.grey-bg ul.browse-teachers-list figure:before {
    background: url(../images/teacher-overlay-bg-grey.png) no-repeat center top;
}
.details-tab ul.browse-teachers-list figure:before {
    background: url(../images/teacher-overlay-bg-tab.png) no-repeat center top;
}
ul.browse-teachers-list h3 {
    font-family: "texgyreadventorbold";
    font-size: 14px;
    text-transform: uppercase;
    color: #414a4f;
}
ul.browse-teachers-list .designation {
    display: block;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
}
ul.browse-teachers-list p {
    display: block;
    padding: 0 20px 26px 20px;
    font-size: 12px;
    line-height: 22px;
}
ul.teachers-follow {
    display: block;
}
ul.teachers-follow li {
    display: inline-block;
    padding: 0 6px;
}
ul.teachers-follow li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
ul.teachers-follow li a:hover {
    background: #333 !important;
}
ul.teachers-follow li:nth-child(1) a {
    background: #00a0d1;
}
ul.teachers-follow li:nth-child(2) a {
    background: #0e76a8;
}
ul.teachers-follow li:nth-child(3) a {
    background: #00aff0;
}

/* ================================================== */
/* 09. course detail page */
/* ================================================== */
.enquire-wrapper {
    max-width: 438px;
}
.enquire-now {
    max-width: 405px;
    margin: -90px auto 0;
    position: relative;
    color: #fff;
}
.enquire-now .inner {
    padding: 40px 26px 30px 26px;
    background: #2c97ea;
}
.enquire-now .inner h3 {
    display: block;
    padding-bottom: 26px;
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #fff;
    text-transform: none;
}
.enquire-now .inner .row1 {
    display: block;
    margin-bottom: 14px;
}
.enquire-now .inner input::-webkit-input-placeholder {
    color: #fff;
}
.enquire-now .inner input:-moz-placeholder {
    color: #fff;
}
.enquire-now .inner input::-moz-placeholder {
    color: #fff;
}
.enquire-now .inner input:-ms-input-placeholder {
    color: #fff;
}
.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    background: #60b1f0;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px #fff solid;
}
.enquire-now .inner .row2 {
    display: block;
    margin: 0 -5px 14px -5px;
}
.enquire-now .inner .row2 input {
    width: calc(50% - 10px);
    margin: 0 5px;
    float: left;
}
.enquire-now .enquire-btn {
    width: 100%;
    padding: 13px 15px;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    text-transform: uppercase;
    background: rgb(204, 204, 0);
    border: none;
}
.enquire-now .enquire-btn span {
    margin-left: 4px;
    font-size: 14px;
    opacity: 0.5;
}
.enquire-now .enquire-btn:hover {
    background: rgb(204, 204, 0);
}
.cert-head {
    display: block;
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
}
.cert-head:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0px;
    background: #d8d8d8;
    content: "";
}
.cert-head h3 {
    display: inline-block;
    padding-right: 14px;
    background: #fff;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #211d1e;
    z-index: 1;
    position: relative;
}
ul.cert-list {
    display: block;
}
ul.cert-list li {
    width: calc(50% - 30px);
    float: left;
    padding: 14px 0 14px 28px;
    margin-right: 30px;
    font-weight: 700;
    border-bottom: 1px #c0c4c6 dashed;
    position: relative;
}
ul.cert-list li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
    font-family: "icomoon";
    font-size: 15px;
    color: #2c97ea;
    content: "\e91f";
}
ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
    border-bottom: none;
}
ul.cert-list li span {
    display: inline-block;
    margin-right: 6px;
    color: #2c97ea;
}
.course-detail {
    display: block;
    padding: 25px 40px;
    margin-top: 50px;
    border: 1px #dfe9f1 solid;
}
.course-detail .duration {
    width: 25%;
    min-height: 85px;
    padding-right: 40px;
    float: left;
    border-right: 1px #dfe9f1 solid;
}
.course-detail .duration.eligible {
    width: 34%;
    padding: 0 40px;
}
.course-detail .duration.eligible .icon {
    font-size: 34px;
}
.course-detail .duration.fee {
    width: 22%;
    padding: 0 40px;
}
.course-detail .duration.fee .detail {
    font-size: 36px;
    color: rgb(204, 204, 0);
}
.course-detail .duration.fee .detail span {
    padding-bottom: 10px;
}
.course-detail .duration .icon {
    width: 67px;
    height: 67px;
    display: table;
    float: left;
    background: #edf1f4;
    border-radius: 50%;
    font-size: 38px;
    color: #79a2c2;
    text-align: center;
}
.course-detail .duration .icon span {
    display: table-cell;
    vertical-align: middle;
}
.course-detail .duration .detail {
    display: block;
    padding: 10px 0 0 16px;
    float: left;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #4f4a4a;
    line-height: 22px;
}
.course-detail .duration .detail span {
    display: block;
    font-family: "texgyreadventorregular";
    font-size: 14px;
    color: #8f9ba1;
    text-transform: uppercase;
}
.course-detail .btn {
    margin: 18px 0 0 40px;
}

/*-----------------------
	course detail tab
-----------------------*/
.details-tab {
    display: block;
    padding: 50px 0 90px 0;
    background: #ebeff3;
}
#myTabs {
    padding: 0 30px;
    text-align: center;
}
.course-tab {
    margin-bottom: 50px;
    border-bottom: 2px #d8e0e7 solid;
}
.course-tab > li {
    width: 25%;
}
.course-tab > li > a {
    padding: 0 0 26px 0;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #909aa1;
    text-transform: uppercase;
    border: none !important;
}
.course-tab > li > a span {
    display: block;
    padding-bottom: 18px;
    font-size: 50px;
    color: #a4b1bc;
}
.course-tab > li > a .block {
    display: inline;
}
.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
    background: none;
    border-bottom: 2px rgb(204, 204, 0) solid !important;
    color: rgb(204, 204, 0);
}
.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
    color: rgb(204, 204, 0);
}
.details-tab #curriculam,
.details-tab #schedule {
    background: #fff;
    box-shadow: 0 0 14px #d4d9de;
}
#curriculam .lecture-txt {
    display: block;
    padding-bottom: 2px;
    font-size: 12px;
    color: #a5b1a8;
    text-transform: uppercase;
}
#curriculam .lecture-txt span {
    color: #4f5c53;
}
#curriculam .lecture-txt a.preview {
    display: inline-block;
    padding: 0 12px;
    background: #2c97ea;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
}
#curriculam .lecture-txt a.preview:hover {
    background: rgb(204, 204, 0);
}
.details-tab .course-table {
    border: 1px #d8e0e7 solid;
    margin: 0px;
}
.details-tab .course-table > thead > tr > th {
    padding: 11px 30px;
    background: #e9f4fd;
    font-family: "texgyreadventorbold";
    text-transform: uppercase;
    font-size: 14px;
    color: #4e5d52;
    border-color: #c3e1f9;
}
.course-table > tbody > tr > td,
.course-table > tfoot > tr > td,
.course-table > thead > tr > td {
    padding: 28px 30px;
}
.course-table > thead > tr,
.course-table > thead > tr > td,
.course-table > thead > tr > th {
    border: 1px #c3e1f9 solid;
}
.course-table > tbody > tr > td,
.course-table > tbody > tr > th,
.course-table > tfoot > tr > td,
.course-table > tfoot > tr > th {
    border: 1px solid #eee;
    font-weight: 700;
    color: #707c82;
}
.table-col1 {
    display: block;
    padding-left: 20px;
    position: relative;
}
.table-col1:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    font-family: "FontAwesome";
    font-size: 18px;
    color: rgb(204, 204, 0);
    content: "\f105";
}
#schedule .course-table > thead > tr > th:first-child {
    width: 55%;
}
#schedule .fee-amt {
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #585d60;
}
#schedule ul.fee-details {
    display: block;
    padding: 5px 0 0 22px;
}
#schedule ul.fee-details li {
    display: block;
    padding: 8px 0;
    border-bottom: 1px #c9cdce dashed;
    font-weight: normal;
    position: relative;
}
#schedule ul.fee-details li:last-child {
    border-bottom: none;
}
#schedule ul.fee-details li:before {
    display: block;
    position: absolute;
    left: -22px;
    top: 8px;
    font-family: "icomoon";
    font-size: 14px;
    color: #2c97ea;
    content: "\e908";
}
#semester ul.content {
    display: block;
}
#semester ul.content > li {
    display: block;
    padding: 0 0 24px 24px;
    margin-bottom: 24px;
    border-bottom: 1px #c9cdce dashed;
    position: relative;
}
#semester ul.content > li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#semester ul.content > li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-family: "icomoon";
    font-size: 16px;
    color: #2c97ea;
    content: "\e908";
}
#semester ul.content > li:last-child {
    border-bottom: none;
}
#semester ul.content > li h4 {
    display: block;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #4c5357;
}
#semester ul.content > li p {
    display: block;
    line-height: 22px;
}
#semester ul.content > li > ul {
    max-width: 430px;
    padding: 10px 0 0 0;
}
#semester ul.content > li > ul > li {
    padding: 6px 0 6px 20px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}
#semester ul.content > li > ul > li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 8px;
    font-family: "icomoon";
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}
#teachers ul.browse-teachers-list > li {
    border-color: #dbdedf;
}

/*-----------------------
	how to apply
-----------------------*/
.how-apply {
    display: block;
}
.how-apply h2 {
    color: #2a4356;
}
.how-apply ul {
    display: block;
    padding-top: 20px;
    padding-bottom: 70px;
}
.how-apply ul li {
    display: block;
    text-align: center;
}
.how-apply ul li:nth-child(1):after {
    width: 214px;
    height: 77px;
    display: block;
    content: "";
    position: absolute;
    right: -120px;
    top: 86px;
    background: url(../images/dotted-arrow.png) no-repeat left top;
    z-index: -1;
}
.how-apply ul li:nth-child(2):after {
    width: 221px;
    height: 84px;
    display: block;
    content: "";
    position: absolute;
    right: -122px;
    top: 32px;
    background: url(../images/dotted-arrow1.png) no-repeat left top;
    z-index: -1;
}
.how-apply ul li .icon-block {
    width: 175px;
    height: 175px;
    line-height: 175px;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: rgb(204, 204, 0);
    text-align: center;
    transition: all 0.3s ease 0s;
}
.how-apply ul li .icon-block .num {
    width: 44px;
    height: 44px;
    position: absolute;
    right: -20px;
    top: 45px;
    display: block;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    background: #2c97ea;
    border-radius: 50%;
}
.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
    background: #3eb25c;
}
.how-apply ul li:hover .num,
.how-apply ul li.active .num {
    background: rgb(204, 204, 0);
}
.how-apply ul li h3 {
    display: block;
    padding: 34px 0 25px 0;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    color: #211d1e;
    text-transform: uppercase;
}
.how-apply ul li p {
    display: block;
    padding: 0 40px 0;
}
.how-apply .button-wrapper {
    display: block;
    text-align: center;
    position: relative;
}
.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
    width: calc(50% - 110px);
    height: 1px;
    background: #d8d8d8;
    content: "";
    position: absolute;
    top: 50%;
}
.how-apply .button-wrapper:before {
    left: 0;
}
.how-apply .button-wrapper:after {
    right: 0;
}

/*-----------------------
	comments section
-----------------------*/
.comments-wrapper {
    display: block;
    background: #f3f6f8;
}
.comments-wrapper h2 {
    display: block;
    padding-bottom: 22px;
    font-family: "texgyreadventorbold";
    font-size: 24px;
    color: #606d87;
    text-transform: uppercase;
    border-bottom: 1px #d5d7d9 solid;
    position: relative;
}
.comments-wrapper h2:after {
    display: block;
    width: 166px;
    height: 1px;
    background: #4181b9;
    position: absolute;
    bottom: -1px;
    content: "";
    background: #4181b9;
}
.comments-wrapper ul.comments {
    display: block;
    padding-top: 56px;
    padding-bottom: 40px;
}
.comments-wrapper ul.comments li {
    margin-bottom: 30px;
}
.comments-wrapper ul.comments li .com-img {
    width: 68px;
    height: 68px;
    float: left;
}
.comments-wrapper ul.comments li .com-txt {
    width: calc(100% - 92px);
    padding: 30px 60px 30px 30px;
    float: right;
    background: #fbfcfd;
    border: 1px #d1dadf solid;
    position: relative;
}
.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
    right: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.comments-wrapper ul.comments li .com-txt:after {
    border-color: rgba(243, 246, 248, 0);
    border-right-color: #fbfcfd;
    border-width: 8px;
    margin-top: -8px;
}
.comments-wrapper ul.comments li .com-txt:before {
    border-color: rgba(209, 218, 223, 0);
    border-right-color: #d1dadf;
    border-width: 9px;
    margin-top: -9px;
}
.comments-wrapper ul.comments li .com-txt h3 {
    display: block;
    padding-bottom: 13px;
    font-family: "texgyreadventorbold";
    font-size: 16px;
    color: #4b5761;
    text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt h3 span {
    padding-left: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #96adba;
}
.comments-wrapper ul.comments li .com-txt p {
    padding-bottom: 10px;
    line-height: 20px;
}
.comments-wrapper ul.comments li .com-txt a {
    font-size: 12px;
    font-weight: 700;
    color: #4181b9;
    text-transform: uppercase;
}
.comments-wrapper ul.comments li .com-txt a span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    font-size: 16px;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}
.comments-wrapper ul.comments li .com-txt a:hover {
    color: rgb(204, 204, 0);
}
.comments-wrapper ul.comments li .com-txt a:hover span {
    opacity: 1;
}
.comments-wrapper hr {
    margin: 0px;
    border-color: #d5d7d9;
}
.leave-comment h4 {
    display: block;
    padding: 60px 0;
    font-family: "texgyreadventorbold";
    font-size: 20px;
    color: #606d87;
    text-transform: uppercase;
}
.leave-comment .row1 {
    display: block;
    margin-bottom: 30px;
}
.leave-comment input {
    width: calc(50% - 25px);
    height: 46px;
    padding: 0 20px;
    float: left;
    background: none;
    border: none;
    border-left: 1px #cbd8de solid;
    border-bottom: 1px #cbd8de solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
}
.leave-comment input:last-child {
    float: right;
}
.leave-comment textarea {
    width: 100%;
    height: 130px;
    margin-bottom: 40px;
    padding: 10px 20px;
    float: left;
    background: none;
    border: none;
    border-left: 1px #cbd8de solid;
    border-bottom: 1px #cbd8de solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    resize: none;
}

/* ================================================== */
/* 10. contact page */
/* ================================================== */
.inner-banner.contact {
    min-height: 240px;
    padding: 60px 0;
}
.form-wrapper {
    display: block;
}
.form-wrapper .input-row {
    display: block;
}
.form-wrapper .row .col-sm-6 {
    margin-bottom: 40px;
}
.form-wrapper input {
    width: 100%;
    padding: 0 22px;
    height: 46px;
    border: none;
    border-bottom: 1px #dae4e8 solid;
    border-left: 1px #dae4e8 solid;
    font-size: 12px;
    color: #858788;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-wrapper input:focus {
    border-color: #9da4a8;
}
.google-map {
    display: block;
    position: relative;
}
.google-map .container {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 0px;
}
.google-map #map {
    height: 550px;
    z-index: 1;
}
.google-map #map iframe {
    width: 100%;
    height: 100%;
}
.contact-detail {
    max-width: 360px;
    margin: 96px 0;
    float: right;
    background: rgb(204, 204, 0);
    color: #fff;
    box-shadow: 0 0 30px #bfcdbf;
    position: relative;
    z-index: 1001;
}
.contact-detail .address {
    display: block;
    padding: 18px 40px 12px 70px;
}
.contact-detail .inner {
    display: block;
    padding: 18px 0;
    border-bottom: 1px #45b662 solid;
    position: relative;
}
.contact-detail .inner:before {
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;
    left: -30px;
    font-family: "icomoon" !important;
    font-size: 22px;
    content: "\e918";
    color: #2eaf4e;
}
.contact-detail .inner:nth-child(2):before {
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: -30px;
    font-size: 18px;
    content: "\e91a";
}
.contact-detail .inner:nth-child(3) {
    border-bottom: none;
}
.contact-detail .inner:nth-child(3):before {
    width: 21px;
    height: 15px;
    display: block;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 16px;
    content: "\e919";
}
.contact-detail .inner h3 {
    padding-bottom: 6px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
.contact-detail .inner p {
    color: #2eaf4e;
    line-height: 20px;
}
.contact-detail .inner a {
    padding-bottom: 6px;
    font-size: 18px;
    font-family: "texgyreadventorbold";
    color: #fff;
}
.contact-bottom {
    display: block;
    padding: 27px 0 23px 0;
    background: rgb(204, 204, 0);
    text-align: center;
}
.contact-bottom ul.follow-us {
    display: block;
}
.contact-bottom ul.follow-us li {
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
}
.contact-bottom ul.follow-us li a {
    color: #fff;
    opacity: 0.7;
}
.contact-bottom ul.follow-us li a:hover {
    color: #fff;
    opacity: 1;
}
.have-question h2 {
    color: #2d4256;
}
.have-question ul li {
    margin-bottom: 0px;
}
.have-question ul li:after {
    display: none;
}
.error {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #cb0101;
}
.msg {
    display: none;
}
.msg-error {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: #c70202;
    border-radius: 4px;
}
.msg-error:after {
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    content: "\f071";
    float: right;
}
.msg-success {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: rgb(204, 204, 0);
    border-radius: 4px;
}
.msg-success:after {
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    content: "\f00c";
    float: right;
}

/* ================================================== */
/* 11. blog page */
/* ================================================== */
.inner-banner.blog {
    min-height: 240px;
    padding: 60px 0;
}
.inner-banner.blog .content {
    margin: 0 auto;
    text-align: center;
}
.blog-wrapper {
    display: block;
}
.blog-left {
    display: block;
    position: relative;
}
.blog-left:after {
    width: 1px;
    height: 100%;
    display: block;
    background: #e5e5e5;
    position: absolute;
    top: 0px;
    right: -50px;
    content: "";
}
ul.blog-listing {
    display: block;
}
ul.blog-listing > li {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px #e9e9e9 solid;
}
ul.blog-listing > li h2 {
    padding: 30px 0 20px 0;
    font-family: "texgyreadventorregular";
    font-size: 24px;
    color: #343a3c;
    line-height: 36px;
    text-transform: none;
}
ul.blog-listing > li p {
    padding-bottom: 26px;
    color: #8d8f8f;
}
ul.blog-listing > li .read-more {
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #606d87;
    text-transform: uppercase;
}
ul.blog-listing > li .read-more span {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 18px;
    color: rgb(204, 204, 0);
    transition: all 0.3s ease 0s;
}
ul.blog-listing > li .read-more:hover span {
    color: rgb(204, 204, 0);
}
ul.post-detail {
    display: block;
    padding-bottom: 17px;
}
ul.post-detail li {
    display: inline-block;
    padding-right: 20px;
    font-size: 12px;
    color: #96adba;
}
ul.post-detail li .ico {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    font-size: 17px;
    color: #afc0c9;
}
ul.post-detail li .bold {
    font-weight: 700;
    color: #5c7e91;
    text-transform: uppercase;
}
ul.post-detail li .label {
    display: inline-block;
    padding: 5px 10px;
    background: #abbfc9 scroll;
    border-radius: 2px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}
.blog-wrapper .pagination > li > a,
.blog-wrapper .pagination > li > span {
    background: #ecf4fa;
}
.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
    background: rgb(204, 204, 0);
}
.blog-right {
    display: block;
    padding-left: 100px;
}
.search-block {
    display: block;
    margin-bottom: 40px;
    background: #e9e9e9;
}
.search-block input {
    width: calc(100% - 58px);
    height: 42px;
    float: left;
    padding: 0 20px;
    border: none;
    background: none;
}
.search-block .search {
    width: 40px;
    height: 42px;
    float: right;
    border: none;
    background: rgb(204, 204, 0);
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.search-block .search:hover {
    background: rgb(204, 204, 0);
}
.blog-right h3 {
    padding-bottom: 16px;
    font-size: 17px;
    color: #606d87;
    text-transform: uppercase;
}
.category {
    display: block;
    padding-bottom: 70px;
}
.category h3 {
    border-bottom: 1px #eee solid;
}
.category ul {
    display: block;
}
.category ul li {
    display: block;
    border-bottom: 1px #eee solid;
}
.category ul li:last-child {
    border-bottom: none;
}
.category ul li a {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    color: #899eaa;
}
.category ul li a span {
    display: inline-block;
    margin-top: 5px;
    background: #bed1db;
    float: right;
    padding: 1.5px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    transition: all 0.3s ease 0s;
}
.category ul li a:hover span {
    background: #2c97ea;
}
.recent-post {
    display: block;
    padding-bottom: 60px;
}
.recent-post ul {
    display: block;
}
.recent-post ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px #eee solid;
}
.recent-post ul li:last-child {
    border: none;
}
.recent-post ul li .img-block {
    width: 22%;
    float: left;
}
.recent-post ul li .detail {
    width: 78%;
    padding-left: 15px;
    float: left;
}
.recent-post ul li .detail h4 {
    padding-bottom: 4px;
    font-family: "texgyreadventorbold";
    font-size: 12px;
    color: #5f6f77;
    text-transform: uppercase;
}
.recent-post ul li .detail p {
    font-size: 12px;
    color: #b9c8d0;
}
.recent-post ul li .detail .ico {
    padding-right: 7px;
    font-size: 15px;
    color: #adbec8;
}
.recent-post ul li .detail p span {
    font-weight: 700;
    text-transform: uppercase;
    color: #98abb6;
}
.archives {
    display: block;
    padding-bottom: 60px;
}
.archives h3 {
    border-bottom: 1px #eee solid;
}
.archives ul {
    display: block;
}
.archives ul li {
    display: block;
    border-bottom: 1px #eee solid;
}
.archives ul li:last-child {
    border: none;
}
.archives ul li a {
    display: block;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    color: #899eaa;
    text-transform: uppercase;
}
.archives ul li a:hover,
.archives ul li:hover span {
    color: rgb(204, 204, 0);
}
.archives ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 20px;
    color: #adbec8;
}
.blog-right .tags {
    display: block;
    padding-bottom: 70px;
}
.blog-right .tags h3 {
    border-bottom: 1px #eee solid;
}
ul.tags-list {
    display: block;
    padding-top: 24px;
}
ul.tags-list li {
    display: block;
    margin-right: 8px;
    float: left;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
}
ul.tags-list li a {
    padding: 4px 10px;
    color: #fff;
    background: #abbfc9;
    text-transform: uppercase;
    border-radius: 2px;
}
ul.tags-list li a:hover {
    background: rgb(204, 204, 0);
}

/* ================================================== */
/* 12. blog Single page */
/* ================================================== */
.imp-quote {
    display: block;
    padding: 25px 20px 0 66px;
    margin-bottom: 30px;
    border-radius: 4px;
    background: #eef2f4;
    position: relative;
}
.imp-quote:before {
    position: absolute;
    left: 26px;
    top: 30px;
    font-family: "icomoon";
    font-size: 20px;
    content: "\e90d";
    color: #4181b9;
}
.imp-quote > p {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: #79929f !important;
    line-height: 24px;
}
ul.blog-listing.detail > li {
    margin-bottom: 0px;
    padding-bottom: 50px;
}
.blog-left ul.follow-us {
    display: inline-block;
    padding-right: 15px;
    margin-top: -17px;
    background: #fff;
}
.blog-left ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}
.blog-left ul.follow-us li:first-child {
    padding-left: 0px;
}
.blog-left ul.follow-us li a {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    background: #c6d9ea;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.blog-left ul.follow-us li a:hover {
    background: rgb(204, 204, 0);
    border-color: #1c7bc3;
}
.blog-left .comments-wrapper {
    background: none;
    padding: 50px 0 0 0;
    border-bottom: 1px #dfdfdf solid;
}
.blog-left .comments-wrapper ul.comments li .com-txt {
    background: none;
}
.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 42px;
}
.blog-left .leave-comment h4 {
    padding: 50px 0;
}

/* ================================================== */
/* 13. 404 page */
/* ================================================== */
.not-found-wrapper {
    max-width: 480px;
    margin: 130px auto;
    padding: 240px 0 0 0;
    background: url(../images/404-img.png) no-repeat center top / 100%;
    text-align: center;
}
.not-found-wrapper h1 {
    font-size: 186px;
    color: #bcbfc1;
}
.not-found-wrapper p {
    padding-bottom: 60px;
    font-family: "texgyreadventorbold";
    font-size: 30px;
    color: #bcbfc1;
    text-transform: uppercase;
}

/* ================================================== */
/* 14. FAQ opt1 page */
/* ================================================== */

.faq-wrapper {
    display: block;
    background: #f3f6f8;
}
.faq-wrapper .search-block {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px #eaedef;
}
.faq-wrapper .search-block input {
    height: 58px;
}
.faq-wrapper .search-block .search {
    width: 58px;
    height: 58px;
    border-radius: 0px 4px 4px 0px;
}
ul.faq-listing {
    display: block;
}
ul.faq-listing li {
    margin-bottom: 25px;
    position: relative;
}
ul.faq-listing li:after {
    width: 1px;
    height: calc(100% - 25px);
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e2e4e6;
    content: "";
}
ul.faq-listing li:nth-child(even):after {
    display: none;
}
ul.faq-listing li:nth-child(even) .inner {
    padding-left: 88px;
}
ul.faq-listing li:nth-child(even) .inner:before {
    left: 20px;
}
ul.faq-listing li:nth-last-child(2) .inner,
ul.faq-listing li:last-child .inner {
    border-bottom: none;
}
ul.faq-listing li .inner {
    display: block;
    padding: 50px 40px 50px 68px;
    border-bottom: 1px #e2e4e6 solid;
    position: relative;
}
ul.faq-listing li .inner:before {
    position: absolute;
    left: 0px;
    top: 58px;
    font-family: "icomoon";
    font-size: 46px;
    color: #c5d4da;
    content: "\e91c";
}
ul.faq-listing li h2 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #284962;
    text-transform: uppercase;
    line-height: 26px;
}
.faq-wrapper hr {
    margin: 0px;
    border-color: #e2e4e6;
}
.faq-wrapper .text-center,
.testimonial-outer .text-center {
    margin-top: 80px;
}
.pagination.blue > li > a,
.faq-wrapper .pagination.blue > li > span {
    background: #e3edf5;
}
.pagination.blue > li > a:focus,
.pagination.blue > li > a:hover,
.pagination.blue > li > span:focus,
.pagination.blue > li > span:hover {
    background: rgb(204, 204, 0);
}

/* ================================================== */
/* 15. FAQ opt2 page */
/* ================================================== */
.faq-wrapper.faq2 {
    background: #fff;
}
.faq-wrapper.faq2 .search-block {
    padding-left: 50px;
    box-shadow: none;
}
.faq-wrapper.faq2 .search-block input {
    border: 2px rgb(204, 204, 0) solid;
    border-radius: 4px 0 0 4px;
    border-right: none;
}
.panel-default {
    background: none;
    border: none;
    border-bottom: 1px #ececec solid;
    border-radius: 0px !important;
    box-shadow: none;
}
.panel-group .panel + .panel {
    margin: 0px;
}
.panel-default > .panel-heading {
    padding: 22px 0px;
    background: none;
    border: none;
    color: #738c9f;
}
.panel-default .panel-title {
    font-size: 18px;
    text-transform: inherit;
}
.panel-default .panel-title a {
    display: block;
    padding-left: 50px;
    position: relative;
    color: #284962;
}
.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed:before {
    position: absolute;
    left: 0px;
    top: -15px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 46px;
}
.panel-default .panel-title a:before {
    top: -20px;
    content: " - ";
    color: #284962;
}
.panel-default .panel-title a.collapsed {
    color: #738c9f;
}
.panel-default .panel-title a.collapsed:before {
    content: " + ";
    color: #b9c5cf;
}
.panel-default .panel-body {
    padding: 0 0 15px 50px;
}
.panel-default .panel-body p {
    padding-bottom: 15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

/* ================================================== */
/* 16. login page */
/* ================================================== */
.fill-bg {
    background: url(../images/login-bg.jpg) no-repeat center center / cover;
    background-attachment: fixed;
}
.fill-bg:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}
.login-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    display: table;
    z-index: 2;
}
.login-wrapper .inner {
    display: table-cell;
    vertical-align: middle;
}
.login-wrapper .login {
    max-width: 500px;
    margin: 30px auto;
}
.login-wrapper .login-logo {
    margin-bottom: 30px;
}
.login-wrapper .login-logo img {
    margin: 0 auto;
}
.login-wrapper .head-block {
    display: block;
    padding: 22px 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
}
.login-wrapper .head-block h1 {
    font-size: 34px;
    text-transform: uppercase;
    color: #353434;
}
.login-wrapper .cnt-block {
    display: block;
    padding: 40px;
    background: #fff;
}
.form-outer input {
    width: 100%;
    height: 46px;
    margin-bottom: 30px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    color: #7f8385;
    z-index: 2;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-outer input:focus {
    border-color: #9da4a8;
}
.login-wrapper .button-outer {
    display: block;
    position: relative;
}
.login-wrapper .or {
    width: 16%;
    display: inline-block;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    text-align: center;
    color: #b7c1c4;
    text-transform: uppercase;
}
.login-wrapper .btn:hover {
    background: rgb(204, 204, 0);
}
.login-wrapper .register {
    display: block;
    float: right;
    background: #7f7f7f;
}
.login-wrapper .remember {
    display: block;
    margin: 36px 0 0 0;
    font-family: "texgyreadventorbold";
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}
.login-wrapper .remember .check {
    display: inline-block;
    margin-right: 15px;
    line-height: 15px;
    color: #6e7e83;
}
.login-wrapper .remember .check input {
    height: auto;
    position: absolute;
}
.login-wrapper a.forgot {
    display: inline-block;
    margin-left: 15px;
    color: #6e7e83;
}
.login-wrapper a.forgot:hover {
    color: rgb(204, 204, 0);
}
.login-wrapper a.forgot span {
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #becfd5;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}
.login-wrapper a.forgot:hover span {
    background: rgb(204, 204, 0);
}
.login-wrapper .login-footer {
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.login-wrapper ul.follow-us {
    display: block;
}
.login-wrapper ul.follow-us li {
    display: inline-block;
    padding: 0 15px;
}
.login-wrapper ul.follow-us li a {
    font-size: 18px;
    color: #849da6;
}
.login-wrapper ul.follow-us li a:hover {
    color: #1e4f61;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: 17px;
    background: #dae4e8;
    border-radius: 3px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    font-family: "icomoon";
    font-size: 11px;
    content: "\e91e";
    position: absolute;
    top: 3px;
    left: 3px;
    line-height: 0.8;
    color: rgb(204, 204, 0);
    transition: all 0.2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* ================================================== */
/* 17. testimonial page */
/* ================================================== */
.testimonial-outer {
    display: block;
}
ul.testimonials {
    text-align: center;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}
ul.testimonials:after {
    width: 5px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
}
ul.testimonials li {
    display: block;
    border-right: 1px #dfe5e1 solid;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}
ul.testimonials li .quotblock {
    display: block;
    padding: 50px 20px;
}
ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
    border-bottom: none;
}
ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
    display: none !important;
}
ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    width: 5px;
    height: 7px;
    display: block;
    content: "";
    background: url(../images/testi-clip.png) no-repeat left top;
    position: absolute;
    bottom: -4px;
}
ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
    padding-top: 0px;
}
ul.testimonials li:after {
    right: -1px;
}
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    left: -1px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
ul.testimonials li img {
    margin: 0 auto 22px;
}
ul.testimonials li .icon-quote-left-icon {
    font-size: 20px;
    color: #ffac34;
}
ul.testimonials li h3 {
    padding: 14px 0 2px 0;
    font-size: 18px;
    color: #464f53;
    text-transform: none;
}
ul.testimonials li .desig {
    display: block;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
}
ul.testimonials li p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 36px;
}

/* ================================================== */
/* 18. gallery page */
/* ================================================== */
.campus-tour .pagination {
    margin: 80px 0;
}
ul.gallery-filter {
    display: block;
    padding: 0 30px;
    border-bottom: 2px #d8e0e7 solid;
    margin-bottom: 50px;
}
ul.gallery-filter li {
    width: 19%;
    display: inline-block;
    font-family: "texgyreadventorbold";
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}
ul.gallery-filter li a {
    display: inline-block;
    padding: 0 0 30px 0;
    color: #909aa1;
}
ul.gallery-filter li:after {
    width: 0px;
    height: 2px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0px;
    content: "";
    background: rgb(204, 204, 0);
    color: #4f4a4a;
    transition: all 0.5s ease 0s;
}
ul.gallery-filter li:hover:after,
ul.gallery-filter li.active:after {
    width: 100%;
    left: 0px;
    color: #4f4a4a;
}
ul.gallery-filter li:hover a,
ul.gallery-filter li.active a {
    color: #4f4a4a;
}
.mfp-counter {
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}

/* ================================================== */
/* 19. news & events page */
/* ================================================== */
.news-wrapper {
    background: #f1f4f6;
}
ul.news-listing > li {
    margin-bottom: 30px;
}
ul.news-listing > li .inner {
    display: block;
    padding-bottom: 15px;
    background: #fff;
    box-shadow: 0 0 8px #e4e7e9;
}
ul.news-listing > li img {
    width: 100%;
}
ul.news-listing > li .cnt-block {
    display: block;
    padding: 40px 30px;
}
ul.news-listing > li h2 {
    padding-bottom: 12px;
    font-family: "texgyreadventorbold";
    font-size: 20px;
    color: #4d5557;
    line-height: 30px;
    text-transform: none;
}
ul.news-listing > li p {
    padding-bottom: 26px;
    color: #8d8f8f;
}
ul.news-listing > li .read-more {
    font-family: "texgyreadventorbold";
    font-size: 14px;
    color: #606d87;
    text-transform: uppercase;
}
ul.news-listing > li .read-more span {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 19px;
    color: rgb(204, 204, 0);
    transition: all 0.3s ease 0s;
}
ul.news-listing > li .read-more:hover span {
    color: rgb(204, 204, 0);
}
.news-wrapper ul.post-detail {
    padding-bottom: 10px;
}
.news-wrapper ul.post-detail li .ico {
    font-size: 17px;
}
.news-wrapper .text-center {
    margin-top: 50px;
}

/* ================================================== */
/* 20. privacy page */
/* ================================================== */
.privacy-wrapper {
    background: #f1f4f6;
}
.privacy-wrapper h2 {
    display: block;
    padding-bottom: 25px;
    font-size: 30px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}
.privacy-wrapper p {
    padding-bottom: 25px;
    color: #7d8081;
}
ul.privacy-listing {
    padding: 10px 0;
}
ul.privacy-listing > li {
    border-bottom: 1px dashed #c9cdce;
    color: #707c82;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0 0 15px 24px;
    position: relative;
}
ul.privacy-listing > li:last-child {
    border-bottom: none;
}
ul.privacy-listing > li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
    font-family: "icomoon";
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}
ul.privacy-listing > li > ul {
    padding: 4px 0;
}
ul.privacy-listing > li > ul > li {
    font-size: 12px;
    font-weight: normal;
}
ul.privacy-listing > li > ul > li:before {
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 50%;
    content: "";
    background: #98b4cb;
}
.privacy-wrapper hr {
    border-color: #daddde;
}
.privacy-wrapper h3 {
    display: block;
    padding-bottom: 25px;
    font-size: 24px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}
.privacy-wrapper .padding-top {
    padding-top: 30px;
}
.imp-note {
    display: block;
    margin: 10px 0 38px 0;
    box-shadow: 0 0 8px #e4e7e9;
    padding: 24px 40px 5px 22px;
    background: #fdfdfe;
}
.imp-note span {
    width: 72px;
    height: 72px;
    line-height: 52px;
    margin-right: 25px;
    display: block;
    float: left;
    border-radius: 50%;
    background: #fec472;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 12px #fdf2e4 solid;
}
.imp-note p {
    padding-bottom: 25px;
    font-size: 13px;
    color: #94a6af;
    line-height: 22px;
    overflow: hidden;
}
ol.ord-listing {
    padding-left: 68px;
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}
ol.ord-listing li {
    position: relative;
    min-height: 60px;
    margin-top: 15px;
    padding-bottom: 20px;
    color: #7d8081;
    border-bottom: 1px #daddde solid;
}
ol.ord-listing li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: rgb(204, 204, 0);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 7px;
    left: -50px;
}
ol.ord-listing li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

/* ================================================== */
/* 21. register page */
/* ================================================== */
.form-outer input.country-code {
    float: left;
    width: 16%;
}
.form-outer input.phone-no {
    float: right;
    width: calc(84% - 18px);
}
.register .cnt-block textarea {
    width: 100%;
    height: 122px;
    margin-bottom: 30px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    resize: none;
}
.datepicker {
    min-width: 260px;
    border: 1px #dae4e8 solid;
    box-shadow: none;
}
.form-outer .date {
    position: relative;
}
.form-outer .date .icon-calander-icon {
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 19px;
    color: #aab8be;
}
.register .cnt-block {
    padding: 70px 80px;
}
.register .regiter-inner {
    max-width: 1000px;
    padding: 0 15px;
    margin: 30px auto;
}
.form-outer h2 {
    padding-bottom: 14px;
    font-size: 13px;
    text-transform: uppercase;
    color: #353434;
}
.form-outer ul.select-opt {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 0 40px 0;
}
ul.select-opt li {
    color: #aaa;
    display: block;
    position: relative;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}
.login-wrapper .cnt-block ul.select-opt li input {
    height: auto;
    margin: 0px;
}
ul.select-opt li input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
ul.select-opt li label {
    display: block;
    position: relative;
    padding: 0px 30px 0 26px;
    margin: 0px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
ul.select-opt li .check {
    display: block;
    position: absolute;
    background: #dae4e8;
    border-radius: 2px;
    height: 17px;
    width: 17px;
    top: 4px;
    left: 0px;
    z-index: 5;
}
ul.select-opt li:hover .check {
    border: 3px solid #dae4e8;
}
ul.select-opt li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 2px;
    height: 11px;
    width: 11px;
    top: 0px;
    left: 0px;
    margin: auto;
}
.form-outer input[type="radio"]:checked ~ .check {
    border: 3px solid #dae4e8;
}
.form-outer input[type="radio"]:checked ~ .check::before {
    background: #ef5b34;
}
.form-outer input[type="radio"]:checked ~ label {
    color: #343a3c;
}

/* ================================================== */
/* 22. apply online page */
/* ================================================== */
.form-outer .select2.select2-container {
    width: 100% !important;
}
.form-outer .select2-container--default .select2-selection--single {
    width: 100%;
    height: 46px;
    margin-bottom: 1px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    border-radius: 0px;
}
.form-outer
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 0px;
    color: #7f8385;
    line-height: 43px;
}
.form-outer .col-left {
    float: left;
}
.form-outer .col-left:first-child {
    padding-right: 10%;
}

/* ================================================== */
/* 23. generic UI page */
/* ================================================== */
.generic-wrapper {
    display: block;
}
.generic-wrapper .head-block {
    display: block;
    padding-bottom: 50px;
}
.generic-wrapper .head-block h2 {
    padding-bottom: 10px;
}
.generic-wrapper .head-block p {
    color: #7d8081;
}
.generic-wrapper hr {
    margin: 0;
    border-color: #dde5e9;
}
.generic-wrapper .heading-group {
    display: block;
}
.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
    padding-bottom: 30px;
}
.heading-right {
    display: block;
}
.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.heading-right p {
    padding-bottom: 20px;
}
ul.our-spec {
    display: block;
}
ul.our-spec li {
    width: 33.3%;
    padding-bottom: 50px;
    float: left;
    font-weight: 700;
    color: #284962;
    text-align: center;
    line-height: 20px;
}
ul.our-spec li .icon {
    display: block;
    padding-bottom: 15px;
}
ul.our-spec li .icon img {
    border-radius: 3px;
}
ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
    padding-bottom: 0px;
}
.button-group {
    margin-bottom: 70px;
}
.button-group a {
    display: inline-block;
    vertical-align: middle;
}
a.btn-circle {
    width: 60px;
    height: 60px;
    margin: 0 8px;
    display: inline-block;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    background: rgb(204, 204, 0);
    font-size: 22px;
    color: #fff;
}
a.btn-circle.more {
    background: rgb(204, 204, 0);
}
a.btn-circle.plus {
    background: #2c97ea;
}
a.btn-circle.plus:hover {
    background: rgb(204, 204, 0);
}
a.btn-circle:hover {
    background: #2c97ea;
}
.button-group a.btn {
    margin: 0 8px;
}
.generic-wrapper .imp-note {
    margin: 0px;
}
.button-group1 {
    margin: 0;
}
.button-group1 a.download-pros,
.button-group1 a.download-cert {
    width: calc(50% - 20px);
    margin: 0 10px;
}
.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
    padding-top: 0px;
    margin-bottom: 40px;
}
.generic-wrapper .enquire-now {
    margin: inherit;
}

/* ================================================== */
/* 24. Coming Soon */
/* ================================================== */
.coming-soon {
    display: block;
}
.coming-soon .left {
    height: 100vh;
    display: table;
    text-align: center;
    position: relative;
}
.coming-soon .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.coming-soon .left a.logo {
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
}
.coming-soon .left .cnt-block {
    max-width: 490px;
}
.coming-soon .cnt-block {
    max-width: 520px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.coming-soon .cnt-block h1 {
    display: block;
    padding-bottom: 40px;
    font-size: 60px;
}
.stay-connected {
    width: 100%;
    position: absolute;
    bottom: 80px;
}
.stay-connected h2 {
    padding-bottom: 25px;
    font-size: 18px;
    text-transform: inherit;
}
.coming-soon ul.follow-us {
    display: block;
}
.coming-soon ul.follow-us li {
    display: inline-block;
    padding: 0 3px;
}
.coming-soon ul.follow-us li a {
    width: 38px;
    height: 38px;
    display: block;
    background: rgba(28, 123, 195, 0.3);
    border-radius: 50%;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}
.coming-soon ul.follow-us li a:hover {
    background: rgba(28, 123, 195, 1);
    border-color: #1c7bc3;
}
.coming-soon .right {
    height: 100vh;
    display: table;
    background: url(../images/coming-soon-bg.jpg) no-repeat center top / cover;
    text-align: center;
    position: relative;
    color: #fff;
}
.coming-soon .right:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.7);
}
.coming-soon .right .ready {
    display: block;
    padding-bottom: 60px;
}
.coming-soon .right h2 {
    padding-bottom: 20px;
    font-family: "texgyreadventorregular";
    font-size: 20px;
    text-transform: inherit;
    color: #fff;
}
.coming-soon .right ul {
    display: block;
}
.coming-soon .right ul li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    font-weight: 300;
    color: #fff;
}
.coming-soon .right ul li:after {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    content: ":";
    font-size: 60px;
    position: absolute;
    right: -5px;
    top: 18%;
}
.coming-soon .right ul li:last-child:after {
    display: none;
}
.coming-soon .right ul li span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.coming-soon .right ul li .count {
    font-size: 70px;
    font-weight: 300;
    line-height: 70px;
}
.coming-soon .stay-tuned {
    max-width: 400px;
    margin: 0 auto;
}
.coming-soon .stay-tuned p {
    max-width: 320px;
    padding-bottom: 25px;
    margin: 0 auto;
    opacity: 0.7;
}
.coming-soon .stay-tuned input[type="email"] {
    width: calc(100% - 115px);
    height: 46px;
    padding: 0 0 0 55px;
    border: none;
    border-radius: 25px 0 0 25px;
    color: #9cb0be;
    text-transform: none;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll {
    position: relative;
}
.coming-soon .stay-tuned #mc_embed_signup_scroll:before {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 20px;
    content: "\e907";
    color: #c0cfda;
    z-index: 1;
}
.coming-soon .stay-tuned input::-webkit-input-placeholder,
.banner2 .form-group .form-control::-webkit-input-placeholder {
    text-transform: none;
}
.coming-soon .stay-tuned input:-moz-placeholder,
.banner2 .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    text-transform: none;
}
.coming-soon .stay-tuned input::-moz-placeholder,
.banner2 .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: none;
}
.coming-soon .stay-tuned input:-ms-input-placeholder,
.banner2 .form-group .form-control:-ms-input-placeholder {
    text-transform: none;
}
.coming-soon .stay-tuned .clear {
    float: right;
}
.coming-soon .stay-tuned .clear .button {
    width: 115px;
    background: rgb(204, 204, 0);
    padding: 10px 0;
    border: none;
    border-radius: 0 25px 25px 0;
    transition: all 0.3s ease 0s;
}
.coming-soon .stay-tuned .clear .button:hover {
    background: #2c97ea;
}

/* ================================================== */
/* 25. Responsive Style */
/* ================================================== */
@media (min-width: 1200px) and (max-width: 1366px) {
    .logos {
        padding: 40px 0;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
    .nav > li > a {
        padding: 19px 10px;
    }
    .navbar-form {
        width: 24%;
        padding: 0 20px;
    }
    .banner-outer .content h1 {
        font-size: 28px;
        line-height: 48px;
    }
    .banner-outer .content h1 span {
        font-size: 60px;
    }
    .news-events ul li .cnt-block h3 {
        font-size: 18px;
    }
    .campus-tour {
        padding: 60px 0 0 0;
        padding-bottom: 0px;
    }
    .campus-tour ul.gallery li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .campus-tour ul.gallery li h3 {
        font-size: 20px;
    }
    .campus-tour ul.gallery li a {
        margin: 0 2px;
    }
    .campus-tour ul.gallery li .overlay {
        margin-top: -55px;
    }
    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    a.download-pros,
    a.download-cert {
        padding: 20px 16px;
    }
    a.download-pros .txt-block,
    a.download-cert .txt-block {
        text-transform: none;
    }
    a.download-pros .ico-block,
    a.download-cert .ico-block {
        padding-right: 10px;
    }
    .logos {
        padding: 40px 0;
    }
    .testimonial ul li p {
        padding-bottom: 25px;
        font-size: 20px;
        line-height: 36px;
    }
    .footer ul.follow-us li a {
        width: 36px;
        height: 36px;
        line-height: 34px;
    }
    .footer .connect-us {
        width: 100%;
    }
    .footer .subscribe {
        width: 100%;
        padding-right: 30px;
    }
    .footer .instagram {
        padding-right: 0px;
    }
    .about-video .container {
        height: 450px;
    }
    .about-video p {
        font-size: 55px;
    }
    .about {
        padding-bottom: 60px;
    }
    .about ul.our-links li {
        padding: 44px 0 60px 3%;
    }
    .course-detail {
        padding: 20px 30px;
        margin: 30px 0 0 0;
    }
    .course-detail .duration {
        width: 23%;
        padding-right: 20px;
    }
    .course-detail .duration.eligible {
        padding: 0 20px;
    }
    .course-detail .duration.fee {
        width: 21%;
        padding: 0 20px;
    }
    .course-detail .btn {
        margin: 10px 0 0 32px;
    }
    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        top: 54px;
    }
    .how-apply ul li p {
        padding: 34px 0 25px;
    }
    .blog-right {
        padding-left: 60px;
    }
    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 53px;
    }
    .not-found-wrapper {
        width: 60%;
    }
    .not-found-wrapper h1 {
        font-size: 186px;
    }
    .login-wrapper .login {
        max-width: 460px;
    }
    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }
    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }
    .login-wrapper .head-block {
        padding: 22px 0;
    }
    .login-wrapper .head-block h1 {
        font-size: 30px;
    }
    .login-wrapper .cnt-block {
        padding: 30px;
    }
    .login-wrapper .or {
        width: 20%;
    }
    .login-wrapper .btn {
        padding: 10px 20px;
    }
    ul.testimonials li p {
        font-size: 16px;
        line-height: 30px;
    }
    .coming-soon .cnt-block {
        max-width: 400px;
    }
    .coming-soon .cnt-block h1 {
        font-size: 50px;
    }
    .coming-soon .right ul li {
        padding: 0 15px;
    }
    .coming-soon .right ul li .count {
        font-size: 60px;
    }
    .banner2 ul.banner-list li:after {
        right: 35px;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 40px 25px;
    }
    .popular-cources ul.courses-list li h4 {
        font-size: 16px;
    }
    .wt-makes-different .left {
        padding-top: 100px;
        padding-bottom: 140px;
    }
    .wt-makes-different .left .q-mark {
        width: 80px;
        height: 80px;
        font-size: 50px;
        line-height: 76px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 40px;
        font-size: 52px;
        line-height: 64px;
    }
    .wt-makes-different .right {
        padding: 80px 0 0 60px;
    }
    .logos2 ul {
        padding-top: 40px;
    }
}

@media (max-width: 991px) {
    .faq-wrapper.faq2 .search-block input {
        width: calc(100% - 48px);
    }
    .panel-default .panel-title {
        font-size: 17px;
    }
    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body {
        padding-left: 40px;
    }
    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before {
        font-size: 40px;
        top: -10px;
    }
    .coming-soon .left,
    .coming-soon .right {
        width: 100%;
    }
    .banner2 {
        min-height: inherit;
        padding: 60px 0;
    }
    .banner2 h1 {
        padding-bottom: 25px;
        font-size: 42px;
        line-height: 50px;
    }
    .banner2 .cnt-block {
        max-width: 630px;
    }
    .banner2 .form-group {
        width: 80%;
        margin: 30px 0 40px 0;
    }
    .banner2 .form-group .form-control {
        width: calc(100% - 60px);
        height: 50px;
        padding: 0 30px;
        font-size: 16px;
    }
    .banner2 .form-group .search-btn {
        width: 50px;
        height: 50px;
        padding: 0px;
    }
    .intro-sec .video-block .play-outer {
        width: 200px;
        height: 68px;
        padding: 10px;
    }
    .intro-sec h2 {
        padding-bottom: 20px;
        font-size: 32px;
        line-height: 40px;
    }
    .intro-sec .know-more-wrapper {
        margin-top: 20px;
    }
    .popular-cources .title-row {
        margin-bottom: 30px;
    }
    .popular-cources h3 {
        font-size: 28px;
    }
    .popular-cources a.view-courses {
        font-size: 14px;
    }
    .popular-cources a.view-courses span {
        margin: -2px 10px 0 0;
        font-size: 16px;
    }
    .popular-cources ul.courses-list li {
        margin-bottom: 30px;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 40px 50px;
    }
    .wt-makes-different .left {
        padding-top: 100px;
        padding-bottom: 140px;
    }
    .wt-makes-different .left .q-mark {
        width: 72px;
        height: 72px;
        font-size: 42px;
        line-height: 68px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 40px;
        font-size: 46px;
        line-height: 56px;
    }
    .wt-makes-different .right {
        padding: 60px 0 10px 45px;
    }
    ul.makes-different-list li {
        margin-bottom: 50px;
    }
    ul.makes-different-list li h3 {
        font-size: 16px;
    }
    .why-choose h2 {
        padding-bottom: 40px;
    }
    .logos2 ul {
        padding-top: 30px;
    }
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .header-top ul.follow-us li {
        padding-right: 12px;
    }
    .header-middle .contact ul {
        padding-right: 28px;
    }
    .header-middle .contact ul li {
        padding: 0 20px;
        font-size: 16px;
    }
    .header-middle a.login {
        padding: 5px 14px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }
    .navbar-inverse .container {
        padding: 0px;
    }
    .nav > li > a {
        padding: 18px 12px;
    }
    .navbar-form {
        width: 24%;
        padding: 0 15px;
    }
    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3 {
        height: 450px;
    }
    .banner-outer .content h1 {
        font-size: 22px;
        line-height: 40px;
    }
    .banner-outer .content h1 span {
        font-size: 50px;
    }
    .banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
        font-size: 46px;
    }
    .banner-outer .content p {
        font-size: 14px;
    }
    .about {
        padding-bottom: 60px;
    }
    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }
    .about ul.our-links li {
        padding: 34px;
        text-align: center;
    }
    .about ul.our-links li .icon {
        width: 26%;
        float: none;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .about ul.our-links li .detail {
        width: auto;
        padding-left: 0px;
    }
    .about .btn-wrapper {
        margin-bottom: 30px;
    }
    .our-impotance ul li .inner {
        padding: 30px 0;
    }
    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        font-size: 30px;
    }
    .our-cources ul.inner li:nth-child(9) {
        margin-bottom: 160px;
    }
    .our-cources ul.inner li:nth-child(3n):after,
    .our-cources ul.inner li:nth-child(n + 10):before {
        display: none;
    }
    .our-cources ul.inner li:nth-child(9):before {
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0px;
        bottom: -70px;
        display: block;
        background: #fff;
        content: " ";
        opacity: 0.3;
    }
    ul.our-strength li span {
        font-size: 38px;
    }
    ul.our-strength li {
        width: 24%;
    }
    .news-events ul li .cnt-block {
        padding: 32px 20px 20px;
    }
    .news-events ul li .cnt-block h3 {
        padding-bottom: 26px;
        font-size: 18px;
        line-height: 24px;
    }
    .news-events ul li .bottom-block {
        padding: 20px 0 0;
    }
    .news-events ul li .icon {
        margin-right: 4px;
    }
    .news-events ul li .icon span {
        font-size: 14px !important;
    }
    .news-events ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }
    .news-events ul li .date span,
    .news-events ul li .comment span {
        font-size: 11px;
    }
    .how-study ul li .cnt-block {
        max-width: 152px;
    }
    .how-study ul li a.more {
        right: 10px;
    }
    .how-study ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .campus-tour {
        padding-bottom: 0px;
    }
    .campus-tour ul.gallery li h3 {
        font-size: 14px;
    }
    .campus-tour ul.gallery li a {
        width: 34px;
        height: 34px;
        margin: 0 2px;
        line-height: 34px;
        font-size: 14px;
    }
    .campus-tour ul.gallery li .overlay {
        margin-top: -58px;
    }
    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }
    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }
    .logos {
        padding: 30px 0;
    }
    .testimonial ul li p {
        font-size: 18px;
        line-height: 30px;
    }
    .testimonial ul li span {
        font-size: 16px;
    }
    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }
    .footer .footer-logo {
        padding-bottom: 20px;
    }
    .footer p {
        line-height: 20px;
    }
    .footer .bottom {
        padding: 20px 0;
    }
    .footer .connect-us {
        width: 100%;
    }
    .footer .subscribe {
        width: 100%;
        padding-right: 30px;
    }
    .footer .subscribe input[type="email"] {
        width: 75%;
    }
    .footer .subscribe .clear:before {
        font-size: 18px;
        top: 3px;
    }
    .footer .subscribe .clear .button {
        width: 40px;
        height: 34px;
    }
    .footer ul.follow-us li {
        padding: 0 2px;
    }
    .footer ul.follow-us li a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        border-width: 1px;
    }
    .footer .instagram {
        padding: 14px 15px 18px 0;
    }
    .footer .subscribe input[type="email"] {
        width: 78%;
        height: 34px;
    }
    ul.browse-teachers-list p {
        padding: 0 0 20px 0;
    }
    .about-video .container {
        height: 400px;
    }
    .about-video p {
        font-size: 50px;
    }
    .inner-banner a.apply-online {
        width: 100%;
    }
    .enquire-wrapper {
        max-width: none;
        margin-top: 30px;
    }
    .enquire-now {
        margin-top: 20px;
        max-width: none;
    }
    .course-detail {
        padding: 20px;
        margin: 30px 0 0 0;
    }
    .course-detail .duration {
        width: 33.3%;
        padding-right: 20px;
    }
    .course-detail .duration .icon {
        float: none;
        margin: 0 auto;
    }
    .course-detail .duration .detail {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .course-detail .duration.eligible {
        width: 33.3%;
        padding: 0 20px;
    }
    .course-detail .duration.fee {
        width: 33.3%;
        border-right: none;
        padding: 0 20px;
    }
    .course-detail .btn {
        margin: 10px 0 0 32px;
    }
    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }
    .how-apply ul li .icon-block img {
        width: 60px;
    }
    .how-apply ul li p {
        padding: 34px 0 25px;
    }
    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }
    .how-apply ul li:nth-child(1):after {
        top: 10px;
    }
    #myTabs {
        padding: 0px;
    }
    .course-tab > li > a {
        padding: 18px 0px;
        font-size: 16px;
    }
    .course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
        padding: 18px 20px;
    }
    #schedule .fee-amt {
        font-size: 20px;
    }
    #semester ul.content > li h4 {
        font-size: 16px;
    }
    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    ul.blog-listing > li h2 {
        padding: 20px 0 10px;
        font-size: 20px;
    }
    .blog-left:after {
        right: -20px;
    }
    .blog-right {
        padding-left: 20px;
    }
    .search-block input {
        width: 78%;
    }
    ul.post-detail li {
        padding-right: 15px;
    }
    .category ul li a {
        font-size: 12px;
    }
    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 64px;
    }
    .not-found-wrapper {
        width: 60%;
        margin: 80px auto;
        padding-top: 198px;
    }
    .not-found-wrapper h1 {
        font-size: 166px;
    }
    .faq-wrapper .search-block input {
        height: 48px;
    }
    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }
    ul.faq-listing li .inner {
        padding: 20px 20px 20px 68px;
    }
    ul.faq-listing li .inner:before {
        top: 36px;
    }
    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }
    .login-wrapper .login {
        max-width: 460px;
    }
    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }
    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }
    .login-wrapper .head-block {
        padding: 22px 0;
    }
    .login-wrapper .head-block h1 {
        font-size: 30px;
    }
    .login-wrapper .cnt-block {
        padding: 30px;
    }
    .login-wrapper .or {
        width: 20%;
    }
    .login-wrapper .btn {
        padding: 10px 20px;
    }
    ul.testimonials li p {
        font-size: 15px;
        line-height: 26px;
    }
    ul.testimonials li .quotblock {
        padding: 40px 10px;
    }
    ul.gallery-filter li {
        width: auto;
        font-size: 17px;
        padding: 0 16px;
    }
    ul.gallery-filter li a {
        padding-bottom: 20px;
    }
    .campus-tour .pagination {
        margin: 50px 0;
    }
    .news-wrapper .text-center {
        margin-top: 10px;
    }
    ul.news-listing > li h2 {
        font-size: 18px;
        line-height: 26px;
    }
    ul.news-listing > li p {
        line-height: 24px;
    }
    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }
    ul.news-listing > li .cnt-block {
        padding: 20px;
    }
    .form-outer .cnt-block {
        padding: 50px 20px;
    }
    .form-outer ul.select-opt {
        padding-bottom: 30px;
    }
    .form-outer .col-left:first-child {
        padding-right: 0;
    }
    .col-left ul.select-opt li label {
        padding-right: 21px;
    }
    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }
    .generic-wrapper .button-group {
        text-align: center;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .navbar {
        min-height: 45px;
    }
    .navbar-inverse .navbar-toggle {
        border: none;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: none;
    }
    .navbar-form {
        background: none;
        border: none;
        box-shadow: none;
    }
    .navbar-form .search-btn {
        top: 4px;
    }
    .form-control {
        padding: 6px 30px;
    }
    .navbar-toggle {
        padding: 6px 0px;
    }
    .navbar-toggle .icon-bar {
        width: 26px;
        height: 3px;
    }
    .navbar-collapse {
        box-shadow: none;
        border: none;
        padding: 0 15px;
    }
    .navbar-form {
        width: auto;
        margin: 0 -15px;
    }
    .nav > li > a {
        padding: 12px 20px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
    }
    .navbar-nav .open .dropdown-menu {
        background: #fff;
        border-radius: 0px;
    }
    .navbar .dropdown-menu {
        padding: 10px 0;
    }
    .navbar .dropdown-menu:after {
        display: none;
    }
    .header-top ul.top-nav li {
        padding: 0 7px;
    }
    .header-top .right-block {
        float: none;
    }
    .header-top .lang-wrapper {
        margin-right: -15px;
    }
    .header-middle a.login {
        padding: 5px 14px;
    }
    .banner-outer .content {
        float: none;
        padding: 50px 0px;
    }
    .banner-outer .content h1 span {
        font-size: 60px;
    }
    .banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
        font-size: 44px;
    }
    .banner-outer .content p {
        font-size: 14px;
        line-height: 24px;
    }
    .banner-outer .bx-wrapper .bx-pager {
        bottom: 10px;
    }
    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3 {
        height: 350px;
    }
    .about {
        padding: 226px 0 40px;
    }
    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }
    .modal-open .modal {
        padding-right: 0px !important;
    }
    .about ul.our-links {
        margin: -226px -15px 30px -15px;
    }
    .about ul.our-links li {
        padding: 20px 20px 30px 20px;
    }
    .about ul.our-links li .icon {
        width: 20%;
    }
    .about ul.our-links li .detail {
        width: 80%;
    }
    .about ul.our-links li .detail a.more {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 16px;
        position: relative;
    }
    .about .left-block {
        padding-bottom: 30px;
    }
    .details-tab,
    .padding-lg {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        padding-bottom: 30px;
        font-size: 26px;
    }
    .our-impotance ul li .inner {
        padding: 10px 10px 30px 10px;
        border-bottom: 1px #e9e9e9 solid;
    }
    .our-impotance ul li:last-child {
        margin-bottom: 0px !important;
    }
    .our-impotance ul li:last-child .inner {
        border-bottom: none;
    }
    .our-impotance ul li {
        border-right: none;
        margin-bottom: 30px !important;
    }
    .our-impotance ul li:after {
        display: none;
    }
    .our-impotance ul li h3 span {
        display: inline;
    }
    .how-study ul li {
        margin-bottom: 20px;
    }
    .how-study ul li .cnt-block {
        left: 20px;
    }
    ul.our-strength li {
        width: 24%;
        border: none;
    }
    ul.our-strength li span {
        font-size: 26px;
    }
    ul.our-strength li .title {
        line-height: 20px;
    }
    .news-events ul {
        margin-bottom: 30px;
    }
    .news-events ul li {
        margin-bottom: 30px;
    }
    .news-events ul li .cnt-block {
        padding: 40px 20px 20px;
    }
    .news-events ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .news-events ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 30px;
        top: -27px;
    }
    .news-events ul li .bottom-block {
        padding-top: 20px;
    }
    .campus-tour {
        padding-bottom: 0px;
    }
    .campus-tour ul.gallery li {
        width: 50%;
    }
    .campus-tour ul.gallery li h3 {
        font-size: 18px;
    }
    .campus-tour ul.gallery li a {
        width: 44px;
        height: 44px;
        margin: 0 4px;
        line-height: 44px;
        font-size: 18px;
    }
    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }
    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }
    .logos {
        padding: 30px 0;
    }
    .testimonial ul li p {
        font-size: 18px;
        line-height: 28px;
    }
    .testimonial ul li span {
        font-size: 16px;
    }
    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }
    .footer .row1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer .row1 .col-sm-9 {
        padding-bottom: 15px;
    }
    .footer .foot-nav {
        width: 100%;
        border-bottom: 1px #2e5f85 solid;
        padding: 10px 0 12px 0;
    }
    .footer .foot-nav h3 {
        padding-bottom: 0px;
        cursor: pointer;
    }
    .footer .foot-nav h3:after {
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
        float: right;
        content: " + ";
    }
    .footer .foot-nav h3.open:after {
        content: " - ";
    }
    .footer .foot-nav ul {
        padding: 15px 0 10px 0;
    }
    .footer .bottom {
        padding: 20px 0px;
    }
    .footer .connect-us,
    .footer .subscribe,
    .footer .instagram {
        width: 100%;
        border-right: none;
        padding-right: 0px;
    }
    .footer .instagram ul li a img {
        width: 100%;
    }
    ul.browse-teachers-list > li {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #e5e5e5 solid;
    }
    ul.browse-teachers-list > li:nth-child(2n) {
        border-right: none;
    }
    ul.browse-teachers-list > li:nth-last-child(2) {
        border-bottom: none;
    }
    .about-video .container {
        height: 300px;
    }
    .about-video p {
        font-size: 36px;
    }
    .inner-banner {
        padding: 30px 0 20px;
    }
    .inner-banner h1 {
        font-size: 30px;
        padding-bottom: 10px;
    }
    .inner-banner p {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .inner-banner a.apply-online .left {
        padding: 12px 0 12px 24px;
    }
    .inner-banner a.apply-online .arrow {
        line-height: 64px;
    }
    .about .btn-wrapper {
        margin-bottom: 20px;
    }
    .select-course {
        float: left;
        margin-bottom: 30px;
    }
    .our-cources.sub h2 {
        padding-left: 0px;
    }
    .our-cources ul.inner li {
        margin-bottom: 70px;
    }
    .our-cources ul.inner li:before {
        bottom: -35px;
        display: none;
    }
    .our-cources ul.inner li:nth-child(2n):after {
        display: none;
    }
    ul.cert-list li {
        width: 100%;
        float: none;
    }
    ul.cert-list li:nth-last-child(2) {
        border-bottom: 1px dashed #c0c4c6;
    }
    .enquire-now {
        max-width: none;
        margin-top: 0;
    }
    .enquire-wrapper {
        max-width: none;
    }
    .course-detail {
        padding: 0 20px;
        margin: 20px 0 0 0;
    }
    .course-detail .duration {
        width: auto;
        padding: 20px 0;
        border: none;
        float: none;
        border-bottom: 1px solid #dfe9f1;
    }
    .course-detail .duration.eligible {
        width: auto;
        padding: 20px 0px;
    }
    .course-detail .duration.fee {
        width: auto;
        float: none;
        padding: 20px 0px;
        border: none;
    }
    .course-detail .duration.fee .detail {
        padding: 0px;
    }
    .course-detail .btn {
        position: absolute;
        right: 36px;
        bottom: 22px;
        float: none;
        margin: 10px 0 0 0;
    }
    .how-apply ul,
    .how-apply ul li {
        padding-bottom: 30px;
    }
    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }
    .how-apply ul li .icon-block img {
        width: 60px;
    }
    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }
    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        display: none;
    }
    .comments-wrapper ul.comments {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .comments-wrapper ul.comments li .com-txt {
        padding: 20px;
    }
    .leave-comment {
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }
    .leave-comment h4 {
        padding: 30px 0;
    }
    .leave-comment textarea {
        height: 100px;
    }
    #myTabs {
        padding: 0px;
    }
    .course-tab {
        margin-bottom: 30px;
    }
    .course-tab > li > a {
        font-size: 14px;
        padding-bottom: 16px;
    }
    .course-tab > li > a span {
        font-size: 44px;
        padding-bottom: 14px;
    }
    .course-tab > li > a .block {
        display: block;
    }
    .course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
        padding: 18px 20px;
    }
    #schedule .fee-amt {
        font-size: 18px;
    }
    #semester ul.content {
        border-bottom: 1px dashed #c9cdce;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    #semester .col-sm-6:last-child ul.content {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    #semester ul.content > li h4 {
        font-size: 16px;
    }
    .inner-banner.contact,
    .inner-banner.blog {
        padding: 30px 0 60px 0;
    }
    .inner-banner.contact p,
    .inner-banner.blog p {
        padding-bottom: 0px;
    }
    .form-wrapper .row .col-sm-6 {
        margin-bottom: 20px;
    }
    .contact-detail .address {
        padding: 18px 40px 12px 60px;
    }
    .contact-bottom {
        padding: 18px 0 14px 0;
    }
    .blog-left {
        padding-bottom: 30px;
    }
    .blog-left:after {
        display: none;
    }
    .blog-right {
        padding-left: 0px;
    }
    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    ul.blog-listing > li h2 {
        padding: 20px 0 15px;
        font-size: 18px;
        line-height: 26px;
    }
    ul.post-detail li {
        padding-bottom: 4px;
        padding-right: 18px;
    }
    .inner-banner.blog {
        min-height: 160px;
    }
    .recent-post,
    .archives {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #e9e9e9 solid;
    }
    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 64px;
    }
    .category {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #e9e9e9 solid;
    }
    .not-found-wrapper {
        width: 80%;
        margin: 50px auto;
        padding-top: 178px;
    }
    .not-found-wrapper h1 {
        font-size: 116px;
    }
    .not-found-wrapper p {
        font-size: 26px;
        padding-bottom: 40px;
    }
    .faq-wrapper .search-block input {
        height: 48px;
    }
    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }
    ul.faq-listing li .inner {
        padding: 10px 20px 30px 48px;
    }
    ul.faq-listing li .inner:before {
        top: 26px;
        font-size: 36px;
    }
    ul.faq-listing li:nth-last-child(2) .inner {
        border-bottom: 1px #e2e4e6 solid;
    }
    ul.faq-listing li:nth-child(2n) .inner {
        padding-left: 48px;
    }
    ul.faq-listing li .inner:before {
        left: 0px !important;
        top: 22px;
    }
    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }
    .panel-default .panel-title {
        font-size: 15px;
        line-height: 20px;
    }
    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before {
        font-size: 30px;
        top: 0px;
    }
    .panel-default > .panel-heading {
        padding: 15px 0;
    }
    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body {
        padding-left: 30px;
    }
    .login-wrapper .login {
        max-width: 360px;
    }
    .login-wrapper .login-logo {
        margin-bottom: 30px;
        text-align: center;
    }
    .login-wrapper .login-logo a {
        width: 220px;
        display: inline-block;
    }
    .login-wrapper .head-block {
        padding: 18px 15px;
    }
    .login-wrapper .head-block h1 {
        font-size: 26px;
    }
    .login-wrapper .cnt-block {
        padding: 30px;
    }
    .login-wrapper .btn {
        padding: 8px 14px;
    }
    .login-wrapper .login-footer {
        padding: 12px 15px;
    }
    .login-wrapper ul.follow-us li {
        padding: 0 12px;
    }
    ul.testimonials:after {
        display: none;
    }
    ul.testimonials li h3 {
        padding-top: 8px;
    }
    ul.testimonials li p {
        font-size: 15px;
        line-height: 28px;
    }
    ul.testimonials li .quotblock {
        padding: 30px 10px 15px 10px;
    }
    ul.testimonials li:nth-child(3) .quotblock {
        padding-top: 30px;
    }
    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1 !important;
    }
    ul.testimonials li:nth-child(odd):before,
    ul.testimonials li:nth-child(even):after {
        display: none;
    }
    ul.testimonials li:nth-child(even) {
        border-right: none;
    }
    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: block !important;
    }
    ul.gallery-filter {
        padding: 0px;
    }
    ul.gallery-filter li {
        width: auto;
        float: none;
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
    }
    ul.gallery-filter li a {
        padding-bottom: 20px;
    }
    .campus-tour .pagination {
        margin: 40px 0;
    }
    .news-wrapper .text-center {
        margin-top: 10px;
    }
    ul.news-listing > li h2 {
        font-size: 18px;
        line-height: 26px;
    }
    ul.news-listing > li p {
        line-height: 24px;
    }
    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }
    ul.news-listing > li .cnt-block {
        padding: 20px;
    }
    .privacy-wrapper h2 {
        font-size: 24px;
    }
    .privacy-wrapper h3 {
        font-size: 20px;
    }
    ul.privacy-listing {
        padding: 0px;
    }
    ul.privacy-listing > li {
        padding-bottom: 10px;
    }
    ul.privacy-listing > li:last-child {
        border-bottom: 1px dashed #c9cdce;
    }
    ul.privacy-listing > li.last {
        border-bottom: none;
    }
    .privacy-wrapper .padding-top {
        padding-top: 10px;
    }
    .imp-note {
        padding: 20px;
    }
    .imp-note span {
        float: none;
        margin: 0px auto 20px;
    }
    .imp-note p {
        text-align: center;
    }
    .form-outer ul.select-opt {
        padding-bottom: 20px;
    }
    .form-outer .cnt-block textarea {
        height: 100px;
    }
    .form-outer .col-left {
        float: none;
    }
    .form-outer .select2.select2-container {
        margin-bottom: 30px;
    }
    .modal-body {
        padding: 10px;
    }
    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }
    .generic-wrapper .button-group {
        margin-bottom: 40px;
        text-align: center;
    }
    .generic-wrapper .pagination {
        padding-bottom: 30px;
    }
    .generic-wrapper ul.privacy-listing > li:last-child {
        border-bottom: none;
    }
    .coming-soon .left,
    .coming-soon .right {
        display: block;
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .coming-soon .inner {
        display: inline-block;
        position: inherit;
    }
    .coming-soon .left a.logo {
        display: block;
        position: inherit;
        top: auto;
    }
    .coming-soon .cnt-block {
        padding: 60px 0 40px 0;
    }
    .stay-connected {
        position: inherit;
        bottom: auto;
    }
    .banner2 {
        padding: 40px 0 60px 0;
    }
    .banner2 .form-group {
        margin-bottom: 0px;
    }
    .banner2 ul.banner-list {
        display: none;
    }
    .intro-sec .left-block {
        padding-bottom: 30px;
    }
    .intro-sec .video-block img {
        width: 100%;
    }
    .popular-cources ul.courses-list li:last-child {
        margin-bottom: 0px;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 40px 30px;
    }
    .wt-makes-different .bg-image {
        width: 100%;
    }
    .wt-makes-different .left {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .wt-makes-different .left .q-mark {
        width: 70px;
        height: 70px;
        font-size: 40px;
        line-height: 66px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 30px;
        font-size: 42px;
        line-height: 52px;
    }
    .wt-makes-different .right {
        padding: 40px 0 10px 0px;
    }
    .footer2 .foot-nav {
        border-color: #454545;
    }
}

/* Landscape phones and down */
@media (max-width: 640px) {
    .banner-outer .content h1 span {
        font-size: 50px;
    }
    .why-choose ul li {
        width: 48%;
        padding-bottom: 30px;
    }
    .why-choose ul li:nth-child(n + 3) {
        padding-bottom: 0px;
    }
    ul.our-strength.opt2 li {
        border-right: none;
    }
    ul.testimonials li {
        width: 100%;
    }
    ul.testimonials li:before,
    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:after,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: none !important;
    }
    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1;
    }
    ul.testimonials li:first-child .quotblock {
        padding-top: 0px;
    }
    ul.testimonials li:nth-child(2) .quotblock {
        padding-top: 30px;
    }
    ul.gallery-filter li {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 0 6px;
    }
    ul.gallery-filter li a {
        padding-bottom: 8px;
    }
    ul.news-listing > li {
        width: 100%;
    }
    ul.select-opt li {
        width: 100%;
        margin-bottom: 8px;
        float: none;
    }
    .generic-wrapper ul.our-spec li {
        width: 50%;
        min-height: 142px;
    }
    .generic-wrapper a.btn-circle {
        margin-bottom: 20px;
    }
    .button-group1 a.download-pros,
    .button-group1 a.download-cert {
        width: 100%;
        margin: 0 0 2px 0;
    }
    .coming-soon .right .cnt-block {
        padding: 0px;
    }
    .coming-soon .right ul li:after {
        font-size: 50px;
    }
    .coming-soon .right ul li .count {
        font-size: 60px;
        line-height: 60px;
    }
    .coming-soon .cnt-block h1 {
        font-size: 50px;
        padding-bottom: 30px;
    }
    .banner2 h1 {
        padding-bottom: 20px;
        font-size: 36px;
        line-height: 48px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner-outer .content h1 {
        font-size: 26px;
        line-height: 38px;
    }
    .banner-outer .content h1 span {
        font-size: 50px;
    }
    .our-impotance ul li {
        width: 100%;
    }
    .our-impotance ul li:after {
        width: 94%;
    }
    .our-impotance ul li .inner {
        padding: 10px 10px 30px 10px;
    }
    .our-impotance ul li h3 span {
        display: inline;
    }
    .testimonial ul li p {
        font-size: 16px;
        line-height: 26px;
    }
    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 28px;
    }
    .about-video .container {
        height: 300px;
    }
    .about-video p {
        font-size: 32px;
    }
    a.download-pros {
        margin-bottom: 1px;
    }
    a.download-pros,
    a.download-cert {
        width: 100%;
        border: none;
    }
    .our-cources ul.inner li {
        width: 100%;
        margin-bottom: 40px;
    }
    .our-cources ul.inner li:nth-child(n + 9) {
        margin-bottom: 40px;
    }
    .our-cources ul.course-list li:after {
        display: none;
    }
    .enquire-now .inner .row2 input {
        width: 100%;
        margin: 0 0 14px 0;
    }
    ul.browse-teachers-list > li {
        width: 100%;
        border: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .leave-comment input {
        width: 100%;
    }
    .leave-comment input:first-child {
        margin-bottom: 30px;
    }
    .course-detail .duration .icon {
        width: 57px;
        height: 57px;
        font-size: 34px;
    }
    .form-outer input {
        height: 40px;
        padding: 0 15px;
        margin-bottom: 20px;
    }
    .login-wrapper .remember {
        margin-top: 20px;
    }
    .register .cnt-block textarea {
        margin-bottom: 20px;
    }
    .form-outer input.country-code {
        width: 20%;
    }
    .form-outer input.phone-no {
        width: calc(80% - 18px);
    }
    .coming-soon .left,
    .coming-soon .right {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .coming-soon .cnt-block {
        padding: 40px 0;
    }
    .coming-soon .cnt-block h1 {
        font-size: 40px;
    }
    .coming-soon .right ul li {
        padding: 0 15px;
    }
    .coming-soon .right ul li:after {
        font-size: 40px;
        top: 13%;
    }
    .coming-soon .right ul li .count {
        font-size: 44px;
        line-height: 50px;
    }
    .banner2 {
        padding: 30px 0 40px 0;
    }
    .banner2 h1 {
        padding-bottom: 12px;
        font-size: 30px;
        line-height: 40px;
    }
    .banner2 p {
        font-size: 14px;
        line-height: 22px;
    }
    .banner2 .form-group {
        margin-top: 20px;
    }
    .popular-cources a.view-courses {
        display: none;
    }
    .wt-makes-different .left .q-mark {
        width: 60px;
        height: 60px;
        font-size: 32px;
        line-height: 56px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 20px;
        font-size: 38px;
        line-height: 46px;
    }
    .wt-makes-different .left a.read-more {
        font-size: 15px;
    }
    .wt-makes-different .right {
        padding: 30px 0 0 0;
    }
    ul.makes-different-list li h3 {
        font-size: 17px;
    }
}

/* iPhone 6 Plus and down */
@media (max-width: 414px) {
    .header-middle {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .about-video p {
        font-size: 26px;
    }
    .pagination > li > a,
    .pagination > li > span {
        margin: 0 2px;
        padding: 4px 10px;
        font-size: 13px;
    }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        padding: 5px 14px;
    }
    .pagination > li:first-child a i {
        margin-right: 4px;
    }
    .pagination > li:last-child a i {
        margin-left: 4px;
    }
    .course-tab > li > a {
        font-size: 13px;
    }
    .not-found-wrapper {
        padding-top: 158px;
    }
    .not-found-wrapper h1 {
        font-size: 96px;
    }
    .not-found-wrapper p {
        font-size: 22px;
        padding-bottom: 30px;
    }
    .banner2 h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner2 .form-group .form-control {
        height: 42px;
        padding: 0 20px;
        font-size: 14px;
    }
    .banner2 .form-group .search-btn {
        width: 42px;
        height: 42px;
    }
    .banner2 .form-group .search-btn img {
        width: 18px;
    }
    .intro-sec h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .wt-makes-different .left h2 {
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 42px;
    }
    .wt-makes-different .left .q-mark {
        width: 52px;
        height: 52px;
        font-size: 26px;
        line-height: 48px;
        margin-bottom: 15px;
    }
    ul.makes-different-list li {
        width: 100%;
        margin-bottom: 30px;
    }
    ul.makes-different-list li .inner {
        max-width: inherit;
    }
    .popular-cources ul.courses-list li .cnt-block {
        padding: 30px 20px;
    }
}

/* iPhone 6 and down */
@media (max-width: 375px) {
    .header-middle a.login {
        padding: 2px 8px;
    }
    .banner-outer .content h1 {
        font-size: 22px;
        line-height: 34px;
    }
    .banner-outer .content h1 span,
    .banner-outer .slide2 .content h1,
    .banner-outer .slide2 .content h1 {
        font-size: 38px;
        line-height: 40px;
    }
    .btn {
        padding: 8px 16px;
    }
    .testimonial #bx-pager a {
        margin: 0 2px;
    }
    .testimonial .wrapper:before {
        top: 44px;
    }
    .testimonial .wrapper:after {
        bottom: -26px;
    }
    .testimonial ul li p {
        padding-top: 30px;
    }
    .course-tab > li > a span {
        font-size: 40px;
    }
    .course-tab > li > a {
        font-size: 12px;
    }
    .not-found-wrapper {
        padding-top: 138px;
    }
    .not-found-wrapper h1 {
        font-size: 86px;
    }
    .login-wrapper .head-block h1 {
        font-size: 20px;
    }
    .login-wrapper .login {
        max-width: 320px;
    }
    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }
    .login-wrapper .btn {
        padding: 6px 12px;
    }
    .privacy-wrapper h2 {
        font-size: 22px;
    }
    .coming-soon .right ul li {
        padding: 0 12px;
    }
    .coming-soon .stay-tuned input[type="email"] {
        width: calc(100% - 90px);
    }
    .coming-soon .stay-tuned .clear .button {
        width: 90px;
    }
    .banner2 h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .banner2 h1 br {
        display: none;
    }
    .banner2 .form-group {
        width: 100%;
    }
    .intro-sec .video-block .play-outer {
        width: 170px;
        height: 52px;
        padding: 8px;
    }
    .intro-sec .video-block .play-outer span {
        padding-left: 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .intro-sec .video-block .play-outer figure {
        width: 36px;
    }
}

/* iPhone 4 */
@media (max-width: 320px) {
    .about-video p {
        font-size: 24px;
    }
    .course-detail .btn {
        position: inherit;
        margin: 10px 0 20px 0;
        right: auto;
    }
    .not-found-wrapper {
        padding-top: 128px;
    }
    .not-found-wrapper h1 {
        font-size: 66px;
    }
    .not-found-wrapper p {
        font-size: 18px;
    }
    ul.faq-listing li h2 {
        font-size: 16px;
    }
    .login-wrapper .login {
        max-width: 300px;
    }
    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }
    .login-wrapper .btn {
        padding: 6px 12px;
        font-size: 12px;
    }
    .coming-soon .cnt-block h1 {
        font-size: 34px;
    }
    .coming-soon .right ul li {
        padding: 0 8px;
    }
}