html{ scroll-behavior: smooth;}
body, ul {
padding: 0;
margin: 0
}
.spacer10, .spacer15, .spacer20, .spacer5 {
float: left;
width: 100%
}
body {
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
position: relative;
color: #222;
font-size: 16px;
}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}
.get-quote a, h1, h2, h3, h4 {
/* font-family: 'Aref Ruqaa', serif;*/
font-weight: 700;
letter-spacing: 1px;
font-family: 'Roboto', sans-serif;
}
a {
color: #444;
text-decoration: none;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background: 0 0
}
ul {
list-style: none
}
a:active, a:focus, a:hover {
text-decoration: none;
color: #006cb7;
outline: 0
}
.spacer5 {
padding: 5px
}
.spacer10 {
padding: 10px
}
.spacer15 {
padding: 15px
}
.spacer20 {
padding: 20px
}
.affix {
top: 0;
width: 100%;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
z-index: 9999
}
.affix-top {
position: static;
top: -35px
}
#scrool-top {
background: #ea040d;
border: 0;
border-radius: 50px 50px 0 0;
bottom: 50px;
box-shadow: 0 -34px 20px -20px rgba(0,0,0,.2) inset;
-webkit-box-shadow: 0 -34px 20px -20px rgba(0,0,0,.2) inset;
color: #fff;
height: 40px;
line-height: 40px;
opacity: 0;
position: fixed;
right: 40px;
text-align: center;
transition: opacity .2s ease-out 0s;
width: 40px;
z-index: 9999
}
.top-bar, .top-bar2, .top-left-wrap, .top-right-wrap {
position: relative;
width: 100%
}
#scrool-top i {
color: #fff
}
#scrool-top:hover {
background: #00aef6
}
.show {
display: block!important
}
.top-bar, .top-bar2 {
display: block
}
.get-quote a, .top-wrap ul li {
display: inline-block
}
#scrool-top.show {
opacity: 1
}
.top-bar {
padding: 10px 0;
background: #17a7dd
}
.top-bar2 {
background: #19b6f0;
text-align: center
}
.top-wrap .dropdown {
background: 0 0;
text-align: center
}
.top-wrap .dropdown-menu {
width: 100%;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.2);
margin: 0;
padding: 10px
}
.top-wrap .dropdown-menu li {
border-right: 1px solid #000;
margin-right: 2px;
padding-right: 4px;
line-height: 10px
}
.top-wrap .dropdown-menu li:last-child {
border-right: none
}
.ftr a {
color: #08A9EB;
text-decoration: none;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.top-wrap .dropdown-menu li a {
background: 0 0;
padding: 0;
color: #000;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 12px
}
.top-left-wrap ul li, .top-right-wrap ul li {
line-height: 16px;
padding: 0 5px;
display: inline-block
}
.top-wrap .dropdown-menu li a:focus, .top-wrap .dropdown-menu li a:hover {
background: 0 0;
box-shadow: none;
-webkit-box-shadow: none;
color: #ea040d
}
.top-left-wrap ul li {
}
.top-left-wrap ul li:last-child {
border-right: none
}
.top-left-wrap ul li a {
color: #fff;
font-size: 14px
}
.top-left-wrap ul li a i, .top-left-wrap ul li a:focus, .top-left-wrap ul li a:hover {
color: #ea040d
}
.top-right-wrap {
text-align: right
}
.top-right-wrap ul li {
}
.top-right-wrap ul li:last-child {
border-right: none
}
.top-right-wrap ul li a {
color: #fff
}
.top-left-wrap ul li a:focus, .top-right-wrap ul li a i, .top-right-wrap ul li a:hover {
color: #ea040d
}
.social-icon {
margin: 5px 0 0
}
.social-icon ul li {
border-right: none;
padding: 0
}
.social-icon ul li a i {
color: #00aef7;
width: 25px;
height: 25px;
line-height: 25px;
background: #fff;
text-align: center;
font-size: 14px;
box-shadow: inset 0 0 4px 2px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0,.1)
}
.social-icon ul li a:hover i {
color: #ea040d
}
.social-icon.thankyou-social {
text-align: center;
margin-top: -20px;
margin-bottom: 20px
}
.social-icon.thankyou-social ul li a i {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px
}
.get-workshop {
position: absolute;
content: '';
left: 95;
top: -1px;
z-index: 99
}
.get-workshop a {
position: relative;
background: #ea040d;
color: #fff;
font-size: 18px;
width: 110px !important;
height: 70px; left:1200px;
line-height: 50px;
text-align: center;
border-radius: 0 0 50% 50%;
box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset;
-webkit-box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset
}
.get-quote {
position: absolute;
content: '';
right: 0;
top: -1px;
z-index: 99
}
.get-quote a {
position: relative;
background: #ea040d;
color: #fff;
font-size: 14px;
width: 80px;
height: 70px;
line-height: 50px;
text-align: center;
border-radius: 0 0 50% 50%;
box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset;
-webkit-box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset
}
.blink-bg {
animation-duration: .8s;
animation-name: blink-bg;
animation-iteration-count: infinite;
animation-direction: alternate;
-webkit-animation: blink-bg .8s infinite;
-webkit-animation-delay: -2s;
animation-delay: -2s;
animation-fill-mode: forwards
}
@-webkit-keyframes blink-bg {
0%, 100% {
background-color:#f00001
}
50% {
background-color:#19b6f0
}
}
@-moz-keyframes blink-bg {
0%, 100% {
background-color:#f00001
}
50% {
background-color:#19b6f0
}
}
@-o-keyframes blink-bg {
0%, 100% {
background-color:#f00001
}
50% {
background-color:#19b6f0
}
}
@keyframes blink-bg {
0%, 100% {
background-color:#f00001
}
50% {
background-color:#19b6f0
}
}
.navbar {
border-radius: 0;
margin-bottom: 0;
border: none;
background: #eee;
-webkit-box-shadow: 0 0 22px rgba(0,0,0,.3);
box-shadow: 0 0 22px rgba(0,0,0,.3)
}
.navbar-nav {
padding: 15px 1px;
}
.navbar-header {
float: none;
text-align: center
}
.navbar-brand {
height: auto;
padding: 0 15px 5px;
float: none;
position: relative;
box-shadow: none;
border-radius: 0
}
.navbar-brand>img {
max-width: 180px;
display: inherit;
text-align: center;
margin: auto
}
.nav>li {
padding-left: 28px;
}
.nav>li:first-child {
padding-left: 0
}
.navbar-toggle {
border: 1px solid transparent;
margin-top: 18px
}
.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 2px;
border-radius: 1px;
background-color: #2b2525
}
.navbar-toggle:hover {
background-color: #ddd
}
.navbar-nav>li>a {
color: #000;
padding: 10px 0;
font-size: 16px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
font-weight: 500
}
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
color: #00aeef
}
.dropdown-menu {
width: 250px;
background: #f1f1f1;
font-size: 14px;
border: none;
padding: 0
}
.banner, .banner-cnt-bx, .top-icon-bx {
width: 100%;
position: relative
}
.dropdown-menu li a {
color: #fff;
background: #00aeef;
font-size: 14px;
display: block;
padding: 6px 14px;
box-shadow: inset 0 0 15px 2px rgba(0,0,0,.06);
-webkit-box-shadow: inset 0 0 15px 2px rgba(0,0,0,.06);
margin: 1px 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.dropdown-menu li a:hover {
color: #fff;
background: #ea040d;
box-shadow: inset 0 0 4px 4px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 0 4px 4px rgba(0,0,0,.1);
text-shadow: none
}
.banner {
overflow: hidden;
border-top: 1px solid #ea040d;
-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
box-shadow: 0 10px 30px rgba(0,0,0,.3)
}
.banner-cnt-bx {
float: left;
margin-bottom: 30px
}
.top-icon-bx {
display: block;
padding: 50px 0
}
.no-padd {
padding: 0
}
.top-icon-wrap {
text-align: center;
-webkit-box-shadow: 8px 8px 5px rgba(0,0,0,.2);
box-shadow: 8px 8px 5px rgba(0,0,0,.2);
position: relative
}
.top-icon-wrap:after {
content: "\f18e";
font-family: FontAwesome;
position: absolute;
bottom: -3px;
right: 2px;
font-size: 22px;
z-index: -1;
-webkit-transition: all .7s ease 0s;
transition: all .7s ease 0s
}
.pricingTable:hover:after {
z-index: 1
}
.top-icon-wrap .pricingTable-header {
padding: 30px 20px;
border-radius: 4px 4px 0 0
}
.top-icon-wrap .top-icon {
display: block
}
.top-icon-wrap .top-icon i {
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 100%;
background: #fff;
color: #444;
font-size: 50px
}
.apply-text, .course-sec, .hm-form-wrap, .outer {
width: 100%;
position: relative
}
.top-icon-wrap .month {
display: block;
font-size: 16px;
letter-spacing: 1px;
margin-top: 15px;
color: #000
}
.top-icon-wrap .btn {
padding: 15px 0;
font-size: 20px;
font-weight: 700;
color: #333;
border: none;
font-family: 'Aref Ruqaa', serif;
letter-spacing: 1px;
border-radius: 0;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.top-icon-wrap:hover .btn {
border-radius: 0 0 68px;
color: #333
}
.top-icon-wrap.orange .pricingTable-header {
background: -webkit-linear-gradient(to bottom, #fd9252, #ff764e);
background: linear-gradient(to bottom, #fd9252, #ff764e)
}
.top-icon-wrap.orange .btn {
background: -webkit-linear-gradient(to bottom, #ff764e, #fff);
background: linear-gradient(to bottom, #ff764e, #fff)
}
.top-icon-wrap.orange:hover:after {
color: #ff764e
}
.top-icon-wrap.blue .pricingTable-header {
background: -webkit-linear-gradient(to bottom, #82cfdd, #4ca1af);
background: linear-gradient(to bottom, #82cfdd, #4ca1af)
}
.top-icon-wrap.blue .btn {
background: -webkit-linear-gradient(to bottom, #4ca1af, #fff);
background: linear-gradient(to bottom, #4ca1af, #fff)
}
.top-icon-wrap.blue:hover:after {
color: #4ca1af
}
.top-icon-wrap.green .pricingTable-header {
background: -webkit-linear-gradient(to bottom, #f7e5a5, #fddc5d);
background: linear-gradient(to bottom, #f7e5a5, #fddc5d)
}
.top-icon-wrap.green .btn {
background: -webkit-linear-gradient(to bottom, #fddc5d, #fff);
background: linear-gradient(to bottom, #fddc5d, #fff)
}
.top-icon-wrap.green:hover:after {
color: #fddc5d
}
.top-icon-wrap.pink .pricingTable-header {
background: -webkit-linear-gradient(to bottom, #ff7c81, #f75258);
background: linear-gradient(to bottom, #ff7c81, #f75258)
}
.top-icon-wrap.pink .btn {
background: -webkit-linear-gradient(to bottom, #f75258, #fff);
background: linear-gradient(to bottom, #f75258, #fff)
}
.top-icon-wrap.pink:hover:after {
color: #f75258
}
@media screen and (max-width:991px) {
.top-icon-wrap {
margin-bottom: 20px
}
}
.course-sec {
background: #eee;
padding: 50px 0
}
.course-sec h3 {
text-align: center;
font-size: 22px;
color: #000;
margin-top: 0;
margin-bottom: 40px
}
.hm-form-wrap {
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 0 rgba(0,0,0,.2)
}
.apply-text {
padding: 20px;
background: url(../images/sub-header-over.png) left no-repeat #19b6f0;
background-size: cover;
border-radius: 0 0 8px 8px;
margin-bottom: 10px
}
.apply-wrap {
padding: 10px 15px
}
.apply-text h2 {
text-align: center;
color: #fff;
margin: 0 0 20px
}
.apply-text p {
font-size: 18px;
color: #fff;
font-weight: 600
}
.apply-text a {
color: #fff
}
.apply-text a:focus, .apply-text a:hover {
color: #ea040d
}
.outer {
float: left;
padding-left: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 40px;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transition: all.5s ease-in-out;
-webkit-transition: all.5s ease-in-out;
-moz-transition: all.5s ease-in-out;
-ms-transition: all.5s ease-in-out;
-o-transition: all.5s ease-in
}
.outer:before {
pointer-events: none;
position: absolute;
content: '';
top: 99%;
z-index: -1;
left: 5%;
height: 10px;
width: 90%;
background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.35) 0, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0, transparent 80%)
}
.outer:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px)
}
.outer .news-box {
float: left;
width: 100%; border: 1px solid #02abee;
}
.outer .news-box .frame {
float: left;
width: 100%;
position: relative
}
.outer .news-box .frame img {
width: 100%
}
.outer .news-box strong.date {
position: absolute;
left: -15px;
top: 0;
width: 100%;
height: 36px;
line-height: 36px;
font-size: 13px;
font-weight: 400;
background-color: #ea040d;
color: #fff;
padding: 0 0 0 15px;
border-radius: 0 20px 20px 0
}
.outer .news-box strong.date:before {
content: '';
position: absolute;
left: 0;
bottom: -15px;
width: 0;
height: 0;
border-top: 15px solid #a5040a;
border-left: 15px solid transparent
}
.text-box {
float: left;
width: 100%;
padding: 10px 15px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 10px 10px
}
.btn, .btn.blue:hover i {
background: #02abee
}
.text-box h4 {
margin-top: 5px;
/*font-family: 'Mukta Mahee', sans-serif;*/
letter-spacing: 0;
font-weight: 500
}
.text-box h3 {
margin-top: 5px;
/*font-family: 'Mukta Mahee', sans-serif;*/
letter-spacing: 0;
font-weight: 500
}
.text-box h4 a {
color: #111
}
.text-box p {
text-align: justify;
color: #111; min-height:200px;
}
.text-box ul {
position: relative;
margin-bottom: 10px
}
.text-box ul li {
position: relative;
display: block;
padding-left: 18px;
color: #222;
font-size: 15px;
text-decoration: underline
}
.text-box ul li:before {
font-family: FontAwesome;
content: "\f058";
position: absolute;
left: 0;
top: 0;
display: block;
color: #ea040d;
font-size: 13px;
line-height: 26px;
font-weight: 400;
text-align: center;
z-index: 5
}
.btn:after, .img-slide-bx::before, .teft-title::after, .teft-title::before {
content: ""
}
.btn {
border-radius: 0;
position: relative;
padding: 8px 19px;
font-size: 16px;
color: #fff
}
.course-sec .btn i, .btn:after {
position: absolute
}
.course-sec btn i, h3.teft-title {
font-size: 21px
}
.btn:after {
border-width: 8px 8px 8px 0;
border-style: solid;
border-color: transparent;
top: 31.5%;
right: 0
}
.btn:focus, .btn:hover {
outline: 0;
color: #fff
}
.course-sec .btn i {
top: 0;
left: 100%;
width: 32%;
height: 100%;
line-height: 34px;
padding: 2px 0
}
.btn.blue:hover:after {
border-right-color: #02abee
}
.btn.blue i, .btn.blue:hover {
background: #ea040d;
color: #fff
}
.btn.blue:after {
border-right-color: #ea040d
}
.tefl-india {
width: 100%;
position: relative;
display: block;
background: url(../images/light-pattern-.png) #e2e2e3;
padding: 30px 0 50px
}
.teft-title {
color: #222;
padding-bottom: 15px;
position: relative;
z-index: 2;
margin-bottom: 20px
}
.teft-title::after, .teft-title::before {
background-color: #ea040d;
height: 1px;
left: 0;
position: absolute;
right: 0
}
.teft-title::before {
bottom: 6px;
width: 99px
}
.teft-title::after {
bottom: 0;
width: 59px
}
#accordion .panel {
border: none;
box-shadow: none;
border-radius: 0;
margin-bottom: -5px
}
#accordion .panel:last-child {
border-bottom: none
}
#accordion .panel-heading {
padding: 0;
border-radius: 0
}
#accordion .panel-title a {
display: block;
padding: 15px 20px 15px 30px;
background: #02a9eb;
font-size: 16px;
font-weight: 600;
color: #fff;
border: none;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
box-shadow: inset 0 0 9px 3px rgba(0,0,0,.08);
-webkit-box-shadow: inset 0 0 9px 3px rgba(0,0,0,.08)
}
.inn-body-part, .scroll-text-wrap {
box-shadow: 0 2px 0 rgba(0,0,0,.2)
}
#accordion .panel-body {
padding: 25px 20px 15px 40px;
color: #111;
line-height: 28px;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border: none;
position: relative
}
#accordion .panel-body:after, #accordion .panel-body:before {
position: absolute;
content: ""
}
#accordion .panel-body:before {
border-top: 15px solid #02a9eb;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
left: 30px
}
#accordion .panel-body:after {
width: 8px;
height: 60px;
background: #ea040d;
top: 25%;
left: 0
}
#accordion .panel-body p {
text-align: justify
}
.img-slide-wrap {
width: 100%;
position: relative;
display: block
}
.img-slide-bx>img {
width: 100%
}
.img-slide-bx::before {
background: rgba(0,0,0,.4);
height: 30%;
position: absolute;
width: 100%;
z-index: 50;
bottom: 0
}
.img-slide-cnt {
position: relative;
background: #fff
}
.img-slide-cnt h4 {
font-weight: 400;
height: 100%;
left: 0;
position: absolute;
text-align: center;
bottom: 30px;
width: 100%;
z-index: 500;
color: #fff;
margin: 0;
padding: 0 10px 20px
}
.scroll-text-wrap {
width: 100%;
display: block;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
padding: 30px 20px 20px;
border-radius: 10px
}
.scroll-text-wrap h4 {
color: #ea040d;
margin-bottom: 15px
}
.scroll-text-wrap p {
text-align: justify;
font-size: 15px
}
/*.owl-next:before, .owl-prev:before {
font-family: FontAwesome!important;
font-size: 36px;
line-height: 25px
}*/
.scroll-text-img {
float: left;
max-width: 100%;
margin-right: 10px;
border: 4px solid #fff;
border-radius: 3px;
position: relative
}
.scroll-text-img:before {
pointer-events: none;
position: absolute;
content: '';
top: 99%;
left: 5%;
height: 10px;
width: 90%;
background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.45) 0, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0,0,0,.45) 0, transparent 80%)
}
.scroll-text-img img {
width: auto!important
}
.owl-prev:before {
content: "\f177"
}
.owl-next:before {
content: "\f178"
}
.owl-next, .owl-prev {
height: 36px;
position: absolute;
border: none;
font-size: 0;
color: #02a9eb;
text-align: center
}
.owl-prev {
left: 10px;
bottom: 30px;
bottom: inherit
}
.owl-next {
right: 10px;
bottom: 30px;
bottom: inherit;
width: 36px;
border-radius: 100%;
padding: 5px;
transition: .4s;
-webkit-transition: .4s
}
.owl-next:hover, .owl-prev:hover {
border: none;
transition: .4s;
-webkit-transition: .4s;
color: #ea040d;
background: 0 0
}
.teflindia-scroll-text .owl-next, .teflindia-scroll-text .owl-prev {
top: 5px;
bottom: inherit
}
.testimonials {
padding: 20px 0 35px;
position: relative
}
.hm-title-bx {
padding-bottom: 20px;
position: relative;
z-index: 2;
margin-bottom: 30px;
text-align: center;
width: 100%;
float: left
}
.hm-title-bx::after, .hm-title-bx::before, .nav-tabs>li.active>a:after, .nav-tabs>li.active>a:before {
content: "";
position: absolute
}
.hm-title-bx::after, .hm-title-bx::before {
background-color: #ea040d;
height: 1px;
margin: auto;
left: 0;
right: 0
}
.hm-title-bx::before {
bottom: 6px;
width: 99px
}
.hm-title-bx::after {
bottom: 0;
width: 59px
}
.hm-title-bx h2 {
font-size: 26px
}
.hm-title-bx p {
margin: 0
}
.nav-tabs {
border-bottom: none
}
.tab-content {
background: url(../images/partner-bg.png) #e4f6fd;
padding-bottom: 50px;
border-radius: 0 0 8px 8px
}
.nav-tabs>li {
padding-left: 10px
}
.nav-tabs li:first-child {
padding-left: 0
}
.nav-tabs>li>a {
font-size: 18px;
color: #222;
text-transform: uppercase;
font-weight: 600;
padding: 10px 45px;
border: 1px solid #02a9eb!important;
margin: 0;
border-radius: 0 0 10px 10px!important;
box-shadow: 0 5px 10px #ccc;
-webkit-box-shadow: 0 5px 10px #ccc
}
.nav-tabs>li.active>a:before {
width: 58%;
height: 4px;
background: #ea040d;
top: 0;
left: 0;
right: 0;
margin: 0 auto
}
.nav-tabs>li.active>a:after {
border-top: 10px solid #16a0d3;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
bottom: -10px;
left: 43%
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background: url(../images/sub-header-over.png) left no-repeat #19b6f0;
background-size: cover;
border: 1px solid #02a9eb!important;
color: #fff;
border-radius: 4px
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
background: url(../images/sub-header-over.png) left no-repeat #19b6f0;
background-size: cover;
border: 1px solid #02a9eb!important;
color: #fff
}
.testimonials .item {
padding: 25px 20px 0 25px;
margin-bottom: 30px;
text-align: center
}
.testimonials h4 {
color: #111;
line-height: 24px;
margin-bottom: 5px
}
.testimonials span {
font-weight: 600;
font-size: 16px;
color: #ea040d
}
.testimonials p>strong {
color: #02a9eb;
font-weight: 500
}
.testimonials p {
line-height: 24px;
margin-top: 5px;
color: #000
}
.testimonials .tes-img {
text-align: center;
margin: 20px 0 0
}
.testimonials .tes-img img {
background: #e2e3df;
border-radius: 50%;
border: 4px solid #fff;
box-shadow: 0 3px 10px #757575;
-webkit-box-shadow: 0 3px 10px #757575;
width: auto;
margin: auto
}
.testimonials iframe {
width: 100%
}
.pager li>a, .pager li>span {
padding: 5px 14px 3px;
color: #02a9eb
}
.client-title {
color: #040707;
font-weight: 500;
margin-top: 0;
padding-top: 20px
}
.client-logo {
margin-top: 15px
}
.client-logo a {
padding-right: 10px
}
.client-logo-sec {
width: 100%;
display: block;
position: relative;
background: url(../images/bgDiag.png) #f9f9f9;
padding: 25px 10px
}
.client-logo-sec p {
padding: 10px;
background: #fff;
border-radius: 8px;
margin-bottom: 0;
box-shadow: 0 4px 30px rgba(0,0,0,.15);
-webkit-box-shadow: 0 4px 30px rgba(0,0,0,.15)
}
.footer-sec {
width: 100%;
position: relative;
background: url(../images/partner-bg.png) #000;
color: #fff;
display: block;
padding: 0 0 30px
}
.address-sec-wrap, .ftr-wrap .teft-title::after, .ftr-wrap .teft-title::before {
background: #02a9eb
}
.footer-sec>.container {
width: 95%
}
.add-out-wrap {
width: 100%;
position: relative;
float: left;
margin-bottom: 30px;
z-index: 9;
color: #fff
}
.address-sec-wrap {
padding: 25px 20px 10px;
box-shadow: 0 34px 20px -20px rgba(0,0,0,.2) inset;
-webkit-box-shadow: 0 34px 20px -20px rgba(0,0,0,.2) inset;
border-radius: 0 0 15px 15px
}
.ftr-link li, .ftr-link2 li {
padding-bottom: 2px
}
.ftr-wrap {
width: 100%;
display: block;
margin-bottom: 20px
}
.ftr-wrap .teft-title {
color: #fff;
font-size: 20px
}
.ftr-link li a {
padding-left: 20px;
position: relative;
color: #bbb;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.ftr-link li a:before {
position: absolute;
left: 0;
top: 7px;
content: '';
border-left: 6px solid #02a9eb;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.ftr-bttom, .ftr-link2 li a, .sub-banner, .sub-banner h1 {
position: relative
}
.ftr-link li a:hover {
color: #02a9eb
}
.ftr-link2 li a {
color: #eee;
font-size: 14px
}
.ftr-link2 li a i {
color: #02a9eb;
padding-right: 5px
}
.ftr-link2 li a:hover {
color: #02a9eb
}
.breadcrumb li a, .ftr-btm-text a {
color: #fff
}
.ftr-bttom {
width: 100%;
background: url(../images/partner-bg.png) #484848;
padding: 10px 0;
border-top: 2px solid #02a9eb;
box-shadow: inset 0 2px 0 #ea040d;
-webkit-box-shadow: inset 0 2px 0 #ea040d
}
.ftr-btm-text {
color: #fff;
font-size: 14px;
margin-bottom: 5px
}
.ftr-btm-text a:focus, .ftr-btm-text a:hover {
color: #02a9eb
}
.sub-banner {
width: 100%;
display: block;
padding: 15px 0;
background: url(../images/partner-bg.png);
text-align: center
}
.sub-banner h1 {
padding: 20px;
margin: 0 auto;
font-size: 30px
}
.sub-banner h1::after, .sub-banner h1::before {
background-color: #ea040d;
content: "";
height: 1px;
position: absolute;
margin: auto;
left: 0;
right: 0
}
.sub-banner h1::before {
bottom: 6px;
width: 99px
}
.sub-banner h1::after {
bottom: 0;
width: 59px
}
.kode_benner1_cols {
float: left;
width: 100%;
background-color: #f2f2f1;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 0 10px 20px rgba(0,0,0,.1)
}
.kode_benner1_cols .kf_container {
position: relative;
padding: 0 97px;
display: table
}
.kode_benner1_cols .kf_container:after, .kode_benner1_cols .kf_container:before {
background-color: #f2f2f1;
bottom: 0;
content: "";
position: absolute;
width: 189px;
z-index: 1;
display: block;
top: 0
}
.kode_benner1_cols .kf_container:before {
left: 0;
transform: translateX(-29%) skewX(-45deg);
-o-transform: translateX(-29%) skewX(-45deg);
-ms-transform: translateX(-29%) skewX(-45deg);
-moz-transform: translateX(-29%) skewX(-45deg);
-webkit-transform: translateX(-29%) skewX(-45deg)
}
.kode_benner1_cols .kf_container:after {
right: 0;
transform: translateX(29%) skewX(46deg);
-o-transform: translateX(29%) skewX(46deg);
-ms-transform: translateX(29%) skewX(46deg);
-moz-transform: translateX(29%) skewX(46deg);
-webkit-transform: translateX(29%) skewX(46deg)
}
.kode_benner1_cols .breadcrumb {
display: inline-block;
width: 100%;
position: relative;
background: #16a7dc;
padding: 12px 0;
margin: 0;
bottom: -9px;
border-radius: 0
}
.kode_benner1_cols .breadcrumb:after, .kode_benner1_cols .breadcrumb:before {
border-bottom: 0 solid transparent;
border-top: 10px solid #149acc;
bottom: 0;
content: "";
height: 10px;
position: absolute;
width: 18px;
z-index: 999
}
.kode_benner1_cols .breadcrumb:before {
border-left: 8px solid transparent;
border-right: 14px solid transparent;
left: -8px
}
.kode_benner1_cols .breadcrumb:after {
border-left: 14px solid transparent;
border-right: 8px solid transparent;
right: -8px
}
.inn-body-part, .inn-list, .inn-list li, .inner-body {
position: relative
}
.breadcrumb li.active {
color: #000
}
.breadcrumb>li+li:before {
color: #fff
}
.inner-body {
width: 100%;
background: #e9e9e9;
padding: 30px 0
}
.inner-body>.container {
width: 95%
}
.inn-body-part {
width: 100%;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 20px 20px;
float: left;
padding: 1px 15px 20px;
margin-bottom: 20px
}
.inn-body-part .text-box {
text-align:center;
}
.inn-body-part .text-box h4 {text-align:left; font-size: 18px;}
.inn-body-part .text-box h3 {text-align:left; font-size: 18px;}
h2.teft-title {
font-size: 25px;
margin-bottom: 25px
}
span.teft-title {
font-size: 25px;
margin-bottom: 25px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 20px;
line-height: 1.1;
display:block;
}
.sub-title {
letter-spacing: 1px;
color: #111;
margin: 10px 0;
font-size: 21px;
border-bottom: 3px double #16a6db;
display: inline-block;
padding: 0 5px 8px 0;
-webkit-box-shadow: 0 2px 0 #999;
box-shadow: 0 2px 0 #999;
font-weight: 700;
line-height: 1.1;
}
.inn-list {
margin-bottom: 10px;
padding-left: 10px
}
.inn-list li {
display: block;
padding-left: 18px;
color: #222;
font-size: 16px
}
.inn-list li:before {
font-family: FontAwesome;
content: "\f058";
position: absolute;
left: 0;
top: 0;
display: block;
color: #ea040d;
font-size: 13px;
line-height: 26px;
font-weight: 400;
text-align: center;
z-index: 5
}
.round-box h4, .sub-title2 {
/*font-family: 'Mukta Mahee', sans-serif;*/
letter-spacing: 0
}
.round-box span {letter-spacing: 0; font-weight: 700; font-size: 18px; margin:10px 0; line-height: 1.1; display:block;}
.link, .link2 {
font-weight: 500
}
.bd-text {
color: #111;
text-align: justify
}
.inn-apply-btn, .inn-apply-btn a, .location-litle, .location-litle3, .round-box, .round-icon-box, .side-bar span {
text-align: center
}
.inn-apply-btn {
width: 100%;
margin: 50px 0 20px;
}
.side-bar, .support-bx {
margin-bottom: 20px;
position: relative;
width: 100%
}
.inn-apply-btn a {
width: 100%;
padding: 10px 30px;
background: #ea040d;
color: #fff;
border-radius: 50px;
font-weight: 500
}
.bd-text img {
padding: 1px;
background-color: #16a4d8;
border: 2px solid #fff;
display: inline-block;
max-width: 100%;
box-shadow: 2px 2px 0 #16a3d7;
-webkit-box-shadow: 2px 2px 0 #16a3d7;
border-radius: 3px;
margin-right: 10px;
float: left
}
.round-box, .side-bar {
box-shadow: 0 2px 0 rgba(0,0,0,.2)
}
.side-bar {
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 20px 20px
}
.side-bar span {
background: url(../images/sub-header-over.png) center no-repeat #19b6f0;
color: #fff;
background-size: cover;
padding: 8px 10px 15px;
border-radius: 0 0 8px 8px;
margin: 0;
font-size: 22px; font-weight: 700; letter-spacing: 1px; font-family: 'Roboto', sans-serif; display:block; line-height: 1.1;
}
.side-bar span.side-apply {
background: url(../images/sub-header-over.png) center no-repeat #19b6f0;
color: #fff;
background-size: cover;
padding: 8px 10px 15px;
border-radius: 0 0 8px 8px;
margin: 0;
font-size: 22px; display:block;
font-weight: 700;
letter-spacing: 1px; text-align:center; line-height: 1.1;
}
.side-bar ul {
padding: 20px
}
.side-bar ul li a {
padding-left: 20px;
position: relative;
color: #000;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.link, .side-bar ul li a:focus, .side-bar ul li a:hover {
color: #ea040d
}
.side-bar ul li a:before {
position: absolute;
left: 0;
top: 7px;
content: '';
border-left: 6px solid #ea040d;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.sidebar-frm-wrap {
width: 100%;
display: block;
padding: 20px 10px
}
.link:focus, .link:hover {
color: #19b6f0;
text-decoration: underline
}
.link2 {
color: #000
}
.link2:focus, .link2:hover {
color: #ea040d;
text-decoration: underline
}
hr {
border-top: 1px solid #d0d0d0;
margin: 10px 0
}
.location-litle {
margin-top: 0;
font-size: 22px;
margin-bottom: 20px
}
.location-litle>span {
color: #ea040d
}
.location-litle2 {
margin-bottom: 15px;
color: #bc040b;
margin-top: 0; font-weight: 700; letter-spacing: 1px; line-height: 1.1;
}
.location-litle3 {
margin-bottom: 35px
}
.round-wrap {
margin-top: 30px
}
.round-box {
border-radius: 0 0 20px 20px;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
padding: 0 10px 10px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin-bottom: 30px;
border-top: 2px solid #19b6f0
}
.round-icon-box {
display: inline-block;
background: #19b6f0;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 0 0 50% 50%;
font-size: 40px;
color: #fff;
-webkit-transition: all .3s;
transition: all .3s
}
.address-bx, .contact-wrap, .sidebar-cnt-wrap {
width: 100%;
position: relative
}
.round-box:hover {
border-top: 2px solid #ea040d
}
.round-box:hover .round-icon-box {
background: #ea040d
}
.round-box p {
text-align: justify;
font-size: 14px;
color: #000
}
.address-bx h3, .error-page h2.teft-title {
text-align: center
}
.inn-body-part .tab-panel {
margin-bottom: 20px
}
.inn-body-part .nav-tabs>li>a {
padding: 10px;
text-transform: inherit;
font-size: 16px
}
.inn-body-part .nav-tabs>li {
padding-left: 0
}
.inn-body-part .tab-content {
background: url(../images/bgDiag.png) #f9f9f9;
box-shadow: 0 5px 10px rgba(0,0,0,.15);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.15);
padding: 10px 20px 40px
}
.inn-body-part .tab-content .inn-list li {
font-size: 16px;
color: #111;
margin-bottom: 8px
}
.red {
color: #ea040d;
font-weight: 700
}
.inn-applybx {
background: #f0fff0;
padding: 20px;
border-radius: 10px;
position: relative;
display: block
}
.text-primary {
color: #19b6f0
}
.highlight {
margin-bottom: 20px
}
.highlight .inn-list li {
font-size: 18px;
padding-left: 25px;
margin-bottom: 8px
}
.highlight .inn-list li:before {
content: "\f046";
font-size: 16px
}
.address-bx {
background: url(../images/bgDiag.png) #f9f9f9;
border-radius: 0 0 20px 20px;
box-shadow: 0 -2px 20px rgba(0,0,0,.3)
}
.address-bx h3 {
background: url(../images/sub-header-over.png) center no-repeat #19b6f0;
color: #fff;
background-size: cover;
padding: 8px 10px 15px;
border-radius: 0 0 8px 8px;
margin: 0;
font-size: 22px
}
.address-bx span.contact-detls {
background: url(../images/sub-header-over.png) center no-repeat #19b6f0;
color: #fff;
background-size: cover;
padding: 8px 10px 15px;
border-radius: 0 0 8px 8px;
margin: 0;
font-size: 22px; display:block; text-align: center; /*font-family: 'Aref Ruqaa', serif;*/
font-weight: 700;
letter-spacing: 1px; line-height: 1.1;
}
.sidebar-cnt-wrap {
display: block;
padding: 20px
}
.sub-title2 {
text-transform: uppercase;
color: #111;
margin: 10px 0;
border-bottom: 4px double #ea040d;
display: inline-block;
padding: 0 5px 8px 0
}
.inn-body-part .panel-group {
margin-top: 15px; margin-bottom:0px;
}
.img-hld {
margin: 15px 0;
border: 3px double #19b6f0;
border-radius: 6px;
-webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.2);
box-shadow: 5px 5px 0 rgba(0,0,0,.2)
}
.table-gap {
margin: 10px 0
}
thead {
background: #1487b2;
background: -moz-linear-gradient(top, #1487b2 0, #19b6f0 100%);
background: -webkit-linear-gradient(top, #1487b2 0, #19b6f0 100%);
background: linear-gradient(to bottom, #1487b2 0, #19b6f0 100%);
color: #fff;
font-size: 18px;
padding: 8px
}
tbody {
background: url(../images/bgDiag.png) #f1f1f1
}
.table>thead:first-child>tr:first-child>th {
border-top: 1px solid #19b6f0
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #19b6f0
}
.contact-wrap {
background: url(../images/bgDiag.png);
padding: 10px 15px;
margin-bottom: 20px;
border-radius: 6px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
border: 1px solid #ddd
}
.cnt-bold {
color: #19b6f0
}
.cnt-loca-list {
padding-top: 10px;
margin-bottom: 0
}
.cnt-loca-list a {
font-weight: 500;
color: #000;
padding: 0 5px;
text-decoration: underline
}
.cnt-loca-list a:focus, .cnt-loca-list a:hover {
color: #ea040d
}
.error-page .teft-title::after, .error-page .teft-title::before {
margin: auto
}
.apply-title2{display: block;
position:relative;
padding: 10px 20px 15px 30px;
margin:0px;
background: #02a9eb;
font-size: 16px;
font-weight: 600;
color: #fff;
border: none;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
box-shadow: inset 0 0 9px 3px rgba(0,0,0,.08);
-webkit-box-shadow: inset 0 0 9px 3px rgba(0,0,0,.08);}
.apply-title2:before {
position:absolute;
content:'';
border-top: 15px solid #02a9eb;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 42px;
left: 30px;
z-index:99;
}
/* traingele toggle */
.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color:transparent #c6030b transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}
.triangle-box.active {border-color:transparent #0CAFFF transparent transparent;}
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus {margin:9px 0 0 30px;}
.triangle-box .fa-minus {display:none;margin:9px 0 0 30px;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}
/*menu style*/
.navWrap {position:relative; z-index:9; margin: 0px 0 0 0px; float: none;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; font-family: 'Roboto', sans-serif;}
.navigation ul li{font-family: 'Roboto', sans-serif; float: none; display: inline-block; vertical-align: top;position: relative; margin:0px; margin-left: 22px;}
.navigation ul li:last-child:after { display:none;}
.navigation ul li:first-child { margin-left:0px;}
.navigation ul > li a{font-family: 'Roboto', sans-serif; color: #000; line-height:normal; display: block; font-size:15px; font-weight:500; padding: 25px 0px; text-transform: none; position: relative;}
.navigation ul > li.arrow a {padding-right:15px;}
.navigation ul > li.arrow:after {content: ''; display: block; position: absolute; right: 0px; top: 0px; width: 9px; height: 5px; background: url(../images2/down-arrow.png) no-repeat right center; bottom: 0px; margin: auto;}
.navigation ul > li:hover > a { color:#c6030b;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navigation ul li.active > a { color: #c6030b;}
.navigation ul li a:after{content:' ';position:absolute;width:0%;height:3px;background-color:#c6030b;bottom:0px;left:0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;right:0px;margin:0px auto;}
.navigation ul > li:hover > a:after, .navigation ul > li.active > a:after{width:100%;}
.navigation ul > li > ul { visibility: hidden; opacity: 0; position: absolute; top:69px; left: 0px; width: 100%; transform: translateY(-20%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #5D8AA8; border: 0; border-radius: 0px; padding: 0px 0px; box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);}
.navigation ul > li:hover > ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li > ul li{ display: block; margin: 0px; padding:0;}
.navigation ul li > ul li.arrow:after {right:6px;}
.navigation ul li > ul li a {color: #fff;border:0;padding:8px 12px; margin:0; font-weight:400; border-radius:0; height:auto; line-height:normal; font-size:12px; text-transform:none; text-align:left; border-bottom: 1px solid #fff;}
.navigation ul li > ul li a:after {display:none;}
/*.navigation ul li > ul li:last-child a {border-bottom:0;}*/
.navigation ul li > ul li:hover > a {color:#fff; background-color:#ff5252; font-weight:400;}
.navigation ul li > ul li.active > a { color:#204662;}
.navigation ul li > ul li:hover > a { color:#fff;}
.navigation ul > li > ul > li > ul { visibility: hidden; opacity: 0; position: absolute; top:0px; left:-210px; width: 100%; transform: translateY(-20%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #5D8AA8; border: 0; border-radius: 0px; padding: 0px 0px; box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);}
.navigation ul li > ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li > ul li > ul li { display: block; margin: 0px; padding:0;}
.navigation ul li > ul li > ul li.arrow:after {right:6px;}
.navigation ul li > ul li > ul li a {color: #fff;border:0;padding:8px 12px; margin:0; font-weight:400; border-radius:0; height:auto; line-height:normal; font-size:12px; text-transform:none; text-align:left; border-bottom: 1px solid #fff;}
.navigation ul li > ul li > ul li a:after {display:none;}
/*.navigation ul li ul li > ul li:last-child a {border-bottom:0;}*/
.navigation ul li ul li > ul li:hover a {color:#fff; background-color:#ff5252; font-weight:400;}
.navigation ul li ul li > ul li.active a { color:#204662;}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:0px 0;min-height:44px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:12px 13px 10px 13px;position:relative;top:0px;right:0;left:0 !important;cursor:pointer;color:#fff;text-decoration:none;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700; background-color: #003163; margin:0;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#204662;margin-top:59px; position: absolute; font-family: 'Roboto', sans-serif; line-height:25px; font-weight:400;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none; font-family: 'Roboto', sans-serif;}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; box-sizing: border-box; font-family: 'Roboto', sans-serif; line-height:25px; font-weight:400;}
.mean-container .mean-nav ul li a{display:block;float:left;width:100%;padding:5px 3%; font-size:13px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
.mean-container .mean-nav ul li li > a{ width: 100%; padding: 5px 40px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25);opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible; box-sizing: border-box; font-size: 13px; font-family: 'Roboto', sans-serif;}
.mean-container .mean-nav ul li li.active > a {background:#4c7898;}
.mean-container .mean-nav ul li li li.active > a {background:#4c7898;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:100%;padding:5px 15%}
.mean-container .mean-nav ul li li li li a{width:100%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:100%;padding:1em 25%}
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.current_page_item > a, .mean-container .mean-nav > ul > li > a:hover{background:#0192dd; font-family: 'Roboto', sans-serif;}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:42px;height:36px;padding:6px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgb(61, 107, 142);}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}
/* Header */
.header {position:relative; line-height:25px;}
.header-top {background-color: #0e4a9e; padding:10px 0;}
.header-top .hd-top-list {font-size: 14px;}
.hd-top-list ul {margin:0;}
.hd-top-list ul li {display:inline-block; margin-right:12px; padding:0;}
.hd-top-list ul li:last-child {margin:0;}
.hd-top-list ul li a:hover {color:#b2d2df !important;}
.hd-top-list ul li a:hover i {color:#b2d2df !important;}
.header-middle .logo {width:240px;}
.hd-md-icon {float:left; width:40px;}
.hd-md-cont {float:left; width:calc(100% - 40px); padding-left:10px;}
.hd-md-cont a {font-size: 15px; font-weight: 500; color: #000; font-family: 'Roboto', sans-serif;}
.hd-md-cont a:hover {color:#c6030b;}
.header-middle {background-color:#E1EBEE; padding:15px 0;}
.header-middle .mt-10 {margin-top:10px;}
.hd-mdl-bx {margin-right:30px;}
.hd-mdl-rgt [class*=col-]:last-child .hd-mdl-bx {margin:0;}
.header-nav {position:relative; width:100%; text-align:center; z-index:13; padding:0px; margin:0px; background-color:#fff; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.39);
box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.39);}
.header-middle .float-right {float: right!important;}
.hd-top-list ul li a {color:#fff; font-family: 'Roboto', sans-serif; font-weight: 400;}
.hd-top-list ul li a:hover {color: #b2d2df;}
.fixed-header { position: fixed;top: 0;left: 0;width: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hd-nav-logo {display:none;}
/* footer-sec */
.footer-sec {position:relative; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; line-height: 25px; background:none;padding:0;}
.ft-top {width: 100%;position: relative; background-color:#041E42; color: #fff; padding: 60px 0 40px; text-align:center;}
.ft-title::after, .ft-title::before {background: #6CB4EE;}
.ftr-link li {font-family: 'Roboto', sans-serif; display: inline-block; margin: 2px 0px; padding: 0px 10px;border-right: 1px solid #aaaaaa; text-align: center;}
.ft-title {color: #fff; font-size: 22px; position:relative; padding:0 0 15px; margin:0 0 20px; line-height: 32px; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0;}
.ft-title:before {content:''; background-color: #6CB4EE; height: 1px; left: 0; position: absolute; right: 0; bottom: 6px; width: 99px; margin:auto;}
.ft-title:after {content:''; background-color: #6CB4EE; height: 1px; left: 0; position: absolute; right: 0; bottom: 0px; width: 59px; margin:auto;}
.ftr-link {margin:0; padding:0; list-style-type:none;}
.ftr-link li a {font-family: 'Roboto', sans-serif; position: relative; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; padding:0;}
.ftr-link li a:hover {color: #6CB4EE;}
.ftr-link-top {margin:0 0 50px;}
.ft-btm {position: relative; background-color:#367588; padding:10px 0; border-top: 2px solid #6CB4EE; box-shadow: inset 0 2px 0 #ea040d;-webkit-box-shadow: inset 0 2px 0 #ea040d;}
.ft-btm a {color: #87290c;}
.ft-btm a:hover {color: #fff;}
.ftr-btm-text a {color: #fff;}
.ftr-btm-text {color: #fff;font-size: 14px;margin-bottom: 5px; padding:0;}
.ftr-btm-text a:focus, .ftr-btm-text a:hover {color: #6CB4EE;}
.ftr-link li a:before {display:none;}
a.more {padding: 8px 0 6px; background-color: #e8233e; display: block !important; width: 100px; text-align: center; margin: 15px auto 0; color: #fff !important;}
/* innerMdlCont */
.innerMdlCont {position:relative; padding:100px 0 40px;}
.location-bx {background-color: #e0e5eb; padding: 30px; margin:0 0 22px; height:270px;}
.location-bx h2 {color: #e8233e; font-weight:700; margin:0 0 20px; font-size:24px;}
.location-bx p {font-size:16px; font-weight:300;}
.location-bx a.more {color:#000 !important; display:inline-block !important; border-bottom:2px solid #e8233e !important; line-height: 19px !important; width:auto !important; padding:0 !important; background-color:transparent !important; text-align:left !important; margin:0 !important;}
.location-bx a.more:hover {color:#e8233e;}
/* sub-banner */
.sub-banner {width: 100%; display: block; padding: 35px 0 20px; background: url(../images2/partner-bg.png); text-align: center; position:relative;}
.sub-banner h1 {color:#000; position: relative;}
.sub-banner h1::after, .sub-banner h1::before {background-color: #ea040d; content: ""; height: 1px; position: absolute; margin: auto; left: 0; right: 0;}
.sub-banner h1::before {bottom: 6px; width: 99px;}
.sub-banner h1::after {bottom: 0; width: 59px;}
.plan-iframe {width:700px !important; height:410px !important; display:block; margin:0 auto;}
@media (min-width:1200px) {
.nav>li {
padding-left: 17px
}
.navbar-nav>li>a {
font-size: 15px
}
.testimonials .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 44%
}
.testimonials .owl-theme .owl-controls .owl-buttons .owl-next {
right: 44%
}
.footer-sec>.container, .inner-body>.container {
width: 100%
}
.side-bar span {
font-size: 20px
}
.side-bar span.side-apply {
font-size: 20px
}
.sp-edu-mob{display:none !important;}
.int-sch-exp-desk{position:absolute; bottom:6%; width:180px; left:17%; display:block;}
.int-sch-exp-mob{display:none !important;}
}
@media (min-width:768px) and (max-width:991px) {
.top-left-wrap ul, .top-right-wrap, .top-right-wrap ul {
text-align: center
}
.navbar .container {
width: 762px
}
.nav>li {
padding-left: 7px
}
.navbar-nav>li>a {
font-size: 13px
}
.drop-down li a {
font-size: 11px
}
.footer-sec>.container, .inner-body>.container {
width: 95%
}
.address-sec-wrap {
margin-bottom: 20px
}
.location-apply-text {
padding: 10px
}
.location-apply-text h1 {
margin-bottom: 0
}
}
@media (min-width:768px) and (max-width:1280px) {
.know-more{position: absolute; top: 318px; left:930px; width: 250px; height: 60px;}
}
@media (min-width:1281px)and (max-width:1439px){
.know-more{position: absolute; top: 340px; left: 1000px; width: 250px; height: 60px;}
}
@media (min-width:1440px){
.know-more{position: absolute; top: 364px; left: 1057px; width: 250px; height: 60px;}
}
@media (min-width:768px){
#award{position:absolute;top:10px;right:62px;width:165px;z-index:999999;}
}
@media (min-width:100px) and (max-width:767px) {
.top-left-wrap ul, .top-right-wrap, .top-right-wrap ul {
text-align: center
}
.navbar-toggle {
float: none;
margin-bottom: 0;
margin-right: 80px
}
.navbar-brand {
position: relative;
padding: 5px 0 5px 10px;
box-shadow: none;
border-radius: 0;
float: left
}
.navbar-brand>img {
max-width: 140px
}
.info-box {
margin-bottom: 3px
}
.nav>li {
padding-left: 0
}
.navbar-nav>li>a {
padding: 0 0 10px;
font-size: 12px;
color: #000
}
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
border-bottom: none
}
.navbar-nav>.active>a, .navbar-nav>.active>a:before, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:focus:before, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:hover:before, .navbar-nav>li>a:focus:before, .navbar-nav>li>a:hover:before {
display: none
}
.nav>li:first-child {
padding-left: 0
}
.navbar-collapse {
position: absolute;
z-index: 9999;
background: url(../images/flkr_bg_down.jpg) bottom no-repeat #fff;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 0 rgba(0,0,0,.2);
width: 100%;
padding-left: 40px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.testimonials .nav>li {
padding-left: 0
}
.address-sec-wrap {
margin-bottom: 20px
}
.kode_benner1_cols .kf_container {
display: block;
padding: 0
}
.kode_benner1_cols .breadcrumb {
padding: 12px 20px;
bottom: -10px;
box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset;
-webkit-box-shadow: 0 28px 20px -20px rgba(0,0,0,.25) inset
}
.kode_benner1_cols .breadcrumb:after, .kode_benner1_cols .breadcrumb:before, .kode_benner1_cols .kf_container:after, .kode_benner1_cols .kf_container:before {
display: none
}
.inner-body>.container {
padding: 0
}
.location-apply-text {
padding: 10px
}
.location-apply-text h1 {
margin-bottom: 0;
font-size: 26px
}
.location-apply-text h2, .sub-banner h1 {
font-size: 22px
}
.inn-body-part .panel-body {
padding: 25px 0 15px!important
}
h2.teft-title {
font-size: 20px;
margin-bottom: 5px
}
.address-bx h3, .ftr-wrap .teft-title, .side-bar span, .sub-title {
font-size: 18px
}
.address-sec-wrap h4 {
font-size: 16px
}
.sp-edu-desktop{display:none !important;}
.int-sch-exp-desk{display:none !important;}
.sp-edu-mob{position:absolute; top:205px; width:70px; left:24%; display:block !important; z-index:999;}
.int-sch-exp-mob{position:absolute; left:2%; display:block; z-index:999;}
.inner-body .iframe-inr-bdy {width:100% !important;}
}
/*Developed by Dibyendu*/
a.tbl-read-more{font-size:16px; color:#ea040d;}
a:hover.tbl-read-more{font-size:16px; color:#006cb7;}
.body-list li {display: block; padding-left: 18px; color: #222; font-size: 18px; line-height: 24px;}
.luk-body{color:#222; font-weight:normal; font-size:17px;}
.sp-edu-desktop{position:absolute; bottom:2%; width:150px; left:2%; display:block;}
a.fb-msg-btn {display: inline-block; border: 0; position: fixed; bottom: 90px; left: 8px; z-index:9;}
.inn-cmn-page {
padding: 30px 0px;
}
.iso-inn-page {
box-shadow: 0 10px 60px 0 rgba(159,164,189,.14);
padding: 20px;
border-radius: 20px;
margin-bottom: 30px;
background-color: #dbe9ff;
}
.inn-title2 {
font-weight: 600;
color: #007791;
margin: 0px 0px 15px;
}
.inn-list {
margin-bottom: 20px;
}
.inn-list li {
position: relative;
padding-left: 17px;
color: #505763;
margin-bottom: 2px;
}
@media only screen and (max-width:766px) {
.hm-tab-sec1 {
width: 100%;
position: relative;
display: block;
padding: 55px 0px 0px 0px;
background: url(../images/light-pattern-.png) repeat;
}
.inner-body .inn-body-part iframe {width:100% !important;}
.inner-body .inn-body-part img {float:none !important; padding:0 !important; display:block; margin:0 auto 15px; max-width:100%;}
}
@media only screen and (min-width:767px) {
.hm-tab-sec1 {
width: 100%;
position: relative;
display: block;
padding: 10px 0px 20px 0px;
background: url(../images/light-pattern-.png) repeat;
}
.hm-tab-sec1 .container-fluid{
text-align:center;
}
}
#chat_message_87{height:40px !important;}
@media only screen and (max-width:1340px){
.navigation ul li {margin-left: 13px;}
}
/******* end 1340 */
@media only screen and (max-width:1259px){
.navigation ul li {margin-left: 6px;}
.navigation ul > li a {font-size: 12px;}
.hd-md-cont {padding-left: 5px;}
.header-middle .logo {width: 220px;}
}
/******* end 1259 */
@media only screen and (max-width: 991px) {
.header-middle .logo {display:none;}
.header-middle .float-right {float:none !important; width:100%;}
.header-middle {padding: 0px 55px 13px;}
.hd-nav-logo {display:inline-block; width:240px; z-index: 999999; position: relative;}
.header-nav {padding:5px 0; text-align:left;}
.mean-container .mean-bar {float: none; width: auto; margin-top: -44px;}
.mean-container a.meanmenu-reveal {float: right;}
.navWrap {top: -10px;}
.ft-top {padding:40px 0;}
.hd-mdl-bx {margin-right: 0;}
/* program */
.program-cont {padding:20px; margin-top: -75px;}
.program-cont ul li {margin: 0 0 10px;}
}
/******* end 991 */
@media only screen and (max-width: 767px) {
.header-top {text-align:center;}
.hd-top-list .pull-right {float:none !important; width:100%;}
.triangle-box {display:block;}
.header-middle {position: absolute; margin: 0; padding: 10px 0; background-color: #03090e; width: 100%; z-index: 20; display: none; top: 0px; text-align:center;}
.hd-md-icon {float:none; margin:0 auto;}
.hd-md-cont {float:none; width:100%; padding-left: 0;}
.hd-mdl-bx {margin: 0 0 15px;}
.hd-md-cont a {font-size: 15px; color:#fff; font-weight:400;}
.hd-nav-logo {width: 185px;}
.navWrap {top: -2px;}
.mean-container .mean-nav {margin-top: 51px;}
.ft-top {padding:30px 0;}
.ft-top [class*=col-]:last-child .ftr-wrap {margin:0;}
.ftr-btm-text {line-height:22px;}
.ftr-link-top {margin: 0 0 30px;}
.ft-title {font-size: 19px; padding: 0 0 12px;}
.sub-banner {padding:20px 0;}
.innerMdlCont {padding:85px 0 30px;}
.innerMdlCont [class*=col-]:last-child .location_box {margin:0;}
.location-bx h3 {font-size: 25px; line-height: 27px; margin: 0 0 15px;}
.plan-iframe {width:100% !important; height:310px !important; }
}
.form-control{padding: 6px 10px ;}
/******* end 767 *******/