/*
Theme Name: wp-yicf-bootstrap
Theme URI: 
Description: Custome Styles for Your Importing Cashflow
Version: 1.0.1
Author: George Yap
Author URI: 

All rights reserved.
*/


@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");
@font-face {font-family:ArtBrush; src: url(fonts/artbrush.ttf);}
@font-face {font-family:HandOfSean; src: url(fonts/Hand_Of_Sean.ttf)}
@font-face {font-family:Impact; src: url(fonts/Impact.ttf)}
@font-face {
  font-family: 'HelveticaNeueLTPro-BdEx';
  src: 	url('fonts/HelveticaNeueLTPro-BdEx/HelveticaNeueLTPro-BdEx.eot?#iefix') format('embedded-opentype'),  
  		url('fonts/HelveticaNeueLTPro-BdEx/HelveticaNeueLTPro-BdEx.otf')  format('opentype'),
	    url('fonts/HelveticaNeueLTPro-BdEx/HelveticaNeueLTPro-BdEx.woff') format('woff'), 
	    url('fonts/HelveticaNeueLTPro-BdEx/HelveticaNeueLTPro-BdEx.ttf')  format('truetype'), 
	    url('fonts/HelveticaNeueLTPro-BdEx/HelveticaNeueLTPro-BdEx.svg#HelveticaNeueLTPro-BdEx') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {background:url(images/bg1.png) no-repeat top center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin:0 0 20px; padding:0; font-family:Arial, Helvetica, sans-serif !important; list-style:none !important;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

/*Header Section*/
header {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CDCDCD), to(#FAFAFA)); background: -webkit-linear-gradient(top, #FAFAFA, #CDCDCD); background: -moz-linear-gradient(top, #FAFAFA, #CDCDCD); background: -ms-linear-gradient(top, #FAFAFA, #CDCDCD); background: -o-linear-gradient(top, #FAFAFA, #CDCDCD); padding:20px 0; border-bottom:5px solid #AC7932; position:relative; height:160px;}
.logo {position:absolute; top:0; left:40px;}
.header-title {position:absolute; top:30px; left:200px;}
.phone {position:absolute; top:0; right:25px; z-index:10; font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#444; font-weight:bold; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.phone:hover {color:#EFA945; cursor:pointer;}
.headline {position:absolute; top:45px; right:20px; left:355px; z-index:10;}
.headline h1 {font-size:24px; line-height:30px; text-align:center; color:#AC7932; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-shadow:#333; text-transform:capitalize;}
.tagline {position:absolute; top:85px; left:40px; z-index:10;}
.tagline h3 {font-size:20px; text-align:center; width:280px; color:#444; font-family:ArtBrush;}

/*Form Section*/
.form-section {background: url(images/formbg.png) repeat; padding:0 20px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; position:relative; min-height:120px;}
.fill-in-form-below {position:absolute; top:20px; left:100px; z-index:20; padding:0;}
.fill-in-form-below h3 {font-size:24px; color:#ED0000; text-align:center; font-style:italic; font-family:ArtBrush; letter-spacing:1px;}
.badges {position:absolute; top:-30px; right:20px; z-index:20; padding:0;}
.box-content {margin-top:90px;}
.box-content p {font-size:15px; font-style:italic; text-align:center;}
.form {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E1D1BB)); background: -webkit-linear-gradient(top, #E1D1BB, #FFFFFF); background: -moz-linear-gradient(top, #E1D1BB, #FFFFFF); background: -ms-linear-gradient(top, #E1D1BB, #FFFFFF); background: -o-linear-gradient(top, #E1D1BB, #FFFFFF); border:3px dashed #AC7932; padding:; margin:20px auto; position:relative; height:400px;}
.form_footer {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E1D1BB)); background: -webkit-linear-gradient(top, #E1D1BB, #FFFFFF); background: -moz-linear-gradient(top, #E1D1BB, #FFFFFF); background: -ms-linear-gradient(top, #E1D1BB, #FFFFFF); background: -o-linear-gradient(top, #E1D1BB, #FFFFFF); border:3px dashed #AC7932; padding:; margin:20px auto 10px; position:relative; height:370px;}
.form-content {position:absolute; top:10px; left:40px; width:500px;}
.form-content h1 {font-family:Impact; font-size:26px; color:#AC7932; margin-bottom:5px;}
.form-content p {font-size:14px; line-height:16px;}
.form-box {background:url(images/formbox-bg.png) no-repeat top; position:absolute; top:180px; left:40px; width:500px; padding:0 0 0 50px;}
.padlock {position:absolute; bottom:20px; left:40px; padding:0; z-index:10;}
.shipping {position:absolute; top:10px; right:120px; padding:0; z-index:10;}
.guy-smiling {position:absolute; bottom:0; right:0; padding:0; z-index:15;}
.watch-a-free-online-video {position:absolute; top:30px; right:280px; padding:0; z-index:20;}
.amazing-business-opportunities {position:absolute; top:-8px; right:-16px; padding:0; z-index:25;}	
.as-seen-on {margin-top:10px; margin-bottom:10px;}
.as-seen-on h3 {font-size:16px; font-weight:bold;}
.ebook_cover_170x150 {position:absolute; top:200px; right:380px; padding:0; z-index:20;}
.money {position:absolute; top:80px; right:390px; padding:0; z-index:5;}

/*Content Section*/
.content {background:url(images/contentbg-1170px.png) repeat-y; border-radius:8px; margin-top:20px;}
.leftcol {padding:30px 20px;}
.leftcol li {font-size:14px; margin-left:-40px; margin-bottom:10px; list-style:none outside !important;}
.leftcol li a {color:#000; text-decoration:none; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.leftcol li a:hover {color:#AC7932;}
.rightcol {padding:20px;}
.rightcol h1 {font-size:28px; font-family:Tahoma, Geneva, sans-serif !important; line-height:32px; margin-bottom:15px; text-align:center; font-weight:bold;}
.rightcol h2 {font-size:24px; font-family:Tahoma, Geneva, sans-serif !important; line-height:28px; margin-bottom:15px; text-align:center; font-weight:bold;}
.rightcol h3 {font-size:18px; font-family:Tahoma, Geneva, sans-serif !important; line-height:22px; margin-bottom:10px; color:#AC7932; font-weight:600;}
.rightcol p {font-size:14px; line-height:18px; margin-bottom:10px;}
.rightcol ul {margin-left:-20px;}
.rightcol ul li {list-style:none outside !important;}
.rightcol li {font-size:14px; margin-bottom:8px; }
.rightcol ol {margin-left:-20px;}
.rightcol ol li  {list-style:decimal outside; }
.rightcol li {font-size:14px; margin-bottom:8px; }

ul li {margin-bottom:15px;}

.right_col ul li::before {color:#5CB85C; content: "\f00c"; font-family: FontAwesome; padding-right:5px;}

/*Newsletter Page*/
.content-newsletter {background-color:#fff; padding:40px;}
.content-newsletter h1  {margin-bottom:15px; text-align:center; font-weight:bold;}
.content-newsletter h3 {margin-bottom:15px; text-align:center; font-weight:bold;} 
.content-newsletter h4 {margin-bottom:15px; font-weight:bold;} 
.content-newsletter h4 small {color:#333;} 
.content-newsletter p {font-size:16px;}

.newsletter-form-border { background: -webkit-gradient(linear, left top, right top, from(#903232), color-stop(0.25, #ffffff), color-stop(0.5, #903232), color-stop(0.75, #ffffff), to(#903232)); background: -webkit-linear-gradient(left, #903232, #ffffff, #903232, #ffffff, #903232); background: -moz-linear-gradient(left, #903232, #ffffff, #903232, #ffffff, #903232); background: -ms-linear-gradient(left, #903232, #ffffff, #903232, #ffffff, #903232); background: -o-linear-gradient(left, #903232, #ffffff, #903232, #ffffff, #903232); margin-top:10px; padding:10px; }
.newsletter-form-box {background: -webkit-gradient(linear, left top, right top, from(#F8D0D0), to(#F7DCDC)); background: -webkit-linear-gradient(left, #F7DCDC, #F8D0D0); background: -moz-linear-gradient(left, #F7DCDC, #F8D0D0); background: -ms-linear-gradient(left, #F7DCDC, #F8D0D0); background: -o-linear-gradient(left, #F7DCDC, #F8D0D0); padding:2px 12px 12px; padding-bottom:-10px; width:100%;}

/*Video Section*/
.video-box {margin:30px auto;}

/*Button Section*/
.button-box {margin-bottom:30px;}
.button-box .btn {margin-bottom:15px; width:100%;}
.btn-vip {color: #fff; background: #e74c3c; background: linear-gradient(to bottom,#ff6a5a 0%, #e74c3c 100%);}
.btn.btn-free {
	background: #47a447;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    border: none;
    padding: 16px;
    border-radius: 10px;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}
.btn.btn-vip2 {
	    background: linear-gradient(to bottom,#ff6a5a 0%, #e74c3c 100%);
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    border: none;
    padding: 16px;
    border-radius: 10px;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 10px;
}

/*Footer Section*/
footer { margin:15px 0 20px; font-size:13px; text-align:center;}
.footernav {margin-bottom:10px;}
.footernav a {color:#000; text-decoration:none; padding:0 15px; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.footernav a:hover {color:#AC7932;} 
.footer-menu {}
.footer-menu li {display:inline-block; font-weight:800; letter-spacing:1px; list-style: none; margin-bottom:10px;}
.footer-menu li a {color:#000; margin-left:10px; margin-right:10px;}
.footer-menu li a:hover {color:#AC7932; text-decoration:none;}
.copyright p {font-size:12px; text-align:center;}
.copyright a {color:#000; text-decoration:none; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; font-weight:bold;}
.copyright a:hover {color:#AC7932;}

.sitemap {padding:20px 0 5px; text-align:center;}
.sitemap ul  {margin-left:-40px;}
.sitemap li a { color:#000; padding:5px 20px; font-weight:bold;}
.sitemap li {display:inline-block; letter-spacing:1px; list-style: none; margin-bottom:10px;}

/*Misc*/
.clearfix, .clear {clear:both;}
.highlight {background-color:#ffff00; padding:2px 3px;}
.widgettitle {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6A4B1F), to(#AC7932)); background: -webkit-linear-gradient(top, #AC7932, #6A4B1F); background: -moz-linear-gradient(top, #AC7932, #6A4B1F); background: -ms-linear-gradient(top, #AC7932, #6A4B1F); background: -o-linear-gradient(top, #AC7932, #6A4B1F); color:#FFF; text-align:center; padding:5px 0; font-size:24px; font-family:Tahoma, Geneva, sans-serif; font-weight:600; margin-bottom:20px;}
.center-block {margin:0 auto; display:block;}
.video {width:560px; display:block; margin:10px auto 20px;}
.dotted {height:15px; border-bottom:1px dotted #ccc; margin-bottom:15px; clear:both;}
.left{float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}
.top-input, .top-textarea, .top-select { width:270px; height:20px; border:1px #ccc solid; padding:0 0 0 5px; }
.top-select {padding:1px 0 1px 5px; width:192px; height:25px;}	
.top-textarea { margin-top:8px;}
.next-step {border:2px dashed #AC7932; padding:10px 10px 5px; }
.watch-video-below {font-size:22px; font-family:HandOfSean; color:#F00; text-align:center; font-weight:normal;}
.non-display {display:none;}
.capitalize {text-transform:capitalize;}
.form-control {border-radius:0; margin-bottom:8px;}

.alert_box {background-color:#f5efd0; border:3px solid #f7edb8; margin:20px auto 30px; padding:10px 30px;}
.alert_box h3 {margin-top:10px !important;}
.alert_box ul {margin-bottom:10px !important;}
.right_col ul li::before {color:#5CB85C; content: "\f00c"; font-family: FontAwesome; padding-right:5px;}
.red_text {color:#a94442; font-weight:bold;}
.warning_box {background-color:#f2dede; border:3px solid #a94442; margin:5px auto 20px; padding:10px 15px 0;}

/*Step3 Form*/
.step3-form {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E1D1BB)); background: -webkit-linear-gradient(top, #E1D1BB, #FFFFFF); background: -moz-linear-gradient(top, #E1D1BB, #FFFFFF); background: -ms-linear-gradient(top, #E1D1BB, #FFFFFF); background: -o-linear-gradient(top, #E1D1BB, #FFFFFF); border:3px dashed #AC7932; padding:20px 40px; margin-top:20px; margin-bottom:20px; position:relative;}
.step3-headline h1, .step3-headline h3 {text-align:center; color:#AC7932; font-size:32px; font-family:Impact;} 
.step3-headline h3 {font-size:26px; font-family: Arial, Helvetica, sans-serif;}
.step3-headline h4 {font-family: Arial, Helvetica, sans-serif;}
.step3-content {margin-top:15px;}
.step3-box {}
.step3-box-title {background-color:#AC7932; color:#FFF; text-align:center; padding:5px 0; font-family:Tahoma, Geneva, sans-serif; font-size:26px; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.step3-box p {font-size:13px; line-height:15px;}
.form-input {
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	margin-top:3px;
	margin-bottom:8px;
}
.step3-content label {font-size:13px; font-weight:normal; margin-bottom:5px;}
.small-text {font-size:10px; font-family: "Times New Roman", Times, serif; font-style:italic; margin-top:10px;}
.required {position:absolute; bottom:-25px; left:20px; z-index:50; padding:0; font-size:11px; font-family: "Times New Roman", Times, serif; font-weight:600;}

/*Alert Box*/
.alert-warning {color:#000 !important;}

.font-style01 {font-family:HandOfSean !important;}

/* Large desktop */
@media (min-width: 1200px) { 

}

@media (min-width: 980px) and (max-width: 1199px) {
.headline h1 {font-size:24px;}
.fill-in-form-below {left:50px;}
.fill-in-form-below h3 {font-size:22px;}
.form, .form_footer {height:380px;}
.form-content {width:450px;}
.form-box {top:180px; left:30px;}
.shipping {top:20px; right:0;}
.shipping img {width:90%;}
.guy-smiling img {width:90%;}
.watch-a-free-online-video {top:50px; right:200px;}
.watch-a-free-online-video img {width:80%;}
.ebook_cover_170x150 {right:200px;}
.money {right:260px;}
.content {background: url(images/contentbg-970px.png) repeat-y !important;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
header {padding-top:0 !important; height:auto !important;}
.logo {position:static; margin-bottom:5px;}
.phone {position:static; text-align:center; margin:5px 0;}
.headline {position:static;}
.tagline {position:static; margin:10px 0;}
.tagline h3 {width:100%;}
.form-section {height:auto !important;}
.fill-in-form-below {position:static; margin:10px 0 0;}
.badges {position:static; display:block; margin:-20px auto 5px;} 
.form {margin-top:20px;}
.form-content {width:400px;}
.form-content h1 {font-size:26px;}
.form-content p {font-size:12px;}
.formbox {top:180px; left:55px;}
.shipping {top:20px; right:-60px;}
.shipping img {width:60%;}
.guy-smiling {right:-45px;}
.guy-smiling img {width:70%;}
.watch-a-free-online-video {top:70px; right:110px;}
.watch-a-free-online-video img {width:60%;}
.ebook_cover_170x150 {right:130px;}
.ebook_cover_170x150 img {width:90%;}
.top-input, .top-textarea, .top-select { width:200px;}
.content {background:transparent !important;}
.rightcol {background:transparent url(images/content.png) repeat !important;}
.leftcol li {text-align:center;}
.leftcol li a {background-color:#FFF; color:#000; display:block; padding:5px 0; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.leftcol li a:hover {background-color:#AC7932; color:#FFF;}
.box-content {margin-top:5px;}
.money {display:none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
header {padding-top:0 !important; height:auto !important;}
.logo {position:static; margin-bottom:5px;}
.phone {position:static; text-align:center; margin:5px 0;}
.headline {position:static;}
.tagline {position:static; margin:10px 0;}
.tagline h3 {width:100%;}
.fill-in-form-below {position:static; margin:0 0 15px;}
.fill-in-form-below h3 {font-size:24px;}
.badges {position:static; display:block; margin:-20px auto 5px;} 
.form-section {height:auto !important; margin-bottom:0;}
.form {padding:20px 20px; height:auto; margin-top:0;}
.form-content {width:auto; position:static;}
.form-content h1 {font-size:30px; text-align:center;}
.form-content p {font-size:14px;}
.form-box {background:none !important; position:static; width:auto; padding-left:0; }
.guy-smiling, .amazing-business-opportunities {display:none;}
.watch-a-free-online-video {position:static; margin-top:-180px; margin-bottom:30px;}
.watch-a-free-online-video img {width:40%;}
.ebook_cover_170x150 {position:static;}
.shipping {position:static;}
.padlock {position:static;}	
.content {background:transparent !important;}
.leftcol li {text-align:center; margin-bottom:5px;}
.leftcol li a {background-color:#FFF; color:#000; display:block; padding:5px 0; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.leftcol li a:hover {background-color:#AC7932; color:#FFF;}
.rightcol {background:url(images/content.png) repeat !important;}
.rightcol ul {margin-left:0 !important;}
.rightcol ul li {margin-left:-40px;}
.widgettitle {margin-bottom:10px;}
.footernav a {display:block !important; padding:5px 0; background-color:#FFF; margin-bottom:5px; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.footernav a:hover {background-color:#AC7932; color:#FFF;}
.video {width:100% !important; height:100% !important;}
.top-input {width:100%;}
.display-block {display:block;}
.box-content {margin-top:5px;}
.money {display:none;}
}

/* Landscape phones and down */
@media (max-width: 480px) {	
.headline h1 {font-size:22px;}
.fill-in-form-below h3 {font-size:20px;}
.form-section {margin-bottom:10px;}
.form {padding:20px 20px; height:auto;}
.form-content {width:auto; position:static;}
.form-content h1 {font-size:22px; text-align:center;}
.form-content p {font-size:12px;}
.form-box {padding-left:0;} 
.guy-smiling, .amazing-business-opportunities  {display:none;}
.watch-a-free-online-video {position:static; margin-top:-160px; margin-bottom:30px;}
.watch-a-free-online-video img {width:60%;}
.padlock {position:static;}
.leftcol {padding:0 0 10px!important;}
.widgettitle {margin-bottom:10px;}
.footernav a {display:block !important; padding:5px 0; background-color:#FFF; margin-bottom:5px; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.footernav a:hover {background-color:#AC7932; color:#FFF;}
footer p {font-size:11px !important;}
.video {width:100% !important;}
}

.alert-warning {color:#000 !important;}


.thumbnail .thumbnail-content h3 {
	font-family: "HelveticaNeueLTPro-BdEx";
}