@font-face {
  font-family: 'Oceanwide-Light';
  src: url('_fonts/Oceanwide-Light.woff2') format('woff2'),
    url('_fonts/Oceanwide-Light.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'OceanwideA-Light';
  src: url('stnof/OceanwideA-Light.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'OceanwideA-Bold';
  src: url('stnof/OceanwideA-Bold.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'OceanwideA-Semibold';
  src: url('stnof/OceanwideA-Semibold.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'Oceanwide-Med';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792153/Oceanwide-Medium.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792151/Oceanwide-Medium.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'Oceanwide-Semibold';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/779002/Oceanwide-Semibold.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/779003/Oceanwide-Semibold.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: 'CAL-Grotesk-Light';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792138/CALGroteskUlt-Light.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792137/CALGroteskUlt-Light.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Grotesk-Light-Oblique';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792150/CALGroteskUlt-LightOblique.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792148/CALGroteskUlt-LightOblique.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: 'CAL-Grotesk-3-Medium';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/791878/CALGrotesk3Ult-Medium.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/791877/CALGrotesk3Ult-Medium.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Grotesk-Semibold';
  src: url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792140/CALGroteskUlt-Semibold.woff2') format('woff2'),
    url('https://d2saw6je89goi1.cloudfront.net/uploads/digital_asset/file/792139/CALGroteskUlt-Semibold.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Sans-16';
  src: url(stnof/CALSans16px-QuasiLight.otf) format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Sans-16-italic';
  src: url(stnof/CALSans16px-Oblique.otf) format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Sans-16-bold';
  src: url(stnof/CALSans16px-Bold.otf) format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: 'CAL-Sans-16-bold-italic';
  src: url(stnof/CALSans16px-BoldOblique.otf) format('opentype');
  font-weight: normal;
}
:root {  
  --Cal-d-blue:#181036;
  --Cal-m-blue:#045CA6;
  --Cal-l-blue:#41C1D9; /*looks great with H2*/
  --Cal-gold:#ffe300;
}


.bg-yellow {
    background-color: var(--Cal-gold);
}
.bg-black {
    background-color: black;
    color: white;
}
.red-text {
    color: red;
}
.white {
    color:white;
}
.caps {
    text-transform: uppercase;
}
.toEdge {
    margin-left:0;
    margin-right:0;
    padding:0;
}
.toEdgeL {
    margin-left:0;
    padding-left:0;
}
.toEdgeR {
    margin-right:0;
    padding-right:0;
}
.ferrari {padding-top: 250px; padding-bottom: 250px; overflow: hidden; position: relative; width: 100%; background-image: url(https://images.clickfunnels.com/51/d62fd3f7e648b9af8e8ccbfcdfd1de/Bodoni-Ferrara---Vintage-Ferrari.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top right;}

	html {width: auto!important; overflow-x: hidden!important;} /*to fix phone slide */
		body {/*to fix phone slide */
			overflow-y: scroll;
			overflow-x: hidden !important;
		}
		
body {
    font-family: 'CAL-Sans-16', sans-serif !important; /* default body text */
    font-size: 20px;
    line-height: 1.2em !important;
    overflow-wrap: anywhere !important;
    white-space: initial !important;
}
p {
    font-family: 'CAL-Sans-16', sans-serif !important;/* default body text */
    font-size: 20px;
    line-height: 1.2em !important;
    overflow-wrap: anywhere !important;
    white-space: initial !important;
}
body p b, body b, p b, .bold {
    font-family:'CAL-Sans-16-bold', sans-serif !important;/* body text bold*/
    font-weight: normal;
}

body em, body i, .italic {
    font-family: 'CAL-Sans-16-italic', sans-serif !important;/* body text italic*/
    font-weight: normal;
    font-style: normal !important;
}
h1, h4, h5, h6 {
    font-family: 'Oceanwide-Med','CAL-Grotesk-Semibold', sans-serif !important;
    font-size: 48px;
    letter-spacing: -.03em;
    line-height: 1em !important;
    font-weight: normal !important;
    overflow-wrap: anywhere !important;
}
body h1 b, h1 b {
    font-family: 'Oceanwide-Med','CAL-Grotesk-Semibold', sans-serif !important;
    font-weight: normal;
}
h2 {
    font-family: 'Oceanwide-Light','CAL-Grotesk-Semibold', sans-serif !important;
    font-weight: normal;
	letter-spacing: 0px;
}

.elButtonMain {
    font-family: 'Oceanwide-Med','CAL-Grotesk-Semibold', sans-serif !important;
}
/* pricing {
    font-feature-settings: 'ss03' 1;
  } */
.price /* pricing */ {
    font-family:'CAL-Sans-16' !important;
    font-size: 48px !important;
    font-weight: normal !important;
    font-feature-settings: 'ss03' 1;
  }
 .underPrice{ /*under price numbers */
     font-family: 'CAL-Sans-16-italic', sans-serif !important;
    font-feature-settings: 'ss03' 0 !important;
    padding-top:10px;
    font-size:20px;
  }
.strike {
    text-decoration:line-through;
}
.larger {
    font-size:36px;
}
.smaller {
    font-size:16px;
}
.mobile {
    display: none;
}
.text-12 {
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 768px) {
    h1{
        font-size:36px;
    }
    p {
        font-size:20px;
        line-height:1.15em;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
	.text-12 {
		padding-right: 35px;
		padding-left: 35px;
		
	}
#rows
  { /*to vertically center text on side of image */
    display: flex;  /* make the row a flex container */
    align-items: center; /* vertically center each flex item in the container */
}

  #paragraphs { /* creating H3 on paragraphgs */
    font-feature-settings: 'ss03','ss08', 'ss11', 'ss12', 'ss14', 'ss15' 1;
    line-height: 1.15em !important;
  }
}
.image-center {
    margin-right:auto;
    margin-left:auto;
}