* {box-sizing: border-box !important;}
body, html {background: #000; color: #393939; font-family: 'Roboto', Arial, Helvetica, sans-serif; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 20px;}
a {color: #8F001C; text-decoration: none;}
a:hover {color: #da5854}
a:visited {color: #bd4946}
p {line-height: 165%; margin: 5px 0 30px 0;}
b {font-weight: bold;}
:hover {-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}

input {border: none; padding: 8px 12px; font-size: 15px;}
.mobile {display: none;}
img {border: none !important; margin: 0;}

.container {width: 70%; margin: 0 auto; overflow: hidden;}
.headline {font-size: 50px; color: #8F001C; margin: 15px 0 40px 0;}

.site-holder {width: 100%;}

.social-bar {overflow: hidden;}
.social-bar a {display: block; text-align: center; float: left; width: 33.33333%; padding: 20px;}
.social-bar a.icon img {display: block; float: left; height: 60px; border: none !important;}

.social-bar a.icon:nth-child(1) {background: #4875B4;}
.social-bar a.icon:nth-child(2) {background: #3b5998;}
.social-bar a.icon:nth-child(3) {background: #4099FF;}

.slideshow {height: 440px; background: #fcf8e3; /* padding: 50px 25px; */ overflow: hidden;}

.intro {position: relative; background: url('../img/intro-bg.jpg') no-repeat center bottom; background-size: cover; padding: 20px; height: 600px;}
.intro .email-signup {position: absolute; bottom: 100px; right: 70px; color: #fff; overflow: hidden; background: rgba(0,0,0,0.7); padding: 20px 20px; border: 5px solid #F90;}
.intro .email-signup h3 {text-transform: uppercase; font-size: 30px; font-weight: bold;}
.intro .email-signup h4 {text-transform: uppercase; font-size: 22px; color: #9a9a9a;}
.intro .email-signup form {margin: 10px 5px;}
.intro .email-signup form input{ float: left;}
.intro .email-signup form .submit {color: #fff; background: #8F001C; cursor: pointer; float: left; font-weight: bold;}
.intro .email-signup form .submit:hover {background: #FFA500; color: #000;}
.intro .email-signup .message{float: left; display: block; padding: 10px; font-size: 15px;}

header {position: fixed; background: rgba(0,0,0,0.9); width: 100%; z-index: 999; height: 80px;}
header .logo {float: left; margin: 20px 10px;}
header .menu {float: right;}
header .menu ul {border: 0px solid red; margin: 30px 20px 10px 20px; font-size: 17px;}
header .menu ul li {display: inline-block; margin: 5px 15px; text-transform: uppercase;}
header .menu ul li a {color: #f1f1f1;}
header .menu ul li a:hover {color: #FFA500}
header .menu ul li:last-child a {color: #FFA500; font-weight: bold;}

header .mob-menu .mob-menu-icon {float: right; width: 44px; padding: 4px 8px; cursor: pointer;}
header .mob-menu .mob-menu-icon span {display:block; width: 100%; height: 4px; background: #fff; margin: 5px 0; font-size: 0px;}
header .mob-menu .mob-menu-items {display: none; width: 100%; float: left; position: absolute; background: #000; margin-left: 0; margin-top: 50px;} 
header .mob-menu .mob-menu-items ul li {display: block; width: 100%; padding: 15px 20px; border-bottom: 1px dotted #474747;}
header .mob-menu .mob-menu-items ul li a {color: #d8d8d8;}
header .mob-menu .mob-menu-items ul li a:hover {color: #FFA500}

.services {position: relative; background: url('../img/services-bg.jpg') no-repeat center bottom; background-size: cover; background-attachment: fixed; padding: 100px 20px;}
.services .headline {font-size: 60px; color: #fff; margin: 25px 0 80px 0; text-transform: uppercase; font-weight: ; text-align: center;}

.services .content p {color: #fff;}
.services .content p b {color: #FFA500;}
.services .container .offers {}
.services .container .offers .offer {box-sizing: content-box; float: left; width: 30%; margin: 1.5%; color: #fff; font-size: 28px; padding: 50px 0; border: 1px solid red;}
.services .container .offers .offer span {padding-left: 80px; cursor: pointer;}
.services .container .offers span:hover {text-shadow: 0px 0px 50px #fff;}

.services .container .button {float: left; color: #fff; background: #8F001C; cursor: pointer; font-size: 40px; text-align: center; padding: 20px; text-transform: uppercase; font-weight: bold; width: 60%; margin: 10px auto; border-radius:10px}
.services .container .button:hover {background: #FFA500; color: #000;}

.testimonials {background: #fcf8e3 url('../img/testimonials-bg.png') no-repeat right top; background-size: contain; padding: 60px 20px;}
.testimonials .content::before {display: block; content:''; background: url('../img/quote.png') no-repeat center center; background-size: cover; position: absolute; width: 200px; height: 200px;}
.testimonials .content p {padding: 35px 100px 0 260px; font-size: 28px;}
.testimonials .content p span {font-style: italic; font-size: 20px;}

content {background: #fcf8e3; padding: 20px}
content .headline {font-size: 50px; color: #8F001C; margin: 25px 0 50px 0;}
content .content p {}

footer {background: #000; padding: 40px 0 0 0;}
footer .col {float: left; width: 22%;  margin: 0.5% 1.5%; box-sizing: content-box;}
footer .col a {display: table; padding: 6px 0; color: #9a9a9a; font-size: 16px;}
footer .col a:hover {color: #FFA500;}
footer .headline {text-transform:uppercase; color: #fff; font-size: 26px; font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #333;}
footer .copyright {float: left; margin-top: 20px; border-top: 1px solid #1b1b1b; text-align: center; width: 100%; padding: 15px 10px 15px 10px; color: #616161; font-size: 13px;}

.todays-trading {background: #181818;}
.todays-trading .title {float: left; color: #fcf8e3; font-weight: bold; font-size: 26px; padding: 18px 25px 18px 25px;}
.todays-trading .tickers {float: left; background: #212121; width: 75%; padding: 10px 0; height: 60px; overflow: hidden;}

.start-trading {background: #fcf8e3; padding: 80px 20px;}
.start-trading .headline {font-size: 60px; color: #8F001C; margin: 25px 0 25px 0; text-transform: uppercase; font-weight: bold; text-align: center;}
.start-trading .content {padding: 20px; text-align: center;}
.start-trading .container{text-align: center; font-size: 27px;}
.start-trading .container img {margin: 25px 25px 0 25px;}
.start-trading .button {color: #fff; background: #8F001C; cursor: pointer; font-size: 40px; text-align: center; padding: 20px; text-transform: uppercase; font-weight: bold; width: 60%; margin: 10px auto; border-radius:10px}
.start-trading .button:hover {background: #FFA500; color: #000;}

.btns {overflow: hidden; position: relative; padding: 30px 20px;}
.btn {color: #fff; background: #8F001C; cursor: pointer; font-size: 40px; text-align: center; padding: 20px 0; text-transform: uppercase; font-weight: bold; margin: 10px auto; min-width: 280px; border-radius:10px}
.btn:hover {background: #FFA500; color: #000;}
.btn.full {width: 100%; float: left;}
.btn.left {float: left;}
.btn.right {float: right;}

/* --- STOCK SCROLLER --- */
.wbiscroller {
    height: 25px !important;
    background: none !important;
    border: none !important;
}

@media only screen and (max-width: 768px)
{
	.w100, img {width: 100% !important;}
	.logo {width: 250px; margin: 5px 0 !important;}
	.mob-menu-icon {width: 20%;}
	.w90 {width: 90% !important;}
	.w50 {width: 46% !important;}
	.mobile {display: block;}	
	.desktop {display: none;}
	.headline {font-size: 30px !important;}
	.col .headline {font-size: 20px !important;}
	.container {width: 100% !important; padding: 10px;}
	.intro {height: auto !important;}
	.email-signup {width: 100% !important; border: 0px solid red !important; margin-top: 80px; right: auto !important; bottom: auto !important; position: relative !important; padding: 20px; background: rgba(0,0,0,0.8);}
	.todays-trading .title {width: 100%; text-align: center !important;}
	#slider ul li {height: 180px; background-size: 30% !important;}
	.slideshow {height: 180px; padding: 0;}
	#slider  {margin: 0 !important;}
	.button, .btn {font-size: 20px !important;}
	
	.testimonials .content::before {width: 100px; height: 100px;}
	.testimonials .content p {padding: 0 0 0 120px; font-size: 16px; line-height: 145%;}
	
	.content p {font-size: 15px;}
	
	.services .container .offers .offer {font-size: 16px; padding: 25px 0;}
	.services .headline {margin: 25px 0 40px 0;}
	
	.center {text-align: center;}
	
	header {height: 60px;}
	
	.social-bar a.icon img {height: 30px; }
	
	.services, .testimonials, .start-trading {padding: 30px 20px;}
	
	footer {padding: 0;}
	footer .col a {font-size: 13px; padding 8px 0;}
	footer .headline {padding-bottom: 10px; margin: 40px 0 0 0;}
	footer .copyright {font-size: 9px;}
}