/*!
Design by Alphasquad Inc.
(http://danangalvaris.com)
Description: Harley Davidson - Landing Page
Version: 4.2 - 2024
*/
@font-face
{
    font-family: '1930sans';
    src: url("../fonts/1903Sans-Regular.ttf");
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .table-header {
    font-family: '1930', sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}
strong {font-weight: bold!important}
/*   color  
===================================*/
/*   background color   */
.bg-blue1 {
	background-color: #004780;
}
.bg-blue2 {
	background-color: #9fdac6;
}
.bg-blue2b {
	background-color: #d6dfe8;
}
.bg-blue3 {
	background-color: #83c2f7;
}
.bg-red1 {
	background-color: #ff3334;
}
.bg-red2 {
	background-color: #c23333;
}
.bg-purple1 {
	background-color: #4444bc;
}
.bg-purple2 {
	background-color: #7474e8;
}
.bg-purple3 {
	background-color: #adabfd;
}
.bg-grey1 {
	background-color:#dbe1e1;
}
.bg-grey2 {
	background-color: #b3bdbe;
}
.bg-grey3 {
	background-color: #677275;	
}
.bg-grey4 {
	background-color: #2e3e44;	
}
.bg-white {
	background-color: #ffffff;
}
.bg-black1 {
	background-color: #3a3e4a;
}
.bg-black2 {
	background-color: #252934;
}
.bg-black3 {
	background-color: #262733;
}
.bg-yellow {
	background-color:#FFC600;
}
.bg-orange {
	background-color:#fa6600;
}
.bg-green {
	background-color:#26d367;
}
.bg-lightgrey{
	background-color:#f8f8f8;
}
.bg-lightblue{
	background-color:#f6faff;
}
.bg-darkblue{
	background-color:#0d3747;
}
.bg-sectionblue{
	background-color:#83c2f742;
}
.bg-trans {
	background-color: rgba(255,255,255,0.39);
}
.bg-shadow{
	-webkit-box-shadow: 0 1px 3px rgba(104,104,104,1);
	-moz-box-shadow: 0 1px 3px rgba(104,104,104,1);
	box-shadow: 0 1px 3px rgba(104,104,104,1);
}
.bg-footer {
	background: url(../img/logoicon/footer.jpg) center no-repeat;
    background-size: cover;
}
.bg-workshop {
    background: url("../img/home/workshop.jpg") no-repeat center;
    background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -3;
}
.bg-hover img {
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.bg-hover:hover img {
    filter: grayscale(100%);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.hover-red:hover {
	background-color:#ff3334;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.hover-blue:hover {
	background-color:#0b6b8e;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.hover-purple:hover {
	background-color:#adabfd;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.hover-image {
	background-color:#000000;
	opacity: 0.5;
	width: 100%;
    height: 100%;
    position: absolute;
}
a.bg-productitem:hover .hover-image {
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.bg-bottom30 {
	background: linear-gradient(to bottom, #ffffff 70%, #d6dfe8 30%);
}
.bg-top30 {
	background: linear-gradient(to bottom, #d6dfe8 30%, #ffffff 0%);
}
.bg-bottom70 {
	background: linear-gradient(to bottom, #ffffff 30%, #d6dfe8 70%);
}
.bg-top70 {
	background: linear-gradient(to bottom, #d6dfe8 70%, #ffffff 30%);
}
.btn-triangle:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #00b83d transparent;
}
/*   text color   */
.txt-blue1 {
	color: #004780;
}
.txt-blue2 {
	color: #25aae2;
}
.txt-blue3 {
	color: #83c2f7;
}
.txt-red1 {
	color: #ff3334;
}
.txt-red2 {
	color: #c23333;
}
.txt-purple1 {
	color: #4444bc;
}
.txt-purple2 {
	color: #7474e8;
}
.txt-purple3 {
	color: #adabfd;
}
.txt-black {
	color: #3a3e4a;
}
.txt-grey1 {
	color:#dbe1e1;	
}
.txt-grey2 {
	color: #b3bdbe;
}
.txt-grey3 {
	color: #677275;	
}
.txt-grey4 {
	color: #2e3e44;	
}
.txt-white {
	color: #ffffff;
}
.txt-black1 {
	color: #3a3e4a;
}
.txt-black2 {
	color: #252934;
}
.txt-black3 {
	color: #262733;
}
.txt-yellow {
	color:#FFC600;
}
.txt-orange {
	color:#fa6600;
}
.txt-shadow{
	-webkit-text-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
	-moz-text-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
	text-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
}
.border-orange {
	border-color:#fa6600;
}
/*   button color   */
small {
	font-size: 90%;
}
a {
	color:#004780;
}
.txt-blue1.active {
	color:#ffffff;
}
.btn.focus, .btn:focus {
	box-shadow:none;
}
.btn {
    font-weight: 400;
	font-size: 13px;
    border-radius: 10px!important;
	/*border-radius:1px!important;*/
}
.btn-alpha_white {
	color: #004780;
	background-color: #ffffff;
	border-color: #ffffff;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_white:hover,
.btn-alpha_white:focus,
.btn-alpha_white.focus,
.btn-alpha_white:active,
.btn-alpha_white.active,
.open > .dropdown-toggle.btn-alpha_white {
  color: #ffffff;
  background-color: #004780;
  border-color: #ffffff;
}
.btn-alpha_white:active,
.btn-alpha_white.active,
.open > .dropdown-toggle.btn-alpha_white {
  background-image: none;
}
.btn-alpha_whiteline {
	color: #004780;
	background-color: #ffffff;
	border-color: #004780;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_whiteline:hover,
.btn-alpha_whiteline:focus,
.btn-alpha_whiteline.focus,
.btn-alpha_whiteline:active,
.btn-alpha_whiteline.active,
.open > .dropdown-toggle.btn-alpha_whiteline {
  color: #ffffff;
  background-color: #004780;
  border-color: #004780;
}
.btn-alpha_whiteline:active,
.btn-alpha_whiteline.active,
.open > .dropdown-toggle.btn-alpha_whiteline {
  background-image: none;
}
.btn-alpha_blue {
	color: #ffffff;
	background-color: #0b6b8e;
	border-color: #0b6b8e;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_blue:hover,
.btn-alpha_blue:focus,
.btn-alpha_blue.focus,
.btn-alpha_blue:active,
.btn-alpha_blue.active,
.open > .dropdown-toggle.btn-alpha_blue {
  color: #ffffff;
  background-color: #25aae2;
  border-color: #25aae2;
}
.btn-alpha_blue:active,
.btn-alpha_blue.active,
.open > .dropdown-toggle.btn-alpha_blue {
  background-image: none;
}
.btn-alpha_yellow {
	color: #ffffff;
	background-color: #FFC600;
	border-color: #FFC600;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_yellow:hover,
.btn-alpha_yellow:focus,
.btn-alpha_yellow.focus,
.btn-alpha_yellow:active,
.btn-alpha_yellow.active,
.open > .dropdown-toggle.btn-alpha_yellow {
  color: #FFC600;
  background-color: #ffffff;
  border-color: #FFC600;
}
.btn-alpha_yellow:active,
.btn-alpha_yellow.active,
.open > .dropdown-toggle.btn-alpha_yellow {
  background-image: none;
}
.btn-alpha_purple {
	color: #ffffff;
	background-color: #7474e8;
	border-color: #7474e8;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_purple:hover,
.btn-alpha_purple:focus,
.btn-alpha_purple.focus,
.btn-alpha_purple:active,
.btn-alpha_purple.active,
.open > .dropdown-toggle.btn-alpha_purple {
  color: #ffffff;
  background-color: #acacfd;
  border-color: #acacfd;
}
.btn-alpha_purple:active,
.btn-alpha_purple.active,
.open > .dropdown-toggle.btn-alpha_purple {
  background-image: none;
}
.btn-alpha_subscribe {
	color: #ffffff;
	background-color: #3a3e4a;
	border-color: #3a3e4a;
	border-radius:25px!important;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_subscribe:hover,
.btn-alpha_subscribe:focus,
.btn-alpha_subscribe.focus,
.btn-alpha_subscribe:active,
.btn-alpha_subscribe.active,
.open > .dropdown-toggle.btn-alpha_subscribe {
  color: #ffffff;
  background-color: #004780;
  border-color: #004780;
}
.btn-alpha_subscribe:active,
.btn-alpha_subscribe.active,
.open > .dropdown-toggle.btn-alpha_subscribe {
  background-image: none;
}
.btn-alpha_orange {
	border-radius: 30px; /* Adjust this value for more or less curve */
    padding: 10px 20px; /* Adjust padding as needed */
    transition: background-color 0.3s ease;
	color: #ffffff;
	background-color: #fa6600;
	border-color: #fa6600;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.btn-alpha_orange:hover,
.btn-alpha_orange:focus,
.btn-alpha_orange.focus,
.btn-alpha_orange:active,
.btn-alpha_orange.active,
.open > .dropdown-toggle.btn-alpha_orange {
  color: #fa6600;
  background-color: #ffffff;
  border-color: #fa6600;
}
.btn-alpha_orange:active,
.btn-alpha_orange.active,
.open > .dropdown-toggle.btn-alpha_orange {
  background-image: none;
}
.btn-rad {
	border-radius:3px!important;	
}
/*   End color  
===================================*/
/* === general use === */
.navalpha, .navalpha .btn {
		font-family: 'Roboto'!important;
		font-size:14px!important;
		font-weight:700!important;
		
	}
.navalpha .nav-link {
	border-bottom:1px solid transparent;
	color:#3a3e4a;
	color: #7a8390;
    text-decoration: none;
    -webkit-transition: color .4s cubic-bezier(.165,.84,.44,1);
    -o-transition: color .4s cubic-bezier(.165,.84,.44,1);
    transition: color .4s cubic-bezier(.165,.84,.44,1);
}
.navalpha .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #b5121b;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
    transition: -webkit-transform 1s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform 1s cubic-bezier(.165,.84,.44,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.openingpage {
  padding-bottom: 40px;
}
.logoalpha {
	background:url("../img/logoicon/logo_l.png") no-repeat;
	background-size:cover;
	width: 170px;
    height: 44px;
	/*margin-top:15px;*/
}
.affix .logoalpha {
	background:url("../img/logoicon/logo_p.png") no-repeat;
	background-size:cover!important;
	margin-top: 0;
    width: 50px;
    height: 50px;
}
	body {
		background: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}
	html {
		height: 100%;
	}
	a {
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	.framesection {
		padding:0 25px;
	}
	.sectionalpha {
		padding:25px 0;
		position:relative;
	}
	.page-header {
		padding-bottom: 9px;
		margin: 20px 0 10px;
		/*border-bottom: 1px solid rgba(238, 238, 238, 0.1);*/
	}
	.img-about {
		width:100%	
	}
	.img-70 {
		width:70%;	
	}
	.feature-image {
		height:250px;
		margin-top: 25px;
	}
	.bordertext15, .bordertext5 {
		display: block;
		width: 100%;
		margin: 15px 0 20px;
	}
	.bordertext15 span, .bordertext5 span {
		display: inline-block;
		border-top: 4px solid #fa6600;
	}
	.bordertext5 span {
		width: 5%;
	}
	.bordertext15 span {
		width: 15%;
	}
	.limittitle h5{
		line-height: 1.1;
		max-height: 2.8rem;
		height: 2.8rem;
		overflow: hidden;
	}
	.limittitle p{
		line-height: 1;
		max-height: 1.8rem;
		height: 2rem;
		overflow: hidden;
	}
	.arrow-down {
		position: absolute;
		top: 0;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #f8f8f8;
		left: 50%;
		margin-left: -30px;
	}
	.mediapdf {
		margin: 0 auto;
		height:78vh;
		width:100%;
	}
	.limitlist {
		max-height: 242px;
		overflow: hidden;
		overflow-y: auto;	
	}
	.cardlist .view {
		height:100px;
		overflow:hidden;	
	}
	.cardlist .card-body {
	}
	.help {
		position: fixed;
		right: 0px;
		bottom: 0px;
		z-index:3;
	}
	.navspacer {
		margin-top:50px;	
	}
	
	.card-home {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow:hidden;
	}
	.card-gradient {	
		background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
	}
.typewriter h2 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}
/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
.hotdeal {
    /*position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;*/
    z-index: 1;
    display: block;
}
/* === End general use === */


/* === Back to Top === */
.backtotop {
	bottom:90px!important;
}
.backtotop {
	position:fixed;
	bottom:13px;
	right:-90px;
	z-index:999;
	-webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
.backtotop a {
	background:#f5f5f5;
	padding: 3px 10px;
	width:90px;
	float:left;
	font-weight: 400;
	overflow:hidden!important;
	color:#3a3e4a;
	font-size:13px;
}
.backtotop a:hover {
	text-decoration:none;
	color:#004780;
}
.backtotop p {
	background:rgba(102, 102, 102, 0.15);
	padding: 3px 5px;
	float:left;
	margin:0;
}
.backtotop:hover {
	right:0;
}
.backtotop:hover .bttcaret {
	border-top: 8px solid transparent;
	border-right: 0 dotted;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #004780;
}
.bttcaret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 0 dotted;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #004780;
	border-left: 8px solid transparent;
	-webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
/* === end Back to Top === */
/* === Affix Top === */
.affix {
	width: 100%;
	-webkit-animation: fadeInDown 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
	animation: fadeInDown 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
	box-shadow: 0 8px 8px -4px rgb(0 71 128 / 50%);
	padding-top: 0;
	padding-bottom:0;
	
}
/* === End Affix Top === */
/* === gmap coy === */
#mapalpha {
	padding-top:0;
}
.gm-style .gm-style-iw-c {
	background-color:#25aae2;
	border-radius:0;
}
.gm-style .gm-style-iw-t::after {
	background-color:#25aae2;
}
.gm-style .gm-style-iw-d {
	overflow:auto!important;	
}
.gm-style .gm-style-iw-d div {
	padding-right:20px;
}
#map_canvas {
width: 100%;
height: 400px;
}
.map_acc {
width: auto;
height: 400px;
overflow: auto;
}
.controls_title {
 	color:#3a3e4a;	
}
.ullist {
	width: 100%;
}
.tab-content {
	margin: 0 0 20px;
}
.menu .ullist li {
	width: 49%;
	float: left;
	margin-right: 1%
}
.menu .ullist li.active a,
.menu .ullist li a:hover {
	color: #004780 !important;
	background-color: #eee !important;
}
.tabs .ullist li a{
	padding: 0px 23.8px !important;
}
.tabs .ullist li a:hover {
	color: #004780 !important;
	background-color: transparent !important;
}
.tabs .ullist li.active a{
	font-weight: bold;
	color: #3c3c3c !important;
	background-color: #fff !important;
}
.ullist li.active a {
	font-weight: bold;
}
.ullist li.active a,
.ullist li a:hover {
	color: #004780 !important;
	background-color: #eee !important;
}
.gmap {
	height: 390px;
	width: 100%;
	padding: 0;
	border: none;
	font-size: 90%;
	/*margin-bottom:20px;*/
}
.gmap + .gmap {
	margin: 5px 0;
}
.canvas_map {
	width: 100% !important;
}
.gmap img, .gmap object, .gmap embed { max-width: none; height: auto }
.gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.tabs-content li {
	list-style-type: none !important;
}
#controls-findadealer,
#controls-service,
#controls-era,
#controls-bodyrepair {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#controls-findadealer .ullist,
#controls-service .ullist,
#controls-era .ullist,
#controls-bodyrepair .ullist {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
	height: 320px;
	overflow-y: scroll;
}
#controls-findadealer .wrap_controls,
#controls-service .wrap_controls,
#controls-era .wrap_controls,
#controls-bodyrepair .wrap_controls {
	margin-bottom: 20px;
}
#route table tbody tr td.adp-text {
	padding: 9px 25px;
	vertical-align: middle;
}
.line {
	border-bottom: 3px solid #ddd;
	margin-top: 10px;
}
.gmap h5{
	/*margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	display:inline-block;
	*/
}
.gmap p{
	margin:0;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
}
.gmap p strong{
	font-weight:bold;
	font-size:17px;
	color:#72BCDF;
}
.gmapframe {
	margin:20px 0;	
}
.gmap_controls a span small {
	font-size: 70%;
    color: #004780;
    padding: 3px;
    margin-left: 7px;
    background-color: #f2f2f2;
}
@media only screen and (max-width: 549px) {
	.gmap {
    	height: 250px;
	}
	#controls-findadealer .ullist, #controls-service .ullist, #controls-era .ullist, #controls-bodyrepair .ullist {
		height:150px;
	}
}
/* === end gmap coy === */
/* === Social Media === */
	.socialhomepage .nav-tabs.nav-justified>li>a {
		border-radius: 0;
		margin: 0;
		color: #fff;
		background-color: #25aae2;
		border: 1px solid #25aae2;
	}
	.socialhomepage .nav-tabs.nav-justified>li>a.active,
	.socialhomepage .nav-tabs.nav-justified>li>a.active:focus,
	.socialhomepage .nav-tabs.nav-justified>li>a.active:hover {
		background-color: #0b6b8e;
		color: #ffffff;
		border: 1px solid #0b6b8e;
		border-bottom: 1px solid #0b6b8e;
	}
	.socialcontent {
		height: 330px;
		overflow-x: hidden;
		text-align: center;
		padding-top: 10px;
		border: 1px solid #25aae2;
		border-top-color: transparent;
		background-color: #ffffff;
	}
	.instasuu {
		width:100%!important;
		height:auto;	
	}
	.socialcontent #instasu{
		padding-left: 10px
	}
	.socialcontent.fb-page {
		width: 100%;
		text-align: center;
	}
	.socialcontent.socialcontent #instasu {
		height: 250px;
	}
	.dropcap {
		margin-top: 15px;
	}
	.dropcap p:first-child {
		text-indent:0!important;
		min-height: 38px;
	}
	.dropcap p:first-child:first-letter {
		text-indent:0!important;
		min-height: 55px;
		float: left;
		font-size: 460%;
		line-height: 30px;
		padding-bottom: 0;
		padding-top: 10px;
	}
	.modal-body .indent{
		text-indent:25px;
	}
	.socialfooter {
		width:55px;
		height:55px;
		background-color:#ffffff;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	.socialfooter:hover {
		color:#ffffff;
		background-color:#ee9544;
	}
	.subscribefooter input{
		border-radius: 25px;
		margin-right: -15px;
	}
	.newshome {
		height: 324px;
		overflow-y: auto;
	}
/* === End Social Media === */
.grecaptcha-badge { visibility: hidden; }
/* === responsive ===*/

/* === Custom Fertinnovation === */
.dropdown-menu {
    font-size: 12px !important;
}
.dropdown-item:focus,
.dropdown-item:hover {
    text-decoration: underline !important;
    background-color: #fff;
}

/*---------------------------------------------*/
input {
  outline: none;
  border: none;
}

@media only screen and (min-width:1200px) {
	
}

@media (min-width:992px) {
	.navspacer {
		margin-top:90px;
	}
	.affix-top {
		background-color:#ffffff;
		padding-top:0;
		padding-bottom:0;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	
}
@media (max-width:991px) {
}
@media (min-width:768px) and (max-width:991px) {
 
}
@media only screen and (min-width:768px) {
	.sectionalpha {
        padding: 55px 0
    }
}
@media only screen and (max-width:767px) {

}
@media (min-width:576px) and (max-width:767px) {
	
}
@media only screen and (max-width:575px) {
	
}

.close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.4);
	border: none;
	border-radius: 50%;
	color: white;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.close-btn:hover {
	background-color: rgba(0, 0, 0, 0.7); /* Darken the button on hover */
	transform: scale(1.1); /* Slightly increase the size for a modern feel */
}