@charset "UTF-8";
/* CSS Document */




/* ===[ Backgrounds ]=== */
.dark-bg {
  background: #000 !important; }

.gray-bg {
  background: #333 !important; }

.light-bg {
  background: #f5f5f5 !important; 
}

.blue {
  background: #04417d !important; 
}

.storm {
background-image: url(../images/storm-hero.jpg);!important;
background-size: cover;
height: 50vh;
}

.storm-caption  h1 {
    font-weight: 800;
	color: #eee;
    text-transform: none;
    line-height: 1;
	text-align: center;
}

.storm-caption {
 /* bottom: 50%;*/
	  margin-top: 0.53em;
    margin-bottom: 0.53em;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
 background: rgba(0, 0, 0, 0.3);  
	margin-left: auto;
	margin-right: auto;
	height: auto;
}


.storm-img {
	margin-top: 2em;
	margin-bottom: 4em;
}

/* Page Titles */
.page-title{
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #04417d;
	color:#eee;
}
/*  ------------- CARDS ---------------*/



.card {
  width: 100%;
}



.card-divider h4 {
color: #04417d;
margin-left: auto;
    margin-right: auto;
    font-weight: 600;
line-height: 1.2em;
    padding-bottom: .3em;
/*min-height: 3em;*/
}

.card-section h4 {
	color: #000;
  text-align: center;
}

.card {
  text-align: center;
  background: #fff;
	border: 2px solid #333;
  padding: .25em;
    margin-bottom: 2rem;

}

.card-price {
  font-weight: bold;
}

.card p {
  line-height: 1.3;
  border-bottom: dotted 1px #cacaca;
  padding-bottom: 0.5rem
}

.card p:last-child {
  border-bottom: 0;
}








.button-card a{
color: #eee;
}


/*  ------------- INTRO TEXT ---------------*/


.intro-text {
		margin-top: 3em;

	margin-bottom: 3em;
}

.install-intro {
		margin-top: 3em;
}

.install {
	margin-top: 1em;
	margin-bottom: 0;
}

/*country box--flag */

.country-box-bg {
  background: url(../images/american-flag-1280.jpg); 
    background-size: cover;
min-height: 4rem;
}

.country-box {
	margin-top: 3em;
	}


.text-white {
	color:#eee;
}
.country-box {
  text-align: center;
  padding-top: 3em; 
padding-bottom: 3em; 
}





/* ===[ Footer ]=== */

/*Buttons     
*/


.hollow.button.white:hover, 
.hollow.button.white:focus, 
.hollow.button.white:active {
 border: 1px solid #eee;
 background-color: #000; /* fallback color for old browsers */background: rgba(0,  0,  0, 0.3); 
transition: all 0.5s ease-in;
}

.hollow.button.white {
border: 1px solid #eee;
color: #eee; 
background-color: #eee; /* fallback color for old browsers */background: rgba(255, 255, 255, 0.3);
transition: all 0.3s ease-out;
}



.button-xlarge {
  font-size: 125%;
}

.button.install {
  color: #eee;
font-size:1em;
  font-weight: 600;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: rgb(28, 184, 65); /* this is a green */
}

.button.install:hover,
.button.install:focus,
.button.install:active {
  color: rgb(28, 184, 65);
  font-weight: 600;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #eee
}


.button.flip:hover,
.button.flip:focus,
.button.flip:active {
  font-weight: 600;
  border-radius: 4px;
  background: #04417d;
}

.button.flip {
  color: #eee;
font-size:1em;
  font-weight: 600;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: rgb(28, 184, 65); /* this is a green */
}





#name, #email {
  width: 100%;
}


/* ANIMATED CARDS*/

.flip-card {
  -webkit-perspective: 1000;
          perspective: 1000;
  border: 0;
  background: transparent;
}

.flip-card:hover .flip-card-inner,
.flip-card.hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flip-card,
.flip-card-inner-front,
.flip-card-inner-back {
  width: 100%;
  height: 22rem;
}

.flip-card-inner {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
/*-webkit-backface-visibility: hidden;
          backface-visibility: hidden;*/
}

.flip-card-inner-front,
.flip-card-inner-back {
    transform: rotateX(0deg);
 -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.flip-card-inner-front {
  background: #04417d;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flip-card-inner-front h3 {
	color: #eee;
  text-align: center;
  font-weight: bold;
}

.flip-card-inner-front h4 {
	color: #eee;
  text-align: center;
  font-weight: bold;
}

.flip-card-inner-back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  background: #fff;
  padding: .25em;

}

.flip-card-inner-back-title {
  font-weight: bold;
}

.flip-card-inner-back-text {
  line-height: 1.3;
}