.box-container * p { margin-bottom:0 !important; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:inherit !important; }
.box-container * { font-family:'Roboto', sans-serif; }

.top-wrapper { width:100%; }
	.top { max-width:calc(100% - 40px); position:relative; margin:0 auto; height:90px; }
		.logo { position:absolute; left:0; top:20px; }
			.logo img { max-width:100%; height:50px; }

.maint-wrapper { width:100%; }
	.maint { max-width:1580px; position:relative; margin:0 auto; padding-top:60px; }
		.main-warning { background: #E9F6FD; border: 1px solid #CFE3EE; border-radius: 5px; display:table; margin:30px auto 100px; }
			.main-warning > p { position:relative; font-size: 18px; line-height: 26px; color: #707070; padding:10px 20px 10px 38px; }
			.main-warning > p:before { content:'New'; font-size:10px; line-height:12px; color:#fff; text-transform:uppercase; padding:0 3px; background: #3498DB; border-radius: 0px 1px 1px 0px; position:absolute; left:0; top:17px; }
		.maint > h2 { font-weight: 700; font-size: 60px; line-height: 72px; text-align: center; color: #000; padding: 70px 0 20px; margin:0 !important; }
		.maint > p { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #707070 !important; padding-bottom: 40px; margin:0 !important; }

		.main-blocks { padding-top:30px; position:relative; display:table; margin:0 auto; }
		.maint > video { width:551px; height:381px; background:url('../images/forecast-example.png') no-repeat 50% 50% / contain; margin:20px auto; display:block; }
		.maint > video::-webkit-media-controls { display:none !important; }
		.maint > video::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; }
		.maint > video::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; }
		.maint > video::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; }
			.main-blocks > div { width:calc(33% - 100px); margin:0 50px 70px; float:left; }
			.main-blocks > div:nth-child(3n-2) { clear:both; }
				.main-blocks > div > h3 { font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; color: #000; padding-bottom:4px; }
				.main-blocks > div > p { font-size: 18px; line-height: 26px; text-align: center; color: #707070; }
					.main-blocks > div > p a { color:#007FD8 !important; }
					.main-blocks > div > p a:hover { text-decoration:underline; }

.how-works-wrapper { width:100%; }
	.how-works { max-width:1580px; position:relative; margin:0 auto; padding-bottom:100px; }
		.how-works > h2 { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #000; padding-bottom:45px; margin:0 !important; }
		.how-works-blocks { display:table; margin:0 auto; }
			.how-works-blocks > div { width:calc(33% - 100px); margin:0 50px 70px; float:left; }
			.how-works-blocks > div:nth-child(3n-2) { clear:both; }
				.step { font-size: 9px; line-height: 19px; padding:0 11px; text-align: center; color: #707070; background: #F1F1F1; border-radius: 2px; display:table; margin:0 auto 20px; text-transform:uppercase; }
				.how-works-blocks > div > img { max-width:100%; display:table; margin:0 auto 20px; }
				.unstep > img { margin:39px auto 31px !important; }
				.how-works-blocks > div > p { font-size: 14px; line-height: 20px; text-align: center; color: #707070; }

		.blue-link { display:table; margin:0 auto; }
			.blue-link > a { background: #007FD8; border-radius: 50px; display:block; font-weight: 500; font-size: 18px; line-height: 60px; text-transform: uppercase; color: #FFF !important; padding:0 60px; text-decoration:none !important; }
			.blue-link > a:hover { opacity:0.8; }

.comission-wrapper { width:100%; }
	.comission { max-width:790px; position:relative; margin:0 auto; padding-bottom:100px; }
		.comission > h2 { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #000; padding-bottom:20px; margin:0 !important; }
		.comission > p { font-size: 18px; line-height: 26px; text-align: center; color: #707070 !important; position:relative; padding-top:120px; margin:0 !important; }
		.comission > p:before { content:''; position:absolute; top:0; width:100px; height:100px; left:calc(50% - 50px); background:url('../images/comission10.svg') no-repeat 50% 50% / contain; }

.demo-contest-wrapper { width:100%; }
	.demo-contest { max-width:790px; position:relative; margin:0 auto; padding-bottom:100px; }
		.demo-contest > h2 { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #000; padding-bottom:20px; margin:0 !important; }
		.demo-contest > p { font-size: 18px; line-height: 26px; text-align: center; color: #707070 !important; position:relative; padding:20px 0; margin:0 !important; }
		.demo-contest > img { display:table; margin:0 auto; max-width:100%; }
		.black-link { display:table; margin:0 auto; }
			.black-link > a { background: #222426; border-radius: 50px; padding:0 60px; font-weight: 500; font-size: 16px; line-height: 50px; text-transform: uppercase; color: #fff !important; text-decoration:none !important; display:block; }
			.black-link > a:hover { opacity:0.8; }

.trade-tools-wrapper { width:100%; padding-bottom: 50px; }
	.trade-tools { max-width:1410px; position:relative; margin:0 auto; }
		.trade-tools > h2 { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #000; padding-bottom:50px; margin:0 !important; }
		.trade-tools-blocks { display:table; margin:0 auto; }
			.trade-tools-blocks > a { width:440px; height:359px; margin:0 14px 30px; float:left; position:relative; border: 1px solid #ECECEC; border-radius: 5px; display:block; text-decoration:none !important; cursor:pointer; }
			.trade-tools-blocks > a:nth-child(4) { clear:both; margin-left:235px; }
			.trade-tools-blocks > a:hover { box-shadow:0 4px 4px rgba(0,0,0,.1); }
			.trade-tools-blocks p { text-align:center; padding-top: 40px; font-weight: 700; font-size: 24px; line-height: 30px; color: #007FD8 !important; }

.specification-wrapper { width:100%; background:#F1F1F1; margin-bottom: 50px; }
	.specification { max-width:1280px; position:relative; margin:0 auto; }
		.specification h2 { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #000; margin:0 !important; padding:45px 0; }
		.specification p { font-size: 13px; line-height:19px; color: #717171; margin:0 !important; padding-bottom:50px; padding-left:9px; position:relative; }
		.specification p:before { content:''; position:absolute; left:0; top:7px; width:4px; height:4px; line-height:19px; background:#717171; border-radius:2px; }
		.specification-tabs { padding-bottom:50px; }
			.spec-tab { }
			.spec-tab.active {  }
				.spec-tab > h3 { font-weight: 500; font-size: 18px; line-height: 26px; color:#007FD8; padding-bottom:20px; margin:0 !important; position:relative; padding-right:25px; cursor:pointer; display: inline-block; }
				.spec-tab > h3:hover { text-decoration:underline; }
				.spec-tab > h3:after { position:absolute; content:''; right:0; top:8px; background:url('../images/blue-arrow.svg') no-repeat; width:15px; height:15px; }
				.spec-tab.active > h3 { color: #000; }
				.spec-tab.active > h3:after { display:none; }
				.spec-tab > table { display:none; margin-bottom: 30px; border: 0px transparent; border-collapse: separate; border-spacing: revert; }
				.spec-tab.active > table { display: table; }
					.spec-tab > table th { font-size: 12px; line-height: 18px; color: #5A5A5A; text-align:center; font-weight: 400; padding: 5px 10px; border: 0 !important; }
					.spec-tab > table tr td { line-height: 32px; font-size: 13px; font-weight: 400; padding:5px 10px; background: #FFFFFF !important; border-radius:3px; }
					.spec-tab > table tr td:first-child { padding-right:0; width: 72px; }
					.spec-tab > table tr td a { font-weight: 700; font-size: 13px; line-height: 19px; color: #007FD8; text-decoration:none; }
					.spec-tab > table tr td a:hover { text-decoration: underline; }
					.spec-tab > table tr td img+img { margin-left:1px; }
					.mob-label { display:none; margin-left:10px; }
					.highcharts-exporting-group { display:none; }
					table .red { color:#FF4B55 !important; }
					table .green { color:#47BF94 !important; }
					.fulltitle { white-space: nowrap; }

					.svg-box > div { float:left; width:30px; height:20px; }
					.svg-box > div + div { margin-left:1px; }
					.svg-box > div svg { width:100%; height:100%; }

.faq-wrapper { width:100%; }
	.faq { max-width:1400px; position:relative; margin:0 auto; padding-bottom:100px; }
		.faq > h2 { font-weight: 500; font-size: 36px; line-height: 44px; color: #000; padding-bottom:45px; margin:0 !important; }
		.faq-blocks > div { padding-bottom:45px; }
			.faq-blocks > div > h3 { font-weight: 500; font-size: 24px; line-height: 30px; color: #000; margin:0 !important; }
			.faq-blocks > div > p { font-size: 18px; line-height: 26px; color: #333333; }
			.faq-blocks > div > p + p { padding-top:10px; }
			.faq-blocks > div > p a { color:#007FD8 !important; text-decoration:none; }
			.faq-blocks > div > p a:hover { text-decoration:underline; }

.contract-conditions-wrapper { width:100%; padding-bottom:100px; padding-top: 100px; margin-top: -100px; }
	.contract-conditions { max-width:1380px; position:relative; margin:0 auto; }
		.contract-conditions > h2 { font-weight: 500; font-size: 36px; line-height: 44px; color: #000; padding-bottom:45px; margin:0 !important; }
		.contract-conditions ol { list-style:none; counter-reset: num; padding: 0 !important; }
			.contract-conditions ol li { position:relative; padding-left:50px; font-size: 18px; line-height: 26px; color: #333333; margin-bottom: 12px; }
            .contract-conditions ol li:before { position: absolute; left:0; top:0; font-size: 18px; line-height: 26px; color: #333333; }
            .contract-conditions ol li ol { margin-top: 12px; }
			.contract-conditions > ol > li:before { content: counter(num)"."; counter-increment: num; }
            .contract-conditions > ol > li > ol { counter-reset: num2; }
            .contract-conditions > ol > li > ol > li { counter-increment: num2; }
            .contract-conditions > ol > li > ol > li:before { content: counter(num) '.' counter(num2); }
            .contract-conditions > ol > li > ol > li > ol { counter-reset: num3; }
            .contract-conditions > ol > li > ol > li > ol > li { counter-increment: num3; padding-left: 60px; }
            .contract-conditions > ol > li > ol > li > ol > li:before { content: counter(num) '.' counter(num2) '.' counter(num3); }

html[lang=ar] .main-warning > p, html[lang=fa] .main-warning > p { padding: 10px 38px 10px 20px; }
html[lang=ar] .main-warning > p:before, html[lang=fa] .main-warning > p:before { left: auto; right: 0; }
html[lang=ar] .main-blocks > div, html[lang=fa] .main-blocks > div { float: right; }
html[lang=ar] .how-works-blocks > div, html[lang=fa] .how-works-blocks > div { float: right; }
html[lang=ar] .trade-tools-blocks > a, html[lang=fa] .trade-tools-blocks > a { float: right; }
html[lang=ar] .trade-tools-blocks > a:nth-child(4), html[lang=fa] .trade-tools-blocks > a:nth-child(4) { margin-left: auto; margin-right: 235px; }
html[lang=ar] .faq *, html[lang=fa] .faq * { text-align:right; }
html[lang=ar] .contract-conditions ol li, html[lang=fa] .contract-conditions ol li { padding-left:0px; padding-right:50px; }
html[lang=ar] .contract-conditions ol li:before, html[lang=fa] .contract-conditions ol li:before { left:auto; right:0; }
html[lang=ar] .contract-conditions > ol > li > ol > li > ol > li, html[lang=fa] .contract-conditions > ol > li > ol > li > ol > li { padding-right: 60px; }

@media (max-width:1600px) {
	.maint { padding:40px 20px 0; }
	.maint > h2 { font-size: 40px; line-height: 50px; }
	.maint > p { font-size: 28px; line-height: 36px; }
	.main-blocks > div > h3 { font-size: 22px; line-height: 28px; }
	.main-blocks > div > p { font-size: 16px; line-height: 24px; }

	.how-works { padding:0 20px 100px; }
}

@media (max-width:1450px) {
	.trade-tools { padding:0 20px; }
	.trade-tools-blocks { width:100%; }
	.trade-tools-blocks > a { width: calc(50% - 30px); margin: 0 14px 30px !important; clear: inherit !important; }
	.faq { padding:0 20px 100px; }

	.contract-conditions { padding:0 20px; }
}

@media (max-width:1300px) {
	.specification { padding: 0 20px; }
}

@media (max-width:1000px) {
	.main-blocks > div { width: calc(33% - 30px); margin: 0 15px 50px; }
	.how-works-blocks > div { width: calc(33% - 30px); margin: 0 15px 50px; }
	.comission, .demo-contest { padding:0 20px 60px; }

	.specification table { width: 100%; }
	.specification table > thead { display:none; }
    .specification table tr { display:block; }
    .specification table tr { clear:both; margin-bottom:4px; border-radius:3px; display:table; padding: 5px 0; background: #fff; width: 100%; }
	.specification table tr td { padding:5px 10px; display:none; font-weight: 700 !important; font-size: 12px !important; line-height: 18px !important; color: #586A90 !important; width: calc(50% - 20px) !important; float: left; background:transparent; border:0; }
    .specification table tr td:before { content: attr(aria-label); display:none; font-weight: 400; font-size: 12px; line-height: 18px; color: #909090; }
	.specification table tr td.mob-show { width:100% !important; }
	.mob-label { display:inline; }
	.fulltitle, .no-mob { display: none !important; }
	.mob-show { position:relative; display:block !important; cursor:pointer; }
	.mob-show:after { content:''; width:16px; height:10px; background:url('../images/arrow.svg') no-repeat; position:absolute; right:20px; top:calc(50% - 5px); }
	tr.active .mob-show:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	.specification table tr.active td, .specification table tr.active td:before { display:block; }
}

@media (min-width:780px) {
	.trade-tools-blocks > a > img { display:none; }
	.trade-tools-blocks > a:before { content:''; position:absolute; }
	#ttb1:before { width:400px; height: 222px; top:88px; left:calc(50% - 200px); background:url('../images/trade1.jpg') no-repeat; }
	#ttb2:before { width:333px; height: 250px; top:74px; left:calc(50% - 166px); background:url('../images/trade2.jpg') no-repeat; }
	#ttb5:before { width:430px; height: 107px; top:146px; left:calc(50% - 215px); background:url('../images/trade3.jpg') no-repeat; }
	#ttb4:before { width:430px; height: 203px; top:78px; left:calc(50% - 215px); background:url('../images/trade4.jpg') no-repeat; }
	#ttb3:before { width:377px; height: 122px; top:118px; left:calc(50% - 189px); background:url('../images/trade5.jpg') no-repeat; }

}
@media (max-width:780px) {
	.main-warning > p { font-size: 14px; line-height: 20px; }
	.main-warning > p:before { top: 14px; }
	.maint > h2 { font-size: 30px; line-height: 38px; }
	.maint > p { font-size: 17px; line-height: 25px; }
	.main-blocks > div { width: auto; float:none; margin:0 0 45px; }
	.how-works-blocks > div { width: auto; float:none; margin:0 0 45px; }
	.trade-tools-blocks { width:100%; }
	.trade-tools-blocks > a { width: calc(100% - 30px); float:none; margin: 0 15px 30px !important; height:auto; }
	.trade-tools-blocks > a:before { display:none; }
	.trade-tools-blocks p { padding-top:20px; font-size:18px; line-height:26px; }
	.trade-tools-blocks > a > img { display:table; margin:0 auto; max-width: calc(100% - 40px); padding:0 20px; }
	.how-works > h2, .comission > h2, .demo-contest > h2, .trade-tools > h2, .faq > h2, .contract-conditions > h2 { font-size:24px; line-height:32px; text-align:center; }

	.faq-blocks > div > h3 { font-size:18px; line-height:26px; padding-bottom:10px; }
	.faq-blocks > div > p { font-size: 15px; line-height: 21px; color: #707070; }

	.maint > video { width: 100%; height: auto; }

	.contract-conditions ol li { padding-left: 40px; font-size: 15px; line-height: 21px; }
	html[lang=ar] .contract-conditions ol li, html[lang=fa] .contract-conditions ol li { padding-left:0px; padding-right:40px; }
	.contract-conditions ol li:before { font-size: 15px; line-height: 21px; }
}

@media (max-width:680px) {
	.main-blocks { padding-top: 20px; }
	.main-blocks:before { left: calc(50% - 138px); width: 275px; height: 190px; background-size: contain; }
}

@media (max-width:580px) {
	.contract-conditions ol li { padding:40px 0 0 !important; }
    .contract-conditions > ol > li > ol { padding-left: 10px !important; }
    .contract-conditions > ol > li > ol > li > ol { padding-left: 20px !important; }

    html[lang=ar] .contract-conditions > ol > li > ol, html[lang=fa] .contract-conditions > ol > li > ol { padding-right: 10px !important; }
    html[lang=ar] .contract-conditions > ol > li > ol > li > ol, html[lang=fa] .contract-conditions > ol > li > ol > li > ol { padding-right: 20px !important; }
}

@media (max-width:480px) {
	.specification table tr td { width: 100% !important; }
}

@media (max-width:380px) {
	.blue-link > a { padding:0 30px; font-size:16px; }
	.black-link > a { padding:0 30px; }
}