/* NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
*/
@font-face {
	font-family: 'Conv_mangal';
	src: url('fonts/mangal.eot'); /* IE9 Compat Modes */
	src: url('fonts/mangal.woff') format('woff'); /* Pretty Modern Browsers */
	src: url('fonts/mangal.ttf') format('truetype'); /* Safari, Android, iOS */ 
	src: url('fonts/mangal.svg') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

html,
body {
	margin:auto;
	height:100%;
	font-size: 15px;
	font-family:'Conv_mangal', sans-serif;
}


h1, h2, h3, h4, h5, h6
{
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
}

p
{
  font-size: 15px;
  line-height: 200%;
  margin: 0px 0px 5px 0px;
  /*padding: 0px 0px 5px 0px;*/
}

a:link 
{ 
  color: black; 
  text-decoration: none; 
  font-weight: normal 
}

a:visited 
{ 
  color: black;
  text-decoration: none; 
  font-weight: normal
}

a:active 
{ 
  color: black; 
  text-decoration: none 
}

a:hover 
{ 
  color: blue; 
  text-decoration: none; 
  font-weight: normal;
}

.h1
{
  text-align: center;
  color: #2144a8;
  margin: 0;
  padding: 0;
}

.h3
{
	text-align: center;
	color: #2144a8;
	margin: 0;
	padding: 0;
}

.h5
{
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.p
{
	text-align: center;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}


/* Dropdown Menu start */

.menu_dropdown
{
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  position: relative;
  z-index: 9999;
  font-size: 100%;
}

.dropbtn 
{
  width: 100%;
  font-size: 90%;
  padding: 6% 0%;
  border: none;
  color: white;
  cursor: pointer;
  background-color: #3b4990;
}

/* The container <div> - needed to position the dropdown content */
.dropdown 
{
  width: 16.3%;
  padding: 5px 0px; 
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: #d7d7d7;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a 
{
  color: black;
  font-size: 14px;
  padding: 10px 29px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
  background-color: #f7941d;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content 
{
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn
{
  background-color: #f7941d;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn-faq
{
  background-color: #3e8e41;
}

/* CSS dropdown menu Close */

#wrapper {
	width: 100%;
	min-width: 1000px;
	height:auto;
	position:relative;
	background-color:#ffffff;
}

#header-fix {
	background: #f7941d;
	padding: 3px;
}

#content {
	padding-bottom:100px; /* Height of the footer element */
}

#footer-fix {
	background:#f7941d;
	width:100%;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.clr
{
	clear: both;
}

.container
{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #eeeeee;
}

.header-wrapper
{
	width: 100%;
}

.header
{
	width: 100%;
	height: 153px;
	background-color: #e6e6e6;
}

.header-div-gray
{
  width: 100%;
  height: 35px;
  background-color: #c3c3c3;
  display: inline-block;
  float: left;
}

.header-main-div
{
	width: 100%;
	height: auto;
}

/* Organization Logo */

.logobox
{
	display: inline-block;
	float: left;
	margin-top: -22px;
	padding-left: 20px;
}

/* Organization name */

.name-mlwb 
{
	display: inline-block;
	float: left;
	padding-top: 1em;
	padding-left: 10em;
	position: relative;
}

.footer-wrapper
{
  width: 100%;
  height: 110px;
  bottom: 0px;
  background-color: #c3c3c3;
}

.footer-left
{
  float: left;
  width: 50%;
  font-size: 12px;
  font-weight: bold;
  padding: 30px 0px 0px 10px;
  color: #2144a8;
}

.footer-left-div
{
  margin: 10px 0px 20px 0px;
  text-align: center;
}

.footer-right
{
  float: right;
  width: 50%;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 0px 0px;
  color: #2144a8;
}

.footer-right-div
{
  margin: 12px 10px 0px 0px;
  float: right;
}

/* Visitors Counter Box start */

.counterbox
{
  float: right;
  font-size: 20px;
  height: 20px;
  padding-top: 5px;
  padding-right: 10px;
}

/* Watermark background start */

.background
{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.watermark-image
{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-position: center;
  background-image: url("../images/watermark.png");
  z-index: -5;
}

/* Watermark background close */

.middle-wrapper
{
	width: 100%;
	min-height: auto;
	padding: 5px;
}

.middle-wrapper-full-image
{
	width: 990px;
	height: 350px;
	opacity: 0.90;
	overflow: hidden;
	margin-top: 10px;
	background-image: url("../images/bg-promo-sketch.jpg");
}

.middle-wrapper-left
{
	width: 640px;
	float: left;
	height: auto;
	margin: 15px 10px 10px 10px;
	box-shadow: 7px 7px 7px gray;
}

.middle-wrapper-right
{
  width: 300px;
  height: auto;
  margin: 15px 20px 0px 10px;
  float: left;
}

/* For single photo in one line */
.middle-wrapper-right-up1
{
  width: 100%;
  height: 172px;
  margin: 0px 0px 20px 0px;
}

/* For two photos in one line */
.middle-wrapper-right-up2
{
  width: 100%;
  height: 172px;
  margin: 0px 0px 10px 0px;
}

.middle-wrapper-right-up3
{
  width: 100%;
  height: 172px;
  margin: 10px 0px 0px 0px;
}

.middle-wrapper-right-photobox-c
{
	width: 140px;
	height: 165px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 0px 0px;
	background-color: #888888;
	box-shadow: 5px 5px 5px gray;
}

.middle-wrapper-right-photobox-l
{
	width: 140px;
	float: left;
	height: 165px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	background-color: #888888;
	box-shadow: 5px 5px 5px gray;
}

/* Use when display only two photos */
.middle-wrapper-right-photobox-vl 
{
    width: 285px;
    float: left;
    height: 165px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    background-color: #5b858bb8;
    box-shadow: 5px 5px 5px grey;
}

/* Use when display only one photo */
.middle-wrapper-right-photobox-single 
{
    float: left;
	width: auto;
    height: auto;
    box-shadow: 5px 5px 5px grey;
    overflow: hidden;
}


.middle-wrapper-right-photobox-r
{
	width: 150px;
	float: right;
	height: 165px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	background-color: #888888;
	box-shadow: 5px 5px 5px gray;
}

.middle-wrapper-right-textbox
{
	width: 100%;
	height: auto;
	text-align: center;
}

/* Image Zoom section */

.middle-wrapper-content
{
  width: 990px;
  height: auto;
  display: inline-block;
}

.middle-wrapper-imagediv
{
  height: 195px;
  width: 645px;
  margin: 5px;
  float: left;
  display: inline-block;
  box-shadow: 5px 5px 7px gray;
}

.image-circle
{
  height: 130px;
  width: 130px;
  float: left;
  margin: 15px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}

.middle-wrapper-imagebox
{
  display: inline-block;
  height: auto;
  width: 24%;
}

.middle-wrapper-imagediv-text
{
  text-align: center;
  /*padding-left: 18px;*/
  color: #3b4990;
  text-shadow: 5px 3px 7px gray;
}

.img-zoom 
{
  width: 130px;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
 
.transition 
{
  -webkit-transform: scale(2); 
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

/* Image Zoom section text div */

.middle-wrapper-imagediv-textdiv
{
  height: 55px;
  width: auto;
  margin: 5px;
  display: inline-block;
}

/* Blinking Text div start */

.blinking-div
{
  width: 324px;
  height: 60px;
  padding: 5px;
  margin-top: 5px;
  float: left;
  display: inline-block;
  box-shadow: 5px 5px 7px gray;
}

.blinking-image
{
  float: left;
  padding: 6px;
  margin-left: 40px;
  display: inline-block;
}

.blinking-text
{
  height: auto;
  width: auto;
  float: left;
  display: inline-block;
  padding: 15px;
  text-align: center;
  color: #006baf;
  text-shadow: 0px 0px 25px #006baf;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* Mahiticha adhikar and nivida & suchana div CSS here */

.middle-wrapper-imagediv-small
{
  width: 324px;
  height: 130px;
  padding: 5px;
  margin-top: 5px;
  float: left;
  display: inline-block;
  box-shadow: 5px 5px 7px gray;
}

.imagediv-small-common
{
  height: auto;
  width: auto;
  float: left;
  margin: 11px 22px;
  display: inline-block;
}

/* Quick links and media div CSS here */

.middle-wrapper-bottom-content
{
  width: 990px;
  height: auto;
  display: inline-block;
}

.quick-links-content
{
  height: 235px;
  width: 650px;
  margin-top: 8px;
  float: left;
  display: inline-block;
}

.quick-links-box
{
  width: 50%;
  height: auto;
  float: left;
}

.quick-links-box-h
{
  text-align: center;
  color: #3b4990;
  padding: 10px 0px 3px 0px;
  text-shadow: 5px 3px 7px gray;
  box-shadow: 5px 3px 7px;
}

.quick-links-box-p
{
  height: 185px;
  text-align: left;
  padding: 5px;
  box-shadow: 5px 5px 7px gray;
}

#image {
  font-size: 15px;
  line-height: 1.7em;
  list-style-image: url(../images/arrows.png);
}

.read-more
{
  font-size: 13px;
  margin-left: 240px;
  bottom: 20px;
  position: absolute;
}

/* Flip content CSS here */

.flip-div-content
{
  height: 230px;
  width: 330px;
  margin-top: 6px;
  padding: 8px 0px 0px 10px;
  float: left;
  display: inline-block;
  box-shadow: 5px 5px 7px gray;
}

/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
}
  /* flip the pane when hovered */
  .flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }

.flip-container, .front, .back {
  width: 130px;
  height: 130px;
  margin: 10px;
  float: left;
  display: inline-block;
}

/* flip speed goes here */
.flipper {
  transition: 1.4s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  background-color: #f7941d;
}

.flip-text-front
{
  text-align: center;
  padding-top: 30px;
  color: #3b4990;
  text-shadow: 5px 3px 7px gray;
}

.flip-text-back
{
  text-align: center;
  padding-top: 55px;
  color: #3b4990;
  text-shadow: 5px 3px 7px gray; 
}

/* Page-Aamchyavishayi, kamgarkalyannidhi, itarseva, faq, kamacyavela CSS here */

.middle-div-common-one
{
  height: auto;
  width: 100%;
  margin-top: 60px;
}

.middle-div-common-two
{
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}

.middle-div-common-p
{
  width: 100%;
  display: block;
  padding-top: 10px;
  text-align: left;
}

/* Slied down CSS for page kamgarkalyannidhi start */

#panel, #flip 
{
  border: 2px solid #f7941d;
  height: 40px;
  width: 350px;
  padding: 8px;
  right: 48px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  background-color: whitesmoke;
}

#panel 
{
  height: auto;
  padding: 8px;
  top: 63px;
  float: right;
  display: none;
  text-align: left;
  position: absolute;
}

/* Slied down CSS close */

.middle-div-click-here
{
  height: 30px;
  width: 220px;
  padding: 6px;
  font-size: 13px;
  border-radius: 10px;
  float: right;
  text-align: center;
  background-color: #f7941d;
}

.middle-div-common-textbox-p
{
  height: auto;
  width: 800px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

table.table-timing
{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
}

table.table-timing tr
{
  background-color: transparent;
}

table.table-timing table, 
table.table-timing td, 
table.table-timing th 
{
    border: 1px solid gray;
    box-shadow: 1px 1px 3px gray;
}

/* CSS Table properties */

table 
{
  border-collapse: collapse;
  width: 100%;
}

th, td 
{
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

tr:hover {background-color:#c3c3c3}

.div-table-wrapper
{
  height: auto;
  width: auto;
  margin-top: 50px;
  padding: 10px;
}
.div-table
{
  width: 900px;
  padding: 5px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 3px 3px 7px gray;
}
.div-table-space
{
  height: 20px;
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.div-table-2
{
  width: 600px;
  padding: 5px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 3px 3px 7px gray;
}

/* Responsive Image Gallery */

.middle-div-gallery
{
  height: auto;
  width: 100%;
  margin-top: 60px;
  display: inline-block;
}

div.img 
{
  border: 1px solid #ccc;
  margin: 5px 0px;
}

div.img:hover 
{
  border: 1px solid #777;
}

div.img img 
{
  width: 100%;
  height: auto;
}

* 
{
  box-sizing: border-box;
}

.responsive 
{
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px)
{
  .responsive 
  {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px)
{
  .responsive 
  {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Page - Prashaskiy Rachana */

.middle-div-pr-content
{
  height: auto;
  width: auto;
  margin-top: 60px;
  padding: 5px;
}


/* Page - Mandal Sadasya  */

.div-middle-main
{
  width: 100%;
  padding: 60px 10px 10px 10px;
  height: auto;
}

.div-middle-com
{
  margin: 5px;
  width: auto;
  height: auto;
  display: block;
  position: relative;
}

.div-middle-space
{
  width: 100%;
  height: 20px;
  display: block;
  position: relative;
}

.div-in-final
{
  width: 500px;
  height: auto;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  position: relative;
}

table.table-border
{
  border-collapse: collapse;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

table.table-border tr
{
  background-color:transparent;
}

table.table-border th
{
  padding: 8px 8px 8px 150px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

table.table-border td
{
  padding: 8px 8px 8px 100px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* Page - Sampark Properties */

#googleMap
{
  width:100%; 
  height:360px;
  margin-top: 35px;
  display: block;
  position: relative;
}
.infowindow
{
  width: 300px;
  height: 145px;
  top: 100px;
  right: 10px;
  padding: 10px;
  text-align: left;
  position: absolute;
  z-index: 1000;
  background-color: whitesmoke;
  box-shadow: 5px 5px 7px gray;
}

button.close
{
  width: auto;
  height: auto;
  right: 0px;
  padding: 1px;
  top: -23px;
  position: absolute;
}

.table-container
{
  width: 100%;
  height: auto;
  padding: 1px;
  margin-top: 5px;
  display: block;
  position: relative;
}

.text-content
{
  width: 100%;
  height: 50px;
  padding: 10px;
  text-align: center;
  display: block;
  position: relative;
}

table.table-contact
{
  border-collapse: collapse;
  width: 100%;
}

table.table-contact th
{
  text-align: left;
  padding: 8px;
  font-size: 14px;
  background-color: #f7941d;
}

table.table-contact td
{
  text-align: left;
  padding: 8px;
  font-size: 13.3px;
}

table.table-contact tr:nth-child(even)
{
  background-color: rgba(247, 148, 29, 0.18)
}

table.table-contact tr:nth-child(odd)
{
  background-color: transparent;
}

/* for quick scrolling up and down */

.quick-links-scroll-outbox
{
  width: 100%;
  height: auto;
  padding: 5px;
  display: block;
  position: relative;
}

.quick-links-scroll
{
  width: 650px;
  height: 120px;
  padding: 10px 5px 5px 90px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 2px 2px 5px gray;
}

.go-top
{
  height: 50px;
  width: 50px;
  right: 0;
  bottom: 0;
  margin: 0px 20px 20px 0px;
  display: none;
  z-index: 999;
  position: fixed;
}

.quick-links-scroll-FL
{
  width: 50%;
  height: auto;
  padding: 0px 5px 5px 15px;
  float: left;
  display: inline-block;
}

.address-container
{
  width: 100%;
  height: auto;
  padding: 5px;
  display: block;
  position: relative;
}

.add-full-textdiv
{
  width: 100%;
  height: auto;
  padding: 18px 0px 0px 0px;
  text-align: center;
  display: block;
  position: relative;
  box-shadow: 1px 1px 4px gray;
}

.add-prakalp
{
  width: 500px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.add-half-textdiv
{
  width: 50%;
  height: 160px;
  padding: 18px 0px 0px 0px;
  text-align: center;
  float: left;
  display: inline-block;
  position: relative;
  box-shadow: 1px 1px 4px gray;
}

.mahiticha-adhikar-div-1
{
  height: auto;
  padding: 60px 0px 0px 0px;
  text-align: center;
  display: block;
  position: relative;
}

.marquee-div
{
  height: auto;
  margin-top: 45px;
  display: inline-block;
  position: relative;
}

.marquee-div2
{
  background-color: lightgray;
  height: auto;
  padding: 5px 0px 0px 0px;
  display: block;
  position: relative;
}

.marquee-div-subdiv-1
{
	text-align: center;
	/*margin-top:	10px;*/
}

.marquee-div-subdiv-2
{
	display: inline-block;
	border-bottom: solid black;
	text-align: center;
}

.marquee-div-subdiv-3
{
	display: inline-block;
	padding-left: 15px;
	padding-right: 42.5px;
}

/*=====Start New Activity Update Section CSS=====*/

.new-activity-update-section
{
	width: 100%;
	height: auto;
}
.new-activity-update-section-image-left
{
	width: 50%;
	float: left;
	display: inline-block;
	position: relative;
}
.new-activity-update-section-image-right
{
	width: 50%;
	float: left;
	display: inline-block;
	position: relative;
}
.new-activity-update-section-text
{
	margin-top: 10px;
	text-align: center;
	width: 58%;
	float: left;
	display: inline-block;
	position: relative;
}
.new-activity-update-section-button
{
	width: 20%;
	float: left;
	display: inline-block;
	position: relative;
}
.new-activity-update-section-button-a-b
{
	width: 90%;
	height: 65px;
	margin: 15px 10px 15px 10px;
	padding-top: 25px;
	background-color: #ea6448;
	text-align: center;
}
.shrink:hover
{
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

/*=====Chayachitre Section CSS=====*/

.middle-wrapper-subdiv-chayachitre
{
	width: 100%;
	margin-top: 60px;
}

.chayachitre-common-textbox
{
  width: auto;
  height: auto;
  /*position: relative;
  display: block;*/
  margin: 15px 0px 15px 0px;
  border-style: solid;
  border-color: red;
  border-width: 2px;
  background-color: lightgray;
}

.chayachitre-textbox-text-align-left
{
	padding: 30px 60px 30px 60px;
	text-align: left;
}

.middle-div-gallery-iamages
{
  height: auto;
  width: 100%;
  display: inline-block;
}

.middle-div-gallery-subdiv
{
	width: 100%;
	height: 30px;
	margin: 5px 0px 5px 0px;
	border-style: inset;
	border-color: #3b4990;
	background-color: #3b4990ab;
	text-align: center;
	color: white;
}

.middle-div-gallery-subdiv-1
{
	width: 100%;
	height: 45px;
	margin: 15px 0px 15px 0px;
	border-style: inset;
	border-color: #3b4990;
	background-color: #3b4990;
	text-align: center;
	padding-top: 5px;
	color: white;
}

.media-div-wrapper
{
	width: auto;
	height: auto;
	margin: 50px;
	Padding: 10px;
}

.media-shadow-box
{
	width:265px;
	height:200px;
	padding: 30px;
	margin: 10px;
	background:#f7941db8;
	display: inline-block;
	transition:all 0.3s ease;
}

.media-shadow-box:hover
{
        box-shadow: inset 0 0 0 6px #3b4990;
}

.media-shadow-box-text
{
	text-align: center;
	margin-top: 50px;
}

/*===== load automatically open the lightbox popup =====*/

#popupmain
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(10,10,10,0.50);
	z-index: 999999;
}

#popup
{
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 2px 2px 5px 3px black;	
}

#scroll-div
{
	width: auto;
	height: 580px;
	overflow: hidden;
	overflow-y: scroll;
}

.submit-close
{
	width: 32px;
	height: 65px;
	background-color: #fff;
	border: none;
	position: absolute;
	cursor: pointer;
	right: 32px;
	top: 0px;
}

.submit-close:hover {
  opacity: 1;
}

.submit-close:before, .submit-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

.submit-close:before {
  transform: rotate(45deg);
}
.submit-close:after {
  transform: rotate(-45deg);
}

/*===== For Full Width Banner Image (Whenever applying on the page) =====*/

.banner-div 
{
    width: 100%;
	height: auto;
    margin: 40px 0px 0px 0px;
    display: block;
    position: relative;
}

.marquee-div
{
	/* padding: 5px 0px 0px 0px !important; */
}

.freedam-logo-div
{
	display: block;
	float: right;
}