@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg'),
         url('../fonts/Lato-Regular.ttf') format('truetype'),
         url('../fonts/Lato-Regular.woff') format('woff'),
         url('../fonts/Lato-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Lato-Heavy';
    src: url('../fonts/Lato-Heavy.eot');
    src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Heavy.svg#Lato-Heavy') format('svg'),
         url('../fonts/Lato-Heavy.ttf') format('truetype'),
         url('../fonts/Lato-Heavy.woff') format('woff'),
         url('../fonts/Lato-Heavy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }


  body{margin: 0; padding: 0;  font-family: 'Lato-Regular'!important;}
  h1,h2{font-family: 'Lato-Heavy'!important;}

  .masthead {
    min-height: 570px;
    height:85vh;
    background-image: url("../img/bg.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  .navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #fff;
    font-size:14px;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #fff;
}



/* Change navbar styling on scroll */
.navbar.active {
    background: #000;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #fff;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.navbar.active .navbar-brand img {
    width:70%;
    
}
.nw-top .nav-link {margin:0 10px!important;}
.bg-nw-grey{ background:url("../img/bg-nw.png") no-repeat right bottom #eeeeee;}
.nav-tabs .nav-link.active {
    color: #6e707e;
    background-color: #fff;
    border:1px solid;

    border-color: #54b453 #54b453 #fff;}
.nav-tabs{ border-bottom:1px solid #54b453;}
.bord-col{
    border-color: #54b453!important;}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
   
    .navbar .navbar-brand, .navbar .nav-link {
        color: #fff;
    }
    .navbar.active .navbar-brand img {
        width:70%;
        
    }
    .nav-tabs .nav-link img{width:70px;}
    .lead{font-size:14px;}
    .bg-nw-grey{ background:#eee;}
}




.green-nw{background:#54b453;}
.btn-success{background:#54b453; border:1px solid #54b453;}
.rounded-nw{border-radius:50px;}

.nav a.active {
	border-bottom: 3px solid #54b453;
	color: white;
}

.nav a:hover {
	border-bottom: 3px solid #54b453;
}
.nav-link.active{ border-radius:0;}
.bg-grey{ background:#efefef}
.form-control{ background:#454545; border:none;}
.bg-dark{background:#2d2d2d!important;}


.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}

section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #54b453 !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #54b453 !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.btn-circle.btn-lg {
  width: 30px;
  height: 30px;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 25px;
}
       
  /*--Modal thank you pop starts here--*/
.thank-you-pop{
	width:100%;
 	padding:20px;
	text-align:center;
}
.thank-you-pop img{
	width:76px;
	height:auto;
	margin:0 auto;
	display:block;
	margin-bottom:25px;
}

.thank-you-pop h1{
	font-size: 42px;
    margin-bottom: 25px;
	color:#5C5C5C;
}
.thank-you-pop p{
	font-size: 20px;
    margin-bottom: 27px;
 	color:#5C5C5C;
}
.thank-you-pop h3.cupon-pop{
	font-size: 25px;
    margin-bottom: 40px;
	color:#222;
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	border:2px dashed #222;
	clear:both;
	font-weight:normal;
}
.thank-you-pop h3.cupon-pop span{
	color:#03A9F4;
}
.thank-you-pop a{
	display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}
.thank-you-pop a i{
	margin-right:5px;
	color:#fff;
}
#ignismyModal .modal-header{
    border:0px;
}
.fade:not(.show){
    opacity: 1;
}
.modal {
    position: fixed;
    top: 20%;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 1rem;
    border-bottom: 1px solid #e3e6f0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}