/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: Project Supremacy
Theme URI: http://www.projectsupremacy.com
Description: Custom Html Template
Author: Jaranen / HTMLID
Author URI: http://www.htmlid.com

Created : 08.05.2013
Modified : 08.05.2013

- - - - - - - - - - - - - - - - - - - - - */

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
img { max-width:100%; }
/* end of global reset */


/* ----- CSS ----- */

body{
font-family: 'Open Sans', sans-serif;
background-color:#FFFFFF;
}

/* ----- ID'S & CLASSES----- */

.con {
max-width:960px;
margin:0 auto;
padding:0 12px;
}
.green {
width:100%;
padding:8px 0;
background-color:#97AC29;
font-size:18px;
color:#FFFFFF;
font-weight:600;
border-bottom:1px solid #fff;
}
.green h3 {
text-align:center;
text-transform:uppercase;
}
.nav {
width:100%;
background-color:#3d3d3d;
}
.nav ul {
text-align:center;
padding:15px 0;
}
.nav ul li {
padding:0 15px;
line-height:20px;
display:inline-table;
text-transform:uppercase;
font-size:18px;
border-right:1px solid #fff;
}
.nav ul li.last { border:none; }
.nav ul li a {
text-decoration:none;
color:#FFFFFF;
}
.nav ul li a:hover {
text-decoration:underline;
}
#header {
width:100%;
padding-bottom:25px;
text-align:center;
}
.top-img {
background-image:url(../images/money-bcg.jpg);
background-repeat:no-repeat;
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding:20px 0;
}
.top-img .innertopimg { background:#fff; opacity:0.8; }
.top-img p {
font-size: 46px;
color:#010101;
font-weight:bold;
text-align:center;
line-height:35px;
padding:12px 8px;
opacity:1;
}
#header h3 {
font-size:36px;
color:#3D3D3D;
font-style:italic;
line-height:40px;
}
#header h1 {
font-size:36px;
color:#3D3D3D;
padding-bottom:25px;
line-height:40px;
}
#header h1 span {
font-weight:bold;
color:#97AC29;
}
#header h5 {
color:#3D3D3D;
font-size:18px;
max-width:800px;
margin:0 auto;
padding:20px 0;
font-style:italic;
border-top:1px solid #c0c0c0;
}
.img-con {
max-width:894px;
margin:0 auto;
margin-bottom:25px!important;
border:1px solid #c0c0c0;
}
.img-con img {
width:100%;
height:auto;
}
.img-con2 {
max-width:894px;
margin:0 auto;
margin-bottom:25px!important;
}
.img-con2 img {
width:100%;
height:auto;
}
#intro {
padding:15px 0;
width:100%;
background-image:url(../images/intro-bcg.jpg);
background-repeat:no-repeat;
background-position:top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bigvideoholder {
max-width:980px;
padding:7.9% 9.3%;
background-image:url(../images/bigvideo-bcg.png);
background-repeat:no-repeat;
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bigvideoholder .videoWrapper {
	position: relative;
	padding-bottom: 53.18%;
	padding-top: 25px;
	height: 0;
}
.bigvideoholder .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#intro .ram {
margin-left:20px;
padding:0 0 14px 45px;
font-size:18px;
color:#FFFFFF;
background-image:url(../images/intro-list-thick.png);
background-repeat:no-repeat;
background-position:top left;
text-transform:uppercase;
}
#intro .ram span {
text-transform:uppercase;
font-weight:bold;
}
.signup {
margin-top:10px;
margin-bottom:15px;
width:100%;
}
.toppart {
max-width:940px;
margin:0 auto;
display:block;
margin-bottom:20px!important;
}
.toppart .polaw { 
width:50%; height:46px; float:left; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.toppart .polaw input {
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
background-color:#FFFFFF;
text-indent:10px;
line-height:46px;
font-size:20px;
color:#3d3d3d;
border-top:2px solid #7d7d7d;
border-left:2px solid #7d7d7d;
}
@media screen and (max-width: 765px) {
.nav .con ul li { border:none; line-height:25px; }
.top-img p { font-size:35px; }
}
@media screen and (max-width: 700px) {
.toppart input {
width:100%;
margin:0 0 10px 0;
float:none;
}
}
.sub {
max-width:920px;
margin: 0 auto;
}
#af-submit-image-15744650 {
width:100%;
padding:15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:none;
display:block;
cursor:pointer;
text-align: center;
font-size: 30px;
color: #FFFFFF;
text-transform: uppercase;
}
@media only screen and (min-width: 400px) and (max-width: 700px) { 
#af-submit-image-15744650 {
padding:20px 0;
font-size:18px;
}
}
@media screen and (max-width: 400px) { 
#af-submit-image-15744650 {
font-size:16px!important;
}
}
.greyaff {border-bottom:3px solid #bdbdbd; background:#3d3d3d;}
#intro h3 {
font-size: 38px;
line-height: 42px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
margin:25px 0;
}
#intro h3 span { color: #97AC29; }
#intro h3 a {
text-decoration:none;
color:#FFFFFF;
}
.red {
width:100%;
padding:12px 0;
background-color:#AC2929;
margin:20px 0;
}
.blue {
width:100%;
padding:12px 0;
background-color:#2989AC;
}
.blue h3 {
font-size: 38px;
line-height: 42px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
margin:25px 0;
}
.blue h3 span { color: #97AC29; }
.blue h3 a {
text-decoration:none;
color:#FFFFFF;
}
#content {
width:100%;
padding:20px 0;
}	
#content .product-pic {
max-width:538px;
padding-bottom:20px;
margin:0 auto;
}
#content .product-pic img {
width:100%;
height:auto;
}
#content .count-wrap {
margin:-30px 0 20px 0;
}
#content h3 {
text-align:center;
font-weight:400;
color:#3D3D3D;
font-size:38px;
line-height:42px;
}
#content h3 span {
color:#97AC29;
}
#content h4 {
text-align:center;
color:#3D3D3D;
font-size:38px;
padding-bottom:20px;
}
.line {
margin:15px auto;
border-bottom:1px solid #e6e6e6;
max-width:800px;
}
#intro .line {
border-bottom:1px solid #555555;
margin:0 auto 25px auto;
}
#grey .line {
margin:20px auto;
border-bottom:1px solid #565656;
max-width:800px;
}
#content .inner {
max-width:810px;
margin:0 auto;
}
#content .inner p {
font-size:18px;
color:#3D3D3D;
padding-bottom:15px;
}
#content .inner .greentext {
font-weight:bold;
color:#97AC29;
}
#grey {
width:100%;
padding:20px 0 10px 0;
background-color:#3D3D3D;
margin-bottom:20px;
}
#grey .inner {
max-width:800px;
margin:0 auto;
}
#grey ul {
padding-bottom:1px;
}
#grey ul li {
font-size:18px;
color:#FFFFFF;
padding:0 0 16px 60px;
background-image:url(../images/grey-li-bcg.png);
background-repeat:no-repeat;
background-position:0 6px;
min-height:40px;
}
#content .person {
width:100%;
padding-bottom:10px;
}
#content .person .thumb {
float:left;
margin:0 15px 10px 0;
}
#content .person .text p {
font-size:20px;
color:#3D3D3D;
padding-top:20px;
}
#content .person .text p span {
color:#97AC29;
font-weight:600;
}
#content .person2 {
max-width:385px;
margin:0 auto;
}
#content .person2 img {
width:100%;
height:auto;
}
#grey h3 {
font-size:38px;
line-height:42px;
font-weight:600;
color:#FFFFFF;
text-align:center;
padding-bottom:10px;
}
#grey h3 span {
color:#97AC29;
}
#grey ul li span {
font-weight:bold;
font-size:26px;
}
#grey h6 {
text-align:center;
font-size:20px;
font-style:italic;
padding-bottom:10px;
color:#FFFFFF;
}
#content h6 {
text-align:center;
font-size:20px;
font-style:italic;
padding-bottom:10px;
color:#3D3D3D;
font-weight:300;
}
#contact-info {
text-align:center;
}
#contact-info li {
width:170px;
margin:10px;
display:inline-table;
}
#contact-info li img { max-width: none !important; }
.con-box ul {
text-align:center;
}
.con-box ul li {
display:inline-table;
width:25px!important;
margin:0 5px;
}
.con-box p {
font-style:italic;
font-weight:bold;
font-size:20px;
padding-bottom:5px;
color:#3D3D3D;
}
#grey2 {
width:100%;
padding:20px 0 10px 0;
background-color:#3D3D3D;
}
#grey2 .blue {
width:100%;
padding:12px 0;
background-color:#2989AC;
}
#grey2 h3 {
text-align:center;
font-size:30px;
color:#FFFFFF;
text-transform:uppercase;
}
#grey2 h3 a {
text-decoration:none;
color:#FFFFFF;
}
.f-logo {
max-width:161px;
margin:10px auto;
text-align:center;
}
#grey2 .signup {
margin-bottom:25px;
width:100%;
}
#grey2 .toppart {
max-width:940px;
margin:0 auto;
display:block;
padding:0 10px;
margin-bottom:20px!important;
}
#grey2 .toppart input {
width:47%;
margin:0 1%;
display:block;
float:left;
background-color:#FFFFFF;
text-indent:10px;
height:46px;
line-height:46px;
font-size:20px;
color:#3d3d3d;
}
@media screen and (max-width: 700px) {
#grey2 .toppart input {
width:100%;
margin:0 0 10px 0;
float:none;
}
}
#grey2 .sub {
width:100%;
background-color:#ac2929;
}
.counter {
max-width:480px;
margin:0 auto;
}


/* ----- SPECIAL CLASSES ----- */

.aligncenter { text-align:center; }
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}