/*	GRID
/*====================================================================*/
.container { 
	min-width: 320px;
	max-width: 1280px;
	height: auto;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 40px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float: left;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/* Extra Small */
@media only screen and (min-width: 320px) {
	.col-xs-12 { width: 100%; }
	.col-xs-11 { width: 91.66666667%; }
	.col-xs-10 { width: 83.33333333%; }
	.col-xs-9 { width: 75%; }
	.col-xs-8 { width: 66.66666667%; }
	.col-xs-7 { width: 58.33333333%; }
	.col-xs-6 { width: 50%; }
	.col-xs-5 { width: 41.66666667%; }
	.col-xs-4 { width: 33.33333333%; }
	.col-xs-3 { width: 25%; }
	.col-xs-2 { width: 16.66666667%; }
	.col-xs-1 { width: 8.33333333%; }
}

/* Small */
@media only screen and (min-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }
}

/* Medium */
@media only screen and (min-width: 1024px) {
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
}

/* Large */
@media only screen and (min-width: 1200px) {
 	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
}

.pr5px { padding-right: 5px; }
.pl5px { padding-left: 5px; }

.pr10px { padding-right: 10px; }
.pl10px { padding-left: 10px; }

.pr15px { padding-right: 15px; }
.pl15px { padding-left: 15px; }

.pr20px { padding-right: 20px; }
.pl20px { padding-left: 20px; }

.pr30px { padding-right: 30px; }
.pl30px { padding-left: 30px; }

.pr40px { padding-right: 40px; }
.pl40px { padding-left: 40px; }

