body {

			font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
			line-height: 1.15;
            color: #fff;
        }
		.heading {
			text-align: center;
			margin-top: 100px;
		}
	
		.title h1{

			text-align: center;			
			font-size: 80px !important;
			font-weight: 700;
			color: #012255;			
			/*
			text-shadow: 2px 2px #ff0000;	
			*/			
		}
        .content {
            text-align: center;
			padding-top: 30px;
        }

        .form-container {
            background-color: rgba(0,0,0,0.5);
            padding: 30px;
            border-radius: 10px;
			border-width: 2px;
			border-color: #818384;
			border-style: double;
			margin: 0px 35px;
			text-align: center;
			color: #fff
        }
		
        /* Increase the size of the form control */
        .form-control {
            width: 100%;
            padding: 12px;
            font-size: 14px;
            line-height: 1.5;
        }
		.form-button {
			margin-top:10px;
			margin-bottom:10px;
			padding: 8px 40px;
			font-size: 14px;
			text-align: center;
			cursor: pointer;
			outline: none;
			color: #fff;
			background-image: linear-gradient(#1d5cfc, #0d2857);
			border-radius: 10px;	
			border: 2px solid #fff;
		}

		.form-button:hover {
			background-image: linear-gradient(#0d2857, #1d5cfc);
			color:#fff;
			border: 2px solid #fff;
		}
	
		.form-button:active {
			background-image: linear-gradient(#1d5cfc, #0d2857);
			color:#fff;
			border: 2px solid #fff;
			transform: translateY(4px);
		}
		
		.form-button1 {
			margin-top:10px;
			margin-bottom:10px;
			padding: 8px 40px;
			font-size: 14px;
			text-align: center;
			cursor: pointer;
			outline: none;
			color: #fff;
			background-image: linear-gradient(#ffcc02, #f5821f);
			border-radius: 10px;	
			border: 2px solid #fff;
		}

		.form-button1:hover {
			background-image: linear-gradient(#f5821f, #ffcc02);
			color:#fff;
			border: 2px solid #fff;
		}
	
		.form-button1:active {
			background-image: linear-gradient(#ffcc02, #f5821f);
			color:#fff;
			border: 2px solid #fff;
			transform: translateY(4px);
		}
		
		.btn-outline-inverse {
		  background-image: linear-gradient(#f5af19, #f12711);
		  font-size: 18px;
		  border-radius: 15px;
		  color: #fff;
		  padding: 10px 60px;
		  border: 2px solid #fff;
		}
		.btn-outline-inverse:hover {
		  background-image: linear-gradient(#f12711, #f5af19);			
		  color:#fff;
		  border: 2px solid #fff;			
		}
		
		.btn-outline-inverse2 {
		  background-image: linear-gradient(#f5af19, #f12711);
		  font-size: 18px;
		  border-radius: 15px;
		  color: #fff;
		  padding: 10px 20px;
		  border: 2px solid #fff;
		}
		.btn-outline-inverse2:hover {
		  background-image: linear-gradient(#f12711, #f5af19);			
		  color:#fff;
		  border: 2px solid #fff;			
		}		
		
		.shadow2 {
		  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.10);		
		}
		
		.grow { transition: all .3s ease-in-out; }
		.grow:hover { transform: scale(1.1); }
				
		.top-compress-min {
			margin-top: -5px;
		}		
		
		.bottom-nudge: {
			margin-bottom: 5px;
		}
		.bottom-nudge-2x: {
			margin-bottom: 5px;
		}		
		.top-nudge: {
			margin-top: 5px;
		}
		
		.bottom-buffer {
			margin-bottom: 25px;
		}
		
		.bottom-buffer-2x {
			margin-bottom: 50px;
		}		
		.top-buffer {
			margin-top: 25px;
		}

		.top-buffer-x2 {
			margin-top: 50px;
		}
		
		.side-buffer-3x {
			padding-right: 30px;
			padding-left: 30px;
		}

		.navbar {
		    margin-bottom: 0px;	

		}
		.bg-dark {
			background-color: #012255 !important;			
		}
			
			
		
		/*
		.my-jumbotron  {
			background-image: url('/images/frame.jpg');
			background-size: cover;
			margin-top: 0px;
			padding-top: 15%;
			padding-bottom: 25%;
			height: auto;
			width:100%;	
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.my-jumbotron  h1{
			font-weight: 400;
			color: #fff;
			text-shadow: 2px 2px #343434;	
			padding: 0px 20px;
			position: relative;

		}
		*/
		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			height: 0;
			text-align: center;
		}
		.video-section {
			color: #3c3c3c;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.girl {
			margin-top: -20px;
			margin-right: 5px;
			position: relative;
			width: 115%;
			height:auto;
			padding: 0px;
			z-index: 1;
		}
		/* ----- gold video border -----*/
		.frame-border-2 {
			border: 4px solid #1d5cfc;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			box-shadow: 5px 10px 18px #464646;  
		}
		.frame-border-3 {
			border: 4px solid #1d5cfc;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			box-shadow: 5px 10px 18px #1c1c1c;  
		}
		.ratio-vertical {
			padding-bottom: 178%;
			position: relative;
			display: block;
			width: 100%;
		}
		.ratio-vertical iframe {
			position: absolute; 
			top: 0; 
			left: 0;
		}
		
		.videoWrapper iframe {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.video-frame {
			border: 4px solid #52dbed;
			border-radius: 20px;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			box-shadow: 5px 10px 18px #1c1c1c;  
		}
		.gold-text {
			color: #ffca13;
		}
		.blk-text {
			color: #3c3c3c;
		}
		.blue-text {
			color: #012255;
		}
		.pwdr-text {
			color: #18afff;
		}
		.white-text {
			color: #fff;
		}
		.shadow {
			box-shadow: 5px 10px 18px #1c1c1c;
		}
	
		.green-bg {
			background-color: #007073;
			margin-top: -35px;
			padding: 40px 15px 60px 15px;
			color: #fff;
			
		}
		.blue-bg {
			background-color: #012255;
			background-size: cover;			
			margin-top: -35px;
			padding-top: 40px;
			padding-bottom: 50px;
			color: #fff;
			
		}
		.blue-bg h1{
			font-size: 54px;
			font-weight: 700;

			
		}		
		.stepsBG  {
			background-image: url('/images/BG.jpg');
			background-size: cover;
			margin-top: 0px;
			padding-top: 25px;
			padding-bottom: 30px;
			height: auto;
			width:100%;			
		}
		.stepsBG h1{		
			font-size: 60px;
			font-weight: 700;
			line-height: 1.05;
		}
		.PhoneFarmBG  {
			background-image: url('/images/SwirlBG.jpg');
			background-size: cover;
			margin-top: 0px;
			padding-top: 40px;
			padding-bottom: 50px;
			height: auto;
			width:100%;			
		}

		.PhoneFarmBG .box {
			  margin-top: 10px;
			  border-color: #1d5cfc;
			  border-style: solid;
			  border-width: 3px;
			  padding: 20px;
			  color: #fff;
			  background-color: rgba(0,0,0,0.5);
			  z-index: 10;
			  border-radius: 20px;
			  -moz-border-radius: 20px;
			  -webkit-border-radius: 20px;
			  box-shadow: 5px 10px 18px #1c1c1c;		
		}
		.PhoneFarmBG img {
			  border-color: #1d5cfc;
			  border-style: solid;
			  border-width: 3px;
			  border-radius: 10px;
			  -moz-border-radius: 10px;
			  -webkit-border-radius: 10px;
			  box-shadow: 5px 10px 18px #1c1c1c;			  
		}
		
		.gray-bg {
			background-color: #edf1fc;
			margin-top: 25px;
			padding: 40px 20px;

		}

		.media-bg {
			background-image: url('/images/BG-full.jpg');
			background-size: cover;
			margin-top: 0px;
			padding-top: 30px;
			padding-bottom: 40px;
			height: auto;
			width:100%;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.media-bg  h1{
			font-size: 60px;
			font-weight: 600;
			color: #fff;
			text-shadow: 2px 2px #343434;	
			padding: 0px 20px;
			position: relative;
		}		
		.media-bg  h1 span{	
		color: #ffff00;
		}
		.comp {
			padding-top: 25px;			
		}
				}

		
		.comp li{
			font-size: 24px;
			line-height: 1.8m;
		}
		.footer-dark {
		  text-align: center;
		  background-color: #012255;
		  width: 100%;
		  font-size: 14px;
		  color: #fff;
		  padding-top: 20px;
		  padding-bottom: 20px;
		}
		
		.footer-dark a{
			color: #fff;
		}