@import url('https://fonts.cdnfonts.com/css/lemonmilk');

html body{
	overflow-x: hidden;
}
.color-gray{
	color: #2c2d2d;
}
.color-blue{
	color: #063259;
}
.color-orange{
	color:#f47206;
}
.bg-gray{
	background-color: #2c2d2d;
}
.bg-blue{
	background-color: #063259;
}
.bg-orange{
	background-color:#f47206;
}
.container{
	width:90% !important;
	max-width: 90% !important;
}

h1{
	font-family: 'Lemon/Milk', sans-serif;
}
h2, p, h5, h3, label, input, a{
	font-family: 'Poppins', sans-serif;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.logo img{
	height: 70px;
}
.navigation-bar .nav-item{
	padding: 2px 20px !important;
	transition: all 0.5s;
	font-size: 16px;
}
.navigation-bar .nav-item .nav-link{
	color: #fff;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	padding: 0px;
}
.navigation-bar .nav-item:hover .nav-link{
	transition: all 0.5s;
	border-color: #f47206;
	color: #fff;
}
.menu-section{
	background-image: url("../img/header-bg.png");
	background-size: cover;
	background-position: center;
}
.navigation-bar .btn{
	padding:5px 20px !important;
	font-size: 16px !important;
}
.navigation-bar .nav-item.active .nav-link{
	border-bottom: 1px solid #f47206;
	color: #fff;
}
.btn{
	background: #f47206;
	padding: 3px  30px !important;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	border-radius: 6px;
	border: 2px solid #f47206 !important;
	transition: all 0.5s;
	font-weight: bold;
}
.btn-small{
	background: #f47206;
	padding: 7px 10px !important;
	font-size:14px;
	color: #fff;
	text-decoration: none;
	font-family: 'Lemon/Milk light lowercase', sans-serif;
	letter-spacing: 1px;
	border-radius: 6px;
	border: 2px solid #f47206 !important;
	transition: all 0.5s;
	font-weight: bold;
}

.btn:hover, .btn-small:hover{
	background: transparent;
	color: #f47206 !important;
	transition: all 0.5s;
	text-decoration: none;
}

.banner-row h1{
	font-size: 46px;
	font-weight: bold;
	color: #063259;
	line-height: 58px;
}
.banner-row{
	padding: 50px 0px;
}
.banner-row p{
	font-weight: 600;
	font-size: 18px;
	color: #063259;
}
.banner-row img{
	height: 480px;
	float: right;
}
.section-heading h2::after{
	position: absolute;
	content: "";
	background: #f47206;
	height: 4px;
	width:70px;
	margin-top: 21px;
	margin-left: 10px;

}
.banner-row .carousel-indicators{
	margin-right: 0;
	margin-left: 0;
	justify-content: flex-start;
	bottom: -30px;
}
.banner-row .carousel-indicators li{
	background-color: #f47206;
	width: 20px;
}
.section-heading h2{
	font-size: 40px;
	font-weight: bold;
}
.trading-site-img{
	height:600px;
}
.trading-site-section{
	background-image: url("../img/site-bg.png");
	background-size: cover;
	background-position: center;

}
.iframe-section iframe{
	box-shadow: 0px 0px 20px #f1ecec;
	margin-top: 25px;
}
.inner-div{
	background-color: #eaeaea;
	padding: 30px 10px;
	text-align: center;
}
.inner-div h6{
	color: #063259;
	padding-top: 10px;
	font-weight: bold;
}
.inner-div img{
	height: 80px;
}
.border-div{
	height: 5px;
	background-color: #063259;
	margin-top:5px;
}
.trading-col{
	margin-bottom: 30px;
}
.video-div .video{
	border-radius: 50px;
}
/*.video-div::after{*/
/*	position: absolute;*/
/*	background: rgba(6,50,89,0.8);*/
/*	content: "";*/
/*	z-index: 1111;*/
/*	top: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	right: 0;*/
/*	border-radius: 50px;*/
/*}*/
.video-icon{
	position: absolute;
	right: 0;
	left: 0;
	z-index: 11111;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.video-icon img{
	height: 150px;
}
.insurance-img{
	height: 650px;
	float: right;
}
.align-row{
	align-items: center;
}
.color-inner-div{
	padding: 50px 100px;
}

.choose-inner-div .img-div{
	width: 70px;
}
.choose-inner-div .content{
	width:calc(100% - 70px);
}
.choose-inner-div p{
	margin-bottom: 0px;
	font-size: 14px;
}
.choose-inner-div{
	box-shadow: 0px 0px 20px lightgray;
	margin-bottom: 30px;
	padding: 15px;
	margin: 20px 0px !important;
	min-height: 300px;
	text-align: center;
	display: flex;
	align-items: center;
}
.about-svg-right{
	height:400px;
	width: 400px;
	opacity: 0.7;
	position: absolute;
	right: -150px;
}
.about-svg{
	height:800px;
	width: 800px;
	opacity: 0.7;
	position: absolute;
	left: -250px;
}
.left{
	margin-left: auto !important;
}
.choose-inner-div h5{
	padding: 10px 0px;
}
.plans-div{
	background-image: url("../img/plans-bg.png");
	background-size: cover;
	background-position: bottom;
	color: #fff;
	height: 600px;
	padding: 50px 20px;
	text-align: center;

}
.plans-div h3{
	font-weight: bold;
	margin-bottom: 50px;
	font-size: 40px;
}
.plans-div p{
	font-size: 24px;
}
.plans-footer{
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
}
.plans-footer .btn{
	border-radius: 0px !important;
	padding: 7px 20px !important;
	font-size: 18px !important;
	font-weight: bold;
}
.plans-col{
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.plans-div{
	background-size: auto;
	transition: 0.7s;
}
.plans-div:hover{
	background-position: center;
	/*background-repeat: no-repeat;*/
}
.profit-btn .input-group{
	height: 45px;
	width: 250px;
	border: 2px solid #f47206;
}
.profit-btn .input-group input, .profit-btn .input-group .input-group-text{
	height: 100%;
	border: 0px;
	padding: 5px 8px !important;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.profit-btn .input-group .input-group-text{
	background: #f47206;
	color: #fff;
	font-weight: 600;
	border-radius: 0px;
	font-size: 18px !important;
}
.trusted-img{
	height: 350px;
}
.calculator-form label{
	font-size: 18px;
	font-weight: 600;
	color: #676565;
}
.calculator-form input, .calculator-form select{
	border-radius: 0px;
	height: 50px;
	border-width: 2px;
	border-color: #676565;
}
.calculator-form ::placeholder, .calculator-form select{
	color: #ccc;
	font-size: 18px;
	font-weight: 600;
}
.footer-links li{
	display: block !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
}
.footer-links{
	display: block !important;
}
.footer-logo{
	height: 100px;
}
.footer-content p{
	font-size: 14px;
}
.footer-content{
	box-shadow: inset 0 -10px 10px -10px lightgray;
}

.footer-col p{
	display: flex;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
}
.footer-col i{
	margin-top: 3px;
	margin-right: 10px;
	color: #f57206 ;
	font-size: 16px;
}
.social-icons i{
	height: 35px;
	width: 35px;
	border: 2px solid;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}
.social-icons i:hover{
	background: #f57206;
	color: #fff;
	border-color:  #f57206;
	transition: all 0.5s;
}
footer, .footer-logo-div{
	background-image: url("../img/footer-bg.png");
	background-size: cover;
	background-position: center;
}
.footer-logo-div{
	padding: 30px 15px;
	background: #05223c;
	margin-top: -110px;
	position: absolute;
	border-radius: 15px;
}
.footer-logo-div img{
	height: 70px;
}
.footer-logo-div p{
	font-size: 12px;
	color: #fff;
	padding-top: 15px;
}
footer::after{
	position: absolute;
	content: "";
	background:  rgba(6,50,89,0.9);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1111;
}
footer{
	position: relative;
}
footer .container{
	position: relative;
	z-index: 1111111;
}
.social-icons li{
	list-style: none;
	display: inline-block;
	line-height: 40px;
}
.footer-links li a {
	color: #fff;
	font-size: 16px;
}
footer span{
	font-size: 16px;
}
.choose-us-section{
	position: relative;
}
.calculator-form input:focus, .calculator-form select:focus{
	box-shadow: 0px 0px 0px transparent;
	border-color: #f47206;

}
.icon1 {
	position: absolute;
	animation: rotation 8s infinite linear;
	right: 150px;
	margin-top: -5%;
	height: 40px;
	z-index: 11111;
}
.icon2 {
	position: absolute;
	animation: rotation 8s infinite linear;
	left: 150px;
	margin-top: 6%;
	height: 40px;
	z-index: 11111;
}
.icon3 {
	position: absolute;
	animation: rotation 8s infinite linear;
	right : 70px;
	margin-top: 10%;
	height: 30px;
	z-index: 11111;
}
.icon5 {
	position: absolute;
	animation: rotation 8s infinite linear;
	right : 70px;
	margin-top: 5%;
	height: 30px;
	z-index: 11111;
}
.icon4 {
	position: absolute;
	left : 70px;
	margin-top: 80%;
	height: 30px;
	animation: mymove 1s infinite;
	animation-direction: alternate;
	z-index: 1111
}
.icon6 {
	position: absolute;
	left : 70px;
	margin-top: 50%;
	height: 30px;
	animation: mymove 1s infinite;
	animation-direction: alternate;
	z-index: 111111111;
}
.trading-site-img, .header-cell-img{
	animation: mymove 1s infinite;
	animation-direction: alternate;
	z-index: 111111111;
}
.counter-section{
	background-image: url("../img/currency-bg.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 50px 0px;

}
.counter-section .container{
	position: relative;
	z-index: 1111;
	color: #fff;
}
.counter-section .container h1{
	font-size: 70px;
	font-weight: 600;
}
.counter-section::after{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background:rgba(6,50,89,0.9);
	/*z-index: 11111;*/
}
#counter::after{
	position: absolute;
	content: "";
	height: 70px;
	width: 1px;
	background-color: #fff;
	margin-left: 50%;
	margin-top: -40px;
}
#counter.border-none::after{
	display: none;
}
.enviroment-section{
	background-image: url("../img/enviroment-bg.jpg");
	background-size: cover;
	background-position: center;
}
.mercedees-logo {
	height: 30px;
}
.upper-footer{
	flex-wrap: wrap;
}
@keyframes mymove {
	0%   {margin-top: 0px;}
	100% {margin-top: 15px;}
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}
.mobile-login-btn{
	display: none;
}


@media only screen and (max-width: 1200px){
	.container{
		width: 100% !important;
		max-width: 100% !important;
	}
}
@media only screen and (max-width: 1024px){
	.banner-row img, .trading-site-img, .trusted-img{
		height: auto;
	}
	h1{
		font-size: 36px !important;
		line-height: 45px !important;
	}
	.color-inner-div{
		padding: 20px 60px;
	}
	.section-heading h2{
		font-size: 30px;
	}
	.inner-div{
		padding: 30px 2px;
	}
	.banner-row{
		padding-bottom: 60px;
	}
}
@media only screen and (max-width: 992px){
	.insurance-img{
		float: none;
	}
}
@media only screen and (max-width: 767px){
	.section-heading h2{
		font-size: 20px;
	}
	.section-heading h2::after{
		width: 50px;
		margin-top: 10px;
	}
	.trusted-img{
		margin-top: 40px;
	}
	.video-icon img {
		height: 60px;
	}
	.video-div::after, .video-div .video{
		border-radius: 22px;
	}
	.navbar-light .navbar-toggler-icon{
		background-image: none;
	}
	.navbar-light .navbar-toggler{
		padding: 0px !important;
		border:0px;
		color: #fff;
	}
}
@media only screen and (max-width: 576px){
	p{
		font-size: 12px !important;
	}
	h1{
		font-size: 20px !important;
		line-height: 24px !important;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 16px;
	}
	h5{
		font-size: 14px;
	}
	.color-inner-div{
		padding: 10px 20px;
	}
	.plans-div p{
		font-size: 16px;
	}
	.plans-div h3 {
		margin-bottom: 30px;
		font-size: 28px;
	}
	.plans-div{
		height: 490px;
	}
	.section-heading h2::after{
		display: none;
	}
	.banner-row{
		padding: 40px 0px !important;
	}
	.container-fluid{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.menu-section{
		background-size: auto;
		background-position: right 73% bottom 45%;
	}
	.menu-section .carousel-item p{
		height: 65px;
		display: flex;
		align-items: center;
	}
	.menu-section nav .navigation-bar, .menu-section .navbar-toggler-icon{
		display: none;
	}
	.mobile-login-btn{
		display: inline-block;
		padding: 3px 10px !important;
	}
	.btn{
		font-size: 14px !important;
	}
	.about-svg {
		height: 300px;
		width: 400px;
		left: -100px;
	}
	.about-svg-right {
		height: 400px;
		width: 400px;
		position: absolute;
		right: -2px;
		bottom: 0;
	}
	.icon3 {
		margin-top:80%;
	}
	.icon6{
		left: 15px;
	}
	.icon5{
		margin-top: 22%;
	}
	.icon1{
		margin-top: -13%;
	}
}