/*
    * Author : Aminos
    * Template Version : 1.0
    * Framework Used : Bootstrap
*/

body
{
    font-family: 'Libre Franklin', sans-serif;
    overflow-x: hidden;
}

/* heading style */
h2
{
    color: #000000;
    font-size: 35px;
    line-height: 50px;
    font-weight: 500;
}

/*links*/
a
{
    transition: all .1s ease-in-out;   
    -webkit-transition: all .1s ease-in-out;   
    -moz-transition: all .1s ease-in-out;   
    -o-transition: all .1s ease-in-out;   
    -ms-transition: all .1s ease-in-out;   
}

/*paragraph*/
p
{
    color: black;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
}

/*our list*/
.our-list
{
    list-style-type: none;
    padding-left: 0;
}

.our-list li
{
    font-size: 14px!important;
    color: #565656!important;
    margin-bottom: 3px!important;
    line-height: 25px;
}

.our-list li:before
{
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 6px;
    background-color: #b03539;
}

/*light section*/
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light p,
.light span,
.light i,
.light li
{
    color: #FFFFFF!important;
}

/*dark section*/
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark span,
.dark i,
.dark li
{
    color: #000000!important;
}

/* list ul */

ul
{
    list-style-type: none;
    padding-left: 0;
}

/*button style*/
.my-btn
{
    text-transform: uppercase;
    border-radius: 0;
    padding: 11px 55px;
    outline: none!important;
    color: #000000;    
    position: relative;
    border: none;
    display: inline-block;
    font-weight: 600;
}

.my-btn.large-btn
{
    padding: 14px 75px;
}

.my-btn.large-btn a
{
    font-size: 17px;
}

.my-btn a
{
    color: #000000;
}