/* use for five columns */
.col-lg-20pc, .col-md-20pc, .col-sm-20pc, .col-xs-20pc  {
	float: left;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
@media only screen and (min-width: 320px) {
	.col-lg-20pc { width: 20%; }
}
@media only screen and (min-width: 768px) {
	.col-md-20pc { width: 20%; }
}
@media only screen and (min-width: 1024px) {
	.col-sm-20pc { width: 20%; }
}
@media only screen and (min-width: 1200px) {
	.col-xs-20pc { width: 20%; }
}

/*	COMMON
/*====================================================================*/
html {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
body {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	}

section {
	padding: 60px 0px;
}

.block {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
	
.desktop { display: block !important; }
.mobile { display: none !important; }

.left { float: left !important; }
.right { float: right !important; }

/*	TYPOGRAPHY
/*====================================================================*/
html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: 300;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Signika', sans-serif;
	margin: 0px 0px 20px;
	font-weight: 300;
	}
	
h1 { font-size: 50px; line-height: 50px; }	
h2 { font-size: 40px; line-height: 40px; }	
h3 { font-size: 32px; line-height: 36px; }	
h4 { font-size: 28px; line-height: 30px; }	
h5 { font-size: 22px; line-height: 24px; }	
h6 { font-size: 18px; line-height: 22px; }	

p { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin: 0px 0px 20px 0px;	
	}
p.small {
	font-size: 16px;
	line-height: 18px;
	font-weight: 300; 
	}
p.xsmall {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300; 
	}	
p.large {
	font-size: 20px;
	line-height: 26px;
	font-weight: 300; 
	}
	
ul {
	margin: 0px 0px 30px;
	padding: 0px;
	list-style: inside;
	}
	li {
		font-family: 'Signika', sans-serif;
		color: #393939;
		margin: 0px 0px 10px 0px;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
		}
		li.large {
			font-family: 'Roboto', sans-serif;
			color: #393939;
			font-size: 16px;
			padding: 0px 0px 0px 40px;
			margin: 0px 0px 5px;
			list-style-position: inside;
			text-indent: -15px;
			font-weight: 300;
			line-height: 28px;
			}
		ul.normal { 
			list-style: disc;
			list-style-position: inside;
			text-indent: -15px;
			padding: 0px 0px 0px 15px;
			}
ol {
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: inside none disc;
	}
	ol li {
		font-family: 'Signika', sans-serif;
		color: #393939;
		list-style-position: inside;
		}
	
input, select, textarea {
	font-family: 'Signika', sans-serif;
	font-size: 14px;
	font-weight: 300;
	}
	
.button {
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	text-decoration: none;
}	

.roboto { font-family: 'Roboto'; }
.signika { font-family: 'Signika'; }
	
.text-center { text-align: center; }

.light { font-weight: 300 !important; }
.medium { font-weight: 500 !important; }
.semibold { font-weight: 400 !important; }

	
/*	FORMS
/*====================================================================*/
form { margin: 10px 0px; float: left; width: 100%; }

input[type="search"] {
	background-color: #ffffff;
	border: 0px;
	padding: 0px 10px;
	box-sizing: border-box;
}

input[type="text"], input[type="email"], select { 
	background-color: #f2f2f2;
	padding: 10px 0px 10px 20px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	width: 100%;
	margin: 0px 0px 10px;
	height: 50px; 
	font-size: 18px;
	color: #b3b3b3;
	}
	.dropdown {
		background-image: url("../images/select_down.png");
		background-position: right 10px center;
		background-repeat: no-repeat;
		cursor: pointer;
		 appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		}

input:required:valid, textarea:required:valid, select:required:valid {
    color: #1a7ced !important;
    font-weight: 600 !important;
	border: 1px solid #393939;
	background-color: #ffffff;
}

input[type="submit"] {
	width: 100%;
}

input[type="submit"]:hover {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

textarea {
	background-color: #f2f2f2;
	font-size: 18px;
	color: #b3b3b3;
	padding: 10px 0px 10px 20px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	width: 100%;
	margin: 0px 0px 10px;
	resize: vertical;
	min-height: 200px;
}

.button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	outline: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	border: 0px solid #333333;
	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.btn-xsmall {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 0px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	}

.btn-small {
	padding: 10px 20px !important;
	font-size: 14px !important;
	border-radius: 0px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	}
	
.btn-medium {
	padding: 20px 10px !important;
	font-size: 16px !important;
	border-radius: 4px !important; 
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	}

.btn-large {
	padding: 20px 40px;
	font-size: 20px;
	}
	

/*	THEME
/*====================================================================*/
body {
	background-color: #ffffff;
	color: #393939;
	width: 100%;
	float: left;
	}
.wrapper .content h2, .wrapper .content h3, .wrapper .content h4, .wrapper .content h5, .wrapper .content h6 { 
	font-family: 'Signika', sans-serif;
	margin: 40px 0px 5px;
	font-weight: 300;
	}

a { text-decoration: none; }	
	
/* text color */	
.red { color: #bfa94f; }
.black { color: #393939; }
.grey { color: #999999; }
.white { color: #ffffff; }
.blue { color: #1a7ced; }
.light-blue { color: #a5afb3; }
.dark-blue { color: #1f3943; }
.bold-green { color: #4d7b24; }
.green { background-color: #24414c; }

/* background color */

/* btn tstyles */
.btn-green { background-color: #4d7b24 !important; color: #ffffff !important; border: 1px solid #4d7b24; }
	.btn-green:hover { 
		background-color: #719650 !important; 
		color: #ffffff !important; 
		border: 1px solid #719650 !important;
		}

.btn-red { background-color: #bfa94f !important; color: #ffffff; border: 1px solid #bfa94f; }
	.btn-red:hover { 
		background-color: #aa9331 !important; 
		color: #ffffff !important;  
		border: 1px solid #aa9331; 
		}
.btn-trgreen { background-color: transparent !important; color: #4d7b24 !important; border: 1px solid #4d7b24; }
	.btn-trgreen:hover { 
		background-color: #719650 !important; 
		color: #ffffff !important; 
		border: 1px solid #719650 !important;
		}

.btn-trred { background-color: transparent !important; color: #bfa94f; border: 1px solid #bfa94f; }
	.btn-trred:hover { 
		background-color: #aa9331 !important; 
		color: #ffffff !important;  
		border: 1px solid #aa9331; 
		}
		
.btn-blue { background-color: #ffffff !important; color: #1a7ced; border: 1px solid #1a7ced; }
	.btn-blue:hover { background-color: #1a7ced !important; color: #ffffff; border: 1px solid #1a7ced; }
	
.btn-dark-blue { background-color: transparent !important; color: #1f3943; border: 1px solid #1f3943; }
	.btn-dark-blue:hover { 
		background-color: #1f3943 !important; 
		color: #ffffff;
		border: 1px solid #1f3943 !important;
		}

.btn-white { background-color: transparent !important; color: #ffffff; border: 1px solid #ffffff; }
	.btn-white:hover { 
		background-color: #ffffff !important; 
		color: #333333 !important;
		border: 1px solid transparent !important;
		}	
	
.btn-white-green { background-color: transparent !important; color: #a6bd91 !important; border: 1px solid #a6bd91; }
	.btn-white-green:hover { 
		background-color: #ffffff !important; 
		color: #4d7b24;
		border: 1px solid transparent !important;
		}
.btn-cta { min-width: 190px; }		
		

/*	Subpage
/*====================================================================*/			

.calculators { margin: 40px 0px 30px; }
	.calculator-wrapper {margin: 0;display: block;width: 100%;}	
		.calculator {
			border: 1px solid #393939;
			padding: 30px;
			margin: 0px 0px 20px;
			box-sizing: border-box;
			float: left;
			width: 100%;
			}
			.calculator .result-value { 
				padding: 10px 0px;
				min-height: 30px;
				}
			.calculator input.calculate  { max-width: 200px; }
			.calculator .result { 
				border: 1px solid #393939;
				font-weight: 600;
				height: 50px;
				line-height: 50px;
				margin: 0px 0px 10px;
				box-sizing: border-box;
				padding: 0px 0px 0px 20px;
				}
				.calculator .result-box { 
					border: none !important;
					padding: 0px 0px 0px 10px;
					height: 20px;
					line-height: 20px;
					}
			p.instructions {
				float: left;
				padding: 0px 20px;
				min-height: 100px;
				}
			.calculator select { 
				background-color: #ffffff;
				padding: 10px 0px 10px 20px;
				box-sizing: border-box;
				border: 1px solid #393939;
				width: 100%;
				font-weight: 600;
				margin: 0px 0px 10px;
				height: 50px; 
				font-size: 18px;
				color: #1a7ced;
				}	
			.calculator input:required:valid, .calculator select:required:valid {
				color: #1a7ced  !important;
				font-weight: 600 !important;
				border: 1px solid #393939;
				background-color: #ffffff;
				}
.account { margin: 0px 0px 40px; }
	.account .tabs-widget, .account .tabs-widget .tab-content { margin: 20px 0px; }
		.account .table a.instrument:hover, .account .table table tbody tr:hover a.instrument{ color: #bfa94f; }
	.account .account-box  a.read-more { 
		padding: 5px; 
		border: 1px solid transparent;
		}
		.account .account-box  a.read-more:hover { 
			padding: 5px; 
			border: 1px solid #bfa94f;
			background-color: #bfa94f;
			color: #ffffff;
			}
	.account .accordionPage .text-content { padding: 20px 20px 0px; }
					
					
/*	MEDIA QUERIES
/*====================================================================*/

@media only screen and (min-width : 320px) and (max-width : 1024px) {
.desktop { display: none !important; }
.mobile { display: block !important; }	
.container { padding: 0px 20px; }
section { padding: 50px 0px; }
p, p.large { 
	font-size: 16px;
	line-height: 22px;
	}
h1 { font-size: 35px; line-height: 35px; }	
h2 { font-size: 30px; line-height: 30px; }	
h3 { font-size: 28px; line-height: 32px; }	
h4 { font-size: 24px; line-height: 28px; }	
h5 { font-size: 20px; line-height: 22px; }	
h6 { font-size: 16px; line-height: 20px; }	
	
.header-bottom .logo  {
	width: 160px;
	height: auto;
	position: relative;
	}    
section h3.title {
	font-size: 30px;
	line-height: 30px;
	}

section.platforms, section.charts, section.secure { 
	background-size: auto 100%;
	}
	
.wrapper .content { padding: 0px; }
.sidebar { padding: 0px; }
.open-account-widget { text-align: center; }
.open-account-widget a.live, .open-account-widget a.demo { max-width: 300px; }
/* Mega Menu */	
.mega-menu-wrapper { top: 198px; }
	.mega-menu-wrapper .right-side { padding: 0px; }	
section.charts .chart-text { margin: 60px 0px 30px; }

}

@media only screen and (min-width : 320px) and (max-width : 480px) {	
.main-wrapper .usps h1 {
    font-size: 40px;
    line-height: 40px;
	}
	.main-wrapper .usps .btn-cta { width: 100%; margin: 0px; }
.charts-widget .chart-content .canvas-wrapper { padding: 0px 0px 0px 10px; }
	.charts-widget .chart-content .values p.value { font-size: 14px; }
.charts-widget ul.charts-menu li {
    font-size: 14px;
    padding: 5px 10px;
	}
section.trading .trade-col { padding: 30px 0px 50px }
	.trade-widget .accounts-content ul.points li, 
	.trade-widget .instruments-content ul.points li, 
	.trade-widget .conditions-content ul.points li { padding: 0px 0px 0px 20px; }
.btn-cta { min-width: auto; }
.image-box .ceo-details { right: 5px; text-align: right; }
.providers-widget ul.providers-menu li { padding: 5px; }
footer .footer .right-side ul.page-cta li { font-size: 12px; }
	
}

@media only screen and (min-width : 320px) and (max-width : 768px) {
header { max-height: 80px; }
.header-top, .header-bottom { display: none !important; }
.main-wrapper .usps h1 {
	font-size: 40px;
	line-height: 40px;
	}
footer .footer .left-side, footer .footer .right-side { padding: 0px; }

.responsive-menu { display: block !important; padding: 20px 0px; }
	.responsive-menu .right-nav  { display: none; }
	
/* Show buttons in toggle menu when screen is <768px */							
.toggle-menu ul.header-menu li a.login, .toggle-menu ul.header-menu li a.live,
.toggle-menu ul.header-menu li a.chat, .toggle-menu ul.header-menu li a.contact, 
.toggle-menu ul.header-menu li a.support { display: block; }			

ul.document-list li { float: left; width: 100%; }
	ul.document-list li:hover a.btn-download {
		float: right;
		}
.cform .row { padding: 0px 10px; }
	.cform  input.submit { max-width: 300px; }
.trading .pl20px, .trading .padding-right { padding: 0px; }
.note-box p.platform-note { 
	text-align: center;
	padding: 10px 0px;
	line-height: 24px;
	}
	.note-box .meta-logo, .note-box .cta-register { text-align: center; }	
.calculator-wrapper.pl10px, .calculator-wrapper.pr10px, .calculator .pl20px, .calculator .pr20px,
.calculator .pl10px, .calculator .pr10px { padding: 5px !important; }

section.options .option {
    border-right: none;
    margin: 25px 0px;
	}
	.options .option h2 { font-size: 30px; }
		.options .option .option-image { padding: 0px !important; }	
.all-accounts .pl10px, .all-accounts .pr10px { padding: 0px; }	
}