/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
    font-family: Inter Bold;
    src: url('fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Inter Medium;
    src: url('fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Inter Regular;
    src: url('fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Inter SemiBold;
    src: url('fonts/Inter-SemiBold.ttf') format('truetype');
}

body {
    font-family: Inter Regular;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Inter Bold;
    color: #2d5e8f;
    font-weight: 700;
}

h1 {
    font-size: 52px;
    line-height: 62px;
}

h2 {
    font-size: 48px;
    line-height: 68px;
}

h3 {
    font-size: 28px;
    line-height: 38px;
}

h4 {
    font-size: 22px;
    line-height: 32px;
}

h5 {
    font-size: 18px;
    line-height: 26px;
}

.top-location {
    font-size: 14px;
    padding-left: 35px;
    position: relative;
	display: inline-block;
}

.top-location:before {
    position: absolute;
    content: url(/wp-content/themes/divi-child/img/location-icon.png);
    left: 0px;
    top: 2px;
    transform: scale(0.3);
    width: 13px;
    height: 13px;
}

.top-link {
    padding: 0px !important;
    display: flex;
    justify-content: space-between;
    width: 80%;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 20%;
}

.top-link li {
    list-style-type: none;
}

.top-link li a {
    color: #fff;
    padding: 17px 21px 16px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 600;
	cursor:pointer;
}

.top-link li a:hover,
.top-link li a.active {
    background: #e32734;
}

.comn-btn {
    font-size: 15px;
    background: #e32734;
    padding: 18px 30px;
    color: #fff;
    font-family: Inter SemiBold;
    border: navajowhite;
    cursor: pointer;
}

.comn-btn:hover {
    background: #000;
}

.choose-box {
    display: flex;
    flex-wrap: wrap;
    align-items: unset;
    justify-content: start;
    border-left: 5px solid #e32734;
}

.choose-box-colum {
    background: #2d5e8f;
    padding: 42px;
	width: 50%;
    text-align: center;
}

.choose-box-colum img {
    width: 70px;
    height: 70px;
}

.choose-box-colum h4 {
    color: #fff;
    font-family: Inter SemiBold;
}

.about-experience {
    display: flex;
    justify-content: space-between;
}

.experience-period h3 {
    font-size: 45px;
    font-weight: 700;
    -webkit-text-stroke: 1px;
    position: relative;
    font-family: 'Inter Bold';
    -webkit-text-stroke-color: #ED6A24;
    color: transparent;
    display: inline-block;
}

.experience-period p {
    font-size: 16px;
    line-height: 44px;
    font-weight: 700;
}

.experience-period h3::after {
    position: absolute;
    content: "";
    background-color: #ed6a2447;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 4px;
    right: -10px;
}

.services-slider,
.testimonial-wrapper {
    overflow: hidden;
    padding:30px 0px;
}

.first-Card {
    background-color: #fff;
    margin: 18px;
    padding: 42px 36px;
    box-shadow: 0px 4px 54px 0px #0000000F;
    min-height: 385px;
}

.testimonial-wrapper .first-Card {
	width:80% !important;
	margin:auto;
}

.first-Card h5 {
    color: #333333 !important;
	text-align:center;
}

.first-Card .rating-star {
	text-align:center;
}

.first-Card p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
	text-align:center;
}

.testimonial-wrapper .first-Card{
    min-height: 330px !important;
    border-radius: 27px;
}

a.learn-more {
    color: #2d5e8f;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}

a.learn-more::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/04/Arrow-1-11.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 200;
    font-size: 0;
    border: none;
    background: #2d5e8f;
    top: 50%;
    left: -66px;
    background-image: url(/wp-content/uploads/2024/04/Arrow-1-12.png);
    height: 50px;
    width: 50px;
    padding: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.view-btn {
    padding: 17px 71px;
}

button.slick-next.slick-arrow {
    position: absolute;
    z-index: 200;
    font-size: 0;
    border: none;
    background: #2d5e8f;
    top: 50%;
    right: -66px;
    background-image: url(/wp-content/uploads/2024/04/Arrow-1-13.png);
    height: 50px;
    width: 50px;
    padding: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonial-wrapper button.slick-prev.slick-arrow {
	left: 105px;
}

.testimonial-wrapper button.slick-next.slick-arrow {
	right: 110px;
}

ul.slick-dots li::marker {
    width: 10px;
    height: 10px;
    font-size: 58px;
}

ul.slick-dots li button {
    font-size: 0;
    border: none;
    background: none;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-left: 68px;
}

.img-wrapper {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

.address-card {
    min-height:340px;

}

.address-card a {
    color: #787676;
    text-decoration: underline;

}

ul.et_pb_tabs_controls.clearfix {
    width: 46%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 21px;
    align-items: flex-start;
    background-color: transparent;
    border-top: 0px !important;
}

ul.et_pb_tabs_controls.clearfix li {
    padding: 16px;
    height: 50px !important;
    width: 47%;
    padding-left: 51px;
    border: 1px solid #EAEAEA !important;
}

.map-section {
    display: flex;
    max-height: 407px !important;
}

.map-section iframe {
    position: relative;
    top: -287px;
    right: -74px;
}
.services-wrapper-section {
	overflow:hidden;
}

ul.et_pb_tabs_controls.clearfix li a{
    position: relative;
}
ul.et_pb_tabs_controls.clearfix li a::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/04/local-two.png);
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    left: -27px;
    top: -7px;
    background-color: #2d5e8f17;
    border-radius: 50%;
}
li.et_pb_menu_page_id-156 a {
    display: flex;
    flex-direction: column;
    align-items: end !important;
    padding-left: 52px !important;
    position: relative;
}

li.et_pb_menu_page_id-156 a::before {
	content:"";
	position: absolute;
	background-image:url(/wp-content/uploads/2024/04/Vector-39.png);
	width:40px;
	height:40px;
	background-repeat: no-repeat;
	left: 10px;
	top: 41px;
}

ul#menu-main-menu li {
    padding: 0px 12px;
}

.nav li.hvac ul {
	width: 250px;
}

/*img {
	pointer-events:none;
}*/

.nav li.hvac ul li a {
	width: 230px;
}

.services-card {
    min-height: 354px;
}

ul.vip-list {
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
    list-style: none;
}

ul.vip-list li {
    background-color: #2d5e8f;
    color: #fff;
    width: 23%;

    padding: 23px;
    border-left: 5px solid #e32734;
}

ul.benefits-list {
    font-weight: 700;
}

.cooling-need .services-card {
    min-height: 481px;
}

.gallery-area .et_pb_gallery_image.landscape img {
    height: 288px;
    object-fit: cover;
    width: 345px !important;
}

.et_pb_gallery_pagination ul {
    text-align: center !important;
    color: #000 !important;
}

.et_pb_gallery .et_pb_gallery_pagination{
    border-top:none;
}

.et_pb_gallery_item {
    margin-bottom: 16px !important;
    /* width: 479px !important; */
}

.et_pb_gallery_pagination li a {
    color: #000 !important;
}

.et_pb_gallery_pagination li a.active {
  
    background-color: #e32734;
    border-radius: 50%;
    padding: 10px 15px;
    color: #fff !important;
}

.gallery-area .et_pb_gallery_item {
    margin-right: 10px !important;
    width: 348px !important;
}

.gallery-area .et_pb_gallery_items.et_post_gallery.clearfix {
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
}

ul.vip-list.our-services-sec li {
    width: 30%;
}

.mfp-title {
	display:none;
}

.contact-form-wrapper input ,.contact-form-wrapper textarea{
    width: 100%;
    padding: 10px;
}

.contact-form-wrapper textarea{
    height:150px;
}

.contact-form-wrapper label {
    margin-top: 20px;
    display: inline-block;
    font-family: 'Inter SemiBold';
}

.f-name {
    display: flex;
    gap: 22px;
}

.f-name div {
	width:50%;
}

.contact-info {
    padding: 34px 42px 34px 144px;
}

.address-sec,.email-sec,.phone-sec ,.operation-sec{
    position: relative;
    margin-bottom: 18px;
}

.address-sec::before ,.operation-sec::before,.phone-sec::before,.email-sec::before{
    position: absolute;
    content: "";  
    width: 64px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    filter: invert(1);
    left: -92px;
    top: 20px;
}

.address-sec::before{
    background-image: url(/wp-content/uploads/2024/04/gps.png);
}

.operation-sec::before{
    background-image: url(/wp-content/uploads/2024/04/support.png);
}

.phone-sec::before{
    background-image: url(/wp-content/uploads/2024/04/phone-call.png);
}

.email-sec::before{
    background-image: url(/wp-content/uploads/2024/04/email.png);
}

.email-sec a,
.phone-sec a {
	color:#fff;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #e32734;
    padding: 18px 30px;
    color: #fff;
    font-family: Inter SemiBold;
    width: 30%;
    border: none;
    font-size: 19px;
	cursor:pointer;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background: #000;
}

.financing-wrapper {
    display: flex;
    justify-content: center;
    gap: 32px;
}

ul.slick-dots li::marker {
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: 58px;
    color: #DDD8D8;
}

ul.slick-dots .slick-active::marker {
    color: #e32734;
}

.choose-box-colum.midd {
    background-color: #13243F;
}

/* FOOTER */
.footer-content-box {
    display: flex;
    flex-wrap: wrap;
}

.footer-column {
    width: 22%;
}

.footer-column.one {
    width: 35%;
    padding-right: 7%;
}

.footer-column.two {
	width: 43%;
}

.footer-column h4 {
    font-weight: 500;
    font-family: Inter SemiBold;
}

.footer-link,
.footer-contact-link,
.footer-follow-us-link {
    padding: 0px !important;
}

.footer-link li,
.footer-contact-link li,
.footer-follow-us-link li {
    list-style-type: none;
}

.footer-link li,
.footer-contact-link li {
    margin: 15px auto;
}

.footer-link li a,
.footer-contact-link li a {
    color: #333;
}

.footer-contact-link li a {
    padding-left: 45px;
    position: relative;
}

.footer-contact-link li a:before {
    position: absolute;
    left: -31px;
    top: -28px;
    transform: scale(0.25);
}

.footer-contact-link li a.f-email:before {
    content: url(/wp-content/themes/divi-child/img/envelop-icon.png);
}

.footer-contact-link li a.f-phone:before {
    content: url(/wp-content/themes/divi-child/img/phone-icon-footer.png);
    top: -37px;
}

.follow-us {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.footer-follow-us-link li {
    display: inline-block;
    margin: 8px 8px 5px;
}

.footer-follow-us-link img {
    width: 28px;
    height: 28px;
}

/* //FOOTER */

.contact-today:before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/04/Vector-40.png);
    width: 100%;
    height: 100%;
    left: 112px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32%;
    top: -3px;
}