.my-btn.yell {background-color: #FED117;}

.my-btn.blue {background-color: #1d87e4;}
.my-btn.blue {color: white;}

.my-btn.yell {color: #000000;}

.my-btn a
{
    text-decoration: none;
    font-size: 16px;
    outline: none;
    font-weight: 600;
}

/* input fileds style */

input[type='text'],
input[type='email'],
select,
textarea
{
    display: block;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 0;
    margin-top: 3px;
    width: 100%;
    outline: none;
    color: #000;
    border-radius: 0;
    box-shadow: none;
}

select option
{
    font-size: 14px;
}

::-webkit-input-placeholder
{
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

/*********************************** HEADER ****************************************/

/* start interface */

/** subnav **/
.subnav
{
    background-color: #7d57c1;
    padding: 10px 0;
}

.subnav ul
{
    margin-bottom: 0;
}

.subnav ul li
{
    float: left;
}

.subnav ul li a
{
    color: #FFFFFF;
}

.subnav ul li.sm
{
    margin-left: 5px;
    margin-right: 25px;
}

.subnav ul li.sm a
{
    margin-left: 8px;
    font-size: 16px;
}

.subnav ul li.sm,
.subnav ul li.phone
{
    margin-top: 5px;
}

.subnav ul li.phone i
{
    margin-right: 9px;
    font-size: 16px;
}

.subnav ul li .login
{
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    padding: 3px 17px;
    font-size: 14px;
    font-weight: bold;
}

/** navbar **/
.navbar
{
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    margin: 0;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.navbar-default .navbar-nav>li:hover
{
    background-color: #F2F2F2;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
    color: #2D2B5D;
    background-color: #F2F2F2;
}

.navbar-default .navbar-toggle
{
    border: none;
    margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #2d2b5d;
}

.navbar-default .navbar-brand
{
    height: auto;
    padding: 10px 15px;
}

.navbar-brand img
{
    width: 155px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a
{
    color: #2D2B5D;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 22px 15px;
    font-family: 'Montserrat', sans-serif;
}

.navbar-default .navbar-nav>li>a img
{
    width: 32px;
    margin-right: 8px;
}

.navbar-default .navbar-nav .sm a
{
    float: left;
}

/** carousel **/
.carousel
{
    overflow: hidden;
    margin-top: 70px;
}

.btn-submit{
    background-color:#7d57c1 !important;
    border:0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img
{
    width: 100%;
}


/*.carousel-caption
{
    top: 45%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    left: 0;
}

.carousel-caption h1
{
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
    position: absolute;
    color: #000;
    left: 200px;
    text-shadow: none;
    background-color: #ffc600;
    width: 260px;
    height: 260px;
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.carousel-caption h1:before,
.carousel-caption h1:after
{
    content: "";
    position: absolute;
    border-radius: 100%;
    z-index: -1;
}

.carousel-caption h1:before
{
    width: 65px;
    height: 65px;
    background-color: #e53935;
    z-index: -1;
    right: 0;
    top: 0;
}

.carousel-caption h1:after
{
    width: 40px;
    height: 40px;
    background-color: #59c6e8;
    z-index: -1;
    left: -100px;
    top: 125px;
}

.carousel-caption h1 span
{

    font-weight: 400;
    text-align: center;
    display: block;
    background-color: #59c6e8;
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    font-size: 30px;
    line-height: 35px;
    z-index: -1;
    top: -57px;
    left: -105px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
*/
.carousel-caption h1.white
{
    background-color: rgba(255, 255, 255, .9);
    padding: 20px 55px;
    text-align: right;
}

.carousel-caption
{
    top: 60%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    right: 0;
    left:0;
}

.carousel-caption.bottom
{
    top: 75%;
}


.carousel-caption h1
{
    display: table;
    font-weight: 300;
    font-size: 34px;
    position: absolute;
    text-align: left;
    line-height: 39px;
    right: 0px;
    padding:20px;  
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #2474a6), color-stop(0.5, #e00b27));
    color:black;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.7;
    
    font-family: Roboto-Thin; 
    background: #fff;
}

.carousel-caption h1 span.top
{
    left: 0;
    bottom: 100%;
}
.carousel-caption h1 span
{
    left: 0;
    bottom: 100%;
    font-weight: 800;
    font-family: Roboto-Bold;   
}
.carousel-caption h1 span.bottom
{
    right: 0;
    top: 100%;
}

.carousel-caption h1.zig-zag span.bottom
{
    right: -25%;
}
/* end interface */

/************************************** REGISTER ****************************************/

/* start register */

.register
{
    z-index: 999;
    margin-top: -100px;
}

.register .container
{
    position: relative;
}

.register .main
{
    background-color: #59c6e8;
    padding: 50px 45px;
    transform: translate(20px, 60px);
    -webkit-transform: translate(20px, 60px);
    -moz-transform: translate(20px, 60px);
    -ms-transform: translate(20px, 60px);
    -o-transform: translate(20px, 60px);
    z-index: 999999;
    color: #FFFFFF;
}

.register .main .my-btn a
{
    font-weight: 400;
}

.register .main.admission
{
    transform: translate(20px, 13%);
    -webkit-transform: translate(20px, 13%);
    -moz-transform: translate(20px, 13%);
    -ms-transform: translate(20px, 13%);
    -o-transform: translate(20px, 13%);
    padding: 40px 40px 13px;
}

.register .main strong
{
    font-weight: 500;
}

.register .main h3
{
    margin-top: 0;
    text-transform: uppercase;
}

.register .main .more
{
    line-height: 22px;
    font-size: 14px;
}

.register .main button:before,
.register .main button:after
{
    border-color: #FFFFFF;
}

.register .main button a
{
    color: #FFFFFF;
}

.register .main h3
{
    margin-bottom: 20px;
    text-transform: none;
    margin-top: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
}

.register .main p
{   
    line-height: 25px;
    margin-bottom: 25px;
    font-size: 16px;
    color: #fff;
    text-align: justify;
}

.register .main button
{
    margin-top: 25px;
}

.submit
{
    background-color: #ffc600;
    padding: 35px 40px;
    z-index: 9999;
    margin-top: 40px;
}

.submit h3
{
    color: #000;
}

.submit .date
{
    position: relative;
    overflow: hidden;
}

.submit .date input
{
    text-align: right!important;
    padding-right: 85px;
    color: rgba(0, 0, 0, 0.9);
    opacity: 0.8;
}

.submit .date label.placeholder
{
    bottom: 0;
    padding: 9px 0;
    color: #000;
    position: absolute;
    font-size: 12px;
    font-weight: 500;
}

.submit input[type='date']:focus
{
    box-shadow: none;
    border-color: #FFFFFF;
}

.submit input,
.submit select
{
    margin-top: 20px;
}

.submit .item
{
    margin: 2px 0;
    padding-left: 0;
    padding-right: 0;
}

.submit input[type='submit']
{
    padding: 8px 40px;
    float: right;
}

/* end register */

/***************************************** TABS **************************************/

/* start tabs */

.tabs
{
    padding: 60px 0;
}

.tabs .my-btn
{
    margin-top: 10px;
    z-index: 10;
}

.slider .slick-prev,
.slider .slick-next
{
    width: 40px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    z-index: 99999999;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.slider .slick-next:before,
.slider .slick-prev:before
{
    font-size: 13px;
    color: #5f6f7a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.slider .slick-prev.slick-disabled:before,
.slider .slick-next.slick-disabled:before
{
    color: #5f6f7a!important;
    opacity: .7;
}

.tabs.multicolor
{
    position: relative;
    background-color: #59c6e8;
}

.tabs.multicolor .pre-next>a
{
    position: absolute;
    top: 50%;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
}

.tabs.multicolor .pre-next .btnPrevious
{
    left: -80px;
}

.tabs.multicolor .pre-next .btnNext
{
    right: -80px;
}

.tabs.multicolor .pre-next i
{
    font-size: 60px;
    color: #FFFFFF;
    cursor: pointer;
}

.tabs.multicolor h2,
.tabs.multicolor h3,
.tabs.multicolor p,
.tabs.multicolor span
{
    color: #FFFFFF;
}

.tabs.multicolor .nav-tabs li>a
{
    color: #FFFFFF;
    border-color: transparent;
}

.tabs.multicolor .nav-tabs li>a:hover
{
    background: white;
    color: black;
    border-color: transparent;
}

.tabs.multicolor .nav-tabs
{
    border: none;
}

.tabs.multicolor .nav-tabs li.active>a
{
    color: #000;
    background-color: white;
}

.tabs img
{
    margin: auto;
}

.tabs h2
{
    margin-bottom: 35px;
}

.tabs .tab-content>.tab-pane:first-of-type .pre-next .btnPrevious,
.tabs .tab-content>.tab-pane:last-of-type .pre-next .btnNext
{
    color: #d2d2d2;
}

.tabs .pre-next
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 40px;
}

.tabs .nav-tabs
{
    border: none;
    padding: 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 40px;
}

.tabs .nav-tabs li
{
    margin: 0 5px;
    margin-top: 5px;
    z-index: 99999;
    border: none;
    float: left;
}

.tabs .nav-tabs li>a
{
    color: #000000;
    margin-right: 1px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border-radius: 0;
    border: 2px solid transparent;
    padding: 10px 15px;
}

.tabs .nav-tabs li>a:hover,
.tabs .nav-tabs li>a:focus
{
    background-color: #ebebeb;
}

.tabs .item
{
    margin-bottom: 25px;
    display: inline-block;
}

.tabs h3
{
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: black;
}

.tabs h3.purple
{
    color: #B22C5E;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    border: 2px solid transparent;
    opacity: 1;
}

.tabs .nav-tabs li.active>a
{
    background-color: #ebebeb;
}

.tabs .tab-content>.tab-pane
{
    position: relative;
}

/* large tabs */

.large-tabs .nav-tabs li>a,
.large-tabs .nav-tabs li>a:hover,
.large-tabs .nav-tabs li>a:focus,
.large-tabs .nav-tabs li>a:active
{
    font-size: 15px;
    padding: 12px 50px;
    color: black;
    border: 1px solid black;
}

.large-tabs .nav-tabs li.active>a
{
    border-color: transparent;
}

/* small tabs */

.small-tabs .nav-tabs li>a,
.small-tabs .nav-tabs li>a:hover,
.small-tabs .nav-tabs li>a:focus,
.small-tabs .nav-tabs li>a:active
{
    font-size: 12px;
    padding: 10px 5px;
    color: black;
    border: 1px solid transparent;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;    
}

.small-tabs .nav-tabs li.active>a
{
    border-color: transparent;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
}


/* end tabs */

/****************************** HOME PAGE ***********************************/

/*start news-events*/

.news-events
{
    padding: 95px 0;
}

.news-events h2
{
    margin-bottom: 70px;
}

.news-events .list
{
    position: relative;
    padding: 5px 0px;
}

.news-events .absolute
{
    position: absolute;
    top: 3px;
    right: 0;
}

.news-events .absolute button
{
    border: 1px solid #d8d8d8;
    background: transparent;
    outline: none;
    color: #5f6f7a;
    padding: 3px 8px;
    margin-left: 7px;
    font-weight: 500;
}

.news-events .absolute button.active
{
    background: #F5F4EF;
}


.news-events .carousel-control.left
{
    background: transparent;
}

.news-events .slick-prev, .news-events .slick-next
{
    top: 50%;
    z-index: 999999999;
}

.news-events .left .tb
{
    height: 435px!important;
    overflow-y: auto;
   
}

.news-events .right .slick-next
{
    right: 0;
}

.news-events .slick-prev
{
    left: 0;
}

.news-events h4
{
    font-weight: bold;
    margin-top: 30px;
}

.news-events p
{
    margin-top: 10px;
}

.news-events .right button
{
    float: right;
    margin-top: 15px;
}

.news-events .left .pull-left,
.news-events .left .pull-right
{
    display: inline;
}

.news-events .left h3
{
    margin: 0;
    color: #000000;
    font-size: 21px;
}

.news-events .left p
{
    font-size: 16px!important;
    line-height: 22px!important;
    color: #232323!important;
}

.news-events .video-area
{
    position: relative;
}

.news-events .video-area a.play
{
    position: absolute;
    background-color: rgba(16, 148, 197, 0.8);
    color: #FFFFFF;
    font-size: 25px;
    width: 100px;
    height: 70px;
    text-align: center;
    line-height: 65px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/*end news-events*/

/* start achievement */

.achievement
{
    background-color: #F6F7F2;
}

.achievement .nav-tabs
{
    display: none;
}

/* start testimonials */

.testimonials
{
    padding: 10px 0;
    position: relative;
    background-color: #59c6e8;
}

.testimonials h2
{
    margin-bottom: 40px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.testimonials .slick-slide
{
    outline: none;
}

.slider>div
{
    outline: none;
}

.testimonials .slider>div
{
    padding: 30px 0 0;
    z-index: 99;
}

.testimonials .slider img
{
    border-radius: 100%;
    width: 100%;
    margin-bottom: 30px;
}

.testimonials .slider .brief
{
    font-size: 20px;
    line-height: 32px;
    text-align: right;
    color: white;
    padding-top: 45px;
    position: relative;
    font-weight: 400;
}

.testimonials .slider .brief:before
{
    content: "";
    width: 36px;
    height: 36px;
    background-image: url(../images/home-page/testimonials/icon.png);
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.testimonials .slider .img
{
    width: 250px;
    position: relative;
    margin: auto;
}

.testimonials .slider .img:before
{
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #ffc600;
    border-radius: 100%;
    z-index: -1;
    right: 0;
    top: 0;
}

.testimonials .slider .img .image
{
    width: 100%;
}

.testimonials .slider .img .author
{
    font-weight: 600;
    color: #59c6e8;
    font-size: 20px;
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
    width: 170px;
    height: 170px;
    background-color: #FFFFFF;
    border-radius: 100%;
    padding-top: 60px;
    position: absolute;
    top: -45px;
    left: -85px;
}

.testimonials .slider .author span
{
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
    color: black;
}

.testimonials .slick-prev,
.testimonials .slick-next
{
    display: none!important;
}

.slick-prev:before
{
    content: "\f053";
    font-family: FontAwesome;
    opacity: 1;
}

.slick-next:before
{
    content: "\f054";
    font-family: FontAwesome;
    opacity: 1;
    color: #FFFFFF;
}

/* end testimonials */

/********************************* ABOUT US ****************************************/
/* start overview */

.overview
{
    padding: 50px 0;
    background-color: #F8F7FC;
}

.overview h2
{
    margin-bottom: 45px;
}

.overview p
{
    color: #4a4a4a;
    line-height: 24px;
    font-weight: 500;
}

.overview h3
{
    font-weight: 700;
    color: #e53935;
    margin-bottom: 25px;
}

/* end overview */

/* start note */

.note
{
    padding: 75px 0;
    position: relative;
}

/*.note:before,
.note:after
{
    content: "";
    width: 85px;
    height: 85px;
    background-size: contain;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.note:before
{
    background-image: url(../images/about-us/note/icon.png);
    top: 40px;
    left: 85px;
}

.note:after
{
    background-image: url(../images/about-us/note/icon-1.png);
    bottom: 40px;
    right: 85px;
}*/

.note p
{
    line-height: 21px;
}

.note .brief
{
    margin: 20px 0;
    font-weight: 500;
}

.note .author
{
    font-weight: 600;
    font-size: 16px;
}

.note .author span
{
    display: block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 23px;
}

/* end note */

/*start pearson advantage*/

.pearson-advantage
{
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    background-color: #59c6e8;
    font-weight: 500;
    font-size: 26px;
    padding: 40px 0;
}

/*end pearson advantage*/

/* start benefits for learners */
.benefits-learners
{
    position: relative;
}

.benefits-learners .tab-content>.tab-pane:before
{
    content: "";
    width: 30%;
    height: 100%;
    background-image: url(../images/about-us/benefits-learners/Untitled-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.benefits-learners h3
{
    text-transform: none;
}

.benefits-learners img
{
    border-radius: 100%;
}

.benefits-learners .tab-content:before
{
    content: "";
    width: 100%;
    height: 35%;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:    -moz-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:      -o-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:         linear-gradient(rgba(255, 255, 255, 0), white);
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
}

.benefits-learners h2,
.benefits-parents-1 h2,
.benefits-teachers h2
{
    text-transform: uppercase;    
}

.benefits-learners p
{
    line-height: 23px;
    font-weight: 500;
    color: black;
}
/* end benefits for learners */

/* start benefits for teachers */
.benefits-teachers
{
    position: relative;
    background-color: #F8F7FC;
}

/* end benefits for teachers */

/***************************** ADMISSION ********************************/

/* start register */

.register.admission
{
    background-image: url("../images/backgrounds/3.jpg");
    background-size: cover;
    padding: 30px 0;
}

.register.admission h2,
.register.admission h3,
.register.admission p,
.register.admission span,
.register.admission li
{
    color: #FFFFFF;
}

.register.admission h2
{
    font-size: 35px;
    margin-bottom: 33px;
}

.register.admission h2 span
{
    font-size: 19px;
}

.register.admission .container
{
    position: relative;
}

.register.admission .main
{
    padding-top: 30px;
    padding-bottom: 60px;
}

.register.admission .main p:first-of-type
{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.register.admission .main p:nth-of-type(2)
{
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 0;
}

.register.admission .main h3
{
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 16px;
}

.register.admission .main ul li
{
    font-size: 13px;
    margin-top: 5px;
}

.register.admission .main ul li strong
{
    font-size: 14px;
}

.register.admission .submit {
    top: -50px;
}

/*start section-2*/

.section-2
{
    padding: 90px 0;
}

.section-2 .our-list li:before
{
    content: "\f054";
    display: inline-block;
    margin-right: 12px;
    font-family: FontAwesome;
    color: #F05F39;
    width: auto;
    height: auto;
    border: none;
}

.section-2 .our-list li
{
    text-transform: none;
}

.section-2 .left
{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    padding-right: 45px;
}

.section-2 .left h2
{
    text-transform: none;
}

.section-2 .left .row-f
{
    margin-left: -62px;
}

.section-2 .right
{
    padding-left: 45px;
}

.section-2 h3.title
{
    font-weight: bold;
    color: #464646;
    margin-bottom: 17px;
    font-size: 22px;
}

.section-2 h2 span.top,
.section-2 h2 span.bottom
{
    color: #464646;
    text-transform: none;
    display: block;
}

.section-2 h2 span.top
{
    font-size: 18px;
    font-weight: 700;
}

.section-2 h2 span.bottom
{
    font-size: 29px;
    font-weight: 400;
    line-height: 34px;
}

.section-2 .item
{
    margin-top: 30px;
}

.section-2 .item img
{
    width: 33px;
    margin-bottom: 10px;
}

.section-2 .item h4
{
    margin-top: 0;
    text-transform: uppercase;
    color: #2D2B5D;
    font-weight: bold;
}

.section-2 .item p
{
    color: #464646;
}

/******************************* ACADEMIC *******************************/
/* start core */

.core
{
    padding: 50px 0;
}

.img-design
{
    margin: auto;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.img-design span
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.img-design img
{
    border-radius: 100%;
    margin: auto;
}

.core h2
{
    margin-bottom: 60px;
}

.core h3
{
    margin-bottom: 30px;
    color: #b03539;
    font-size: 20px;
    font-weight: 400;
}

.tabs h3
{
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
}

/* end core */

/* start supp */

.supp
{
    padding: 60px 0;
    background-color: #f2f2f2;
}

.supp img
{
    margin: auto;
    /*margin-top: 40px;*/
    margin-bottom: 40px;
}

.supp h2
{
    margin-bottom: 50px;
    margin-top: 0;
}

.supp p
{
    margin-bottom: 30px;
}

/* end supp */

/* start value */

.value
{
    padding: 50px 0;
}

.value img
{
    margin: auto;
    margin-top: 49px;
    margin-bottom: 40px;
}

.value h2
{
    margin-bottom: 50px;
}

.value p
{
    margin-bottom: 30px;
}

.value .our-list
{
    margin-bottom: 30px;
}

/* end value */

/* start school */

.school img
{
    margin: auto;
    margin-bottom: 40px;
}

/* end school */

/* start system */

.system
{
    position: relative;
}

.system img
{
    margin: auto;
    margin-top: 40px;
}

.system p:first-of-type
{
    margin-bottom: 50px;
}

/* end system */

/*end section-2*/

/********************************* HEALTH SAFETY ****************************************/
.safety
{
    padding: 50px 0 ;
}
.safety.light
{
    background-color: #59c6e8;
}
.safety .details ul li
{
    margin-bottom: 30px;
}
.safety .details ul li img
{
    position: absolute;
    width: 90px;
    top: 0;
    left: 0;
}
.safety .details ul li
{
    font-size: 14px;
    font-weight: 500;
    color: #1a2a40;
    padding-top: 10px;
    padding-left: 115px;
    min-height: 85px;
}


/********************************  BLOG  *************************************/

.blog
{
    padding: 70px 0;
}

.blog .img-design
{
    margin-top: 100px;
}

.blog .img-design:before,
.blog .img-design:after
{
    content: "";
    position: absolute;
    border-radius: 100%;
}

.blog .img-design:before
{
    top: -90px;
    right: 30px;
    background: #ffc600;
    width: 150px;
    height: 150px;
}

.blog .img-design:after
{
    bottom: 0;
    left: 15px;
    background: #e53935;
    width: 100px;
    height: 100px;
}


.blog .ball
{
    position: absolute;
    width: 250px;
    text-align: center;
    height: 250px;
    background: #59c6e8;
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: -100px;
    color: white;
    font-size: 25px;
    padding: 0 35px;
}

.blog .item
{
    margin-bottom: 15px;
}

.blog .img
{
    position: relative;
    display: block;
}

.blog .img img
{
    width: 100%;
}

.blog .img p
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 20px 17px;
    font-size: 13px;
    line-height: 20px;
}

/*Article Blog 2*/
.blog .article
{
    padding-right: 75px;
    margin-bottom: 45px;
    border-right: 1px solid #c7c7c7;
}

.blog .article h3 a
{
    text-transform: uppercase;
}

.blog .article p
{
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
}

.blog .comments
{
    padding: 60px 0;
}

.blog .comments .details
{
    margin-top: 55px;
    margin-bottom: 205px;
}

.blog .comments .details .img
{
    width: 100px;
    margin-right: 20px;
    margin-bottom: 30px;
}

.blog .comments .details .admin
{
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 13px;
    border-right: 2px solid #bdbdbd;
}

.blog .comments .details .date
{
    color: #EF4E24;
    padding-left: 13px;
}

.blog .comments .details .date i
{    
    color: #838282;
    font-size: 13px;
    margin-right: 5px;
}

.blog .comments .details .brief
{
    font-size: 17px;
    color: #585858;
}

.blog .comments .details .reply
{
    padding: 6px 49px;
    text-transform: none;
    font-weight: normal;
    margin-top: 15px;
    background-color: #EF4E24;
    border-radius: 0;
    color: #FFFFFF;
}

.blog .comments .leave-comment
{
    padding: 20px 0;
}

.blog .comments .leave-comment form
{
    margin-top: 50px;
    width: 435px;
}

.blog .comments .leave-comment form input[type='text'],
.blog .comments .leave-comment form input[type='email'],
.blog .comments .leave-comment form textarea
{
    width: 435px;
    min-width: 435px;
    max-width: 400px;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 12px 13px;
    background-color: #F8F7FC;
    border: 1px solid #D7D4E7;
    margin-top: 3px;
    outline: none;
    color: #7d7d7d;
}

.blog .comments .leave-comment form input[type='text']::-webkit-input-placeholder,
.blog .comments .leave-comment form input[type='email']::-webkit-input-placeholder,
.blog .comments .leave-comment form textarea::-webkit-input-placeholder
{
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']::-moz-placeholder,
.blog .comments .leave-comment form input[type='email']::-moz-placeholder,
.blog .comments .leave-comment form textarea::-moz-placeholder
{ 
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']:-ms-input-placeholder,
.blog .comments .leave-comment form input[type='email']:-ms-input-placeholder,
.blog .comments .leave-comment form textarea:-ms-input-placeholder
{
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']:-moz-placeholder,
.blog .comments .leave-comment form input[type='email']:-moz-placeholder,
.blog .comments .leave-comment form textarea:-moz-placeholder
{ 
  color: #7d7d7d;
}

.blog .comments .leave-comment form textarea
{
    height: 140px;
    min-height: 140px;
    resize: none;
}

.blog .comments .leave-comment form input[type='submit']
{
    background-color: #2d2b5d;
    color: #ffffff;
    float: right;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 40px;
}

.blog .comments .leave-comment form input[type='submit']:hover,
.blog .comments .leave-comment form input[type='submit']:focus
{
    color: #FFFFFF;
    background-color: #4e4b84;
}

/********************************* CONTACT US ***********************************/

.register .main .item
{
    position: relative;
    padding-left: 40px;
    margin-bottom: 18px;
}

.register .main .item:last-of-type
{
    margin-bottom: 0;
}

.register .main .item img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
}

.register .main .item p
{
    margin-bottom: 0;
    word-break: break-word;
}

.register .main .item h4
{
    font-weight: 300;
    margin-top: 0;
}

.map
{
    height: 1100px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #EDEDED;
    z-index: 0;
    margin-top: -50%;
    display: inline-block;
}

/*start career*/

.career
{
    padding: 80px 0 40px;
    background-color: #59c6e8;
    margin-top: -10px;
}

.career .img img
{
    border-radius: 100%;
    margin: auto;
}

.career .img
{
    position: relative;
    z-index: 10;
}

.career .img:before, .career .img:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    z-index: -1;
}

.career .img:before
{
    width: 65px;
    height: 65px;
    background-color: #ffc600;
    z-index: -1;
    right: 0;
    top: 0;
}

.career .img:after
{
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    z-index: 0;
    left: -30px;
    top: -35px;
}

.career h2
{
    color: #FFFFFF;
    margin-top: 0;
}

.career p
{
    font-size: 21px;
    margin-top: 20px;
    color: #FFFFFF;
    line-height: 35px;
    font-weight: 400;
}

.career p span
{
    display: block;
    font-weight: 500;
}

/*end career*/

/************************************* MEDIA *****************************************/

/*About*/
.about .item
{
    margin-top: 30px;
}

/*Celebrations*/

.celebrations
{
    background-color: #f8f7fc;
}

.celebrations .nav-tabs li.active>a
{
    color: #B22C5E!important;
}

/*Testimonials*/
.testimonials-2.media-s .slick-prev,
.testimonials-2.media-s .slick-next
{
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    margin-top: 0;
}

.testimonials-2 .slick-prev
{
    left: 0;
}

.testimonials-2 .slick-next
{
    left: 39px;
}

.testimonials-2 .right h2
{
    color: #FFFFFF;
}

.testimonials-2 .tb .head,
.testimonials-2 .tb .body
{
    padding: 12px 15px;
    border: 1px solid #d8d8d8;
    font-size: 15px;
    color: #717171;
}

.testimonials-2 .tb .head
{
    background-color: #F5F4EF;
    font-weight: 600;
}

.testimonials-2 .tb .body
{
    border-top: 0;
}

.testimonials-2 .tb .body span
{
    padding-left: 22px;
    position: relative;
    margin-left: 25px;
}

.testimonials-2 .tb .body span:before
{
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #127cc7;
    left: 0;
    margin-top: 5px;
}

.testimonials-2 .slick-prev,
.testimonials-2 .slick-next
{
    top: 0;
    z-index: 999;
}

.testimonials-2 .right.blue h2
{
    color: #FFFFFF;
    margin-bottom: 30px;
    font-size: 25px;
}

.testimonials-2 .right img
{
    width: 100%;
}

.testimonials-2 .right .slick-slide
{
    position: relative;
}

.modal .close:hover
{
    opacity: 0.7;
}

.modal .close
{
    outline: none;
    font-size: 32px;
    text-shadow: none;
    color: #FFFFFF;
    opacity: 0.5;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.modal-header
{
    padding: 15px 0 0 15px;
    border-bottom: none;
}

.modal-body{padding:0 15px !important}
.modal.youtube-video
{
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: 9999999999999999999;
}

.modal-backdrop.in
{
    
}

.modal.youtube-video .modal-content
{
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.testimonials-2 .left
{
    overflow: auto;
    background-color: #FFFFFF;
}

.testimonials-2 .left h2
{
    margin-bottom: 25px;
}

.testimonials-2 .left p
{
    color: #565656;
    font-size: 15px;
    line-height: 24px;
    margin-top: 0;
}

.slick-initialized .slick-slide
{
    outline: none;
}

/* start facilities */

.facilities
{
    padding: 55px 0;
}

.facilities h2
{
    margin-bottom: 60px;
}

.facilities h3
{
    color: #000000;
}

.facilities .img
{
    margin-bottom: 30px;
    border: 1px solid #026a87;
    padding: 10px;
    border-radius: 100%;
}

.facilities img
{
    border-radius: 100%;
}

.facilities h3
{
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

/* end facilities */

/********************************* SCHOOL INFO *****************************************/

/*About*/

.about
{
    padding: 60px 0;
}

.about h2
{
    margin-bottom: 70px;
}

.item.inline li
{
    display: inline;
}

.item ul li
{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 7px;
    color: #0d293b;
}

.item ul .title
{
    font-weight: 600;
}

/*Committee*/

.committee
{
    padding: 50px 0;
    background-color: #faf4ff;
}

.committee .item
{
    margin-top: 30px;
}

.committee h2
{
    margin-bottom: 60px;
}

.committee .item ul
{
    background-color: #FFFFFF;
    padding: 50px 30px;
    padding-bottom: 0;
    height: 215px;
}

/*start officials*/

.officials
{
    background-size: cover;
    padding: 50px 0;
}

.officials .item
{
    margin-top: 30px;
}

.officials .item.white
{
    background-color: #FFFFFF;
    padding: 25px;
    border-radius: 10px;
}

.officials .item.white ul li
{
    color: #000;
}

.officials h2
{
    margin-bottom: 30px;
    color: #FFFFFF;
    background: none;
    -webkit-text-fill-color: #FFFFFF;
}

.officials ul li.title
{
    color: #FFFFFF;
    font-weight: 600;
}

.officials ul li
{
    color: rgba(255, 255, 255, .9);
}

/*end officials*/

/*start committee-inverse*/

.committee-inverse
{
    background-color: #f3fdff;
}

.committee-inverse .item ul
{
    height: auto!important;
    padding: 20px;    
}

/*end committee-inverse*/
/*start section 5*/

.section-5
{
    padding: 50px 0;
    background-color: #ffc600;
}

.section-5 .item
{
    margin-top: 30px;
}

.section-5 ul li.title
{
    color: #FFFFFF;
    margin-bottom: 30px;
}

.section-5 ul li
{
    color: #FFFFFF;
}

/*end section 5*/

/*start current-students*/

.current-students .overlay
{
    padding: 50px 0;
    background-color: #59c6e8;
}

.current-students h2
{
    color: #FFFFFF;
    margin-bottom: 70px;
}

.current-students .item img
{
    border-radius: 100%;
    margin-bottom: 50px;
}

.current-students .item
{
    margin-top: 30px;
}

.current-students th
{
    text-transform: uppercase;
    background-color: #e3eef3;
}

.current-students td
{
    background-color: #eff9fd;
}

.current-students th,
.current-students td
{
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #b7b7b7;
    color: #0d293b;
}

.current-students .item ul li.title
{
    color: #FFFFFF;
}

.current-students .item ul li
{
    color: rgba(255, 255, 255, .9);
}

/*end current-students*/

/* start fee */

.fee
{
    padding: 70px 0 0;
    background-color: #e5fffc;
}

.fee h2
{
    margin-bottom: 65px;
}

.fee table th
{
    text-align: center;
}

.fee table th,
.fee table td
{
    border: 1px solid #ececec;
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 0;
    color: #0d293b;
}

.fee .top,
.fee .bottom
{
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
    border: 1px solid #6c4aab;
    
}

.fee .top
{
    background-color: #7d57c1;
    border-bottom: 0;
    padding: 20px 0;
    color: #FFFFFF;
}

.fee .bottom
{
    color: #496ea1;
    border: 0;
    padding: 35px 0;
}

/* end fee */

/* start terms */

.terms
{
    padding: 35px 0;
}

.terms p
{
    margin-top: 40px;
    font-size: 16px;
    line-height: 32px;
    color: #0d293b;
}

/* end terms */

/**********************************  FOOTER ********************************************/

/* start footer */

.footer
{
    background-color: #7d57c1;
    padding: 40px 0;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, .5);    
}

.footer .line:after
{
    content: "";
    width: 1px;
    height: 94px;
    background-color: rgba(255, 255, 255, .4);
    position: absolute;
    right: 14%;
    top: 10px;
}

.footer h3
{
    font-size: 20px;
}

.footer h3,
.footer h5
{
    font-weight: bold;
    margin-top: 0;
}

.footer h5
{
    text-transform: uppercase;
    margin-bottom: 16px;
}

.footer .admissionsandfeedback a
{
    color: white;
    text-decoration: underline;
    margin-bottom: 21px;
    display: block;
    font-size: 13px;
    word-wrap: break-word;
}

.footer .admissionsandfeedback a:hover
{
    text-decoration: none;
}

.footer ul
{
    padding-left: 0;
}

.footer ul li
{
    font-size: 13px;
    margin-bottom: 5px;
}

.footer .links ul li
{
    margin-bottom: 11px;
}

.footer .links ul li a
{
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.footer hr
{
    display: none;
}

/* end footer */

/* start after-footer */

.after-footer
{
    padding: 25px 0;
    background-color: #7d57c1;
}

.after-footer .rights
{
    color: #FFFFFF;
    font-size: 13px;
}

.after-footer .links
{
    list-style-type: none;
    margin-bottom: 0;
}

.after-footer .links li
{
    float: left;
    margin-right: 25px;
}

.after-footer .links li a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 13px;
}

.after-footer .sm li
{
    margin-right: 10px;
}

.after-footer .sm li a
{
    font-size: 15px;
}

/* end after-footer */

/************************************* MEDIA QUERY ***********************************/

/*Medium Screen*/
@media (max-width: 1199px)
{    
    .navbar-default .navbar-nav>li>a
    {
        font-size: 12px;
        padding: 22px 9px;
    }
    
    .register .main.admission
    {
        padding: 40px 10px 13px;
        transform: translate(20px, 9%);
        -webkit-transform: translate(20px, 9%);
        -moz-transform: translate(20px, 9%);
        -ms-transform: translate(20px, 9%);
        -o-transform: translate(20px, 9%);
    }
    
    .carousel-caption.bottom
    {
        top: 60%;
    }
    
    /*Register*/
    .register .before
    {
        padding-right: 370px;
    }
    
    /*Footer*/
    .footer .line:after
    {
        right: 7%;
    }
}

/*Small Screen*/
@media (max-width: 991px)
{    
    
.navbar-header {
float: none;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar-nav {
    float: none!important;
    padding: 0;
    padding-top: 50px;
}
.navbar-nav>li {
    float: none;
}

    
    .testimonials-2 .tb 
    {
        margin-top: 20px!important;
    }
    
    .testimonials-2 .tb .head, .testimonials-2 .tb .body
    {
        min-height: 57px;
    }
    
    .navbar-default .navbar-nav>li>a
    {
        font-size: 12px;
        padding: 22px 9px;
    }
    
    .register .main.admission
    {
        padding: 40px 31px 13px;
    }
    
    .register .container
    {
        padding: 0;
    }
    
    .health-features .img
    {
        position: static!important;
        background-attachment: fixed;
        height: 844px;
    }
    
    .section-2 .left .row-f
    {
        margin-left: 0;
    }
    
    .blog .article
    {
        padding-right: inherit;
    }
    
    .blog .sidebar
    {
        padding-left: inherit;
    }
    
    .blog .subjects
    {
        padding-right: inherit;
    }

    .map
    {
        margin-top: 0;
    }
    
    .tabs img
    {
        margin-top: 40px;
    }
    
    .tabs .nav-tabs,
    .tabs.multicolor .nav-tabs
    {
        display: block;
    }
    
    .tabs .nav-tabs li,
    .tabs.multicolor .nav-tabs li
    {
        border-right: 0;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    
    .carousel-caption h1
    {
        width: 220px;
        height: 220px;
    }
    
    .carousel-caption
    {
        top: 37%;
    }
    
    /*Navbar*/
    .navbar-default .navbar-nav>li>a
    {
        font-size: 13px;
        padding: 27px 15px;
    }
    
    .navbar-brand
    {
        height: auto;
    }
    
    .navbar-brand img
    {
        width: 107px;
    }
    
    /*Register*/
    .register
    {
        margin-top: 0;
    }
    
    .register .main
    {
        transform: translate(0)!important;
        -webkit-transform: translate(0)!important;
        -moz-transform: translate(0)!important;
        -ms-transform: translate(0)!important;
        -o-transform: translate(0)!important;
    }
    
    /*Testimonials*/
    .testimonials-2 .left
    {
        height: auto!important;
        margin-top: 20px;
    }
    
    .testimonials-2 .right.pink
    {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    
    .testimonials-2.media-s, .section-3
    {
        background-image: none;
    }
    
    .testimonials-2.media-s .container,
    .section-3 .container
    {
        margin: 0 auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    /*Carousel Home Page*/
    .carousel.home-page
    {
        height: auto;
    }
    
    .submit div.icon
    {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
    }
    
    /*Tabs*/
    .tabs .nav-tabs
    {
        padding-right: 0;
    }
    
    .tabs .nav-tabs>li {
        width: 100%;
        text-align: center;
    }
    
    .tabs .nav-tabs>li>a
    {
        width: 100%;
    }
    
    /*Blog*/
    .blog .subjects,
    .blog .article
    {
        border: none;
    }
    
    .blog .sidebar .item {
        margin-top: 70px;
    }
    
    /*Footer*/
    .footer .line:after
    {
        right: 11%;
    }
    
    .footer .links
    {
        margin-top: 30px;
    }
    
    .health-features .img.measures
    {
        background-position: top;
        padding-left: 0;
    }
}



/*Extra Small Screen*/
@media (max-width: 767px)
{   
    .facilities .item
    {
        margin-bottom: 40px;
    }
    
    .news-events .left h3
    {
        text-align: right;
        margin-top: -5px;
    }
    
    .news-events .absolute
    {
        position: relative;
        margin-top: 15px;
    }
    
    .slider .slick-prev, .slider .slick-next
    {
        width: 30px;
        height: 27px;
    }
    
    .testimonials-2 .slick-next
    {
        left: 29px;
    }
    
    career .img:after
    {
        left: -15px;
    }
    
    .benefits-learners .tab-content>.tab-pane img
    {
        margin-top: 40px;
        margin: 0;
    }
    
    .benefits-learners .tab-content>.tab-pane:before
    {
        width: 51%;
        background-size: auto;
        background-repeat: repeat;
    }
    
    .blog .img-design:before, .blog .img-design:after
    {
        display: none;
    }
    
    .blog .ball
    {
        width: 150px;
        height: 150px;
        font-size: 17px;
    }

    h2
    {
        font-size: 29px;
    }
    
    .img-design span
    {
        display: none;
    }
    
    .testimonials .slider .img .author
    {
        position: relative;
        left: 0;
    }
    
    .input-daterange input
    {
        padding-right: 0!important;
    }
    
    .submit input[type='date']
    {
        position: static;
        border-bottom: 1px solid #D7D4E7;
        width: 150%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 5px;
        margin: 28px 0;
    }
    
    .submit input,
    .submit select,
    .submit label
    {
        font-size: 18px!important;
    }

    .section-2 .left
    {
        border-right: none;
        padding-right: 0;
    }
    
    .section-2 .right
    {
        padding-left: 0;
    }
    
    .register .main,
    .register .submit
    {
        padding: 35px 25px;
    }
    
    .navbar:before
    {
        display: none;
    }
    
    .navbar-default .navbar-nav .sm a
    {
        float: none;
    }
    
    /*Navbar*/
    .navbar-default .navbar-brand
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        margin-top: 5px;
    }
    
    .navbar .container .before,
    .navbar .container .after
    {
        display: none;
    }
    
    .navbar-nav
    {
        text-align: center;
        
    }
    
    .navbar-default .navbar-nav li a
    {
        font-size: 20px;
        padding: 20px 12px;
    }
    
    .navbar .upper-nav button.login a
    {
        font-size: 17px;
    }
    
    /*Carousel*/
    .carousel-indicators
    {
        display: none;
    }
    
    .carousel-caption
    {
        padding: 0;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    
    .carousel-caption h1 span
    {
        position: static;
        z-index: 10;
        background: transparent;
        padding: 0;
        width: auto;
        height: auto;
        margin-bottom: 15px;
    }
    
    .news-events h2
    {
        margin-bottom: 20px;
    }
    
    .carousel-caption h1
    {
        margin: 0;
        text-align: center!important;
        width: 100%;
        width: 100%;
        position: static;
        font-size: 30px;
        line-height: 46px;
        border-radius: 0;
        display: block;
        height: auto;
        padding: 10px 0;    
    }

    /*Register*/
    .register .before
    {
        padding-right: 29px!important;
        margin-top: 0;
        
    }
    
    .submit
    {
        position: static!important;
    }
    
    .submit .icon
    {
        position: static;
        margin-left: 25px;
        margin-bottom: 35px;
    }

    .submit div.icon
    {
        position: relative;
        top: 0;
        left: 0;
    }
    
    /*Committee*/
    .committee .item ul
    {
        height: auto;
        padding-bottom: 50px;
    }
    
    .before
    {
        padding-right: 20px;
    }
    
    /*Testimonials*/
    .testimonials .slider .image img
    {
        width: 50%;
        margin: auto;
        margin-bottom: 40px;
    }
    
    .testimonials .slider .slick-prev, .testimonials .slider .slick-next
    {
        display: none!important;
    }
    
    /*Tabs*/
    .tabs .tabs-section
    {
        margin-left: 0;
    }
    
    .tabs .tabs-section li
    {
        font-size: 13px;
        padding: 10px 10px;
        margin-right: 3px;
    }
    
    .tabs.home-page .tab-content .item .image
    {
        padding: 0;
    }
    
    .tabs.home-page .tab-content .item .image,
    .tabs.home-page .tab-content .item .details
    {
        height: 150px!important;
    }
    
    /*Blog*/
    .blog .comments .leave-comment form input[type='text'],
    .blog .comments .leave-comment form input[type='email'],
    .blog .comments .leave-comment form textarea
    {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    
    .blog .comments .leave-comment form
    {
        width: 100%;
    }
    
    /*Contact*/
    .contact .container-fluid
    {
        padding-right: 0;
    }
    
    .contact .contact-details
    {
        left: 50%;
        bottom: -25px;
        width: 100%;
        top: auto;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }
    
    .fee table th, .fee table td
    {
        height: 77px;
    }
    
    .testimonials-2 .right,
    .testimonials-2 .left
    {
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /*Footer*/
    .footer .line:after
    {
        display: none;
    }
    
    .footer hr
    {
        display: block;
        margin: 30px 0;
    }
    
    /*After Footer*/
    .after-footer .rights,
    .after-footer .links
    {
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    
    .after-footer .links:last-of-type
    {
        border-bottom: 0;
    }
}

@media (max-width: 555px)
{
    .blog .subjects .item
    {
        width: 100%;
    }
}

@media (max-width: 430px)
{
    .submit .date label.placeholder
    {
        display: none;
    }
    
    .submit .date input
    {
        text-align: left!important;
        opacity: 1;
    }
}

@media (max-width: 375px)
{    
    .subnav ul li .login
    {
        margin: 10px 0;
    }
    
    .tabs.home-page .tab-content .item .details
    {
        height: auto!important;
        width: 100%;
    }
    
    .tabs.home-page .tab-content .item .image
    {
        display: none;
    }
    
    .career .col-xs-6
    {
        width: 100%;
        margin-left: 0;
    }
}

/* Event */
.tabs .tab-content .events .item
{
    background-color: #ffc600;
    margin-top: 20px;
}

.tabs .tab-content .events .item .image
{
    position: relative;
}

.tabs .tab-content .events .item .image img
{
    width: 100%;
    height: 300px;
    padding:3px;
}

.tabs .tab-content .events .item .image .date
{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    padding: 8px 12px;
    margin:5px;
    background: #59c6e8;
}

.tabs .tab-content .events .item .date .num
{
    font-size: 12px;
}

.tabs .tab-content .events .item .date .mon
{
    font-size: 12px;
}

.tabs .tab-content .events .more
{
    padding: 2px 15px;
}

.tabs .tab-content .events .more a{
    text-decoration: none;
}
.tabs .tab-content .events .more .details
{
    margin: 15px 0;
}

.tabs .tab-content .events .more .details li,
.tabs .tab-content .events .more p
{
    color: #898989;
    font-size: 15px;
}

.tabs .tab-content .events .more .details li i
{
    color: #f45560;
    margin-right: 11px;
}

.tabs .tab-content .events .item .more h4
{
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
}
.nopadding{ padding: 0px !important }
.tab-content p{ text-align: justify; }

/********************************  BLOG  *************************************/

.blog
{
    padding: 70px 0;
}

.blog  .info
{
    padding: 20px 0;
}

.blog .info ul li
{
    float: left;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 15px;
    color: #838282;
}

.blog .info ul li i
{
    margin-right: 5px;
}

.blog h3
{
    font-weight: bold;
    color: #0d293b;
}

.blog h3 a
{
    text-decoration: none;
    color: inherit;
}

/*sidebar*/

.blog .sidebar
{
    padding-left: 40px;
}

.blog .sidebar hr
{
    margin-top: 45px;
    margin-bottom: 45px;
    width: 100%;
}

.blog .sidebar hr
{
    border-color: #c7c7c7;
}

.blog .sidebar h3
{
    margin-bottom: 35px;
    margin-top: 0;
    font-weight: bold;
    color: #2D2B5D;
    text-transform: uppercase;
}

.blog .sidebar .item
{
    margin-top: 50px;
}

.blog .sidebar .item:first-of-type
{
    margin-top: 0;
}

.blog .sidebar .item img
{
    margin-right: 12px;
    width: 60px;
}

.blog .sidebar .item a
{
    text-decoration: none;
    font-weight: 600;
    color: #0d293b;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 24px;
}

.blog .sidebar .categories ul
{
    padding-left: 20px;
}

.blog .sidebar .categories ul li
{
    margin-bottom: 10px;
}

.blog .sidebar .categories ul li a
{
    text-decoration: none;
    color: #0d293b;
}

/*Subjects blog 1*/
.blog .subjects
{
    border-right: 1px solid #c7c7c7;
    padding-right: 75px;
}

.blog .subjects .item
{
    margin-bottom: 40px;
}

.blog .subjects .item p
{
    color: #0d293b;
    font-size: 15px;
    font-weight: 450;
    line-height: 22px;
    margin-top: 10px;
}

.blog .subjects .item a.more
{
    text-transform: uppercase;
    display: block;
    text-align: right;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #ef4e24;
    margin-top: 25px;
    font-family: 'Montserrat', sans-serif;
}

.blog .subjects .item a.more:hover
{
    color: #ff6942;
}

/*Article Blog 2*/
.blog .article
{
    padding-right: 12px;
    margin-bottom: 45px;
    border-right: 1px solid #c7c7c7;
}

.blog .article h3 a
{
    text-transform: uppercase;
}

.blog .article p
{
    font-family: 'Ubuntu';
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
}

.blog .comments
{
    padding: 60px 0;
}

.blog .comments .details
{
    margin-top: 55px;
    margin-bottom: 205px;
}

.blog .comments .details .img
{
    width: 100px;
    margin-right: 20px;
    margin-bottom: 30px;
}

.blog .comments .details .admin
{
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 13px;
    border-right: 2px solid #bdbdbd;
}

.blog .comments .details .date
{
    color: #EF4E24;
    padding-left: 13px;
}

.blog .comments .details .date i
{    
    color: #838282;
    font-size: 13px;
    margin-right: 5px;
}

.blog .comments .details .brief
{
    font-family: 'Roboto';
    font-size: 17px;
    color: #585858;
}

.blog .comments .details .reply
{
    padding: 6px 49px;
    text-transform: none;
    font-weight: normal;
    margin-top: 15px;
    background-color: #EF4E24;
    font-family: 'Ubuntu';
    border-radius: 0;
    color: #FFFFFF;
}

.blog .comments .leave-comment
{
    padding: 20px 0;
}

.blog .comments .leave-comment form
{
    margin-top: 50px;
    width: 435px;
}

.blog .comments .leave-comment form input[type='text'],
.blog .comments .leave-comment form input[type='email'],
.blog .comments .leave-comment form textarea
{
    width: 435px;
    min-width: 435px;
    max-width: 400px;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 12px 13px;
    background-color: #F8F7FC;
    border: 1px solid #D7D4E7;
    margin-top: 3px;
    outline: none;
    color: #7d7d7d;
}

.blog .comments .leave-comment form input[type='text']::-webkit-input-placeholder,
.blog .comments .leave-comment form input[type='email']::-webkit-input-placeholder,
.blog .comments .leave-comment form textarea::-webkit-input-placeholder
{
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']::-moz-placeholder,
.blog .comments .leave-comment form input[type='email']::-moz-placeholder,
.blog .comments .leave-comment form textarea::-moz-placeholder
{ 
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']:-ms-input-placeholder,
.blog .comments .leave-comment form input[type='email']:-ms-input-placeholder,
.blog .comments .leave-comment form textarea:-ms-input-placeholder
{
  color: #7d7d7d;
}
.blog .comments .leave-comment form input[type='text']:-moz-placeholder,
.blog .comments .leave-comment form input[type='email']:-moz-placeholder,
.blog .comments .leave-comment form textarea:-moz-placeholder
{ 
  color: #7d7d7d;
}

.blog .comments .leave-comment form textarea
{
    height: 140px;
    min-height: 140px;
    resize: none;
}

.blog .comments .leave-comment form input[type='submit']
{
    background-color: #2d2b5d;
    color: #ffffff;
    float: right;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 40px;
}

.blog .comments .leave-comment form input[type='submit']:hover,
.blog .comments .leave-comment form input[type='submit']:focus
{
    color: #FFFFFF;
    background-color: #4e4b84;
}
#fashare{background-color: #3b5998; padding: 7px 20px 7px 20px; color:#fff; margin: 10px 10px 10px 0; text-align: center; text-decoration: none;}
#twshare{background-color: #83c3f3; padding: 7px 20px 7px 20px; color:#fff; margin: 10px 10px 10px 0; text-align: center; text-decoration: none;}
#lnshare{background-color: #0077b5; padding: 7px 20px 7px 20px; color:#fff; margin: 10px 10px 10px 0; text-align: center; text-decoration: none;}
#gmshare{background-color: #ed4926; padding: 7px 20px 7px 20px; color:#fff; margin: 10px 10px 10px 0; text-align: center; text-decoration: none;}
#whshare{background-color: #43C353; padding: 7px 20px 7px 20px; color:#fff; margin: 10px 10px 10px 0; text-align: center; text-decoration: none;}
#mapviw{ border:#b03539 1px solid; text-transform: uppercase; color: #b03539; padding: 5px 25px;  }
#mailur{ color: #000; text-decoration: none; font-size: 14px }

#loader{  
    position: fixed;
    display: none;
    left: 0px;  
    top: 0px;  
    width: 100%;  
    height: 100%;  
    z-index: 9999;  
    background: url('../images/loader.gif') 50% 50% no-repeat;  
}
.news_head_cont {
    background: #D1E6F4;
    padding: 10px 0 1px 20px;
        padding-right: 0px;
        padding-left: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}
.news_head_cont {
    background: #D1E6F4;
    padding: 10px 0 1px 20px;
        padding-right: 0px;
        padding-left: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #7d57c1;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  transform: rotate(270deg);
}

#myBtn:hover {
  background-color: #555;
}