﻿.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button {width: 60px!important; height: 60px!important}   .flickity-button {background: steelblue!important; top: -46px!important} .flickity-button-icon {fill: white!important}#nue {max-width: 1200px; margin: auto}.carousel-cell {width: 100%; margin-right: 0px}.flickity-prev-next-button.next {right: 16%!important} .flickity-prev-next-button.previous {left: 16%!important}.carousel-cell-image {  transition: opacity 0.4s;  opacity: 0}.carousel-cell-image.flickity-lazyloaded,.carousel-cell-image.flickity-lazyerror {opacity: 1}
@media (min-width: 1279px) and (max-width: 1598px)  { .carousel-cell {width: auto  ;margin-right: 60px} .carousel-cell img {width: 360px; height:auto} }
@media screen and (min-width:1599px) { .logic {background: linear-gradient( to right,     #002060 0%,     #002060 50.3%,     black 50%,     black 100%  ) }#nue {max-width: 1600px}.carousel-cell {width: auto;   margin-right: 100px} .flickity-prev-next-button.next {right: 23%!important} .flickity-prev-next-button.previous {left: 23%!important}  }
@media (min-width: 999px) and (max-width: 1199px)  { .sea strong {	width:100%} #nue {max-width: 1000px}.carousel-cell {width: 100%;   margin-right: 0px} .flickity-prev-next-button.next {right: 10%!important} .flickity-prev-next-button.previous {left: 10%!important}  }
@media screen and (max-width: 998px) {  #nue {	max-width: 600px} .carousel-cell {  width: 100%;   margin-right: 0px} .carousel-cell {    margin-top: 20px} .flickity-button {top: -18px!important} .flickity-prev-next-button.next {right: 2%!important} .flickity-prev-next-button.previous {left:2%!important} }  
@media (min-width: 700px) and (max-width: 998px) {#SPACE {margin-bottom:60px}.logic {background: linear-gradient( to right,     #002060 0%,     #002060 51%,     black 50%,     black 100%  ) }    .flickity-prev-next-button.next {right: 0%!important} .flickity-prev-next-button.previous {left: 0%!important}       } 
@media screen and (max-width:699px) { .logic img,.sfc img {width:100%!important; height:auto}
 .lsolo{ padding:50px 0 0 0;margin:0} .flickity-prev-next-button.next {right: 6%!important} .flickity-prev-next-button.previous {left:6%!important}  .flickity-prev-next-button {width: 44px!important; height: 44px!important} .all {margin:0 0  -15px 0; line-height:1.75; font-size:20px}  } 
@media screen and (min-width:1278px){.wide{width:1000px}.wider{ width:1200px}}
@media (min-width:1001px) and (max-width:1598px){.info img{width:450px!important;height:auto} }
@media screen and (min-width:1199px){.eight{display:none}}
@media screen and (max-width:1198px){.ten{display:none}}
.logic {margin: 0 0 -80px 0; padding: 75px 0 150px 0; background: linear-gradient( to right,     #002060 0%,     #002060 50.9%,     black 50%,     black 100%  ) }
.logic img,.sfc img {width:500px!important; height:auto}
.sea {margin:0;  font-size:28px; line-height:2; color:#2a5981}     
.sea strong {	   letter-spacing:1px; line-height:2.5; display:inline-block; background-color:black; color:white; width:604px}
.lsolo{background-color:#000;padding:275px 0;margin:-235px 0 -275px 0}
.ten img{width:1200px!important;height:auto!important; margin: 0}.eight img{width:100%;max-width:500px!important;height:auto;margin: 0}.ten,.eight {	margin:50px 0}
.DHAM {	padding: 300px 0 450px 0; margin: -250px 0 0 0;background-color:#50164a} .dpic{border:3px black solid}.DHAM img{width:325px!important;height:auto!important; margin-bottom:25px}
.wye {background-color:black; padding:30px  0; word-spacing:4px; letter-spacing:1px; font-family: 'Open Sans',sans-serif; font-size:36px; color:white; width:456px; margin:auto;border:3px black solid; border-bottom:none; text-shadow:1px 2px 0 #000}

 
  
.alb{ width: 600px!important; height:auto; border: 2px black solid; border-top: none}


.tips{background-color:#002060;text-shadow:1px 2px 1px #000;margin: 0 0 -80px 0;padding:75px 0 150px 0}
.tips ul strong{color:#ff0}.tips ul{color:#fff}
.tips ul{padding:0 40px;width:360px;margin:auto;text-align:left;line-height:2}.tips ul{font-size:22px}
.tips ul b{color:#90ee90} 
.tips ul li{margin:100px 0;list-style-type:none}
 
.learn{font-size:28px;font-weight:700;color:#fff}
.ooo{font-size:36px;font-weight:700;margin: 0}.ooo strong{font-size:56px}
 .ooo a{text-decoration:none;color:#369;border-bottom:5px gray dotted;line-height:80px}
 


#PUSH {	margin-top:90px}

#ABOVE {	margin:0 0 -60px 0}


.nufc {	border: 2px black solid; margin: 0 0 -50px 0; width:700px!important; height:auto}

@media screen and (max-width:699px){
  .alb {margin-top:70px; border:none; width:100%}
#PUSH,#SPACE {	margin-top:60px}  
 
  .sea { margin:15px 0 -90px 0; line-height:2.5; word-spacing: normal}      
.sea strong {	 width:100%; padding:20px 0px 16px 0px; line-height:1.5}
.tips ul{margin:auto;padding:0;width:275px}

 
#ABOVE {	margin:0}

 
.ooo{font-size:28px}
.DHAM {padding: 50px 0 200px 0; margin:  0} .DHAM img{width:250px!important;height:auto!important}.dpic{border:none}
.wye {   font-size:28px;  width:100%;   border:none}

 .sea {	font-size:24px}
.nunn, .nufc {	border: none; width:100%}

 
 .mef{font-size:28px!important;line-height:2!important}.sp{letter-spacing:1px!important;margin:0;max-width:320px!important}
 

}

@media (min-width:700px) and (max-width:998px){.sea {	margin:50px 0 -100px 0} .sea strong {width:600px} .alb {	margin-top:80px; border:none!important}  .nufc {	border: none; width:600px!important}
 }























