body {
	margin-top: 0px; 
	background: url(../images/body_bg.jpg) 0 0 repeat;
	font-family: 'Montserrat', sans-serif;
	color:#111;
}
.container {
max-width: 862px;
}
.content{ 
	background:#fff url(../images/content_bg.jpg) 0 0 repeat-x;
	-webkit-box-shadow: 0px 8px 10px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    0px 8px 15px rgba(50, 50, 50, 0.7);
box-shadow:         0px 8px 15px rgba(50, 50, 50, 0.7);
padding: 0 5px 10px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.header_wrapper { 
	background: url(../images/header_bg.jpg) 0 0 repeat-x  scroll;
	height: 192px;
-webkit-box-shadow: 0px 1px 20px #888;
-moz-box-shadow:  0px 1px 20px #888;
box-shadow: 0px 1px 20px #888;
}
.header_wrapper_mobile { 
	height: auto;
-webkit-box-shadow: 0px 1px 20px #888;
-moz-box-shadow:  0px 1px 20px #888;
box-shadow: 0px 1px 20px #888;
background-color:#BBB3B4
}
.header_content {
	background: url(../images/header.png) center top no-repeat;
	height: 199px;
	padding:0;
	position:relative;
	top:-45px;
	padding-top:85px;
}
.header_content_mobile {
	height: auto;
	padding:0;
	position:relative;
}

.video_box{ width:695px; height:438px; background:url(../images/video-placeholder-bg.png) no-repeat; margin:0 auto; overflow:hidden;}
.logo img { margin-top: 15px; }
.navbar-collapse { padding:0; }
.navbar { margin-top:11px; }
.navbar-nav > li { margin-right:22px; }
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left:0;
padding-right:0;
font-size:13px;

}
.navbar-nav > li > a:hover {
	color: #ffe75f;	
	background: none;
}

.header-image {
	background: url(http://placehold.it/200x300) repeat;/* Use a tiling background image or a full width image - if you're using full width you will need to change no-repeat center center cover  */
	background-position: top;
	height: auto;
	display: block;
	width: 100%;
	text-align: center;
}

.headline {
	padding: 120px 0;
}

.headline > .container > h1 {
	font-size: 130px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9);
}

.headline > .container > h2 {
	font-size: 77px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9);
}

.featurette-divider {
	margin: 80px 0;
}
.featurette {
	overflow: hidden; 
}

.featurette-image.pull-left {
	margin-right: 40px;
}
.featurette-image.pull-right {
	margin-left: 40px;
}

.featurette-heading {
	font-size: 50px;
}

footer {
	margin: 50px 0;
}
.by {
font-family: 'FuturaBold2';
font-size: 17px;
color: #000;
text-transform: uppercase;
bottom: 56px;
position: absolute;
left: 325px;
letter-spacing: 2px;
}
.by span {
	font-size: 10px;
position: absolute;
left: -19px;
}

