/*
Theme Name: NCL2016
Description: Custom styles for North Country Lodge.
Revision: v1.3
Date: 012419
Add in BS 4 helper Classes
By: John Rust Consulting
*/

/*****CSS RESET*******/
.wu-search {display: none;}
html, body {
  margin: 0;
  padding: 0;
}
/* removed   from this style */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
/*  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%; */
  vertical-align: baseline;
  background: transparent;
}
/* body { line-height: 1; }   use BS default = 1.42 */
ol, ul { list-style: none; }
.meta {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.meta ul.tags {
  list-style:none!important;
  font-size: 0.8em;
}
ul.menu {
  margin: 0;
  padding: 0;
}
li.menu-item { list-style: none; }
#content ol, #content ul { list-style: circle; }
#content dt {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#content dd {
  margin-left: 20px;
}
/* add in WP default img classes */
/* img.alignright,  { float: none; margin: 0 0 1em; }
img.alignleft { float: none; margin: 0 0 1em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; } */
img.alignright, img.alignleft, img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em;}
/* .alignright { float: none; }
.alignleft { float: none; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } */
/* /add in WP default img classes */

blockquote, q { quotes: none; }
blockquote {
    padding: 0px 20px; /*  BS default = 10px 20px */
    margin: 0 10px 20px; /* BS default = 0 0 20 */
    font-size: 16px; /* BS default = 17.5 */
	color: #666666;
    border-left: 5px solid #999;   /* 6A110F; BS default eee */
    border-left: 5px solid rgba(78, 12, 12, .4);  /* ads opacity */
}
blockquote p, blockquote p:last-child {
    margin-bottom: 0;
}
blockquote p:last-child {
    text-align: right;
}
blockquote p:last-child:before {
    content:"\2014\2002";
}
@media only screen and (min-width: 768px) {
/* add in WP default img classes */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/* /add in WP default img classes */

blockquote {
/*    padding: 10px 20px;  BS default */
    margin: 20px 40px 30px; /* BS default = 0 0 20 */
}
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body {
/*   font-family: 'Droid Sans', sans-serif; use BS default */
   font-size: 16px;
   color: #333;  /* fff; */
/*   background-color: #FFF; 092818 */
/*   line-height: 24px; */
}

p { line-height: 25px; margin-bottom: 10px; }
hr {border-color: #bdbaaf; color: #bdbaaf;}
h1 {
   font-size: 30px;
   font-weight: bold;
/*   line-height: 50px;  too big, BS default = 1.1 */
/*   color: #e5e35b; 092818 */
   color: #6A110F;
}
h2 {
   font-size: 20px;
   font-weight: bold;
   line-height: 35px;
/*   color: #e5e35b; 092818 */
   color: #6A110F;
}
h2.mega-widget-title {
   font-size: 18px;
   font-weight: bold;
   margin-top: 1.5rem; 
/*  padding: 3px 20px; */
  line-height: 1.42857; /* 35px; */
/*   color: #e5e35b; 092818 */
   color: #6A110F;
}
.wpcf7-form > input {color: #000;}
#container { margin: 0 auto; width: 800px; }
#ss1 {min-height: 110px;}
.hrg {
  border: 0;
  border-top: 4px double #bdbaaf; /* was eee; 092818 */
}
/****HEADER STYLES*******/


/*****NAV STYLES*******/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

.navbar {min-height: 40px;}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
/*  width: 200px; */
  font-weight: bold;
}

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  right: 102px; /* 285px; */
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  right: 100px; /* 283px; */
  z-index: 8;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > div > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
/*  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429; */
  color: #999;
/*  white-space: normal; */
}

.mega-dropdown-menu > li > div.mega-bear > div > ul > li.menu-item > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li > div.mega-bear > ul li div.carousel { /* bear menu */
  margin: 10px 0; /* -3px -15px */
}
.mega-dropdown-menu > li > ul li div.carousel { /* full menu */
  margin: 10px 0; /* -20 */
}
.mega-dropdown-menu > li > div.mega-bear > ul li a { /* bear menu */
/*  padding: 3px 20px;   */
}

.mega-dropdown-menu > li > div.mega-bear > a img {/* bear menu */
/*  display: block;  
  padding: 3px 20px;   */
}

/* .mega-dropdown-menu > li > ul.mega-menu-widget > li {
  padding: 3px 0px;
} */

.mega-dropdown-menu > li > ul.mega-menu-widget > li > div > ul > li.menu-item a {
  display: block;
  padding: 3px 20px; /* 3 0px; */
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

/*.mega-dropdown-menu > li > ul.mega-menu-widget > li > div > ul > li.dropdown-header {
  color: #491803;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.42857;  not needed 
}*/

.mega-dropdown-menu > li > ul.mega-menu-widget > li > div > ul > li.dropdown-header a {
  display: block;
  padding: 0px 0px 3px; /* 20px; */
  clear: both;
  color: #491803;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.42857; /* not needed? */
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #491803;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 0px 0px; 
}
/* .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px;
}
*/
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	/* padding: 5px 15px 5px 25px; */
  padding: 0px 0px 0px 0px; 
}

 
.mega-dropdown-menu h2.widget-title {
  color: #491803;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 20px; /* 3 0px; */
  line-height: 1.42857;
}

.mega-dropdown-menu form {
  margin: 10px; /* 3px 20px; */
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

/* 2 ways to add a divider in a menu */
hr.jrc-menu-separator {
    height: 1px;
    margin: 12px 20px; /* match and align with menu links */
	overflow: hidden;
    background-color: #e5e5e5;
	border: 0;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 12px 20px; /* match and align with menu links */
	overflow: hidden;
	background-color: #e5e5e5;
}
/* 2 ways to add a divider in a menu */

li.mega-dropdown.open a.dropdown-toggle .glyphicon-chevron-down::before {
/*	content: "\e114";   = BS = down chevron */
	content: "\e113";  /* = BS up chevron */
}

@media only screen and (max-width: 767px) { 
.navbar-nav .open .dropdown-menu {
  position: absolute; /* need to override BS = static; */
  border-bottom: 20px solid lightgrey;
}
}
/*
Apply Flexbox to nav menu
*/
ul.nav.navbar-nav { /* = flex parent */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; /* ; around*/
}
ul.nav.navbar-nav li.mega-dropdown.home {
  order: 1;
/*  flex-grow: 1; */
  flex: 1 1 100%; 
  flex-grow: 4; /**/
/*  flex: 2 0px; */
}
ul.nav.navbar-nav li.mega-dropdown.bear{
  order: 2;
/*  flex-grow: 1; 
  flex: 1 1 100%; */
  flex: 0 0 120px;
  text-align: right; /**/
}
ul.nav.navbar-nav li.mega-dropdown.full {
  order: 3;
/*  flex-grow: 1;
  flex: 1 1 100%; */
  flex: 0 0 120px;
  text-align: right; /**/
}
@media only screen and (min-width: 768px) {
ul.nav.navbar-nav { /* = flex parent */
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; /* ; around*/
}
ul.nav.navbar-nav li.mega-dropdown.home {
  order: 1;
  flex-grow: 4;
/*  flex: 2 0px; */
}
ul.nav.navbar-nav li.mega-dropdown.bear{
  order: 2;
/*  flex-grow: 1; */
  flex: 0 0 150px;
  text-align: right;
}
ul.nav.navbar-nav li.mega-dropdown.full {
  order: 3;
/*  flex-grow: 1; */
  flex: 0 0 150px;
  text-align: right;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  right: 130px; /* 125 285px; */
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  right: 130px; /* 125 283px; */
  z-index: 8;
}


}
/* /end navbar flexbox */

/* /end navbar */

.logoback {
	background-color: #6A110F; /* #6D2612; was #481803;  */
	border-top: 2px solid #bdbaaf;
	border-bottom: 2px solid #bdbaaf;
	height: 25px;
	z-index: 5;
	position: relative;
	
}

/* mobile size logo test section 092818 - omitted 110918 for tests - may need to add back */
	.logomid {
/*		text-align: center; */
		width: 70%;
		max-width: 225px;
    	margin: 0 auto;
		z-index: 10;
		padding-top:20px;
	}
	.padtop80 {
	padding-top: 10px;
	}
@media only screen and (min-width: 480px) {
	.logomid {
/*		text-align: center; */
/*		width: 70%;
		max-width: 275px;
		z-index: 10;
		padding-top:20px;
	}
	.padtop80 {
	padding-top: 10px; */
	} 

}
/* /mobile size logo test section 092818 */

@media only screen and (min-width: 768px) { /* 600 */
	.logotop {
		z-index: 8;
		position: relative;
		top: -150px; /* -130 100218 */
	}
	.logomid {
/*		text-align: center; */
		width: 100%;
		max-width: 375px;
/*		margin: 0 auto; */
		z-index: 10;
	}
	.padtop80 {
/*	padding-top: 150px; */
	}
}
@media only screen and (min-width: 768px) {
.padtop80 {
  padding-top: 150px; /**/
}
}
@media only screen and (max-width: 600px) {
/*	.logomid {
		text-align: center;
		width: 80%;
		margin-left: 10%;
		z-index: 10;
		padding-top:20px;
	}
	.padtop80 {
	padding-top: 10px;
	} */
}
.nclback {
/*	background: url('http://www.northcountrylodge.com/wp-content/themes/NCL2016/images/background.jpg') no-repeat;  092818 */
/*    background-size: cover;	  092818 */
	background-color: #FFFFFF; /* 092818 */
}

/*****HOME CONTENT STYLES*******/


/*****SUB CONTENT STYLES*******/

strong {
/*   color: #e5e35b; 092818 */
}

/* *****GALLERY STYLES****** */
#content {position: relative;}
#imagesx {
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    margin: 20px auto;
}
#imagesx img {
    width: 400px;
    height: 250px;
    position: absolute;
    top: 0;
    left: -400px;
    z-index: 1;
    opacity: 1;
    transition: all linear 500ms;
    -o-transition: all linear 500ms;
    -moz-transition: all linear 500ms;
    -webkit-transition: all linear 500ms;
}
#imagesx img:target {
    left: 0;
    z-index: 9;
    opacity: 1;
}
#imagesx img:first-child {
    left: 0;
}
#sliderx a {
    text-decoration: none;
    background: #E3F1FA;
    border: 1px solid #C6E4F2;
    padding: 4px 6px;
    color: #222;
}
#sliderx a:hover {
    background: #C6E4F2;
}
.gallery{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:0 0 30px;
}
.gallery .switcher{
	width:314px;
	overflow:hidden;
	padding:15px 187px 0;
	position:relative;
}
.gallery .mask{
	width:336px;
	position:relative;
	overflow:hidden;
}
.gallery .prev,
.gallery .next{
	position:absolute;
	left:137px;
	top:47px;
	background:url(images/btn-gallery.gif) no-repeat;
	width:28px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}
