@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700|Rubik:300,400,500');

html,
body {
    height: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    vertical-align: baseline;
    background: #ffffff;
    color: #0f0f0f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    color: #222222;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.4;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

p {
    line-height: 1.8;
    margin: 0 0 10px 0;
    text-align: justify;
}

a {
    text-decoration: none;
    color: #000;
}

    a:active,
    a:hover,
    a:focus {
        text-decoration: none;
        color: #001b51
    }

    a:active,
    a:hover,
    a:focus {
        outline: 0 none;
    }

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.fi-clear:after {
    clear: both;
    content: "";
    display: block;
}

.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

#wrapper {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.header-area {
    background: #ffffff;
    padding: 5px 0px;
}

.container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}

.header-six-style .main-menu-area nav {
    text-align: center;
}

.our-partner {
    padding: 10px 0px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.footer {
    text-align: center;
    background-color: #fff;
    padding: 20px 0px;
}

    .footer span {
        padding: 0px 10px;
        color: #00097c;
    }

    .footer a {
        color: #00097c;
    }

        .footer a:hover {
            color: #00097c;
            text-decoration: underline;
        }

.logosize {
    height: 70px;
}

.logoright {
    float: right;
}


.mb0 {
    margin-bottom: 0px !important;
}

.img-responsive {
    width: 100%;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffe4d5;
    opacity: 5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffe4d5;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffe4d5;
}
/********************Sub pages***************/
.aboutus, .investment {
    padding: 40px 0px 30px;
}

    .aboutus h1 {
        color: #00097c;
        font-weight: bold;
        font-size: 36px;
        text-align: center;
        border-bottom: 1px solid #00097c;
        padding-bottom: 20px;
    }

.platform h1 {
    color: #00097c;
    border: none
}

.investment h1 {
    color: #00097c;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    border-bottom: 1px solid #00097c;
    padding-bottom: 20px;
}

.core {
    padding: 40px 0px 30px;
}

    .core h1 {
        color: #00097c;
        font-weight: bold;
        font-size: 36px;
        text-align: center;
        border-bottom: 1px solid #00097c;
        padding-bottom: 20px;
    }

    .core ol {
        padding-left: 15px;
        text-align: justify;
    }

        .core ol li {
            margin-bottom: 20px;
        }

            .core ol li b {
                color: #00097c;
            }

.terms,.privacy {
    padding: 40px 0px 30px;
}

    .terms a,.privacy a {
        color: #00097c;
        text-decoration: underline;
    }

        .terms a:hover,.privacy a:hover {
            text-decoration: none;
        }

    .terms h3 {
        color: #00097c;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 10px !important;
    }

.box_border {
    border: 1px solid #FBC87C;
    padding: 40px
}


.button-become {
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 40px;
    background-color: #00097c;
    margin: 30px 0px;
    display: inline-block;
    font-size: 18px;
}

    .button-become:hover {
        color: #fff;
        background-color: #0680BC;
    }

.programs {
    padding: 60px 0px 50px;
}

    .programs .retated-img {
        background: #fff;
        margin-right: 20px;
        padding: 15px;
        box-shadow: 0 0 0 transparent, 3px 6px 6px #404041;
        font-size: 24px;
        font-weight: 800;
        text-align: center;
        width: 70px;
        color: #023d5d;
    }

    .programs .media-body img {
        box-shadow: 0 0 0 transparent, 3px 6px 6px #404041 !important;
        width: 100%;
    }

    .programs .buttonbox {
        box-shadow: 0 0 0 transparent, 3px 6px 6px #404041 !important;
        background-color: #F76C04;
        color: #fff;
        font-size: 18px;
        padding: 8px 30px;
        border: 2px solid #fff;
        display: inline-block;
        margin: 20px 0px;
    }

        .programs .buttonbox:hover {
            background-color: #0680bc;
        }

/*.rankings_wrapper .our-partner {
    border-top: none
}*/

.rankings h1 {
    border-bottom: none
}

.contactus {
    padding: 40px 0px;
}

    .contactus h2 {
        color: #00097c;
        font-weight: bold;
        font-size: 36px;
    }

    .contactus h4 {
        color: #00097c;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 6px;
    }

    .contactus p img {
        width: 250px;
    }

    .contactus .btn-send {
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        padding: 8px 25px;
        background-color: #00097c;
        line-height: 18px;
        font-size: 14px;
        border: 1px solid #00097c;
        margin-top: 10px;
    }

        .contactus .btn-send:hover {
            color: #fff;
            background-color: #0680BC;
            border: 1px solid #0680BC;
        }

    .contactus .btn-reset {
        color: #000;
        text-transform: uppercase;
        font-weight: 400;
        padding: 8px 25px;
        background-color: #fff;
        line-height: 18px;
        font-size: 14px;
        border: 1px solid #ccc;
        margin-top: 10px;
    }

        .contactus .btn-reset:hover {
            color: #fff;
            background-color: #0680BC;
            border: 1px solid #0680BC;
        }

textarea {
    resize: none;
}

.but-tv {
    background: #F76C04;
    box-shadow: 0px 0px 0px 6px #F76C04;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 30px;
    margin: 30px 0px;
    display: inline-block;
    font-size: 16px;
    border: 2px solid #fff
}

    .but-tv:hover {
        color: #fff;
        background-color: #0680BC;
        box-shadow: 0px 0px 0px 6px #0680BC;
    }

.but-tv1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    background-color: #F76C04;
    margin: 30px 0px;
    display: inline-block;
    line-height: 18px;
    font-size: 16px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 6px #F76C04;
}

    .but-tv1:hover {
        color: #fff;
        background-color: #0680BC;
        box-shadow: 0px 0px 0px 6px #0680BC;
    }

