article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:none}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1px 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
img,iframe,object,embed{vertical-align:middle}
figure{margin:0}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;box-sizing:content-box;outline:none;border-radius:0;box-shadow:none}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
label{cursor:default}
table{border-collapse:collapse;border-spacing:0}
caption{text-align:left;caption-side:top}
th{text-align:left}
.reset{border:none;margin:30px 0 0 0;padding:0;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.reset td,.reset th{border:none;background:none;padding:0}
.reset > li,.reset > dt,.reset > dd{margin:0;padding:0;background:none;border:none;font-weight:inherit;float:none;display:inherit;text-align:inherit;width:auto}
.l{float:left;display:inline}
.r{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.cfx{zoom:1;}
.cfx:after,.cfx:before{content:'';display:table;clear:both}
.break{height:1px;font-size:1px;line-height:1px;clear:both;overflow:hidden;visibility:hidden;display:block;margin:0 !important;padding:0 !important;width:100%}
.ctx{zoom:1;display:table-cell;}
.ie7 .ctx{display:block}
.ctx:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "}
.hide,.js .jsHide{display:none}
.out,.js .jsOut{position:absolute;left:-5000px;top:-5000px}
.vhide{position:absolute;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);margin:-1px;padding:0}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.lower{text-transform:lowercase}
.upper{text-transform:uppercase}
.bold{font-weight:bold}
.thin{font-weight:normal}
.italic{font-style:italic}
.normal{font-style:normal}
.top{vertical-align:top}
.middle{vertical-align:middle}
.big{font-size:14px}
.bigger{font-size:18px}
.small{font-size:11px}
.error,.red{color:#c00}
.green{color:#678713}
.grey{color:#999}
.nowrap{white-space:nowrap}

body{font:normal 14px/18px 'Source Sans Pro',Arial,"Helvetica Neue",Helvetica,sans-serif;color:#555}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}
h1,.h1{font-size:32px;line-height:34px;margin:25px 0 .2em}
h2{font-size:24px;line-height:24px;margin:1em 0 15px}
h3{font-size:18px;margin:1.4em 0 .6em}
h4{font-size:16px;margin:.2em 0 .3em}
h5,h6{font-size:15px;margin:.2em 0 .3em}
h6{font-size:18px}
p{margin:0 0 1.2em}
a{color:#2e446c;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);text-decoration:underline;}
a:hover{color:color $linkHover;text-decoration:none}
ul,ol{margin:0 0 1.5em 5px;list-style:none;padding:0}
li{padding:0 0 0 20px;margin:0 0 .75em;}
li ol,li ul{margin:.75em 0 0}
ol{counter-reset:item;}
ol li{background:none;position:relative;}
ol li:before,ol li .ie-counter{content:counter(item) ".";counter-increment:item;position:absolute;left:0;top:0;width:18px;color:#67b6f8;font-size:14px;font-weight:bold;text-align:left}
dl{margin:0 0 1.5em}
dt{font-weight:bold;text-transform:uppercase;margin:0 0 .4em}
dd{margin:0 0 1em;padding:0}
table{width:100%;clear:both;margin:0 0 1.5em;empty-cells:show;border-collapse:collapse;border:1px solid #e2e8ed;color:#5f6666}
caption{font-weight:bold;text-align:left;padding:0 0 10px;caption-side:top}
thead{-webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 2px -2px rgba(0,0,0,0.3);box-shadow:0 2px 2px -2px rgba(0,0,0,0.3);color:#21272c}
td,th{vertical-align:top;padding:10px 20px;border:1px solid #e2e8ed}
th{font-weight:bold;text-align:left;border-top:none}
tbody th{background:#f3f4f4}
tbody tr:nth-child(even) th{background:#fcfcfc}
thead th{padding:12px 15px 10px;border-bottom:1px solid #f7f7f7;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f7f7f7));background:-webkit-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:-moz-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:-ms-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:-o-linear-gradient(top,#fff 0%,#f7f7f7 100%);background:linear-gradient(top,#fff 0%,#f7f7f7 100%);color:$dark;text-transform:uppercase}
blockquote{display:inline-block;margin:.8em 0 .3em;font:normal 15px/24px 'Source Sans Pro',Arial,"Helvetica Neue",Helvetica,sans-serif;}
blockquote p{margin:0}
blockquote .author{display:block;font-size:14px;text-align:right}
p, h1, h2, h3, h4, h5, h6, h7, span{  
	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */;
}
:first-child{margin-top:0}
.row-main{width:800px}
.row,.row-main{position:relative;margin:0;padding:0;zoom:1;}
.row:after,.row-main:after,.row:before,.row-main:before{content:'';display:table;clear:both}
.row-main{margin:0 auto}
.col{display:inline;float:left;left:100%;position:relative;padding:0}

html{height:100%}
body{position:relative;min-height:100%;overflow:hidden}

/* Header */
#logo{display:block}

#header{color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);text-align:center;margin-bottom:6px;position:relative;padding:5px;z-index:5;}
#header {
background-color: #0677b3;
background: #0677b3 url('../img/bg-top.png') repeat 0 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 89%, rgba(0,0,0,0.08) 100%), #0677b3 url('../img/bg-top.png') repeat 0 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.08)), color-stop(10%,rgba(0,0,0,0.05)), color-stop(50%,rgba(0,0,0,0)), color-stop(89%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.08))), #0677b3 url(bg-top.png) repeat 0 0;
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 89%,rgba(0,0,0,0.08) 100%), #0677b3 url('../img/bg-top.png') repeat 0 0;
background: -o-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 89%,rgba(0,0,0,0.08) 100%), #0677b3 url('../img/bg-top.png') repeat 0 0;
background: -ms-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 89%,rgba(0,0,0,0.08) 100%), #0677b3 url('../img/bg-top.png') repeat 0 0;
background: linear-gradient(to bottom,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 89%,rgba(0,0,0,0.08) 100%), #0677b3 url('../img/bg-top.png') repeat 0 0;
}
#header{min-height:134px;padding:0;}
#header > .row-main{padding-top:23px;}
#header > .row-main:before{content:'';display:block;position:absolute;top:10px;left:50%;margin-left:-410px;width:75px;height:66px;background:url('../img/all.png') 0 0 no-repeat;z-index:1}
#header > .row-main:after{content:'';display:block;position:absolute;top:25px;right:50%;margin-right:-405px;width:75px;height:66px;background:url('../img/all.png') -100px 0 no-repeat;z-index:1}
> .row-main{padding:0}
.ie7 #header{position:static}
#header:after{content:'';display:block;position:absolute;bottom:-20px;left:50%;margin-left:-19px;z-index:9994; width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #0677b3;}
#header h1{color:#fafafa;font-size:36px;line-height:30px;font-weight:600;text-shadow:3px 4px 3px rgba(0,0,0,0.2);position:relative;z-index:2;}
#header h1 b{color:#ffd200;font-weight:600;text-transform:uppercase}
#header p{font-size:20px;line-height:22px;display:block;color:#ffd200;text-shadow:1px 2px 1px rgba(0,0,0,0.2); padding-bottom:5px;}

/* Main */
#main{margin-bottom:6px;padding:0 10px}

/* Footer */
#footer a{color:#555; padding: 0 0 30px;}
#footer {width:800px;margin:0 auto;}

/* Popup */
#popup{width: 100%; z-index:9999;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px rgba(0,0,0,0.15);box-shadow:0 0 5px rgba(0,0,0,0.15);}
#popup .popup-hd{text-align:center;color:#fff;background:#0075bc;position:relative;padding:18px 0 5px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
#popup .popup-hd:after{content:'';display:block;width:0;height:0;border-style:solid dashed dashed;border-color:#0075bc transparent transparent;border-width:15px;position:absolute;bottom:-30px;left:50%;margin-left:-15px}
#popup .popup-body{padding:35px 25px 0}
#popup .popup-ft{text-align:center;background:#e8e8e8;padding:14px 25px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);-moz-box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);color:#777;}
#popup .popup-ft b{font-weight:600}
#popup .popup-ft p{margin:0; white-space: normal;}
#popup h2{font-size:24px;line-height:24px;text-shadow:1px 2px 1px rgba(0,0,0,0.3);font-weight:500; padding: 5px;}
#popup .label-wrap{zoom:1;margin-bottom:13px}
#popup .label-wrap:after,#popup .label-wrap:before{content:'';display:table;clear:both}
#popup h3{font-size:30px;line-height:30px;font-weight:700;color:#bdbdbd;text-transform:uppercase;float:left;margin:0;}
#popup .label{color:#bdbdbd;display:inline;float:right;font-size:16px; padding: 10px 0 0;}
#popup .info-text{font-size:15px;line-height:20px;text-align:center;color:#797979;margin-bottom:8px}
#popup .inp-row{margin:0 0 10px;}
#popup .inp-row.inp-submit{margin-bottom:12px}
#popup .with-info-text .inp-row{margin:0}
#popup .btn{width:100%;}
#popup .btn span{padding:0;text-align:center;font-size:22px;line-height:30px; padding:10px;}


.inp-text{display:block;border:1px solid #cacaca;padding:5px 15px;background:#fff;color:rgb(201, 201, 201);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-family:'Source Sans Pro',Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:300;font-style:italic;font-size:18px;line-height:30px;height:30px;-webkit-transition:border-color .5s;-moz-transition:border-color .5s;-ms-transition:border-color .5s;-o-transition:border-color .5s;transition:border-color .5s;}
.inp-text{
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
}
.inp-text:focus{border-color:#aaa}
.inp-text::-webkit-input-placeholder{font-style:italic}
.inp-text::-moz-placeholder{font-style:italic}
.inp-text:-ms-input-placeholder{font-style:italic}
.inp-text:-moz-placeholder{font-style:italic}
textarea.inp-text{height:152px;min-height:30px;line-height:30px;padding-top:15px;padding-bottom:15px}
.inp-fix{position:relative;display:block;padding:0 32px 0 0;}
.inp-fix .inp-text{width:100%;margin:0 -32px 0 0;}
.ie7 .inp-fix .inp-text{margin-top:-1px}
.btn{display:inline-block;vertical-align:top;font-family:'Source Sans Pro',Arial,"Helvetica Neue",Helvetica,sans-serif;margin:0;padding:0;border:none;background:none;color:#b47200;text-decoration:none;}
.ie7 .btn{display:inline;zoom:1}
.btn span{position:relative;display:block;padding:0 15px;font-size:24px;text-decoration:none;color:#b47200;font-weight:600;text-shadow:0 1px 0 #ffed00;border:1px solid #eecf00;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffdb00),color-stop(100%,#f0cb00));background:-webkit-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-moz-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-ms-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-o-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background-color:#ffdb00}
.btn:hover span{background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0cb00),color-stop(100%,#ffdb00));background:-webkit-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-moz-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-ms-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-o-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background-color:#f0cb00;}
.btn span:after {content: ' \00BB';}
.ie8 #popup .btn span{font-size:16px}

#menu-main{font:300 13px/36px;}
#menu-main li{float:left}
#menu-main a{display:block}
#box-share{text-align:center;margin-bottom:15px;z-index: 9995;}
#box-share > *{display:inline-block;margin-right:15px;vertical-align:top}
#box-share .twt{margin-right:0}

.box-std{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-clip:padding-box;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.5);box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.5);background:#fff;background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#f2f2f2),color-stop(51.44%,#fff),color-stop(51.68%,#fff));background:-webkit-linear-gradient(bottom,#f2f2f2 0%,#fff 51.44%,#fff 51.68%);background:-moz-linear-gradient(bottom,#f2f2f2 0%,#fff 51.44%,#fff 51.68%);background:-ms-linear-gradient(bottom,#f2f2f2 0%,#fff 51.44%,#fff 51.68%);background:-o-linear-gradient(bottom,#f2f2f2 0%,#fff 51.44%,#fff 51.68%);background:linear-gradient(bottom,#f2f2f2 0%,#fff 51.44%,#fff 51.68%);background-color:#f2f2f2;}
.box-std .box-in{padding:7px 17px;zoom:1;}
.box-std .box-in .popup-open {text-decoration: none;}
.box-std .box-in:after,.box-std .box-in:before{content:'';display:table;clear:both}
/*.ie8*/ .box-std .box-in:after,.box-std .box-in:before{display:block\9;}
/*.ie8*/ .box-std .box-in,.ie7 .box-std .box-in{border:1px solid #eee\9;}
/*.ie8*/ .box-step.step-1 .box-in,.ie7 .box-step.step-1 .box-in{padding:5px 8px 20px 15px}
.box-step{margin-bottom:15px;position:relative;z-index:2;}
.box-step .box-in{padding:15px}
.box-step:after{content:'';display:block;position:absolute;left:50%;bottom:-22px;margin-left:-20px;width:41px;height:23px;background:url('../img/all.png') -250px 0 no-repeat;z-index:2}
/*.ie8*/ .box-step:after{display:none\9;}
.box-step.step-1{z-index:4;}
.box-step.step-1 .box-in{padding:6px 8px 20px 15px;background:url('../img/box.png') 430px center no-repeat;}
.box-step.step-1 p{margin-top:18px;width:350px; color: #2e446c;}
/*.box-step.step-1 p{width:100%\9}*/
.box-step.step-1 .yt-subscribe{width:300px;}
.box-step.step-1 .yt-subscribe{width:100%\9;}
.box-step.step-1 .itunes{float: right; margin-right: 45px; margin-top: 10px;}
.box-step.step-2{z-index:3}
.box-step.step-2 p{line-height:24px; padding-top: 5px; color: #2e446c; width: 55%;}
.box-step.step-2 p span{color: #555555; font-size: 18px; font-weight: 400;}
.box-step.step-2 .button-holder{float: right; margin: -15px 10px 0 0;}
.box-step.step-2 .button-holder p{font-size: 16px; font-weight: 900; text-align: center; color: #535353; line-height: 26px;}
.box-step.step-2 .box-in{padding:6px 8px 6px 15px;background:url('../img/box.png') 430px center no-repeat;}

.box-step h2{color:#fff;font-size:18px;text-align:left;overflow: hidden;width:78px;height:30px;line-height:33px;}
.ribbon{background-color:#0677b3;margin:12px 40px 0 -23px;padding:0 0 0 12px;-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);font-size:20px;line-height:36px;height:36px;width:78px;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:left;}
.ribbon:before{content:'';display:block;position:absolute;top:100%;left:0px; width:0px;height:0px;z-index:2;line-height: 0;border-left: 7px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.65);}
.ribbon:after{content:'';display:block;position:absolute;right:-17px;top:0;width:0px;height:0px;z-index:2;border-top: 18px solid #0677b3; border-right: 18px solid transparent; border-bottom: 18px solid #0677b3;}

/*.box-step h2{color:#fff;background-color:#0677b3;font-size:18px;margin:0 40px 0 -23px;padding:0 0 0 12px;-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5),inset 19px 0px 11px rgba(0,0,0,0.15);font-size:20px;line-height:36px;height:36px;width:78px;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:left;text-align:left;}
.box-step h2:before{content:'';display:block;position:absolute;top:100%;left:0px; width:0px;height:0px;z-index:2;line-height: 0;border-left: 7px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.65);}
.box-step h2:after{content:'';display:block;position:absolute;right:-17px;top:0;width:0px;height:0px;z-index:2;border-top: 18px solid #0677b3; border-right: 18px solid transparent; border-bottom: 18px solid #0677b3;}
*/
.box-step p{font-size:16px;line-height:24px;float:left;margin:0;font-weight:600;}
.btn-link{text-decoration: none;}
.box-step.step-3:after{display:none}

.box-step.step-3 img{float: right; margin: -20px 0 0 0; padding: 0;}

.box-step p:last-child{margin:0}
.box-step.step-2 p:last-child{margin:20px 25px 0 0}
.box-step p.yellow{line-height:24px;width:550px;margin-top: 10px;text-decoration: none;color:#b47200;text-shadow:0 1px 0 #ffed00;border:1px solid #eecf00;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:8px 10px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffdb00),color-stop(100%,#f0cb00));background:-webkit-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-moz-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-ms-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:-o-linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background:linear-gradient(top,#ffdb00 0%,#f0cb00 100%);background-color:#ffdb00;}
.box-step p.yellow:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0cb00),color-stop(100%,#ffdb00));background:-webkit-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-moz-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-ms-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:-o-linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background:linear-gradient(top,#f0cb00 0%,#ffdb00 100%);background-color:#f0cb00;}
.ie8 .box-step p.yellow,.ie7 .box-step p.yellow{font-size:23px}
.ie7 .box-step p.yellow{float:none}
.box-step p.yellow a{color:#b47200;text-shadow:0 1px 0 #ffed00; text-decoration: none;}
.box-step p.link{font-size:14px;text-align:center;zoom:1;float: none;max-width: 550px;margin: 0 auto;}
.box-step p.link:after,.box-step p.link:before{content:'';display:table;}
.box-step p.link a{color:#576684}

	#book-big{
		float: left;
		margin-top: -20px;
		z-index: 100;
		position: relative;
		
	}
	
	.book p{
		font-family: "Source Sans Pro";
		font-weight: 600;
		font-size: 24px;
		color: #555555;
		margin: 10px 0 0 10px;
		float: left;
		width: 140px;
		letter-spacing: -0.05px;
	}

.box-video{margin-bottom:9px;}
.box-video .box-std{width:312px;min-height:270px;}
/*.ie8*/  .box-video .box-std{width:310px\9;float:left\9;margin-left:8px\9;}
.box-video .box-std .box-in{padding:7px 17px}
/*.ie8*/  .box-video .video-img{width:480px\9;}
.ie8 .box-video .box-std .box-in,.ie7 .box-video .box-std .box-in{height:254px;}
.small-img {position: absolute;right: 18px;top: -6px;}
.box-video h2{padding-right:100px;margin-top:17px;font-size:24px;line-height:24px;position:relative; text-align: left;}
.box-video h2 span{position:absolute;width:91px;height:123px;display:block;top:-42px;right:3px;z-index:6;}
.ie7 .box-video h2 span{top:-32px}
.box-video li{font-size:15px;margin-bottom:15px}
.box-video li.last{margin-bottom:0}
.box-video li .arrow{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align: middle;}
.box-video b{font-weight:600}
.box-video .video-img{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:9px; text-align: center;}

.box-video .video-img img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:top;max-width:100%;height:270px;border:none}
.btn-link{text-decoration: none;}
.box-video .video-img{float:left;margin:0; width:60%;}
.box-video{zoom:1;margin-bottom:9px;}
.box-video:after,.box-video:before{content:'';display:table;clear:both}

/* sharebar */
#sharebar { width: 70px; margin: 0px 0px 0px 20px; display: block; position: absolute; background: transparent; border: none; padding: 5px; list-style: none; text-align: center; z-index: 9990;}
#sharebar { *margin-left: -891px !important;}
#sharebar > *{display:inline-block;margin:0 0 15px;vertical-align:top; text-align: center;}


@media (min-width:600px){
	body{overflow:visible;}
	#header p{display:block;color:#ffd200;text-shadow:1px 2px 1px rgba(0,0,0,0.2); padding-bottom:10px;}

	.box-step.step-1 p{float:left;width:55%;}
	.box-step.step-1 .yt-subscribe{float:right;width:39%}

	.box-video .video-img img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:top;border:none}
	.box-video .box-std{width:39%;float:right}


}
@media (max-width:800px) {

	#header h1{font-size:20px;line-height:22px; padding: 10px;}
	#header p{padding:10px;}
	.box-step.step-1 .box-in{background:none;}
	.box-std{width:100%;}
	.box-step{margin-bottom:9px; width: 100%;}
	.box-step.step-1 p {margin-top:18px;}
	.box-step.step-1 .itunes{margin: 10px auto;}

	.ribbon{float:none; display:block;padding:0px 9px 0px;margin:10px -23px 10px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;width:100%;}

	.box-step h2{line-height:34px;text-align:center;text-transform:uppercase;width:100%;}
	.box-step p{font-size:16px;line-height:18px;}
	.box-step p {float:none;}
	.box-step p.yellow {width: 90%; margin: 0 auto;}

	.box-video .box-std{width:100%;}
	.box-video .box-std .box-in{padding:15px}
	.box-video h2{font-size:18px;line-height:20px;}
	.box-video li{font-size:14px;line-height:16px;margin-bottom:10px;}
	.box-video h2{text-align: center;padding-right:0;}
	.box-video h2 span{position:relative;display:block;margin: 0 auto; top: 0; right:0;}
	.box-step.step-2 p {line-height: 24px;padding: 5px 0px;float: left;}
	.box-step.step-2 .box-in{background:none; }

	.row-main{width:100%}
	.small-img {top:0;right:0;display:block;position:relative;margin:10px auto;} 
	.box-step p{font-size:20px;line-height:24px;margin:0;}
	#popup .popup-hd{padding:18px 0 5px}
	#popup .popup-body{padding:35px 25px 0}
	#popup .popup-ft{padding:14px 25px}
	#popup h2{font-size:20px}
	#popup h3{font-size:20px;line-height:20px}
	#popup .label{padding:0;font-size:18px}
	#popup .info-text{font-size:12px}
	#popup .btn span{font-size:15px}
	.box-video .video-img{float:none;margin:0 auto 10px; width:100%;}
	.box-video .video-img > div { margin: 0 auto }
	.box-video .video-img > div[id|=leadplayer_video_element_] { margin: 0 auto }
	#footer {width:90%;margin:0 auto;}
	
	.box-step.step-3 img {display: block;float: none;margin: 10px auto;padding: 0;}
	#book-big{float: none; display: block; margin: 0 auto;}
	.book p{width: 100%; margin: 10px auto 0 auto; text-align: center;}
}

@media (max-width:600px) {
	.box-step.step-1 p, .box-step.step-2 p {width:100%; text-align: center;float:none;margin-top: 15px;}
	.box-step.step-1 .yt-subscribe{width:100%}
	.box-step.step-1 .itunes{float:none;display:block;text-align: center;margin: 10px auto;}
	.box-step.step-2 p {padding-top:0;}
	.box-step.step-2 .button-holder {float:none;}

	.box-video .box-std{width:100%;}
	.box-video h2 img {display:block; margin:10px auto; }

	.btn-link{text-decoration: none;}
}


/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 9998;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        top: 10%; 
        left: 45%;
        margin-left: -10%;
        width: 400px;
        background: #fff;
        position: absolute;
        z-index: 9999;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: -10px;
        right: -10px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        background:url('../img/all.png') no-repeat -375px 0;
        width:22px;
        height:22px;
        } 
   @media (max-width:800px) {
   	.reveal-modal {
        left: 40%;
        margin-left: -22%;
        width: 60%;
        }
   }     
   @media (max-width:600px) {
   	.reveal-modal {
   		top: 5%;
        left: 40%;
        margin-left: -22%;
        width: 70%;
        }
   }
   @media (max-width:400px) {
   	.reveal-modal {
   		top: 5%;
        left: 35%;
        margin-left: -20%;
        width: 75%;
        }
   }
   @media (max-width:320px) {
   	.reveal-modal {
   		top: 2%;
   		left:5%;
   		margin-left:0;
   		width: 90%;

        }
   }