#agencyView .content,#introView .content{padding-left:10px;padding-right:10px;overflow:hidden;box-sizing:border-box}
#container,.videoPlayer .link-popup{-webkit-font-smoothing:antialiased}
#introView .bottomHalf .yourContainer .photoUpload .photoBtn,.ccnr,.videoPlayer .link-popup,.videoPlayer .videoBgHolder .videoBg{background-position:center center;background-repeat:no-repeat}
.ccnr,.videoPlayer .link-popup,.videoPlayer .videoBgHolder .videoBg,.view .bg{background-repeat:no-repeat}
#agencyView .content,#introView .content,.border-box{box-sizing:border-box}
.roboto{font-family:Roboto,Arial,helvetica,sans-serif}
.avenir{font-family:avenir,Arial,helvetica,sans-serif}
.view{overflow:hidden}
.view .bg{background-color:#252525;background-image:url(../img/petrjohn_bg_2_mobile@2x@2x.jpg);background-size:1066.5px 600px;position:fixed;overflow:hidden;height:100%;width:100%}
@media only screen and (min-width:500px){.view .bg{background-image:url(../img/petrjohn_bg_2@2x.jpg);background-size:1920px 1080px;width:1920px;height:1080px}
}
.view .bg .tint,.view .overlay{height:100%;width:100%;top:0;left:0;position:absolute}
.view .bg .media{position:absolute}
.view .bg .tint{background-color:rgba(0,0,0,.2)}
.view .overlay{background-color:#000;opacity:.5}
#introView{font-smooth:always;display:none}
#introView .content{position:absolute;width:100%;top:0;left:0}
#introView .content .share{position:absolute;top:44px;color:#fff;right:36px;display:inline-block}
#introView .content .share div{cursor:pointer;display:inline-block;width:40px;height:40px;margin:-28px -11px 5px 5px;color:#fff;font-size:18px;text-align:center}
@media only screen and (min-width:768px){#introView .content{text-align:center}
#introView .content .share{top:20px;right:20px}
#introView .content .share div{font-size:24px;margin:5px}
}
#introView .content .share .btnFacebook,#introView .content .share .btnTwitter{margin-right:3px;-webkit-transition:color .3s cubic-bezier(.25,.46,.45,.94);background-size:28px 28px;width:28px;height:28px}
#introView .content .share .btnTwitter{background-image:url(../img/twitter_share@2x.png);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#introView .content .share .btnTwitter:hover{background-image:url(../img/twitter_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#introView .content .share .btnFacebook{background-image:url(../img/fb_share@2x.png);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#introView .content .follow .followHim,#introView .content .follow .handle{margin:auto;letter-spacing:1px;font-family:DINNextLTPro-Bold;text-transform:uppercase}
#introView .content .share .btnFacebook:hover{background-image:url(../img/fb_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#introView .content .share .btnGoogle{background-image:url(../img/google_share@2x.png);background-size:28px 28px;width:28px;height:28px;-webkit-transition:color .3s cubic-bezier(.25,.46,.45,.94);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#introView .content .share .btnGoogle:hover{background-image:url(../img/google_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#introView .content .follow{top:32px;color:#fff;left:20px;position:absolute;text-align:left;text-decoration:none;cursor:pointer;-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94);transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}
#agencyView .content .follow,#introView .bottomHalf .generateBtn{-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer}
#introView .content .follow:hover a{color:#4f8066}
#introView .content .follow .followHim{font-size:11px}
#introView .content .follow .handle{font-size:13px}
#introView .content .follow a{text-decoration:none;color:#fff}
#introView .content .logoTop{text-align:center;width:100%;height:30px;font-family:DINNextLTPro-BoldItalic;color:#4f8066;font-size:15px;text-transform:uppercase;font-weight:900;letter-spacing:2px;padding-top:5px}
#introView .content .logoTop .left{background-image:url(../img/left_border_mobile@2x.png);background-size:90px 51px;width:90px;height:51px;display:inline-block}
@media only screen and (min-width:768px){#introView .content .logoTop .left{background-image:url(../img/right_border@2x.png);background-size:138px 78px;width:138px;height:78px;display:inline-block}
}
#introView .content .logoTop .profileImage{margin:80px auto 0;border-radius:50%;border:4px solid #f1f1f2;background-image:url(../img/petrjohn_profile_mobile@2x.jpg);background-size:80px 80px;width:80px;height:80px;display:inline-block}
@media only screen and (min-width:768px){#introView .content .logoTop .profileImage{margin-top:50px;background-image:url(../img/petrjohn_profile@2x.jpg);background-size:140px 140px;width:140px;height:140px}
}
#introView .content .logoTop .right{background-image:url(../img/right_border_mobile@2x.png);background-size:90px 51px;width:90px;height:51px;display:inline-block}
@media only screen and (min-width:768px){#introView .content .logoTop .right{background-image:url(../img/left_border@2x.png);background-size:138px 78px;width:138px;height:78px;display:inline-block}
#introView .content .logoTop{top:218px;left:180px;width:100%;font-size:16px;text-align:center}
}
@media only screen and (min-width:1024px){#introView .content .logoTop{top:310px;left:240px;width:100%;font-size:22px;text-align:center}
}
#introView .content .logo{background-image:url(../img/petrjohn_logo_mobile@2x.png);background-size:300px 149px;width:300px;height:149px;margin:150px auto;position:relative}
@media only screen and (min-width:768px){#introView .content .logo{margin:180px auto;background-image:url(../img/petrjohn_logo@2x.png);background-size:494px 243px;width:494px;height:243px}
}
#introView .nameTag{position:absolute;width:300px;height:42px;margin:auto;font-family:CariolaScriptStd;top:340px;left:0;right:0;color:#4f8066;font-size:46px;text-align:center;text-shadow:2px 2px 8px #000}
@media only screen and (min-width:768px){#introView .nameTag{top:466px;font-size:52px}
}
#introView .bottomHalf{position:absolute;top:175px;left:0;width:100%}
#introView .bottomHalf .directive{color:#fff;margin:230px auto auto;width:300px;text-transform:uppercase;letter-spacing:1px;font-family:DINNextLTPro-Italic;font-size:11px;text-align:center}
@media only screen and (min-width:768px){#introView .bottomHalf{top:310px}
#introView .bottomHalf .directive{width:511px;font-size:14px}
}
#introView .bottomHalf .directive .bold{font-family:DINNextLTPro-Bold}
#introView .bottomHalf .userInput{background-color:transparent;border-right:1px solid #f1f1f2;border-bottom:1px solid #f1f1f2;border-top:1px solid #f1f1f2;border-left:1px solid #f1f1f2}
#introView .bottomHalf .error{border-color:#711812}
#introView .bottomHalf input{color:#f1f1f2;font-family:DINNextLTPro-Light;text-indent:10px;letter-spacing:1px;-webkit-appearance:none;border-radius:0}
#introView .bottomHalf .yourContainer{width:100%;height:100%;margin:20px auto auto}
@media only screen and (min-width:768px){#introView .bottomHalf .yourContainer{width:502px}
}
#introView .bottomHalf .yourContainer ::-webkit-input-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .yourContainer :-moz-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .yourContainer ::-moz-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .yourContainer :-ms-input-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .yourContainer .your{font-family:DINNextLTPro-BoldItalic;color:#4f8066;font-size:12px;text-transform:uppercase;letter-spacing:1px;width:246px;margin:0 auto 8px}
#introView .bottomHalf .yourContainer .yourName{height:30px}
@media only screen and (min-width:768px){#introView .bottomHalf .yourContainer .your{width:502px;font-size:14px}
#introView .bottomHalf .yourContainer .yourName{display:inline-block;margin:0 10px 0 auto}
}
#introView .bottomHalf .yourContainer .photo{display:none;height:30px;vertical-align:bottom;color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:5px;letter-spacing:1px;line-height:26px;text-align:left}
#introView .bottomHalf .yourContainer .photoUpload,#introView .bottomHalf .yourContainer .photoUpload .photoText{height:32px;color:#f1f1f2;font-family:DINNextLTPro-Light;letter-spacing:1px;text-transform:uppercase}
#introView .bottomHalf .yourContainer .photoUpload{vertical-align:bottom;text-indent:5px;line-height:26px;text-align:left;cursor:pointer;position:relative}
#introView .bottomHalf .yourContainer .photoUpload .photoText{width:200px;border-right:2px solid #f1f1f2;text-indent:10px;font-size:11px;line-height:34px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#introView .bottomHalf .yourContainer .photoUpload .photoText.errorRight{border-right:2px solid #711812}
#introView .bottomHalf .yourContainer .photoUpload .photoBtn{background-image:url(../img/add_icon@2x.png);background-size:16px 16px;display:inline-block;vertical-align:text-top;pointer-events:auto;width:33px;height:30px;position:absolute;top:0;right:0}
@media only screen and (min-width:768px){#introView .bottomHalf .yourContainer .photoUpload{display:inline-block;margin:0 auto}
}
#introView .bottomHalf .yourContainer .greeting{height:30px;margin-top:5px}
@media only screen and (min-width:768px){#introView .bottomHalf .yourContainer .greeting{width:496px;margin-top:10px}
}
#introView .bottomHalf .userInput{margin:0 auto 10px;display:block;width:240px}
#introView .bottomHalf .theirContainer{width:100%;height:100%;margin:20px auto auto}
@media only screen and (min-width:768px){#introView .bottomHalf .theirContainer{width:504px}
}
#introView .bottomHalf .theirContainer ::-webkit-input-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .theirContainer :-moz-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .theirContainer ::-moz-placeholder{color:#f1f1f2;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .theirContainer :-ms-input-placeholder{color:#252525;font-family:DINNextLTPro-Light;text-transform:uppercase;text-indent:10px;letter-spacing:1px}
#introView .bottomHalf .theirContainer .their{font-family:DINNextLTPro-BoldItalic;color:#4f8066;font-size:12px;text-transform:uppercase;letter-spacing:1px;width:246px;margin:0 auto 8px}
#introView .bottomHalf .theirContainer .theirName{height:30px}
#introView .bottomHalf .theirContainer .brand{height:30px;vertical-align:bottom}
@media only screen and (min-width:768px){#introView .bottomHalf .theirContainer .their{width:502px;font-size:14px}
#introView .bottomHalf .theirContainer .theirName{display:inline-block;margin:0 10px 0 auto}
#introView .bottomHalf .theirContainer .brand{display:inline-block;margin:10px 10px 0 auto;width:497px}
}
#introView .bottomHalf .theirContainer .book{height:30px;margin-top:5px}
@media only screen and (min-width:768px){#introView .bottomHalf .theirContainer .book{display:inline-block;margin:10px auto 0}
}
#introView .bottomHalf .theirContainer .lastName{height:30px;vertical-align:bottom;margin-top:10px}
@media only screen and (min-width:768px){#introView .bottomHalf .theirContainer .lastName{display:inline-block;margin:0 auto}
}
#introView .bottomHalf .generateBtn{width:240px;height:60px;margin:20px auto;position:relative;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}
#introView .bottomHalf .generateBtn:hover .genBg{opacity:1}
#introView .bottomHalf .generateBtn .genBg{position:absolute;top:0;left:0;opacity:.8;width:240px;height:60px;background-color:#4f8066}
@media only screen and (min-width:768px){#introView .bottomHalf .generateBtn,#introView .bottomHalf .generateBtn .genBg{width:504px}
#agencyView .content{text-align:center}
}
#introView .bottomHalf .generateBtn span{text-align:center;color:#fff;font-size:26px;font-family:DINCondensed-Bold;letter-spacing:2px;text-transform:uppercase;opacity:1;z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;line-height:65px}
#agencyView{width:100%;height:100%;display:none}
#agencyView .content{height:100%;position:absolute;width:100%;top:0;left:0}
#agencyView .content .share{position:absolute;top:44px;color:#fff;right:36px;display:inline-block}
#agencyView .content .share div{cursor:pointer;display:inline-block;width:40px;height:40px;margin:-28px -11px 5px 5px;color:#fff;font-size:18px;text-align:center}
@media only screen and (min-width:768px){#agencyView .content .share{top:20px;right:20px}
#agencyView .content .share div{font-size:24px;margin:5px}
}
#agencyView .content .share .btnFacebook,#agencyView .content .share .btnTwitter{margin-right:3px;-webkit-transition:color .3s cubic-bezier(.25,.46,.45,.94);background-size:28px 28px;width:28px;height:28px}
#agencyView .content .share .btnTwitter{background-image:url(../img/twitter_share@2x.png);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#agencyView .content .share .btnTwitter:hover{background-image:url(../img/twitter_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#agencyView .content .share .btnFacebook{background-image:url(../img/fb_share@2x.png);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#agencyView .content .share .btnFacebook:hover{background-image:url(../img/fb_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#agencyView .content .share .btnGoogle{background-image:url(../img/google_share@2x.png);background-size:28px 28px;width:28px;height:28px;-webkit-transition:color .3s cubic-bezier(.25,.46,.45,.94);transition:color .3s cubic-bezier(.25,.46,.45,.94)}
#agencyView .content .share .btnGoogle:hover{background-image:url(../img/google_share_hover@2x.png);background-size:28px 28px;width:28px;height:28px}
#agencyView .content .follow{top:32px;color:#fff;left:20px;position:absolute;text-align:left;text-decoration:none;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}
#agencyView .content .follow:hover a{color:#4f8066}
#agencyView .content .follow .followHim,#agencyView .content .follow .handle{margin:auto;text-transform:uppercase;letter-spacing:1px;font-family:DINNextLTPro-Bold;font-size:13px}
#agencyView .content .follow a{text-decoration:none;color:#fff}
#agencyView .content .wrapper{height:632px;margin:auto;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}
#agencyView .content .header{width:330px;margin:auto;font-family:ClarendonBTPro-Roman;padding-top:160px;color:#fff;text-align:center;font-size:28px;height:35px;line-height:27px}
@media only screen and (min-width:768px){#agencyView .content .header .firstLine{font-size:44px;line-height:40px}
#agencyView .content .header{padding-top:65px;width:530px;height:22px;font-size:65px}
}
#agencyView .content .header .secondLine{width:100%;height:42px;margin:auto;font-family:CariolaScriptStd;color:#4f8066;text-align:center;text-shadow:2px 2px 8px #000}
#agencyView .content .borderContainer{display:none}
@media only screen and (min-width:768px){#agencyView .content .borderContainer{display:block;width:673px;height:506px;position:absolute;margin:auto;bottom:0;left:0;right:0;pointer-events:none}
#agencyView .content .borderContainer .border.topLeft{margin-right:506px}
}
#agencyView .content .borderContainer .border{background-image:url(../img/video_border@2x.png);background-size:83px 53px;width:83px;height:53px;display:inline-block}
#agencyView .content .borderContainer .border.topLeft{position:relative}
#agencyView .content .borderContainer .border.topRight{float:right;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
#agencyView .content .borderContainer .border.bottomLeft{display:inline-block;float:left;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
#agencyView .content .borderContainer .border.bottomRight{float:right;display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#agencyView .content .playBtn{display:none}
@media only screen and (min-width:768px){#agencyView .content .borderContainer .border.bottomLeft,#agencyView .content .borderContainer .border.bottomRight{margin-top:298px}
#agencyView .content .playBtn{z-index:3;display:block;background-image:url(../img/video_play@2x.png);background-size:75px 75px;width:75px;height:75px;position:absolute;top:27px;bottom:0;left:0;right:0;margin:auto}
}
#agencyView .content .videoOverlay{display:none}
@media only screen and (min-width:768px){#agencyView .content .videoOverlay{display:block;background-color:#000;width:600px;height:340px;position:absolute;top:25px;bottom:0;left:0;right:0;margin:auto;opacity:.5;pointer-events:auto;cursor:pointer;z-index:2}
}
.videoPlayer,.videoPlayer .player{display:none}
#agencyView .content .videoHolder{border:1px solid #f1f1f2;width:310px;height:180px;margin:30px auto auto}
#agencyView .content .videoHolder video{pointer-events:auto}
@media only screen and (min-width:768px){#agencyView .content .videoHolder{margin-top:70px;width:600px;height:340px}
}
#agencyView .content .btnContainer{width:100%;height:150px;margin:20px auto auto}
#agencyView .content .btnContainer .textContainer{margin:25px auto auto;width:270px;text-align:center;color:#fff;font-family:DINNextLTPro-Bold;font-size:13px;letter-spacing:1px;text-transform:uppercase}
@media only screen and (min-width:768px){#agencyView .content .btnContainer .textContainer{width:510px;font-size:15px}
}
#agencyView .content .btnContainer .btn{width:100%;margin:14px auto auto;cursor:pointer;position:relative;-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94);transition:opacity .3s cubic-bezier(.25,.46,.45,.94);pointer-events:auto}
#agencyView .content .btnContainer .btn:hover .btnBg{opacity:1}
#agencyView .content .btnContainer .btn .btnBg{position:absolute;top:0;width:300px;height:60px;background-color:#4f8066;margin:0 auto;left:0;right:0;opacity:.8}
.videoPlayer,.videoPlayer .videoHolder{height:100%;width:100%}
@media only screen and (min-width:768px){#agencyView .content .btnContainer .btn .btnBg{width:326px}
#agencyView .content .btnContainer .btn{width:504px}
}
#agencyView .content .btnContainer .btn span{text-align:center;color:#fff;font-size:26px;font-family:DINCondensed-Bold;letter-spacing:2px;text-transform:uppercase;opacity:1;z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;line-height:70px}
.videoPlayer{-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94) 0s;transition:opacity .3s cubic-bezier(.25,.46,.45,.94) 0s;opacity:0;z-index:1000;top:0;left:0;position:fixed;background-color:#000}
.videoPlayer.showContent{opacity:1;-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94) .1s;transition:opacity .3s cubic-bezier(.25,.46,.45,.94) .1s}
.videoPlayer .videoHolder .mainVideo{position:absolute;width:100%;height:100%;top:0;left:0}
.videoPlayer .btnClose{top:20px}
.videoPlayer video{position:absolute;opacity:0;top:0;left:0;-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94);transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .btnFacebook,.videoPlayer .btnTwitter{-webkit-transition:color .6s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer video.show{opacity:1}
.videoPlayer .share{position:absolute;top:20px;left:20px;color:#fff;z-index:200;display:none}
.videoPlayer .share div{cursor:pointer;display:inline-block;width:40px;height:40px;margin:5px;color:#fff;font-size:24px;text-align:center}
.videoPlayer .btnDownload:hover,.videoPlayer .btnFacebook:hover,.videoPlayer .btnTwitter:hover{color:#4f8066}
.videoPlayer .share.show{display:block}
.videoPlayer .btnTwitter{transition:color .6s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .btnFacebook{transition:color .6s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .btnDownload{-webkit-transition:color .6s cubic-bezier(.25,.46,.45,.94);transition:color .6s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .loadHolder{width:210px;height:210px;position:absolute;margin:auto;left:0;right:0;top:-150px;bottom:0}
.videoPlayer .loadHolder .loaderImg{background-image:url(../img/petr_loader@2x.jpg);width:200px;height:200px;background-size:200px 200px;border-radius:250px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:33}
.videoPlayer .loadHolder .loader{font-size:10px;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;margin:auto;position:absolute;top:-2px;bottom:0;left:-2px;right:0}
.videoPlayer .disclaimer,.videoPlayer .message{text-transform:uppercase;letter-spacing:1px;margin:auto;left:0;right:0;text-align:center;color:#fff}
.videoPlayer .loadHolder .loader,.videoPlayer .loadHolder .loader:after{border-radius:50%;width:193px;height:193px}
@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.videoPlayer .videoBgHolder{width:100%;height:100%}
.videoPlayer .videoBgHolder .videoBg{background-image:url(../img/petrjohn_bg_2@2x.jpg);background-size:1920px 1080px;width:100%;height:100%;-webkit-transition:-webkit-transform 80s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform 80s cubic-bezier(.25,.46,.45,.94);transition:transform 80s cubic-bezier(.25,.46,.45,.94);transition:transform 80s cubic-bezier(.25,.46,.45,.94),-webkit-transform 80s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .videoBgHolder .videoBg.scaleUp{-webkit-transform:scale(1.4);transform:scale(1.4)}
.videoPlayer .videoBgHolder .videoOverlay{background-color:#000;opacity:.4;width:100%;height:100%;position:absolute;top:0;pointer-events:none}
.videoPlayer .message{width:100%;height:28px;font-size:25px;position:absolute;top:150px;bottom:0;font-family:DINCondensed-Bold}
@media only screen and (min-width:768px){.videoPlayer .message{font-size:36px}
}
.videoPlayer .disclaimer{width:100%;height:11px;font-family:DINNextLTPro-BoldItalic;font-size:11px;position:absolute;top:226px;bottom:0}
.videoPlayer .bar,.videoPlayer .barHolder{bottom:0;height:15px;background-color:#b62225;position:absolute}
.videoPlayer .barHolder{width:100%;opacity:.3}
.videoPlayer .bar{width:0;-webkit-transition:width .3s cubic-bezier(.25,.46,.45,.94);transition:width .3s cubic-bezier(.25,.46,.45,.94)}
.videoPlayer .link-popup{position:absolute;top:50px;z-index:20;background-image:url(../img/popup_bg@2x.png);background-size:184px 20px;width:300px;height:40px;color:#fff;text-align:center;font-family:"Open Sans",serif;font-weight:600;font-size:11px;margin:0 auto;line-height:35px;opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}
.videoPlayer .link-popup.showContent{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
.videoPlayer #legacyPlayer{position:absolute;top:0}
#global-zeroclipboard-html-bridge{top:-999999px!important}
.btnClose{z-index:2000;cursor:pointer;position:absolute;right:20px;top:20px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);color:#fff;font-size:24px}
#container,.layer{position:absolute;top:0;left:0;width:100%;height:100%}
.btnClose:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@font-face{font-family:DINNextLTPro-Italic;src:url(/fonts/DINNextLTPro-Italic.eot?#iefix) format('embedded-opentype'),url(/fonts/DINNextLTPro-Italic.otf) format('opentype'),url(/fonts/DINNextLTPro-Italic.woff) format('woff'),url(/fonts/DINNextLTPro-Italic.ttf) format('truetype'),url(/fonts/DINNextLTPro-Italic.svg#DINNextLTPro-Italic) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:DINNextLTPro-Bold;src:url(/fonts/DINNextLTPro-Bold.eot?#iefix) format('embedded-opentype'),url(/fonts/DINNextLTPro-Bold.otf) format('opentype'),url(/fonts/DINNextLTPro-Bold.woff) format('woff'),url(/fonts/DINNextLTPro-Bold.ttf) format('truetype'),url(/fonts/DINNextLTPro-Bold.svg#DINNextLTPro-Bold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:DINNextLTPro-BoldItalic;src:url(/fonts/DINNextLTPro-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/fonts/DINNextLTPro-BoldItalic.otf) format('opentype'),url(/fonts/DINNextLTPro-BoldItalic.woff) format('woff'),url(/fonts/DINNextLTPro-BoldItalic.ttf) format('truetype'),url(/fonts/DINNextLTPro-BoldItalic.svg#DINNextLTPro-BoldItalic) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:DINNextLTPro-Light;src:url(/fonts/DINNextLTPro-Light.eot?#iefix) format('embedded-opentype'),url(/fonts/DINNextLTPro-Light.otf) format('opentype'),url(/fonts/DINNextLTPro-Light.woff) format('woff'),url(/fonts/DINNextLTPro-Light.ttf) format('truetype'),url(/fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:CariolaScriptStd;src:url(/fonts/CariolaScriptStd.eot?#iefix) format('embedded-opentype'),url(/fonts/CariolaScriptStd.otf) format('opentype'),url(/fonts/CariolaScriptStd.woff) format('woff'),url(/fonts/CariolaScriptStd.ttf) format('truetype'),url(/fonts/CariolaScriptStd.svg#CariolaScriptStd) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:DINCondensed-Bold;src:url(/fonts/DINCondensed-Bold.eot?#iefix) format('embedded-opentype'),url(/fonts/DINCondensed-Bold.woff) format('woff'),url(/fonts/DINCondensed-Bold.ttf) format('truetype'),url(/fonts/DINCondensed-Bold.svg#DINCondensed-Bold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:ClarendonBTPro-Roman;src:url(/fonts/ClarendonBTPro-Roman.eot?#iefix) format('embedded-opentype'),url(/fonts/ClarendonBTPro-Roman.otf) format('opentype'),url(/fonts/ClarendonBTPro-Roman.woff) format('woff'),url(/fonts/ClarendonBTPro-Roman.ttf) format('truetype'),url(/fonts/ClarendonBTPro-Roman.svg#ClarendonBTPro-Roman) format('svg');font-weight:400;font-style:normal}
.dinCondensedBold{font-family:DINCondensed-Bold}
.dinItalic{font-family:DINNextLTPro-Italic}
.dinBold{font-family:DINNextLTPro-Bold}
.dinBoldItalic{font-family:DINNextLTPro-BoldItalic}
.dinLight{font-family:DINNextLTPro-Light}
.CariolaScript{font-family:CariolaScriptStd}
.ClaredonRoman{font-family:ClarendonBTPro-Roman}
.sans{font-family:Arial,helvetica,sans-serif}
.serif{font-family:Georgia,serif}
.smartFill{width:100%;max-height:100%}
.cover{background-size:cover;-ms-behavior:url(../js/vendor/backgroundsize.min.htc)}
.triggerGPU{-webkit-transform:translateZ(0);transform:translateZ(0)}
.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}