@import url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');    
* {transition: 0.3s;}	
html, body	{font-family: 'Smooch Sans', sans-serif; font-size: 22px; scroll-behavior: smooth; }
.navbar-dark .navbar-nav .nav-link {  color: #ffffff;}
a {color: #000000; text-decoration: underline;}	
	a:hover {color: #2c9cb4;}	
h1 {font-size: 3rem; font-weight:bold; ;}	
h2 {font-size: 3rem; line-height: 2.5rem; font-weight:bold; ;}	   
h3 {font-size: 1.8rem; font-weight:bold; padding-top: 35px;}
h4 {font-weight: bold; padding: 0; margin: 0;}    
.ptpb70 {padding-top: 70px; padding-bottom: 70px;}  	
a.nav-link {	text-decoration: none;	color: #ffffff;	font-weight: 700;	letter-spacing: 0.05rem;	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.26);	border-bottom: 2px solid rgba(255,255,255,0.00);padding: 11px 15px;}
    a.btn {text-decoration: none;}    
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #ffffff; border-bottom: 2px solid #ffffff;}
.navbar-dark .navbar-toggler {  color: #ffffff;   border-color: rgba(255, 255, 255, 0);}	
.navbar {z-index: 15;} 
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-brand img{ width:80px; height:78px; }
	
header {
  position: relative;
  background-color: black;
    background: url("../assets/bg-video.jpg") no-repeat;
    background-size: cover;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
header .container {
  position: relative;
  z-index: 2;
}
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

    
.gdtotop  {position: absolute; bottom: 25px; right: 25px; visibility: hidden; }
.gdshow	{position: fixed; visibility: visible; z-index:30;}
img.logo{width: 70px; margin: 20px 0; display: block;
margin-left: auto;}          
.procsnamitype {font-size: 70px; line-height: 70px; padding: 0; margin: 0; font-weight: bold; color: #ffffff; max-width: 400px; margin-top: -10px;}
.intro  {padding-top: 30px;margin-bottom: 50px;min-height: 350px;}
.btn {border-radius: 0; text-transform: uppercase; font-weight: bold;}
.btn:focus, .form-control:focus, input:focus {outline: none; box-shadow: none; border-color:#84bd00;}	
.btngreen {background-color: #84bd00; color: #ffffff; }    
.btnwhite{background-color: #fff; color: #84bd00; border: 2px solid #84bd00;}
.hasborder {border-right: 4px solid; text-align: right;}
.white h1 {color:#ffffff; font-size: 1.6rem;}
.white h2, .white h3, .white {color:#ffffff;}    
.white .hasborder {border-color: #ffffff;}
.whitesun {position: absolute; right: -27px; top: -60px; font-size: 50px;}    
.green h2, .green h3, .text-green {color:#84bd00;}
.text-blue	{/*color:#2c9cb4;*/ color:#0084bf;}
.text-black	{color:#000000;}	
.green .hasborder {border-color: #84bd00;}
    
    
.flip {background-color: #84bd00; background-image: linear-gradient(43deg, rgb(168, 208, 75) 0%, rgb(135, 190, 7) 46%, rgb(93, 133, 0) 100%);}
.flip .hasborder {border-left: 4px solid #ffffff; text-align: right; border-right: none; text-align: left;}
.flip .maintext {text-align: right;}
.flip h3 {padding-top: 0;}
.flip p {margin-bottom: 0;}	
.flip a {color: #ffffff;}	

    
.gdprods h1, .gdprods .price p, .gdprods h4 {margin-bottom: 0;}
.description h1 {line-height: 2.2rem; float: left; color: #84bd00;}
.description .material-icons-outlined {float: left; font-size: 50px; padding: 0 5px;}    
.gdprods h4 {font-size: 2.2rem; line-height: 2rem;}    
.gdprods .price p {line-height: 1.2rem;}    
.gdprods .borderbottom:after { content: " "; display: block; background-color: #84bd00; height: 4px; margin: 35px 0;}

.gdproduct {padding-top: 35px; border-top: 4px solid #84bd00; margin-top: 20px;}
.gdproduct:first-child{ padding-top: 0; border-top: none; margin-top: 0;}    

.gdprods .detail    {padding-bottom: 35px;}
.gdprods .btn-lg {padding-left: 65px; padding-right: 65px; /*margin-left: 120px;*/}
    
.info {border: 4px solid #84bd00; margin: 10px 0px 35px 15px; padding: 25px; font-weight:  bold; color: #84bd00;} 
.info p {font-size: 1.25rem; line-height: 1.2rem; margin-bottom: 0; padding-left: 75px;}
.info .material-icons-outlined {float: left; font-size: 60px; padding-right: 15px;}

.detail {padding-left: 120px;}
.detail .btngreen {margin-top: 20px;}
/*.detail h3, .detail p {padding-left: 120px;}*/
.detail h3 {padding-top: 0; margin-bottom: 0;}
.detail .material-icons-outlined {float: left; font-size: 60px; padding-left: 25px; padding-top: 10px; margin-left: -110px;margin-bottom: 1rem;}   
.gdhowtostart, .gdform {background-color: #f8fbf0;}

#faqaccordion .card {  border: none;  border-radius: 0;		}
#faqaccordion .card-header {  padding: 0;  margin-bottom: 0;background-color: #f8fbf0;  border-bottom: 1px solid rgba(248,251,240,0.1);}	
#faqaccordion .btn {text-transform: none;}	
#faqaccordion .btn-link {font-weight: normal; color: #84bd00;}
#faqaccordion .material-icons-outlined	{padding-right: 35px;padding-left: 35px;vertical-align: bottom;font-size: 28px;}
#faqaccordion .card-body {  padding-left: 120px;}
#faqaccordion .btn:focus{border-left-color: #f8fbf0;}
.gdform h3 {padding-top: 0;}    
.custswitch {padding-top: 10px;padding-left: 20px!important;}
.custswitch .custom-control-input:checked ~ .custom-control-label::before {border-color: #84bd00;  background-color: #84bd00;}
.moretoggl { cursor: pointer;}
.moretoggl .material-icons-outlined { float: left;	font-size: 28px;}	
.gdfooter h2 {  line-height: 2.7rem; text-align: right;}    
.gdfooter h4 {  font-size: 1.3rem;}    
.gdfooter a {color: #ffffff; text-decoration: none;}    
    
	
/*********** Baseline, reset styles ***********/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: #0084bf;
  border-radius: 1rem;
  height: 4px;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -10px; /* Centers thumb on the track */
  background-color: #84bd00;
  border-radius: 1rem;
  height: 1rem;
  width: 1rem;
  position: relative;
  z-index: 20;
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #84bd00;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: #0084bf;
  border-radius: 1rem;
  height: 4px;

}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
  background-color: #84bd00;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 1rem;
  height: 1rem;
  width: 1rem;
}

input[type="range"]:focus::-moz-range-thumb{
  outline: 3px solid #84bd00;
  outline-offset: 0.125rem;
}	

@media (max-width: 992px) { 
    header { height: auto; min-height: 20rem;}        
    .intro {  margin-bottom: 0px;}    
    .hasborder h2 { font-size: 2rem;} 

    .gdprods .text-right {text-align: left!important;}
/*.gdprods .row:first-child .hasborder, .gdprods .row:first-child .borderbottom {padding-top: 35px;}
    .gdprods .row:last-child .description { padding-bottom: 35px;}	*/

    .gdprods .btn-lg {  margin-left: 0px;}
    }    

@media (max-width: 768px) { 
    header video {    max-height: 100%;   }    
    .whitesun {display: none; visibility: hidden;}
    .procsnamitype {  font-size: 50px;    line-height: 50px;}    
    .ptpb70 {  padding-top: 30px;  padding-bottom: 30px;}
    .hasborder, .ptpb70  {  border-right: none; text-align: left;}
    .flip .maintext {  text-align: left; }
    .detail .material-icons-outlined {  font-size: 60px;  padding-left: 0;}
/*    .detail h3, .detail p {  padding-left: 80px;}*/
    .gdfooter h4 {  font-size: 1.2rem;}
    .hasborder h2 { font-size: 2.7rem;}     
    .hasborder h2 br {display: none;}
    .hasborder .logo {display: none; visibility: hidden;}
    #faqaccordion .material-icons-outlined {  padding-right: 5px;  padding-left: 5px;}    
    #faqaccordion .card-body {  padding-left: 15px;}    
}    

.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject {
  color: #fff;
  background-color: #84bd00 !important;
}