/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 08 2021 | 12:17:34 */
/*=======================================
    HEADER TDN LOGO
==================================================*/ 
.headerforeground01
{
background-size: 100% 100%;
background-repeat: no-repeat;
display:block;
top:0;position:absolute;
z-index:500;
right: 89%;
left:auto;
display:block;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
width: 100px;
height: 100px;
position:absolute;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
}

/*=======================================
    HEADER WIDGETS
==================================================*/
.img-join-us {
  display: inline-block;
  padding: 0 4px 0 4px;
  background-color: #000000;
  border: 0px solid #000000;
float:left;
  margin: 10px 2px 5px 10px;
}
.img-donate {
  display: inline-block;
  padding: 0 4px 0 4px;
  background-color: #000000;
  border: 0px solid #000000;
float:left;
  margin: 10px 2px 5px 2px;
}
/*=======================================
    TITLES
==================================================*/
.titles {
font-size: 1.5em;
font-family: 'Lemon', cursive !important;
font-weight:400;
font-style:normal;
margin: 1.29em 0em 0.14em 0em;
line-height: 1.6;
color:#696969;
text-shadow:none;
text-align:left;
text-decoration:none;  
}
#ttr_content .ttr_page_title, #ttr_content h1.ttr_page_title a, #ttr_content h1.ttr_page_title a:visited, #ttr_content h1.ttr_page_title a:hover, #ttr_content .ttr_page_title {
    font-size: 28px;
    font-family: "Lemon","Arial" !important;
    font-weight: 400;
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #696969;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
h1.ttr_block_heading, h2.ttr_block_heading, h3.ttr_block_heading, h4.ttr_block_heading, h5.ttr_block_heading, h6.ttr_block_heading, p.ttr_block_heading, span.ttr_block_heading, #ttr_sidebar_right .block_header > h4, #ttr_sidebar_left .block_header > h4, .ttr_block h3.ttr_block_heading a:not(.btn), .ttr_block h3.ttr_block_heading a:visited:not(.btn), .ttr_block h3.ttr_block_heading a:hover:not(.btn) {
    font-size: 16px;
    font-family: "Raleway","Arial";
    font-weight: 600;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    line-height: 30px;
    background: none;
    margin: 0;
}
/*=======================================
    PARAGRAPHS
==================================================*/
p {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 1.2em 0em 0.36em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
.forminator-field {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 1.2em 0em 0.36em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
.html_content p {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 0.38em 0em 0.38em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
.blog-wp .postcontent p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Montserrat","Roboto","Arial";
    font-weight: 400;
    font-style: normal;
    color: #4E4E4E;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    line-height: 1.6;
}
.wp-caption.alignright {
margin: 0em 3.2em 1.07em 1.6em;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
font-family: 'Neucha', cursive !important;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.wp-caption {
background: #fff;
border: 0px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
/*=======================================
    LISTS
==================================================*/
.ttr_block ul li {
    font-size: 14px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 5px 0 5px 0;
}
ul.spot {
    list-style-type: none;
    margin-left: 0;
    padding-left: 3.3em;
    font-family:"Montserrat","Roboto","Arial" !important;
    font-size: 1em;
    color: #333333;
    line-height: 1.82em;
    font-size: 14px;
}

/*=======================================
    CONTENT
==================================================*/
.ttr_block_content, .ttr_block_content th, .ttr_block_content td, #ttr_sidebar_right #newsletter_block_left .block_content, #ttr_sidebar_left #newsletter_block_left .block_content, .ttr_block #poll-answers li, ol.mini-products-list div.product-details span, #ttr_sidebar_left .subtotal span, #ttr_sidebar_left .amount, .ttr_block_content .label, .ttr_block_content p {
    padding: 2px 2px 2px 2px;
    background-color: transparent;
    background: rgba(255,255,255,0);
    background-clip: padding-box;
    border-radius: 0 0 0 0;
    border: solid #D3D3D3;
    border: solid rgba(211,211,211,1);
    border-width: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 3px 3px 3px 3px;
}
.html_content h2, .html_content h1, .html_content h3 {
font-family: 'Lemon', cursive !important;
font-weight:400;
font-style:normal;
margin: 1.43em 0em 0.36em 0em;
line-height: 1.6;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
.html_content h4, .html_content h5, .html_content h6 {
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 1.43em 0em 0.36em 0em;
line-height: 1.6;
color:#696969;
text-shadow:none;
text-align:left;
text-decoration:none;
}
h2 a, h2 a:hover, h2 a:focus, h2 a:visited, h2 a:focus {
    font-size: 14px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #4E4E4E;
    text-shadow: none;
    text-align: left;
    text-decoration: Underline;
    margin: 15px 0 15px 0;
}
/*=======================================
    HYPERLINKS
==================================================*/
.ttr_block a:not(.btn), .ttr_block a:not(.btn) {
    font-size: 12px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
.ttr_block a:visited:not(.btn), .ttr_block a:visited:not(.btn) {
    font-size: 12px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
.ttr_block a:hover:not(.btn), .ttr_block a:hover:not(.btn) {
    font-size: 12px;
    font-family: "Raleway","Arial";
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
.a {
	font-size: 14px;
font-family:'Montserrat', sans-serif;
font-weight:400;
font-style:normal;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
a:hover, a:visited, a:focus { 
font-size: 14px;
font-family:'Montserrat', sans-serif;
font-weight:400;
font-style:normal;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
/*=======================================
    FOOTER
==================================================*/
footer#ttr_footer a:not(.btn) {
    font-size: 12px;
    font-family: "Montserrat","Arial";
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
}
footer a:visited:not(.btn) {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
footer#ttr_footer a:visited:not(.btn) {
    font-size: 12px;
    font-family: "Montserrat","Arial";
    font-weight: 400;
    font-style: normal !important;
    color: #ffffff;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
.blog-wp footer#ttr_footer a:visited:not(.btn) {
    font-size: 12px !important;
    font-family: "Montserrat","Arial";
    font-weight: 400;
    font-style: normal;
    color: #ffffff !important;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
.blog-wp footer#ttr_footer a:not(.btn) {
    font-size: 12px !important;
    font-family: "Montserrat","Arial";
    font-weight: 400;
    font-style: normal;
    color: #ffffff !important;
    text-align: left;
    text-decoration: none;
}
.blog-wp footer a:visited:not(.btn) {
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff !important;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
}
/*=======================================
    DEFAULT BUTTONS
==================================================*/
.btn.btn-default, .btn.btn-deafult:focus {
    background-color: #000000;
    background: rgba(0,0,0,1);
    background-clip: border-box;
    font-size: 16px;
    font-family: "Montserrat","Roboto","Arial";
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0 0 0 0;
    border: solid #000000;
    border: solid rgba(0,0,0,1);
    border-width: 2px 2px 2px 2px;
    box-shadow: none;
    padding: 8px 16px 8px 16px;
}
/*=======================================
    SITE MAP PILLS
==================================================*/
.map-container {
  width: 50%;
}
.map-left {
  float: left;
  margin-right: 20px;
}
.map-right {
  float: left;
  margin-left: 0px;
}
.pill-nav a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 5px;
  margin: 3px 0 3px 0;
  text-decoration: none;
  font-size: 14px;
  border-radius: 5px;
  border:1px solid #ccc;border:1px solid rgba(0, 0, 0, .15);
  width: 300px;
  background-color: #dadada;
  background-color: rgba(218,218,218,1.0);
}

/* Change the color of links on mouse-over */
.pill-nav a:hover {
  background-color: #000000;
  color: #ffffff;
  color: rgba(255,255,255,1.0);
}

/* Add a color to the active/current link */
.pill-nav a.active {
  background-color: #dadada;
  color: black;
}
.center-div
{
     position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.widget-title {
font-size: 18px;
font-family: 'Lemon', cursive;
    font-weight: 400;
    font-style: normal;
    color: #bbb7b7;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 3px 0 0px 30px;
	padding: 0px 0 0px 0;
  line-height: 1.5;
}
.contact-us {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 15px 0 0px 30px;
	padding: 0px 0 0px 0;
  line-height: 1.6;
} 
.information {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 15px 0 0px 30px;
	padding: 0px 0 0px 0;
   line-height: 1.6;
}
.img-social-fb {
  display: inline-block;
  padding: 0 4px 0 4px;
  line-height: 1.42857143;
  background-color: #000000;
  border: 0px solid #000000;
float:left;
  max-width: 50px;
  height: 50px;
  margin: 8px 2px 2px 22px;
}
.img-social-tweet {
  display: inline-block;
  padding: 0 4px 0 4px;
  line-height: 1.42857143;
  background-color: #000000;
  border: 0px solid #000000;
float:left;
    max-width: 50px;
  height: 50px;
  margin: 8px 2px 2px 2px;
}
.img-social-instagram {
  display: inline-block;
  padding: 0 4px 0 4px;
  line-height: 1.42857143;
  background-color: #000000;
  border: 0px solid #000000;
float:left;
    max-width: 50px;
  height: 50px;
  margin: 8px 2px 2px 2px;
}
.charity-number {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 52px 0 0px 30px;
	padding: 0px 0 0px 0;
  line-height: 1.5;
} 
.copyright {
font-size: 9px;
font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial',sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    margin: 10px 0 0px 0;
	padding: 0px 0 0px 0;
} 
.designby {
font-size: 9px;
font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial',sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    margin: 4px 0 0px 0;
	padding: 0px 0 0px 0;
}
/*=======================================
    FAQ
==================================================*/
.faq-title h4 {
    margin: 0px !important;
  font-weight:600;
    font-size: 15px !important;
    line-height: 1.6 !important;
  font-family:"Montserrat","Roboto","Arial";
}
.faq-content p {
    font-size: 14px !important;
  font-family:"Montserrat","Roboto","Arial";
  line-height: 1.6 !important;
  margin: 20px 0px 15px 0px;
}
.faq-content a {
font-size: 14px;
font-family:'Montserrat', sans-serif;
font-weight:400;
font-style:normal;
color:#000000;
text-shadow:none;
text-align:left;
text-decoration:underline;
}
.faq-content a:hover, a:visited, a:focus { 
font-size: 14px;
font-family:'Montserrat', sans-serif;
font-weight:400;
font-style:normal;
color:#000000;
text-shadow:none;
text-align:left;
text-decoration:none;
}
/*=======================================
    FORM CONTROL
==================================================*/
.required {
font-size: 10px;
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #fb0326;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin: 0;
	padding: 0px 0 0px 15px;
} 
#form-title-one {
font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:17px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 15px auto 10px auto;  
}
#form-title-two {
font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:17px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 15px auto 0px auto;  
}
#form-title-three {
font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:17px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 30px auto 10px auto;  
}
#form-title-four {
font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:17px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 10px auto 0px auto;  
}
#form-title-five {
font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:17px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 10px auto 0px auto;  
}
 .form-title {
    font-family: 'Lemon', cursive !important;
    font-weight: 400;
    font-style: normal;
  	font-size:22px;
	color:#696969!important;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    background-repeat: repeat;
    margin: 15px auto 10px auto;
}
.form-horizontal .form-group .form-control {
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
}
.form-group {
  margin-bottom: 6px;
}
.control-label {
    text-align: right;
    margin-bottom: 0;
  margin-top: 0px;
  padding-right: 5px;
      font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
.form-horizontal .control-label{
   text-align:left !important; 
}
.textarea{ 
  min-width:450px; 
  max-width:450px; 
  height:100%; 
  min-height:100%;  
  max-height:100%;
  resize:vertical;
}
.textrow{ 
  width: 450px; 
  min-width:450px; 
  max-width:450px; 
}
.selectbox{ 
  min-width:450px; 
  max-width:450px;
  height:100%; 
  min-height:100%;  
  max-height:100%;
}
.selectmultiplebox{ 
  min-width:450px; 
  max-width:450px;
  height:100% !important; 
  min-height:100%;  
  max-height:100%;
  padding: 0 0 5px 0;
}
.has-error .form-control {
    border-color: #ff0125;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#form {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:600;
font-style:normal;
margin: 2.0em 0em 2.0em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
#contact-para {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 0.8em 0em 2.0em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
/*=======================================
    FONT AWESOME
==================================================*/
.fa {
  color: #4E4E4E;
  padding: 0 18px 0 0;
}
a.fa {
  text-decoration: none;
}
/*=======================================
    IMAGES
==================================================*/
 .caption-image
{
  float:right;
  overflow:hidden;
  margin: 0em 3.2em 1.07em 0em;
}

/*=======================================
    BREADCRUMBS
==================================================*/
 .breadcrumb 
{
background-color:#F3F3F3;
background:rgba(243,243,243,1);
background-clip:padding-box;
border-radius:4px 4px 4px 4px;
border:solid transparent;
border:solid rgba(255,255,255,0);
border-width: 0 0 0 0;
box-shadow:none;
margin:10px 1px 1px 1px;
padding:3px 5px 3px 5px;
display:block;
width:auto;
color:#838383;
}
/*=======================================
    EU COOKIES
==================================================*/
#eu-cookie-law {
    font-size: 14px;
  font-family:"Montserrat","Roboto","Arial" !important;
    line-height: 1.5;
    overflow: hidden;
    padding: 6px 6px 6px 15px;
    position: relative;
}
/*=======================================
    MEDIA QUERY
==================================================*/
@media only screen and (max-width : 767px) {
p {
font-size: 14px;
font-family:"Montserrat","Roboto","Arial" !important;
font-weight:400;
font-style:normal;
margin: 1.2em 0em 0.36em 0em;
line-height: 1.5;
color:#4E4E4E;
text-shadow:none;
text-align:left;
text-decoration:none;
}
}

@media only screen and (max-width : 767px) {
.headerforeground01 {
background-size: 100% 100%;
background-repeat: no-repeat;
display:block;
top:0;position:absolute;
z-index:500;
right: 72%;
left:auto;
display:block;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
width: 80px;
height: 80px;
position:absolute;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
}
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
.headerforeground01 {
background-size: 100% 100%;
background-repeat: no-repeat;
display:block;
top:0;position:absolute;
z-index:500;
right: 89%;
left:auto;
display:block;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
width: 80px;
height: 80px;
position:absolute;
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
}
}


@media only screen and (max-width: 1024px) and (min-width: 768px){
header .ttr_title_style, header .ttr_title_style a, header .ttr_title_style a:link, header .ttr_title_style a:visited, header .ttr_title_style a:hover {
    font-size: 22px;
    font-family: "Montserrat","Roboto","Arial";
    font-weight: 600;
    font-style: normal;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
body .navbar-default {
    padding-left: 8px;
    padding-right: 8px;
}
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
.pagetemplate .nav.ttr_menu_items li:hover a.ttr_menu_items_parent_link_arrow, .pagetemplate .ttr_menu_items li.open a.ttr_menu_items_parent_link_arrow, .pagetemplate .ttr_menu_items li.open a.ttr_menu_items_parent_link_arrow:hover, .pagetemplate .ttr_menu_items li.open a.ttr_menu_items_parent_link_arrow:focus {
    font-size: 10px;
    font-family: "Raleway","Roboto","Arial";
    font-weight: 600;
    font-style: normal;
    color: #FFFF01;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-image: none;
    background-position: right 4px center;
}