.navbar{
background: #0496c7 !important;
color: #fff;
font-family: "Cursive", roboto;
}
/*===== NAVBAR =====*/
.navbar-brand{
color: #fff;
//text-transform: uppercase;
font-family: cursive, roboto;
color: #f1f1f1;
font-weight: 600;
font-size: 20px;
}
.navbar-brand img{
margin-right: 3px;
transform: translate(4px, -3px);
}
.navbar-brand:hover{
color: #fff;
}
.nav-right a{
color: #e5e5e5;
font-family: cursive, roboto;
font-weight: 500;
text-transform: uppercase;
}
.nav-right a:hover{
color: #f5f5f5;
text-decoration: none;
padding-bottom: 3px;
border-bottom: 3px solid #fff;
}

.c-active a{
color: #fff;
}

/*===== CAROUSEL AREA =====*/
.carousel-area{
width:100%;
min-height: 500px;
background: url(carousel-bg.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
transform: translateY(60px);
}

.carousel-item{
width:100%;
min-height: 380px;

}

.sliding-text{

}
.sliding-h3{
position: absolute;
top: 30%;
transform: translateY(-50%);
max-width: 50vw;
left: 50%;
transform: translateX(-50%);
color: #dc6601; //#e9e9e9; //#ff8b3d;
font-size: 34px;
font-weight: 800;
scale : 1 1.5;
font-family: cursive, roboto;
text-align: center;
//background:rgba(16, 101, 192, .5);
border-radius: 2px;
padding: 0px 10px;
}


.slide-p{
position: absolute;
top: 45%;
transform: translateY(-50%);
max-width: 50vw;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
font-size: 16px;
color: #f8f0c6;
font-family: cursive, roboto;
text-align: center;
//padding: 10px 1px 1px 1px;

}

.p1{
//background: rgba(0,0,0,.3);
padding: 0px;
border-radius: 5px;
}

.slide-link{
margin-top: 25px;
}
.slide-link a{
color: #fff;
background:#dc6601; //rgba(16, 101, 192, 1);
padding: 10px;
text-decoration: none;
border-radius: 5px;
}

.trade-view{
margin-top: 25px;
}

.bg-area{
background: url(in-wave-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}

/*===== First container area =====*/

.row1 .line-p{
margin-top: 58px;
padding: 25px 10px;
margin-bottom: 0px;
font-fize: 18px;
font-weight: 800;
}

.row1 h4{
font-size: 18px;
font-family: roboto;
font-weight: 800;
color: #333;

}

.row1 ul li{
color: #333;
font-family: roboto;
}

.row1-link{
padding: 5px 1px;

}

.row1-link a{
background: #1870d5;
color: #fff;
text-decoration: none;
padding: 10px;
border-radius: 5px;
font-family: roboto;
}
.row1-link a:hover{
text-decoration: none;
background: #104a8e;
}

/*========*/


/*===== SECOND CONTAINER AREA ====*/
.row2{
margin: 25px inherit;
padding: 20px 10px;
}
.small-screen-row2{
display:none
}

.three-boxes{
padding: 15px;
min-height: 200px;
//border: 2px solid black;
text-align: center;
}

.three-boxes h4{
font-weight: 800;
font-size: 18px;
color: #333;

}

.three-boxes p{
font-family: roboto;
color: #444;
}

/*==========*/

/*===== MISSION STATEMENT =====*/
.mission-hldr{
/*background: url(particles-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;*/

}
.m-smt{
font-family: roboto;
margin-bottom: 45px;
}

.m-smt h3{
text-transform: uppercase;
text-align: center;
font-weight: 600;
color: #0496c7;
}
.m-smt p{
text-align: center;

}
.j-btn, .a-btn{
text-decoration: none;
color: #fff;
background: #0496c7;
padding: 5px 10px;
border-radius: 16px;
font-weight: 600;
}

.a-btn{
float: right;
}

/*===== VISION STATEMENT =====*/
.v-smt{
font-family: roboto;
}
.v-smt h4{
text-transform: uppercase;
font-weight: 600;
}

/*===== INVESTMENT PLANS =====*/
.plans-area{
background: url(in-wave-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f5f5f5;
color: #eee;
margin-top: 40px;
text-align: center;
font-family: "Quicksand", sans-serif;
padding: 25px 10px 25px 10px;
}

.plans-area h3{
color: #0496c7;
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
padding: 10px 10px 25px 10px;
}

.plan{
border: 5px solid #0496c7;
padding: 15px;
font-family: "Quicksand", sans-serif;
border-radius: 10px;
background: #6497b1;
color: #fff;

}
.plan h4{
font-weight: 600;
font-size: 20px;
text-align: center;
text-transform: uppercase;
padding: 15px 10px;
}
.plan i{
font-size: 35px;
}
.percent-p{
font-size: 18px;
font-weight: 700;
text-align: center;
}
.plan ul{
padding: 0px;
margin-bottom: 30px;
text-transform: uppercase;
}
.plan ul li{
list-style: none;
font-weight: 600;
color: #f5f5f5;
font-size: 16px;
margin-bottom: 5px;
}
.link-p a{
background: #00c853;
color: #fff;
text-transform: uppercase;
font-family: roboto;
font-weight: 600;
padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
}

/*===== TESTIMONIALS =====*/
.t-captions{
text-align: center;
margin-top: 45px;
}
.t-captions h4{
font-size: 40px;
color: #0d47a1;
font-weight: 600;
text-transform: uppercase;
}
.t-captions p{
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
color: #05445e;
}

.t-carousel-hldr{
margin-top: 15px;
background: #f1f1f1;
padding: 15px 15px;
border-radius: 5px;
}
.t-carousel-hldr h4{
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
font-size: 18px;
font-family: roboto;
font-weight: 600;
}
.c-item{
}
.client{

}
.client img{
position: absolute;
height: 75px;
width: 75px;
border-radius: 50%;
transform: translate(-50%, 55%);
background: linear-gradient(to bottom, #0496c7, #fff);
padding: 4px;
}
.message{
background: #0496c7;
color: #fff;
font-weight: 500;
max-width: 550px;
padding: 10px 10px 10px 45px;
border-radius: 10px;
text-align: left;
}
.t-names{
text-transform: capitalize;
font-size: 18px;
font-weight: 700;
}

.owl-carousel .owl-item img{
display: inherit;
width: inherit;
}
.owl-nav{
display: none;
}
.owl-dots{
margin-top: 15px;
}
.owl-dots .active span{

}
.owl-dot{

}	

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0d47a1;
}


/*===== WHY CHOOSE US =====*/
.why_choose_us_area{
background: url(in-wave-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;

background-color: #1d427c; //#0d47a1;
color: #eee;
margin-top: 45px;
text-align: center;
font-family: "Quicksand", sans-serif;
padding: 35px 10px 10px 10px;

}
.why_choose_us_area h3{
font-size: 45px;
padding: 35px;
text-transform: uppercase;
font-weight: 600;
}
.why_choose_us_area .container .row{
margin-bottom: 45px;
}
.y-boxes i{
font-size: 35px;
}
.y-boxes  img{
height: 160px;
width: 300px;
border-radius: 5px;
}

/*===== TRADE VIEW PLUGIN =====*/
.plugin-area{
background: url(in-wave-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #222;


}
.plugin-area h3{
color: #eee;
text-align: center;
font-size: 45px;
padding: 45px 10px 0px 10px;
text-transform: uppercase;
font-family: roboto;
}
.trade-plugin{
height: 550px;
padding: 35px 10px 55px 10px;
}

/*===== TOAST MESSAGES =====*/
.toast-container{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;

}

/*===== PARTICLES AREA =====*/

.particles-hldr{
position: relative;
background: #1d427c;//#0c3953;//#296d98;
/*background-image: url('workplace.jpg');
-webkit-background-size:cover;
background-size:cover;
background-position: center center;
/*height: 700px;
width: 100%;*/

}

.particles-js-canvas-el{
width: 100% !important;
height: 560px !important;

}

.footer{
position: absolute;
color: #e3e3e3;
//text-align: center;
padding: 35px 35px;
font-family: "Quicksand", sans-serif;
font-size: 14px;
}

.bg-area-icon i{
background-color: #0496c7;
color: #fff;
font-size: 24px;
padding: 10px;
border-radius: 50%;

}

.sm-nav-bar{
display: none;
}

@media(max-width: 770px){
.xs-navbar{
font-family: monospace, sans-serif, roboto;
padding: 35px 35px;
}
.xs-navbar .navbar-brand{
font-weight: 700;
font-size: 25px;
font-family: monospace, sans-serif, roboto;
}

.xs-nav-right a{
color: #fff;//#e5e5e5;
font-family: monospace, sans-serif, roboto;
font-weight: 500;
text-transform: uppercase;
border-bottom: 1px solid #ddd; //#0d6efd;
padding: 10px 10px;
margin-bottom: 5px;
border-radius: 2px;
animation: ease all 5s;
}
.xs-nav-right a:hover{
color: #f5f5f5;
text-decoration: none;
font-size: 18px;
}
.navbar-brand img{
height: 75px;
transform: translate(4px, -6px);
}


/*===== SM CAROUSEL AREA =====*/

.carousel-area{
width:100%;
min-height: 650px;
background: url(carousel-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: translateY(0px);
}

.carousel-item{
width:100%;
min-height: 500px;

}

.sliding-h3{
top: 25%;
font-size: 24px;
font-family: monospace, sans-serif, roboto;
color: #dc6601; //#ddd;
}

.slide-p{
top: 35%;
font-size: 14px;
font-family: monospace, sans-serif, roboto;
color: #ddd;
font-weight: 400;
background-color: rgba(0,0,0,0.1);
}

.slide-3 .slide-3{

}

.slide-3 .slide-p{
top: 40%;
}

/*=====*/

.v-smt{
margin-bottom: 45px;
}

.sm-mission-tv{
min-height: 460px;

}

.p1{
text-align: left;
}

.trade-view{
margin-top: 180px;
}


.plan{
margin-bottom: 35px;

}
.item{

}

.message{
max-width: 400px;
font-size: 14px;
}

.client img{
transform: translate(-55%, 65%);
}

.particles-js-canvas-el{
height: 840px !important;

}

}
@media(max-width: 1200px){

.particles-js-canvas-el{
height: 670px !important;
}

}
@media(max-width: 1000px){

.particles-js-canvas-el{
height: 740px !important;
}

.bs-nav-bar{
display: none;
}

.sm-nav-bar{
display: block;
}

}
@media(max-width: 900px){

.particles-js-canvas-el{
height: 820px !important;
}

}
@media(max-width: 760px){

.particles-js-canvas-el{
height: 900px !important;
}

}
@media(max-width: 690px){

.particles-js-canvas-el{
height: 980px !important;
}

}
@media(max-width: 620px){

.particles-js-canvas-el{
height: 1040px !important;
}

}
@media(max-width: 590px){

.particles-js-canvas-el{
height: 1100px !important;
}

}
@media(max-width: 550px){

.particles-js-canvas-el{
height: 1180px !important;
}

}
@media(max-width: 510px){

.particles-js-canvas-el{
height: 1420px !important;
}

}