/*!
Theme Name: Microsite
Author: WMI Team
Description: Custom wordpress theme use for micro websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: microsite
*/

/* Add your custom styles here */


.main-nav {
    background: #fff;
    z-index: 3;
    padding: 0
}

@media(max-width:991.98px) {
    .main-nav {
        background: #fff;
        padding: 10px 15px
    }
}

@media(max-width:1199.98px) {
    .main-nav .navbar-nav {
        text-align: right
    }
}

.main-nav .navbar-nav>.nav-item>.nav-link {
    font-size: 14px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 23px;
    padding-right: 23px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    opacity: 1 !important
}

.main-nav .navbar-nav>.nav-item>.nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #ba101d;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
    z-index: -1
}

.main-nav .navbar-nav>.nav-item>.nav-link:hover {
    color: #fff
}

.main-nav .navbar-nav>.nav-item>.nav-link:hover:before {
    visibility: visible;
    background-color: #ba101d;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media(max-width:991.98px) {
    .main-nav .navbar-nav>.nav-item>.nav-link {
        padding-left: 0;
        padding-right: 0;
        padding-top: .9rem;
        padding-bottom: .9rem;
        color: #fff
    }
    .main-nav .navbar-nav>.nav-item>.nav-link:hover {
        color: #ba101d
    }
    .main-nav .navbar-nav>.nav-item>.nav-link:hover:before {
        display: none
    }
}

.main-nav .navbar-nav>.nav-item .dropdown-menu {
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);
    box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);
    border-radius: 4px
}

.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item {
    font-size: 12px;
    color: #000
}

.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item:hover,
.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item:focus {
    background: 0;
    color: #fff
}

.main-nav .navbar-nav>.nav-item.cta>a {
    color: #fff;
    background: #ba101d;
    border-radius: 0
}

.main-nav .navbar-nav>.nav-item.active>a {
    color: #fff
}

.main-nav .navbar-nav>.nav-item.active>a:before {
    visibility: visible;
    background-color: #ba101d;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media(max-width:991.98px) {
    .main-nav .navbar-nav>.nav-item.active>a {
        color: #ba101d
    }
    .main-nav .navbar-nav>.nav-item.active>a:before {
        display: none
    }
}


.main-nav .navbar-toggler:focus {
    outline: none !important
}

.animation-nav {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}



.footer {
    overflow: hidden;
    clear: both
}

.footer .footer-widget h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700
}

.footer .footer-widget .footer-contact i {
    font-size: 18px
}

.footer .footer-widget .footer-contact .icon {
    padding-top: 5px;
    width: 30px
}

.footer .footer-widget .footer-contact .icon,
.footer .footer-widget .footer-contact span {
    display: table-cell
}

.footer .footer-widget .footer-contact li a {
    white-space: nowrap
}

.footer .footer-widget .footer-form .form-control {
    color: #fff;
    background: transparent
}

.footer .footer-widget .footer-form .form-control::-webkit-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control:-ms-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control::-ms-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control::placeholder {
    color: #b1b1b1
}

.footer .footer-widget .btn-primary {
    background: #fff !important;
    border: 2px solid #fff !important
}

.footer .footer-widget .btn-primary:hover {
    background: #fff;
    border: 2px solid #fff !important
}

.footer p {
    color: #fff
}

.footer a {
    color: #fff
}

.footer a:hover {
    color: #ba101d
}

.footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block
}

.footer-social li a {
    color: #000;
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    background: #fff;
    border-radius: 50%;
    position: relative
}

