/*Customized Change for Page width*/
.mkdf-container-inner {
    /*width: 100%!important;*/
	}

/*Customized Change for Color*/

.franklin-red{color: #BE280D!important;}
.franklin-black{color: #231F20!important;}
.franklin-white{color: #FFFFFF!important;}
.franklin-gray{color: #F2F2F2!important;}
.franklin-green{color: #006844!important;}

/*Customized Change for margin*/

.margin_top_0{margin-top:0px;}
.margin_top_2{margin-top:2%;}
.margin_top_5{margin-top:5%;}
.margin_top_10{margin-top:10%;}
.margin_top_30{margin-top:-30px;text-align:center;}

.margin_right_0{margin-right:0px;}
.margin_right_2{margin-right:2%;}
.margin_right_5{margin-right:5%;}
.margin_right_10{margin-right:10%;}
.margin_right_15{margin-right:15%;}

.margin_bottom_0{margin-bottom:0px;}
.margin_bottom_2{margin-bottom:2%;}
.margin_bottom_5{margin-bottom:5%;}
.margin_bottom_10{margin-bottom:10%;}

.margin_left_0{margin-left:0px;}
.margin_left_2{margin-left:2%;}
.margin_left_5{margin-left:5%;}
.margin_left_10{margin-left:10%;}
.margin_left_30{margin-left:30%!important;}
.margin_left_32{margin-left:32%!important;}
.margin_left_37{margin-left:37%!important;}

/*Customized Change for padding*/

.padding_top_0{padding-top:0px;}
.padding_top_2{padding-top:2%;}
.padding_top_5{padding-top:5%;}
.padding_top_10{padding-top:10%;}

.padding_right_0{padding-right:0px;}
.padding_right_2{padding-right:2%;}
.padding_right_5{padding-right:5%;}
.padding_right_10{padding-right:10%!important;}
.padding_right_15{padding-right:15%;}

.padding_bottom_0{padding-bottom:0px;}
.padding_bottom_2{padding-bottom:2%;}
.padding_bottom_5{padding-bottom:5%;}
.padding_bottom_10{padding-bottom:10%;}

.padding_left_0{padding-left:0px;}
.padding_left_2{padding-left:2%;}
.padding_left_5{padding-left:5%;}
.padding_left_10{padding-left:10%;}

.franklin-bold{font-weight:bold;}

/*Customized Change for Footer*/

.footer-address{
margin: 0px 0px 0px 0px!important;
font-weight:bold!important;
line-height:1em!important;
}

.footer-bottom-logo{height:40px!important;}
.mkdf-footer-bottom-holder{color:#333333!important;background-color:#333333!important;}

/*Customized Change for Header*/

.mkdf-top-bar{background-color:#BE280D!important;}
/*.mkdf-menu-area{background-color:#231F20!important;}*/
.mkdf-top-header-enabled .mkdf-page-header .mkdf-menu-area:before{background-color:#FFFFFF!important;}

/*Customization for header top bar personalization button*/

.top-bar-personalization-links{color:#FFFFFF!important;}
.top-bar-personalization-links:hover{color:#000000!important;}
.social-icon-area{width:163px!important;}
.top-bar-personalization-alignment{/*padding-right:25px!important;*//*padding-top:5%!important;*/ word-wrap: normal; display: inline-block; vertical-align: middle; height: 100%;}
.header-top-follow-font{font-size: 17px;}

/*Customized Change for Homepage Scrolling Text*/

.scrol1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.scrol1 p {
 font-size: 1.1em;
 color: #FFFFFF;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scrol1 40s linear infinite;
 -webkit-animation: scrol1 40s linear infinite;
 animation: scrol1 40s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrol1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrol1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrol1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.scrolling-text-home-top{background-color:#BE280D;}


/*Customized change for menu*/
input.wpcf7-form-control.wpcf7-submit{background-color: #BE280D!important; border: 2px solid #BE280D!important; font-family: 'Open Sans'!important;}
.mkdf-main-menu ul li a:hover{color:#000!important;}
.ubermenu .ubermenu-item.ubermenu-item-352 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-350 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-351 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-353 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-356 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-359 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-360 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-416 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-367 > .ubermenu-target {
    color: #be2827;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-368 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-369 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}

.ubermenu .ubermenu-item.ubermenu-item-372 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-375 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-361 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-362 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-377 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-379 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-382 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-383 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-381 > .ubermenu-target {
    color: #BE280D!important;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4557 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-354 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-355 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-357 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-358 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-363 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-364 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-365 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-366 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4772 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4788 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4793 > .ubermenu-target {
    color: #BE280D;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4804 > .ubermenu-target {
    color: #BE280D!important;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4809 > .ubermenu-target {
    color: #BE280D!important;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4810 > .ubermenu-target {
    color: #BE280D!important;
font-size:15px;
}
.ubermenu .ubermenu-item.ubermenu-item-4811 > .ubermenu-target {
    color: #BE280D!important;
font-size:15px;
}

.ubermenu .ubermenu-item.ubermenu-item-340 > .ubermenu-target ::selection{color:#BE280D;}

.ubermenu .ubermenu-item.ubermenu-item-343 > .ubermenu-target{color: #000000;}

.ubermenu-responsive-toggle{padding-right:10px!important;}

/*Customization for Contact Form*/
.wpcf7-form-control.wpcf7-text{background-color: #FFF!important;
    box-shadow: 0 1px 1px #EFEFEF!important;
    border-radius: 2px!important;
    color: #a7abae!important;
    /*font: 14px/24px "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-weight: normal!important;
    font-style: normal!important;
    padding: 0px 0px!important;
}
.wpcf7-form-control .wpcf7-textarea{background-color: white!important;}
input.wpcf7-form-control.wpcf7-submit{border-color: #BE280D!important;font-size:16px!important;}

/*Customization for 404 page*/

.footer-logo{width:100px!important;}

/*Customization for Separator/Divider*/

.vc_separator .vc_sep_holder{color:#BE280D!important;}


/*Customization for sidebar*/
.custom-position{margin-top:60%!important;width:120%!important;}

/********************************************************Customization for Contact Us page Image**********************************************************************************************/
.container-contactus-image{
  /*padding: 1em 0;
  float: left;
  width: 50%;*/
width: 100%;
}
@media (min-width: 240px) and (max-width: 736px) {

p.mkdf-mg-item-text {
    display: none !important;
}
h2.mkdf-mg-item-title.entry-title {
    font-size: 23px;
    line-height: 1.9em;
}
}
@media screen and (max-width: 640px){
  .container-contactus-image{
    display: block;
    width: 100%;
  }

 
}

@media screen and (min-width: 900px){
  /*.container{
    width: 33.33333%;
  }*/
}

.container-contactus-image .title-contactus-image{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content-contactus-image {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content-contactus-image .content-contactus-image-overlay {
  /*background: rgba(0,0,0,0.7);*/
  background: rgba(54,54,54,.6);
  position: absolute;
  /*height: 99%;*/
  height: 94%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content-contactus-image:hover .content-contactus-image-overlay{
  opacity: 1;
}

.content-image{
  /*width: 100%;*/
}

.content-details-contactus-image {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-contactus-image:hover .content-details-contactus-image{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details-contactus-image h5{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  /*text-transform: uppercase;*/
}

.content-details-contactus-image p{
  color: #fff;
  font-size: 0.8em;
font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
}

.fadeIn-bottom-contactus-image{
  top: 80%;
}

/*.fadeIn-top-contactus-image{
  top: 20%;
}

.fadeIn-left-contactus-image{
  left: 20%;
}

.fadeIn-right-contactus-image{
  left: 80%;
}*/

/*Customize list style with logo*/
.logo-style li{background-image: url(https://www.franklincountyengineer.org/wp-content/uploads/2016/04/FCEO-favicon-06-1.png);
background-repeat: no-repeat;
background-position: 0.5em;
padding:8px 40px 0;
list-style-type: none;
}


/*Customize Button*/
.franklin-button-red{background-color: #be280d; color: #ffffff; padding: 4px; border-radius: 5px;}

/*Drainage Page Button*/
.franklin-drainage-button{color:#006844!important;border-color:#006844!important;}

/*Footer Labels*/
.footer-label{background: rgba(0,0,0,0.1); padding: 1px 10px 1px 10px;}
.footer-links{color: #ffdc51; font-weight: bold; font-size: 17px;}
.v-align-m{vertical-align: middle;}

/*Sidebar Heading*/
.sidebar-heading{background: rgba(0,0,0,0.1); padding: 1px 10px 1px 10px;}
.sidebar-heading-link{font-weight: bold; font-size: 17px;}

/*Contact Us Menu*/
.tr-style{border:0px;}
.text-align-left{text-align:left;}
.text-align-left-line-height{text-align:left;line-height:1.1em;}
.table-width{width:95%;}
.style-none{display:none;}
.v-align-border{border:0px;vertical-align:top;}
.v-align{vertical-align:top;}

/*Top Header Font Size*/
.top-header-font{font-size:14px;}

/*Social Sidebar*/
.fts-jal-fb-group-header-desc{color:#FFFFFF!important;}
.fts-jal-fb-message{color:#FFFFFF!important;}