@font-face {
 font-family: 'FuturaBold1';
 src: url("../fonts/Futura-Bold.eot"), 
      url('../fonts/Futura-Bold.ttf') format('truetype');
}
@font-face {
 font-family: 'FuturaBold2';
 src: url('../fonts/Futura-Bold-BT_18983.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(../fonts/montserrat-bold.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(../fonts/montserrat-normal.woff) format('woff');
}
h3.header3 { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #111111; font-size:51px; text-align:center; letter-spacing: -3px;  }
.margin_t_45 {margin-top:45px; }
.margin_b_25 { margin-bottom: 25px; }
.margin_b_40 { margin-bottom: 40px; }
h3.header3 span { font-weight: 700; }
.img_aligncenter { margin:0 auto; }
.black { 
background:#111; 
text-align:center;
color: #fcb115;
font-size: 38px;
font-family: 'Montserrat', sans-serif;
letter-spacing: -2px;
padding: 10px 0 1px;
}
h1.header1 { font-family: 'Montserrat', sans-serif; font-size: 61px; font-weight:700; color:#111111; letter-spacing: -3px; }
.yellow {background: #ffb315;
padding: 3px;
font-size: 27px;
text-transform: uppercase;
letter-spacing: 7px;
margin: 0 auto 10px;
width: 552px;
 }
.video1 { margin-top:22px; }
.testimonial { 
background:url(../images/qoute_bg.jpg) 0 0 repeat;
border:3px solid #ffffff;
-webkit-box-shadow: 0px 1px 20px #eeeeee;
-moz-box-shadow:  0px 1px 20px #eeeeee;
box-shadow: 0px 1px 20px #eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#555555;
font-size:18px;
width:90%;
margin: 30px auto 40px;
padding:15px;
}
.blacknyellow .heading {
	background: #000;
	color: #fff;
	font-size:28px;
	letter-spacing:-2px;
	padding: 5px;
}
.blacknyellow {
width: 90%;
margin:20px auto;
}
.blacknyellow .blacknyellowlist {
	background: url(../images/blacknyellowbg.jpg) 0 0 repeat;
	width: 100%;
	margin-bottom:20px;
}
.blacknyellow .blacknyellowlist ul {
	list-style-type:none;
	padding: 20px 40px 0px;
}
.blacknyellow .blacknyellowlist ul li {
font-size: 24px;
font-family: montserrat;
font-weight: 700;
}
.icon-tick {
	background: url(../images/lists_tick.png) 0 0 no-repeat;
	width:28px;
	height:28px;
	line-height:28px;
	margin-right:15px;
}
.div3 { 
font-size: 26px;
margin: 60px auto 30px;
width: 92%;
line-height: 28px;
letter-spacing: -1px;
color:#111111;
}
.div3 .yellow {
	font-size:16px;
	padding: 2px 0px;
letter-spacing: 0px;
margin: 10px 0 30px 327px;
width: 372px;
}
.div3 p {
margin: 0 0 20px;
}
.div3 img.pull-left { margin-right:20px; }
.div4{ 
line-height: 45px;
background: #111;
color: #fcb115;
font-size: 70px;
text-align: center;
padding: 19px 0 1px;
}
.div4 span{ 
color:#fff;
font-size:27px;
letter-spacing: 6px;
}
.div5, .div6 {
margin-top: 20px;	
}
.header_4 {
	font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #111111;
font-size: 46px;
text-align: center;
letter-spacing: -3px;
margin:40px 0; 
}
.webform {
	max-width:710px;	
	width:100%;
	height:300px;
	background:url(../images/form_bg.jpg) 0 0 no-repeat;
	margin: 0 auto 15px;
	padding: 11px 30px;
}
.webform .heading {
	font-size: 35px;
	color:#faaf14;
	font-weight:700;
	line-height:35px;
	margin-bottom: 11px;
}
.webform .subheading {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;	
	margin-bottom: 10px;
}
.webform input[type=text] {
	color:#000;
	font-size:18px;
	line-height:18px;
	width:48%;	
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:none;
padding: 7px 10px;
}
.webform .Name { float:left; }
.webform .Email { float:right; }
.webform .submit {
	background: url(http://weblify.s3.amazonaws.com/sales/images/jvsignup.png) 0 0 no-repeat;
	max-width: 640px;
	width:100%;
	height:64px;
	text-indent: -9999px;
border: none;
margin: 20px 0 0 5px;
}
span.security { background:url(../images/form_lock.png) 0 0 no-repeat; padding-left:10px; font-size: 9px; color:#e0e0e0; font-family:Arial, Helvetica, sans-serif; clear:both; }
.div7 {
width: 83%;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #111;
margin:0 auto 20px;
}
footer {
margin: 20px 0;
clear:both;
color:#4c4c4c;
}
footer .copyright { font-size:20px; }

/* RESPONSIVE CSS */

@media (max-width: 1200px) {

.headline > .container > h1 {font-size: 140px;}
.headline > .container > h2 {font-size: 63px;}
.featurette-divider {margin: 50px 0;}
.featurette-image.pull-left {margin-right: 20px;}
.featurette-image.pull-right {margin-left: 20px;}
.featurette-heading {font-size: 35px;}

}

@media (max-width: 991px) {

.headline > .container > h1 {font-size: 105px;}
.headline > .container > h2 {font-size: 50px;}
.featurette-divider {margin: 40px 0;}
.featurette-image {max-width: 50%;}
.featurette-image.pull-left {margin-right: 10px;}
.featurette-image.pull-right {margin-left: 10px;}
.featurette-heading {font-size: 30px;}

}

@media (max-width: 768px) {
	
.container {margin: 0 15px;}
.featurette-divider {margin: 40px 0;}
.featurette-heading {font-size: 25px;}

}


@media (max-width: 668px) {

.headline > .container > h1 {font-size: 70px;}
.headline > .container > h2 {font-size: 32px;}
.featurette-divider {margin: 30px 0;}

}

@media (max-width: 640px) {

.headline {padding: 75px 0 25px 0;}
.headline > .container > h1 {font-size: 60px;}
.headline > .container > h2 {font-size: 30px;}

}

@media (max-width: 480px) {

.featurette-divider {margin: 10px 0;}
.featurette-image {max-width: 100%;}
.featurette-image.pull-left {margin-right: 0; margin-bottom: 10px;}
.featurette-image.pull-right {margin-left: 0; margin-bottom: 10px;}
.container {
    margin: 0px 5px;
}
.logo img { margin-top: 5px; width:45%; max-width: 45%;  }
.header_content {
	-moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
height: 142px;
}
.header_wrapper { 
height: 207px;
background-position: bottom center;
}
.by {
    font-size: 14px;
    left: 25px;
	bottom: 0px;
}
.navbar-nav {
    background: #000;
    padding: 0px 20px;
}
.navbar-inverse {
    background:none;
}
.navbar-toggle {
    float: left;
    padding: 9px 10px;
    margin-top: 42px;
    margin-left: 30px;
}
h3.header3 {
    font-size: 27px;
}
.black {
    font-size: 17px;
}
h1.header1 {
    font-size: 27px;
}
.yellow {
    font-size: 13px;
    letter-spacing: 4px;
    width: 300px;
}
.testimonial { font-size:12px; }
.blacknyellow .heading {
    font-size: 14px;
	letter-spacing: 0px;
}
.blacknyellow .blacknyellowlist ul {
    padding: 10px 10px 0px;
}
.blacknyellow .blacknyellowlist ul li {
    font-size: 14px;
    float: left;
	margin-bottom:10px;
}
.div3 {
    font-size: 13px;
    margin: 40px auto 20px;
    letter-spacing: 0px;
}
.div3 .yellow {
    font-size: 12px;
    padding: 2px 0px;
    letter-spacing: 0px;
    width: 100%;
	margin: 0;
}
.div4 {
    line-height: 34px;
    font-size: 34px;
    padding: 8px 0px 1px;
}
.div4 span {
    font-size: 11px;
    letter-spacing: 4px;
}
.header_4 {
    font-size: 23px;
    letter-spacing: -1px;
    margin: 30px 0px;
}
.webform .heading {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 17px;
    margin-top: 14px;
}
.webform .subheading {
    font-size: 12px;
}
.webform input[type="text"] {
    width: 100%;
	padding: 3px 8px;
	font-size: 17px;
	line-height: 17px;
    margin-bottom: 10px;
}
.webform .submit {
    background-size: cover;
    width: 100%;
    height: 30px;
    margin: 0;
}
footer .copyright {
    font-size: 13px;
}

}


/* optin form*/
.opt_in_box		{ width:630px; min-height:200px; background:#6694CB; margin:0 auto; border:5px solid #8ab3dd;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow:inset 0 0 150px #ffffff; -webkit-box-shadow:inset 0 0 150px #cacaca; box-shadow:inset 0 0 150px #ffffff; text-align:center; padding:25px 36px 10px 36px;  color:#14448e; margin-bottom:40px;}
.opt_in_box h2	{ font-size:27px; padding: 0 30px; padding-bottom:10px; text-shadow:1px 1px 2px #fff; letter-spacing: -2px;}
.opt_in_box p	{ font-size:16px; padding-bottom:15px;}
.opt_in_box input[type="text"]{ border:1px solid #6694CB; color:#000 font-size:18px; font-style:italic; padding:16px 20px; margin:0 3px; width:250px; margin-bottom:10px;background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(#8ab3dd), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #8ab3dd, #FFFFFF); background-image:    -moz-linear-gradient(top, #8ab3dd, #FFFFFF); background-image:     -ms-linear-gradient(top, #8ab3dd, #FFFFFF);	background-image:-o-linear-gradient(top, #8ab3dd, #FFFFFF); -moz-box-shadow:inset 0 0 5px #fff;  -webkit-box-shadow:inset 0 0 5px #FFFFFF;  box-shadow:inset 0 0 5px #FFFFFF;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.opt_in_box input[type="submit"]{ background:url(../images/signup-btn.png) no-repeat; width:374px; height:56px; border:0; cursor:pointer; text-indent:-999999px; margin-bottom:10px;}
.opt_in_box input[type="submit"]:hover{ background-position:0 -56px;}
.opt_in_box .small{ font-size:10px; text-shadow:0 1px 1px #fff;}