body {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  color: #414042;
}
.navbar{
	border-bottom:none;}

.bg-teal {
    background-color: #16acbd !important;
} 


.tealColor{
	color:#0facbd;}
	
p, ul li{
	 
	
	font-size:18px;
	line-height:24px;
	font-weight:400;
	letter-spacing:0.0095em;}

p{margin-bottom: 1.3rem;}
 
 
h1{
	font-size:40px;
	line-height:46px;
	font-weight: 300;}
	
  	

.h3{
	font-size:22px; 
	line-height:28px;
    font-weight: 400;}
	
	
	
h1 sup,
.h1 sup{
	font-size:40%;
	vertical-align:text-top;
	top: 1.2em;}
.reg-sup{
	font-size:45% !important;
	vertical-align:text-top !important;
	top: 1.2em !important;}	
h4 sup{
	font-size:60%;
	vertical-align:text-top;
	top: .8em;}	


h2{
	font-size:30px;
	font-weight:300;
	line-height:35px;}
	
.h2{
	font-size:35px;
	font-weight:300;
	line-height:40px;}	

h2.h2-header{
	font-size:27px; 
	line-height:32px;}

h3{
	
	font-size:21px;
	line-height:26px;}



.assets .media-body h3 {
    font-size: 24px;
    line-height: 40px;
}

.h4,
h4{
	color:#838686;
	font-size:24px;
	line-height:30px;
	font-weight:300;}

.h3{
	font-size:22px;
	line-height:27px;
	
	font-weight:400;}

.h3-big{
	font-size:23px;
	line-height:30px;
	
	font-weight:400;}	
	
.h4-big{
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	line-height:33px;}	
	
.dark-bg h2,
.dark-bg h3,
.dark-bg p,
.dark-bg ul li{color:#ffffff;}

.font-weight-bold {
	font-weight:700;}

.font-italic{
	font-style:italic;}




p.disclaimer{
	font-size:12px;
	line-height:18px;}
    
.disclaimer2 p {
  font-size: 14px;
  line-height: 22px;
}    

.grey-bg{
	background-color:#f1f2f2;}

 .jumbotron {
     
    margin-bottom: 0;
    background-color: #e0e8ef;
    border-radius: 0;
    margin-top:60px;
}

.rejensa-products{
max-width: 200px;
}

p a{
	color:inherit;
	}
	
p a:hover{
	color:inherit;
	text-decoration:underline;
	}	

.ancorelink{
	margin-top:-18px;
	padding-top:18px;
	display:block;
	}

 
.full-bar .h3{
color:#ffffff;
letter-spacing: 0.2rem;
font-size:22px;
margin-bottom: 0;

} 
 
.teal-bg {   
   background: #16acbd;  
}

.navbar h1{
	font-size: 20px;
    line-height: 20px;
	margin:0;
} 
/*.study .h3{
	font-size:28px;
	line-height:32px;}*/




/**************/
/*NAV*/
/**************/
.navbar {
    
    padding: .5rem 0 0 0;}

 

.navbar-brand{
	max-width:170px;
	padding:0 1rem;}

.navbar-dark,
.dark-grey{
 background-color: #414042;
}
 
.navbar-dark .navbar-toggler {
    
    border-color: rgba(0,0,0,.5);
	margin:.5rem 1rem;
}


.navbar-nav{  
	font-size:16px;
	line-height:20px;
	letter-spacing:0.02em;
	font-weight:400;
	margin-top:15px;}

ul.navbar-nav li{
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
    margin-bottom: 0.6rem;
	}
	
.navbar-dark .navbar-nav .nav-link {
    color:#ffffff;
	width:100%;
	margin-left:0.5rem;
    
    padding:0.3rem 0.5rem;
}
	
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .active.nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show > .nav-link {
    color:#ffffff;
	 
}

 
.navbar-dark .navbar-nav .nav-link-social {
  width: 40px;
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  
}



.socialImg-hover{
 display: none;

}
.navbar-dark .navbar-nav .nav-link-social:hover{}

.navbar-dark .navbar-nav .fb,
.navbar-dark .navbar-nav .insta{
 padding-bottom: 3rem;
 max-height: 40px;
}

.navbar-dark .navbar-nav .nav-link-social:hover .socialImg-hover{
 display: block; 

 }

.navbar-dark .navbar-nav .nav-link-social:hover .socialImg{
display: none;

}

.btn{ 
    border-radius:0;
	padding: .375rem .0;
	
	padding-left:1rem;} 

.white-btn{
	font-family: 'Montserrat', sans-serif;
	background-color:#ffffff;
	width:100%;
	color:#16acbd;
	text-align:left;
	border-top:solid 1px #16acbd;
	border-bottom:solid 1px #16acbd;}
	
.white-btn:hover{
	background-color:#16acbd;
	color:#ffffff;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;}

/*************/
/*Header*/
/************/

 

.jumping-dogs{
	max-width:1000px;}

.beagle{
	 max-width:375px;}

/*******************/
/*Section 1*/
/******************/
.two-containers {
  max-width: 385px;
}

/*******************/
/*Section 2*/
/******************/
 
	
.jumping-dog{
	max-width:352px;}

.teal-bull{
	padding-left:15px;}

.teal-bull li{
	color:#16acbd;
	font-size:13px;
	padding-left:3px;
	padding-bottom:4px;}
	
.teal-bull li span{
	color:#414042;
	font-size:18px;}
    
  
 
 .study .teal-bull li{
 margin-bottom: 15px;
 } 

.btn.tealBg{
	font-family: 'Montserrat', sans-serif;
    width: 100%;
	border:solid 2px #16acbd;
	color: #ffffff; 
	background-color: #16acbd;
	padding-left:1.2rem;
	padding-right:1.2rem;
    text-align: left;}
		
.btn.tealBg:hover {
   background-color: #ffffff;
    color: #0A7D8A;
    border: solid 2px #16acbd;
}


.btn.whiteBg{
	font-family: 'Montserrat', sans-serif;
	border:solid 2px #ffffff;
	color: #0A7D8A; 
	background-color: #ffffff;
	padding-left:2.8rem;
	padding-right:2.8rem;}
		
.btn.whiteBg:hover {
   background-color: #16acbd;
    color: #ffffff;
    border: solid 2px #ffffff;
}

.lightblue-bg{
background-color: #e4eef8;
}

.study .btn.tealBg{
  width: auto;
}

/*******************/
/*Section 3*/
/******************/
.rejensa-gluc{
	max-width:451px;}

.regular-gluc{
	max-width:274px;}		
	
/*******************/
/*Section 5*/
/******************/
.jumping-dog-2{
	max-width:521px;}
	
.internal{
	width:100%;}
	
/*******************/
/*FAQ*/
/******************/
#accordion .btn,
#accordion2 .btn{
	padding:0;
	color:inherit;
	width:100%;
	text-align:left;}

#accordion .btn:hover,
#accordion2 .btn:hover{
	text-decoration:none;}

#accordion .card,
#accordion2 .card{
	background-color:#FFF;
	border:none;
	border-radius:0;
	border-bottom: 1px solid #b7b7b7;}
	
.card-header {
    padding: .75rem 0.75rem 0.75em 0;
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: none;
}

.faq-section .card-body{
	background-color: #ffffff;}

.faq-section .card-body p,{
	color:#231f20;}	

.faq-section .card-body ul li{
	color:#16acbd;}	
.faq-link{
	position:relative;}
	
.faq-link span.accordion-title{
	display:inline-block;
	padding-right:1.5rem;}
	
.faq-link .fa{
	position:absolute;
	display:block;
	right:10px;
	top:5px;
	color:#1ea5b5;
	 }

[data-toggle="collapse"] .fa:after {  
   content: "\f077"; 
 
}

[data-toggle="collapse"].collapsed .fa:after {
  content: "\f078";
}
/************/
/************/

.table{
	text-align:center;
	border: solid 2px #414042;}

.table thead th {
    
    border-bottom:none;
    background-color: #16acbd;
    color: #fff;
    border-left: solid 1px #414042;
	border-right: solid 1px #414042;
	font-weight:400;
	vertical-align:middle;
}

.table td, .table th {
     
    border-top: solid 1px #414042;
	border-left:solid 1px #414042;
	border-right:solid 1px #414042;
	font-size:18px;
	padding: .85rem .55rem .45rem .55rem;
    
}

.table td{
 color:#414042;
  }

.table-striped tbody tr{
    background-color: #e4e4e5;
}
/*.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f1f2f2;
}*/

.visible-md{
	display:none;}

.border-bottom {
    border-bottom: 1px solid #b7b7b7 !important;
}

.border-top {
    border-top: 2px solid #d6d6d6!important;
}

.line-bottom{
	border-bottom:solid 2px #cecece;}

.boxedTeal{
	border:solid 2px #0facbd;}

/************/
/************/
.bottom-nav li{height:39px;}



.bottom-nav .nav-link,
.bottom-nav .nav-link:focus, 
.bottom-nav .nav-link:hover {
    text-decoration: none;
}

.bottom-nav .nav-link::after { 
    display: none;
    
}

.bottom-nav .nav-link{
	color:#fff;
	font-size:14px;
	line-height:22px;
	font-family: 'Montserrat', sans-serif;
	padding-left:1rem;
	padding-right:1rem;}

.bottom-nav .nav-link:hover::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin: 5px auto 0px;
    position: relative;
}

.bottom-nav li{
	
	border-right: 1px solid #ffffff;
	 
	}
.bottom-nav li:last-child{
	
	border-right: none;
	 
	}
.bottom-nav li:first-child a{padding-left:0;}	
 

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings{
	color:#ffffff !important;
	background-color:transparent !important;
	border:none !important; 
	font-size:14px !important;
	line-height:22px !important; 
	padding-left:1rem !important;
	padding-right:1rem !important;
	padding-top:0.5rem !important;
	padding-bottom: 0.5rem!important;}	
 
 
 
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: #fff;
    background-color:transparent !important;
}
	
.phibroLogo{
	max-width:140px;
	}
	
/************/ 
/*Email download*/
/************/	

.template-section .h5{
	color:#fff;
	
	margin-bottom: .6rem;
	margin-top: 1rem;}

	
.assets-border-white{
		border-top:#ffffff 1px solid;}	
/*******************/
/*Footer*/
/******************/

#mainFooter p{
	font-size:12px;}
	

/******************/	
/***modal***/
/***************
/******* modal **************/
 
.modal-dialog {
    max-width: 700px;}
 
.modal-dialog h2,
.modal-dialog h3{font-family: 'Montserrat', sans-serif;} 
 	
.modal .modal-content {
    background: rgba(22, 172, 189, 1);
    max-width: 90%; 
	margin-left:auto;
	margin-right:auto;
	padding:15px; 
}
.modal .close { 
    color: #fff;
    cursor: pointer;
    opacity: 1;
}

.user-form{
	margin-top:25px;}

.user-form label {
    text-transform: none;
    color: #fff;
}
.user-form .form-check-input {
    position: absolute;
    margin: 0;
    z-index: 1;
    cursor: pointer;border:solid 1px #FFF;
	background-color:#FFF;
    margin-left: 3px;
    margin-top: 10px;
}

.user-form .form-check {
	 
     
    padding-left: 1rem; 
}
.user-form .check-label {
    position: relative;
    cursor: pointer;
    padding-left: 35px;
}
.user-form .check-label:before {
    background: url("../images/sprite-image.png") no-repeat;
    width: 18px;
    height: 19px;
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
}
.user-form input[type="checkbox"]:checked + label:before{
    background-position: left bottom;
}
.user-form button[type="submit"] {
    background: transparent;
    border-color: #fff;
    text-align: center;
    min-width:200px;
    cursor: pointer;
    color: #fff;
}
.user-form .btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.750rem 0.750rem;
    font-size: 1.063rem;
    line-height: 1.813;
    border-radius: 0.313rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.user-form .btn:hover{
	background: #ffffff;
    border-color: #fff;
	color:#414042;}

body.modal-open {
    background: rgba(0,0,0,.5);
}

body.modal-open .modal {
    display: block;
    visibility: visible;
    opacity: 1;
}

body.modal-open .modal .modal-dialog {
    transform: translate(0, 0);
}

/*****************/
/****************/

.testim-border{
border-top:solid 1px #b7b7b7;
padding-top:25px;
}

.inner-testim{ 
 padding-top:25px;
 padding-bottom:20px;}
	
 	
	
#testim h4{
	color:#0facbd;
	font-size:22px;
	line-height:28px;
	margin-bottom:25px;}
	
.testimImg{ 
	text-align:left;
	 }
	
	
.testimImg .btn{
	padding:0;}	

.testimCTA a{
	color:inherit;
	text-decoration:underline;}	
		
.testimCTA a:hover{
	 
	text-decoration:none;}
    
 /*****Articles*******/
 .articles header{border-top: solid 1px #b7b7b7;}
 
.articles .card{
  border-radius: 0;
  position: relative;
  }
  

  
.articles .card-body {
   
  padding: 1.75rem 1.75rem .75rem 1.75rem;
}  

.articles .card-btn{
   padding: 0 1.75rem 1.75rem 1.75rem;
}
 
.articles .card h2.h4{
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
 }
 
  .card-teal{
  border:solid 1px #1ea5b5;
  }
 .card-teal,
  .card-teal .h4{
 color: #1ea5b5;
 }
 
 .card-teal .btn{
 background-color: #1ea5b5;
  border:solid 1px #1ea5b5;
 color:#ffffff;
 padding-left:1.6rem;
 padding-right: 1.6rem;
 margin-top:20px;
 }
 
 .card-teal .btn:hover{
 background-color: #ffffff;
 color:#1ea5b5;
 }
 
 .card-grey{border:solid 1px #414042;}
 
 .card-grey,
  .card-grey .h4{
 color: #414042;
 }
 
 
 .card-grey .btn{
 background-color: #414042;
  border:solid 1px #414042;
 color:#ffffff;
 padding-left:1.6rem;
 padding-right: 1.6rem;
 margin-top:20px;
 }
 
 .card-grey .btn:hover{
 background-color: #ffffff;
 color:#414042;
 }
 
 .articles .card .triangle{
  position: absolute;
  right:5px;
  top:5px;
  width:33px;
}  

div.box {
  width: 33px;
  height: 33px;
  background-color: white;
}
.card-grey .box:after {
  content: ' ';
  border-top: 33px solid #414042;
  border-left: 33px solid transparent;
  width: 0;
  position: absolute;
}

.card-teal .box:after {
  content: ' ';
  border-top: 33px solid #1ea5b5;
  border-left: 33px solid transparent;
  width: 0;
  position: absolute;
}

@media (max-width: 435px) {

.nav {
	display: inline-block !important;
}

.bottom-nav .nav-link{
	padding-left:0;
	padding-right:0;
	border-raght:none;}
	
.bottom-nav li {
    border-right: none;
}	
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
	padding-left:0 !important;
	padding-right:0 !important;
	margin-top:0 !important;
	padding-top:0 !important;}

.nav-link {
    display: inline !important;}

}

		
@media (max-width: 500px) {
.hidden-sm{
	display:none;}	

.media img{ 
	width:75px;
	max-width:75%;}

}

@media (min-width: 501px) {
/**************/
/*NAV*/
/**************/
.navbar-brand{
	max-width:181px;}
	
.assets .media-body h3 {
      
    font-size: 23px;
    line-height: 29px;
}		
}


@media (min-width: 576px) {
.jumbotron{
padding:2rem 0 0 0;
}


.bottom-nav li:first-child{ 
	border-left: 1px solid #ffffff;
	}
.bottom-nav .nav-link{
	 
	padding-left:1rem;
	padding-right:1rem;}
	
.bottom-nav li:first-child a{padding-left:1rem;} 


#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
	padding-left:1rem !important;
	padding-right:1rem !important;}

.ancorelink2{
	margin-top:-80px;
	padding-top:80px;
	display:block;
	}    
.ancorelink3{
	margin-top:-50px;
	padding-top:50px;
	display:block;
	}    
}

@media (min-width: 768px) {
.navbar .btn.tealBg {
   
  width: auto;
  margin-bottom: 25px;}


.jumbotron { 
	background-image: url("../images/vet-hero-bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	min-height:614px; 
    background-size:cover;
    margin-top: 63px;
    padding-top:45px;
	}
	
 .rejensa-products{
   max-width:344px;
 }	 
	
	
	
/**************/
/*NAV*/
/**************/


.btn.btn-lg-x{
	padding-left:80px;
	padding-right:80px;}


	
p.no-margin{
	margin-bottom:0;}	

.line-md-left {
  border-left: solid 1px #414042;
}

/**************/
/*Bottom Nav*/
/**************/

	
.bottom-nav li{height:49px;}	
.bottom-nav .nav-link{
	font-size:16px;
	line-height:24px; 
	padding-left:2rem;
	padding-right:2rem;}
.bottom-nav li:first-child a{padding-left:2rem;} 


 #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
	 font-size:16px !important;
	line-height:24px !important; 
	padding-left:2rem !important;
	padding-right:2rem !important;}							

/***/
.inner-testim{
	 
	border-top:solid 1px #b7b7b7; 
	padding-bottom:15px;}


/**
.articles .card-body {
   min-height: 215px; }*/
   
.study .teal-bull {
 padding-left:45px;}
 
 
}



@media (min-width: 992px) {
.navbar-brand{
	max-width:150px;
	padding:0;}
.navbar { 
    padding: 1rem;}
 
.navbar-nav li{
	padding-left:5px;
	padding-right:5px; 
	 /*border-right:1px solid #b7b7b7; 
     min-height: 75px;*/
	}

.navbar-nav li::after{
   content: '';
   height: 45px;
   background: #b7b7b7;
   width: 0.063rem;
   display:flex;
   } 
 
 ul.navbar-nav li{
	 text-align: center;
    margin-left: -5px;
    margin-bottom: 0;
	}   
.navbar-dark .navbar-nav .nav-link{margin-left: 0;}

.navbar-dark .navbar-nav .nav-link-social {
   
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
} 

.navbar-nav li.fb{
border-right:none;
padding-right:12px;
padding-left:20px;

} 
.navbar-nav li.insta{
border-right:none;
padding-right:20px;
padding-left:8px;
} 

.navbar-nav li.fb::after,
.navbar-nav li.insta::after{
  display: none;
}


.navbar-nav li:last-child{border-right:none;}
	
 	
.btn{ 
 
	padding: .275rem .50rem;}
	
.btn.tealBg{
	font-family: 'Montserrat', sans-serif;
    width: auto;
	border:solid 2px #16acbd;
	color: #ffffff; 
	background-color: #16acbd;
	padding-left:1.2rem;
	padding-right:1.2rem;
    text-align:center;}
   
   
	
.btn.tealBg:hover{
	background-color:#ffffff;
	color:#16acbd;
	border:solid 2px #16acbd;}	

.navbar .btn.tealBg { 
  margin-bottom: 0px;}

.navbar-nav{  
	font-size:13px;
	line-height:15px;
	letter-spacing:0.02em;
	font-weight:400;
	margin-top:4px;}
	
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
	padding-top:7px;
	padding-bottom:0;
    text-decoration: none;
    margin-left: 0;
}

.nav-link:after{
    /*background: #16acbd none repeat scroll 0 0;*/
    content: "";
    display: block;
    height: 3px;
    margin: 5px auto 0px;
    position: relative;}

.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .active.nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show > .nav-link{
	background-color:transparent;}	
    
.nav-link:hover:after,
.active.nav-link:after{
    background: #16acbd none repeat scroll 0 0;
    }

 
 .jumbotron {  
	background-position: center top;
	min-height:615px; 
    background-size:cover;
    margin-top: 101px;
	} 
 
h1{
	font-size:57px;
	line-height:63px;
	}
	
 

h2{
	font-size:38px; 
	line-height:43px;}	

.h3{
	font-size:22px; 
	line-height:28px;
    font-weight: 400;}

 

h4,
.h4{ 
	font-size:28px;
	line-height:33px;
 }

 
	 

.navbar h1{
	font-size: 20px;
    line-height: 20px;
	margin:0;
} 

.assets h3{
	font-size:30px;
	line-height:31px;}
	
	
	

/**************/
/*NAV*/
/**************/
.navbar-brand{
	max-width:181px;}	
.btn{ 
	padding: .475rem .90rem;}
	
.white-btn{ 
	font-size:16px;
	line-height:19px;
	 }
.navbar-nav{  
	font-size:16px;
	line-height:20px;
	 }

.visible-md{
	display:inline;}
	 
/*********/
/*Bottom Nav*/
/*********/	 
.bottom-nav .nav-link{ 
	padding-left:3rem;
	padding-right:3rem;}

.bottom-nav li:first-child a{padding-left:3rem;} 	
	
/******************/	
/***modal***/
/*************
.modal-dialog {
    max-width: 700px;}
.modal .modal-content {
     
    max-width: 90%; 
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}	*****/
		 	 		
}

@media (min-width: 1200px) {
.consumer-header{
	background-size:auto; 
	background-position: left top;
	min-height:503px;
	}
.closed-container{
	max-width:362px;}	
}

/*** popup style *********/
.modal {background: rgba(0,0,0,.5);}
.modal .modal-content {
	background: #fff;
	border-radius: 0;
}
.modal-dialog h2, .modal-dialog h3 {
	color: #414042;
}
.user-form label {
	color: #414042;
}
.user-form button[type="submit"] {
	background: #16acbd;
    border-color: #16acbd;
	border-radius: 0;
    padding: 5px;
}
.user-form .form-control {
	border-radius: 0;
}
.user-form .form-control:focus {
	outline: none;	
}
.user-form .btn:hover {
	background: #414042;
    border-color: #414042;
    color: #fff;
}