.contact-today{
    position: relative;
}

.footer-column.three p {
    color: #333333;
    font-weight: 600;
}

.et_pb_module .mobile_menu_bar:before {
	font-size: 40px;
	color: #e32734 !important;
}

.footer-link li {
	display: inline-block;
	width: calc(50% - 5px);
	margin: 10px auto;
}
.first-Card img,.address-card img,ul.footer-follow-us-link img,.red-icon img,li.et_pb_menu_page_id-156 a::before {
	filter: invert(14%) sepia(89%) saturate(4777%) hue-rotate(352deg) brightness(94%) contrast(112%);
}

/* button.hcp-button {
    position: fixed !important;
    right: -50px;
    top: 50%;
    z-index: 9999;
    transform: rotate(90deg);
} */

/* RESPONSIVE */
@media (min-width:1200px) {
    #menu-main-menu li.menu-btn {
        background: #B78E5F;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 12px 35px !important;
        font-family: Lora Regular !important;
        color: #fff !important;
        display: inline-block !important;
        margin-left: 40px !important;
    }

    .menu-btn:hover {
        background: #000;
    }

    #menu-main-menu li.menu-btn {
        padding: 15px 35px;
        margin-left: 40px;
    }

    .all-properties-tabs .et_pb_tabs_controls {
        display: flex;
        justify-content: space-evenly;
    }

    .all-properties-tabs .et_pb_tabs_controls li {
        margin: 0px 0px;
    }
}

