@keyframes glow{
		0%{color: var(--d-green);}
	}

 	header.split{
    	background-image: url(../jpg/cw_bg.jpg);
    	padding-left: 4rem; padding-right: 3rem; padding-bottom: 3rem;}

    	header.split .textwrapper{
    		margin-right: calc(50% + 2rem);
    		text-align: left;}
    	header.split label{
    	color: var(--l-gray);}
    	header.split .title{
    		font-size: 2.75rem;}
    	header.split .title .alt{
    		font-family: var(--mlight);}
   		header.split .subtitle{
    		font-size: 1.5rem;
    		font-weight: 600;}

	section.split{
		display: flex;
		justify-content: center;}


		section.split .left, section.split .right{
	    	width: 60%;
	    	z-index: 3;
	    	max-width: 800px;
	    	box-sizing: border-box;}

	    section.split .right{
	    	width: 40%;
	    }

	    section.split .textwrapper{
	    	margin-left: 1rem;
			margin-right: 5vw;
			margin-top: 0;
			text-align: left;}

			section.split .textwrapper .list:not(.h)>div{
				width: 60%;}

		 section.split .imagewrapper{
	    	margin:2rem auto;
	    	margin-right: 1rem;
	    	margin-bottom: 4rem;
	    }

	   		section.split .imagewrapper img{
		     	width: 100%;
		    	margin: auto;
		    	margin-bottom: -5px;}


	    section.split .imagewrapper.v{
	    	width: 40%; height: 32rem;
	    	margin: auto;
	    	margin-right: 1rem;
	    	margin-top: calc(-9rem + -8vw);
	    	overflow: hidden;}


	    	section.split .imagewrapper.v img{
	    		max-width: 25rem;}

		section.split .formfill{
	    	margin: 2rem auto;
	    	margin-top: -12rem;
	    	display: flex;
	    	flex-direction: column;
	    	min-height: 25rem;
	    	justify-content: center;
	    	min-width: 18rem; max-width: 28rem;
	    	padding: 1.5rem 2.5rem;
	    	position: sticky;
	    	top: 10rem;
	    	z-index: 3;}

		section.split .formfill button{
			margin: auto;
			box-shadow: var(--shadow-light);}


			.formfill .title{
				color: var(--d-gray) !important;
				text-shadow: none !important;}

			.formfill .dealer{
				width: 50%;
				margin-right: 1rem;}

			.formfill .state{
				width: 25%;
				margin-right: 1rem;}

			.formfill .small{
				font-size: 0.8rem;}

			.formfill .load{
				display: none;}

			.formfill:hover .greenhover{
				color:var(--d-green);
			}

			.greenhover {transition: var(--ease);}

			.waveform{
				position: absolute;
			    bottom: 10rem;
			    width: calc( 100% - 12rem);
			    box-sizing: border-box;
			    z-index: 1;
			    margin-left: -6rem;
			}
			.partnerLogo img{
				width: 10rem;
				height: auto;
			}
			.partnerLogo{
				display: inline-flex;
				margin: 1rem;
			}
			.logoRow{
				display: flex;
				align-content: center;
				justify-content: center;
			}

	section.second{
		z-index: 5;
		margin-top: -6.25rem;
	}


	#features .icon{
		margin-top: -5rem;
		padding: 0 1.5rem; 
		width: 3.5rem;
		height: 3.5rem;
		background-color: var(--l-gray);
	}

	#features .card{
		overflow: visible;
		background-color: var(--l-gray);
		box-shadow: none;
		border: 1px solid var(--gray2);
		margin-top: 2rem;
		padding-bottom: 0.25rem;
	}

	#features .card>div:not(.title){
		width: 100%;
		padding: 0.35rem 1.5rem;
		border-radius: var(--radius-small)}

	#features .card>div:nth-of-type(2n){
		background-color: var(--l-gray2);}

	#features .card>div>.material-icons{
		color: var(--d-green);
		font-size: 1.25rem;
		font-weight: 700;
		margin-right: 0.5rem;
		transition: var(--ease);
	}
	#features .card>div>.material-icons::before{content: 'done';}
	#features .card>div>.material-icons:before{content: 'done';}

	#share{
		margin-top: 1rem;
		border-top: 1px solid var(--l-gray);
        display: flex; flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    	#share button{
        	margin-top: auto;
        	box-shadow: none;
        	text-transform: none;
        }

        #share>div {display: flex;}
        
        #share>div>*{
            margin: auto 0.2rem !important;}

    #sharemail{
    	margin:auto !important;
        text-transform: none;
        font-size: 0.75rem;
        padding: 0.1rem 0.5rem;
        box-shadow: none;
        height: auto;}

        #sharemail .material-icons{
            font-size: 1rem;
            margin-right: 0.25rem;
            vertical-align: text-top;}

     section.last.lander{
     	margin-top: -6.25rem;
    	z-index: 5;
     }


    #related .container{
    	justify-content: center;
    }
    #related .container .card.quarter{
		padding: 2rem 1rem;
	    width: calc(0.15 * 1600px - 4.5rem);
	    margin-left: 0.75rem; margin-right: 0.75rem;
	    justify-content: space-between;
	    border-radius: var(--radius-big);
	    border-top: 0.25rem solid transparent;
	    border-color: var(--d-green);
	}

	#related .container .card.quarter>.title.sub{
		color: var(--d-gray);
	}

	#related .container .card.quarter button{
		box-shadow: none;
		margin-top: 1rem;
	}

	#more button{
		margin-top: 1.5rem;
		box-shadow: none;
	}

	#andmore{
		align-self: center;
		margin: 1rem;
		font-size: 1.25rem;
	}

	#related .title.sub{
		color: inherit;
	}

	img#addedImage{
		width: 60%;
	    height: auto;
	    margin-bottom: 6rem;
	}

	section.quote.story.photobg {
		background-image:url(../jpg/cw-vin-webinar-bg.jpg);
		background-size:cover;
		color: white;
	}

	section.quote.story.photobg .textwrapper {
		max-width:600px;
		margin-left: 3rem;
		margin-right: auto;
	}

	@media screen and (max-width: 1020px), screen and (max-device-width: 1020px) {

		section.first.split{
			padding-right: 1.5rem;}

		section.split .left{
	    	width: 55%;}
		section.split .right{
			width: 45%;
		}

		section.split .textwrapper .list>div{
			width: 100%;}

		section.split .textwrapper .list:not(.h)>div{
				width: 100%;}


		 section.split .imagewrapper{
		 	margin-right: -2rem;}

		 section.split .imagewrapper.v{
	    	width: 100%; height: 22rem;
	    	margin-top: 0; margin-bottom: -1rem;}


	    	section.split .imagewrapper.v img{
	    		max-width: 15rem;}
	    	}

	@media screen and (max-width: 770px), screen and (max-device-width: 770px){
	
		header.split {
			padding-left: 2rem; padding-right: 2rem;
			}
			header.split .textwrapper{
    		margin: auto;
    		text-align: center;}

    	section.split{
    		flex-direction: column;
    	}

		section.split .top{
			flex-flow: column;}

		section.split .left, section.split .right{
	    	width: 100%;
	    }

	    section.split .imagewrapper{
	    	width: 100%;
	    	margin-right: auto;}

	    section.split .textwrapper{
	    	margin: auto 2rem;}

		section.split .formfill {
			margin-top: 1rem;
			margin-left: 2rem;
			margin-right: 2rem;
			max-width: initial;
		}

		section.second{
		margin-top: 0;}

		img#addedImage{
	   		margin-bottom: 0rem;
	   		width: 85%;
		}
		.logoRow{
			flex-direction: column;
		}

	}

	@media screen and (max-width: 550px), screen and (max-device-width: 550px){
		header.split .title{
    		font-size: 2.25rem;}
   		header.split .subtitle{
    		font-size: 1.25rem;}

		section.split .formfill {
			margin-left: 0;
			margin-right: 0;
			min-width: initial;}
		}

	@media screen and (min-width: 1600px){

	header.split{
    	padding-left: 6rem;}
		
	section.split{
		justify-content: flex-start;
		padding-left: 6rem;}

	section.split .left{
		max-width: 1200px;
	}


	}