.hide{display: none;}
.flash-alert{
    position: fixed;
    margin: 10px;
    z-index: 1000;
    display: block;
    right: 0px;
    left: 0px;
  }

.flex-container{
	width: 100%;
	min-height1: 300px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */		
	display: flex; /* Standard syntax */
}
.flex-container .column{
	padding: 10px;
	-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 1; /* Standard syntax */
	min-width: 25%;
    max-width: 50%;
    margin:auto;
}
.flex-container .column.bg-alt{
	background: #b4bac0;
}


.list-center-aligned {padding1:50px 0; margin1: 0 0 40px;   }
.list-center-aligned .col{width:100%; float:left;min-width: calc(25% - 15px);}
.list-center-aligned .col img{display: block; margin:0 auto 30px;max-width: 100px;
	opacity: .60;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;}
.list-center-aligned .col p{margin-bottom:0; line-height: 1.2em; letter-spacing1:-1px;}
.list-center-aligned .row .col{padding:10px 10px;margin-right:15px;}
.list-center-aligned .row .col:last-of-type{margin-right:0px;}
.list-center-aligned .col{padding: 15px 5px 15px; text-align: center; min-height1: 330px;}
.list-center-aligned .col:hover img {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width:767px){
.list-center-aligned .col{width:50%}
.list-center-aligned .col:last-of-type{width:100%;}
 .list-center-aligned{padding:30px 0; margin-bottom1:20px}
  .list-center-aligned .col{margin-bottom: 20px; padding-top: 20px;}
}

.list-index-0 .col{width: 100%;height: 100%}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: trans.form-v2 .two-column 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute !important;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}


.fill-child{position: relative;min-height: 250px;}
.fill-child>*{position: absolute;top:0px;bottom: 0px;left: 0px;right: 0px;    margin: auto;
    width: 100%;
    height: 100%;}


#submit_payment_gateway .section-summary.coupon-section {
    float: right;
    width: 40%;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    margin-bottom: 15px;
    padding: 0;
}

.no-border-top{border-top:none;}
.no-border-bottom{border-bottom:none;}
.no-border-left{border-left:none;}
.no-border-right{border-right:none;}
.no-border{border:none;}

.tree-list{list-style:none !important;}

.main-body {
    padding-top: 40px;
}

button[type=submit].form-control {
    flex: none !important;
    width: fit-content !important;
    background-color: #3490dc;;
    color: #fff;
    margin: auto;
    clear:both;
}
.nav-tabs{
  display:inline-flex;
  max-width: 100%;
  min-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.nav-tabs li{
  margin-right: 10px;
  list-style-type:none;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 3rem 2rem !important;
  }
  .form-v2 .two-column label,.form-v2 .two-column.form-group {
    display:flex;
  }
  .form-v2 .two-column label{
    display:flex;    
    height: calc(1.6em + 0.75rem + 2px);
      padding: 0.375rem 0.75rem;
      margin: 0px;
      background-color: #eee;
      margin-right: -2px;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
  }
  .form-v2 .two-column .form-control{flex: 1 1 auto;-ms-flex: 1 1 auto; width: 1%;}
  .form-v2 .two-column.form-group  {
      display: flex;
      width: calc(50% - 10px);
      float: left;
      padding: 0;
      position: relative;
      margin-right: 10px;
  }
  .form-v2 .two-column .text-danger {
      position: absolute;
      margin-left: 5px;
      bottom: -12px;
  }
  .form-v2 .two-column-clearfix{
    display:inline-block;
    width: calc(100% - 10px);
    margin-right: 10px;
  }
}
@media (max-width: 576px) {
  .flex-container{width: 100%}
  h5{font-size:1.15rem;line-height: 1.4em}
  .theme-btn{padding: 5px 10px;font-size: 16px;line-height: 22px;}
  .slider-content{bottom:60px !important;padding: 0 20px !important;}
  .flex-container .column{min-width: 50%}
  .form-v2 .two-column.form-group {width: 100%}
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
    -moz-transition: opacity 3s;
    -webkit-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    -moz-transition: opacity 3s;
    -webkit-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
  }
}

.slider-content h4,.slider-content h2,.slider-content p{
  animation: 3s ease-out 0s 1 slideInFromTop;
}

input[type=image]{
  pointer-events: none;
}

span[data-descr] {
  position: relative;
  text-decoration: underline;
  color: #00F;
  cursor: help;
}

span[data-descr]:hover::after,
span[data-descr]:focus::after {
  content: attr(data-descr);
  position: absolute;
  left: 0;
  top: 24px;
  min-width: 200px;
  border: 1px #aaaaaa solid;
  border-radius: 10px;
  background-color: #ffffcc;
  padding: 12px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
}

.tab-content{    padding: 10px 15px;
    border: 1px solid #ccc;
    border-top: 0px;
    border-radius: 5px;
    margin-top: -1px;
}

.overflow-scroll{
    max-height: 300px;
    overflow-y:auto;
}


.flash-alert{cursor: pointer;}
.flash-alert:after {
    content: 'x';
    position: absolute;
    right: 20px;
}

.form-group.form-collection-item{display:flex;}
.form-group{width:100%;}
.form-collection-item .form-group {    padding-right: 10px;}
.form-collection-item .form-group:last-child{padding-right:0px;}
section.light{padding: 40px 0px;
    margin-bottom: 40px;}

textarea[aria-hidden=true] { /*tince focussable hack*/
    display: block !important;
    height: 1px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
#content{margin-top:20px;}



.choice-collection-wrapper>.choice-wrapper{
    display: inline-block;
}
.choice-collection-wrapper>label,.choice-wrapper{width:15.6%;border-bottom: 1px solid #000;background-color: #eee;line-height: 20px ; font-size: 15px;padding: 5px;}
.choice-collection-wrapper>label{background-color: yellow}
.choice-collection-wrapper label{margin-bottom: 0px;}
.choice-collection-wrapper:last-of-type{margin-bottom: 20px;}
.choice-collection-wrapper input[type=checkbox],.choice-collection-wrapper input[type=radio]{
  display: inline;
  width: auto;
}