.mother {
    padding: 40px 0px;
}

.left-tab-style {
    padding: 40px 0;
}

    .left-tab-style .tabs-left .nav-tabs {
        margin-right: 25px;
        border: none;
        width: 100%;
    }

        .left-tab-style .tabs-left .nav-tabs li {
            float: none;
            width: 100%;
            margin-bottom: 5px;
        }

            .left-tab-style .tabs-left .nav-tabs li span {
                font-size: 16px;
                color: #00097c;
                text-align: center;
                width: 10% !important;
                font-weight: bold;
                display: inline-block;
            }

            .left-tab-style .tabs-left .nav-tabs li a {
                padding: 0px !important;
                border: 0px !important;
                line-height: normal;
                border-radius: 0px !important;
                width: 88% !important;
                display: inline-block;
            }

                .left-tab-style .tabs-left .nav-tabs li a:hover {
                    background-color: transparent !important;
                }

            .left-tab-style .tabs-left .nav-tabs li img {
                box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
                border: 3px solid #fff;
                padding: 4px;
                margin-bottom: 15px;
                width: 100% !important;
                display: inline-block;
            }

                .left-tab-style .tabs-left .nav-tabs li img:hover {
                    float: none;
                    border: 3px solid #ff0000;
                    padding: 4px;
                    margin-bottom: 15px;
                    background-color: #fff !important;
                    box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
                }

                .left-tab-style .tabs-left .nav-tabs li img.active {
                    float: none;
                    border: 3px solid #ff0000;
                    padding: 4px;
                }

    .left-tab-style .tabs-left .tab-content {
        display: table-cell;
    }

.borderblue {
    border-bottom: 2px solid #000866;
    background-color: #f1f1f2;
      margin-top: 270px; 
}

.visitsite {
    padding: 8px 30px;
    background-color: #fff;
    border: 2px solid #000866;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000866;
}

.mt_20 {
    margin-top: -20px;
}

.loginlink {
    float: right;
    margin-top: 25px;
}