@media (max-width:980px) {
		.clumn-reverse {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 40px;
}
}

@media (max-width:768px) {
    h1 {
        font-size: 38px;
        line-height: 48px;
    }

    h2 {
        font-size: 34px;
        line-height: 44px;
    }

    h3 {
        font-size: 28px;
        line-height: 34px;
    }

    h4 {
        font-size: 24px;
        line-height: 34px;
    }

    h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .row-cnt-col-rvs {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .comn-btn,
    .form-column input[type="submit"] {
        font-size: 16px;
        padding: 18px 30px;
    }

    .section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-top-padding {
        padding-top: 40px;
    }

    .section-bottom-padding {
        padding-bottom: 40px;
    }

    .panel .our-properties .our-properties-column {
        width: 48%;
    }

    .tabs {
        text-align: center;
    }

    .tab {
        margin-bottom: 10px;
    }

    .page-title-banner-section {
        padding: 90px 0px 60px !important;
    }
	
	.top-link {
		margin: 0 auto;
	}
	
	.top-link li a:hover, .top-link li a.active {
		background:transparent;
	}
	
	.service-slider button.slick-prev.slick-arrow { 
		left: -10px;    
		height: 30px;
		width: 30px;    
	}

	.service-slider button.slick-next.slick-arrow {
		right: -10px;   
		height: 30px;
		width: 30px;    
	}
	
	.testimonial-wrapper button.slick-prev.slick-arrow {
		left: 55px;
		height: 30px;
		width: 30px;
	}

	.testimonial-wrapper button.slick-next.slick-arrow {
		right: 60px;
		height: 30px;
		width: 30px;
	}
	
	ul.vip-list li,
	ul.vip-list.our-services-sec li	{
		width:48%;
	}
	
	.cooling-need .services-card {
		min-height: auto;
	}
	
	.gallery-area .et_pb_gallery_item { 
		width: 296px !important;
	}
	
	li.et_pb_menu_page_id-156 a {
		display: block;
	}
	
	li.et_pb_menu_page_id-156 a:before {
		top: 20px;
	}
	
    .footer-main-box {
        gap: 30px;
    }

    .footer-column {
        width: 46%;
    }

    .footer-column.one {
        width: 100%;
    }

    .footer-social-link {
        justify-content: center;
    }
	
	.footer-link li {
		margin: 5px 10px 5px 0px;
		display: inline-block;
	}
	.testimonial-wrapper .first-Card{
		    width: 95% !important;
	}
	.first-Card{
		    padding: 42px 11px;
	}
	    .testimonial-wrapper button.slick-next.slick-arrow {
        right: 6%;
        top: 13px;
			        height: 4px !important;
        width: 9px !important;
        background-size: 26%;
        padding: 16px;

    }
	    .testimonial-wrapper button.slick-prev.slick-arrow {
        left: 76%;
        top: 13px;
			        height: 4px !important;
        width: 9px !important;
        background-size: 26%;
        padding: 16px;

    }
	    .reverse-column {
        display: flex
;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        
    }
	.address-card {
    min-height: auto;
}
	.footer-column.one{
		    padding-right: 0;
	}
	.footer-link li{
		    width: calc(100% - 5px);
	}
	.footer-column.two {
    width: 100%;
}
	.services-card {
    min-height: auto;
}
	ul.vip-list{
		padding-left:0px;
	}
}

@media (max-width:480px) {
    h1 {
        font-size: 28px;
        line-height: 36px;
    }

    h2 {
        font-size: 25px;
        line-height: 34px;
    }

    h3 {
        font-size: 22px;
        line-height: 32px;
    }

    h4 {
        font-size: 20px;
        line-height: 26px;
    }

    h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .comn-btn,
    .form-column input[type="submit"] {
        font-size: 15px;
        padding: 18px 25px;
    }

    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-top-padding {
        padding-top: 30px;
    }

    .section-bottom-padding {
        padding-bottom: 30px;
    }

    .row-cnt-col-rvs {
        gap: 20px;
    }

    .panel .our-properties .our-properties-column {
        width: 100%;
    }

    .tab {
        display: block;
        margin-bottom: 10px;
    }

    .page-title-banner-section {
        padding: 60px 0px 20px !important;
    }
	
	.top-link {
		justify-content: center;
	}
	
	.comn-btn, .form-column input[type="submit"] {
		font-size: 13px;
	}
	
	.banner-box {
		
	}
	
	.choose-box-colum h4 {
		font-size:16px;
	}
	
	.contact-today:before {
		left:0px;
	}
	
	
	
	.img-wrapper img {
		width: 70px;
	}
	
	ul.vip-list li,
	ul.vip-list.our-services-sec li	{
		width:100%;
	}
	
	.gallery-area .et_pb_gallery_item { 
		 width: 348px !important;
	}
	
	.f-name {
		gap: 0;
		flex-wrap: wrap;
	}
	
	.f-name div {
		width:100%;
	}
	
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		width: 50%;
		padding: 12px 30px;
		width: 50%;
	}
	
	.contact-today:before{
		width: 42%;
	}
	
    .form-column,
    .footer-column.one,
    .footer-column {
        width: 100%;
		margin-bottom: 25px;
    }	
	
}

