/* ==========================================================================
   Prem Page styles 
   ========================================================================== */


    .c-hero-prem__block {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .c-hero-prem__subtitle {
        letter-spacing: 2px;
        font-weight: 300;
        font-size: 1.2rem;
        display: block;
        font-family: "circe",sans-serif;
    }

    .c-hero-prem__text {
        font-size: 1rem;
        max-width: 600px;
        margin-top: 50px;
        font-weight: 300;
    }

    .c-hero-prem__block--left .c-hero-prem__content {
    	padding: 120px 20px 80px;
    }

    .c-hero-prem__block--right .u-img--deco {
        max-width: 300px;
        margin: 0 auto;
    }

    .c-hero-prem__block--left {
        background-color: #133d67;
    }

    @media (min-width: 1024px) {
        .c-hero-prem .o-row {
            display: flex;
            flex-wrap: wrap;
        }

        .c-hero-prem__block--left {
            height: 100%;
        }

        .c-hero-prem__block--left .c-hero-prem__content {
        	padding: 80px;
        }

        .c-hero-prem__block--right .u-img--deco {
            max-width: 600px;
        }

        .c-hero-prem__block--left{
        	justify-content: flex-end;
        }

        .c-hero-prem__text {
        	font-size: 1.2rem;
        }

        .c-hero-prem__subtitle {
        	font-size: 1.4rem;
        }
    }

    .c-hero__space {
    	padding: 12vw 8vh;
    }

    /* ==========================================================================
       CTA SECONDARY
       ========================================================================== */

   .c-prem-cta-secondary {
      height: 60vh;
      display: flex;
      flex-wrap: wrap;
      min-height: 500px;
   }

   .c-prem-cta-secondary .c-background {
        background-position: top center !important;
   }

   .c-prem-cta-secondary__block {
        background-color: rgba(0, 0, 0, .75);
        width: 100%;
        padding: 20px 0;
        display: flex;
    	align-items: center;
    	justify-content: center;
   }

       @media (min-width: 1024px) {
            .c-prem-cta-secondary {
                height: 80vh;
                min-height: 800px;
                justify-content: center;
      			align-items: flex-end;
            }

            .c-prem-cta-secondary__block {
                padding: 60px 0;
            }
       }

   /* ==========================================================================
       PATIENTS
       ========================================================================== */

   .c-prem-patients__imgs {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
   }

   .c-prem-patients__quote {
     font-size: 18px;
     font-family: 'ScotchMicro-Italic';
     font-style: italic;
   }

   .c-prem-patients__quote cite {
    	text-transform: uppercase;
    	font-style: normal;
    	font-family: "ScotchMicro-Bold",serif;
    	font-weight: normal;
        letter-spacing: 2px;
   }

   .c-prem-patients__quote cite::before {
    	display: none;
   }

	

   @media (min-width: 1024px) {
   	.c-prem-patients__description {
   		display: flex;
   		flex-wrap: nowrap;
   		align-items: center;
   		justify-content: space-between;
   	}

   	.c-prem-patients__quote {
     	font-size: 24px;
     	margin-bottom: 60px;
   	}
   }

   /* ==========================================================================
       PROCEDURES
       ========================================================================== */

    .c-procedures__content {
        margin-bottom: 60px;
    }

    .c-prem-procedures .u-img--deco {
        max-width: 300px;
        margin: 0 auto;
    }

    .c-procedures__block {
    	padding: 60px;
    }

    .c-prem-procedures::before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
        z-index: -5;
    }

    @media (min-width: 1024px) {
        .c-prem-procedures .u-img--deco {
            max-width: 500px;
        }
    }

   /* ==========================================================================
      Info 
      ========================================================================== */

    .c-prem-info {
    	overflow: hidden;
    }

	@media (min-width: 1199px) {
	    .c-prem-info__imgs {
	        position: relative;
	        transform-style: preserve-3d;
	        perspective: 1000px;
	    }

	    .c-prem-info__img {
	        position: absolute;
	    }

	    .c-prem-info__img {
	       display: inline-block;
	       transform: translateZ(0px);
	       transition: transform 1s;
	       transform-origin: 0 0;
	    }

	    .c-prem-info__img:hover {
	       transform: translateZ(120px);
	    }
	}

    .c-prem-info__img--1 {
        top: 60px;
    }

    .c-prem-info__img--2 {
        top: 190px;
        left: 80px;
        z-index: -1;
    }

    .c-prem-info__content {
        margin-bottom: 20px;
    }

    .c-prem-info__block {
        background-color: #fff;
        padding: 40px;
        border: 1px solid #ccc;
        border-right: 0;
    }

   @media (min-width: 1199px) {
        .c-prem-info__block::before {
            content: '';
            position: absolute;
            top: 0;
            left: 100%;
            bottom: 0;
            background-color: #fff;
            width: 300px;
            z-index: -1;
            border: 1px solid #ccc;
            border-left: 0;
        }

        .c-prem-info__content {
        	margin-bottom: 60px;
    	}
    }

    /* ==========================================================================
       CONTENT TERTIARY 
       ========================================================================== */

    .c-prem-content-tertiary__content {
        padding: 40px;
    }

    @media (min-width: 1200px) {
        .c-prem-content-tertiary__content {
            max-width: 850px;
            margin: 0 auto;
        }
    }

    .c-prem-content-tertiary .c-background {
        background-position: top center;
    }

    @media(max-width:  1024px) {
        .c-prem-content-tertiary .c-background {
            padding-top: calc(320px + 40%);
        }
    }

    @media (min-width: 1024px) {

        .c-prem-content-secondary__content {
            margin-bottom: 30px;
        }

        .c-prem-content-tertiary__content {
        	padding: 120px 40px;
    	}
    }

    .c-prem-content-secondary__block {
        background-color: #fff;
        padding: 40px;
        border-radius: 30px 0 30px;
        margin: 40px 0;
    }

    .c-prem-content-primary a:not(.c-btn),
    .c-prem-content-tertiary a:not(.c-btn) {
        color: #fff;
        text-decoration: underline;
    }

    .c-prem-content-primary a:hover,
    .c-prem-content-tertiary a:hover {
        text-decoration: none;
    }

    /* ==========================================================================
       FAQS
       ========================================================================== */

    .c-prem-faqs::before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
        z-index: -5;
    }

    .c-prem-faqs__title {
        background-color: rgba(19, 61, 103, .05);
        padding: 10px 20px;
    }

    .c-prem-faqs__item {
        margin-bottom: 60px;
    }

    @media (min-width: 1024px) {
    	.c-prem-faqs__content {
        	padding: 40px 80px;
    	}
    }

    /* ==========================================================================
       Video
       ========================================================================== */

    .c-prem-video__text {
    	font-size: 1.2rem;
    	font-family: 'ScotchMicro-Italic';
    	font-style: italic;
    	padding: 20px 40px;
    }

    .c-prem-video .slick-dots {
    	position: static;
    	text-align: center;
    }

    .c-prem-video .slick-arrow {
    	display: none !important;
    }

     @media (min-width: 1024px) {
    	.c-prem-video {
    		background-image: url(../img/prem-page-sample/img-strokes.png);
    		background-size: 85%;
    		background-repeat: no-repeat;
    		background-position: center;
    	}

    	.c-prem-video__text {
    		font-size: 1.5rem;
    	}
    }

    /* ==========================================================================
       MISC 
       ========================================================================== */

    .c-list--spacing li {
        margin-bottom: 20px;
    }

    .u-img--deco {
        position: relative;
    }

    .u-img--deco::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #133d67;
        z-index: -5;
    }

    .u-img--rounded {
        border-radius: 30px 0 30px;
        position: relative;
        transform: translate(0, 0);
        margin: 0;
    }

    .c-animate--view .u-img--rounded {
        transition: all 2s 1s ease;
        transform: translate(20px, 20px);
    }

    .u-img--deco .c-disclaimer {
        bottom: 0;
        left: 40px;
    }

    @media (min-width: 1024px) {
        .u-img--rounded {
            border-radius: 120px 0 120px;
        }

        .u-text--lg {
            font-size: 1.35em;
        }

        .c-animate--view .u-img--rounded {
            transform: translate(40px, 40px);
        }

        .u-img--deco .c-disclaimer {
            left: 60px;
        }
    }


    .o-row--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
   }

	.c-disclaimer {
		position: absolute;
		bottom: 40px;
		left: 30px;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		text-shadow: 1px 1px 2px rgba(0,0,0, .5);
		opacity: .5;
		z-index: 10;
	}

    .u-img--deco.c-animate {
        transition: none;
    }

    .c-background--full {
        background-size: 100%;
    }