.clr{ clear:both}
body{ font-family: 'Open Sans', sans-serif; font-weight:400; color:#000;}
ul,li{ padding:0px; margin:0px; list-style:none}

header{}
header .top{ background:#0066b3; padding-top:15px;}
header .top .left-content{ padding-top:5px}
header .top .left-content .fone-info{ display:inline-block; margin-right:65px; margin-bottom:15px; }
header .top .left-content .msg-info{ display:inline-block; margin-bottom:15px;}
header .top .left-content i{ display:inline-block; color:#FFFFFF; margin-right:6px;}
header .top .left-content a{ color:#fff; font-size:14px;}
header .top .right-content{ text-align:right}
/*header .top .right-content .search-field{ border:1px solid #336699; border-radius:20px; width:313px; display:inline-block; margin-right:10px; margin-bottom:15px;float:right}*/
header .top .right-content .search-field input[type=text]{ background-color:transparent; border:0px; float:left; width:calc(100% - 35px); padding: 5px 10px 0px; color: #fff;}
header .top .right-content .search-field input[type=submit]{ float:right; width:30px; border-radius:20px; text-align:center; height:30px; color:#fff; border:0px; position:relative; background:url(../img/search-icon.png) no-repeat center center #3399cc; text-indent:-3000px;}
header .top .right-content .login-div{color:#fff; font-size:14px; display:inline-block; position:relative; padding:5px 0 0; margin-bottom:15px; float:right}
header .top .right-content .login-div a{ color:#fff; font-size:14px; text-transform:uppercase}
header .bottom{}
header .bottom .navbar{ margin:0px; background-color:transparent; border:0px; padding:32px 0; transition: all .5s;}
header .bottom .navbar-default .navbar-brand{ height:auto; padding-top:0px; padding-bottom:0px;}
header .bottom .navbar-default .container{}
header .bottom .navbar-default .navbar-nav{}
header .bottom .navbar-default .navbar-nav li{}
header .bottom .navbar-default .navbar-nav li a{ color:#333333; font-size:18px; padding-left:8px; padding-right:8px; position:relative}
header .bottom .navbar-default .navbar-nav li a:hover{ color:#0066b3}
header .bottom .navbar-default #navbar{ padding-top:12px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background-color:transparent}

/*.danish iframe { width: 100%; background: #ffffff; }*/
/*.danish {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 25px;
    	height: 0;
    }
    .danish iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 560px;
    	height: 318px;
    }*/

/*.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 560px; height: 318px; }

.vacancy { color: #0066b3; font-size: 18px; }
section.hero { position: relative; display: table; width: 100%; /*height: calc(100vh - 8.2em);*/ height:800px; max-height: 760px; }
section.hero .hero-bg { display: table-cell; vertical-align: middle }
section.hero .hero-bg .hero-intro-text { margin-top: 60px; padding-top: 25px; text-align: center; border-top: solid 1px  rgba(255,255,255,0.25) }
section.hero .hero-bg .hero-intro-text p { font-weight: 300; margin: 0; padding: 0; color: #fff }
section.hero .banner-txt{ width:100%; max-width:800px; max-width:1145px; text-align:left; margin:auto}
section.hero h1 { color: #fff; font-size:72px; margin:0 0 40px; font-size:50px; }
section.hero p { color: #fff; font-size:24px; padding:0px; margin:0px; padding:0 0 50px; font-size:20px; }
section.hero .btn{ text-transform:uppercase; font-weight:700; font-size:16px; margin-right:20px; margin-bottom:15px;}
section.hero .btn.grn-bg{ background:#33cc00; color:#fff; border:1px solid #33cc00}
section.hero .btn.no-bg{ color:#fff; border:1px solid #fff;}
section.hero .flickity-prev-next-button { display: none }
section.hero .flickity-page-dots { line-height: 1; position: absolute; /*top: 50%; right: 25px;*/ bottom: 30px; left:40px; width: auto; margin: 0; padding: 0; list-style: none; /*transform: translateY(-50%);*/ text-align: center }
section.hero .flickity-page-dots .dot { display: inline-block; width: 16px; height: 16px; margin: 0 4px 0px; opacity: 1; border: 2px solid white; background: transparent }
section.hero .flickity-page-dots .dot.is-selected { background: white }
section.hero .carousel-cell { display: table; width: 100%; /*height: calc(100vh - 8.2em);*/ height:800px; margin-right: 10px; background-position: center; background-size: cover }
.banner-txt{}

.gnrl-content-section{ padding:44px 0 }
.gray-bg{ background-color:#ececec}
.blue-bg{ background-color:#5954ef}
.red-bg{ background-color:#ff0000!important; background-color:rgba(237,28,36,1)!important}
.green-bg{ background-color:#00a98d}
.yellow-bg{ background-color:#fec907}
.dark-blue-bg{ background-color:#0e2c62}
.main-title{ font-size:60px; padding:0 0 0px; margin:0 0 30px; font-weight:700; position:relative; font-size:36px; text-transform:uppercase;}
.main-title:after{ content:""; width:50px; height:3px; position:absolute; left:0px; bottom:0px; display:none}
.main-title.text-center:after{ content:""; width:50px; height:3px; position:absolute; left:50%; bottom:0px; margin-left:-25px;}
.dark-clr{ color:#333333}
.dark-clr.main-title:after{ background:#333333}
.wht-clr{ color:#fff}
.wht-clr.main-title:after{ background:#fff}
.blu-clr{ color:#0066b3}
.blu-clr.main-title:after{ background:#cccccc}
.dark-blu-clr{ color:#003366}
.btn{ text-transform:uppercase}
.no-bg{ background-color:transparent;}
.btn-blu{ border-color:#003399; color:#003399; border-width:2px;}
.btn-blu:hover, .btn-blu:focus{ background-color:#003399; color:#fff;}
.btn-wht{ border-color:#fff; color:#fff; border-width:2px;}
.btn-wht:hover, .btn-wht:focus{ background-color:#fff; color:#003399;}
.btn i{ display:inline-block; margin-left:25px;}
.news-btn .btn-group .btn-default{background-color: #CCCCCC; margin-left: inherit}

.about-section{}
.about-section .txt{}
.about-section .txt .main-title{}
.about-section .txt p{ color:#666666; font-size:18px; padding:0 0 25px; margin:0px;}
.about-section .video{ position:relative; width:100%; max-width:628px; margin:110px 0 0;}
.about-section .video img{ width:100%}
.about-section .video .play{ position:absolute; left:50%; top:50%; margin-left:-44px; margin-top:-44px;}

.admission-section{ /*background:url(../img/admission-section-bg.jpg) no-repeat left top;*/ }
.admission-section .txt-area{ background-color:#0066b3; padding:75px; width:calc(100% - 500px); float:right}
.admission-section .txt-area ul{ padding:0px; margin:0px;}
.admission-section .txt-area li{ list-style:none; background-color:#fff; margin:0 0 30px;}
.admission-section .txt-area .admission-img{ float:left; width:154px; }
.admission-section .txt-area .txt{ float:left; width:calc(100% - 154px); padding:15px 20px;}
.admission-section .txt-area .txt h5{ color:#0066b3; font-size:24px; font-weight:400; padding:0px; margin:0px;}
.admission-section .txt-area .txt p{ color:#666666; font-size:18px; font-weight:400; padding:0 0 15px; margin:0px;}
.admission-section .txt-area .txt .date{ color:#999999; font-size:14px;}
.admission-section .txt-area .txt .rite-links{}
.admission-section .txt-area .txt .rite-links a{ color:#0d2d62; display:inline-block; margin-left:15px; font-size:14px;}
.admission-section .box{ text-align:center; color:#fff; padding:25px 15px 50px; margin:0 0 15px}
.admission-section .box .icon-holder{ font-size:50px;}
.admission-section .box h5{ padding:0px; margin:0px; font-size:20px; font-weight:bold; min-height:44px}
.admission-section .box h5 a{ color:#fff;}
.admission-section .box h5 span{ display:block; font-size:16px; font-weight:normal; padding:10px 0 0; line-height:25px;}
.admission-section .box p{ display:block; font-size:15px; font-weight:normal; padding:10px 0 0; line-height:25px; margin:0px;}

.news-section{ background-color:#0066b3;}
.news-section .blog-post-slider{ position:relative}
.news-section .blog-post-slider .slick-arrow{ position:absolute; top:50%; margin-top:-10px; width:15px; height:20px; border:0px; text-indent:-3000px; font-size:0px;}
.news-section .blog-post-slider .slick-prev{ background:url(../img/carousel-arrow-left-wht.png) no-repeat; left:-20px; }
.news-section .blog-post-slider .slick-next{ background:url(../img/carousel-arrow-right-wht.png) no-repeat; right:-20px; }
.news-section .blog-post-slider .post{}
.news-section .blog-post-slider .post .img img{ width:100%}
.news-section .blog-post-slider .post .post-info{}
.news-section .blog-post-slider .post .post-info .date{ width:90px; float:left; background-color:#0d2d62; text-align:center; padding:8px 0}
.news-section .blog-post-slider .post .post-info .date h5{ color:#fff; font-size:16px; padding:0px; margin:0px; font-weight:700}
.news-section .blog-post-slider .post .post-info .date h5 span{ display:block; font-size:14px; font-weight:400; padding:5px 0}
.news-section .blog-post-slider .post .post-info .date strong{ display:block; font-size:14px; color:#fff;}
.news-section .blog-post-slider .post .post-info .title{ width:calc(100% - 90px); float:left; padding-left:15px; padding-top:10px; width:100%; padding-left:0px; padding-top:22px}
.news-section .blog-post-slider .post .post-info .title h5{ color:#cc0033; font-size:20px; font-weight:700; padding:0 0 6px; margin:0px; color:#ffcb05; font-size:36px; line-height:36px; padding:0 0 14px; font-size:26px;}
.news-section .blog-post-slider .post .post-info .title h5 span{ /*display:block*/}
.news-section .blog-post-slider .post .post-info .title p{ color:#666666; font-size:12px; font-weight:400; padding:0px; margin:0px; color:#fff; font-size:18px; line-height:30px; padding:0 0 12px}
.news-section .blog-post-slider .post .post-info .title .read-more{ background-color:#33cc00; color:#fff; font-weight:700;}

.admission-test-info{}
.admission-test-info h5{ text-align:center; color:#333333; font-size:30px; padding:0 20px 54px; margin:0px;}
.admission-test-info .options{ text-align:center}
.admission-test-info .options .option{ display:inline-block; width:100%; max-width:420px; margin:0 15px 50px; color:#fff; font-size:60px; font-weight:bold}
.admission-test-info .options .option .title-holder{ width:250px; height:250px; margin:auto auto 20px; display:block; border-radius:100%; position:relative; font-size:54px;}
.admission-test-info .options .option .title-holder strong{ top: 50%; left:0; transform: translate(0%, -50%); position:absolute; width:100%; }
.admission-test-info .options .option.kg .title-holder{ background-color:#ff0000}
.admission-test-info .options .option.primary .title-holder{ background-color:#0066b3}
.admission-test-info .options .option h5{ padding:0px; margin:0px; color:#0066b3; font-size:30px; font-weight:400;}
.admission-test-info .options .option:hover h5{ color:#0099cc}
.admission-test-info .text{ background-color:#666666; border-radius:20px; color:#fff; font-size:20px; font-weight:700; text-align:center; padding:30px 20px 0px; margin:0 0 40px;}
.admission-test-info .text p{ padding:0 0 30px; margin:0px;}
.admission-test-info .age-limit{}
.admission-test-info .age-limit table+p{ padding:0px;}
.admission-test-info .age-limit h5{ padding:0 0 15px; margin:0px; color:#0066b3; font-size:36px; font-weight:700; text-align:left}
.admission-test-info .age-limit th{ color:#0066b3;}
.admission-test-info .age-limit p{ padding:0 0 25px; margin:0px; color:#333; font-size:14px;}
.admission-test-info .terms{ }
.admission-test-info .terms p{ padding:0 0 40px; margin:0px; color:#333; font-size:14px;}
.admission-test-info .terms p:last-child{ padding:0px;}
.admission-test-info .terms h5{ padding:0 0 15px; margin:0px; color:#0066b3; font-size:36px; font-weight:700; text-align:left}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border-top:0px; border-bottom:1px solid #ddd}
.table > thead > tr > th{ border-bottom:1px solid #ddd}

.admission-term-info{}
.admission-term-info h5{ text-align:center; color:#333333; font-size:30px; padding:0 20px 54px; margin:0px;}
.admission-term-info .options{ text-align:center}
.admission-term-info .options .option{ display:inline-block; width:100%; max-width:420px; margin:0 15px 50px; color:#fff; font-size:60px; font-weight:bold}
.admission-term-info .options .option .title-holder{ width:250px; height:250px; margin:auto auto 20px; display:block; border-radius:100%; position:relative; font-size:54px;}
.admission-term-info .options .option .title-holder strong{ top: 50%; left:0; transform: translate(0%, -50%); position:absolute; width:100%; }
.admission-term-info .options .option.kg .title-holder{ background-color:#ff0000}
.admission-term-info .options .option.primary .title-holder{ background-color:#0066b3}
.admission-term-info .options .option h5{ padding:0px; margin:0px; color:#0066b3; font-size:30px; font-weight:400;}
.admission-term-info .options .option:hover h5{ color:#0099cc}
.admission-term-info .text{ background-color:#666666; border-radius:20px; color:#fff; font-size:20px; font-weight:700; text-align:center; padding:30px 20px 0px; margin:0 0 40px;}
.admission-term-info .text p{ padding:0 0 30px; margin:0px;}
.admission-term-info .age-limit{}
.admission-term-info .age-limit table+p{ padding:0px;}
.admission-term-info .age-limit h5{ padding:0 0 15px; margin:0px; color:#0066b3; font-size:36px; font-weight:700; text-align:left}
.admission-term-info .age-limit th{ color:#0066b3;}
.admission-term-info .age-limit p{ padding:0 0 25px; margin:0px; color:#333; font-size:14px;}
.admission-term-info .terms{ }
.admission-term-info .terms p{ padding:0 0 40px; margin:0px; color:#333; font-size:14px;}
.admission-term-info .terms p:last-child{ padding:0px;}
.admission-term-info .terms h5{ padding:0 0 15px; margin:0px; color:#0066b3; font-size:36px; font-weight:700; text-align:left}

.cta-banner{ position:relative;}
.cta-banner.one{ background:url(../img/cta-banner-img1.jpg) no-repeat top center; height:430px; background-size:cover;}
.cta-banner.two{ background:url(../img/cta-banner-img2.jpg) no-repeat top center; height:524px; background-size:cover;}
.cta-banner.three{ background:url(../img/cta-banner-img3.jpg) no-repeat top center; height:350px; background-size:cover;}
.cta-banner.fourth{ background:url(../img/cta-banner-img4.jpg) no-repeat top center; height:500px; background-size:cover;}
.cta-banner.fifth{ background:url(../img/cta-banner-img5.jpg) no-repeat top center; height:500px; background-size:cover;}
.cta-banner.sixth{ background:url(../img/cta-banner-img6.jpg) no-repeat top center; height:894px; background-size:cover;}
.cta-banner .text{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:80%; text-align:center;  }
.cta-banner.two .text{ text-align:left; max-width:1140px; width:100%}
.cta-banner.two .text p{ font-size:24px; line-height:50px}
.cta-banner .text h5{ padding:0 0 40px; margin:0px; font-size:36px; color:#fff; font-weight:700;}
.cta-banner .text p{ padding:0 0 20px; margin:0px; font-size:18px; color:#fff; font-weight:400;}
.cta-banner .text .btn{ background-color:#33cc00; color:#fff; font-weight:700; margin:auto 15px 15px;}
.cta-banner.three .text{ text-align:center; max-width:1140px; width:100%}
.cta-banner.three .text p{ font-size:24px; line-height:50px; padding:0 50px 20px}
.cta-banner.three .text .btn{ background-color:transparent; border:2px solid #fff;}

.result-section{ background:#f1f1f1; text-align:center}
.result-section p{ padding:0 0 54px; margin:0px; font-size:18px; color:#333; font-weight:400; line-height:30px}
.result-section .links{ padding-bottom:50px;}
.result-section .links .link{ display:inline-block; width:100%; max-width:250px; margin:auto auto 25px; vertical-align:top}
.result-section .links .link .icon-holder{ width:140px; height:140px; display:block; margin:auto auto 22px; line-height:140px; background:#0066cc; border-radius:100%;}
.result-section .links .link label span{ display:block; line-height:33px}
.result-section .links .link label{ color:#333333; font-size:30px; font-weight:700;}
.result-section .links .link:hover .icon-holder{ background-color:#ffcb05}
.result-section .links .link:hover label{ color:#0066cc}
.result-section .alert{ color:#666666; font-size:18px; border:1px solid #666666; border-radius:10px; padding:15px 20px; display:inline-block}

.academic-session-section p{ padding:0 0 54px; margin:0px; font-size:18px; color:#333; font-weight:400; line-height:30px}
.academic-session-section{ text-align:left}
.academic-session-section .session{ width:100%; max-width:220px; height:265px; background:url(../img/academic-session-bg.jpg) no-repeat top center; position:relative; display:inline-block;}
.academic-session-section .session .txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center}
.academic-session-section .session .txt h5{ color:#003366; font-size:16px; font-weight:700; padding:0px; margin:0px;}
.academic-session-section .session .txt h5 span{ display:block}
.academic-session-section .session .txt label{ display:block; font-weight:400; color:#003366; font-size:16px;}

.announcements-section{ background-color:#FFFFFF}
.announcements-section .announcement-slider{}
.announcements-section .announcement-slider .slide{ /*width:800px!important;*/ background-color:#fff; padding:40px 25px; margin:auto}
.announcements-section .announcement-slider .left-div{ }
.announcements-section .announcement-slider .left-div .img{ width:100%; margin:0 0 20px}
.announcements-section .announcement-slider .left-div .img img{ width:100%}
.announcements-section .announcement-slider .left-div p{ color:#666666; font-size:24px; padding:0 0 25px; margin:0px; font-style:italic; font-size:20px}
.announcements-section .announcement-slider .right-div{}
.announcements-section .announcement-slider .right-div .main-title{ font-size:30px; color:#0066b3; padding:0 0 35px; margin:0 0 35px;}
.announcements-section .announcement-slider .right-div .main-title:after{ background-color:#0066b3}
.announcements-section .announcement-slider .right-div p{ color:#666666; font-size:16px; padding:0 0 20px; margin:0px; font-size:14px;}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(2){ display:none}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1){ width:100%; padding:0px;}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) p{ font-size:16px; font-size:14px; padding:0 30px 25px;}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) a{ margin-left:30px;}
.announcements-section .announcement-slider .holder_bu { padding:0px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(2){ display:block}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1){ width:50%; padding:0 15px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1) p{ font-size:24px; padding:0 0 25px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1) a{ margin-left:0px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center { padding:40px 15px;}

.network-associate{ text-align:center; background-color: #EFEFEF}
.network-associate .link{ width:19%; display:inline-block; text-align:center; margin:auto}
.network-associate .link .icon-holder{ width:140px; height:140px; display:block; margin:auto auto 10px; background-color:#cccccc; line-height:140px; text-align:center; border-radius:100%}
.network-associate .link label{ display:block; color:#666666; font-size:24px; font-size:20px; font-weight:400}
.network-associate .link:hover .icon-holder{ background-color:#0066cc}

.testimonials{ background-color:#0d2d62; position:relative}
.testimonials .slick-arrow{ position:absolute; width:15px; height:20px; top:50%; margin-top:-10px; border:0px; font-size:0px;}
.testimonials .slick-prev{ background:url(../img/carousel-arrow-left-wht.png) no-repeat; left:-20px; }
.testimonials .slick-next{ background:url(../img/carousel-arrow-right-wht.png) no-repeat; right:-20px; }
.testimonials .slider{ /*width:100%;*/ /*max-width:980px;*/ margin:auto;}
.testimonials .slider .slick-list{  width:100%; max-width:980px; margin:auto;}
.testimonials .slider .slide{ }
.testimonials .slider .slide .img{ width:230px; float:right}
.testimonials .slider .slide .img img{ width:100%; border-radius:100%}
.testimonials .slider .slide .txt{ width:calc(100% - 230px); padding-right:25px; float:left; padding-top:65px}
.testimonials .slider .slide .txt p{ color:#fff; font-size:18px; font-style:italic; padding:0 0 15px 60px; margin:0px; position:relative; font-size:14px;}
.testimonials .slider .slide .txt p:before{ position:absolute; left:0px; top:-20px; content:""; background:url(../img/quote-img.png) no-repeat;  width:53px; height:42px;}
.testimonials .slider .slide .txt h5{ color:#fff; font-size:36px; padding:0px; margin:0px; font-weight:400; text-align:right}
.testimonials .slider .slide .txt h5 span{ display:block; color:#6699cc; font-size:24px; padding:5px 0 0}

.location{ background:#666666; padding-bottom:0px;}
.location .top-left{ color:#fff; font-size:18px; font-size:16px; line-height:21px; margin-bottom:20px;}
.location .top-left a{ color:#fff; font-size:18px; font-size:16px;}
.location .top-right{ color:#fff; font-size:18px; font-size:16px; text-align:right; line-height:21px;  margin-bottom:20px;}
.location .top-right a{ color:#fff; font-size:18px; font-size:16px; display:inline-block; margin-right:20px;}
.location .top-right a img{ margin-right:10px; display:inline-block}
.location .top-right .search-field{ display:inline-block; width:175px; position:relative; border:1px solid #fff; border-radius:2px;}
.location .top-right .search-field input[type="text"]{ background-color:transparent; border:0px; font-size:16px; font-size:14px; color:#fff; padding-left:10px; padding-right:20px; width:100% }
.location .top-right .search-field .icon{ background:url(../img/search-icon.png) no-repeat; width:14px; height:15px; position:absolute; right:3px; top:5px; cursor:pointer; border:0px;}
.location .map{}
.location .map img{ width:100%}

footer{}
footer .top{ background-color:#fff; padding:85px 0 0}
footer .top .links:nth-child(1){ width:24%;}
footer .top .links{ width:19%; float:left; padding:0 15px 80px;}

footer .top .main-title{ font-size:30px; font-size:24px; padding:0 0 20px; margin:0 0 20px;}
footer .top { color:#666666; font-size:16px; font-size:14px;}
footer .top a{ color:#666666; font-size:16px; font-size:14px;}
footer .top .info i{ display:inline-block; color:#0066b3; margin-right:10px;}
footer .top .info li:last-child{ padding:30px 0 10px}
footer .top .info li:last-child a{ display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#fff; background:#0066B3; text-align:center; border-radius:100%}
footer .top .info li:last-child a i{ color:#fff; margin-right:0px;}
footer .top li{ padding:0 0 10px;}
footer .top .sponcers{ padding:0 0 30px; margin:0 10px; text-align:center}
footer .top .sponcers a{ display:inline-block; margin:0 5px;}
footer .top .sponcers img{ /*width:100%*/}
footer .bottom{ background-color:#0066b3; padding:25px 15px;}
footer .bottom a{ padding:0px; margin:0px; font-size:16px; font-size:14px; color:#fff;}
footer .bottom p{ padding:0px; margin:0px; font-size:16px; font-size:14px; color:#fff;}

h1,h2,h3,h4,h5,h6{ font-family: 'Ubuntu', sans-serif;}
a:focus, a:hover{ text-decoration:none; cursor:pointer}
/* font-family: 'Open Sans', sans-serif; 300,400,600,700 */

.breadcrumb{ padding:0px; margin:0px; border-radius:0px; background-color:transparent;}
.breadcrumb .top{ background-color:#00a88e; padding:35px 0 20px}
.breadcrumb .top h2{ color:#fff; font-size:60px; padding:0px; margin:0px; font-weight:700;}
.breadcrumb .top ul{ padding:0px; margin:0px;}
.breadcrumb .top li{ display:inline-block; color:#ffcb05; font-size:18px; font-weight:700; margin-bottom:12px;}
.breadcrumb .top li:after{ content:"/"; font-size:18px; color:#fff; padding:0 10px; font-weight:400; position:relative; top:1px;}
.breadcrumb .top li:last-child:after{ display:none}
.breadcrumb .top li a{ color:#fff; font-size:18px; font-weight:400;}
.breadcrumb .bottom{ background-color:#0066b3; padding:11px 0 2px}
.breadcrumb .bottom ul{ padding:0px; margin:0px;}
.breadcrumb .bottom li{ display:inline-block; color:#ffcb05; font-size:18px; font-weight:700; margin-bottom:12px;}
.breadcrumb .bottom li:after{ content:"."; font-size:18px; color:#fff; padding:0 10px; font-weight:400; position:relative; top:1px;}
.breadcrumb .bottom li:last-child:after{ display:none}
.breadcrumb .bottom li a{ color:#fff; font-size:16px; font-weight:400;}
.breadcrumb .bottom li a:hover{ color:#ffcb05}
.breadcrumb .bottom li a.active{ color:#ffcb05; font-size:16px; font-weight:700;}

.breadcrumb .bottom2{ background-color:#003366; padding:11px 0 2px}
.breadcrumb .bottom2 ul{ padding:0px; margin:0px;}
.breadcrumb .bottom2 li{ display:inline-block; color:#ffcb05; font-size:18px; font-weight:700; margin-bottom:12px;}
.breadcrumb .bottom2 li:after{ content:"."; font-size:18px; color:#fff; padding:0 10px; font-weight:400; position:relative; top:1px;}
.breadcrumb .bottom2 li:last-child:after{ display:none}
.breadcrumb .bottom2 li a{ color:#fff; font-size:16px; font-weight:400;}
.breadcrumb .bottom2 li a:hover{ color:#ffcb05}
.breadcrumb .bottom2 li a.active{ color:#ffcb05; font-size:16px; font-weight:700;}

.admission-procedure{ /*background:#0066b3;*/ padding:122px 0; background-color:#003366}
.admission-procedure .list{ text-align:center}
.admission-procedure .list .count{ width:100%; max-width:550px; margin:auto auto 60px; border-bottom:1px solid #8099b3}
.admission-procedure .list .count span{ display:block; width:40px; height:40px; line-height:40px; color:#fff; font-size:24px; border-radius:100%; position:relative; background-color:#8099b3; margin:auto; bottom:-18px;}
.admission-procedure .list .txt{}
.admission-procedure .list .txt .icon{ display:block; margin:auto auto 30px; width:150px; height:150px;}
.admission-procedure .list .txt .icon.first{ background:url(../img/procedure-icon1.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.first{ background:url(../img/procedure-icon1-hover.png) no-repeat top center}
.admission-procedure .list .txt .icon.second{ background:url(../img/procedure-icon2.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.second{ background:url(../img/procedure-icon2-hover.png) no-repeat top center}
.admission-procedure .list .txt .icon.third{ background:url(../img/procedure-icon3.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.third{ background:url(../img/procedure-icon3-hover.png) no-repeat top center}
.admission-procedure .list .txt .icon.fourth{ background:url(../img/procedure-icon4.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.fourth{ background:url(../img/procedure-icon4-hover.png) no-repeat top center}
.admission-procedure .list .txt .icon.fifth{ background:url(../img/procedure-icon5.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.fifth{ background:url(../img/procedure-icon5-hover.png) no-repeat top center}
.admission-procedure .list .txt .icon.sixth{ background:url(../img/procedure-icon6.png) no-repeat top center}
.admission-procedure .list .txt:hover .icon.sixth{ background:url(../img/procedure-icon6-hover.png) no-repeat top center}
.admission-procedure .list .txt p{ padding:0 0 20px; margin:0px; font-size:24px; color:#fff;}
.admission-procedure .list .txt p span{ display:block}

/* networks */

.networkflow-procedure{ background:#fff; padding:122px 0}
.networkflow-procedure .list{ text-align:center}
.networkflow-procedure .list .count{ width:100%; max-width:550px; margin:auto auto 60px; border-bottom:1px solid #0066b3}
.networkflow-procedure .list .count span{ display:block; width:40px; height:40px; line-height:40px; color:#ffcb05; font-size:24px; border-radius:100%; position:relative; background-color:#0066b3; margin:auto; bottom:-18px;}
.networkflow-procedure .list .txt{}
.networkflow-procedure .list .txt .icon{ display:block; margin:auto auto 30px; width:150px; height:150px;}
.networkflow-procedure .list .txt p{ padding:0 0 20px; margin:0px; font-size:24px; color:#00a88e;}
.networkflow-procedure .list .txt p span{ display:block}

/* about page */
.about-top{}
.about-top .info{}
.about-top .info .img-holder{ margin:0 0 20px;}
.about-top .info .img-holder img{ width:100%; max-width:565px; margin:auto; display:block}
.about-top .info .txt{ padding:0 0 40px;}
.about-top .info h5{ padding:0 0 8px; margin:0px; color:#333333; font-size:30px; font-weight:700;}
.about-top .info p{ padding:0 0 10px; margin:0px; color:#333333; font-size:16px; font-weight:400;}
.about-top .info .read-more{ text-transform:uppercase; background-color:#33cc00; color:#fff;}
.development-redined-section{}
.development-redined-section h5{ padding:0 0 0 0; margin:0 0 0 0; color:#0066b3; font-size:36px; font-weight:700;}
.development-redined-section p{ padding:44px 0 0 0; margin:0px; color:#333333; font-size:18px; font-weight:400; text-align:left}
.development-redined-section p:last-child{ }
.development-redined-section .link{ display:inline-block; margin:auto auto 15px; padding-top:44px;}
.development-redined-section .link .icon-holder{ display:block; margin:auto auto 10px; width:150px; line-height:150px; height:150px; background:#00a88e; border-radius:100%;}
.development-redined-section .link a:hover .icon-holder{ background:#ffcb05} 
.development-redined-section .link label{ display:block; font-size:24px; font-weight:700; color:#0066b3; width:80%; margin:auto}
.quality-policy-section{ padding-bottom:0px;}
.quality-policy-section h5{ padding:0 0 25px; margin:0px; font-size:36px; color:#333; font-weight:700;}
.quality-policy-section p{ padding:0 0 60px; margin:0px; font-size:18px; color:#333; font-weight:400;}
.quality-policy-section .list{ border-top:1px solid #cccccc}
.quality-policy-section .list ul{ padding:0px; margin:0px;}
.quality-policy-section .list li{ border-bottom:1px solid #cccccc; color:#006699; font-size:18px; padding-left:60px; position:relative; padding-top:35px; padding-bottom:35px;}
.quality-policy-section .list li:before{ background:url(../img/play-icon.jpg) no-repeat top center; content:""; width:36px; height:36px; display:inline-block; position:absolute; left:0px; top:44px;}

.our-director{ padding-bottom:30px}
.our-director h5{ padding:0 0 10px; margin:0px; color:#333333; font-size:36px;}
.our-director p{ padding:0 0 30px; margin:0px; color:#333333; font-size:18px; line-height:30px}
.our-director p.lead{ font-size:30px; color:#006699; line-height:50px;}
/*our-director p+p{ padding-top:60px;}*/
.our-director .img-holder{ float:left; margin:0 40px 40px 0; border:1px solid #cccccc; padding:0px 0px; position:relative; top:6px}
.our-director .country{ text-align:center; padding:0 0 34px}
.our-director .country .flag{ margin:auto auto 12px;}
.our-director .country span{ color:#333333; font-size:20px; font-weight:700; display:block}

.our-chairperson{ padding-bottom:30px}
.our-chairperson h5{ padding:0 0 10px; margin:0px; color:#333333; font-size:36px;}
.our-chairperson p{ padding:0 0 30px; margin:0px; color:#333333; font-size:18px; line-height:30px}
.our-chairperson p.lead{ font-size:30px; color:#ffcb05; line-height:50px;}
/*our-chairperson p+p{ padding-top:60px;}*/
.our-chairperson .img-holder{ float:left; margin:0 40px 40px 0; border:1px solid #cccccc; padding:0px 0px; position:relative; top:6px}
.our-chairperson .country{ text-align:center; padding:0 0 34px}
.our-chairperson .country .flag{ margin:auto auto 12px;}
.our-chairperson .country span{ color:#333333; font-size:20px; font-weight:700; display:block}

.at-glance{ padding-bottom:30px}
.at-glance h5{ padding:0 0 10px; margin:0px; color:#333333; font-size:36px;}
.at-glance p{ padding:0 0 30px; margin:0px; color:#333333; font-size:18px; line-height:30px}
.at-glance p.lead{ font-size:28px; color:#0066be; line-height:50px; font-weight: 400}
/*our-chairperson p+p{ padding-top:60px;}*/
.at-glance .img-holder{ float:left; margin:0 40px 40px 0; border:1px solid #cccccc; padding:0px 0px; position:relative; top:6px}
.at-glance .country{ text-align:center; padding:0 0 34px}
.at-glance .country .flag{ margin:auto auto 12px;}
.at-glance .country span{ color:#333333; font-size:20px; font-weight:700; display:block}

.our-tradition{ padding-bottom:30px}
.our-tradition h5{ padding:0 0 10px; margin:0px; color:#333333; font-size:36px;}
.our-tradition p{ padding:0 0 60px; margin:0px; color:#333333; font-size:18px; line-height:30px}
.our-tradition p.lead{ font-size:30px; color:#006699; line-height:50px;}
/*.our-tradition p+p{ padding-top:60px;}*/
.our-tradition .img-holder{ float:left; margin:0 40px 40px 0; border:1px solid #cccccc; padding:60px 55px; position:relative; top:6px}
.our-tradition .country{ text-align:center; padding:0 0 34px}
.our-tradition .country .flag{ margin:auto auto 12px;}
.our-tradition .country span{ color:#333333; font-size:20px; font-weight:700; display:block}

.panel-group .panel + .panel{ margin:0px;}
.panel-group .panel{ border-radius:0px;}
.panel-group .panel .panel-heading{ border-radius:0px; background-color:#f6f6f6; border-color:#cccccc; padding:0px}
.panel-group .panel .panel-heading a{ display:block; padding:25px 30px}
.panel-group .panel .panel-heading .panel-title{ color:#333333; font-size:30px;}
.panel-group .panel .panel-body{ padding:50px 15px;}
.panel-group .panel .panel-body .img-holder{ text-align:center; padding-top:40px;}
.panel-group .panel .panel-body .img-holder img{ width:100%; max-width:200px; display:block; margin:auto}
.panel-group .panel .panel-body .txt-holder{}
.panel-group .panel .panel-body .txt-holder p{ line-height:30px; font-size:16px; color:#333; padding:0 0 40px; margin:0px;}
.panel-group .panel .panel-body .txt-holder p:last-child{ padding-bottom:0px;}

.lite-grn-bg{ background-color:#00a88e}
.lite-grn-bg p{ color:#fff;}

.lite-blue-bg{background-color:#0066b3}
.lite-blue-bg p{ color: #FFFFFF}

.go-top {
	position: fixed;
	bottom: 3px;
	right: .5em;
	text-decoration: none;
	color: #ccc;
	font-size: 50px;
	display: none;
}

.go-top:hover {
	color:#333
}

header nav { text-align: right; padding-top:12px}
header nav ul { margin: 0; padding: 0em; list-style-type: none; }
header li{ position:relative; display:inline-block}
header li a{ padding:1em; display:inline-block; color:#333333; font-size:14px; padding-left:16px; padding-right:16px; position:relative; text-transform:uppercase}
header li ul li{ display:block}
header li ul li a{ text-transform:capitalize; padding:5px 8px; transition: all 0.3s ease 0s !important;}
header li ul li:hover a{ margin-left:5px;}
header li ul{ background: #fff none repeat scroll 0 0; border-top: 2px solid #5950f7; box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1); margin: 0; opacity: 0; padding: 8px 0; position: absolute; text-align: left; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.3s ease 0s; visibility: hidden; width: 200px; display:block; }
header li:hover ul{ opacity: 1; transform: scaleY(1); visibility: visible; z-index: 999; }
.isStuck .navbar{ padding:16px 0!important;}
.isStuck{animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; width:100%; z-index: 999; background: rgba(255,255,255,1); border-bottom:1px solid #0066b3}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}	

/* contact-career page */
.contact-career-page{}
.contact-career-page .lg-p-font, .lg-p-font{ font-size:24px!important;}
.contact-career-page .sm-p-font, .sm-p-font{ font-size:18px!important; padding-bottom:30px;}
.contact-career-page .accordion{}
.contact-career-page .accordion .panel-default{}
.contact-career-page .accordion .panel-default .panel-body{ border:0px;}
.contact-career-page .accordion .panel-default, .contact-career-page .accordion .panel-default .panel-heading{ background:#0099cc; border:0px;}
.contact-career-page .accordion .panel-default:nth-child(2n+1), .contact-career-page .accordion .panel-default:nth-child(2n+1) .panel-heading{ background:#006699; border:0px;}
.contact-career-page .accordion .panel-default .panel-heading{ color:#fff; font-size:18px;}
.contact-career-page .accordion .panel-default .panel-heading i{ display:inline-block; margin-right:10px;}
.contact-career-page .accordion .panel-default .panel-heading a{ color:#fff;}
.contact-career-page .accordion .panel-default .panel-heading h5{ padding:0px; margin:0px; color:#fff; font-size:24px;}
.contact-career-page .accordion .panel-default .panel-body{ color:#fff; font-size:16px; padding:40px 15px 50px;}
.contact-career-page .accordion .panel-default .panel-body p{ padding:0 0 15px; margin:0px; color:#fff; font-size:16px;}
.contact-career-page .accordion .panel-default .panel-body p a{ color:#fff;}
.contact-career-page .accordion .panel-default .panel-body h5{ padding:0 0 15px; margin:0px; color:#fff; font-size:24px;}
.contact-career-page .accordion .panel-default .panel-body ul{ padding:0px; margin:0 0 15px 30px;}
.contact-career-page .accordion .panel-default .panel-body li{ padding:0 0 15px; position:relative; padding-left:15px;}
.contact-career-page .accordion .panel-default .panel-body li:before{ content:""; display:block; position:absolute; left:0px; top:15px; background-color:#fff; border-radius:100%; width:3px; height:3px;}
.contact-career-page .accordion .panel-default table .btn{ background-color:#33cc00; color:#fff; }
.contact-career-page .accordion .panel-default table tr:last-child td{ text-align:right}
.contact-career-page .accordion .panel-default table tr:first-child td{ border-top:1px solid #ddd}
.contact-career-page form .btn{ color:#fff; background:#33cc00; text-transform:uppercase;}

.form-control{ border-radius:0px;}
.form-group{ margin-bottom:20px;}
.label-radio{ font-weight:400;}
.text-left{ text-align:left!important}
.no-top-padding{ padding-top:0px!important}
.no-bottom-padding{ padding-bottom:0px!IMPORTANT}
.user-registration-page{}
.user-registration-page .main-title{ font-size:22px; padding:32px 0 64px; margin:0px; float:left; width:100%}
.user-registration-page .our-tradition p{ padding-bottom:0px;}
.user-registration-page form{ padding:0 0 32px; margin:0 0 42px}
.form-horizontal{}
.form-horizontal .control-label{ font-weight:400; padding-right:0px; padding-top:14px;}
.form-horizontal .label-radio{ font-weight:400;  padding-top:14px; padding-right:15px;}
.form-horizontal .radio-options-container{}
.form-horizontal .radio-options-container .col-lg-4{ width:215px; padding-right:15px;}
.form-horizontal .radio-options-container .col-lg-8{ width:calc(100% - 215px); padding-left:0px;}
form .btn{ background-color:#33cc00; text-transform:uppercase; color:#fff;}
form .btn:hover{ color:#fff;}

.region-network-page{}
.region-network-page .our-tradition p{ padding-bottom:30px;}
.region-network-page .panel{ border:0px;}
.region-network-page .panel .panel-heading{ border:0px;}
.region-network-page .panel .panel-heading h4{ color:#fff!important;}
.region-network-page .panel .panel-body{ border:0px!important; }
.region-network-page .panel .panel-body p{ color:#fff!important;}
.region-network-page .panel.northRegion{ background:#003366}
.region-network-page .panel.northRegion .panel-heading{ background:#003366}
.region-network-page .panel.northRegion .cities-list{ background:url(../img/north-region-cities-list-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.region-network-page .panel .cities-list .list{ float:left; width:20%; }
.region-network-page .panel .cities-list .list ul{ margin:0px; padding:0px;}
.region-network-page .panel .cities-list .list li{ color:#99ccff; font-size:18px; font-weight:bold; padding:0 0 10px}
.region-network-page .panel .team-info{}
.region-network-page .panel .team-info h4{ color:#ffcc00; padding:0 0 15px; margin:0px; font-size:30px; }
.region-network-page .panel .team-info h5{ color:#ffcc00; padding:0 0 15px; margin:0px; font-size:24px; }
.region-network-page .panel .team-info p{ color:#fff; font-size:16px; padding:0 0 30px; margin:0px;}
.region-network-page .panel .team-info ul{ padding:0px; margin:0 0 20px;}
.region-network-page .panel .team-info li{ color:#fff; font-size:14px; padding:0 0 5px; margin:0px;}
.region-network-page .panel.centerRegion{ background:#0066b3}
.region-network-page .panel.centerRegion .panel-heading{ background:#0066b3}
.region-network-page .panel.faisalabadRegion{ background:#ffcb05}
.region-network-page .panel.faisalabadRegion .panel-heading{ background:#ffcb05}
.region-network-page .panel.multanRegion{ background:#00a88e}
.region-network-page .panel.multanRegion .panel-heading{ background:#00a88e}
.region-network-page .panel.southRegion{ background:#ed1c24}
.region-network-page .panel.southRegion .panel-heading{ background:#ed1c24}
.region-network-page .search-form{ background-color:#0066b3; padding:60px 0 30px; margin:0 0 30px;}
.region-network-page .search-form form{ width:100%; max-width:1000px; margin:auto;}
.region-network-page .search-form form label{ font-weight:normal; color:#fff;}
.region-network-page .search-form form .col-md-4{ margin:0 0 30px;}
.region-network-page .search-listing{ margin:0 0 30px;}
.region-network-page .search-listing li{ padding:7px 0; border-bottom:1px solid #ddd;}
.region-network-page .search-listing li a{ color:#333;}
.region-network-page .search-listing li a.active, .region-network-page .search-listing li a:hover{ color:#006699;}
.region-network-page .search-result{ border:1px solid #ddd;}
.region-network-page .search-result .map-info{ padding:30px;}
.region-network-page .search-result .map-info h5{ text-transform:uppercase; padding:0 0 30px; margin:0px; color:#0066b3; font-size:18px;}
.region-network-page .search-result .map-info h5 span{ font-size:30px; text-transform:none; display:block}
.region-network-page .search-result .map-info li{ padding:0 0 10px; font-size:16px;}
.region-network-page .search-result .map-info li span{ display:block; float:left; width:80px;}
.region-network-page .search-result .map-info li label{ display:block; float:left; width:calc(100% - 80px); color:#0066b3; font-weight:400; word-wrap:break-word}
.region-network-page .search-result .map{ padding:0px;}

.region-network-page .panel .panel-heading{ background:#0099cc!important; border:0px;}
.region-network-page .panel .panel-body{ background:#0099cc!important;}
.region-network-page .panel .panel-default:nth-child(2n+1), .region-network-page .panel:nth-child(2n+1) .panel-heading{ background:#006699!important; border:0px;}
.region-network-page .panel-default:nth-child(2n+1) .panel-body{ background:#006699!important; }

.customer-services-page{}
.customer-services-page .admission-procedure{ padding:90px 0}
.customer-services-page .admission-procedure .list .txt p{ font-size:18px; padding:0 0 30px;}
.customer-services-page .admission-procedure .list .txt .info-holder{ width:100px; height:100px; text-align:center; line-height:100px; margin:auto 10px 30px; background:#ffcc00; color:#003366; font-size:16px; display:inline-block; border-radius:100%;}
.customer-services-page .franchise-section{ background:#00a88e; text-align:center}
.customer-services-page .franchise-section .tooltip_option{ width:200px; height:200px; display:inline-block; margin:auto 10px 15px; border-radius:100%; background-color:#0066b3; color:#fff; position:relative;}
.customer-services-page .franchise-section .tooltip_option span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; text-align:center}

.network-processflow-page{}
.network-processflow-page .networkflow-procedure{ padding:90px 0}
.network-processflow-page .networkflow-procedure .list .txt p{ font-size:18px; padding:0 0 30px;}
.network-processflow-page .networkflow-procedure .list .txt .info-holder{ width:100px; height:100px; text-align:center; line-height:100px; margin:auto 10px 30px; background:#ffcc00; color:#003366; font-size:16px; display:inline-block; border-radius:100%;}
.network-processflow-page .franchise-section{ background:#00a88e; text-align:center}
.network-processflow-page .franchise-section .tooltip_option{ width:200px; height:200px; display:inline-block; margin:auto 10px 15px; border-radius:100%; background-color:#0066b3; color:#fff; position:relative;}
.network-processflow-page .franchise-section .tooltip_option span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; text-align:center}

.network-support-page{}
.network-support-page section p{ margin:0px; padding:0 0 30px;}
.network-support-page .offered-support-section{}
.network-support-page .offered-support-section .offered-support{}
.network-support-page .offered-support-section .offered-support .icon-holder{ padding:0 0 25px; display:block}
.network-support-page .offered-support-section .offered-support h5{ padding:0 0 25px; margin:0px; color:#ffcb05; font-size:24px; font-weight:700;}
.network-support-page .offered-support-section .offered-support p{ padding:0 0 25px; margin:0px; font-size:16px; color:#fff; font-weight:400}

.network-support-page .join-us-section{ text-align:center}
.network-support-page .join-us-section .option{ text-align:center; display:inline-block; margin:0 5px 30px; width:200px; vertical-align:top}
.network-support-page .join-us-section .option a{}
.network-support-page .join-us-section .option a h5{ padding:0px; margin:0px; font-size:16px; color:#fff; font-weight:700;}
.network-support-page .join-us-section .option a:hover h5{ color:#ffcb05}
.network-support-page .join-us-section .option .icon-holder{ display:block; margin:auto auto 15px; width:140px; height:140px; }
.network-support-page .join-us-section .option.first .icon-holder{}
.network-support-page .join-us-section .option.first .icon-holder{ background:url(../img/join-us-icon1.png) no-repeat top center;}
.network-support-page .join-us-section .option.second .icon-holder{ background:url(../img/join-us-icon2.png) no-repeat top center;}
.network-support-page .join-us-section .option.third .icon-holder{ background:url(../img/join-us-icon3.png) no-repeat top center;}
.network-support-page .join-us-section .option.fourth .icon-holder{ background:url(../img/join-us-icon4.png) no-repeat top center;}
.network-support-page .join-us-section .option.fifth .icon-holder{ background:url(../img/join-us-icon5.png) no-repeat top center;}

.network-support-page .join-us-section .option.first a:hover .icon-holder{ background:url(../img/join-us-icon1-hover.png) no-repeat top center;}
.network-support-page .join-us-section .option.second a:hover .icon-holder{ background:url(../img/join-us-icon2-hover.png) no-repeat top center;}
.network-support-page .join-us-section .option.third a:hover .icon-holder{ background:url(../img/join-us-icon3-hover.png) no-repeat top center;}
.network-support-page .join-us-section .option.fourth a:hover .icon-holder{ background:url(../img/join-us-icon4-hover.png) no-repeat top center;}
.network-support-page .join-us-section .option.fifth a:hover .icon-holder{ background:url(../img/join-us-icon5-hover.png) no-repeat top center;}

/*.academic-session-section{ text-align:center}*/
.academic-session-section .session{ width:100%; max-width:220px; height:265px; background:url(../img/academic-session-bg.jpg) no-repeat top center; position:relative; display:inline-block;}
.academic-session-section .session .txt{ position:absolute; padding-right: 15px; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center}
.academic-session-section .session .txt h5{ color:#003366; font-size:16px; font-weight:700; padding:0px; margin:0px;}
.academic-session-section .session .txt h5 span{ display:block}
.academic-session-section .session .txt label{ display:block; font-weight:400; color:#003366; font-size:16px;}

.locateus-page{}
.locateus-page .our-tradition p{ padding-bottom:30px;}
.locateus-page .panel{ border:0px;}
.locateus-page .panel .panel-heading{ border:0px;}
.locateus-page .panel .panel-heading h4{ color:#fff!important;}
.locateus-page .panel .panel-body{ border:0px!important; }
.locateus-page .panel .panel-body p{ color:#fff!important;}
.locateus-page .panel.northRegion{ background:#003366}
.locateus-page .panel.northRegion .panel-heading{ background:#003366}
.locateus-page .panel.northRegion .cities-list{ background:url(../img/north-region-cities-list-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.locateus-page .panel .cities-list .list{ float:left; width:20%; }
.locateus-page .panel .cities-list .list ul{ margin:0px; padding:0px;}
.locateus-page .panel .cities-list .list li{ color:#99ccff; font-size:18px; font-weight:bold; padding:0 0 10px}
.locateus-page .panel .team-info{}
.locateus-page .panel .team-info h4{ color:#ffcc00; padding:0 0 15px; margin:0px; font-size:30px; }
.locateus-page .panel .team-info h5{ color:#ffcc00; padding:0 0 15px; margin:0px; font-size:24px; }
.locateus-page .panel .team-info p{ color:#fff; font-size:16px; padding:0 0 30px; margin:0px;}
.locateus-page .panel .team-info ul{ padding:0px; margin:0 0 20px;}
.locateus-page .panel .team-info li{ color:#fff; font-size:14px; padding:0 0 5px; margin:0px;}
.locateus-page .panel.centerRegion{ background:#0066b3}
.locateus-page .panel.centerRegion .panel-heading{ background:#0066b3}
.locateus-page .panel.faisalabadRegion{ background:#ffcb05}
.locateus-page .panel.faisalabadRegion .panel-heading{ background:#ffcb05}
.locateus-page .panel.multanRegion{ background:#00a88e}
.locateus-page .panel.multanRegion .panel-heading{ background:#00a88e}
.locateus-page .panel.southRegion{ background:#ed1c24}
.locateus-page .panel.southRegion .panel-heading{ background:#ed1c24}
.locateus-page .search-form{ background-color:#0066b3; padding:60px 0 30px; margin:0 0 30px;}
.locateus-page .search-form form{ width:100%; max-width:1000px; margin:auto;}
.locateus-page .search-form form label{ font-weight:normal; color:#fff;}
.locateus-page .search-form form .col-md-4{ margin:0 0 30px;}
.locateus-page .search-listing{ margin:0 0 30px;}
.locateus-page .search-listing li{ padding:7px 0; border-bottom:1px solid #ddd;}
.locateus-page .search-listing li a{ color:#333;}
.locateus-page .search-listing li a.active, .locateus-page .search-listing li a:hover{ color:#006699;}
.locateus-page .search-result{ border:1px solid #ddd;}
.locateus-page .search-result .map-info{ padding:30px;}
.locateus-page .search-result .map-info h5{ text-transform:uppercase; padding:0 0 30px; margin:0px; color:#0066b3; font-size:18px;}
.locateus-page .search-result .map-info h5 span{ font-size:30px; text-transform:none; display:block}
.locateus-page .search-result .map-info li{ padding:0 0 10px; font-size:16px;}
.locateus-page .search-result .map-info li span{ display:block; float:left; width:80px;}
.locateus-page .search-result .map-info li label{ display:block; float:left; width:calc(100% - 80px); color:#0066b3; font-weight:400; word-wrap:break-word}
.locateus-page .search-result .map{ padding:0px;}

.clear-fix{ clear:both; width:100%; float:left}
.clear-fix:after{ content:""; clear:both; width:100%}

.form-horizontal .form-control{ font-size:14px!important}
.form-horizontal .form-group .help-block img{ max-width:100px}

.top-12-padding{ padding-top:12px!important}

.img-holder.animation{ position: relative;}
.img-holder.animation img{ display: block;}
.img-holder.animation .overlay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: rgba(0,102,179,.7); overflow: hidden; width: 100%;
 height:0; transition: .5s ease; }
.img-holder.animation:hover .overlay { bottom: 0; height: 100%; }
.img-holder.animation .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.img-holder.animation:hover .text a.btn{ text-transform: uppercase; background-color: #33cc00; color: #fff;}

.tooltip_option { /*display: inline;*/ position: relative;}
.tooltip_option:hover { /*color: #c00;*/ text-decoration: none;}
.tooltip_option:hover:after { background: #003366; background: #003366; border-radius: .5em; top: -4.0em; color: #fff; content: attr(title); display: block; left: 1em; padding: 1em 1em; position: absolute; text-shadow: 0 1px 0 #000; white-space: nowrap; z-index: 98; }
.tooltip_option:hover:before { border: solid; border-color: #003366 transparent; border-color: #003366 transparent; border-width: .9em .9em 0 .9em; top: -.6em; content: ""; display: block; left: 5em; position: absolute; z-index: 99; }



@media only screen and (min-width : 320px) and (max-width : 640px) {
header .bottom .navbar-default .navbar-brand img{ width:200px;}	
section.hero .banner-txt{ padding-left:15px;}
section.hero .flickity-page-dots{ left:15px}
section.hero h1{ font-size:40px;}
section.hero p{ font-size:18px;}
.main-title{ font-size:30px;}
.admission-section .txt-area{ width:100%; padding:45px 30px;}
.admission-section .txt-area .txt{ width:100%}
.news-section .blog-post-slider .post .post-info .date{ width:100%}
.news-section .blog-post-slider .post .post-info .title{ padding:10px 0px; width:100%}
.news-section .blog-post-slider .post .post-info .title h5{ font-size:26px; line-height:normal}
.news-section .blog-post-slider .post .post-info .title p{ font-size:16px;}

.network-associate .link{ width:100%; margin-bottom:15px;}

.testimonials .slider .slick-list{  width:100%;}
.testimonials .slider .slide .img{ float:none; display:block; width:230px; margin:auto auto 30px;}
.testimonials .slider .slide .txt{ width:100%; float:left; padding-bottom:15px}

.location .top-left a{ font-size:16px; font-size:14px;}
.location .top-right a{ font-size:16px; font-size:14px; margin-right:10px;}
.location .top-right .search-field{ width:100%; margin-top:15px;}

footer .top .links{ padding-bottom:40px}
footer .top .info{ width:100%!important;}
footer .top .links{ width:100%;}
footer .top .links li{ display:inline-block; }
footer .top .links li:after{ content:"/"; display:inline-block; color:#666666; padding:0 5px;}
footer .top .links li:last-child:after{ display:none}

#wrapper_bu{ min-height:950px;}
.announcements-section .announcement-slider .right-div .main-title{ font-size:24px; padding:0 0 25px; margin:0 0 25px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center{ padding:20px 10px}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1){ padding-left:0px; float:left; width:100%; padding-right:0px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(2){ padding-right:0px; padding-left:0px; float:left; width:100%}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) p{ padding:0 15px 15px; display:none}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) a{ margin-left:15px; display:none}
.announcements-section .announcement-slider .right-div p{ font-size:12px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1) p{ font-size:14px; display:block}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1) a{ display:inline-block; margin-bottom:15px;}
.holder_bu_awayL1{ height:50%;
  -webkit-transition: width 1s, height .5s, top .5s, left 1s;
  -moz-transition: width 1s, height .5s, top .5s, left 1s;
  -o-transition: width 1s, height .5s, top .5s, left 1s;
  -ms-transition: width 1s, height .5s, top .5s, left 1s;
  transition: width 1s, height .5s, top .5s, left 1s
}
.holder_bu_awayR1{ height:50%;
  -webkit-transition: width 1s, height .25s, top .25s, left 1s;
  -moz-transition: width 1s, height .25s, top .25s, left 1s;
  -o-transition: width 1s, height .25s, top .25s, left 1s;
  -ms-transition: width 1s, height .25s, top .25s, left 1s;
  transition: width 1s, height .25s, top .25s, left 1s
}
.holder_bu_center {
	left:10%; width:80%;
  -webkit-transition: width 1s, height .25s, top 1s, left 1s;
  -moz-transition: width 1s, height .25s, top 1s, left 1s;
  -o-transition: width 1s, height .25s, top 1s, left 1s;
  -ms-transition: width 1s, height .25s, top 1s, left 1s;
  transition: width 1s, height .25s, top 1s, left 1s
}

header .top .right-content .search-field{ width:100%; max-width:100%; margin-right:0px;}

header .bottom .navbar-default #navbar{ position: absolute; width: 100%; left: 15px; z-index: 1; background: #fff;}

a.logo{ width:190px;}
a.logo img{ width:100%}
.mean-bar+.mean-bar{ display:none!important}
.mean-bar nav.pull-right{ display:block!important}

.breadcrumb .top h2{ font-size:40px;}
.breadcrumb .top li a, .breadcrumb .top li, .breadcrumb .bottom li a{ font-size:18px;}

.admission-procedure .list .txt p{ font-size:16px;}

.admission-test-info h5{ padding:0 0 30px}
.admission-test-info .options .option{ margin: auto auto 50px;}

.cta-banner .text{  width: 90%; }
.cta-banner .text h5{ font-size:28px;}
.cta-banner .text p{ font-size:16px;}
.cta-banner .text .btn{ margin:auto auto 15px;}

.cta-banner.two .text p, .cta-banner.three .text p{ font-size:16px; line-height:normal}
.cta-banner.two .text, .cta-banner.three .text{ padding:0 15px;}
.cta-banner.three .text p{ padding:0 15px 20px;} 
.our-tradition .country span{ font-size:16px;}

.panel-group .panel .panel-heading{ padding:20px 15px;}
.panel-group .panel .panel-heading .panel-title{ font-size:24px;}
.panel-group .panel .panel-body{ padding:30px 0px}
.panel-group .panel .panel-body .img-holder{ padding-top:15px; padding-bottom:30px;}

.quality-policy-section p{ font-size:18px;}
.quality-policy-section .list li{ font-size:18px;}

.contact-career-page .lg-p-font, .lg-p-font{ font-size:20px!important;}
.contact-career-page .accordion .panel-default .panel-heading, .contact-career-page .accordion .panel-default .panel-panel{ font-size:16px;}


.form-horizontal .radio-options-container .col-lg-4{ width:100%; text-align:left}
.form-horizontal .radio-options-container .col-lg-8{ padding-left:15px; width:100%;}

.region-network-page .panel .cities-list .list{ width:100%}

.contact-career-page .accordion .panel-default .panel-body .col-md-12{ padding:0px;}
.contact-career-page .accordion .panel-default .panel-body ul{ margin:0 0 15px 0px;}

/* 21dec 17 */
.mean-container .mean-bar, .mean-container .mean-nav{ background:#21e5c7!important}
.main-title{ padding:0 0 16px; margin:0 0 21px;}
.testimonials .slider .slide .txt h5{ font-size:26px;}
.testimonials .slider .slide .txt h5 span{ font-size:18px;}
.academics-pdfs{ text-align:center}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
header .bottom .navbar-default .navbar-brand img{ width:200px;}	
header .bottom .navbar-default .navbar-nav li a{ padding-left:5px; padding-right:5px; font-size:15px;}
header .top .left-content .fone-info{ margin-right:15px;}
header .top .right-content .search-field{ width:213px;}
.admission-section .txt-area{ width:calc(100% - 200px)}
section.hero .banner-txt{ padding:0 20px;}

.network-associate .link .icon-holder{ width:120px; height:120px; line-height:120px;}
.network-associate .link .icon-holder img{ max-width:90px;}
.network-associate .link label{ font-size:15px;}

.testimonials .slider .slick-list{  width:700px;}

footer .top .links{ padding-bottom:40px}
footer .top .info{ width:100%!important;}
footer .top .links{ width:100%;}
footer .top .links li{ display:inline-block; }
footer .top .links li:after{ content:"/"; display:inline-block; color:#666666; padding:0 5px;}
footer .top .links li:last-child:after{ display:none}

.announcements-section .announcement-slider .right-div .main-title{ font-size:24px; padding:0 0 25px; margin:0 0 25px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center{ padding:20px 10px}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1){ padding-left:5px; float:left}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(2){ padding-right:5px; float:left; width:50%}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) p{ padding:0 15px 15px;}
.announcements-section .announcement-slider .holder_bu .col-md-6:nth-child(1) a{ margin-left:15px;}
.announcements-section .announcement-slider .right-div p{ font-size:12px;}
.announcements-section .announcement-slider .holder_bu.holder_bu_center .col-md-6:nth-child(1) p{ font-size:18px;}
.holder_bu_awayL1{ height:50%;
  -webkit-transition: width 1s, height .5s, top .5s, left 1s;
  -moz-transition: width 1s, height .5s, top .5s, left 1s;
  -o-transition: width 1s, height .5s, top .5s, left 1s;
  -ms-transition: width 1s, height .5s, top .5s, left 1s;
  transition: width 1s, height .5s, top .5s, left 1s
}
.holder_bu_awayR1{ height:50%;
  -webkit-transition: width 1s, height .25s, top .25s, left 1s;
  -moz-transition: width 1s, height .25s, top .25s, left 1s;
  -o-transition: width 1s, height .25s, top .25s, left 1s;
  -ms-transition: width 1s, height .25s, top .25s, left 1s;
  transition: width 1s, height .25s, top .25s, left 1s
}
.holder_bu_center {
  -webkit-transition: width 1s, height .25s, top 1s, left 1s;
  -moz-transition: width 1s, height .25s, top 1s, left 1s;
  -o-transition: width 1s, height .25s, top 1s, left 1s;
  -ms-transition: width 1s, height .25s, top 1s, left 1s;
  transition: width 1s, height .25s, top 1s, left 1s
}

a.logo{ width:150px;}
a.logo img{ width:100%}
header nav{ padding-top:0px;}
header li a{ padding-left:8px; padding-right:8px;}

.admission-test-info h5{ padding:0 75px 30px}
.cta-banner.two .text{ padding:0 15px;}
.our-tradition .country span{ font-size:16px;}

.form-horizontal .radio-options-container .col-lg-4{ width:100%; text-align:left}
.form-horizontal .radio-options-container .col-lg-8{ padding-left:15px; width:100%;}

.region-network-page .panel .cities-list .list{ width:33%}
}

.carousel-indicators{ text-align:left; left:35%;}
.carousel-indicators li, .carousel-indicators .active{ width:15px; height:15px;}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: auto;
}
.carousel-inner .item img{ width:100%}
/*.item:nth-child(1) {
  background:url(../img/b1.jpg) no-repeat top center; background-size:cover;
}
.item:nth-child(2) {
  background:url(../img/b2.jpg) no-repeat top center; background-size:cover;
}
.item:nth-child(3) {
  background:url(../img/b3.jpg) no-repeat top center; background-size:cover;
}*/


.upload-file {
 position:relative;
 height:20px;
 padding:4px 6px;
 line-height:20px
}
.upload-file input[type=file] {
 position:absolute;
 opacity:0
}
.upload-file label {
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 border:1px solid #ccc;
 max-height:28px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 transition:all .2s linear;
 -webkit-transition:all .2s linear;
 -moz-transition:all .2s linear;
 -ms-transition:all .2s linear;
 -o-transition:all .2s linear
}
.upload-file label:before {
 display:inline-block;
 content:attr(data-title);
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 padding:0 8px;
 line-height:26px;
 text-align:center;
 border-left:1px solid #ccc;
 border-radius:0 4px 4px 0;
 -moz-border-radius:0 4px 4px 0;
 -webkit-border-radius:0 4px 4px 0;
 background-color:#fff
}
.upload-file label [class*=icon-] {
 display:inline-block;
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 text-align:center;
 border-radius:4px 0 0 4px;
 -moz-border-radius:4px 0 0 4px;
 -webkit-border-radius:4px 0 0 4px;
 padding:5px;
 line-height:13px;
 color:#fff;
 width:auto
}
.upload-file label span {
 display:inline-block;
 height:26px;
 white-space:nowrap;
 overflow:hidden;
 line-height:26px;
 color:#777;
 padding-left:10px
}
.upload-file label span:before {
 content:attr(data-title)
}
 .img-responsive{padding-bottom: 60px}
.region-network-page .panel.northRegion .cities-list{ background:url(../img/islamabad-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.region-network-page .panel.centerRegion .cities-list{ background:url(../img/north-region-cities-list-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.region-network-page .panel.faisalabadRegion .cities-list{ background:url(../img/fasilabad-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.region-network-page .panel.multanRegion .cities-list{ background:url(../img/multan.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}
.region-network-page .panel.southRegion .cities-list{ background:url(../img/karachi-bg.png) no-repeat bottom center; background-size:contain; margin:0 0 50px;}