.logorightimg {
    float: right;
    border-right: 1px solid #ccc;
    padding-right: 6px;
    margin-right: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.about-platform {
    padding: 40px 0px;
}

    .about-platform h1 {
        color: #00338c;
        font-weight: bold;
        font-size: 36px;
        text-align: center;
        border-bottom: 1px solid #00adee;
        padding-bottom: 20px;
    }

    .about-platform h2 {
        color: #ff7f00;
        font-weight: bold;
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

        .about-platform h2 span {
            color: #00338c;
            font-weight: 400;
            font-size: 24px;
            text-transform: capitalize;
        }

    .about-platform .shadow {
        box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
        width: 100%;
        padding: 20px;
        margin-bottom: 15px;
    }

    .about-platform .shadow1 {
        box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
        width: 100%;
        margin-bottom: 15px;
        min-height: 380px;
    }

    .about-platform .shadow2 {
        box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
    }

.description {
    padding: 1px 20px 20px;
    text-align: center;
}

.team {
    padding: 40px 0px;
    background-size: cover;
    background-image: url('../img/teambg.jpg');
}

    .team h1 {
        color: #ff7f00;
        font-weight: bold;
        font-size: 36px;
        text-align: center;
        border-bottom: 1px solid #989898;
        padding-bottom: 20px;
    }

.teamimg {
    border-radius: 300px;
    z-index: 9;
    box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
}

.team .shadow {
    box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: -40px;
    background-color: #fff;
    z-index: 9999;
    position: relative;
    min-height: 195px;
}

    .team .shadow p {
        text-align: center;
    }

.team h2 {
    color: #ff7f00;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
}

.significant {
    padding: 40px 0px;
}

    .significant h1 {
        color: #ff7f00;
        font-weight: bold;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px;
    }

        .significant h1 span {
            color: #0411af;
            font-weight: 400;
            font-size: 18px;
            text-transform: initial;
        }

    .significant .shadow {
        box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;
        width: 100%;
        padding: 20px;
        margin-bottom: 25px;
    }
    	.tv {		
    padding: 40px 0px;		
}		
    .tv h1 {		
        color: #ff7f00;		
        font-weight: bold;		
        font-size: 30px;		
        text-transform: uppercase;		
        margin-bottom: 0px;		
        text-align: center;		
        margin-bottom: 20px;		
    }		
    .tv h2 {		
        box-shadow: 0 0 0 transparent, 3px 3px 10px 1px #7c7c7c !important;	
        width: 100%;	
        margin-bottom: 30px;	
        min-height: 100px;	
        color: #010085;	
        text-align: center;	
        font-size: 16px;	
        align-items: center;	
        justify-content: center;	
        display: flex;	
        border-radius: 10px;	
        padding: 15px;	
    }	
        .tv h2 a {	
            color: #010085;	
        }	
    .tv .just {	
        align-items: center;	
        justify-content: center;	
        display: flex;	
    }	
@media (max-width:991px) {	
    .desktv {	
        display: none;	
    }	
}	
@media (min-width:992px) and (max-width:4000px) {	
    .mobiletv {	
        display: none;	
    }	
}
/*********************Sub pages****************/
@media (max-width:767px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .logosize {
        height: 40px;
    }

    .programs .retated-img {
        background: #fff;
        margin-right: 15px;
        padding: 10px;
        box-shadow: 0 0 0 transparent, 3px 6px 6px #404041;
        font-size: 18px;
        font-weight: 800;
        text-align: center;
        width: 50px;
    }

    .loginlink {
        float: right;
        margin-top: 10px;
    }
}

@media (max-width:350px) {
    .logosize {
        height: 40px;
    }
}

.scroll {
    min-height: auto !important;
    max-height: 715px;
    overflow-y: scroll;
    padding-top: 15px;
}

    .scroll::-webkit-scrollbar, .scrollcheck::-webkit-scrollbar {
        height: 16px;
        overflow: visible;
        width: 8px;
        background:#555;
    }
   
.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ccc;
}
.scroll::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;*/
background-color: #fff;
}

.menu_bold {
    font-weight: bold;
}

.error {
    color: red;
}
.loginbox {
    background-color: rgba(0,20,115,0.7);
    border-radius: 10px;
    padding: 25px;
    text-align: center;
}

    .loginbox input {
        background-color: #fff;
        border-radius: 5px;
        padding: 6px 10px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 transparent, 1px 5px 5px #212121;
        width: 100%;
        color: #2e3191;
        font-size: 14px;
    }

        .loginbox input:focus {
            outline: none;
        }

    .loginbox p {
        text-align: center;
    }

    .loginbox .btn {
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #2e3191;
        box-shadow: 0 0 0 transparent, 1px 3px 3px #212121;
        color: #2e3191;
        font-size: 14px;
        text-align: center;
        margin: 5px;
        min-width: 90px;
        padding: 8px 10px;
    }

        .loginbox .btn:hover {
            background-color: #2e3191;
            color: #fff;
            webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
		.loginbg {
    padding: 120px 0px 110px;
    text-align: center;
    background-size: cover;
    background-image: url('../img/bg.jpg');
}
.desktopa{
	display:none!important;
}
.visitbtn{
	display:none!important;
}

@media (max-width:767px) {
   .borderblue img{
	   display:none;
   }
   .borderblue{
   margin-top:0px;
   }
   .scroll{
	   max-height:none;
   }
   .desktopa{
	   display:inline-block!important;
   }
   .mobile{
	   display:none!important;
   }
   .desktopp{
	   display:none;
   }
  .left-tab-style .tabs-left .nav-tabs li a{
	  
  }
  .visitsitebtn{
	 padding: 8px 30px!important;
    background-color: #fff!important;
    border: 2px solid #000866!important;
    border-radius: 10px!important;
    text-transform: uppercase;
    font-size: 14px;
    color: #000866;
	width:200px!important;
	margin-top:34px;
	margin-bottom:28px;

  }
  .mt_20{
	  margin-top:20px;
	  margin-bottom:32px;
  }
  .visitbtn{
	display:block!important;
}
}