@charset "utf-8";
/* CSS Document */
html{overflow-y: scroll; }
body {font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif,Arial, Helvetica, sans-serif; font-size:1em}

/*start nav */
#advertisement img{max-width:75%}
#advertisementb img{max-width:55%}

.navlink {
  float: left;
  overflow: hidden;
 margin:0;
   padding:0;
}
.dropdown {
  float: left;
  overflow: hidden;
   margin:0;
   padding:0;
}





.dropdown .dropbtn {
  border: none;
  outline: none;
  color: #fff;
  background-color: inherit;
  font-family: inherit; 
  font-size: inherit;
  margin: 0; 
  padding:0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
    z-index: 1;
}

#nav .dropdown-content a {
text-shadow:1px 1px 2px #999;
  float: none;
  color: #000;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color:#CCCCCC; color:#990000
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*end nav */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.itljjbd_photo {text-align:center; max-width:100%}
.itljjbd_photo_left {max-width:100%}
.email_button {
	text-shadow:1px 1px 2px #000;
}
#blogbar {background-color:#fc0; text-align:center; border:1px solid #000; font-size:120%; font-weight:bold; clear:both; float:none; width:100%}
.caption {font-size:50%; margin-top:-2em; font-weight:bold}
.notice {background-color:#990000; font-size:130%; width:100%; text-align:center; text-shadow:1px 1px 1px #000}
.happyitljjbd {background-color:#FFCC00; font-size:130%; width:100%; text-align:center; text-shadow:1px 1px 1px #000}
.happyitljjbd a{color:#F00; text-decoration:none}
.donate {background-color:#FFFF00; font-size:115%; width:100%; text-align:center; text-shadow:1px 1px 1px #000; border:1px solid #000}
.notice a{ color:#fff; text-decoration:none}
.donate a{ color:#FF6600; text-decoration:none}
.quoteshare {font-size:60%; display:none; text-align:center}
.translatordesc {font-size:.8em}
.breadcrumbs {font-size:60%; margin-top:.5em; margin-bottom:-1em}
.breadcrumbs a {text-decoration:none; color:#FF6600;  }
.ecardcats {text-align:center; font-size:40%;}
.ecardcats a{padding-right:.1em; padding-left:.1em}
.blogimage {max-width:100%}


.vid-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.vid-container iframe, .vid-container object, .vid-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.quotecats {text-align:center; font-size:35%; padding-bottom:.5em}
.quotecats a{padding-right:.1em; padding-left:.1em}

.Cards tr {margin-bottom:0em}
.Name {background-color:#003399}
.Cards table   { margin-left:auto; margin-right:auto; text-align:center; max-width:75%; margin-bottom:.3em}
.Cards td {text-align:center; border: 1px solid #000; margin-bottom:0em; padding:0em }
.Cards img {vertical-align: bottom; padding:0em; margin:0; overflow:hidden}
.formdata input[type="text"] {font-size:1em;}
.formdata textarea {font-size:1em; }
.btn-toolbar input {font-size:1em}
.btn-toolbar button  {font-size:1em}
.search button, .search input, .search radio, .search select{font-size:1em}
.search, .result-title{margin-top:.8em}
.result-category {display:none}
.translator {font-size:.8em}
.translator textarea {font-size:18px}
.translator input {font-size:18px}
.searcharea input {font-size:18px}

#contact_form {width:100%; font-size:.8em}
#contact_form input[type="text"], #contact_form input[type="email"] { padding:.2em; width:50%; font-size:.8em}
#contact_form input[type="submit"], #contact_form input[type="email"] { padding:.2em;  font-size:.8em}
#contact_form textarea{ padding:.3em; width:50%; font-size:.8em}
#contact_form form label {display: inline-block; width: 40%; background-color:#FFCC00; border:.1em solid #990000; padding:.3em; vertical-align:top}
.clock-builder-output {display: none}
.clock-builder-output2 {display:inline-block}
.glossary {text-transform: capitalize}
.translation{display:none}

#footer a {text-decoration:none; color:#FF6600; font-weight:bold}
#footernav {overflow:auto; text-align:center; font-size:.9em; font-weight:bold; text-shadow:1px 1px 1px #000; margin-top:1em  }
#footernav a{margin-right:1em;  }
#footernav a:hover{color:#FFFFFF }
#advertisement {text-align:center; width:100%;  float:left; }
#advertisementb {text-align:center; width:100%;  float:left; }

#content a, #contentwithside a, #sidebar a {text-decoration:none; color:#FF6600; font-weight:bold}
#content a:hover, #contentwithside a:hover, #sidebar a:hover {opacity: 0.8}


h1 {font-size:105%; text-align:center; margin-top:.5em}
.MovieName {font-size:90%; text-align:center; margin-top:-.1em; font-weight:bold; text-decoration:underline}
.centered {text-align:center}
.bolded {font-weight:bold}
img {border:0}
#top {float:none;clear:both; padding:0; margin:0; overflow:auto; box-sizing: border-box; display:block; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000}
#top img {max-width:100%; border-collapse:collapse; min-height:100%; width:100%; overflow:hidden;  display:block;  }

#nav {float:none; clear:both;  display:block ; height:auto; background-color:#FF6600;   border:.1em solid #000; text-align:center }
#content {padding-top:.5em; font-size:100%; padding-bottom:.5em}
#contentwithside {padding-top:.5em; font-size:110%; padding-bottom:.5em; float:none; width:100%}
#nav a {font-size:100%;  text-decoration:none; color:#fff; font-weight:bold; margin-right:.9em;  padding:.6em;  height:auto;   -moz-box-sizing: border-box;
  box-sizing: border-box; text-shadow:2px 2px 3px #000;  width:100%}
  #nav div {padding-top:.3em; padding-bottom:.3em}
  #footer {border:.1em solid #fff; text-align:center}
#nav a:hover {color:#FFFF33}
.copy {font-size:.8em; text-shadow:1px 1px 2px #000;}

#nav {display:none}

/* mobile menu start */

#mobilenav {display:block}
#mobilenav a{font-size:110%; line-height:70%}
.mobnav {
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: relative;
  max-width: 100%;
  z-index: 3;
  border:1px solid #000;
  background-color:#FF6600;
}

.mobnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.mobnav li a {
  display: block;
  padding: 5px 5px;
  border-top:1px solid #000;
  text-decoration: none;
  color: #f2f2f2;
}

.mobnav li a:hover,
.mobnav .mobmenu-btn:hover {
  background-color:#FFCC33;
}

.mobnav .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}


.mobnav .mobmenu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}


.mobnav .mobmenu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 14px 8px;
  position: relative;
  user-select: none;
}

.mobnav .mobmenu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.mobnav .mobmenu-icon .navicon:before,
.mobnav .mobmenu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.mobnav .mobmenu-icon .navicon:before {
  top: 5px;
}

.mobnav .mobmenu-icon .navicon:after {
  top: -5px;
}

.mobnav .mobmenu-btn {
  display: none;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu {
  max-height: 540px;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon {
  background: transparent;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:before {
  transform: rotate(-45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:after {
  transform: rotate(45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:before,
.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* mobile menu end */

.videoboxm {display:inherit}
.videobox {display:none}
@media all and (min-width: 500px) {

.breadcrumbs {font-size:60%; margin-top:.5em; margin-bottom:.8em}
.videoboxm {display:none}
.videobox {display:inherit}
#advertisement img{max-width:65%}
#advertisementb img{max-width:30%}

h1 {font-size:110%; text-align:center; margin-top:-.1em}
#content {padding-top:.3em; padding-left:.3em;font-size:130%; padding-bottom:.5em; }
#contentwithside {padding-top:.3em; padding-left:.3em; font-size:130%; padding-bottom:.5em; float:none; clear:both}
.clock-builder-output {display: inline-block}
.quoteshare {display:block}
.clock-builder-output2 {display:none}
}

@media all and (min-width: 1000px) {
.translatordesc {font-size:1em; width:90%; margin-left:auto; margin-right:auto}
.formdata input[type="submit"] {font-size:1.5em;}
.ecardcats {text-align:center; font-size:70%;}
.ecardcats a{padding-right:1em; padding-left:1em}

.quotecats {text-align:center; font-size:65%;}
.quotecats a{padding-right:.2em; padding-left:.2em}

.searcharea  input {font-size:1em}
.translator {font-size:1em}
.translator textarea {font-size:1em}
.translator input {font-size:1.5em}
.translator button {font-size:.8em}
#contact_form {width:100%; font-size:1em}
#contact_form input[type="text"], #contact_form input[type="email"] { padding:.3em; width:40%; font-size:1em}
#contact_form input[type="submit"], #contact_form input[type="email"] { padding:.3em;  font-size:1em}
#contact_form form label {width: 20%;}

#content {padding-left:.5em; padding-right:.5em; font-size:140%; text-align:justify;  float:none}

#nav {display:block}
#nav a {font-size:65%; display:inline}
#mobilenav {display:none}
}

@media all and (min-width: 1000px) {
#nav a {font-size:65%;}
}

@media all and (min-width: 1120px) {
#nav a {font-size:68%;}
.notice {background-color:#990000; font-size:150%; width:100%; text-align:center; text-shadow:1px 1px 1px #000}
.donate {font-size:140%; width:100%; text-align:center; text-shadow:1px 1px 1px #000}
}

@media all and (min-width: 1250px) {
#nav a {font-size:78%;}
}

@media all and (min-width: 1380px) {
#nav a {font-size:88%;}
}

@media all and (min-width: 1500px) {
#nav a {font-size:95%;}
#contentwithside {font-size:160%; text-align:justify; width:70%; float:left}
#sidebar {width:28%; float:right; font-size:120%}
}

@media all and (min-width: 1580px) {
#nav a {font-size:100%;}
}

@media all and (min-width: 1750px) {
#nav a {font-size:110%;}
}

@media all and (min-width: 1850px) {
#nav a {font-size:114%;}
}

ul.mobnav, ul.mobmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#FF6600;
}


.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style]   {width: 100% !important;display:block;z-index:2000;position:relative}

.fb-like, 
.fb-like > span,
.fb-like > span iframe {
    max-width:353px; 
}


#footer .fa {
  padding: 8px;
  font-size: 1.2em;
  width: 22px;
  text-align: center;
  text-decoration: none;
  margin: 3px 1px;
  background:#bd5f07;
 }
 
#footer .fa:hover {
    opacity: 0.7;
}

#footer .fa-facebook {

  color: #fff;
}

#footer .fa-instagram {

  color: #fff;
}

#footer .fa-twitter {
  color: #fff;
}

#footer .fa-reddit {
  color: #fff;
}

#footer .fa-envelope  {
  color: #fff;
}

 #footer .fa-follow {
   border-radius: 50%;
 }
 
#searchform {margin-top:.5em}
#searchform input[type="submit"], #searchform input[type="text"] {font-size:1em}