.gallery .next{
	left:auto;
	right:137px;
	background-position:0 -31px;
}
.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	width:99999px;
	overflow:hidden;
}
.gallery li{
	float:left;
	margin:0 22px 0 0;
}
.gallery ul a{
	display:block;
	padding:3px;
}
.gallery ul .active a,
.gallery ul a:hover{
	border:3px solid #ccc;
	padding:0;
}
.gallery .img-list{
	margin:0;
	padding:0;
	list-style:none;
	height:350px;
	position:relative;
	width:100%;
}
.gallery .img-list li{
	position:absolute;
	left:0;
	top:0;
	margin:0;
	width:100%;
}
.gallery .img-list .active{z-index:2;}

/***********FOO Gallery**********/
.foogallery-image-viewer {margin: 15px auto;}

/***********OTHER STYELS**********/
.copyright{
	float:left;
	width:500px;
}
.join-block{
	float:right;
	padding:4px 0 0;
}
.join-block span{
	float:left;
	letter-spacing:-1px;
	margin:9px 7px 0 0;
	color:#fff;
}
.social{
	margin:0;
	padding:0 6px 0 0;
	list-style:none;
	float:left;
}
.social li{
	margin:0 3px 0 0;
	float:left;
	display:inline;
}
.social a {
	display:block;
	background:url(images/bg-social.png) no-repeat;
	text-indent:-9999px;
	width:20px;
	height:20px;
	overflow:hidden;
}
.social .twitter {background-position:-22px 0;}
.social .youtube {background-position:-45px 0;}
.social .myspace {background-position:-68px 0;}
.btnpro {
  background: #af2e10;
  background-image: -webkit-linear-gradient(top, #af2e10, #511504);
  background-image: -moz-linear-gradient(top, #af2e10, #511504);
  background-image: -ms-linear-gradient(top, #af2e10, #511504);
  background-image: -o-linear-gradient(top, #af2e10, #511504);
  background-image: linear-gradient(to bottom, #af2e10, #511504);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btnpro:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/************** modals ************/
.gal-container {
	padding: 10px;  /* 12px; - 011919 */
}
.gal-item {
	overflow: hidden;
/*	padding: 3px; - 011919 */
}
.gal-item .box {
	height: 150px;
	overflow: hidden;
}
.box img {
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50px auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content {
        height:250px;
    }
}

/* ***** Sidebar Styles ****** */
.showx {
/*   border: 1px solid #e5e35b; */
   border-bottom: 1px solid #bdbaaf; /* add 111018 */
   padding: 15px 0;  /* add 111018 */
/*   padding: 10px;
   margin-bottom: 10px; */
/*   margin-bottom: 30px;  add 110918 */
}
.showx .wpcf7 { /* add 111018 
   padding-left: 10px; */
}
.widget {
   border-bottom: 1px solid #bdbaaf; /*  */
   padding: 15px 0;  /*  */
}
.butx {padding-top: 5px; text-align: center; width: 80%; margin: 0 auto;}
#side h2 {
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 10px;
/*   color: #e5e35b;  092818 */
   color: #6A110F;
}
#side h3 {font-size: 14px; line-height: 20px;}

#side h4.widget-title {
   font-size: 20px;
   font-weight: bold;
   line-height: 20px;
   margin-bottom: 10px;
/*   color: #e5e35b;  092818 */
   color: #6A110F;
}

#menu-bear-widget {padding-left: 10px;} /* add 111018 */ 
.showx .wpcf7 {padding-left: 10px;} /* add 111018 */
.textwidget {padding-left: 10px;} /* add 111018 */

/*****FOOTER STYLES*******/
#footer {
/*   background-color: #481803;	  092818 */
   color: #FFFFFF; /*  092818 */
   background-color: #6A110F;
   border-top: 2px solid #bdbaaf;
}
.social {padding: 10px;}
.social2 {display: inline; padding: 10px;}

i.red {
    color:#BC0213;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 30px;
	height: 0;
	overflow: hidden; /* ?? */
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /*  auto;*/
}

/* test*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
/* /test*/

.article figure, .post figure {
   max-width: 100%;
   height:auto;
}
.article img {
   max-width: 100%;
   height:auto;
}
.article iframe, 
.article object, 
.article embed {
   max-width: 100%;
}
.post img { /* for single.php posts */
   max-width: 100%;
   height:auto;
}


/*
 * Master Slider Lite Titles [over-written by masterslider custom css
 *
*/

/* ***** add Bootstrap overrides 092818 - may not need this section ***** */
a {
  color: #6A110F; /* NCL Bootstrap is #e5e35b, 3.3.5 is 337ab7*/
  text-decoration: none; /* NCL Bootstrap is  */
}
a:hover, a:focus {
  color: #23527c; /* NCL Bootstrap is   #23527c */
  text-decoration: underline; /* NCL Bootstrap is  */
}
a:focus {
  outline: thin dotted; /* NCL Bootstrap is  */
  outline: 5px auto -webkit-focus-ring-color; /* NCL Bootstrap is  */
  outline-offset: -2px; /* NCL Bootstrap is  */
}
.navbar-default {
   background-color: #6A110F;
}
.center {text-align:center;}
/* ***** /add Bootstrap overrides ***** */

/*
 * add for smooth scroll to top - 010219
 *
*/

#smoothup { 
height: 40px; 
width: 40px;
/* margin: 1em auto; */
position: fixed;
bottom: 10px; /* 30 */
right: 10px; /* 20 */
text-indent:-9999px;
display: none;
background: url("images/icon_top.png");   /* black dot white ^ */
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s;
transition-duration: 0.4s; 
}

#smoothup:hover {
-webkit-transform: rotate(360deg);
/* background: url('') no-repeat; */
background: url("images/icon_top2.png");  /* white dot black ^ */
} /*  */
/* /add for smooth scroll to top */



/*
****************************************
Incorporate some BS 4 Button Classes
*****************************************
*/
.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


/*
****************************************
Incorporate some BS 4 Helper Classes
*****************************************
*/

.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: 0.25rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.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: 0.25rem !important;
}

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

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

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

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

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

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

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

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

.pl-2,
.px-2 {
  padding-left: 0.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-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: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.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-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: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.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: 0 !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: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.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-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: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.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-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: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.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-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;
  }
}