.brand-nav {
	width: 200px;
	background-color: #B5161E;
}
.brand-nav .form-inline{
  background-color: #B5161E;
}
.btn-pill{border-radius:50em}
.btn-square{border-radius:0}
.bg-primary {
  background-color: #4454c3  !important;
}
.line-left {
	height: 3px;
	width: 184.5%;
	background-color: #A4B7C1;
	position: relative;
	top: 20px;
	left:-97%;
}
.line-left-2 {
	height: 3px;
	width: 98%;
	background-color: #B5161E;
	position: relative;
	top: 20px;
	left:-56.7%;
}
.pulse-button {
  position: relative;
  /* top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px; */
  display: block;
  width: 30px;
  height: 30px;
  font-size: 1.3em;
  font-weight: light;
  font-family: 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  letter-spacing: -1px;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: rgba(#fff, .05);
  box-shadow: 0 0 0 0 rgba(#5a99d4, .1);
  -webkit-animation: pulse 0.7s infinite;
}
.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    /* box-shadow: 0 0 0 50px rgba(#5a99d4, 0); */
  }
    100% {
    @include transform(scale(.9));
    /* box-shadow: 0 0 0 0 rgba(#5a99d4, 0); */
  }
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #2819ae !important;
}

.bg-secondary {
  background-color: #f72d66 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #b2b8c1 !important;
}

.bg-success {
  background-color: #2eb85c !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #248f48 !important;
}

.bg-info {
  background-color: #39f !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #0080ff !important;
}

.bg-warning {
  background-color: #f9b115 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d69405 !important;
}

.bg-danger {
  background-color: #b4171f!important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #de2727 !important;
}

.bg-light {
  background-color: #ebedef !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #cfd4d8 !important;
}

.bg-dark {
  background-color: #636f83 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #4d5666 !important;
}