.footer-social li a span {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer-social li a:hover {
    color: #ba101d
}

.footer-small-nav>li {
    display: inline-block
}

.footer-small-nav>li a {
    margin: 0 10px 10px 0
}

.footer-small-nav>li a:hover,
.footer-small-nav>li a:focus {
    color: #ba101d
}

@media(max-width:991.98px) {
    .mb_design {
        display: block
    }
}
.mb_design {
    display: none
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff;
    background-color: #ba101d;
    text-decoration: none;
}

.nav-wrap .ml-auto .sticky_li {display: block;background-color: #4a8ead;padding: 0px 20px;border-radius: 8px;font-weight: bold;}
.nav-wrap .ml-auto .sticky_li a , .nav-wrap .ml-auto .sticky_li a:hover{font-size: 19px;letter-spacing: 1px;text-decoration:none;}
@media (max-width: 600px) {
  .nav-wrap .ml-auto .sticky_li {display: none;}
  .main-nav button:focus, .main-nav button:hover {color: #fff;background-color: transparent; margin-right: 10px;padding-right: 0px;}
	.main-nav .navbar-collapse ul li{text-align: center;}
	.main-nav .navbar-collapse ul li:hover{    background-color: #007bff;color:#fff;}
	.navbar-brand {margin: 0 auto !important;}
	.navbar-brand {margin: 0 auto !important;}
	
}
 
.main-nav .navbar-nav>.current-menu-item>a:before {
    background-color:  #ae1e41 !important;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    transition: all .3s;
}
.menu-main-menu-container ul, .contact-list{
	list-style: none;
	padding-left: 0;
} 
/* Second CSS */


.main-nav {
    background: #000;
    z-index: 3;
    padding: 0
}

@media(max-width:991.98px) {
    .main-nav {
        background: #000;
        padding: 10px 15px
    }
}

@media(max-width:1199.98px) {
    .main-nav .navbar-nav {
        text-align: right
    }
}

.main-nav .navbar-nav>.nav-item>.nav-link {
    font-size: 14px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 23px;
    padding-right: 23px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    opacity: 1 !important
}

.main-nav .navbar-nav>.nav-item>.nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #ba101d;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
    z-index: -1
}

.main-nav .navbar-nav>.nav-item>.nav-link:hover {
    color: #fff !important;
}

.main-nav .navbar-nav>.nav-item>.nav-link:hover:before {
    visibility: visible;
    background-color: #ba101d;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media(max-width:991.98px) {
    .main-nav .navbar-nav>.nav-item>.nav-link {
        padding-left: 0;
        padding-right: 0;
        padding-top: .9rem;
        padding-bottom: .9rem;
        color: #fff
    }
    .main-nav .navbar-nav>.nav-item>.nav-link:hover {
        color: #ba101d
    }
    .main-nav .navbar-nav>.nav-item>.nav-link:hover:before {
        display: none
    }
}

.main-nav .navbar-nav>.nav-item .dropdown-menu {
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);
    box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);
    border-radius: 4px
}

.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item {
    font-size: 12px;
    color: #000
}

.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item:hover,
.main-nav .navbar-nav>.nav-item .dropdown-menu .dropdown-item:focus {
    background: 0;
    color: #fff
}

.main-nav .navbar-nav>.nav-item.cta>a {
    color: #fff;
    background: #ba101d;
    border-radius: 0
}

.main-nav .navbar-nav>.nav-item.active>a {
    color: #fff
}

.main-nav .navbar-nav>.nav-item.active>a:before {
    visibility: visible;
    background-color: #ba101d;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media(max-width:991.98px) {
    .main-nav .navbar-nav>.nav-item.active>a {
        color: #ba101d
    }
    .main-nav .navbar-nav>.nav-item.active>a:before {
        display: none
    }
}

@media(max-width:575.98px) {
    .navbar-brand {
        margin: 0 auto
    }
}

.footer .footer-widget h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700
}

.footer .footer-widget .footer-contact i {
    font-size: 18px
}

.footer .footer-widget .footer-contact .icon {
    padding-top: 5px;
    width: 30px
}

.footer .footer-widget .footer-contact .icon,
.footer .footer-widget .footer-contact span {
    display: table-cell
}

.footer .footer-widget .footer-contact li a {
    white-space: nowrap
}

.footer .footer-widget .footer-form .form-control {
    color: #fff;
    background: transparent
}

.footer .footer-widget .footer-form .form-control::-webkit-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control:-ms-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control::-ms-input-placeholder {
    color: #b1b1b1
}

.footer .footer-widget .footer-form .form-control::placeholder {
    color: #b1b1b1
}

