| Current Path : /home/ereika83/public_html/wp-content/uploads/pp_projects/3726/css/ |
| Current File : /home/ereika83/public_html/wp-content/uploads/pp_projects/3726/css/_rwd.css |
/* Enable Responsive ----------- */
.headlineWrapper,
.salesWrapper,
.footerCopy {
width: 100%;
max-width: 960px;
overflow-x: hidden;
overflow-y: visible; }
@media only screen and (max-width: 980px) {
.bannerImage, .headlineWrapper, .wideVideoWrapper, .salesWrapper {
padding-left: 60px;
padding-right: 60px; }
.headlineWrapper .turnVolumeUp, .arrowSide {
display: none; }
.coreVideo {
width: 100%;
max-width: 960px;
overflow: hidden; }
.coreVideo .coreVideo-container {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
width: 100%; }
.coreVideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.coreVideo .video-js, .coreVideo section {
width: 100% !important; }
.salesWrapper .orderGuarantee {
width: 100%;
text-align: center; }
.salesWrapper .orderSecure {
width: 100%;
text-align: center;
margin-left: 0; }
.salesWrapper .orderWrapper .orderBadges b {
display: block; }
/* BLACKBOARD_LARGE */
/* BLACKBOARD_SMALL */
.wideVideoWrapper .skin--blackboard-small {
background-position: center center;
background-size: 100% auto !important;
height: auto; }
/* IMAC LARGE */
.wideVideoWrapper.skin--imac-large {
height: auto; }
.imacstand {
width: 100%; }
/* IMAC SMALL */
.wideVideoWrapper.skin--imac-small {
height: auto; }
.imacstand_small {
display: none; }
/* IPAD LARGE */
.wideVideoWrapper.skin--ipad-large {
background: none repeat scroll 0 0 transparent;
height: auto;
padding: 0; }
.wideVideoWrapper.skin--ipad-small {
background: none repeat scroll 0 0 transparent;
height: auto; }
/* OPTIN LEFT */
.coreVideo > .left {
width: 100%; }
.coreVideo > .right.optinSideBox {
width: 100%; }
.coreVideo > .right.optinSideBox {
width: 100%; }
.coreVideo > .right.optinSideBox .optinInput {
width: 100%; }
.coreVideo > .right.optinSideBox .optinButton {
width: 100%; }
.coreVideo > .right.optinSideBox .optinButton .orderBTN {
width: 100%; }
.coreVideo > .right.optinSideBox .optinInput input {
height: 49px;
font-size: 14px;
text-align: center;
padding-left: 0;
background: none !important; }
/* OPTIN RIGHT */
.coreVideo > .right {
width: 100%; }
.coreVideo > .left.optinSideBox {
width: 100%; }
.coreVideo > .left.optinSideBox {
width: 100%; }
.coreVideo > .left.optinSideBox .optinInput {
width: 100%;
margin: 0 !important; }
.coreVideo > .left.optinSideBox .optinButton {
width: 100%;
margin: 0 !important; }
.coreVideo > .left.optinSideBox .optinButton .orderBTN {
width: 100%; }
.coreVideo > .left.optinSideBox .optinInput input {
height: 49px;
font-size: 14px;
text-align: center;
padding-right: 0;
background: none !important; }
/* OPTIN */
.salesWrapper {
padding: 40px 20px; }
.salesWrapper .optinInput.left {
margin: 0 auto;
width: 100%; }
.salesWrapper .optinButton.left {
width: 100%; }
.salesWrapper .optinButton .orderBTN {
width: 100% !important; }
/* SKINNY */
.headlineWrapper.skinny, .wideVideoWrapper.skinny, .salesWrapper.skinny, .footerCopy.skinny {
width: 100% !important;
max-width: 960px !important;
overflow-x: hidden !important;
overflow-y: visible !important; }
/* WHITEBOARD */
.wideVideoWrapper.whiteboard_large {
background: none repeat scroll 0 0 transparent;
height: auto;
padding: 0; }
.wideVideoWrapper .whiteboard_small {
background: none repeat scroll 0 0 transparent;
height: auto;
padding: 0;
box-shadow: 0 !important; } }
@media only screen and (max-width: 768px) {
.salesWrapper .orderWrapper .orderButon .orderBTN {
font-size: 22px; } }
@media only screen and (max-width: 568px) {
.bannerImage, .headlineWrapper, .wideVideoWrapper, .salesWrapper, .footerCopy {
padding-left: 30px;
padding-right: 30px; }
.headlineWrapper .headlineCopy {
font-size: 200%; } }
@media only screen and (max-width: 360px) {
.salesWrapper .orderWrapper .orderButon .orderBTN {
font-size: 16px; }
.optinButton .orderBTN {
font-size: 16px; } }
@media (max-width: 960px) {
.wideVideoWrapper {
max-width: 768px;
padding-left: 35px;
padding-right: 35px; }
.wideVideoWrapper.skin--blackboard-large {
background-position: center center;
background-size: 768px auto !important;
height: auto; }
.wideVideoWrapper.skin--blackboard-large .coreVideo {
padding: 30px 0px 30px 0px;
margin: 0px; }
.wideVideoWrapper.skin--blackboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-large .coreVideo #vpa_video {
height: 384px !important; }
.wideVideoWrapper.skin--ipad-large .coreVideo {
margin: 0px; }
.wideVideoWrapper.skin--ipad-large .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-large .coreVideo #vpa_video {
margin: 0px; }
.wideVideoWrapper.skin--whiteboard-large {
background-position: center center;
background-size: 768px auto !important;
height: auto; }
.wideVideoWrapper.skin--whiteboard-large .coreVideo {
padding: 30px 0px 30px 0px;
margin: 0px; }
.wideVideoWrapper.skin--whiteboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--whiteboard-large .coreVideo #vpa_video {
height: 384px !important; }
.wideVideoWrapper .imacstand {
/*
width: 960px !important;
img {
border: 1px solid red;
}*/ } }
@media (max-width: 768px) {
.wideVideoWrapper {
max-width: 480px;
padding-left: 22px;
padding-right: 22px; }
.wideVideoWrapper.skin--blackboard-large {
background-size: 480px auto !important; }
.wideVideoWrapper.skin--blackboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-large .coreVideo #vpa_video {
height: 240px !important; }
.wideVideoWrapper.skin--whiteboard-large {
background-size: 480px auto !important; }
.wideVideoWrapper.skin--whiteboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--whiteboard-large .coreVideo #vpa_video {
height: 240px !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo {
width: 440px;
height: 284px;
padding: 15px;
background-size: 440px auto !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-small .coreVideo #vpa_video {
height: 254px !important; }
.wideVideoWrapper.skin--imac-large {
padding-left: 0px;
padding-right: 0px; }
.wideVideoWrapper.skin--imac-large .coreVideo .video-holder, .wideVideoWrapper.skin--imac-large .coreVideo #vpa_video {
height: 240px !important; }
.wideVideoWrapper.skin--imac-large.skin--imac-large + .wideVideoWrapper {
padding-left: 0px;
padding-right: 0px; }
.wideVideoWrapper.skin--imac-small .coreVideo .video-holder, .wideVideoWrapper.skin--imac-small .coreVideo #vpa_video {
height: 240px !important; }
.wideVideoWrapper.skin--ipad-large .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-large .coreVideo #vpa_video {
height: 240px !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo {
width: 480px;
height: 320px;
padding: 12px;
background-size: 480px auto !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-small .coreVideo #vpa_video {
height: 280px !important; } }
@media (max-width: 480px) {
.wideVideoWrapper {
max-width: 360px;
padding-left: 16px;
padding-right: 16px; }
.wideVideoWrapper.skin--blackboard-large {
background-size: 360px auto !important; }
.wideVideoWrapper.skin--blackboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-large .coreVideo #vpa_video {
height: 180px !important; }
.wideVideoWrapper.skin--whiteboard-large {
background-size: 360px auto !important; }
.wideVideoWrapper.skin--whiteboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--whiteboard-large .coreVideo #vpa_video {
height: 180px !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo {
width: 320px;
height: 210px;
padding: 12px;
background-size: 320px auto !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-small .coreVideo #vpa_video {
height: 182px !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo {
width: 360px;
height: 240px;
padding: 12px;
background-size: 360px auto !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-small .coreVideo #vpa_video {
height: 210px !important; } }
@media (max-width: 360px) {
.wideVideoWrapper {
max-width: 240px;
padding-left: 12px;
padding-right: 12px; }
.wideVideoWrapper.skin--whiteboard-large {
background-size: 240px auto !important; }
.wideVideoWrapper.skin--whiteboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--whiteboard-large .coreVideo #vpa_video {
height: 120px !important; }
.wideVideoWrapper.skin--blackboard-large {
background-size: 240px auto !important; }
.wideVideoWrapper.skin--blackboard-large .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-large .coreVideo #vpa_video {
height: 120px !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo {
width: 220px;
height: 144px;
padding: 9px;
background-size: 220px auto !important; }
.wideVideoWrapper.skin--blackboard-small .coreVideo .video-holder, .wideVideoWrapper.skin--blackboard-small .coreVideo #vpa_video {
height: 126px !important; }
.wideVideoWrapper.skin--imac-small .coreVideo .video-holder, .wideVideoWrapper.skin--imac-small .coreVideo #vpa_video {
height: 130px !important; }
.wideVideoWrapper.skin--ipad-large .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-large .coreVideo #vpa_video {
height: 130px !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo {
width: 240px;
height: 180px;
padding: 12px;
background-size: 240px auto !important; }
.wideVideoWrapper.skin--ipad-small .coreVideo .video-holder, .wideVideoWrapper.skin--ipad-small .coreVideo #vpa_video {
height: 130px !important; } }
@media (max-width: 568px) {
.wideVideoWrapper {
/* SKIN DEFAULT */
/* SKIN ARROW */ }
.wideVideoWrapper .skin--default {
height: 240px; }
.wideVideoWrapper .skin--default .video-holder, .wideVideoWrapper .skin--default #vpa_video {
height: 200px !important; }
.wideVideoWrapper.skin--arrows {
height: 240px; }
.wideVideoWrapper.skin--arrows .video-holder, .wideVideoWrapper.skin--arrows #vpa_video {
height: 200px !important; } }