.bg-gradient-primary {
  background: #E21C26 !important;
  background: linear-gradient(45deg, #E21C26 0%, #E21C26 100%) !important;
  border-color: #E21C26 !important;
}

.c-dark-theme .bg-gradient-primary {
  background: #2d2587 !important;
  background: linear-gradient(45deg, #4638c2 0%, #2d2587 100%) !important;
  border-color: #2d2587 !important;
}

.bg-gradient-secondary {
  background: #fff !important;
  background: linear-gradient(45deg, #c8d2dc 0%, #fff 100%) !important;
  border-color: #fff !important;
}

.c-dark-theme .bg-gradient-secondary {
  background: white !important;
  background: linear-gradient(45deg, #d1d2d3 0%, white 100%) !important;
  border-color: white !important;
}

.bg-gradient-success {
  background: #1b9e3e !important;
  background: linear-gradient(45deg, #2eb85c 0%, #1b9e3e 100%) !important;
  border-color: #1b9e3e !important;
}

.c-dark-theme .bg-gradient-success {
  background: #2e8c47 !important;
  background: linear-gradient(45deg, #45a164 0%, #2e8c47 100%) !important;
  border-color: #2e8c47 !important;
}

.bg-gradient-info {
  background: #2982cc !important;
  background: linear-gradient(45deg, #39f 0%, #2982cc 100%) !important;
  border-color: #2982cc !important;
}

.c-dark-theme .bg-gradient-info {
  background: #4280b4 !important;
  background: linear-gradient(45deg, #4799eb 0%, #4280b4 100%) !important;
  border-color: #4280b4 !important;
}

.bg-gradient-warning {
  background: #f6960b !important;
  background: linear-gradient(45deg, #f9b115 0%, #f6960b 100%) !important;
  border-color: #f6960b !important;
}

.c-dark-theme .bg-gradient-warning {
  background: #dd9124 !important;
  background: linear-gradient(45deg, #e1a82d 0%, #dd9124 100%) !important;
  border-color: #dd9124 !important;
}

.bg-gradient-danger {
  background: #d93737 !important;
  background: linear-gradient(45deg, #5c6ff5 0%, #4454c3 100%) !important;
  border-color: #d93737 !important;
}

.c-dark-theme .bg-gradient-danger {
  background: #c14f4f !important;
  background: linear-gradient(45deg, #d16767 0%, #c14f4f 100%) !important;
  border-color: #c14f4f !important;
}

.bg-gradient-light {
  background: #fff !important;
  background: linear-gradient(45deg, #e3e8ed 0%, #fff 100%) !important;
  border-color: #fff !important;
}

.c-dark-theme .bg-gradient-light {
  background: white !important;
  background: linear-gradient(45deg, #e8e8e8 0%, white 100%) !important;
  border-color: white !important;
}

.bg-gradient-dark {
  background: #212333 !important;
  background: linear-gradient(45deg, #3c4b64 0%, #212333 100%) !important;
  border-color: #212333 !important;
}

.c-dark-theme .bg-gradient-dark {
  background: #292a2b !important;
  background: linear-gradient(45deg, #4c4f54 0%, #292a2b 100%) !important;
  border-color: #292a2b !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

[class^="bg-"] {
  color: #fff;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

a.bg-facebook:hover, a.bg-facebook:focus,
button.bg-facebook:hover,
button.bg-facebook:focus {
  background-color: #2d4373 !important;
}

.bg-twitter {
  background-color: #00aced !important;
}

a.bg-twitter:hover, a.bg-twitter:focus,
button.bg-twitter:hover,
button.bg-twitter:focus {
  background-color: #0087ba !important;
}

.bg-linkedin {
  background-color: #4875b4 !important;
}

a.bg-linkedin:hover, a.bg-linkedin:focus,
button.bg-linkedin:hover,
button.bg-linkedin:focus {
  background-color: #395d90 !important;
}

.bg-flickr {
  background-color: #ff0084 !important;
}

a.bg-flickr:hover, a.bg-flickr:focus,
button.bg-flickr:hover,
button.bg-flickr:focus {
  background-color: #cc006a !important;
}

.bg-tumblr {
  background-color: #32506d !important;
}

a.bg-tumblr:hover, a.bg-tumblr:focus,
button.bg-tumblr:hover,
button.bg-tumblr:focus {
  background-color: #22364a !important;
}

.bg-xing {
  background-color: #026466 !important;
}

a.bg-xing:hover, a.bg-xing:focus,
button.bg-xing:hover,
button.bg-xing:focus {
  background-color: #013334 !important;
}

.bg-github {
  background-color: #4183c4 !important;
}

a.bg-github:hover, a.bg-github:focus,
button.bg-github:hover,
button.bg-github:focus {
  background-color: #3269a0 !important;
}

.bg-stack-overflow {
  background-color: #fe7a15 !important;
}

a.bg-stack-overflow:hover, a.bg-stack-overflow:focus,
button.bg-stack-overflow:hover,
button.bg-stack-overflow:focus {
  background-color: #df6101 !important;
}

.bg-youtube {
  background-color: #b00 !important;
}

a.bg-youtube:hover, a.bg-youtube:focus,
button.bg-youtube:hover,
button.bg-youtube:focus {
  background-color: #880000 !important;
}

.bg-dribbble {
  background-color: #ea4c89 !important;
}

a.bg-dribbble:hover, a.bg-dribbble:focus,
button.bg-dribbble:hover,
button.bg-dribbble:focus {
  background-color: #e51e6b !important;
}

.bg-instagram {
  background-color: #517fa4 !important;
}

a.bg-instagram:hover, a.bg-instagram:focus,
button.bg-instagram:hover,
button.bg-instagram:focus {
  background-color: #406582 !important;
}

.bg-pinterest {
  background-color: #cb2027 !important;
}

a.bg-pinterest:hover, a.bg-pinterest:focus,
button.bg-pinterest:hover,
button.bg-pinterest:focus {
  background-color: #9f191f !important;
}

.bg-vk {
  background-color: #45668e !important;
}

a.bg-vk:hover, a.bg-vk:focus,
button.bg-vk:hover,
button.bg-vk:focus {
  background-color: #344d6c !important;
}

.bg-yahoo {
  background-color: #400191 !important;
}

a.bg-yahoo:hover, a.bg-yahoo:focus,
button.bg-yahoo:hover,
button.bg-yahoo:focus {
  background-color: #2a015e !important;
}

.bg-behance {
  background-color: #1769ff !important;
}

a.bg-behance:hover, a.bg-behance:focus,
button.bg-behance:hover,
button.bg-behance:focus {
  background-color: #0050e3 !important;
}

.bg-reddit {
  background-color: #ff4500 !important;
}

a.bg-reddit:hover, a.bg-reddit:focus,
button.bg-reddit:hover,
button.bg-reddit:focus {
  background-color: #cc3700 !important;
}

.bg-vimeo {
  background-color: #aad450 !important;
}

a.bg-vimeo:hover, a.bg-vimeo:focus,
button.bg-vimeo:hover,
button.bg-vimeo:focus {
  background-color: #93c130 !important;
}

.bg-gray-100 {
  background-color: #ebedef !important;
}

a.bg-gray-100:hover, a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
  background-color: #cfd4d8 !important;
}

.bg-gray-200 {
  background-color: #d8dbe0 !important;
}

a.bg-gray-200:hover, a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
  background-color: #bcc1c9 !important;
}

.bg-gray-300 {
  background-color: #c4c9d0 !important;
}

a.bg-gray-300:hover, a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
  background-color: #a8afb9 !important;
}

.bg-gray-400 {
  background-color: #b1b7c1 !important;
}

a.bg-gray-400:hover, a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
  background-color: #959daa !important;
}

.bg-gray-500 {
  background-color: #9da5b1 !important;
}

a.bg-gray-500:hover, a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
  background-color: #818b9a !important;
}

.bg-gray-600 {
  background-color: #8a93a2 !important;
}

a.bg-gray-600:hover, a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus {
  background-color: #6e798b !important;
}

.bg-gray-700 {
  background-color: #768192 !important;
}

a.bg-gray-700:hover, a.bg-gray-700:focus,
button.bg-gray-700:hover,
button.bg-gray-700:focus {
  background-color: #5e6877 !important;
}

.bg-gray-800 {
  background-color: #636f83 !important;
}

a.bg-gray-800:hover, a.bg-gray-800:focus,
button.bg-gray-800:hover,
button.bg-gray-800:focus {
  background-color: #4d5666 !important;
}

.bg-gray-900 {
  background-color: #4f5d73 !important;
}

a.bg-gray-900:hover, a.bg-gray-900:focus,
button.bg-gray-900:hover,
button.bg-gray-900:focus {
  background-color: #3a4555 !important;
}

.bg-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}

.box-m-0 {
	margin: 0;
}
.box-m-5 {
	margin: 5px;
}
.box-m-10 {
	margin: 10px;
}
.box-m-15 {
	margin: 25px;
}
.box-m-20 {
	margin: 20px;
}
.box-m-25 {
	margin: 25px;
}
.box-m-top-0 {
	margin-top: 0;
}
.box-m-top-5 {
	margin-top: 5px
}
.box-m-top-10 {
	margin-top: 10px
}
.box-m-top-15 {
	margin-top: 25px
}
.box-m-top-20 {
	margin-top: 20px
}
.box-m-top-25 {
	margin-top: 25px
}
.box-m-bottom-0 {
	margin-bottom: 0;
}
.box-m-bottom-5 {
	margin-bottom: 5px
}
.box-m-bottom-10 {
	margin-bottom: 10px
}
.box-m-bottom-15 {
	margin-bottom: 15px
}
.box-m-bottom-20 {
	margin-bottom: 20px
}
.box-m-bottom-25 {
	margin-bottom: 25px
}

.box-p-0 {
	padding: 0;
}
.box-p-5 {
	padding: 5px;
}
.box-p-10 {
	padding: 10px;
}
.box-p-15 {
	padding: 25px;
}
.box-p-20 {
	padding: 20px;
}
.box-p-25 {
	padding: 25px;
}
.box-p-top-0 {
	padding-top: 0;
}
.box-p-top-5 {
	padding-top: 5px
}
.box-p-top-10 {
	padding-top: 10px
}
.box-p-top-15 {
	padding-top: 25px
}
.box-p-top-20 {
	padding-top: 20px
}
.box-p-top-25 {
	padding-top: 25px
}
.box-p-bottom-0 {
	padding-bottom: 0;
}
.box-p-bottom-5 {
	padding-bottom: 5px
}
.box-p-bottom-10 {
	padding-bottom: 10px
}
.box-p-bottom-15 {
	padding-bottom: 15px
}
.box-p-bottom-20 {
	padding-bottom: 20px
}
.box-p-bottom-25 {
	padding-bottom: 25px
}

.card-bt-danger {
	border-radius:2px;
	border-top:2px solid #e55353;
}
.card-bt-success {
	border-radius:2px;
	border-top:2px solid #4dbd74;
}
.card-bt-info {
	border-radius:2px;
	border-top:2px solid #63c2de;
}
.card-bt-secondary {
	border-radius:2px;
	border-top:2px solid #a4b7c1;
}
.card-bt-warning {
	border-radius:2px;
	border-top:2px solid #ffc107;
}
.mg-auto {
	margin: auto;
	width: 100%;
}
.mg-0 {
	margin: 0;
}
.mgr-0 {
	margin-right: 0;
}
.mgr-5 {
	margin-right: 5px;
}
.mgr-10 {
	margin-right: 10px;
}
.mgr-15 {
	margin-right: 15px;
}
.mgr-20 {
	margin-right: 20px;
}
.mgr-25 {
	margin-right: 25px;
}

.mgl-0 {
	margin-left: 0;
}
.mgl-5 {
	margin-left: 5px;
}
.mgl-10 {
	margin-left: 10px;
}
.mgl-15 {
	margin-left: 15px;
}
.mgl-20 {
	margin-left: 20px;
}
.mgl-25 {
	margin-left: 25px;
}
.pd-0 {
	padding: 0;
}
.pd-5 {
	padding: 5px;
}
.pd-10 {
	padding: 10px;
}
.pd-15 {
	padding: 15px;
}
.pd-20 {
	padding: 20px;
}
.pd-25 {
	padding: 25px;
}
.pdr-0 {
	padding-right: 0;
}
.pdr-5 {
	padding-right: 5px;
}
.pdr-10 {
	padding-right: 10px;
}
.pdr-15 {
	padding-right: 15px;
}
.pdr-20 {
	padding-right: 20px;
}
.pdr-25 {
	padding-right: 25px;
}
.pdl-0 {
	padding-left: 0;
}
.pdl-5 {
	padding-left: 5px;
}
.pdl-10 {
	padding-left: 10px;
}
.pdl-15 {
	padding-left: 15px;
}
.pdl-20 {
	padding-left: 20px;
}
.pdl-25 {
	padding-left: 25px;
}

/* Fonts Colors Style */
.text-danger {
	color: #B5161E;
}
.text-warning {
	color: #ffc107;
}
.text-success {
	color: #4dbd74;
}
.text-secondary {
	color: #a4b7c1;
}
.text-default {
	color: #ffffff;
}
.text-black {
	color: #000000;
}
.text-pink {
	color: #F24A8F;
}
.text-blue {
	color: #0000FE;
}

.table-align-top td {
  vertical-align: top; }

.v-text-middle {
	vertical-align: middle;
}
/* border-radius custom */
.br-0 {
	border-radius: 0;
}
.br-3 {
	border-radius: 3px;
}
.br-4 {
	border-radius: 4px;
}
.br-5 {
	border-radius: 5px;
}
.br-10 {
	border-radius: 10px;
}

/* Checkbox Custom */
/* Customize the label (the container) */
.form-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ls-none {
	list-style: none;
}
/* Hide the browser's default checkbox */
.form-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.form-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.form-check input:checked ~ .checkmark {
  background-color: #5871cc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Maps Barrier */
.map-barrier {
	height: 20px;
	width: 295px;
	position: relative;
	z-index: 2;
}

/* Font Size */
.fs-10 {
	font-size: 10px;
}
.fs-11 {
	font-size: 11px;
}
.fs-12 {
	font-size: 12px;
}
.fs-13 {
	font-size: 13px;
}
.fs-14 {
	font-size: 14px;
}
.fs-15 {
	font-size: 15px;
}
.fs-16 {
	font-size: 16px;
}
.fs-17 {
	font-size: 17px;
}
.fs-18 {
	font-size: 18px;
}
.fs-19 {
	font-size: 19px;
}
.fs-20 {
	font-size: 20px;
}
.fs-21 {
	font-size: 21px;
}
.fs-22 {
	font-size: 22px;
}
.fs-23 {
	font-size: 23px;
}
.fs-24 {
	font-size: 24px;
}
.fs-25 {
	font-size: 25px;
}
.fs-26 {
	font-size: 26px;
}
.fs-27 {
	font-size: 27px;
}
.fs-28 {
	font-size: 28px;
}
.fs-29 {
	font-size: 29px;
}
.fs-30 {
	font-size: 30px;
}
/* Google Maps Search box */
#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}
.controls {
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
	width: 100%;
	margin-left: 0;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

/* Google Maps */
/* Always set the map height explicitly to define the size of the div
   * element that contains the map. */
  #map {
    height: 100%;
  }
  /* Optional: Makes the sample page fill the window. */

  #description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
  }

  #infowindow-content .title {
    font-weight: bold;
  }

  #infowindow-content {
    display: none;
  }

  #map #infowindow-content {
    display: inline;
  }

  .pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
  }

  #pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
  }

  .pac-controls {
    display: inline-block;
    padding: 5px 11px;
  }

  .pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
  }

  #pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
  }

  #pac-input:focus {
    border-color: #4d90fe;
  }

  #title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
  }
  #target {
    width: 345px;
  }
  .search-box {
    width: 1280px;
    height: 32px;
    margin: 10px 0;
    border: 2px solid #B4171F;
    color: #222;
    padding: 2px 5px;
  }
  .product-icon-1 {
    display: flex;
    text-indent: -9999px;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 85px;
    width: 100px;
    height: 100px;
    background: url(../img/images/pos.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .product-icon-2 {
    display: flex;
    text-indent: -9999px;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 85px;
    width: 100px;
    height: 100px;
    background: url(../img/images/online-order.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .product-icon-3 {
    display: flex;
    text-indent: -9999px;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 85px;
    width: 100px;
    height: 100px;
    background: url(../img/images/web-services.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .product-icon-4 {
    display: flex;
    text-indent: -9999px;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 85px;
    width: 100px;
    height: 100px;
    background: url(../img/images/digital-display.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .prs {
    color: #140203;
  }


  /* Margins */
  .mr-5 {
    margin: 5px;
  }
  .mr-10 {
    margin: 10px;
  }
  .mr-15 {
    margin: 15px;
  }
  .mr-20 {
    margin: 20px;
  }
  .mr-25 {
    margin: 25px;
  }

  .mr-t-5 {
    margin-top: 5px;
  }
  .mr-t-10 {
    margin-top: 10px;
  }
  .mr-t-15 {
    margin-top: 15px;
  }
  .mr-t-20 {
    margin-top: 20px;
  }
  .mr-t-25 {
    margin-top: 25px;
  }

  .mr-b-5 {
    margin-bottom: 5px;
  }
  .mr-b-10 {
    margin-bottom: 10px;
  }
  .mr-b-15 {
    margin-bottom: 15px;
  }
  .mr-b-20 {
    margin-bottom: 20px;
  }
  .mr-b-25 {
    margin-bottom: 25px;
  }

  .mr-l-5 {
    margin-left: 5px;
  }
  .mr-l-10 {
    margin-left: 10px;
  }
  .mr-l-15 {
    margin-left: 15px;
  }
  .mr-l-20 {
    margin-left: 20px;
  }
  .mr-l-25 {
    margin-left: 25px;
  }

  .mr-r-5 {
    margin-right: 5px;
  }
  .mr-r-10 {
    margin-right: 10px;
  }
  .mr-r-15 {
    margin-right: 15px;
  }
  .mr-r-20 {
    margin-right: 20px;
  }
  .mr-r-25 {
    margin-right: 25px;
  }

  /* Paddings */
  .pd-5 {
    padding: 5px;
  }
  .pd-10 {
    padding: 10px;
  }
  .pd-15 {
    padding: 15px;
  }
  .pd-20 {
    padding: 20px;
  }
  .pd-25 {
    padding: 25px;
  }

  .pdpd-t-5 {
    padding-top: 5px;
  }
  .pdpd-t-10 {
    padding-top: 10px;
  }
  .pdpd-t-15 {
    padding-top: 15px;
  }
  .pdpd-t-20 {
    padding-top: 20px;
  }
  .pdpd-t-25 {
    padding-top: 25px;
  }

  .pd-b-5 {
    padding-bottom: 5px;
  }
  .pd-b-10 {
    padding-bottom: 10px;
  }
  .pd-b-15 {
    padding-bottom: 15px;
  }
  .pd-b-20 {
    padding-bottom: 20px;
  }
  .pd-b-25 {
    padding-bottom: 25px;
  }

  .pd-l-5 {
    padding-left: 5px;
  }
  .pd-l-10 {
    padding-left: 10px;
  }
  .pd-l-15 {
    padding-left: 15px;
  }
  .pd-l-20 {
    padding-left: 20px;
  }
  .pd-l-25 {
    padding-left: 25px;
  }

  .pd-r-5 {
    padding-right: 5px;
  }
  .pd-r-10 {
    padding-right: 10px;
  }
  .pd-r-15 {
    padding-right: 15px;
  }
  .pd-r-20 {
    padding-right: 20px;
  }
  .pd-r-25 {
    padding-right: 25px;
  }

  .tbl-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width:500px;
    height:350px;
  }

  img {
    max-width: 100% !important;
    object-fit:cover;
  }


  /* Image Cropper */
  .page {
    margin: 1em auto;
    max-width: 768px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
  }
  
  .box {
    padding: 0.5em;
    width: 100%;
    margin:0.5em;
  }
  
  .box-2 {
    padding: 0.5em;
    width: calc(100%/2 - 1em);
  }
  
  .options label,
  .options input{
    width:4em;
    padding:0.5em 1em;
  }
  /* .btn{
    background:white;
    color:black;
    border:1px solid black;
    padding: 0.5em 1em;
    text-decoration:none;
    margin:0.8em 0.3em;
    display:inline-block;
    cursor:pointer;
  } */
  
  .hide {
    display: none;
  }
  
  img {
    max-width: 100%;
  }

  /* photo gallery thumbnail */
  .thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
  }