@font-face {

   font-family: 'Montserrat-Regular';

   src: url('../fonts/Montserrat-Regular.ttf');

   font-weight: normal;

   font-style: normal;

}

@font-face {

   font-family: 'Montserrat-Bold';

   src: url('../fonts/Montserrat-Bold.ttf');

   font-weight: normal;

   font-style: normal;

}

html, body{

	margin: 0;

	padding: 0;

	  font-family: 'Montserrat-Regular';

}

body{

	background: #f3f6f8

}



.dosereminder{

    width: 64%;

    padding-top: 8%;

	margin:0 auto;

}
/* START | DATEPICKER DIV CSS & OTHER - ADDED BY MRUNAL PODJALE */
.datepickerStartDiv, .datepickerEndDiv{
  margin-left: 40px !important;
}

.datepickerStart, .datepickerEnd{
  width: 220px !important;
  min-height: 40px !important;
}

select.error, textarea.error, input.error {
   border:  1px solid red !important;
  color:#FF0000;
}
/* END | DATEPICKER DIV CSS & OTHER - ADDED BY MRUNAL PODJALE */

.formbox .sign-up{

	background: #00725b;

	-webkit-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);

	overflow: hidden;

	padding: 20px;

}



.formbox {

	margin-top: 8%

}

.formbox .sign-up h2  {

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 30px;

}

.formbox .sign-up h3  {

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 30px;

}

.formbox input {

    border: 1px solid #e7e7e7;

    border-radius: inherit;

    box-shadow: inherit;

    min-height: 50px;

}

.formbox input[type=checkbox], input[type=radio] {

    margin: 4px 0 0;

    margin-top: 1px\9;

    line-height: normal;

}

.sign-up button {

    background: #ffffff none repeat scroll 0 0;

    border: medium none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

 color: #00725b;

    display: inline-block;

    font-family: "Montserrat",sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    line-height: 25px;

    margin-top: 15px;

    overflow: hidden;

    padding: 8px 35px;

    text-transform: uppercase;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

}

.btninput{
   background: #ffffff none repeat scroll 0 0;

    border: medium none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

 color: #00725b;

    display: inline-block;

    font-family: "Montserrat",sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    line-height: 25px;

    margin-top: 15px;

    overflow: hidden;

    padding: 8px 35px;

    text-transform: uppercase;

    transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;
}

.formbox label{

	color: white;

}



.formbox h2{

	margin-bottom: 10px;

}



.formbox .maininput{

min-height: 12px;

}



.formbox .dayicon{

	width: 62px;



}

.formbox .tc{

	margin-top: 20px;

}



.formbox .tc input {

       min-height: auto;

}



.formbox .site-heading h2{

	color: #00725b;

}

#Download, #portfolio {

      padding-top: 80px;

    padding-bottom: 80px;

    display: inline-block;

    width: 100%

}

.unsubscribe{
   padding-bottom:  0px !important;
}




#Download h2, #services h2, #portfolio h2{

	color: #00725b;

	   font-family: 'Montserrat-Bold';

display: inline-block;

    font-weight: 700;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

}

.site-heading h2::before {

    background: #232323 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 50%;

    margin-left: -25px;

    position: absolute;

    width: 50px;

}



#services  .site-heading {

    margin-bottom: 60px;

    overflow: hidden;

    margin-top: -5px;

}

/* ============================================================== 

     # Video Button Play

=================================================================== */

.video-info.reverse .video-info {

  float: right;

}



.video-info .video-info.thumb img {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}



.video-play-button {

  position: absolute;

  z-index: 10;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  box-sizing: content-box;

  display: block;

  width: 32px;

  height: 44px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  padding: 18px 20px 18px 28px;

  color: #ffffff;

  font-size: 40px;

  text-decoration: none !important;

}



.video-play-button:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  background: #0073ad repeat scroll 0 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

  animation: pulse-border 1500ms ease-out infinite;

}



.video-play-button:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

      background: #00725b repeat scroll 0 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  transition: all 200ms;

  -webkit-transition: all 200ms;

  -moz-transition: all 200ms;

  -ms-transition: all 200ms;

  -o-transition: all 200ms;

}



.video-play-button:hover,

.video-play-button:focus {

  color: #ffffff;

}



.video-play-button:hover:after {

  background-color: #0073ad;

}



@-webkit-keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}



@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}



.video-play-button i {

  display: block;

  position: relative;

  z-index: 3;

}


footer p{
  text-align: center;
    color: #fff
}


footer p a, footer p a:hover{
  color: #fff;
  text-decoration: none;
}



.modal-dialog{

	    height: 100vh;

    display: flex;

    width: 100%;

    margin: 0;

    /* overflow: auto; */

    justify-content: center;

    align-items: center;

    background: transparent;

}

#disclaimer .modal-dialog{
 max-width: 600px;
    margin: 0 auto;
}


.modal-dialog iframe {

width: 758px;

    height: 435px;



  /*   -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);

    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);*/

}





#myModal .modal-content {

   

    background: transparent;

    box-shadow: none;

    border: 0;

}



button.close {

      margin: 0;

      z-index: 999;

    right: 14px;

    top: -13px;

    position: relative;

   color: #fff;

   opacity: 1

}



#portfolio  .site-heading {

    margin-bottom: 60px;

}



@media only screen and (max-width: 600px) {




	.modal-dialog iframe {

width: 300px;

    height: 200px;



  /*   -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);

    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);*/

}







	#Download h2, #services h2, #portfolio h2 {

        font-size: 20px;

  

}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before {

 

    margin-right: 0 !important;



}

}