@charset "UTF-8"; .page-layout-full-width #cattle-heat-stress {font:400 16px "Roboto", sans-serif; color:#444;} .landing-wrap {background:#fff;-webkit-font-smoothing:antialiased;} .brand-header {z-index:2 !important;} /* TYPE */ .landing-wrap h1 {font:normal 300 56px/62px 'Roboto Condensed', sans-serif;color: #185a96;margin-bottom:24px;} .landing-wrap h1 .subhead {text-transform: uppercase;font-size:38px; display:block;} .landing-wrap h2 {font:normal 300 42px/56px 'Roboto Condensed', sans-serif;color: #185a96;margin-bottom:20px;} .product-landing-kestrel.landing-wrap h1, .product-landing-kestrel.landing-wrap h2, .product-landing-kestrel.landing-wrap p, .product-landing-kestrel.landing-wrap h3, .product-landing-kestrel.landing-wrap .link-cta {color:#333;} .product-landing-kestrel.landing-wrap .link-cta:after {border-left: 6px solid #333;} .product-landing-kestrel.landing-wrap .link-cta:hover:after {border-left: 6px solid #000;} .product-landing-kestrel.landing-wrap h2, .product-landing-kestrel.landing-wrap p, .product-landing-kestrel.landing-wrap h3, .product-landing-kestrel.landing-wrap .link-cta {color:#333;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta:after {border-left: 6px solid #fff;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta:hover:after {border-left: 6px solid #fff;} .product-landing-kestrel.landing-wrap .dark-bk h2, .product-landing-kestrel.landing-wrap .dark-bk p, .product-landing-kestrel.landing-wrap .dark-bk h3 {color:#fff;text-shadow:1px 1px 3px #222;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta {color:#ffcc1b;text-shadow:1px 1px 3px #222;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta:after {border-left: 6px solid #ffcc1b;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta:hover {color:#ffd647;} .product-landing-kestrel.landing-wrap .dark-bk .link-cta:hover:after {border-left: 6px solid #ffd647;} .landing-wrap h3 {color: #185a96;font-size:20px;line-height: 30px;margin:0 0 5px;} .text-center {text-align: center;} .full-row:after {content: "";display: table;clear: both;} .full-row {padding:0 40px;max-width:1400px;margin:0 auto;} /*body {min-width:960px; font:400 16px/22px "Roboto", sans-serif; color:#444;} h1 { font:normal 700 2.625em/1.2em "Roboto Condensed", sans-serif; margin-bottom:.2em;} h2 { font:normal 700 1.5em/1.5em "Roboto Condensed", sans-serif; margin:0 0 1em; } h3 {font-size: 1em; line-height:1.222222em; margin:0 0 1.222222em; font-weight: bold;} p {font-size:1em; line-height:1.5em; margin:0 0 1.5em; font-weight:300;}*/ .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /*################### SUP ####################*/ /*==========================SpeedCoach SUP 2=======================================*/ .TpBnr { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-top-banner.jpg) no-repeat top center /cover; height:663px; margin: 0; position:relative; } .BnrTxt { width:100%; width:480px; padding:60px 10px 0; margin-left: 5%; } .BnrTxt h1 { font-size:48px; color:#fff; text-transform:capitalize; font-weight:100; } .BnrTxt p { font-size:20px; color:#fff; font-weight:300; margin-bottom: 30px; } .BnrTxt p strong { font-weight:700; } .BnrTxt a { font-weight: bold;background:#88da4d; padding: 9px 38px; border-radius:5px; color:#000; font-size:18px; text-transform:uppercase; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; margin-top: 10px ; } .BnrTxt a:hover { background:#0a6fac ; color:#fff; } .TpBnr .ph-crd{position:absolute; bottom:8px; font-size:10px; left:0px; width:100%; text-align:right; padding:0px 0%; color:#fff;} .TpBnr .ph-crd .bound{margin:0px auto; width: 98%; max-width:1100px; } .SpedMsring { width:100%; /*background:#f3f3e2;*/ background: #deedec; background-position: 0 59px; } .SpedMsrngtop { max-width:799px; margin:-140px auto 18px; text-align:center; } .SpedMsrngtop h2 { margin:-24px 0px 13px; font-size:42px; color:#333333; text-transform:capitalize; font-weight:300; } .SpedMsrngtop p { font-size:20px; color:#838467; font-weight:300; padding:0 85px; } .SpedMsrngtop h3 { font-size:16px; color:#000; font-weight:700;} .SpedMsrngtop h3 img { vertical-align:middle; margin:0 7px 0 0;} .SpedMsrngtop img {position: relative;} .HomeLstng { width:100%; padding: 0 15px 20px; max-width: 1170px; margin-right: auto; margin-left: auto; position: relative; overflow: hidden; } .MsrmntLst { width: 50%; padding:0 50px 0 0; float: left; } .MsrmntLst h2 { margin:0px; padding:0px 0px 13px; font-size:32px; color:#333333; font-weight:300; font-weight:300; text-transform:capitalize; } .MsrmntLst ul { margin:0px; padding:0px; list-style:none;} .MsrmntLst ul li { float:left; width:100%; margin:0 0 27px;} .MsrmntLst ul li:last-child {margin:0 0 5px;} .MsrmntLst ul li h3 { margin:0px; padding:0px 0px 4px; font-size:22px; color:#61c400; font-weight:300; text-transform:capitalize;} .MsrmntLst ul li p { margin:0px; padding:0px; font-size:14px; color:#555555; font-weight:400; } .MsrmntLst ul li a { font-weight:700; font-size:14px; color:#555; text-transform:capitalize; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .MsrmntLst ul li a:hover { color:#61c400; } #FtureLst { padding:0 0 0 22px; border-left:1px solid #dedece; } #FtureLst h3 { color:#31608c;} #FtureLst ul li a:hover { color:#31608c; } .TrainingPck { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-training-pack_banner.jpg) no-repeat top center/ cover; display: block; } .TrningPckTxt { max-width:700px; padding: 74px 0px 0px 20px; position: relative; width: 100%; } div.sup-row.hundred.content-block { margin-right: 0 !important; overflow: hidden; } .TrningPckTxt h2 { margin:0px; padding:0px; font-size:30px; color:#ffffff; font-weight:400; line-height:normal;} .TrningPckTxt h3 { margin:0px; padding:0px 0px 18px; font-size:55px; color:#ffffff; font-weight:700; text-transform:uppercase; line-height:normal} .TrningPckTxt h4 { margin:0px 0px 28px; padding:0px 0px 22px; font-size:20px; color:#ffffff; font-weight:400; line-height:normal; border-bottom:1px solid #555555; } .TrningPckTxt h5 { margin:0px; padding:0px 0px 9px; font-size:24px; color:#6fe001; font-weight:400; text-transform:capitalize; line-height:normal} .TrningPckTxt p { margin:0px; padding:0px 0px 20px; font-size:16px; color:#fff; font-weight:400; } .Performnc { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-performance.jpg) no-repeat top center/ cover; padding:0 0 125px 0; } .performncTxt { width:90%;text-align:center; padding:94px 0 0 0; margin-bottom: 93px; margin-right: auto; margin-left: auto; } .performncTxt h2 { font-size:42px; color:#6fe001; padding:0 0 13px 0; margin:0px; font-family:Roboto Condensed; font-weight:300;} .performncTxt p { font-size:18px; line-height:26px; color:#fff; padding:0 0 6px 0; margin:0 auto; max-width:750px;} .performncTxt .dwnload{font-size:18px; color:#ffffff; line-height:190%;} .performncTxt a { font-size:18px; color:#6fe001 !important; text-decoration: underline; transition: all 0.4s ease-in-out 0s;} .performncTxt a:hover { color:#0a6fac;} .PerformncCatgry { width:100%; max-width: 90%; margin-right: auto; margin-left: auto; overflow: hidden; } .PerformncCatgry ul { list-style:none; margin:0px; padding:0px;} .PerformncCatgry ul li.fourcol { width:32.55555%; padding:0px; line-height:normal; margin-right:1%; float:left;} .PerformncCatgry ul li.fourcol:last-child { margin-right:0px;} .PrformncBox { width:100%; background:#3c3c3c; border-radius:5px; padding:25px 0 43px; text-align:center;-webkit-box-shadow: 0 0px 3px 1px #1b1b1b; box-shadow: 0 0px 3px 1px #1b1b1b;} .PrformncBox span { font-size:46px; color:#6fe001; font-weight:700; border-bottom:2px solid #6fe001; margin-bottom:18px; display:inline-block; padding:0px 30px;} .PrformncBox p { font-size:16px; color:#fff; line-height:18px; max-width:100%; margin:0 auto; padding:0 10px; min-height:100px;} .WhiteBg { width:100%; padding-top: 70px; padding-bottom: 70px; padding-left: 0px; background:#fff; } .Calories { width:100%; max-width: 1170px; overflow: hidden; margin-right: auto; margin-left: auto; } .CaloriesPic { width:49%; float:left; max-width: 577px; } .CaloriesTxt { width:48%; padding: 0 10px 0 48px; max-width: 592px; float: right; } .CaloriesTxt h2 { font-size:30px; color:#333333; padding:0 0 0 0; font-family:Roboto Condensed; font-weight:300; margin:0px; line-height:25px;} .CaloriesTxt h3 { font-size:55px; color:#333333; padding:0 0 24px 0; font-family:Roboto Condensed; font-weight:700; margin:0px; text-transform:uppercase;} .CaloriesTxt p { font-size:16px; line-height:26px; color:#4a4a4a; padding:0 0 23px 0; margin:0px;} .CaloriesTxt p a { font-size:14px; color:#555555; text-decoration:none; padding:0px; margin:0px; display:inline-block; transition: all 0.4s ease-in-out 0s; font-weight:700;} .CaloriesTxt p a:hover { color:#0a6fac;} .CaloriesTxt span { font-family:Roboto Condensed; font-weight:300; text-transform:uppercase; font-size:18px; color:#333; padding:0 0 18px 0; margin:0px; display:inline-block;} .Video { float:left; border:3px solid #50be00; width:100%; line-height:0px; position:relative; padding-bottom:57%;} .Video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .Video img { width:100%;} .Video a { background:url(http://www.nkhome.com/img/play_buton.png) no-repeat 0px 0px; width:117px; height:114px; position:absolute; top:50%; left:0px; right:0px; margin:-60px auto 0px;} .Video a:hover { background-position:0 -114px;} .Video a img { width:auto;} .TranningPlan { width:100%; background: url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-training-plans.jpg) top no-repeat; height:868px; } .TraningTxt { width:90%; max-width: 1100px; padding:65px 0 0 0; margin-right: auto; margin-left: auto; } .TraningTxt h2 {font-size:30px; color:#333333; padding:0 0 0 0; font-family:Roboto Condensed; font-weight:300; margin:0px; line-height:25px;} .TraningTxt h3 {font-size:55px; color:#333333; padding:0 0 26px 0; font-family:Roboto Condensed; font-weight:700; margin:0px; text-transform:uppercase; display:inline-block;} .TraningTxt h3 img { float:right;} .TraningTxt p {font-size:16px; line-height:26px; color:#4a4a4a; padding:0 0 24px 0; margin:0px;} .TraningTxt .TraningTxta { font-size:18px; font-weight:700; text-decoration:none; background:#88da4d; border-radius:5px; color:#222; padding:8px 28px; display:inline-block; transition: all 0.6s ease-in-out 0s; text-transform:uppercase;} .TraningTxt .TraningTxta:hover { background:#0a6fac; color:#fff;} .Reviews { width:100%; background:#f3f3e2; padding:65px 0px;} .testimonial { width:100%; max-width: 1170px; margin-right: auto; margin-left: auto; overflow: hidden; } .testimonial h2 {font-family:Roboto Condensed; font-size:42px; color:#333; padding: 30px 0 28px; margin:0px; text-align:center;} .testimonial ul { list-style:none; margin:0px; padding:0px;} .testimonial ul li { margin-right:4%; } .testimonial li.sixcol { overflow: hidden;width: 45%; display: inline-table; margin-left: 10px; } .testimonial ul li:nth-child(2n) { margin-right:0;} .ReviewsPic { width:142px; height:142px; border-radius:50%; float:left; background:#fff; overflow:hidden; margin:0 30px 0 0;} .ReviewsPic img { width:100%;} .ReviewsTxt { margin:25px 0 0 0; padding-left: 173px; } .ReviewsTxt h3 { font-size:18px; font-weight:700; color:#333; padding:0 0 6px 0; margin:0px; line-height:24px;} .ReviewsTxt p { font-size:15px; color:#333333; line-height:24px; padding:0 0 8px 0; margin:0px; width: 100%; } .Reviews ul li a { font-weight:700; font-size:14px; color:#555; text-transform:capitalize; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .SpedMatrs { width: 100%; background:#fff; padding: 20px 10px 0; margin-right: auto; margin-left: auto; position: relative; } .MainBar { width:50%; padding:0 0 0 8%; float: right; } .Mattars { width:100%; max-width: 1170px; text-align:center; border-bottom:1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; margin-right: auto; margin-left: auto; overflow: hidden; } .Mattars h2 { font-family:Roboto Condensed; font-size:42px; color:#333; padding:0 0 18px 0; margin:0px;} .Mattars p { font-family:Roboto Condensed; font-size:20px; font-weight:300; color:#333; line-height:32px; padding: 0 0 20px; margin:px;} .Mattars .sixcol { margin: 0px auto; width: 95%; } .SpedoMetrs { width:100%; margin-bottom:65px; position: relative; text-align: center; } .SpedoMetrs .gotodownloads{ height: 100%; } .SpedoMetrs h3 {font-family:Roboto Condensed; font-weight:700; font-size:34px; color:#333; padding:0 0 17px 0; margin:0px; text-transform:uppercase; } .SpedoMetrs h4 {font-family:Roboto Condensed; font-weight:300; font-size:32px; color:#50be00; padding:0 0 0 0; margin:0px; } .SpedoMetrs a, .SpedoMetrs button { font-size:18px; font-weight:700; text-decoration:none; color:#222; background:#88da4d; border-radius:5px; margin:0 auto; display:table; text-transform:uppercase; padding:8px 38px; transition: all 0.6s ease-in-out 0s;} .SpedoMetrs a:hover, .SpedoMetrs button:hover {background:#0a6fac; color:#fff;} .purchaseBox { width:92%; border:1px solid #cccccc; text-align:center; padding: 0 4% 10px; margin-right: auto; margin-left: auto; } .purchaseBox h5 {font-family:Roboto Condensed; font-size:18px; color:#777; padding:0 10px; margin:-12px auto 0; background:#fff; text-transform:uppercase; display:table;} .purchaseBox p { color:#777; text-transform:uppercase; line-height:normal; padding:0px; margin:0px;} .purchaseBox p a {font-family:Roboto Condensed ; font-size:15px; color:#28b6e5; text-transform:uppercase; text-decoration:none; transition: all 0.6s ease-in-out 0s;} .purchaseBox p a:hover { color:#777;} .CntctDeler { width:100%; text-align:center;} .CntctDeler p { color:#333; padding:0px; margin:0px; line-height:normal; font-size:18px;} .CntctDeler p a { color:#098dcb; text-decoration:none; font-weight:700;} .CntctDeler p a:hover { text-decoration:underline;} .Traning { width:100%; float:left; padding:0 0 0 0; margin-bottom: 20px; max-width: 50%; } .Traning table tr th {vertical-align: top; border-right:1px solid #ccc; font-family:Roboto Condensed; font-weight:700; font-size:17px; color:#4a4a4a; text-transform:uppercase; padding-bottom:6px; text-align: center; } .Traning table tr th small { font-weight:400;} .Traning table tr td {text-transform: uppercase; border-top:1px solid #ccc; border-right:1px solid #ccc; font-family:Roboto Condensed ; font-size:15px; color:#4a4a4a; padding:9px 0px;} .Traning table tr td.GrenBg { background:#88da4d; text-align: center; } .Downlod { width:40%; float:left; text-align:left; } .Downlod h6 { font-family:Roboto Condensed; font-size:18px; color:#333; padding:0 0 6px 0; margin:0px;} .Downlod a { font-size:17px; color:#28b6e5; text-decoration:none; display:table;} .Downlod a:hover { text-decoration:underline;} .row.hundred{max-width:100%; margin-bottom:0px;} @media all and (max-width: 767px) { .BnrTxt { width:90%; padding: 10px 10px 0; margin-right: 30px; float: none; max-width:100%; position: relative; } .BnrTxt h1 { font-size:48px; color:#fff; text-transform:capitalize; font-weight:300; } .SpedMsrngtop p { font-size:20px; color:#838467; font-weight:300; padding: 0 20px; } .SpedMsrngtop { margin: -120px auto 18px; } .MsrmntLst { float: none; width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 20px; overflow: hidden; } #FtureLst { padding: 0; border-left-style: none; } .performncTxt { margin-bottom: 20px; padding-top: 20px; } .PerformncCatgry ul li.fourcol, .PerformncCatgry ul li.fourcol:last-child { width:60%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } .TrningPckTxt { max-width:700px; padding: 20px 20px 0px; position: relative; width: 100%; } .WhiteBg { padding: 0 0 15px 0px; } .CaloriesPic { width:100%; float: none; width: 100% !important; max-width: 768px !important; } .CaloriesPic img { width: 7684px !important; } div.CaloriesTxt { width: 100%; padding: 0 0px; float: none; margin-top: 20px; } .TranningPlan { width:100%; background: url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-training-plans-mobile.jpg) bottom no-repeat #dde4ea; background-size: cover; height:868px; overflow: hidden; } .TraningTxt { padding: 20px 0 0px; } a.TraningTxta { } .Traning { width:100%; float: none; padding:0 0 0 0; border-bottom-style: none; margin-bottom: 60px; max-width: 100%; } .testimonial li.sixcol { overflow: hidden;width: 95%; display: inline-table; margin-left: 10px; } .ReviewsPic { width:142px; height:142px; border-radius:50%; float:left; background:#fff; overflow:hidden; margin:0 30px 0 0;} .ReviewsPic img { width:100%;} .ReviewsTxt { margin:25px 0 0 0; padding-left: 173px; } .MainBar { width:100%; padding:0; float: none; border-bottom: 1px solid #ccc; overflow: hidden; } .SpedoMetrs h3 {text-align: center;} .SpedoMetrs h4 { text-align: center; } .SpedMatrs { padding: 30px 0 0;} .SpedoMetrs { width:100%; float: none; margin-bottom:15px;} .SpedoMetrs p{ text-align: center; } .Downlod { width:100%; float: none; } /*td.GrenBg {text-align: center; }*/ .purchaseBox { margin-right: auto; margin-left: auto; width: 90%; padding-right: 10px; padding-left: 10px; margin-top: 30px; } .MainBar .oc-asterisk{ margin-bottom: 0; } } @media all and (max-width: 600px) { .SpedMsrngtop { margin: -70px auto 18px; } .PerformncCatgry ul li.fourcol, .PerformncCatgry ul li.fourcol:last-child { width:80%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } .ReviewsPic { width:75px; height:75px;} .ReviewsTxt { padding-left: 80px; } } /*div.product-info-main { width: 73.5%; } div.product.media { width: 24.5%; }*/ /*div.nksports_marketing_section { overflow: hidden; overflow-x:hidden; } @media all and (min-width: 768px) { div.nksports_marketing_section { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } } @media all and (min-width: 1150px) { div.nksports_marketing_section { margin-left: 0; margin-right: 0; margin-left: calc(-100vw / 2 + 1150px / 2); margin-right: calc(-100vw / 2 + 1150px / 2); } }*/ /*==========================SpeedCoach OC 2=======================================*/ .TpOC2Bnr {width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-oc-top-banner.jpg) no-repeat top center /cover; height: 663px; margin: 0; position:relative; } .OC2BnrTxt { float:right; width:100%; max-width:480px; padding-top: 90px; padding-bottom: 0; padding-left: 10px; margin-right: 30px; } .OC2BnrTxt h1 { font-size:56px; color:#fff; text-transform:capitalize; font-weight:100;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1)} .OC2BnrTxt p { font-size:20px; color:#fff; font-weight:300; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) } .OC2BnrTxt p strong { font-weight:700;} .OC2BnrTxt a { font-weight: bold;background:#ef5238; padding: 9px 38px; border-radius:5px; color:#000; font-size:18px; text-transform:uppercase; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; border: 2px solid #fff; position: relative; display: inline-block; margin-top: 0; } .OC2BnrTxt a:hover { background:#0a6fac ; color:#fff; } .TpOC2Bnr .ph-crd{position:absolute; bottom:8px; font-size:10px; left:0px; width:100%; text-align:right; padding:0px 0%; color:#fff;} .TpOC2Bnr .ph-crd .bound{margin:0px auto; width:100%; max-width:1100px;} .SpedOC2Msring { width:100%; background:#f3f3e2; padding: 0 0 20px; } .SpedOC2Msrngtop { max-width:799px; margin:-140px auto 18px; text-align:center; z-index: 10; position: relative; width: 95%; } .SpedOC2Msrngtop h2 { margin-top: -24px; margin-bottom: 13px; font-size:42px; color:#333333; text-transform:capitalize; font-weight:300; } .SpedOC2Msrngtop p { font-size:20px; color:#838467; font-weight:300; padding:0 85px; } .SpedOC2Msrngtop h3 { font-size:16px; color:#000; font-weight:700;} .SpedOC2Msrngtop h3 img { vertical-align:middle; margin:0 7px 0 0;} .HomeOC2Lstng { width:100%; padding:0 15px; overflow: hidden; } .OC2MsrmntLst { float:left; width: 49%; padding: 0 30px 0 20px;} .OC2MsrmntLst h2 { margin:0px; padding:0px 0px 13px; font-size:32px; color:#333333; font-weight:300; font-weight:300; text-transform:capitalize; } .OC2MsrmntLst ul { margin:0px; padding:0px; list-style:none;} .OC2MsrmntLst ul li { width:100%; margin:0 0 27px;} .OC2MsrmntLst ul li:last-child {margin:0 0 5px;} .OC2MsrmntLst ul li h3 { margin:0px; padding:0px 0px 4px; font-size:22px; color:#ef5238; font-weight:300; text-transform:capitalize;} .OC2MsrmntLst ul li p { margin:0px; padding:0px; font-size:14px; color:#555555; font-weight:400; } .OC2MsrmntLst ul li a { font-weight:700; font-size:14px; color:#555; text-transform:capitalize; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .OC2MsrmntLst ul li a:hover { color:#e83a2b; } #OC2FtureLst { padding:0 0 0 22px; border-left:1px solid #dedece; } #OC2FtureLst h3 { color:#31608c;} #OC2FtureLst ul li a:hover { color:#31608c; } .OC2TrainingPck { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-oc-training-pack.jpg) no-repeat top center/ cover; miheight:797px;} .OC2TrningPckTxt { width:100%; max-width:700px; padding: 74px 0px 0px 20px;} .OC2TrningPckTxt h2 { margin:0px; padding: 0px 10px; font-size:30px; color:#ffffff; font-weight:400; line-height:normal;} .OC2TrningPckTxt h3 { margin:0px; padding: 0px 10px 18px; font-size:55px; color:#ffffff; font-weight:700; text-transform:uppercase; line-height:normal} .OC2TrningPckTxt h4 { margin:0px 0px 28px; padding: 0px 10px 22px; font-size:20px; color:#ffffff; font-weight:400; line-height:normal; border-bottom:1px solid #555555; } .OC2TrningPckTxt h5 { margin:0px; padding: 0px 10px 9px; font-size:24px; color: #e83a2b; font-weight:400; text-transform:capitalize; line-height:normal-moz-box-shadow: 0 0 1px #dbb0b0; } .OC2TrningPckTxt p { margin:0px; padding: 0px 10px 20px; font-size:16px; color:#fff; font-weight:400; } .OC2Performnc { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-performance.jpg) no-repeat top center/ cover; padding: 0 0 25px;} .OC2performncTxt { width:100%; text-align:center; padding:94px 0 0 0; margin-bottom:93px;} .OC2performncTxt h2 { font-size:42px; color:#e83a2b; padding:0 0 13px 0; margin: 0px auto; font-family:Roboto Condensed; width: 95%; } .OC2performncTxt p { font-size:18px; line-height:26px; color:#fff; padding:0 0 6px 0; margin:0 auto; max-width:750px; width: 95%; } .OC2performncTxt .dwnload{font-size:18px; color:#ffffff; line-height:190%;} .OC2performncTxt a { font-size:18px; color:#e83a2b !important; text-decoration: underline; transition: all 0.4s ease-in-out 0s;} .OC2performncTxt a:hover { color: #ea6b60;} .OC2PerformncCatgry { width:100%; overflow: hidden; } .OC2PerformncCatgry ul { list-style:none; margin: 0px auto; padding:0px; width: 90%; } .OC2PerformncCatgry ul li.fourcol { width:32.55555%; padding:0px; line-height:normal; margin-right:1%; float:left;} .OC2PerformncCatgry ul li.fourcol:last-child { margin-right:0px;} .OC2PrformncBox { width:100%; float:left; background:#3c3c3c; border-radius:5px; padding:25px 0 43px; text-align:center;-webkit-box-shadow: 0 0px 3px 1px #1b1b1b; box-shadow: 0 0px 3px 1px #1b1b1b;} .OC2PrformncBox span { font-size:46px; color:#e83a2b; font-weight:700; margin-bottom:18px; display:inline-block; padding:0px 30px;} .OC2PrformncBox p { font-size:16px; color:#fff; line-height:18px; max-width:100%; margin:0 auto; padding:0 10px; min-height:100px;} .OC2WhiteBg { width:100%; padding: 20px 0px 15px; background:#fff; overflow: hidden; } .OC2Calories { width:100%;} .OC2CaloriesPic { width:49%; float: left; } .OC2CaloriesTxt { width:49%; padding:0 0px 0 48px; float: right; } .OC2CaloriesTxt h2 { font-size:30px; color:#333333; padding:0 0 0 0; font-family:Roboto Condensed; margin:0px; line-height:25px;} .OC2CaloriesTxt h3 { font-size:55px; color:#333333; padding:0 0 24px 0; font-family:Roboto Condensed; margin:0px; text-transform:uppercase;} .OC2CaloriesTxt p { font-size:16px; line-height:26px; color:#4a4a4a; padding:0 0 23px 0; margin:0px;} .OC2CaloriesTxt p a { font-size:14px; color:#555555; text-decoration:none; padding:0px; margin:0px; display:inline-block; transition: all 0.4s ease-in-out 0s; font-weight:700;} .OC2CaloriesTxt p a:hover { color:#0a6fac;} .OC2CaloriesTxt span { font-family:Roboto Condensed; text-transform:uppercase; font-size:18px; color:#333; padding:0 0 18px 0; margin:0px; display:inline-block;} .OC2Video { border:3px solid #e83a2b; width:100%; line-height:0px; position:relative; padding-bottom:57%;} .OC2Video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .OC2Video img { width:100%;} .OC2Video a { background:url(http://www.nkhome.com/img/play_buton.png) no-repeat 0px 0px; width:117px; height:114px; position:absolute; top:50%; left:0px; right:0px; margin:-60px auto 0px;} .OC2Video a:hover { background-position:0 -114px;} .OC2Video a img { width:auto;} .OC2impeller { width:100%; float:left; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-oc-impeller.jpg) no-repeat top center/ cover;padding-bottom: 40px; } .OC2impellerTxt { width:100%; float:left; padding:65px 0 0 0;} .OC2impellerTxt h2 {font-size:30px; color:#333333; padding: 0 10px; font-family:Roboto Condensed; margin:0px; line-height:25px;} .OC2impellerTxt h3 {font-size:55px; color:#333333; padding: 0 10px 26px; font-family:Roboto Condensed; margin:0px; text-transform:uppercase; display:inline-block;} .OC2impellerTxt h3 img { float:right;} .OC2impellerTxt p {font-size:16px; line-height:26px; color:#4a4a4a; padding: 0 10px 24px; margin:0px;} .OC2impellerTxt a { color: #e83a2b !important; text-decoration: underline; } .OC2impellerTxt a:hover { color: #a41e13; text-decoration: underline; } .OC2SpedMatrs { width:100%; float:left; background:#fff; padding: 20px 0 0;} .OC2MainBar { width:92%; padding:0 0 0 8%; float:left;} .OC2Mattars { width:100%; float:left; text-align:center;} .OC2Mattars h2 { font-family:Roboto Condensed; font-size:42px; color:#333; padding:0 0 18px 0; margin:0px;} .OC2Mattars p { font-size:20px; font-weight:300; color:#333; line-height:32px; padding:0 0 30px 0; margin:0px;} .OC2Mattars .sixcol { margin:0px; } .OC2SpedoMetrs { width:100%; margin-bottom:15px; text-align: center; } .OC2SpedoMetrs .gotodownloads{ height: 100%; } .OC2SpedoMetrs h3 {font-family:Roboto Condensed; font-size:34px; color:#333; padding:0 0 17px 0; margin:0px; text-transform:uppercase; text-align: center; } .OC2SpedoMetrs h4 {font-family:Roboto Condensed; font-size:32px; color:#e83a2b; padding:0 0 0 0; margin:0px; text-align: center; } .OC2SpedoMetrs a, .OC2SpedoMetrs button { font-size:18px; font-weight:700; text-decoration:none; color:#222; background:#ef5238; border-radius:5px; margin:0 auto; display:table; text-transform:uppercase; padding:8px 38px; transition: all 0.6s ease-in-out 0s;} .OC2SpedoMetrs a:hover, .OC2SpedoMetrs button:hover {background:#0a6fac; color:#fff;} .OC2purchaseBox { width:92%; border:1px solid #cccccc; text-align:center; padding: 0 4% 5px; margin-right: auto; margin-left: auto; margin-top: 30px; } .OC2purchaseBox h5 {font-family:Roboto Condensed; font-size:18px; color:#777; padding:0 10px; margin:-12px auto 0; background:#fff; text-transform:uppercase; display:table;} .OC2purchaseBox p { color:#777; text-transform:uppercase; font-size: 14px; line-height:normal; padding:0px; margin: 10px 0px 0px;} .OC2purchaseBox p a {font-family:Roboto Condensed; font-size:16px; color:#28b6e5; text-transform:uppercase; text-decoration:none; transition: all 0.6s ease-in-out 0s;} .OC2purchaseBox p a:hover { color:#777;} .OC2CntctDeler { width:100%; text-align:center;} .OC2CntctDeler p { color:#333; padding: 20px 0px 0px; margin:0px; line-height:normal; font-size:18px; clear: both;border-top:1px solid #ccc; } .OC2CntctDeler p a { color:#098dcb; text-decoration:none; font-weight:700;} .OC2CntctDeler p a:hover { text-decoration:underline;} .OC2Traning { width:45%; float:left; padding:0 0 0 0; margin-bottom: 20px; } .OC2Traning table tr th {vertical-align: top; border-right:1px solid #ccc; font-family:Roboto Condensed; font-size:17px; color:#4a4a4a; text-transform:uppercase; padding-bottom: 6px;vertical-align: bottom; } .OC2Traning table tr th small { font-weight:400;} .OC2Traning table tr td {text-transform: uppercase; border-top:1px solid #ccc; border-right:1px solid #ccc; font-family:Roboto Condensed; font-size:15px; color:#4a4a4a; padding:9px 0px;} .OC2Traning table tr td.OrngBg { background:#ef6338; text-align: center; } @media all and (max-width: 767px) { .OC2BnrTxt { width:100%; max-width:100vw; padding: 10px 10px 0; margin-right: 30px; float: none; } .SpedOC2Msrngtop p { font-size:20px; color:#838467; font-weight:300; padding: 0 20px; } .SpedOC2Msrngtop { margin: -120px auto 18px; } .OC2MsrmntLst { float: none; width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 20px; } #OC2FtureLst { padding: 0; border-left-style: none; } div.OC2performncTxt { margin-bottom: 20px; } .OC2PerformncCatgry ul li.fourcol, .OC2PerformncCatgry ul li.fourcol:last-child { width:60%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } .OC2WhiteBg { padding: 0 0px 15px; } .OC2CaloriesPic { width:100%; float: none; margin-right: auto; margin-left: auto; text-align: center; } div.OC2CaloriesTxt { width: 100%; padding: 0 0px; float: none; margin-top: 20px; } .OC2Traning { width:100%; float: none; padding:0 0 0 0; border-bottom-style: none; margin-bottom: 60px; } .MainBar { width:100%; padding:0; float: none; border-bottom: 1px solid #ccc; overflow: hidden; } .OC2SpedoMetrs h3 {text-align: center;} .OC2SpedoMetrs h4 { text-align: center; } .OC2SpedMatrs { padding: 30px 0 0;} .OC2SpedoMetrs { width:100%; float: none; margin-bottom:15px;} .OC2SpedoMetrs p{ text-align: center; } .Downlod { width:100%; float: none; } td.OrngBg {text-align: center; } .OC2purchaseBox { margin-right: auto; margin-left: auto; width: 90%; padding-right: 0; padding-left: 0; margin-top: 30px; } .MainBar .oc-asterisk{ margin-bottom: 0; } } @media all and (max-width: 600px) { .SpedOC2Msrngtop { margin: -70px auto 18px; } .OC2PerformncCatgry ul li.fourcol, .OC2PerformncCatgry ul li.fourcol:last-child { width:80%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } } /*==========================SpeedCoach GPS 2=======================================*/ .TpGPSBnr {width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-gps-top-banner.jpg) no-repeat top center /cover; height: 663px; margin: 0; position:relative; } .GPSBnrTxt { width:100%; max-width:550px; padding-top: 50px; padding-bottom: 0; padding-left: 30px; margin-right: 30px; } .GPSBnrTxt h1 { font-size:56px; color:#fff; text-transform:capitalize; font-weight:100;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1)} .GPSBnrTxt p { font-size:20px; color:#fff; font-weight:300; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) } .GPSBnrTxt p strong { font-weight:700;} .GPSBnrTxt a { font-weight: bold;background:#ef5238; padding: 9px 38px; border-radius:5px; color:#000; font-size:18px; text-transform:uppercase; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; border: 2px solid #fff; position: relative; display: inline-block; margin-top: 0; } .GPSBnrTxt a:hover { background:#0a6fac ; color:#fff; } .TpGPSBnr .ph-crd{position:absolute; bottom:8px; font-size:10px; left:0px; width:100%; text-align:right; padding:0px 0%; color:#fff;} .TpGPSBnr .ph-crd .bound{margin:0px auto; width:100%; max-width:1100px;} .SpedGPSMsring { width:100%; background:#f3f3e2; padding: 0 0 20px; } .SpedGPSMsrngtop { max-width:799px; margin:-140px auto 18px; text-align:center; z-index: 10; position: relative; width: 95%; } .SpedGPSMsrngtop h2 { margin-top: -24px; margin-bottom: 13px; font-size:42px; color:#333333; text-transform:capitalize; font-weight:300; } .SpedGPSMsrngtop p { font-size:20px; color:#838467; font-weight:300; padding:0 85px; } .SpedGPSMsrngtop h3 { font-size:16px; color:#000; font-weight:700;} .SpedGPSMsrngtop h3 img { vertical-align:middle; margin:0 7px 0 0;} .HomeGPSLstng { width:100%; padding:0 15px; overflow: hidden; } .GPSMsrmntLst { float:left; width: 49%; padding: 0 30px 0 20px;} .GPSMsrmntLst h2 { margin:0px; padding:0px 0px 13px; font-size:32px; color:#333333; font-weight:300; font-weight:300; text-transform:capitalize; } .GPSMsrmntLst ul { margin:0px; padding:0px; list-style:none;} .GPSMsrmntLst ul li { width:100%; margin:0 0 27px;} .GPSMsrmntLst ul li:last-child {margin:0 0 5px;} .GPSMsrmntLst ul li h3 { margin:0px; padding:0px 0px 4px; font-size:22px; color:#ef5238; font-weight:300; text-transform:capitalize;} .GPSMsrmntLst ul li p { margin:0px; padding:0px; font-size:14px; color:#555555; font-weight:400; } .GPSMsrmntLst ul li a { font-weight:700; font-size:14px; color:#555; text-transform:capitalize; text-decoration:none; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .GPSMsrmntLst ul li a:hover { color:#e83a2b; } #GPSFtureLst { padding:0 0 0 22px; border-left:1px solid #dedece; } #GPSFtureLst h3 { color:#31608c;} #GPSFtureLst ul li a:hover { color:#31608c; } .GPSTrainingPck { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-gps-training-pack1.jpg) no-repeat top center/ cover;} .GPSTrningPckTxt { width:100%; max-width:700px; padding: 74px 0px 0px 20px;} .GPSTrningPckTxt a { color: #ffce29 !important;text-decoration: underline;} .GPSTrningPckTxt a:hover { color: #ffb029 !important; } .GPSTrningPckTxt h2 { margin:0px; padding: 0px 10px; font-size:30px; color:#ffffff; font-weight:400; line-height:normal;} .GPSTrningPckTxt h3 { margin:0px; padding: 0px 10px 18px; font-size:55px; color:#ffffff; font-weight:700; text-transform:uppercase; line-height:normal} .GPSTrningPckTxt h4 { margin:0px 0px 28px; padding: 0px 10px 22px; font-size:20px; color:#ffffff; font-weight:400; line-height:normal; border-bottom:1px solid #555555; } .GPSTrningPckTxt h5 { margin:0px; padding: 0px 10px 9px; font-size:24px; color: #ffce29; font-weight:400; text-transform:capitalize; line-height:normal-moz-box-shadow: 0 0 1px #dbb0b0; } .GPSTrningPckTxt p { margin:0px; padding: 0px 10px 20px; font-size:16px; color:#fff; font-weight:400; } .GPSPerformnc { width:100%; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-sup-performance.jpg) no-repeat top center/ cover; padding: 0 10px 25px;} .GPSperformncTxt { width:100%; text-align:center; padding:94px 0 0 0; margin-bottom:93px;} .GPSperformncTxt h2 { font-size:42px; color: #ffce29; padding:0 0 13px 0; margin: 0px auto; font-family:Roboto Condensed; width: 95%; } .GPSperformncTxt p { font-size:18px; line-height:26px; color:#fff; padding:0 0 6px 0; margin:0 auto; max-width:750px; width: 95%; } .GPSperformncTxt .dwnload{font-size:18px; color:#ffffff; line-height:190%;} .GPSperformncTxt a { font-size:18px; color:#ffce29 !important; text-decoration: underline; transition: all 0.4s ease-in-out 0s;} .GPSperformncTxt a:hover { color: #ea6b60;} .GPSPerformncCatgry { width:100%; overflow: hidden; } .GPSPerformncCatgry ul { list-style:none; margin: 0px auto; padding:0px; width: 90%; } .GPSPerformncCatgry ul li.fourcol { width:32.55555%; padding:0px; line-height:normal; margin-right:1%; float:left;} .GPSPerformncCatgry ul li.fourcol:last-child { margin-right:0px;} .GPSPrformncBox { width:100%; float:left; background:#3c3c3c; border-radius:5px; padding:25px 0 43px; text-align:center;-webkit-box-shadow: 0 0px 3px 1px #1b1b1b; box-shadow: 0 0px 3px 1px #1b1b1b;} .GPSPrformncBox span { font-size:46px; color:#ffce29; font-weight:700; margin-bottom:18px; display:inline-block; padding:0px 30px;} .GPSPrformncBox p { font-size:16px; color:#fff; line-height:18px; max-width:100%; margin:0 auto; padding:0 10px; min-height:100px;} .GPSimpeller { width:100%; float:left; background:url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-oc-impeller.jpg) no-repeat top center/ cover;padding-bottom: 40px; } .GPSimpellerTxt { width:100%; float:left; padding:65px 0 0 0;} .GPSimpellerTxt h2 {font-size:30px; color:#333333; padding: 0 30px; font-family:Roboto Condensed; margin:0px; line-height:25px;} .GPSimpellerTxt h3 {font-size:55px; color:#333333; padding: 0 30px 26px; font-family:Roboto Condensed; margin:0px; text-transform:uppercase; display:inline-block;} .GPSimpellerTxt h3 img { float:right;} .GPSimpellerTxt p {font-size:16px; line-height:26px; color:#4a4a4a; padding: 0 30px 24px; margin:0px;} .GPSimpellerTxt a { color: #4a4a4a !important; text-decoration: underline; } .GPSimpellerTxt a:hover { color: #a41e13; text-decoration: underline; } .GPSSpedMatrs { width:100%; float:left; background:#fff; padding: 20px 0 0;} .GPSMainBar { width:92%; padding:0 0 0 8%; float:left;} .GPSMattars { width:100%; float:left; text-align:center;} .GPSMattars h2 { font-family:Roboto Condensed; font-size:42px; color:#333; padding:0 0 18px 0; margin:0px;} .GPSMattars p { font-size:20px; font-weight:300; color:#333; line-height:32px; padding:0 0 30px 0; margin:0px;} .GPSMattars .sixcol { margin:0px; } .GPSSpedoMetrs { width:100%; margin-bottom:15px; text-align: center; } .GPSSpedoMetrs .gotodownloads{ height: 100%; } .GPSSpedoMetrs h3 {font-family:Roboto Condensed; font-size:34px; color:#333; padding:0 0 17px 0; margin:0px; text-align: center; } .GPSSpedoMetrs h4 {font-family:Roboto Condensed; font-size:32px; color: #e09a03; padding:0 0 0 0; margin:0px; text-align: center; } .GPSSpedoMetrs a, .GPSSpedoMetrs button { font-size:18px; font-weight:700; text-decoration:none; color:#222; background:#ffce29; border-radius:5px; margin:0 auto; display:table; text-transform:uppercase; padding:8px 38px; transition: all 0.6s ease-in-out 0s;} .GPSSpedoMetrs a:hover, .GPSSpedoMetrs button:hover {/*background:#0a6fac;*/ color:#fff; background-color: #ffa529; } .GPSpurchaseBox { width:92%; border:1px solid #cccccc; text-align:center; padding: 0 4% 5px; margin-right: auto; margin-left: auto; margin-top: 30px; } .GPSpurchaseBox h5 {font-family:Roboto Condensed; font-size:18px; color:#777; padding:0 10px; margin:-12px auto 0; background:#fff; text-transform:uppercase; display:table;} .GPSpurchaseBox p { color:#777; text-transform:uppercase; font-size: 14px; line-height:normal; padding:0px; margin: 10px 0px 0px;} .GPSpurchaseBox p a {font-family:Roboto Condensed; font-size:16px; color:#28b6e5; text-transform:uppercase; text-decoration:none; transition: all 0.6s ease-in-out 0s;} .GPSpurchaseBox p a:hover { color:#777;} .GPSCntctDeler { width:100%; text-align:center;} .GPSCntctDeler p { color:#333; padding: 20px 0px 0px; margin:0px; line-height:normal; font-size:18px; clear: both;border-top:1px solid #ccc; } .GPSCntctDeler p a { color:#098dcb; text-decoration:none; font-weight:700;} .GPSCntctDeler p a:hover { text-decoration:underline;} .GPSTraning { width:45%; float:left; padding: 0 0 0 10px; margin-bottom: 20px; } .GPSTraning table tr th {vertical-align: top; border-right:1px solid #ccc; font-family:Roboto Condensed; font-size:17px; color:#4a4a4a; text-transform:uppercase; padding-bottom: 6px;vertical-align: bottom; } .GPSTraning table tr th small { font-weight:400;} .GPSTraning table tr td {text-transform: uppercase; border-top:1px solid #ccc; border-right:1px solid #ccc; font-family:Roboto Condensed; font-size:15px; color:#4a4a4a; padding:9px 0px;} .GPSTraning table tr td.YellowBg { background:#ffce29; text-align: center; } @media all and (max-width: 767px) { .GPSBnrTxt { width:100%; max-width:100vw; padding: 40px 10px 0; margin-right: 30px; float: none; } .SpedGPSMsrngtop p { font-size:20px; color:#838467; font-weight:300; padding: 0 20px; } .SpedGPSMsrngtop { margin: -120px auto 18px; } .GPSMsrmntLst { float: none; width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 20px; } #GPSFtureLst { padding: 0; border-left-style: none; } .GPSperformncTxt { margin-bottom: 20px; } .GPSPerformncCatgry ul li.fourcol, .GPSPerformncCatgry ul li.fourcol:last-child { width:60%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } .GPSTrningPckTxt { width:100%; max-width:700px; padding: 74px 0 0px;} .GPSTraning { width:100%; float: none; padding:0 0 0 0; border-bottom-style: none; margin-bottom: 60px; } .GPSSpedoMetrs h3 {text-align: center;} .GPSSpedoMetrs h4 { text-align: center; } .GPSSpedMatrs { padding: 30px 0 0;} .GPSSpedoMetrs { width:100%; float: none; margin-bottom:15px;} .GPSSpedoMetrs p{ text-align: center; } td.OrngBg {text-align: center; } .GPSpurchaseBox { margin-right: auto; margin-left: auto; width: 90%; padding-right: 0; padding-left: 0; margin-top: 30px; } .MainBar .oc-asterisk{ margin-bottom: 0; } } @media all and (max-width: 600px) { .SpedGPSMsrngtop { margin: -70px auto 18px; } .GPSPerformncCatgry ul li.fourcol, .GPSPerformncCatgry ul li.fourcol:last-child { width:80%; padding:0px; line-height:normal; margin-right: auto; margin-bottom: 20px; float: none; overflow: hidden; margin-left: auto; } } /*==========================Blue Ocean Megaphone=======================================*/ #blue-ocean-intro { position:absolute; right: 60%; top: 65px; display:block; width: 50%; max-width: 550px; } /*#blue-ocean-intro { position: relative; display:block; max-width: 55%; height:auto; float: left; overflow: visible; right: 5%; }*/ .blue-ocean-wrap { background:#fff; -webkit-font-smoothing:antialiased; } .bo-header { background-color: #f5f5f5; overflow: hidden; min-height: 500px; } .blue-ocean-wrap .bo-header .bo-header-text { width: 49%; float: right; margin-right: 20px; margin-top: 5%; } .blue-ocean-wrap h1 { font:normal 300 56px/62px 'Roboto Condensed', sans-serif; color: #185a96; margin-bottom:24px; } .blue-ocean-wrap h1 .subhead { text-transform: uppercase; font-size:38px; display:block; } .blue-ocean-wrap h2 { font:normal 300 42px/56px 'Roboto Condensed', sans-serif; color: #185a96; margin-bottom:20px; } .blue-ocean-wrap h3 { color: #185a96; font: 20px "Roboto Condensed"; line-height: 30px; margin:0 0 5px; } .point-block { text-align: center; padding:20px; max-width:500px; margin:0 auto; color: #333; font-size: 16px; } .callout { font-weight:300; font-size:20px; line-height:32px; color: #185a96; margin-bottom:32px; } .link-cta { font-weight: 700; color:#185a96; font-size:18px; margin-right:30px; display:inline-block; } .link-cta:after { content:""; display:inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #0166a0; border-bottom: 6px solid transparent; margin-left:10px; } .link-cta:hover:after { border-left: 6px solid #00a7d7; } .buy-button { background:#185a96; color:#fff !important; font-weight:700; text-transform: uppercase; display: inline-block; padding:6px 30px; border-radius:4px; font-size:20px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); } .buy-button:hover, .buy-button:active, .buy-button:focus { background: #00a7d7; text-decoration: none; color:#fff; } .bo-projection { padding-top: 30px; overflow: hidden; padding-bottom: 60px; } .bo-projection-text h2, .bo-waterproof div.bo-waterproof-top h2, .bo-projection-text .callout, .bo-waterproof p.callout, .bo-design-top, .bo-reviews-top { text-align: center; width: 900px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; } .stat-block {float:left;margin-right:30px;} .stat-block.last {margin-right: 0px;} .stat-block, .box-wrap { border:1px solid #ccc; border-radius: 4px; width:200px; text-align: center; } .box-wrap { width:auto; margin-bottom:50px; } .stattext-large { font:normal 300 52px/52px 'Roboto Condensed', sans-serif; color:#00a7d7; margin:0; padding:20px; } .stattext-med { font:normal 300 28px/30px 'Roboto Condensed', sans-serif; color:#00a7d7; margin:0; padding:18px; } .stat-unit { font-size:36px; text-transform: uppercase; } .stat-block .sub-line { text-transform: uppercase; font-size:14px; line-height:14px; font-weight: 400; padding-bottom:8px; } .stat-label span, h3.box-label span { background: #fff; padding:0 10px; } .two-stats { width:435px; margin-right: auto; margin-left: auto; } .three-stats { width:667px; margin-right: auto; margin-left: auto; } .blue-ocean-wrap .stat-label, .blue-ocean-wrap h3.box-label {font:normal 300 18px/18px 'Roboto Condensed', sans-serif;color:#777;text-transform:uppercase;margin:-9px 0 0;} .stat-label span, h3.box-label span {background: #ffffff;padding:0 10px;} .bo-louder-clarity {background-color: #f3f3f3;padding-top: 50px;overflow: hidden;padding-bottom: 30px;} .bo-louder-clarity-left {width: 45%;float: left;margin-right: 3%;margin-left: 2%;} .bo-louder-clarity-right {width: 45%;float: right;margin-right: 2%;margin-left: 1%;} .blue-ocean-wrap p.small.text-center, .small a {font-weight: 400;font-size:13px;line-height: 18px;color:#666;margin-top: 20px;} .blue-ocean-wrap p.small, .blue-ocean-wrap p.small a{font-weight: bold;} .blue-ocean-wrap p.small a:hover{color:#666 !important;text-decoration: underline;} .bo-waterproof, .bo-battery, .bo-design {background: #fff;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(242,242,242,1) 100%);overflow: hidden;padding-bottom: 50px;} .bo-waterproof-top {padding-top: 50px;overflow: hidden;padding-bottom: 40px;} .bo-waterproof-bottom {overflow: hidden;} .bo-waterproof-bumpers, .bo-waterproof-floats {width: 46%;margin-right: 2%;margin-left: 2%;} .bo-waterproof-bumpers{float: left;} .bo-waterproof-floats {float: right;} .bo-battery-left, .bo-battery-right {overflow: hidden;width: 46%;margin-right: 2%;margin-left: 2%;} .bo-battery-left{float: left;} .bo-battery-right {float: right;} .bo-design {padding-bottom: 0;} .bo-design-bg{background: url(http://www.nkhome.com/img/bk-lines.png) center bottom no-repeat;} .bo-design-features {padding-right: 10px;padding-left: 10px;} .bo-design-feature {width: 31.3%;display: inline-block;text-align: center;vertical-align: top;padding-right: 1%;padding-left: 1%;} .bo-design-feature p {color: #185a96;font-weight: 700;font-size: 17px;padding-top: 10px;line-height: 24px;} #design-ergonomics img {margin-bottom:0;display: block;margin:0 auto;} .bo-reviews{padding-top: 40px;overflow: hidden;} .bo-testimonials {width: 48%;float: left;padding-left: 10px;} .bo-testimonial p {font-weight: 400;font: 15px Roboto;line-height: 24px;color: #444444;} .bo-testimonial p span {font-weight: 400;display: block;} span.bo-testimonial-intro { margin-bottom:5px;color:#185a96;font: 18px "Roboto";font-weight: 700;} .bo-reviews-tweet {float: right;width: 44%;} .bo-designed-for{padding-top: 30px;background: #eaeaea;} .bo-designed-for-top h3 {text-align: center;} .bo-designed-for-text ul{padding-left: 0;list-style:none;color: #185a96; font-weight: 700;font-size: 18px;} .bo-designed-for-text li {width: 33%;display: inline-block;text-align: center;} .bo-purchase {overflow: hidden;padding-top: 40px;padding-left: 10px;} .bo-purchase-now {width: 45%;float: left;} .bo-purchase-now .price{font:normal 300 32px/40px 'Roboto Condensed', sans-serif;color: #185a96;margin-bottom:32px;} .bo-purchase-now p.bold-link a, .bo-purchase-now div.ruled-section p.small-links a {font-weight: bold;color: #185a96;font: 16px Roboto;} .bo-purchase-now .buy-wrap {margin-bottom:50px;} .bo-color-includes {width: 45%;float: right;} .bo-color-includes div.box-wrap div.product-block-wrap {width: 45%;display: inline-block;text-align: center;} .bo-color-includes div.box-wrap div.product-block-wrap a.product-block-link span {display: block;color: #185a96; font-weight: 700; font: 16px "Roboto Condensed"; text-transform: uppercase; } .bo-color-includes div.box-wrap div.product-block-wrap a.product-block-link span.green {color: #817E5E;} .bo-color-includes div.box-wrap div.product-block-wrap a, .bo-color-includes div.box-wrap div.row div.product-block-wrap {color: #185a96; font-weight: 700;font-size: 16px;} .bo-color-includes div.box-wrap div.product-block-wrap{color: #000000;} @media all and (max-width: 767px) { #blue-ocean-intro { position: relative; right: 0; top: 0; display:block; width: 100%; max-width: 90%; margin-right: auto; margin-left: auto; margin-bottom: -50px; } .blue-ocean-wrap .bo-header .bo-header-text { width: 100%; margin-right: 0; float: none; text-align: center; } .bo-projection-text h2, .bo-waterproof div.bo-waterproof-top h2, .bo-projection-text .callout, .bo-waterproof p.callout, .bo-design-top, .bo-reviews-top { width: 100%; } .bo-projection, .bo-waterproof-top, .bo-waterproof, .bo-battery { padding-bottom: 10px; } .stat-block, .stat-block.last {float: none;margin-right: auto; margin-left: auto; margin-bottom: 30px; } .three-stats { width:100%; } .two-stats { width:100%; } .bo-louder-clarity, .bo-waterproof-top, .bo-purchase { padding-top: 10px; } .bo-louder-clarity-left, .bo-louder-clarity-right {width: 100%;float: none;margin-right: auto;margin-left: auto; padding-right: 10px; padding-left: 10px; } .bo-louder-clarity-right { border-top: 1px solid #ccc; margin-top: 30px; } .bo-waterproof-bumpers, .bo-waterproof-floats {width: 100%;margin-right: auto;margin-left: auto;} .bo-waterproof-bumpers, .bo-waterproof-floats{float: none;} .bo-battery-left, .bo-battery-right {overflow: hidden;width: 100%;margin-right: auto;margin-left: auto;padding-right: 10px;padding-left: 10px;} .bo-battery-left, .bo-battery-right{float: none;} .bo-battery-left h2, .bo-battery-left p.callout, .bo-purchase-now {text-align: center;} .bo-design-feature {width: 100%;padding-right: 10px;padding-left: 10px;padding-bottom: 30px;} .bo-testimonials {width: 100%;padding-left: 10px;padding-right: 10px;} .bo-reviews-tweet {float: none;width: 100%;clear: left;} .bo-reviews-tweet iframe {margin: 0 auto;} .bo-designed-for-text li {width: 100%;display: inline-block;text-align: center;padding-right: 10px;padding-left: 10px;} .bo-purchase-now {width: 100%;float: none;} .bo-purchase-now p.bold-link {border-bottom: 1px solid #ccc;padding-bottom: 10px;} .bo-color-includes {width: 100%;float: none;} } @media all and (max-width: 480px) { .bo-color-includes div.box-wrap div.product-block-wrap {width: 100%;display: inline-block;text-align: center;padding-bottom: 20px;padding-top: 20px;} .bo-color-includes div.box-wrap div.product-block-wrap a.product-block-link span {display: block;color: #185a96; font-weight: 700;font-size: 16px;} .bo-color-includes div.box-wrap div.product-block-wrap a.product-block-link span.green {color: #817E5E;} .bo-color-includes div.box-wrap div.product-block-wrap a, .bo-color-includes div.box-wrap div.row div.product-block-wrap {color: #185a96; font-weight: 700;font-size: 16px;} .bo-color-includes div.box-wrap div.product-block-wrap{color: #000000;} } /*========================== END Blue Ocean Megaphone=======================================*/ /*==========================Empower Oarlock=======================================*/ #nk-oarlock { font-family: Roboto, sans-serif; } .nkoarlock-header { height: 244px; background: url(/media/wysiwyg/smartwave/porto/nksports/images/empower-oarlock-header.jpg) center center no-repeat; text-align: center; display: table; width: 100%; } .nkoarlock-header h1 { display:table-cell; vertical-align:top; margin-top: 0; margin-bottom: 0; text-align: right; color: #ffffff; padding-right: 10px; padding-bottom: 0px; font-family: Raleway, sans-serif; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); padding-top: 20px; } .nkoarlock-three-steps { background-color: #dedede; } .nkoarlock-three-steps h2 { text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 30px; padding-bottom: 30px; font-family: Raleway, sans-serif; text-transform: uppercase; } .nkoarlock-three-steps div.nkoarlock-steps{ width: 90%; margin-right: auto; margin-left: auto; } .nkoarlock-steps div.nkoarlock-step img { border-radius: 100px; width: 100px; border: 3px solid #fff; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.31); box-shadow: 0 0 8px rgba(0, 0, 0, 0.31); } .nkoarlock-three-steps div.nkoarlock-step { width: 30%; display: inline-block;vertical-align: top; padding-right: 10px; padding-left: 10px; text-align: center; margin-right: 4.4%; } .nkoarlock-three-steps div.nkoarlock-step.last { margin-right: 0 !important; } .nkoarlock-three-steps div.nkoarlock-step, .nkoarlock-extra-step h3 { font-family: Raleway, sans-serif; } div.nkoarlock-extra-step { text-align: center; padding-bottom: 20px; } .nkoarlock-feedback { margin-top: 30px; } .nkoarlock-feedback-steps { background: url(/media/wysiwyg/smartwave/porto/nksports/images/empower-oarlock-feedback.jpg) center bottom no-repeat; min-height: 600px; } div.nkoarlock-feedback-step { width: 33%; display: inline-block; padding-right: 70px; padding-left: 70px; padding-top: 40px; vertical-align: top; } div.nkoarlock-feedback-step h3 { font-size: 2em; } div.nkoarlock-feedback-step.step1{ color: #ffffff; padding-left: 50px; } div.nkoarlock-feedback-step.step1 strong { color: #ffff00; font-size: 1.1em; } div.nkoarlock-feedback-step.step2{ color: #194FAA; } div.nkoarlock-feedback-step.step2 strong { font-size: 1.1em; } div.nkoarlock-feedback-step.step3{ color: #ffffff; padding-left: 120px; padding-right: 20px; } .nkoarlock-feedback h2 { text-align: center; font-family: Raleway, sans-serif; text-transform: uppercase; margin-top: 0; } .nkoarlock-feedback h3{ font-family: Raleway, sans-serif; } .nkoarlock-feedback-left-pic, .nkoarlock-feedback-right-text, .nkoarlock-feedback-left-text, .nkoarlock-feedback-right-pic { display: inline-block; } .nkoarlock-feedback-left-pic { float: left; width: 44%; text-align: center; } .nkoarlock-feedback-right-text { width: 45%; margin-top: 15%; margin-left: 2%; } .nkoarlock-feedback-right-pic { float: right; width: 44%; text-align: center; } .nkoarlock-feedback-left-text { width: 45%; margin-top: 15%; margin-left: 2%; } div.nkoarlock-feedback-section { clear: both; overflow: hidden; background-color: #F3F3F3; } .nkoarlock-classic-screen { padding-top: 0; padding-right: 10px; text-align: center; margin-top: 40px; background: url(data:image/png;base64,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), -webkit-linear-gradient(top, #fff 0%, #ddd 100%); background: url(data:image/png;base64,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), -moz-linear-gradient(top, #fff 0%, #ddd 100%); background: url(data:image/png;base64,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), -o-linear-gradient(top, #fff 0%, #ddd 100%); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==), linear-gradient(to bottom, #fff 0%, #ddd 100%); padding-left: 10px; } .nkoarlock-classic-screen h2, .nkoarlock-skill-screen h2{ font-family: Raleway, sans-serif; margin-top: 0; padding-top: 20px; } .nkoarlock-classic-screen ul { padding-left: 15%; padding-right: 15%; text-align: left; } .nkoarlock-classic-screen p { width: 70%; margin-right: auto; margin-left: auto; } .nkoarlock-classic-screen ul li { width: 49%; display: inline-block; padding-right: 1%; padding-left: 15%; vertical-align: top; margin-bottom: 15px; line-height: 16px; } section.nkoarlock-skill-screen { background: url(data:image/png;base64,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), -webkit-linear-gradient(top, #4a85e3 0%, #1b53b4 100%); background: url(data:image/png;base64,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), -moz-linear-gradient(top, #4a85e3 0%, #1b53b4 100%); background: url(data:image/png;base64,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), -o-linear-gradient(top, #4a85e3 0%, #1b53b4 100%); background: url(data:image/png;base64,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), linear-gradient(to bottom, #4a85e3 0%, #1b53b4 100%); } .nkoarlock-skill-screen h2, .nkoarlock-skill-screen p, .nkoarlock-testimonials h2 { text-align: center; } .oarlock-feature-odd-right { width: 29%; float: right; margin-right: 10px; margin-top: 20px; } div.oarlock-feature-odd-left { width: 68%; padding: 10px 10px 2px; background-color: #f5f5f5; /*-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);*/ min-height: 100px; float: left; margin-left: 0; margin-bottom: 10px; } div.oarlock-feature { overflow: hidden; width: 95%; margin-right: auto; margin-left: auto; background-color: #f5f5f5; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); overflow: hidden;border-radius: 3px; } a.oarlock-watch-button.blue { border: 3px solid #ffffff; display: inline-block; border-radius: 8px; background: url(/media/wysiwyg/smartwave/porto/nksports/images/play-button.png) 5px no-repeat #03608e; background-size: 30px; margin-right: 0; margin-left: 0; color: #ffffff; padding: 3px 5px 3px 40px; font-weight: bold; text-align: center; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); font:normal 400 28px/36px 'Roboto Condensed', sans-serif; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.18); margin-bottom: 10px; } .oarlock-feature-even-left { width: 29%; margin-left: 10px; margin-top: 20px; } div.oarlock-feature-even-right { width: 68%; padding: 10px 10px 2px; background-color: #f5f5f5; min-height: 100px; float: right; margin-right: 10px; } .nkoarlock-testimonial img.media-img-landing { border-radius: 100px; float: left; width: 100px; -moz-box-shadow: 1px 2px 3px #000000; box-shadow: 1px 2px 3px #000000; margin-right: 10px; margin-bottom: 70px; } div.nkoarlock-testimonial { overflow: hidden; padding-top: 20px; padding-bottom: 0px; max-width: 80%; margin-right: auto; margin-left: auto; } div.nkoarlock-testimonial p{ line-height: 22px; } div.testimonial-author { font-weight: bold; font-style: italic; line-height: 18px; } div.testimonial-author span { display: block; } @media all and (max-width: 1018px){ div.nkoarlock-feedback-step.step1 { padding-left: 30px; padding-right: 100px; margin-bottom: 90px; width: 32%; } div.nkoarlock-feedback-step.step2 { padding-left: 30px; padding-right: 10px; width: 37%; } div.nkoarlock-feedback-step.step3 { padding-left: 100px; padding-right: 10px; width: 28%; } } @media all and (max-width: 1018px){ .nkoarlock-three-steps div.nkoarlock-steps{ width: 100%; } .nkoarlock-three-steps div.nkoarlock-step { width: 100% !important; display: inline-block;vertical-align: top; padding-right: 10px; padding-left: 10px; text-align: center; margin-right: 0; margin-bottom: 30px; } .nkoarlock-step h3 { margin-bottom: 0; } div.nkoarlock-step.last { margin-bottom: 0; } div.nkoarlock-feedback-steps { background: url(/media/wysiwyg/smartwave/porto/nksports/images/empower-oarlock-feedback.jpg) center bottom no-repeat; min-height: 500px; padding-bottom: 240px; } div.nkoarlock-feedback-step.step1 { padding: 20px 10px 20px 30px; margin-bottom: 0px; width: 100%; background-color: #4981de; } div.nkoarlock-feedback-step.step2 { padding: 20px 10px 20px 30px; width: 100%; background-color: #cfcfcf; } div.nkoarlock-feedback-step.step3 { padding: 20px 10px 20px 30px; width: 100%; background-color: rgb(24, 80, 179); } .nkoarlock-classic-screen ul { padding-left: 0; padding-right: 0; } } @media all and (max-width: 767px){ .nkoarlock-header h1 { text-align: center; padding-right: 5px; padding-left: 5px; } div.nkoarlock-extra-step { padding-right: 10px; padding-left: 10px; } div.nkoarlock-feedback-steps { background: url(/media/wysiwyg/smartwave/porto/nksports/images/empower-oarlock-feedback-mobile.jpg) center bottom no-repeat; min-height: 500px; padding-bottom: 240px; } .nkoarlock-classic-screen ul li { width: 49%; display: inline-block; padding-right: 5%; padding-left: 5%; text-align: center; } div.nkoarlock-testimonial-img { width: 100px; margin-right: auto; margin-left: auto; } .nkoarlock-testimonial img.media-img-landing { border-radius: 100px; float: none; -moz-box-shadow: 1px 2px 3px #000000; box-shadow: 1px 2px 3px #000000; margin-bottom: 10px; } div.nkoarlock-testimonial { overflow: hidden; padding: 0 20px 60px; max-width: 100%; } div.oarlock-feature .feature-row-clear { display: none; } div.nkoarlock-testimonial p{ line-height: 22px; } .oarlock-feature-odd-right { width: 100%; margin-top: 20px; float: none; overflow: hidden; text-align: center; padding-right: 10px; padding-left: 10px; } div.oarlock-feature-odd-left { width: 100%; padding: 10px 10px 2px; background-color: #f5f5f5; /*-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);*/ min-height: 100px; float: left; margin-left: 0; margin-bottom: 10px; } .oarlock-feature-even-left { width: 100%; margin-top: 20px; float: none; overflow: hidden; text-align: center; padding-right: 10px; padding-left: 10px; margin-left: 0; } div.oarlock-feature-even-right { width: 100%; padding: 10px 10px 2px; background-color: #f5f5f5; min-height: 100px; float: none; margin-right: 10px; margin-left: 0; } .media-block-landing.oarlock-features h3 { text-align: center; } div.oarlock-play-video { text-align: center; } } @media all and (max-width: 600px){ .nkoarlock-classic-screen ul li { width: 100%; display: block; padding-right: 15%; padding-left: 15%; text-align: center; } } /* ##### BEGIN LiNK ##### */ .nksports-link-header { overflow: hidden; } .nksports-link-header h1 { float: right; width: 30%;vertical-align: top; padding-right: 40px; } .nksports-link-header h1 img { min-width: 210px; padding-left: 20px; } .nksports-link-header h1 span { display: none; } .nksports-link-header h2 { font: 40px 'Raleway' !important; text-transform: uppercase; width: 70%; padding-left: 40px; font-weight: normal !important; font-style: normal; padding-right: 20px; } .nksports-link-header-image { width: 100%; max-height: 411px; /*background-image: url(/media/wysiwyg/smartwave/porto/kestrel/images/kestrel-link-view-it.jpg);*/ margin-top: 20px; } section.nksports-link-view-it { margin-bottom: 20px; } .nksports-link-log-it-text, .nksports-link-view-it-text, .nksports-link-share-it-text { width: 216px; height: 70px; margin-right: auto; margin-left: auto; margin-top: -35px; background-color: #ffffff; color: #f50909; font: 40px Raleway, sans-serif; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px;vertical-align: middle; position: relative; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .nksports-link-log-it-text{ margin-top: -85px; margin-bottom: 30px; } .nksports-link-view-it h2 { font-family: Raleway, sans-serif; text-align: center; width: 80%; margin-right: auto; margin-left: auto; text-transform: uppercase; } .nksports-link-view-it p { width: 50%; margin-right: auto; margin-left: auto; font-family: Roboto; padding-right: 20px; padding-left: 20px; } .nksports-link-view-it{ margin-bottom: 40px; } .nksports-link-view-it-image { width: 100%; height: 578px; background: url(/media/wysiwyg/smartwave/porto/kestrel/images/nksports-link-save-it.jpg) center center no-repeat; } .nksports-link-log-it-image { width: 100%; max-height: 532px; /*background: url(/media/wysiwyg/smartwave/porto/kestrel/images/kestrel-link-log-it.jpg) center center no-repeat;*/ } .nksports-link-share-it-image { width: 100%; max-height: 554px; /*background: url(/media/wysiwyg/smartwave/porto/kestrel/images/kestrel-link-share-it.jpg) center center no-repeat;*/ } .nksports-link-insight { margin-top: 30px; margin-bottom: 20px; background: url(/media/wysiwyg/smartwave/porto/nksports/images/nksports-link-export-image.jpg) right no-repeat; height: auto; margin-right: 30px; } .nksports-link-insight-text, .nksports-link-action-text, .nksports-link-analyze-text { width: 55%; background-color: #ffffff; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); padding: 30px 40px; z-index: 100; display: inline-block; margin-right: 3%; margin-top: 40px; } .nksports-link-action-text { float: right; } .nksports-link-insight-text, .nksports-link-analyze-text { margin-left: 40px; } .nksports-link-action-image img { display: none; } section.nksports-link-action { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nksports-link-alerts-image.jpg) left no-repeat; height: 372px; margin-bottom: 10vh; } .nksports-link-analyze { margin-top: 30px; background: url(/media/wysiwyg/smartwave/porto/nksports/images/nksports-link-share-image.jpg) right no-repeat; height: 360px; } .nksports-link-insight-text h2, .nksports-link-action-text h2, .nksports-link-analyze-text h2{ margin-top: 0; text-transform: uppercase; font: 20px Raleway, sans-serif; } .nksports-link-insight-text h3, .nksports-link-action-text h3, .nksports-link-analyze-text h3{ font: 18px Roboto, sans-serif; } .nksports-link-insight-text ul, .nksports-link-action-text ul, .nksports-link-analyze-text ul{ padding-left: 20px; } .nksports-link-insight-image { display: inline-block; position: relative; } section.nksports-link-ballistics { background-color: #e3e3e3;min-height: 150px; } section.nksports-link-ballistics h2{ margin-top: 0; margin-right: auto; padding-top: 20px; font: 30px/50px Raleway, sans-serif; width: 70%; margin-left: auto; text-align: center; } section.nksports-link-ballistics h3 { font: 20px/30px Raleway, sans-serif; text-align: center; padding-bottom: 0px; margin-top: 10px; } div.nksports-link-download { width: 49%; margin-right: auto; margin-left: auto; font-family: Roboto, sans-serif; padding-bottom: 10px; padding-right: 10px; display: inline-block; padding-left: 10px; } div.nksports-link-download-text { width: 100%; text-align: center; } @media all and (max-width: 767px) { .nksports-link-header h1 { float: none; width: 250px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } .nksports-link-header h2 { font: 36px 'Raleway' !important; text-transform: uppercase; width: 100%; padding-left: 20px; font-weight: normal !important; font-style: normal; padding-right: 20px; } .nksports-link-view-it p { width: 100%; } .nksports-link-log-it-text, .nksports-link-view-it-text, .nksports-link-share-it-text { margin-top: -15px; } .nksports-link-log-it-text{ margin-top: -25px; margin-bottom: 30px; } .nksports-link-insight { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nksports-link-export-image.jpg) center top no-repeat; height: auto; overflow: auto; margin-bottom: 10px; } .nksports-link-insight-text, .nksports-link-action-text, .nksports-link-analyze-text { width: 100%; background-color: #ffffff; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); padding: 30px 40px; z-index: 100; display: block; margin-top: 50px; margin-left: 0; } .nksports-link-action-text, .nksports-link-insight-text { float: none; width: 95%; margin: 45vmax auto 20px; } section.nksports-link-action { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nksports-link-alerts-image.jpg) center top no-repeat; height: auto; overflow: auto; margin-bottom: 10px; } .nksports-link-analyze { margin-top: 30px; background: url(/media/wysiwyg/smartwave/porto/kestrel/images/kestrel-link-analyze-image.jpg) center bottom no-repeat; height: 600px; } section.nksports-link-ballistics h2{ width: 90%; text-align: center; } div.nksports-link-download { width: 100%; display: block; padding-bottom: 20px; } div.nksports-link-download-text { width: 100%; text-align: center; } } /* ##### END LiNK ##### */ /* ##### BEGIN LIVE LiNK PAGE ##### */ .nk-live-link h2 { font-family: Raleway; } /*section.nkll-header .nkll-header-image { margin-right: auto; margin-left: auto; text-align: center; }*/ section.nkll-header .nkll-header-image { background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/live-link-header-image1.jpg); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 61.64%; /* (img-height / img-width * width) */ /* (853 / 1280 * 100) */ } section.nkll-header h1 { text-align: center; color: #13216a; font: 60px Raleway; font-weight: bold; margin-bottom: 10px; } #maincontent div.columns div.column.main div.nk-live-link section.nkll-header h1 sup { font-size: 15px; top: -32px; right: 10px; } section.nkll-header div.nkll-achievment h2 { text-align: center; color: #ffff00; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; background: #09205a; /* Old browsers */ background: -moz-linear-gradient(left, #09205a 0%, #09368c 33%, #09368c 66%, #09205a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #09205a 0%,#09368c 33%,#09368c 66%,#09205a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #09205a 0%,#09368c 33%,#09368c 66%,#09205a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09205a', endColorstr='#09205a',GradientType=1 ); /* IE6-9 */ } section.nkll-header div.nkll-header-text { max-width: 700px; margin-right: auto; margin-left: auto; margin-top: 40px; font-size: 1.1em; padding-right: 10px; padding-left: 10px; } div.nk-live-link span.bold-blue { font-weight: bold; color: #13216a; } section.nkll-data { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-data-bg.jpg) center center no-repeat; background-size: cover; } section.nkll-four-steps { padding-right: 10px; padding-left: 10px; } section.nkll-data h2, section.nkll-four-steps h2 { text-align: center; color: #13216a; padding-top: 30px; margin-top: 20px; } section.nkll-four-steps div.nkll-four-steps-logo { text-align: center; padding-top: 40px; } section.nkll-four-steps h2 { margin-top: 0; padding-top: 0; } div.nk-live-link span.nkll-upper-bold-blue { text-transform: uppercase; font-weight: bold; } section.nkll-data div.nkll-data-content div.nkll-data-column.text h3 { margin-top: 0; } span.nkll-upper-bold-blue.block { display: block; margin-bottom: 0; } div.nkll-data-column { display: inline-block; width: 32%; } section.nkll-data div.nkll-data-column.spc img{ width: 90%; max-width: 275px; } section.nkll-data div.nkll-data-column.phone img{ width: 70%; max-width: 225px; } div.nkll-data-column.spc { text-align: center; vertical-align: 900%; position: relative; } section.nkll-data div.nkll-data-column.phone { text-align: center; vertical-align: top; } section.nkll-data div.nkll-data-column.text { font-size: 1.1em; } section.nkll-data div.nkll-data-content { min-height: 450px; position: relative; max-width: 800px; margin-right: auto; margin-left: auto; } section.nkll-four-steps img { text-align: center; margin-right: 20px; } section.nkll-four-steps div.nkll-four-steps-downloads { display: inline-block; vertical-align: top; } section.nkll-four-steps img.nkll-four-steps-app-store, section.nkll-four-steps img.nkll-four-steps-google-play { height: 70px; padding-top: 20px; } section.nkll-four-steps h2 span.bold-blue { vertical-align: middle; } section.nkll-four-steps div.nkll-four-steps-container { overflow: hidden; max-width: 800px; margin-right: auto; margin-left: auto; } section.nkll-four-steps div.nkll-four-steps-step { display: inline-block; width: 49%; float: left; min-height: 100px; } section.nkll-four-steps div.nkll-four-steps-step { min-height: 100px; color: #13216a; padding-bottom: 50px; } section.nkll-four-steps div.nkll-four-steps-step.one { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-four-steps-1.png) no-repeat; background-size: 286px; } section.nkll-four-steps div.nkll-four-steps-step.two { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-four-steps-2.png) no-repeat; background-size: 286px; } section.nkll-four-steps div.nkll-four-steps-step.three { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-four-steps-3.png) no-repeat; background-size: 286px; } section.nkll-four-steps div.nkll-four-steps-step.four { background: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-four-steps-4.png) no-repeat; background-size: 286px; } section.nkll-four-steps div.nkll-four-steps-step p { padding-left: 80px; padding-top: 10px; min-height: 85px; } section.nkll-four-steps div.nkll-four-steps-text { max-width: 750px; margin-right: auto; margin-left: auto; font-size: 1.1em; } section.nkll-new-way { padding-top: 60px; } section.nkll-new-way .nkll-new-way-image { background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-new-way-bg.jpg); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 54.64%; /* (img-height / img-width * width) */ /* (853 / 1280 * 100) */ } section.nkll-new-way h2 { text-align: center; margin-bottom: -100px; color: #ffffff; font-size: 50px; } section.nkll-new-way img { z-index: -100; position: relative; } section.nkll-new-way div.nkll-new-way-text { max-width: 750px; margin-right: auto; margin-left: auto; font-size: 1.1em; margin-top: 50px; line-height: 1.9em; padding-right: 10px; padding-left: 10px; } section.nkll-new-way div.nkll-new-way-visit { color: #13216a; font-size: 40px; text-align: center; max-width: 850px; margin-right: auto; margin-left: auto; margin-top: 30px; padding-right: 10px; padding-left: 10px; } section.nkll-new-way div.nkll-new-way-visit a { text-decoration: underline; font-weight: bold; } #maincontent div.columns div.column.main div.nk-live-link section.nkll-more { background: #091f56; /* Old browsers */ background: -moz-linear-gradient(left, #091f56 0%, #09368c 50%, #091f56 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #091f56 0%,#09368c 50%,#091f56 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #091f56 0%,#09368c 50%,#091f56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091f56', endColorstr='#091f56',GradientType=1 ); /* IE6-9 */ margin-top: 30px; overflow: hidden; } section.nkll-more h2 { margin-right: auto; margin-left: auto; max-width: 700px; color: #fff200; margin-top: 0; padding-top: 40px; padding-right: 10px; padding-left: 10px; } section.nkll-more p { margin-right: auto; margin-left: auto; text-align: left; max-width: 700px; color: #ffffff; padding-right: 10px; padding-left: 10px; } section.nkll-more div.nkll-more-container { margin-right: auto; margin-left: auto; text-align: left; max-width: 700px; padding-right: 10px; padding-left: 10px; } section.nkll-more div.nkll-more-section ul { color: #ffffff; padding-left: 0px; list-style: none; width: 300px; font-size: 1.1em; } section.nkll-more div.nkll-more-section ul li:before { content: "» "; } section.nkll-more div.nkll-more-container div.nkll-more-section { display: inline-block; vertical-align: top; } section.nkll-more div.nkll-more-container div.nkll-more-section.email { text-align: right; float: right; top: 20px; position: relative; } div.nkll-more-container div.nkll-more-section.email p { color: #fff200; font-size: 1.2em; text-align: left; width: 350px; top: 30px; position: relative; } section.nkll-more input#mce-EMAIL.email { width: 200px; border-radius: 0; height: 40px; font-size: 18px; } section.nkll-more div#mc_embed_signup_scroll { margin-top: 15px; text-align: left; width: 300px; } section.nkll-more input#mc-embedded-subscribe.button { padding-right: 15px; padding-left: 15px; -moz-box-shadow: 0 0 20px rgba(242, 254, 164, 0.75); box-shadow: 0 0 20px rgba(242, 254, 164, 0.75); background-color: #092b73; border-radius: 0; height: 40px; } @media all and (max-width: 767px) { section.nkll-header .nkll-header-image { background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/live-link-header-image1-mobile.jpg); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 61.64%; /* (img-height / img-width * width) */ /* (853 / 1280 * 100) */ } section.nkll-new-way .nkll-new-way-image { background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/nkll-new-way-bg-mobile.jpg); background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 54.64%; /* (img-height / img-width * width) */ /* (853 / 1280 * 100) */ } div.nkll-data-column { display: inline-block; width: 45%; } section.nkll-data div.nkll-data-column.text { font-size: 1.1em; width: 100%; padding-right: 10px; padding-left: 10px; } section.nkll-four-steps div.nkll-four-steps-downloads { display: block; } section.nkll-four-steps div.nkll-four-steps-step { display: block; width: 95%; float: none; min-height: 100px; } section.nkll-four-steps div.nkll-four-steps-step.one, section.nkll-four-steps div.nkll-four-steps-step.two, section.nkll-four-steps div.nkll-four-steps-step.three, section.nkll-four-steps div.nkll-four-steps-step.four { margin-right: auto; margin-left: auto; } section.nkll-four-steps div.nkll-four-steps-step p { padding-top: 5px; } section.nkll-new-way { padding-top: 30px; } section.nkll-new-way h2 { text-align: center; margin-bottom: 0px; color: #13216a; font-size: 50px; margin-top: 0; } section.nkll-new-way div.nkll-new-way-text { margin-top: 20px; } section.nkll-new-way div.nkll-new-way-visit { color: #13216a; font-size: 32px; } section.nkll-more p { width: 80%; } section.nkll-more div.nkll-more-container { width: 80%; margin-right: auto; margin-left: auto; } section.nkll-more div.nkll-more-container div.nkll-more-section.email { float: none; top: 0px; } div.nkll-more-container div.nkll-more-section.email p { width: 100%; top: 0px; padding-left: 0; } section.nkll-more input#mce-EMAIL.email { width: 250px; border-radius: 0; height: 40px; font-size: 18px; } section.nkll-more div#mc_embed_signup_scroll { margin-top: 0px; text-align: left; width: 250px; } } /* ##### END LIVE LiNK PAGE ##### */ /* ##### BEGIN NK SPEAKER 2 PAGE ##### */ #nks-header {min-height: 600px;background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-header.jpg) center top no-repeat;font-family: "Roboto", sans-serif;} div.nk-speaker-header-text {padding-top: 20px;color: #ffffff;width: 60%;padding-left: 50px;} div.nk-speaker-header-text h2 {font-family: "Raleway", sans-serif;font-size: 60px;} div.nk-speaker-header-text h3 { font-weight: normal;font-style: normal;font-size: 36px;} section#nks-better {background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-blue-bg.png) repeat-x #e8eef7;background-position-y: 0px;} div.nks-speaker-image {text-align: center;position: relative;margin-top: -15px;} div.nks-speaker-image img {margin-top: -120px;margin-right: auto;margin-left: auto;max-width: 400px;} div.nks-speaker-sub-text h2 {font:100 100px "Raleway", sans-serif;font: 100 100px "Raleway", Arial, Helvetica, Geneva, sans-serif;color: #0f4599;text-align: center;margin-bottom: 0;padding-bottom: 30px;margin-top: 0;padding-top: 20px;text-transform: uppercase;} section#nks-main-text {background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-rower.jpg) right top no-repeat #090906;color: #ffffff;font-size: 24px;line-height: 34px;padding-bottom: 15px;padding-top: 30px;font-family: "Roboto", sans-serif;} section#nks-header div.nk-speaker-header-video a.video img {width: 400px;margin-left: 50px;} #nks-main-text p {width: 65%;margin-left: 20px;margin-bottom: 35px;} #nks-main-text p span {color: #fcff00;font-size: 32px;} #nks-main-text p.nks-first-paragraph {font-size: 34px;} #nks-compare table {background-color: #ffffff;margin-right: auto;margin-left: auto;width: 90%;padding-top: 2px;} #nks-compare table tbody tr th {background-color: #24438c;text-align: center;color: #ffffff;font-size: 18px;} #nks-compare table tbody tr td.lt-blue {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #nks-compare table tbody tr td.lt-blue {background-color: #e0f3fc;} #nks-compare table tbody tr td.lt-purp {background-color: #c7c8e0;} #nks-compare .best-col {-moz-box-shadow: 3px 0 3px #aaa9a9, -3px 0 3px #aaa9a9;box-shadow: 3px 0 3px #aaa9a9, -3px 0 3px #aaa9a9;z-index: 100;position: relative;top: -5px;} section#nks-mounting {background-color: #e7edf6;padding-top: 30px;padding-bottom: 30px;margin-top: 70px;font-family: "Roboto", sans-serif;} div.nks-speaker-image2 {float: right;margin-top: -80px;width: 30%;} div.nks-speaker-image2 img {float: right;} #nks-mounting h2 {padding-left: 20px;color: #0f4599;font-weight: bold;font-size: 50px;font-family: "Raleway", sans-serif;} #nks-mounting p {padding-left: 20px;padding-right: 20px;color: #0f4599;font-size: 24px;} #nks-mounting p span {font-weight: bold;} @media (max-width: 991px) { div.nk-speaker-header-text {padding-top:5px;padding-left: 30px;} div.nk-speaker-header-text h2 {font-size: 40px;margin-top: 30px;} div.nk-speaker-header-text h3 {font-size: 32px;} section#nks-header div.nk-speaker-header-video a.video img {width: 300px;margin-left: 30px;} div.nks-speaker-image img {margin-top: -90px;width: 60%;} section#nks-main-text {font-size: 22px;} #nks-main-text p {width: 60%;margin-top: 25px; margin-bottom: 10px;} #nks-main-text p span {color: #fcff00;font-size: 26px;} #nks-main-text p.nks-first-paragraph {font-size: 30px; margin-top: 0px;} #nks-compare table {width: 95%;} } @media (max-width: 767px) { #nks-header {min-height: 600px;background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-header-mobile.jpg) center top no-repeat;} #nks-header {min-height: 500px;} div.nk-speaker-header-text {padding-top:5px;padding-left: 20px;width: 70%;} div.nk-speaker-header-text h2 {font-size: 35px;margin-top: 20px;} div.nk-speaker-header-text h3 {font-size: 32px;} div.nks-speaker-image img {margin-top: -30px;width: 70%;} div.nks-speaker-sub-text h2 {font-size: 90px;margin-bottom: 0;padding-bottom: 10px;margin-top: 0;padding-top: 0px;} section#nks-main-text {background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-rower-mobile.jpg) right top no-repeat #000;color: #ffffff;font-size: 20px;line-height: 30px;} #nks-main-text p {width: 70%;margin-top: 20px; margin-bottom: 10px;} #nks-main-text p span {font-size: 22px;} #nks-main-text p.nks-first-paragraph {font-size: 26px;} section#nks-mounting {padding-top: 30px;padding-bottom: 30px;margin-top: 40px;} div.nks-speaker-image2 {float: right;margin-top: -60px;width: 40%;} #nks-mounting p {color: #0f4599;font-size: 22px;} } @media (max-width: 500px) { #nks-header {min-height: 550px;background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-header-mobile.jpg) right top no-repeat;} div.nk-speaker-header-text {padding-top:5px;padding-left: 20px;width: 75%;} div.nk-speaker-header-text h2 {font-size: 36px;margin-top: 10px;} div.nk-speaker-header-text h3 {font-size: 28px;} section#nks-header div.nk-speaker-header-video a.video img {width: 250px;margin-left: 20px;} div.nks-speaker-image {text-align: center;position: relative;margin-top: -15px;} div.nks-speaker-image img {margin-top: -60px;width: 70%;} div.nks-speaker-sub-text h2 {font-size: 70px;} section#nks-main-text {background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-rower-mobile.jpg) center top no-repeat #000;color: #ffffff;font-size: 20px;line-height: 30px;} } @media (max-width: 400px) { #nks-header {min-height: 550px;background: url(/media/wysiwyg/smartwave/porto/nksports/images/nk-speaker-header-mobile.jpg) right top no-repeat;} div.nk-speaker-header-text {padding-top:5px;padding-left: 20px;width: 80%;} div.nk-speaker-header-text h2 {font-size: 32px;margin-top: 10px;} div.nk-speaker-header-text h3 {font-size: 26px;} #nks-compare table tbody tr th {background-color: #24438c;text-align: center;color: #ffffff;font-size: 16px;} section#nks-mounting {background-color: #e7edf6;padding-top: 30px;padding-bottom: 30px;margin-top: 70px;} div.nks-speaker-image img {margin-top: -20px;width: 70%;} div.nks-speaker-image2 {float: right;margin-top: -80px;width: 30%;} div.nks-speaker-image2 img {float: right;} #nks-mounting h2 {font-size: 40px;margin-top: 0;} #nks-mounting p {color: #0f4599;font-size: 18px;} div.nks-speaker-image2 {float: right;margin-top: -80px;width: 40%;} } /* ##### END NK SPEAKER 2 PAGE ##### */ /* ##### BEGIN LiNK LOGBOOK PAGE ##### */ #logbook {font-family: Roboto, sans-serif;} div#logbook div.logbook-header div.logbook-header-video {position: absolute;margin-top: 5.7%;margin-left: 40.6%;width: 53%;height: 29.6vmax;} #logbook h1 {font-family: Raleway, sans-serif;} div.logbook-intro h1 {font-weight: bold;font-size: 80px;text-align: center;color: #13216a;margin-right: 20px;margin-left: 20px;} div.logbook-view-analyze {background: #09205a; /* Old browsers */background: -moz-linear-gradient(left, #09205a 0%, #09598e 50%, #09205a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #09205a 0%,#09598e 50%,#09205a 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #09205a 0%,#09598e 50%,#09205a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09205a', endColorstr='#09205a',GradientType=1 ); /* IE6-9 */text-align: center;padding-top: 1px;padding-bottom: 1px;} div.logbook-view-analyze h2 {color: #fff200;font-weight: bold;text-transform: uppercase;margin: 10px 20px;} div.logbook-view-analyze h2 span {color: #ffffff;display: block;} div.logbook-download-apps {text-align: center;} div.logbook-app-link {display: inline-block;text-align: center;margin: 0 10px 20px;} div.logbook-intro p {width: 80%;margin-right: auto;margin-left: auto;max-width: 900px;font-size: 1.3em;line-height: 1.5em;} div.logbook-basic, div.logbook-pro {background: #d2d2d2; /* Old browsers */background: -moz-linear-gradient(left, #d2d2d2 0%, #f4f5f4 30%, #f4f5f4 70%, #d2d2d2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #d2d2d2 0%,#f4f5f4 30%,#f4f5f4 70%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #d2d2d2 0%,#f4f5f4 30%,#f4f5f4 70%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 );margin-top: 50px;padding-top: 10px;} div.logbook-pro {margin-top: 80px;} div.logbook-coming-when {overflow: hidden;top: -25px;position: relative;} div.logbook-available-right { background: #042257; /* Old browsers */background: -moz-linear-gradient(left, #042257 0%, #04398a 30%, #04398a 70%, #042257 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #042257 0%,#04398a 30%,#04398a 70%,#042257 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #042257 0%,#04398a 30%,#04398a 70%,#042257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042257', endColorstr='#042257',GradientType=1 );top: 0px;position: relative;padding-left: 20px;padding-right: 20px;left: -20%;float: right;} div.logbook-available-right:after {content: "";display: table;clear: both;} div.logbook-available-right h3 {margin-top: 10px;color: #fff200;font-size: 30px;} div.logbook-basic-text {display: inline-block;width: 60%;position: relative;vertical-align: top;} div.logbook-basic-text h2, div.logbook-basic-text p, div.logbook-pro-text h2, div#logbook div.logbook-pro div.logbook-pro-text p {width: 80%;max-width: 900px;margin-right: auto;margin-left: auto;} div.logbook-basic-text h2, div.logbook-pro-text h2, div.logbook-pro-text p span, div.logbook-basic-text p span {color: #042257;} div.logbook-basic-text h2, div.logbook-pro-text h2 {margin-top: 0;} div.logbook-pro-text p span, div.logbook-basic-text p span {font-weight: bold;} div.logbook-phone-screenshot {top: 0;position: relative;right: 0px;display: inline-block;width: 39%;padding-right: 5%;float: right;text-align: center;} div.logbook-phone-screenshot img {margin-left: 20px; width: 210px;} div.logbook-screenshots {max-height: 310px;clear: left;width: 85%;max-width: 900px;margin-right: auto;margin-left: auto;} div.logbook-screenshot {display: inline-block;top: 10px;position: relative;} div.logbook-screenshot img {margin-right: 20px;width: 210px;} div.logbook-pro-text {padding-top: 20px;padding-bottom: 30px;} div.logbook-team {margin-top: 60px;} div.logbook-team-head {background: url(/media/wysiwyg/smartwave/porto/nksports/images/logbook-team-bg.jpg) center center no-repeat;background-size: cover;min-height: 600px;} div.logbook-available-left { background: #042257; /* Old browsers */background: -moz-linear-gradient(left, #042257 0%, #04398a 30%, #04398a 70%, #042257 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #042257 0%,#04398a 30%,#04398a 70%,#042257 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #042257 0%,#04398a 30%,#04398a 70%,#042257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042257', endColorstr='#042257',GradientType=1 );top: -15px;position: relative;padding-left: 20px;padding-right: 20px;left: 10%;float: left;} div.logbook-available-left h3 {margin-top: 10px;color: #fff200;font-size: 30px;} div.logbook-team-name {position: relative;clear: left;display: flex;} div.logbook-team-head h2 {color: #ffffff;font-size: 60px;font-weight: bold;left: 10%;position: relative;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);top: 40px;} div.logbook-team-compare {background: #d2d2d2; /* Old browsers */background: -moz-linear-gradient(left, #d2d2d2 0%, #f4f5f4 30%, #f4f5f4 70%, #d2d2d2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #d2d2d2 0%,#f4f5f4 30%,#f4f5f4 70%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #d2d2d2 0%,#f4f5f4 30%,#f4f5f4 70%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 );position: relative;z-index: -4;padding-bottom: 30px;padding-top: 30px;} div.logbook-team-options {width: 80%;text-align: center;margin-right: auto;margin-left: auto;} div.logbook-team-option {display: inline-block;max-width: 22%;min-width: 200px;margin-right: 1%;margin-left: 1%;} div.logbook-team-option-name {background-color: #949494;width: 80%;margin-right: auto;margin-left: auto;position: relative;top: -15px;} div.logbook-team-option-name h2 {text-align: center;color: #fff200;text-transform: uppercase;font-size: 1.8em;} div.logbook-team-option-head {background: #001e45; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover, #001e45 0%, #004bae 0%, #001e45 100%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover, #001e45 0%,#004bae 0%,#001e45 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center, #001e45 0%,#004bae 0%,#001e45 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e45', endColorstr='#001e45',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */max-height: 120px;z-index: -2;display: block;position: relative;} div.logbook-team-option-price h2 {text-align: center;margin-top: 0;margin-bottom: 0;position: relative;top: 30px;font-weight: bold;font-size:36px;} div.logbook-team-option-price.custom h2 {font-size: 22px;top: 25px;} div.logbook-team-option-price {-moz-border-radius: 500px; -webkit-border-radius: 100px; border-radius: 100px;background-color: #ffffff;display: block;margin-right: auto;margin-left: auto;position: relative;top: -10px;height: 150px;width: 150px;z-index: -1;color: #092666;} div.logbook-team-option-feature {text-align: center;z-index: 11;display: block;} div.logbook-team-option-features {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-top: 5px;background-color: #ffffff;} div.logbook-team-option-feature.white {background-color: #ffffff;} div.logbook-team-option-feature.blue {background-color: #dbebff;} div.logbook-team-option-feature p {color: #092666;padding-top: 5px;padding-bottom: 5px;} span.logbook-team-option-feature-bold {font-weight: bold;font-size: 1.1em;} div.logbook-team-text h2, div.logbook-team-text p, div.logbook-bottom h2 {width: 80%;max-width: 900px;margin-right: auto;margin-left: auto;color: #092666;} div.logbook-team-text p span {font-weight: bold;} @media all and (max-width: 1105px) { div.logbook-team-option {margin-right: 6%;margin-left: 6%;} } @media all and (max-width: 930px ) { div#logbook div.logbook-header div.logbook-header-video {height: 29.6vmin;} } @media all and (max-width: 875px) { div.logbook-phone-screenshot {max-width: 240px;} } @media all and (max-width: 767px) { div.logbook-intro h1 {font-size: 50px;} div.logbook-view-analyze h2 {font-size: 30px;} div.logbook-available-right {left: auto;width: auto;} div.logbook-phone-screenshot img {width: 200px;margin-left: 0px;} div.logbook-screenshots {max-height: 1000px !important;clear: right;} div.logbook-team-name {position: relative;clear: left;display: block;top: 40px;} div.logbook-team-head h2 {color: #ffffff;font-size: 60px;font-weight: bold;left: 0px;text-align: center;} div.logbook-available-left {left: auto;} div.logbook-team-head {background: url(/media/wysiwyg/smartwave/porto/nksports/images/logbook-team-bg.jpg) center center no-repeat;background-size: cover;min-height: 400px;} div.logbook-team-option {margin-right: 1%;margin-left: 1%;} div#logbook div.logbook-header div.logbook-header-video { height: 29.6vmin;} } @media all and (max-width: 630px) { div.logbook-basic-text h2, div.logbook-pro-text h2 {margin-top: 0;} div.logbook-basic-text {display: block;width: 100%;} div.logbook-phone-screenshot { top: auto;position: relative;right: 0px;padding-left: 0px;display: block;float: none;clear: both;max-width: 300px;padding-right: 0;margin-right: auto;margin-left: auto;text-align: center;} div#logbook div.logbook-team div.logbook-team-head {background-position: left;} div.logbook-basic {margin-top: 50px;padding-top: 10px;} div.logbook-screenshots {clear: none;max-width: 900px;margin-right: auto;margin-left: auto;display: block;position: relative;} div.logbook-screenshot {display: block;top: 0;position: relative;text-align: center;} div.logbook-screenshot img {margin-right: 0px;} div#logbook div.logbook-bottom h2 {text-align: center;} } /* ##### END LiNK LOGBOOK PAGE ##### */ /* ##### BEGIN NEW COXBOX PAGE ##### */ #coxbox {font-family: Roboto, sans-serif;} section.coxbox-head {text-align: center;} div.coxbox-title h1 span {display: none;} div.coxbox-title {display: inline-block;vertical-align: top;width: 50%;text-align: right;padding-right: 50px;} div.coxbox-subtitle {display: inline-block;vertical-align: top;width: 49%;text-align: left;padding-left: 0px;} section.coxbox-core {height: auto;} div.coxbox-core-text {position: relative;margin-top: -60px;margin-bottom: 30px;} div.coxbox-gps-text {position: relative;margin-top: -100px;margin-bottom: 30px;} div.coxbox-subtitle h2 {margin-top: 0px;margin-bottom: 0;color: #505252;font: 45px Raleway, sans-serif;font-weight: bold;} div.coxbox-core-text h2, div.coxbox-gps-text h2 {text-align: center;font: 60px Raleway, Sans-serif;color: #212d66;} div.coxbox-core-text h2 span, div.coxbox-gps-text h2 span {font-weight: bold;} div.coxbox-core-text h3, div.coxbox-gps-text h3 {font-weight: normal;font-style: normal;font-family: Raleway;color: #212d66;} div.coxbox-core-text h4 {margin-bottom: 0;text-transform: uppercase;font-weight: normal;font-style: normal;color: #212d66;margin-top: 20px;} div.coxbox-gps-text p {font-size: 20px;line-height: 30px;padding-left: 10px;color: #212d66;} section.coxbox-gps div.coxbox-gps-text div.coxbox-gps-text-features { display: inline-block; width: 49%;vertical-align: top; } section.coxbox-gps div.coxbox-gps-text div.coxbox-gps-front-map { display: inline-block; width: 49%; } section.coxbox-compare-mobile {display: none;} section.coxbox-compare-desktop table tbody tr.coxbox-table-top {color: #ffffff;background-color: #212d66;text-align: center;} th.coxbox-table-legacy, th.coxbox-table-core, th.coxbox-table-gps {width: 25%;font: 20px Raleway, sans-serif;} th.coxbox-table-desc {width: 16%;} section.coxbox-compare-desktop table tbody tr.coxbox-table-top th {text-align: center;} section.coxbox-compare-desktop table tbody tr {background-color: #ffffff;} section.coxbox-compare-desktop table tbody tr.coxbox-table.blue {background-color: #dcf1fd;border-top: 1px solid #3b3838;border-bottom: 1px solid #3b3838;} section.coxbox-compare-desktop table tbody tr.coxbox-table.white {background-color: #f3fcfe;} section.coxbox-compare-desktop table tbody tr.coxbox-table td.coxbox-row-name {font-weight: bold;vertical-align: middle;} section.coxbox-compare-desktop table tbody tr.coxbox-table td.coxbox-table-red {color: #ff0000;font-size: 60px;padding-left: 20px;padding-right: 20px;vertical-align: middle;} section.coxbox-compare-desktop table tbody tr.coxbox-table td.coxbox-table-green {color: #40ae49;font-size: 40px;padding-left: 20px;padding-right: 20px;vertical-align: middle;} section.coxbox-link-logbook {background: url(/media/wysiwyg/smartwave/porto/nksports/images/coxbox-logbook-bg3.jpg) right bottom no-repeat;margin-top: 20px;padding-bottom: 10px; margin-bottom: 20px; } section.coxbox-link-logbook h2 {font-family: Raleway, sans-serif;text-align: center;margin-top: 0;margin-bottom: 0;padding: 10px 10px 0;} section.coxbox-link-logbook h3 {font-family: Raleway, sans-serif;text-align: center;margin-top: 0;margin-bottom: 0;padding: 10px 10px 20px;} section.coxbox-link-logbook p {padding-right: 15px;padding-left: 15px;} @media (max-width: 767px) { div.coxbox-title {display: block;vertical-align: top;width: 100%;text-align: center;padding-right: 0px;} div.coxbox-title h1 {margin-bottom: 10px;} div.coxbox-subtitle {display: block;width: 100%;text-align: center;margin-bottom: 10px;} div.coxbox-core-text, div.coxbox-gps-text {position: relative;margin-top: -70px;margin-bottom: 40px;} div.coxbox-gps-text h3 {font-size: 20px;line-height: 26px;} div#coxbox section.coxbox-gps div.coxbox-gps-text div.coxbox-gps-text-features { display: block; width: 100%;vertical-align: top; } div#coxbox section.coxbox-gps div.coxbox-gps-text div.coxbox-gps-front-map { display: block; width: 100%; } div#coxbox section.coxbox-link-logbook {background: url(/media/wysiwyg/smartwave/porto/nksports/images/coxbox-logbook-bg3.jpg) right top no-repeat;} section.coxbox-compare-mobile {display: block;} section.coxbox-compare-desktop {display: none;} section.coxbox-compare-mobile table tbody tr.coxbox-table-top th.coxbox-mobile-head {background-color: #212d66;color: #ffffff;text-align: center;position: relative;font: 22px Raleway, Sans-serif;} section.coxbox-compare-mobile table tbody tr.coxbox-table td.coxbox-row-name {width: 25%;vertical-align: middle;font-weight: bold;} section.coxbox-compare-mobile table tbody tr.coxbox-table.white {background-color: #f3fcfe;border-top: 1px solid #3b3838;border-bottom: 1px solid #3b3838;} section.coxbox-compare-mobile table tbody tr.coxbox-table.blue {background-color: #dcf1fd;} div#coxbox section.coxbox-compare-mobile table tbody tr.coxbox-table-spacing td {font-size: 1px;padding: 8px;} section.coxbox-compare-mobile table tbody tr.coxbox-table td.coxbox-table-red {color: #ff0000;font-size: 50px;padding-left: 20px;padding-right: 20px;vertical-align: middle;} section.coxbox-compare-mobile table tbody tr.coxbox-table td.coxbox-table-green {color: #40ae49;font-size: 30px;padding-left: 20px;padding-right: 20px;vertical-align: middle;} } /* ##### END NEW COXBOX PAGE ##### */ /* ##### START NEW OARLOCK PAGE ##### */ .wrap { display: flex; } .wrap .tab-button { min-height: 350px; background: #eee; width: 50%; -webkit-transition: all .5s; transition: all .5s; } div.wrap div.tab-button h2{text-align:center;margin-top:80px;color:#fff;text-shadow:0 0 4px #000;font-size: 40px;} .wrap .tab-button button.tablinks { text-align: center; display: block; margin-right: auto; margin-left: auto; background-color: #02247D; color: #ffffff; } /*div.wrap > div:nth-of-type(1) { background: #aaa; }*/ div.wrap > div:hover { width: 90%; } div.nksports_marketing_section div.wrap div.tab-button.coach { border-right: 1px solid #ffffff; background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-page-coaching.jpg); } div.nksports_marketing_section div.wrap div.tab-button.athlete { background-image: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-page-student.jpg); border-left: 1px solid #ffffff; } section#oarlock-coaches-section-2 { width: 80%; margin-right: auto; margin-left: auto; } section#oarlock-coaches-section-2 div.oarlock-section-2-image { width: 15%; display: inline-block; text-align: center; margin-top: 10px; } section#oarlock-coaches-section-2 div.oarlock-section-2-text { width: 84%; display: inline-block; vertical-align: top; margin-bottom: 30px; } section#oarlock-coaches-section-2 div.oarlock-section-2-text h3 { margin-top: 0; font: 28px "Roboto"; font-weight: 100; margin-bottom: 0; color: #00006C; } section#oarlock-coaches-section-2 div.oarlock-section-2-text p { font-size: 1.15em; font: 20px "Roboto"; } div.oarlock-coaches-section-4-text{width:84%;display: block;vertical-align:top;margin-bottom: 30px;margin-right: auto;margin-left: auto;position: relative;} div.oarlock-coaches-section-4-text h3{margin-top:0;font:28px "Roboto";font-weight:100;margin-bottom:0;color:#00006c} div.oarlock-coaches-section-4-text p{font-size:1.15em;font:20px "Roboto"} section#oarlock-athletes-section-2 { width: 80%; margin-right: auto; margin-left: auto; } section#oarlock-athletes-section-2 div.oarlock-section-2-image { width: 15%; display: inline-block; text-align: center; margin-top: 10px; } section#oarlock-athletes-section-2 div.oarlock-section-2-text { width: 84%; display: inline-block; vertical-align: top; margin-bottom: 30px; } section#oarlock-athletes-section-2 div.oarlock-section-2-text h3 { margin-top: 0; font: 28px "Roboto"; font-weight: 100; margin-bottom: 0; color: #00006C; } section#oarlock-athletes-section-2 div.oarlock-section-2-text p { font-size: 1.15em; font: 20px "Roboto"; } /* ##### END NEW OARLOCK PAGE ##### */ /* ##### BEGIN NEW NEW OARLOCK PAGE ##### */ div#nk-oarlock { font-family: Roboto, sans-serif; } section#oarlock-improve div.oarlock-improve-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-how-want-improve.jpg) center top no-repeat; height: 456px; } section#oarlock-improve div.oarlock-improve-image h2 { font: bold 90px Raleway; text-transform: uppercase; color: #ffffff; position: relative; top: 30%; padding-left: 80px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } section#oarlock-improve div.improve-options { max-width: 90%; margin-right: auto; margin-left: auto; margin-top: 20px; display: flex; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item { display: inline-block; width: 33%; text-align: center; vertical-align: top; position: relative; padding-right: 10px; padding-left: 10px; flex: 1; min-height: 270px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item img { height: 60px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 { color: #00297a; font: bold 28px Raleway, sans-serif; text-transform: uppercase; text-decoration: underline; margin-top: 10px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 span.oarlock-next-line { display: block; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item p { font-size: 16px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item button { background-color: #00297a; border: none; color: #ffffff; /*padding: 15px 32px;*/ text-align: center; text-decoration: none; bottom: 0; height: 50px; margin-right: auto; margin-left: auto; position: absolute; width: 200px; left: 20%; font-size: 18px; text-transform: uppercase; } section#coach-yourself div.oarlock-coach-yourself-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coach-yourself.jpg) center top no-repeat; height: 549px; margin-top: 30px; } section#coach-yourself div.oarlock-coach-yourself-image h2 { font: bold 50px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 90px; margin-top: 0; padding-left: 160px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } section#coach-yourself div.oarlock-coach-yourself-text, section#coaching-tool div.oarlock-coaching-tool-text { width: 85%; margin-right: auto; margin-left: auto; } section#coach-yourself div.oarlock-coach-yourself-text-left, section#coaching-tool div.oarlock-coaching-tool-text-left { display: inline-block; width: 50%; } section#coach-yourself div.oarlock-coach-yourself-text-left h3, section#coaching-tool div.oarlock-coaching-tool-text-left h3 { font-size: 24px; } section#coach-yourself div.oarlock-coach-yourself-text-left p, section#coaching-tool div.oarlock-coaching-tool-text-left p { font-size: 16px; } section#coach-yourself div.oarlock-coach-yourself-text-right, section#coaching-tool div.oarlock-coaching-tool-text-right{ display: inline-block; text-align: right; width: 40%; float: right; margin-top: 40px; } section#coach-yourself div.oarlock-coach-yourself-text-right h4, section#coaching-tool div.oarlock-coaching-tool-text-right h4 { color: #00297a; font-size: 20px; } section#coach-yourself span.oarlock-coach-yourself-text-right-name, section#coaching-tool span.oarlock-coach-yourself-text-right-name { color: #000; font-size: 0.8em; } div.oarlock-yellow-link { background-color: #fbd700; padding-top: 20px; padding-bottom: 20px; padding-left: 80px; margin-top: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.28); } div.oarlock-yellow-link h2{ margin-top: 0; margin-bottom: 0; text-transform: uppercase; text-decoration: underline; font-family: Raleway; font-weight: bold; display: inline-block;vertical-align: middle; } div.oarlock-yellow-link h2 a { color: #00297a; } div.oarlock-yellow-link img { width: 40px; height: 40px; vertical-align: middle; margin-left: 10%; } section#coaching-tool div.oarlock-coaching-tool-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coaching-tool.jpg) center top no-repeat; height: 549px; margin-top: 0px; } section#coaching-tool div.oarlock-coaching-tool-image h2 { margin-bottom: 0; font: bold 50px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 90px; margin-top: 0; padding-left: 160px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } section#boat-to-coach div.oarlock-boat-to-coach-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-boat-to-coach.jpg) center top no-repeat; height: 630px; margin-top: 0px; } section#boat-to-coach div.oarlock-boat-to-coach-image h2 { margin-bottom: 0; font: bold 46px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 60px; margin-top: 0; padding-left: 0px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); text-align: center; } section#boat-to-coach div.oarlock-boat-to-coach-text div.oarlock-boat-to-coach-text { width: 85%; margin-right: auto; margin-left: auto; margin-top: 30px; } section#boat-to-coach div.oarlock-boat-to-coach-text div.oarlock-boat-to-coach-text p { font-size: 16px; } section#boat-to-coach div.oarlock-boat-to-coach-text div.oarlock-boat-to-coach-text h3 { font-size: 24px; } section#what-can-you-measure div.what-can-you-measure-content h2 { font: bold 46px Raleway; color: #00297a; text-transform: uppercase; text-align: center; } section#what-can-you-measure { width: 80%; margin-right: auto; margin-left: auto; font-size: 16px; } section#what-can-you-measure div.what-can-you-measure-content div.oarlock-classic-screen { text-align: center; } section#what-can-you-measure div.what-can-you-measure-content ul { list-style: none; padding-left: 0; } section#what-can-you-measure div.what-can-you-measure-content ul li { width: 49%; display: inline-block; border-left: 3px solid #00aeee; padding-left: 10px; margin-bottom: 0; padding-bottom: 10px; color: #103782; font-weight: bold; } section#skill-screens div.oarlock-skill-screens-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-skill-screens.jpg) center top no-repeat; height: 356px; margin-top: 30px; } section#skill-screens div.oarlock-skill-screens-image h2 { font: bold 46px Raleway; color: #ffffff; text-transform: uppercase; text-align: center; padding-top: 30px; margin-top: 0; text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } section#skill-screens div.oarlock-skill-screen { width: 49%; display: inline-block; text-align: center; vertical-align: top; padding: 20px; } section#skill-screens div.oarlock-skill-screen h3 { color: #00297a; text-align: left; } section#skill-screens div.oarlock-skill-screen p { text-align: left; } section#skill-screens div.oarlock-skill-screen img { width: 350px; } section#skill-screens div.oarlock-skill-screen button { width: 100%; background-color: #00257c; color: #ffffff; text-transform: uppercase; height: 50px; font-size: 18px; } section#skill-screens div.oarlock-skill-screen button img { width: 36px; vertical-align: middle; margin-left: 15px; } @media all and (max-width:1199px) { section#oarlock-improve div.oarlock-improve-image h2 { font: bold 80px Raleway; padding-left: 50px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item button { left: 15%; } section#coach-yourself div.oarlock-coach-yourself-image h2 { padding-left: 70px; } div.oarlock-yellow-link { padding-left: 20px; } section#coaching-tool div.oarlock-coaching-tool-image h2 { padding-left: 40px; } } @media all and (max-width:991px) { section#oarlock-improve div.oarlock-improve-image h2 { font: bold 60px Raleway; padding-left: 40px; } section#oarlock-improve div.improve-options { max-width: 100%; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item { padding-right: 15px; padding-left: 15px; min-height: 250px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item img { height: 60px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 { font: bold 22px Raleway, sans-serif; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item p { font-size: 14px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item button { height: 40px; width: 150px; left: 18%; } section#coaching-tool div.oarlock-coaching-tool-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coaching-tool.jpg) center top no-repeat; background-size: cover; height: 359px; margin-top: 0px; } section#coach-yourself div.oarlock-coach-yourself-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coach-yourself.jpg) center top no-repeat; background-size: cover; height: 360px; margin-top: 30px; } section#coach-yourself div.oarlock-coach-yourself-image h2 { font: bold 28px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; margin-top: 0; background-color: rgba(0, 0, 0, 0.3); } section#coaching-tool div.oarlock-coaching-tool-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coaching-tool.jpg) center top no-repeat; background-size: cover; height: 360px; margin-top: 0px; } section#coaching-tool div.oarlock-coaching-tool-image h2 { margin-bottom: 0; font: bold 28px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 10px; padding-left: 10px; margin-top: 0; background-color: rgba(0, 0, 0, 0.3); padding-bottom: 10px; } section#skill-screens div.oarlock-skill-screens-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-skill-screens.jpg) center top no-repeat; background-size: cover; height: 356px; } div.oarlock-yellow-link { padding-left: 10px; } div.oarlock-yellow-link h2{ margin-top: 0; margin-bottom: 0; text-transform: uppercase; text-decoration: underline; font: 20px Raleway; font-weight: bold; display: inline-block;vertical-align: middle; } div.oarlock-yellow-link h2 a { color: #00297a; } div.oarlock-yellow-link img { width: 30px; height: 30px; vertical-align: middle; margin-left: 1%; } section#boat-to-coach div.oarlock-boat-to-coach-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-boat-to-coach.jpg) center top no-repeat; background-size: cover; height: 395px; margin-top: 0px; } section#boat-to-coach div.oarlock-boat-to-coach-image h2 { font: bold 28px Raleway; padding-top: 10px; padding-bottom: 5px; background-color: rgba(0, 0, 0, 0.3); text-align: left; padding-left: 10px; } section#boat-to-coach div.oarlock-boat-to-coach-text div.oarlock-boat-to-coach-text { width: 100%; } section#skill-screens div.oarlock-skill-screen button { width: 100%; background-color: #00257c; color: #ffffff; text-transform: uppercase; height: 50px; font-size: 14px; } section#skill-screens div.oarlock-skill-screen button img { width: 26px; vertical-align: middle; margin-left: 5px; } } @media all and (max-width:767px) { section#oarlock-improve div.oarlock-improve-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-how-want-improve-mobile.jpg) center top no-repeat; background-size: cover; height: 306px; } section#oarlock-improve div.oarlock-improve-image h2 { font: bold 40px Raleway; text-transform: uppercase; color: #ffffff; position: relative; top: 50%; padding-left: 40px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.4); } section#oarlock-improve div.improve-options div.oarlock-improve-options-item { padding-right: 15px; padding-left: 15px; min-height: 240px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item img { height: 45px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 { font: bold 16px Raleway, sans-serif; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item p { line-height: 20px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item button { height: 60px; width: 100px; left: 20%; border-radius: 5px; font-size: 14px; line-height: 18px; } section#coach-yourself div.oarlock-coach-yourself-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coach-yourself-mobile.jpg) center top no-repeat; background-size: cover; height: 259px; margin-top: 30px; } section#coach-yourself div.oarlock-coach-yourself-image h2 { font: bold 24px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 5px; padding-left: 20px; margin-top: 0; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); padding-bottom: 5px; } section#coach-yourself div.oarlock-coach-yourself-text, section#coaching-tool div.oarlock-coaching-tool-text { width: 100%; } section#coach-yourself div.oarlock-coach-yourself-text-left, section#coaching-tool div.oarlock-coaching-tool-text-left { display: block; width: 100%; } section#coach-yourself div.oarlock-coach-yourself-text-right, section#coaching-tool div.oarlock-coaching-tool-text-right{ display: block; text-align: left; width: 85%; float: none; margin-top: 10px; margin-left: 14%; margin-bottom: 30px; } section#coach-yourself div.oarlock-coach-yourself-text-right h4, section#coaching-tool div.oarlock-coaching-tool-text-right h4 { color: #00297a; font-size: 16px; margin-top: 0; margin-bottom: 0; } div.oarlock-yellow-link { padding-left: 10px; padding-right: 10px; } div.oarlock-yellow-link h2{ font: 20px Raleway; font-weight: bold; text-align: center; } div.oarlock-yellow-link img { display: none; } section#coaching-tool div.oarlock-coaching-tool-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coaching-tool-mobile.jpg) center top no-repeat; background-size: cover; height: 309px; margin-top: 0px; } section#coaching-tool div.oarlock-coaching-tool-image h2 { margin-bottom: 0; font: bold 24px Raleway; text-transform: uppercase; color: #ffffff; padding-top: 10px; padding-left: 10px; margin-top: 0; background-color: rgba(0, 0, 0, 0.3); padding-bottom: 10px; } section#boat-to-coach div.oarlock-boat-to-coach-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-boat-to-coach-mobile.jpg) center top no-repeat; background-size: cover; height: 385px; } section#skill-screens div.oarlock-skill-screen { width: 100%; display: block; padding: 20px; margin-top: 30px; } section#what-can-you-measure div.what-can-you-measure-content ul li { width: 100%; display: inline-block; border-left: 3px none #00aeee; padding: 5px 10px; margin-bottom: 0; text-align: center; border-bottom: 1px solid #ededed; vertical-align: bottom; } section#skill-screens div.oarlock-skill-screen h3 { margin-top: 0; } section#skill-screens div.oarlock-skill-screen p { text-align: left; } section#skill-screens div.oarlock-skill-screen button { width: 100%; background-color: #00257c; color: #ffffff; text-transform: uppercase; height: auto; min-height: 50px; font-size: 18px; padding-bottom: 5px; padding-top: 5px; } section#skill-screens div.oarlock-skill-screen button img { width: 26px; vertical-align: middle; margin-left: 5px; } } @media all and (max-width:539px) { section#oarlock-improve div.oarlock-improve-image h2 { font: bold 36px Raleway; text-transform: uppercase; color: #ffffff; position: relative; top: 40%; padding-left: 20px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } section#oarlock-improve div.improve-options { max-width: 100%; margin-right: auto; margin-left: auto; margin-top: 20px; display: block; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item { display: block; width: 100%; text-align: center; vertical-align: top; position: relative; padding-right: 10px; padding-left: 10px; flex: 0; min-height: 290px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item img { height: 60px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 { color: #00297a; font: bold 28px Raleway, sans-serif; text-transform: uppercase; text-decoration: underline; margin-top: 10px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item h3 span.oarlock-next-line { display: block; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item p { font-size: 16px; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item button { background-color: #00297a; border: none; color: #ffffff; /*padding: 15px 32px;*/ text-align: center; text-decoration: none; height: 50px; width: 200px; font-size: 18px; text-transform: uppercase; display: block; position: relative; left: 0; } section#oarlock-improve div.improve-options div.oarlock-improve-options-item a button { margin-right: auto; margin-left: auto; position: relative; float: none; } section#coach-yourself div.oarlock-coach-yourself-image{ background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coach-yourself-mobile.jpg) center top no-repeat; background-size: cover; /*height: 259px;*/ height: 46vmin; margin-top: 0px; } section#coaching-tool div.oarlock-coaching-tool-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-coaching-tool-mobile.jpg) center top no-repeat; background-size: cover; height: 46vmin; margin-top: 0px; } section#boat-to-coach div.oarlock-boat-to-coach-image { background: url(/media/wysiwyg/smartwave/porto/nksports/images/oarlock-boat-to-coach-mobile.jpg) center top no-repeat; background-size: cover; height: 60vmin; margin-top: 0px; } div.oarlock-yellow-link { box-shadow: 0 0 20px rgba(0, 0, 0, 0.28); margin-bottom: 20px; border: 1px solid #faaa00; } section#coach-yourself div.oarlock-coach-yourself-image h2 { margin-bottom: 0; font: bold 20px Raleway; padding-top: 10px; padding-left: 10px; padding-bottom: 0px; } section#coaching-tool div.oarlock-coaching-tool-image h2 { margin-bottom: 0; font: bold 20px Raleway; padding-top: 10px; padding-left: 10px; padding-bottom: 0px; } section#boat-to-coach div.oarlock-boat-to-coach-image h2 { margin-bottom: 0; font: 4.5vmin Raleway; font-weight: bold; padding-top: 10px; padding-left: 10px; padding-bottom: 0px; } } /* ##### END NEW NEW OARLOCK PAGE ##### */ /* ##### BEGIN NEW LiNK LOGBOOK PAGE ##### */ .link-logbook-header-bg { /*background: url(/media/wysiwyg/smartwave/porto/nksports/images/link-logbook-header.jpg) center center no-repeat; background-size: contain;*/ position: relative; width: 100%; } div#link-logbook div.link-logbook-header div.link-logbook-header-bg a div.link-logbook-watch-live { width: 250px; text-align: center; background-color: #002269; color: #ffffff; padding-top: 10px; padding-bottom: 10px; border-radius: 8px; font-size: 24px; text-transform: uppercase; bottom: 10px; margin-right: auto; margin-left: auto; display: block; position: absolute; clear: both; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ffffff; } div#link-logbook div.link-logbook-header div.link-logbook-header-bg a div.link-logbook-watch-live:hover { background-color: #0038ae; } .link-logbook-watch-live span { padding-left: 10px; } /* div#link-logbook div.link-logbook-title { background: rgb(9,39,104); background: -moz-linear-gradient(90deg, rgba(9,39,104,1) 10%, rgba(29,75,163,1) 50%, rgba(9,39,104,1) 90%); background: -webkit-linear-gradient(90deg, rgba(9,39,104,1) 10%, rgba(29,75,163,1) 50%, rgba(9,39,104,1) 90%); background: linear-gradient(90deg, rgba(9,39,104,1) 10%, rgba(29,75,163,1) 50%, rgba(9,39,104,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#092768",endColorstr="#092768",GradientType=1); margin-top: -4px; } div#link-logbook div.link-logbook-title h1 { color: #ffffff; font: 50px Raleway; font-weight: bold; text-align: center; margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; } div#link-logbook div.link-logbook-title h1 sup { font-weight: normal; font-style: normal; } */ div#link-logbook div.link-logbook-title{ background:#092768;background:-moz-linear-gradient(90deg,rgba(9,39,104,1) 0%,rgba(29,75,163,1) 20%,rgba(9,39,104,1) 70%); background:-webkit-linear-gradient(90deg,rgba(9,39,104,1) 0%,rgba(29,75,163,1) 20%,rgba(9,39,104,1) 70%); background:linear-gradient(90deg,rgba(9,39,104,1) 0%,rgba(29,75,163,1) 20%,rgba(9,39,104,1) 70%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#092768",endColorstr="#092768",GradientType=1); margin-top:-4px; } div#link-logbook div.link-logbook-title h1{ color:#fff; font:50px Raleway; font-weight:700; text-align: left; margin-bottom:0; padding-top:15px; padding-bottom:15px; } div#link-logbook div.link-logbook-title h1 sup{ font-weight:400; font-style:normal; } div.link-logbook-title div.link-logbook-title-content.h1text { display: inline-block; width: 40%; margin-left: 40px; } div.link-logbook-title div.link-logbook-title-content.h1button { display: inline-block; width: 40%; text-align: right; float: right; padding-right: 40px; padding-top: 20px; } div.link-logbook-title div.link-logbook-title-content.h1button button { background-color: #F9D901; color: #082568; text-transform: uppercase; font: bold 24px Raleway; border: 3px solid #ffffff; border-radius: 8px; height: 50px; padding-right: 15px; padding-left: 15px; } div.link-logbook-title div.link-logbook-title-content.h1button button:hover { background-color: #bed2ef; } div#link-logbook div.link-logbook-view-analyze { width: 70%; margin-right: auto; margin-left: auto; } div#link-logbook div.link-logbook-view-analyze h2 { color: #162D76; text-transform: uppercase; font: 42px/42px Roboto; font-weight: 500; text-align: center; } div#link-logbook div.link-logbook-app-download p.link-logbook-description { width: 70%; margin-right: auto; margin-left: auto; color: #000000; font-size: 16px; text-align: justify; margin-bottom: 30px; } div#link-logbook div.link-logbook-individual-basic-header { position: relative; } div#link-logbook div.link-logbook-individual-basic-header h2 { position: absolute; top: 30px; color: #ffffff; font-weight: bold; font: 58px Roboto; font-weight: 500; left: 80px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.35); } div#link-logbook a.video div.logbook-header-video {position: absolute;margin-top:28.3%;margin-left:7.9%;width:53.1%;height:45.8%; } div#link-logbook div.link-logbook-individual-basic-info div.link-logbook-individual-basic-info-text { padding: 60px 60px 60px 40px; margin-top: -3px; background-color: #EFEFEF; } div#link-logbook div.link-logbook-individual-basic-info-text-phone { float: right; width: 200px; margin-right: 50px; } div#link-logbook div.link-logbook-individual-basic-info div.link-logbook-individual-basic-info-text h3 { color: #122067; font: 30px Raleway; font-weight: bold; font-style: italic; text-transform: uppercase; } div#link-logbook div.link-logbook-individual-basic-info div.link-logbook-individual-basic-info-text ul { padding-left: 20px; max-width: 620px; color: #122067; } div#link-logbook div.link-logbook-team-header { position: relative; } div#link-logbook div.link-logbook-team-header a.video div.logbook-team-header-video { position: absolute;margin-top:28.4%;margin-left:41.1%;width:52.8%;height: 46%; } div#link-logbook div.link-logbook-team-header h2 { position: absolute; top: 30px; color: #ffffff; font-weight: bold; font: 58px Roboto; font-weight: 500; left: 80px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.35); } div#link-logbook div.link-logbook-team-text { padding: 40px 60px 20px; margin-top: -4px; background-color: #EFEFEF; } div#link-logbook div.link-logbook-team-text h3 { color: #122067; font: 30px Raleway; font-weight: bold; font-style: italic; text-transform: uppercase; margin-bottom: 0; margin-top: 0; } div#link-logbook div.link-logbook-team-text h4 { font: 22px Roboto; font-weight: normal; font-style: normal; color: #122067; margin-top: 0; margin-bottom: 5px; } div#link-logbook div.link-logbook-team-text ul { padding-left: 20px; max-width: 620px; color: #122067; } div#link-logbook div.link-logbook-boat-to-coach h2 { color: #13216A; text-transform: uppercase; font: 30px Roboto; text-align: center; font-weight: bold; } div#link-logbook div.link-logbook-boat-to-coach div.link-logbook-boat-to-coach-text h3 { color: #122067; font-size: 18px; } div#link-logbook div.link-logbook-boat-to-coach div.link-logbook-boat-to-coach-text p { color: #122067; font-size: 16px; } div#link-logbook div.link-logbook-boat-to-coach a { display: flex; max-width: 250px; margin-right: auto; margin-left: auto; text-decoration: none; } div#link-logbook a div.link-logbook-watch-live { max-width: 250px; text-align: center; background-color: #002269; color: #ffffff; padding: 10px 20px; border-radius: 8px; font-size: 24px; text-transform: uppercase; bottom: 10px; margin-right: auto; margin-left: auto; border: 1px solid #ffffff; display: block; } div#link-logbook div.link-logbook-app-download div.link-logbook-watch-live-container { width: 250px; margin-right: auto; margin-left: auto; } div#link-logbook div.link-logbook-watch-live-container a { font-weight: normal; font-style: normal; text-decoration: none; } div#link-logbook div.link-logbook-watch-live-container a div.link-logbook-watch-live:hover { background-color: #0038ae; font-weight: normal; font-style: normal; text-decoration: none; } @media all and (max-width:991px) { div#link-logbook div.link-logbook-title{ background:#092768;background:-moz-linear-gradient(90deg,rgba(9,39,104,1) 10%,rgba(29,75,163,1) 50%,rgba(9,39,104,1) 90%); background:-webkit-linear-gradient(90deg,rgba(9,39,104,1) 10%,rgba(29,75,163,1) 50%,rgba(9,39,104,1) 90%); background:linear-gradient(90deg,rgba(9,39,104,1) 10%,rgba(29,75,163,1) 50%,rgba(9,39,104,1) 90%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#092768",endColorstr="#092768",GradientType=1); margin-top:-4px; } div#link-logbook div.link-logbook-title h1{ text-align: center; } div.link-logbook-title div.link-logbook-title-content.h1text { display: block; width: 100%; margin-left: 0px; } div.link-logbook-title div.link-logbook-title-content.h1button { display: block; width: 100%; text-align: center; float: none; padding-right: 0px; padding-bottom: 20px; padding-top: 0; } div#link-logbook div.link-logbook-individual-basic-info-text-phone { float: right; width: 180px; margin-right: 0px; padding-left: 10px; } div#link-logbook div.link-logbook-individual-basic-info div.link-logbook-individual-basic-info-text, div#link-logbook div.link-logbook-team-info div.link-logbook-team-text { padding: 40px 20px 60px; } div#link-logbook div.logbook-screenshots{max-height:310px;clear:left;width:85%;max-width:470px; margin-left: 0; } div#link-logbook div.logbook-screenshot img{margin-right:15px;width:210px} } @media all and (max-width:767px) { div#link-logbook div.link-logbook-view-analyze { width: 90%; margin-right: auto; margin-left: auto; } div#link-logbook div.link-logbook-app-download p.link-logbook-description { width: 90%; } div#link-logbook div.link-logbook-individual-basic-header h2, div#link-logbook div.link-logbook-team-header h2 { position: absolute; top: 0px; color: #ffffff; font-weight: bold; font: 48px Roboto; font-weight: 500; left: 40px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.35); } div#link-logbook div.link-logbook-individual-basic-info-text-phone { width: 160px; } div#link-logbook div.logbook-screenshots{max-height:310px;clear: both;width:100%;max-width:767px; margin-left: 0; } div#link-logbook div.logbook-screenshot img{margin-right:15px;width:210px} div#link-logbook div.link-logbook-boat-to-coach img { margin-bottom: 10px; } div#link-logbook div.link-logbook-boat-to-coach div.link-logbook-boat-to-coach-text p { color: #122067; font-size: 16px; } } @media all and (max-width:540px) { div#link-logbook div.link-logbook-header div.link-logbook-header-bg a div.link-logbook-watch-live { width: 100%; text-align: center; background-color: #002269; color: #ffffff; padding-top: 10px; padding-bottom: 10px; border-radius: 0px; font-size: 24px; text-transform: uppercase; bottom: 0; margin: -4px auto 30px; display: block; position: relative; left: 0px; transform: translate(0%, 0%); border: 0px solid #ffffff; clear: both; min-width: 100%; } div#link-logbook div.link-logbook-header div.link-logbook-header-bg a:hover { font-weight: normal; font-style: normal; text-decoration: none; } div#link-logbook a.video div.logbook-header-video {position:absolute;margin-top:26.7%;margin-left:7.4%;width:49.9%;height:27.5vmin} div#link-logbook div.link-logbook-view-analyze h2 { color: #162D76; text-transform: uppercase; font: 36px/36px Roboto; font-weight: 500; text-align: center; } div#link-logbook div.link-logbook-individual-basic-header, div#link-logbook div.link-logbook-team-header { padding-top: 2vmax; } div#link-logbook div.link-logbook-individual-basic-header h2, div#link-logbook div.link-logbook-team-header h2 { position: absolute; top: 0px; color: #ffffff; font-weight: 500; font: 8vw Roboto; left: 20px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.35); top: 0px; margin-top: 2px; background-color: #152063; padding-right: 20px; padding-left: 20px; } div#link-logbook div.link-logbook-individual-basic-info div.link-logbook-individual-basic-info-text, div#link-logbook div.link-logbook-team-info div.link-logbook-team-text { padding: 40px 20px 20px; margin-bottom: 20px; } } @media all and (max-width:313px) { div.link-logbook-title div.link-logbook-title-content.h1button button { font: bold 18px Raleway; } } /* ##### END NEW LiNK LOGBOOK PAGE ##### */ /* ##### BEGIN SPEEDCOACH SUMMER RACING SERIES ##### */ section.nkscsrs-header div.nkscsrs-header-title { background: url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-summer-racing-series-head.jpg) left center no-repeat; min-height: 582px; min-width: 100%; position: relative; } section.nkscsrs-header div.nkscsrs-header-title h1 { color: #ffffff; font: 44px "Raleway"; width: 500px; position: absolute; top: 50px; right: 80px; } section.nkscsrs-header div.nkscsrs-header-title h1 span { display: block; font-size: .7em; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-logbook img.link-logbook { width: 125px; position: absolute; right: 450px; top: 250px; box-shadow: 0 0 8px; border-radius: 10px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.app-store { width: 150px; position: absolute; right: 250px; top: 320px; border-radius: 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.google-play { width: 150px; position: absolute; right: 250px; top: 260px; border-radius: 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text { background: rgb(15,44,93); background: linear-gradient(0deg, rgba(15,44,93,1) 0%, rgba(79,133,193,1) 100%); height: 100px; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text h2 { margin-top: 0; margin-bottom: 0; color: #ffffff; font: 54px "Raleway"; text-align: center; padding-top: 15px; word-spacing: 30px; } section.nkscsrs-dates div.nkscsrs-dates-top-text h3 { text-align: center; margin-bottom: 40px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul { padding-left: 20px; padding-right: 20px; /*delete the next three lines when multiple events are present*/ width: 45%; margin-right: auto; margin-left: auto; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li { display: inline-block; /*make the next line 45% when multiple events are present*/ width: 100%; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li:nth-child(even) { margin-left: 9.5%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date { display: inline-block; width: 20%; text-align: center; background-color: #2A3F8A; color: #ffffff; font: 18px "Roboto"; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date p { padding-top: 14px; padding-bottom: 10px; margin-bottom: 4px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event { display: inline-block; width: 79%; padding-right: 0px; vertical-align: top; padding-top: 5px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event p { padding-left: 30px; padding-right: 30px; margin-bottom: 0; } section.nkscsrs-body h2 { text-align: center; font-weight: bold; } section.nkscsrs-body ol { padding-left: 20px; } section.nkscsrs-footer { text-align: center; } section.nkscsrs-footer div.nkscsrs-header-logos-link-logbook img.link-logbook { width: 150px; } section.nkscsrs-footer div.nkscsrs-footer-logos-link-app-stores a img.app-store, section.nkscsrs-footer div.nkscsrs-footer-logos-link-app-stores a img.google-play { width: 200px; margin-right: 10px; margin-left: 10px; margin-top: 20px; } @media all and (max-width:1199px) { section.nkscsrs-header div.nkscsrs-header-title h1 { right: 40px; text-shadow: 0 0 4px #000000; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-logbook img.link-logbook { right: 350px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.app-store { right: 150px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.google-play { right: 150px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event { padding-top: 3px; /*delete the next line when dealing with multiple events*/ width: 75%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event p { padding-top: 0px; margin-bottom: 0; } } @media all and (max-width:991px) { section.nkscsrs-header div.nkscsrs-header-title h1 { text-shadow: 0 0 4px #000000; background-color: rgba(0, 0, 0, 0.22); width: 100%; position: static; text-align: center; padding-top: 10px; padding-bottom: 10px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-logbook img.link-logbook { right: 30px; top: 150px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.app-store { right: 30px; top: 370px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.google-play { right: 30px; top: 300px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul { padding-left: 20px; padding-right: 20px; width: 70%; margin-right: auto; margin-left: auto; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li { display: block; width: 100%; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li:nth-child(even) { margin-left: 0%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date { width: 25%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date p { padding-top: 14px; padding-bottom: 10px; margin-bottom: 4px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event { width: 70%; padding-right: 0px; padding-top: 0px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event p { padding-left: 30px; padding-right: 20px; padding-top: 8px; margin-bottom: 0; } } @media all and (max-width:767px) { section.nkscsrs-header div.nkscsrs-header-title { background: url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-summer-racing-series-head1-mobile.jpg) left center no-repeat; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text { background: rgb(15,44,93); background: linear-gradient(0deg, rgba(15,44,93,1) 0%, rgba(79,133,193,1) 100%); height: 80px; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text h2 { font: 38px "Raleway"; word-spacing: 24px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul { padding-left: 20px; padding-right: 20px; width: 100%; margin-right: auto; margin-left: auto; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li { display: block; width: 100%; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li:nth-child(even) { margin-left: 0%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date { width: 25%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date p { padding-top: 14px; padding-bottom: 10px; margin-bottom: 4px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event { width: 70%; padding-right: 0px; padding-top: 0px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event p { padding-left: 30px; padding-right: 20px; padding-top: 5px; margin-bottom: 0; } } @media all and (max-width:539px) { section.nkscsrs-header div.nkscsrs-header-title { background: url(/media/wysiwyg/smartwave/porto/nksports/images/speedcoach-summer-racing-series-head1-mobile.jpg) left center no-repeat; } section.nkscsrs-header div.nkscsrs-header-title h1 { text-shadow: 0 0 4px #000000; font: 8vw "Raleway"; background-color: rgba(0, 0, 0, 0.22); width: 100%; position: static; text-align: center; padding: 10px 5px; } section.nkscsrs-header div.nkscsrs-header-title h1 span { display: block; font-size: .7em; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-logbook img.link-logbook { right: 30px; top: 180px; width: 100px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.app-store { right: 30px; top: 370px; } section.nkscsrs-header div.nkscsrs-header-title div.nkscsrs-header-logos-link-app-stores img.google-play { right: 30px; top: 300px; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text { /*margin-top: -27px;*/ padding-top: 0px; padding-bottom: 10px; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text { background: rgb(15,44,93); background: linear-gradient(0deg, rgba(15,44,93,1) 0%, rgba(79,133,193,1) 100%); height: auto; } section.nkscsrs-row-upload-rank div.nkscsrs-roaw-upload-rank-text h2 { font: 7vmin "Raleway"; word-spacing: 10px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li { display: block; width: 100%; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li:nth-child(even) { margin-left: 0%; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date { width: 100%; text-align: center; background-color: #2A3F8A; color: #ffffff; font: 18px "Roboto"; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 0px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-date p { padding-top: 14px; padding-bottom: 10px; margin-bottom: 4px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event { width: 100%; padding-right: 0px; padding-top: 0px; } section.nkscsrs-dates div.nkscsrs-dates-top-text ul li div.nkscsrs-dates-event p { padding-left: 20px; padding-right: 20px; padding-top: 10px; margin-bottom: 10px; } } /* ##### END SPEEDCOACH SUMMER RACING SERIES ##### */ /* ##### BEGIN HOCR PREP PAGE ##### */ div#hocr-prep h2 { font-size: 30px; border-top: 1px solid #000; padding-top: 20px; margin-top: 20px } div#hocr-prep section.hocr-prep1 div.hocr-prep1-images div.hocr-prep1-image { display: inline-block; width: 25%; margin-right: 3.5%; margin-left: 3.5%; vertical-align: top } div#hocr-prep section.hocr-prep2 div.hocr-prep2-images div.hocr-prep2-image { display: inline-block; width: 17%; margin-right: 3.5%; margin-left: 3.5%; vertical-align: top } div#hocr-prep section.hocr-prep3 div.hocr-prep3-images div.hocr-prep3-image { display: inline-block; width: 17%; margin-right: 3.5%; margin-left: 3.5%; vertical-align: top; margin-bottom: 20px } div#hocr-prep section.hocr-prep4 div.hocr-prep4-images div.hocr-prep4-image { display: inline-block; width: 45%; margin-right: 3.5%; margin-left: 3.5%; vertical-align: top; margin-bottom: 20px } div#hocr-prep section p { font-size: 18px } @media all and (max-width:767px) { div#hocr-prep section.hocr-prep1 div.hocr-prep1-images div.hocr-prep1-image { display: block; width: 100%; margin-right: 0; margin-left: 0; vertical-align: top; text-align: center } div#hocr-prep section.hocr-prep1 div.hocr-prep1-images div.hocr-prep1-image, div#hocr-prep section.hocr-prep2 div.hocr-prep2-images div.hocr-prep2-image, div#hocr-prep section.hocr-prep3 div.hocr-prep3-images div.hocr-prep3-image, div#hocr-prep section.hocr-prep4 div.hocr-prep4-images div.hocr-prep4-image { border-bottom: 1px solid #000; padding-top: 20px; padding-bottom: 10px } div#hocr-prep section.hocr-prep1 div.hocr-prep1-images div.hocr-prep1-image:last-child, div#hocr-prep section.hocr-prep2 div.hocr-prep2-images div.hocr-prep2-image:last-child, div#hocr-prep section.hocr-prep3 div.hocr-prep3-images div.hocr-prep3-image:last-child { border-bottom: none } div#hocr-prep section.hocr-prep2 div.hocr-prep2-images div.hocr-prep2-image { display: block; width: 100%; margin-right: 0; margin-left: 0; vertical-align: top; text-align: center } div#hocr-prep section.hocr-prep3 div.hocr-prep3-images div.hocr-prep3-image { display: block; width: 100%; margin-right: 0; margin-left: 0; vertical-align: top; text-align: center } div#hocr-prep section.hocr-prep4 div.hocr-prep4-images div.hocr-prep4-image { display: block; width: 100%; margin-right: 0; margin-left: 0; vertical-align: top; text-align: center } } /* ##### END HOCR PREP PAGE ##### */