﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body {line-height: 1.2;font-family: 'Poppins', sans-serif;font-weight: 400;}
ol {list-style: decimal; margin-left: 30px; }
ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
a:hover, a:focus {color: #23527c; text-decoration: none; outline: none;}  
a{outline: none;}

/*--------------------------------------
 		 Back to top css Start
--------------------------------------*/
#back-to-top {border: 0 none; border-radius: 50px; bottom: 50px; color: #444; cursor: pointer;    position: fixed; right: 20px; text-align: center; text-decoration: none; transition: opacity 0.2s ease-out 0s;   text-align: center; z-index: 9999; margin: 0 auto; opacity: 0; color: #fff;padding: 5px 12px;font-size: 36px;}
#back-to-top:hover {}
#back-to-top.show {opacity: 1; }
#back-to-top i{position: relative;top: -3px;}
/*--------------------------------------
  		Back to top css End
--------------------------------------*/
 
 

/*--------------------------------------------
              Header start
---------------------------------------------*/
#navbar-collapse-1 {margin: 28px 0; }
.header_border_top {height: 3px; position: relative; width: 100%; z-index: 9999999; display: inline-block; }
.navbar-default {border-color: transparent; background-color: transparent;margin: 0;}
.navbar {border-radius: 0; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > li > a:hover{background-color: transparent; color: #e32810 !important;}
.navbar-nav > li > a { font-weight: bold;font-size: 16px;color: #222222 !important; }
.heade_mobile .Gradient_btn {font-family: 'Poppins'; color: #fff !important; font-size: 23px; font-weight: bold; padding: 15px 25px; border-radius: 5px; }
.heade_mobile {position: relative; top: -4px;  }
    .heade_mobile .Gradient_btn:hover {
        background:#244680 !important;
    }
    
    .navbar-default .navbar-nav li.heade_mobile a:hover {
        color: #fff !important;
    }
/*--------------------------------------------
              Header end
---------------------------------------------*/


/*--------------------------------------------
              section 2 start
---------------------------------------------*/

.Gradient_border{background: #244680; /* Old browsers */ background: -moz-linear-gradient(left, #244680 0%, #de2a14 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #244680 0%,#de2a14 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #244680 0%,#de2a14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244680', endColorstr='#de2a14',GradientType=1 ); color: #fff}
.Gradient_btn{background: #244680; /* Old browsers */ background: -moz-linear-gradient(left, #244680 0%, #de2a14 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #244680 0%,#de2a14 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #244680 0%,#de2a14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244680', endColorstr='#de2a14',GradientType=1 );color: #fff;-webkit-box-shadow: 0px 0px 20px 0px #0000001a;box-shadow: 0px 0px 20px 0px #0000001a;}
.text_header p{font-size: 25px;font-weight: bold;line-height: 35px;}
.text_header p span{color: #254581;}
.box_design{border: 1px solid #d3d3d3; padding: 15px;min-height: 310px;border-radius: 5px;}
   
    .box_design:hover .Gradient_btn {
        background: #ffffff;
        color: #222222;
    }
    .Gradient_btn .box_btn button {
        background: #fff;
        color: #202020;
    }
.text_blog{position: relative;margin-top: 50px;}
.text_header {margin-bottom: 60px;}

.banner_section {position: relative;}
.banner_section::before {background: url(../images/effect_bg_slider.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-position: 00 bottom; background-size: contain; z-index: 99999; content: ""; position: absolute; height: 100%; width: 100%; }
.slider_text {position: absolute; bottom: 130px; z-index: 9999; text-align: center; left: 0; right: 0; background: #0000004d;   width: 44%; margin: 0 auto; padding: 12px; font-size: 32px; color: #fff; font-weight: bold; }
.btn_padding{padding: 10px 18px !important; margin: 10px 0;}
/*--------------------------------------------
              section 2 end
---------------------------------------------*/

.box_icon img {margin: 15px 0 0px 0; }
.box_text p {line-height: 22px; padding: 5px 12px; }

.Achievementsection {background: #f4f4f4 url(../images/effect_bg.png) no-repeat ;background-position: top center; background-size: contain; margin-top: 15px;position: relative; }
.Achievement {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0px 0px 30px 00px rgba(000,000,000,.10);
    box-shadow: 0px 0px 30px 00px rgba(000,000,000,.10);
    margin: 150px 0 100px 0;
    background-color: #ffffff;
   
}
.Achievement_text{padding: 15px 35px 15px 15px;}
.Achievement_text h3{font-size: 20px;font-weight: bold;}
.Achievement_text p{font-size: 16px;line-height: 27px; margin-top: 25px;}

.Gradient_btn .img_color{display: none;} 
.img_white {position: relative; left: 0; right: 0; margin: 15px auto 0 !important; top: 0;display: none;}
.Gradient_btn .img_white {display: block;}



.footer_top{background:  #23447f;color: #fff;} 
.footer_bottom{background:  #1A3970}
.footer_bottom span { line-height: 22px; padding: 10px; display: inline-block; color: #fff; }

.contactandemail {
    margin: 0 90px;
    background: #fff;
    display: inline-block;
    width: 84%;
    box-sizing: border-box;
    color: #202020;
    padding: 25px;
    border-radius: 5px;
    position: relative;
    top: -40px;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.10);
}
.footer_info {position: relative; }
.contactandemail span i{color: #23447F; margin-right: 10px;}
.address_list{font-size: 17px;}
.footer_quick{margin: 25px 0;}
.footer_quick a:hover{color: #fff;}
.footer_quick li{color: #4a80e0}
.social_info ul li a {height: 42px; width: 42px; display: block; background: #fff; color: #23447F; font-size: 19px; vertical-align: middle; border-radius: 50px; position: relative; transition: ease all 0.5s;}
.social_info ul li a i {position: absolute; left: 0; right: 0; top: 12px; bottom: 0; margin: 0 auto; display: inline-block; height: 42px; }



.footer_social li:nth-child(1) a:hover{background: #395692; color: #fff;}
.footer_social li:nth-child(2) a:hover{background: #55ACEE; color: #fff;}
.footer_social li:nth-child(3) a:hover{background: #DD4B39; color: #fff;}
.footer_social li:nth-child(4) a:hover{background: #007BB5; color: #fff;}

.middle {
    margin-bottom: 100px;
    padding-top: 10px;
}
.title-block {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    background-color: #eeeeee;
 
    padding: 30px 0px;
}
    .title-block h2 {
        color: #222222;
        position: relative;
        font-weight: 700;
        margin: 0;
        font-size:22px;
    }
.page-img img{
    border-radius:5px;
    margin: 0 auto;
}
/*.title-block:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.70);
        height: 100%;
        width: 100%;
        display: inline-block;
        top: 0;
        position: absolute;
    }*/
/*.scholarship-bg {
    background: url(../images/Curtains_03.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 0% 50%;
}
.loan-bg {
    background: url(../images/Curtains_01.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 0% 50%;
}
.grant-bg {
    background: url(../images/Curtains_02.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 0% 50%;
}
.contact-bg {
    background: url(../images/Curtains_04.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 0% 50%;
}*/
.page-text {
    line-height: 22px;
}
.page-text h2 {
    margin: 30px 0px;
    font-weight: 700;
}
.page-text p {
    margin: 20px 0px;
    font-size: 16px;
}
.list-text ul {
    padding: 0;
}
.list-text ul li {
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 25px;
    position: relative;
}
.list-text ul li:before {
    content: '';
    display: inline-block;
    height: 13px;
    width: 13px;
    border-radius: 100%;
    border: solid 3px #244680;
    position: absolute;
    left: 0;
    top: 8px;
}
.page-text p strong a {
    color: #222222;
}
.video-block {
    border: solid 10px #fff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.28);
    margin: 20px 0px;
}
address {
   
    line-height: 30px;
    font-weight:700;
}
    address i {
    color:#244680;
    font-weight:700;
    font-size:20px;
    margin-right:10px;
    }
    a
    {
        color: inherit;
    }
.report {
    background-color: #ffffff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.20);
    padding: 10px;
    margin: 20px 0px;
}
    .report p {
        font-size: 14px;
        padding: 10px 0px;
        margin: 0;
        line-height: 20px;
        /* font-weight: 700; */
        min-height: 100px;
    }
.box_design .box_icon h3 {
    font-size: 20px;
}
    /*-------------------------------------
          media Query 
-------------------------------------*/
    @media screen and (max-width: 1199px) {
        .nav > li > a {padding: 10px 12px; } 
	.navbar-nav > li > a {font-size: 14px; }
	.heade_mobile {top: -4px; } 
	.heade_mobile .Gradient_btn {font-size: 22px; padding: 12px 25px; }

	.owl-theme .owl-item {height: auto; }
	.owl-theme .owl-wrapper {height: auto; }
}
@media screen and (max-width: 991px){ 
	a.brand img{width: 180px}
	.navbar-nav > li > a {font-size: 12px; }
	.nav > li > a {padding: 10px 6px; }
	.heade_mobile .Gradient_btn {font-size: 16px; padding: 12px 10px; }
	.banner_section::before {display: none;}
	.Achievementsection {background: #f4f4f4; } 
	.Achievement {margin: 80px 0 100px 0; }
	.contactandemail {margin: 0 00px; width: 100%; }
	.contactandemail span{float: none !important; width: 100%; display: inline-block;text-align: center;}
	.tinyslide figure figcaption {width: 32% !important; font-size: 17px !important}

	.tinyslide, .tinyslide aside, .tinyslide figure, .tinyslide figure img{height: auto !important;}
}

@media screen and (max-width: 767px){
	.box_design {margin: 5px 0;}
        .box_design .box_icon h3{
        font-size:17px;
        }
    
    .navbar-default .navbar-toggle {
        top: 10px;
        border-color: #2c4e8e;
    }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #2c4e8e;
        }
	.heade_mobile .Gradient_btn {     display: inline-block;}
	.text_header {margin-bottom: 20px; }
	.slider_text {width: 74%; }
	.tinyslide figure figcaption {width: 100% !important; }

	#navbar-collapse-1 {margin: 0; }
    .text_header p {
        font-size: 18px;
      
        line-height: 30px;
    }
    a.brand img {
        width: 150px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #eeeeee;
    }
    .Achievement_text h3 {
        font-size: 18px;
        line-height:23px;
    
    }
    .Achievement_text p {
        font-size: 14px;
      
    }
    .page-text h2 {
        font-size:22px;
    }
    .title-block {
     
        padding:30px 0px;
    }
        .title-block h2
        {
            font-size:22px;
        }
    .page-text p {
        margin: 20px 0px;
        font-size: 14px;
    }
    .tinyslide .navigator ul li {
        width: 15px !important;
        height: 15px !important;
    }
}

@media screen and (max-width: 480px){
	.contactandemail {padding: 25px 0; }
	.contactandemail {font-size: 14px; }
	.slider_text {bottom: 100px; font-size: 16px; }
}

@media screen and (max-width: 360px){
	.slider_text {width: 85%;}
}