.footer .footer-widget .btn-primary {
    background: #fff !important;
    border: 2px solid #fff !important
}

.footer .footer-widget .btn-primary:hover {
    background: #fff;
    border: 2px solid #fff !important
}

.footer p {
    color: #fff
}

.footer a {
    color: #fff
}

.footer a:hover {
    color: #ba101d
}

.footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block
}

.footer-social li a {
    color: #000;
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    background: #fff;
    border-radius: 50%;
    position: relative
}

.footer-social li a span {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer-social li a:hover {
    color: #ba101d
}

.footer-small-nav>li {
    display: inline-block
}

.footer-small-nav>li a {
    margin: 0 10px 10px 0
}

.footer-small-nav>li a:hover,
.footer-small-nav>li a:focus {
    color: #ba101d
}

.footer a:hover {
    color: #000
}


.mb_design {
    display: none
}
.rendered img{width: 100%;}

.breadcrumb a {
    color: #ba101d;
}
.breadcrumb {
    background-color: transparent !important;
}
.main-nav {background:#000; z-index:3; padding:0}
.main-nav .navbar-nav >.nav-item >.nav-link {font-size:14px; padding:12px 20px; font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:1px; position:relative; opacity:1 !important}
.main-nav .navbar-nav >.nav-item >.nav-link:before {content:""; position:absolute; width:100%; height:100%; bottom:0; left:0; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; z-index:-1}
.main-nav .navbar-nav >.nav-item >.nav-link:hover:before {visibility:visible; background-color: #ae1e41; -webkit-transform:scaleX(1); transform:scaleX(1)}
.quote-form input.wpcf7-submit {min-width:100px}
input, optgroup, select, textarea {width:100%; padding:0.5rem 1rem}
.main-nav .navbar-nav >.nav-item .dropdown-menu {border:0; background:#fff; -webkit-box-shadow:0 10px 34px -20px rgba(0,0,0,0.41); box-shadow:0 10px 34px -20px rgba(0,0,0,0.41); border-radius:4px}
/* .main-nav .navbar-nav >.nav-item .dropdown-menu .dropdown-item {font-size:12px; color:#000} */
.main-nav .navbar-nav >.nav-item .dropdown-menu .dropdown-item {
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
}
.main-nav .navbar-nav >.nav-item .dropdown-menu .dropdown-item:hover, .main-nav .navbar-nav >.nav-item .dropdown-menu .dropdown-item:focus {background:0; color:#fff}
.main-nav .navbar-nav >.nav-item.cta >a {color:#fff; background:#ba101d; border-radius:0}
.main-nav .navbar-nav >.nav-item.active >a {color:#fff}
.main-nav .navbar-toggler:focus {outline:none !important; box-shadow:none}
.ms-auto {
    margin-left: auto!important;
}
@media (max-width:991.98px) {
  .main-nav .navbar-nav >.nav-item >.nav-link {padding-left:0; padding-right:0; padding-top:0.9rem; padding-bottom:0.9rem; color:#fff}
  .main-nav .navbar-nav >.nav-item >.nav-link:hover, .main-nav .navbar-nav >.nav-item >.nav-link.active {color:#ba101d}
  .main-nav .navbar-nav >.nav-item >.nav-link:hover:before {display:none}
  .main-nav .navbar-nav >.nav-item.active >a {color:#ba101d}
  .main-nav .navbar-nav >.nav-item.active >a:before {display:none}
 }
 @media (min-width:992px) {
  .main-nav .navbar-nav >.nav-item >a.nav-link.active:before {visibility:visible; background-color:#ba101d; -webkit-transform:scaleX(1); transform:scaleX(1)}
}

.animation-nav {-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}

@media only screen and (max-width: 768px){
.nav-wrap{
	display:block;
}
	
.navbar-brand{
	display:block !important;		
	}
}


.mb_design, .nav-wrap .mx-auto .sticky_li, h1.entry-title {
    display: none;
}

.nav-wrap .sticky_li {
    display: block;
    background-color: #df90be;
    padding: 0 20px;
    border-radius: 8px;
    font-weight: 700;
    margin-left: 15px;
}
