/* 
    Created on : Oct 8, 2019, 10:15:36 AM
    Author     : Kites Global
*/
body{
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
}
.menu-bg-theme {
    background-color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-nav .nav-link {
    text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: rgb(122, 168, 255);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(46, 88, 167);
}
#tradeOnline{
    display: none;
}
#tradeOnline .career-link{
    color: #ccc;
    padding: 2% 1%;
}
.slider{
    position: relative;
	margin-top: 19%;
}
.slider-carousel{
    position: relative;
}
.slide-itm{
    position: absolute;
    top: 25%;
    left: 20%;
/*    opacity: 0;  */
}
.slide-itm h2{
    color: #fff;
}
.slider-itms{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    color: #fff;
    padding-top: 10%;
    padding: 25% 15% 0% 15%;
}
.slider-itms h1{
    text-transform: uppercase;
    margin-bottom: 8%;
    font-size: 2.1rem;
}
.slider-itms h3{
    margin-top: 8%;
    font-size: 1.5rem;
    font-weight: 400;
}
.slider-itms h5{
    text-transform: uppercase;
    font-size: 0.9rem;
}
.slider-itms a{
    color: #fff;
}
.slider-itms a:hover{
    color: #fff;
    text-decoration: none;
}

.sec{
    padding: 3.5rem 0rem;
}
.sec h2{
    text-transform: uppercase;
    color: #2c5ab0;
}
.sec h4{
    color: #2c5ab0;
}
.btn {
    border-radius: .05rem;
}
.btn-theme {
    color: #fff;
    background-color: #2f56a5;
    border-color: #2f56a5;
}
.btn-theme:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.bordered-img{
    border: 1px solid #c5c5c5;
}
.sec-blue-bg{
    background-color: #2651a2;
}
.sec-blue-bg h2{
    color: #fff;
}
.sec-blue-bg h4{
    color: #fff;
}
.sec-blue-bg .btn-theme{
    color: #2f56a5;
    background-color: #fff;
    border-color: #fff;
    margin-top: 1rem;
}

.sec-gray-bg{
    background-color: #f7f7f7;
}
footer footer-sec p{
    font-size: 1rem;
}

.sec-page-cover{
	margin-top: 19%;
}

.footer-sec{
    background-color: #2651a2;
    padding: 2.5rem 1rem;
}
.footer-sec ul{
    margin: 0px;
    padding: 0px;
}
.footer-sec ul li{
    display:  inline-block;
    padding-right: 1rem;
}
.footer-sec ul li a{
    color: #5b85d6;
    font-size: 0.7rem;
    text-transform: uppercase;
}
.footer-sec p{
    color: #fff;
    font-size: 0.9rem;
}
.blue-hr{
    border-top: 1px solid #1f71ae;
}
.footer-sec small{
    color: #4a71bb;
}
.map {
    background-color: #ccc;
    padding: 0rem 0rem;
}
.map .google-maps{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
    width:100%;
}
.map .google-maps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.rem2-margin-top{
    margin-top: 2rem;
}
.sec-inner-page p{
    text-align: justify;
}

.rel-links-carousel img{
    border: 1px solid #ccc;
}
.tab-content .tab-pane{
    padding: 1rem 0;
}
.tab-content .tab-pane ul{
    margin: 0px 1rem 20px;
    padding: 0px;
}
.tab-content .tab-pane ul li{
    margin: 0.7rem 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #2651a2;
    border-color: #dee2e6 #dee2e6 #fff;
}

.stat-widget{
    position: fixed;
    top: 40%;
    right: -335px;
    width: 335px;
    z-index: 999;
    background:#fff;
    padding: 1rem;
    font-size: 0.8rem;
    border: 1px solid #ccc;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.stat-widget table thead{
    color: #2e58a7;
}
.stat-widget .table td, .table th {
    padding: 0.3rem;
}
.stat-widget h5, h4{
    color: #2e58a7;
}
.stat-widget h5{
    font-size: 0.7rem;
}
.stat-widget h4{
    font-size: 0.9rem;
}
.stat-widget-ico{
    position: absolute;
    top: 5%;
    left: -40px;
}

.getting-started-tab .card-header {
    padding: 0rem 0rem;
}
.getting-started-tab .card-header .btn {
    width: 100%;
    text-align: left;
}
.getting-started-tab .nav {
    display: block;
}
.getting-started-tab a {
    color: #333;
}
.getting-started-tab .btn-link {
    color: #333;
}
.bod-cont .bod-itm{
    border: 1px solid #e9ecef;
    padding: 1rem;
    margin-bottom: 2rem;
}
.bod-cont .bod-itm a:hover{
    cursor: pointer;
}
.bod-cont .bod-itm img{
    margin-bottom: 1rem;
}
.bod-cont .bod-itm h5{
    font-size: 1rem;
    margin-bottom: 0.2rem;
    color: #0069d9;
}
.bod-cont .bod-itm span{
    color: #909090;
}
.bod-cont .modal-body img{
    width: 25%;
    padding: 1rem;
}

#westweb{
    position: fixed; bottom: 2px; right: 2px; width: 100px; z-index: 1;
}

@media (min-width: 768px) {
    .getting-started-tab .nav {
        display: flex;
    }
	.slider{
		margin-top: 10%;
	}
	.stat-widget{
		top: 12%;
	}
	.sec-page-cover{
		margin-top: 0%;
	}
}

@media (min-width: 992px) {
    .navbar-brand {
        margin-top: -1.9rem;
    }
    #tradeOnline{
        display: block;
    }
    .menu-bg-theme {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .rem2-margin-top{
        margin-top: 0rem;
    }
    .stat-widget{
        position: fixed;
        top: 20%;
        right: -400px;
        width: 400px;
        z-index: 999;
        background:#fff;
        padding: 1rem;
        font-size: 0.8rem;
        border: 1px solid #ccc;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    }
    
    .stat-widget .table td, .table th {
        padding: 0.39rem;
    }
    .stat-widget-ico{
        position: absolute;
        top: 5%;
        left: -40px;
    }
    .stat-widget h5{
        font-size: 0.9rem;
    }
    .stat-widget h4{
        font-size: 1.1rem;
    }
    .slider-itms{
        display: block;
    }
    .slider{
		margin-top: 0%;
	}

    #westweb{
        position: fixed; bottom: 5px; right: 5px; width: 140px; z-index: 1;
    }
}

@media (min-width: 1200px) {
    .slider-itms h1{
        margin-bottom: 18%;
    }
	
}