@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/*--------------------------------------------------------------
## FOREX BROKERS LIVE  CSS START
font-family: 'Montserrat', sans-serif;
font-family: 'Hind', sans-serif;
--------------------------------------------------------------*/
a{ transition: all 0.6s ease; }
a:hover{
    color: #527700;
}
.fx_header .container-fluid, .fx_header .row, .fx_header .col-md-12{ margin: 0; padding: 0; }
.fx_header .fx_logo { width: 12%; margin-left: 5%; }
.fx_header .fx_logo { width: 12%;  }
.fx_logo img{ width: 100%; }
.fx_header .icm_logo { background-color: #a4a4a5; padding: 26px 40px; width: 20%; margin-top: 0px; position: absolute; right: 0px; height: 100%; }
.fx_header .icm_logo img{ width: 100%; }
.fx_header .navbar_fx{ display: inline-block; }
.fx_header .fx_navbar_links{width: 65%;}
.fx_navlinks { width: 83%; margin: 0 auto; }
.fx_header .fx_navbar_links ul li { display: inline-block;  text-align: center; }
.fx_header .fx_navbar_links ul li a { background-color: #333; padding: 1vw 2vw; color: #fff; text-transform: uppercase; font-size: 11px; text-align: center; border-radius: 100px; text-decoration: none; margin: 0 10px; }
.fx_header .fx_navbar_links ul li a:hover{ background-color: #6ba205; }
.fx_heroslider{ background-image: url("../image/fx_heroimage.png"); background-size: cover; background-position: center; height: 60vh; }
.fx_heroslider_forex4you{ background-image: url("../image/fx_heroimageforex4you.jpg"); background-size: cover; background-position: center; height: 60vh; }
.fx_herocontent { background-color: #000000b3; padding: 5% 0px; width: 85%; margin: 0 auto; }
.fx_herocontent h1{ font-size: 35px; font-family: 'Montserrat', sans-serif; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase}

.fx_herocontent_forex4you { background-color: #000000b3; padding: 5% 0px; width: 85%; margin: 0 auto; }
.fx_herocontent_forex4you h1{ font-size: 28px; font-family: 'Montserrat', sans-serif; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase}

.btn_getstarted{ background-color: #6ba205; color: #fff; border-radius: 100px; font-size: 20px; padding: 15px 50px; position: relative; margin-top: -30px; font-family: 'Hind', sans-serif; }
.btn_getstarted:hover{ background-color: #527700; color: #fff; }
.fx_counters{ background-color: #a4a4a5; }
.fx_counters h3{ color:#fff; font-family: 'Hind', sans-serif; font-size: 80px; font-weight: 100; margin: 0; text-align: center; }
.fx_counters p{ color:#fff; font-family: 'Hind', sans-serif; font-weight: 600; text-align: center; margin-top: -20px; font-size: 18px; }
.fx_markets h2 { font-family: 'Montserrat', sans-serif; font-size: 25px; line-height: 40px; font-weight: 700; text-transform: uppercase; }
.fx_markets h2 i{ font-size: 8px; color: #6ba205; }
.fx_markets p { font-size: 18px; font-weight: 600; color: #4f575f; }
.fx_widget { width: 51%; height: 500px; margin: 0 auto; }
.fx_markets .fx_widget iframe { border: 0; width: 100%; height: 100%; overflow: hidden;  left: 0; }
.fx_whyforex{ background-image: url("../image/fx_whyforex.png"); background-size: cover; background-position: center; }
.fx_whyforex h2{ font-family: 'Montserrat', sans-serif; font-size: 32px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; }
.fx_whyforex p { font-size: 24px; font-weight: 400; color: #fff; padding-right: 12%;}
.fx_features .fx_featurebox { padding: 10px 0 10px 10%; margin-left: 1%; margin-bottom: 10px; border-bottom: 1px solid #90c728; }
.fx_features .fx_featurebox h3{ color: #fff; font-family: 'Montserrat', sans-serif; font-size: 23px; }
.fx_features .fx_featurebox p { font-size: 14px; color: #fff; }
.fx_featurebox .fx_icon { font-size: 45px; color: #fff; position: absolute; margin-left: -11%; }
.fx_whyforex .btn_partner { background-color: #fff; font-size: 23px; border-radius: 0px 10px 10px 0px; padding: 10px 40px; font-family: 'Hind', sans-serif; }
.fx_partnetBtn{margin-top: 10%;}
.fx_pricing h2{ font-family: 'Montserrat', sans-serif; font-size: 32px; line-height: 40px; font-weight: 700; text-transform: uppercase; }
.fx_pricing p{ font-size: 26px; font-weight: 600; color: #4f575f; }
.fx_table{padding: 50px 0; border: 1px solid #ddd;}
.fx_table h3,.fx_table h6{ text-align: center;}
.fx_table h3{ font-size: 70px; }
.fx_table h6{ font-size: 25px; text-transform: uppercase; }
.fx_seprator{height: 3px; background-color: #555; width: 200px; margin: 20px auto;}
.fx_table ul{ margin-top: 40px; }
.fx_table ul li{ list-style: none; font-size: 23px; margin-bottom: 10px; }
.fx_table p{ margin-top: 30px; }
.fx_table_green{ background-color: #527700; border: 1px solid #527700; }
.fx_table_green h3,
.fx_table_green h6,
.fx_table_green li{color: #fff;}
.fx_table_green .fx_seprator{background-color: #fff;}
.fx_table_green .btn_table{ background-color: #fff; color: #527700;font-weight: 600; }
.btn_table{background-color: #527700; padding: 10px 30px; color: #fff; font-size: 20px; border-radius: 100px;}
.fx_hesitate{ background-image: url("../image/fx_hesitate.png"); background-position: center; background-size: cover; padding-top: 1%; padding-bottom: 1%; }
.fx_hesitate h2{ font-size: 16px; color: #fff; font-family: 'Hind', sans-serif; font-style: italic; }
.fx_hesitate h1{ font-size: 30px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase;}
.fx_hesitate p{ margin-top: 10px; }
.fx_hesitate p a{ background-color: #fd598a; padding: 10px 30px; font-size: 18px; border-radius: 100px; color: #fff; text-decoration: none; }

.fx_hesitate .fx_features .fx_featurebox { padding: 10px 0 10px 10%; margin-left: 1%; margin-bottom: 10px; border-bottom: 1px solid #db588c; min-height: 155px; }
.fx_hesitate .fx_features .fx_featurebox h3{ color: #fff; font-family: 'Montserrat', sans-serif; font-size: 18px; }


.fx_social p a { color: #333; font-size: 26px; margin: 0 12px; }
.fx_social p a:hover{ color: #527700; }
.fx_contact_info{ margin-top: 10%; }
.fx_contact_info p{ font-size:22px; font-family: 'Hind', sans-serif; margin-bottom: 30px; }
.fx_contact_info p a{ color: #333; text-decoration: none; }
.fx_contact_info p b{ display: block; font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 400; }
.vc_footer{ background-color: #a4a4a5; }
.vc_footer p{ color: #fff; font-size: 20px; font-family: 'Hind', sans-serif; font-weight: 300; }
.vc_footer p a{ color: #fff; font-size: 20px; font-family: 'Hind', sans-serif; font-weight: 300; text-decoration: none; }
.vc_footer p span{ padding: 0 10px; }
.fx_header_in{ height: 250px; }
.fx_header_in .fx_herocontent .fx_herocontent_forex4you{ padding: 5% 0; background-color: transparent; }
.fx_contact .fx_social p{ text-align: left !important;}
.fx_contact_info p a:hover{ color:#527700; }
.fx_contact_form .form-control { border-radius: 0; padding: 14px 20px; height: calc(2.5em + 1rem + 2px); }
.fx_contact_form textarea{ height: 140px !important; }
.fx_contact_form .form-control:focus{ outline: 0; box-shadow: 0 0 0 #fff; border: 1px solid #527700; }
.fx_content_contact h2 { font-size: 30px; text-align: center; font-family: 'Montserrat', sans-serif; }

.fx_footertext { margin-top: 12%; }
.fx_footertext p{ font-size: 16px; font-family: 'Hind', sans-serif; }
.fx_footertext p b{ font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 400; }
.fx_info p{ font-size: 14px;}
/*--------------------------------------------------------------
## FOREX BROKERS LIVE CSS END
--------------------------------------------------------------*/
/* =====================================================================  */
/* =====================================================================  */
/* ========================  VC RESPONSIVE CSS ===========================*/
/* =====================================================================  */
/* =====================================================================  */
/*--------------------------------------------------------------
## Desktop xxlg
--------------------------------------------------------------*/
@media only screen and (max-width: 1930px) {
}
/*--------------------------------------------------------------
## Desktop xlg
--------------------------------------------------------------*/
@media only screen and (max-width: 1740px) {
}
/*--------------------------------------------------------------
## Desktop lg
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
}
/*--------------------------------------------------------------
## Desktop md
--------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1080px) {
    .fx_widget { width: 70%; }
    .fx_header .fx_navbar_links ul li a{margin: 0;    padding: 1vw 2vw;}
    .fx_heroslider{height: auto;}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .fx_header .navbar_fx { height: 100%; }
    .fx_herocontent { background-color: #000000b3; padding: 5% 0px; width: 100%; margin: 0 auto; }
	.fx_herocontent_forex4you { background-color: #000000b3; padding: 5% 0px; width: 100%; margin: 0 auto; }
    .fx_heroslider { height: auto; }
    .fx_header .icm_logo{    padding: 22px 20px;}
    .fx_navlinks { margin-left: -25px; }
    .fx_header .fx_navbar_links ul li a { padding: 1vw 2vw; font-size: 12px; margin: 0 0px; }
    .fx_herocontent h1 { font-size: 30px; }
	.fx_herocontent_forex4you h1 { font-size: 15px; }
    .fx_counters h3{font-size: 50px;}
    .fx_counters p{font-size: 20px; margin-top: 0px;}
    .fx_widget { width: 100%; }
    .fx_whyforex { background-image: none; background-size: cover; background-position: center; background-color: #6ba205; }
    .fx_whyforex h2 { text-align: center; font-size: 35px; }
    .fx_whyforex p { font-size: 16px; text-align: center; padding-right: 0; }
    .fx_features .fx_featurebox p { font-size: 16px;text-align: left; }
    .fx_pricing p { font-size: 18px; }
    .fx_partnetBtn { margin-top: 3%; margin-bottom: 10%; }
    .fx_table ul li { list-style: none; font-size: 16px; margin-bottom: 10px; }
    .fx_content_contact h2{text-align: left;    font-size: 25px;}
    .fx_content_contact h2 br{ display: none;}
    .fx_contact_info { margin-top: 0; }
    .fx_social { margin-bottom: 60px; }
}
/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .fx_header .navbar_fx { display: block; width: 100%;}
    .fx_header .navbar_fx { height: auto; }
    .fx_navlinks { margin-left: -30px; }
    .fx_header .fx_navbar_links ul li { display: block; margin-bottom: 10px; }
    .fx_header .fx_navbar_links ul li a { display: block; padding: 3vw 3vw; }
    .fx_heroslider{ height: auto; }
    .fx_herocontent{width: 100%;    padding: 5% 0 15% 0px;}
    .fx_herocontent h1 { font-size: 25px; }
	
	.fx_herocontent_forex4you {width: 100%;    padding: 5% 0 15% 0px;}
	.fx_herocontent_forex4you h1 { font-size: 20px; }
    .fx_header .icm_logo { position: relative; height: auto; padding: 17px 20px; }
    .fx_whyforex { background-image: none; background-size: cover; background-position: center; background-color: #6ba205; }
    .fx_whyforex h2 { font-size: 18px; line-height: 30px; }
    .fx_whyforex p { font-size: 18px; }
    .fx_widget { width: 100%; height: 500px; margin: 0 auto; }
    .fx_featurebox .fx_icon{margin-left: -14%;}
    .fx_pricing h2{font-size: 25px; line-height: 35px;}
    .fx_pricing p { font-size: 20px; }
    .fx_hesitate h1 { font-size: 40px; }
    .vc_footer p {text-align: center !important;     font-size: 16px;}
    .vc_footer p a{ font-size: 14px;}
}
/*--------------------------------------------------------------
## Mobile sm
--------------------------------------------------------------*/
@media only screen and (max-width: 380px) {
}
/* VC RESPONSIVE CSS */