/* //RESPONSIVE */
/* //BOOTSTRAP */
.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.mt-1,
.my-1 {
    margin-top: .25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.mt-2,
.my-2 {
    margin-top: .5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.pt-1,
.py-1 {
    padding-top: .25rem !important;
}

.pr-1,
.px-1 {
    padding-right: .25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important;
}

.pl-1,
.px-1 {
    padding-left: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.pt-2,
.py-2 {
    padding-top: .5rem !important;
}

.pr-2,
.px-2 {
    padding-right: .5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important;
}

.pl-2,
.px-2 {
    padding-left: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important;
}

.m-n2 {
    margin: -.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: .25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important;
    }

    .m-sm-2 {
        margin: .5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: .25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important;
    }

    .p-sm-2 {
        padding: .5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important;
    }

    .m-sm-n2 {
        margin: -.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: .25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important;
    }

    .m-md-2 {
        margin: .5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 30 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: .25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important;
    }

    .p-md-2 {
        padding: .5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important;
    }

    .m-md-n2 {
        margin: -.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: .25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important;
    }

    .m-lg-2 {
        margin: .5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: .25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important;
    }

    .p-lg-2 {
        padding: .5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important;
    }

    .m-lg-n2 {
        margin: -.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: .25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important;
    }

    .m-xl-2 {
        margin: .5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: .25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important;
    }

    .p-xl-2 {
        padding: .5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important;
    }

    .m-xl-n2 {
        margin: -.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

/* //BOOTSTRAP */