/* ************************************************************************************************ */
/* TEXT & FONTS */
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.italic, .italics {font-style:italic !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-uppercase, .uppercase {text-transform:uppercase;}
.text-lowercase, .lowercase {text-transform: lowercase;}
.text-capitalize, .capitalize {text-transform: capitalize;}
  

.center-item, .item-center { display:block;margin:auto;}
.text-small, .text-sm, .small {font-size: .85em;}
.text-extra-small, .text-xs, .extra-small {font-size: .70em;}


  



.text-default {color:#666 !important;}
.text-white {color:#FFF !important;}
.text-white-30 {color:rgba(255,255,255,.3) !important;}
.text-white-50 {color:rgba(255,255,255,.5) !important;}
.text-white-70 {color:rgba(255,255,255,.7) !important;}
.text-black {color:#000 !important;}
.text-black-30 {color:rgba(0,0,0,.3) !important;}
.text-black-50 {color:rgba(0,0,0,.5) !important;}
.text-black-70 {color:rgba(0,0,0,.7) !important;}

a{outline: none !important;transition: all 0.7s ease-out;}
a,a:hover,a:link,a:visited,a:focus{text-decoration: none;}


/* ************************************************************************************************ */
/* BACKGROUNDS AND OVERLAYS */
.bg-alt {background:#FAFAFA;border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
.well-white {background:#FFF;}
.well-dark {background:#434343;}  

.overlay-black-95 {background:rgba(0,0,0,.95);}
.overlay-black-80 {background:rgba(0,0,0,.8);}
.overlay-black-70 {background:rgba(0,0,0,.7);}
.overlay-black-60 {background:rgba(0,0,0,.6);}
.overlay-black-50 {background:rgba(0,0,0,.5);}
.overlay-black-40 {background:rgba(0,0,0,.4);}
.overlay-black-30 {background:rgba(0,0,0,.3);}
.overlay-black-20 {background:rgba(0,0,0,.2);}
.overlay-white-80 {background:rgba(255,255,255,.8);}
.overlay-white-70 {background:rgba(255,255,255,.7);}
.overlay-white-60 {background:rgba(255,255,255,.6);}
.overlay-white-50 {background:rgba(255,255,255,.5);}
.overlay-white-40 {background:rgba(255,255,255,.3);}
.overlay-white-30 {background:rgba(255,255,255,.3);}
.overlay-white-20 {background:rgba(255,255,255,.2);}

.fill{background-position: center;background-repeat: no-repeat;background-size: cover;}

  
/* ************************************************************************************************ */
/* STANDARD UTILITIES */
.clearfix::before,.clearfix::after {content: " ";display: table;} .clearfix::after {clear: both;}

/* ************************************************************************************************ */
/* TABLES */
.mytable,.my-table{display: table;width: 100%;height: 100%;}
.table-cell,.table-cell-xs,.table-cell-sm,.table-cell-md,.table-cell-lg,.table-cell-xl{display: table-cell;}
	@media (max-width: 767px){.table-cell-md,.table-cell-lg,.table-cell-xl{display: block;width:100%;}}
	@media (max-width: 992px){.table-cell-lg,.table-cell-xl{display: block; width:100%;}}
	@media (max-width: 1200px){.table-cell-xl{display: block; width:100%;}}
.fullHeight {height: 100%;}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;  
}
.small-gutters > [class*="col-"] {
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}
[class*="col-"].zoom{
  overflow:hidden;
}
[class*="col-"].zoom:hover img{
  transition: all 0.5s ease-out;
  transform: scale(1.1);
}

/* ************************************************************************************************ */
/* Title Block */
.title-block {
  height:2.5em;
  border-bottom:1px solid #fff;
  margin-bottom:1em;
}

/* ************************************************************************************************ */
/* VISIBILITY AND POSITIONING */
.overflow-hidden {overflow:hidden;}
.va-top{vertical-align: top;}
.va-middle{vertical-align: middle;}
.va-bottom{vertical-align: bottom;}
.relative, .position-relative {position:relative;}
.absolute, .position-absolute {position:absolute;}
.fixed {position: fixed;}
.top, .position-top {top:0;}
.bottom, .position-bottom {bottom:0;}
.left, .position-left {left:0;}
.right, .position-right {right:0;}
.block, .display-block {display:block;}
.clear {clear: both;}
.inline {display: inline;}
.block {display: block;}
.inline-block {display: inline-block;}
.float-left {display: table;float: left;}
.float-right {display: table;float: right;}

.floated-list {margin-bottom: 0; }
	ul.floated-list li {float: left;display: block; }
    ul.floated-list li a {display: block; }   
 


/* ************************************************************************************************ */
/* PADDING & MARGINS */
section.padding-none{padding-top: 0; padding-bottom: 0;}
section.padding-xs{padding-top: 10px; padding-bottom: 10px;}
section.padding-sm{padding-top:20px; padding-bottom: 20px;}
section.padding-md{padding-top: 40px; padding-bottom: 40px;}
section.padding-lg{padding-top: 80px; padding-bottom: 80px;}
section.padding-xl{padding-top: 120px; padding-bottom: 120px;}

.pt-none{padding-top: 0;}
.pt-xs{padding-top: 10px;}
.pt-sm{padding-top:20px;}
.pt-md{padding-top: 40px;}
.pt-lg{padding-top: 80px;}
.pt-xl{padding-top: 120px;}

.pb-none{padding-bottom: 0;}
.pb-xs{padding-bottom: 10px;}
.pb-sm{padding-bottom:20px;}
.pb-md{padding-bottom: 40px;}
.pb-lg{padding-bottom: 80px;}
.pb-xl{padding-bottom: 120px;}

.ptb-none{padding-top: 0;padding-bottom: 0;}
.ptb-xs{padding-top: 10px;padding-bottom: 10px;}
.ptb-sm{padding-top: 20px;padding-bottom:20px;}
.ptb-md{padding-top: 40px;padding-bottom: 40px;}
.ptb-lg{padding-top: 80px;padding-bottom: 80px;}
.ptb-xl{padding-top: 120px;padding-bottom: 120px;}
.ptb-xxl{padding-top: 200px;padding-bottom: 200px;}
.ptb-xxxl{padding-top: 320px;padding-bottom: 320px;}
@media only screen and (max-width: 480px) {
  .ptb-xxl{padding-top: 40px;padding-bottom: 40px;}
  .ptb-xxl{padding-top: 60px;padding-bottom: 60px;}
  }

.pl-none{padding-left: 0;}
.pl-xs{padding-left: 10px;}
.pl-sm{padding-left:20px;}
.pl-md{padding-left: 40px;}
.pl-lg{padding-left: 80px;}
.pl-xl{padding-left: 120px;}
@media only screen and (max-width: 767px) {
.pl-sm,.pl-md,.pl-lg,.pl-xl {padding-left: 10px;}	
}

.pr-none{padding-right: 0;}
.pr-xs{padding-right: 10px;}
.pr-sm{padding-right:20px;}
.pr-md{padding-right: 40px;}
.pr-lg{padding-right: 80px;}
.pr-xl{padding-right: 120px;}
@media only screen and (max-width: 767px) {
.pr-sm,.pr-md,.pr-lg,.pr-xl {padding-right: 10px;}	
}

.plr-none{padding-left: 0;padding-right: 0;}
.plr-xs{padding-left: 10px;padding-right: 10px;}
.plr-sm{padding-left:20px;padding-right: 20px;}
.plr-md{padding-left: 40px;padding-right: 40px;}
.plr-lg{padding-left: 80px;padding-right: 80px;}
.plr-xl{padding-left: 120px;padding-right: 120px;}
@media only screen and (max-width: 767px) {
.plr-sm,.plr-md,.plr-lg,.plr-xl {padding-left: 10px;padding-right: 10px;}	
}

section.margin-none{margin-top: 0; margin-bottom: 0;}
section.margin-xs{margin-top: 10px; margin-bottom: 10px;}
section.margin-sm{margin-top:20px; margin-bottom: 20px;}
section.margin-md{margin-top: 40px; margin-bottom: 40px;}
section.margin-lg{margin-top: 80px; margin-bottom: 80px;}
section.margin-xl{margin-top: 120px; margin-bottom: 120px;}

.mt-none{margin-top: 0;}
.mt-xs{margin-top: 10px;}
.mt-sm{margin-top:20px;}
.mt-md{margin-top: 40px;}
.mt-lg{margin-top: 80px;}
.mt-xl{margin-top: 120px;}

.mb-none{margin-bottom: 0;}
.mb-xs{margin-bottom: 10px;}
.mb-sm{margin-bottom:20px;}
.mb-md{margin-bottom: 40px;}
.mb-lg{margin-bottom: 80px;}
.mb-xl{margin-bottom: 120px;}

.mtb-none{margin-top: 0;margin-bottom: 0;}
.mtb-xs{margin-top: 10px;margin-bottom: 10px;}
.mtb-sm{margin-top: 20px;margin-bottom:20px;}
.mtb-md{margin-top: 40px;margin-bottom: 40px;}
.mtb-lg{margin-top: 80px;margin-bottom: 80px;}
.mtb-xl{margin-top: 120px;margin-bottom: 120px;}

.ml-none{margin-left: 0;}
.ml-xs{margin-left: 10px;}
.ml-sm{margin-left:20px;}
.ml-md{margin-left: 40px;}
.ml-lg{margin-left: 80px;}
.ml-xl{margin-left: 120px;}
@media only screen and (max-width: 767px) {
.ml-sm,.ml-md,.ml-lg,.ml-xl {margin-left: 10px;}	
}

.mr-none{margin-right: 0;}
.mr-xs{margin-right: 10px;}
.mr-sm{margin-right:20px;}
.mr-md{margin-right: 40px;}
.mr-lg{margin-right: 80px;}
.mr-xl{margin-right: 120px;}
@media only screen and (max-width: 767px) {
.mr-sm,.mr-md,.mr-lg,.mr-xl {margin-right: 10px;}	
}

.mlr-none{margin-left: 0;margin-right: 0;}
.mlr-xs{margin-left: 10px;margin-right: 10px;}
.mlr-sm{margin-left:20px;margin-right: 20px;}
.mlr-md{margin-left: 40px;margin-right: 40px;}
.mlr-lg{margin-left: 80px;margin-right: 80px;}
.mlr-xl{margin-left: 120px;margin-right: 120px;}
@media only screen and (max-width: 767px) {
.mlr-sm,.mlr-md,.mlr-lg,.mlr-xl {margin-left: 10px;margin-right: 10;}	
}


.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}






/* ************************************************************************************************ */
/* VIDEO */
.videoWrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
  
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
position:relative;
padding-bottom:56.25%;
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%;
}
.hero-video {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  .hero-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  .hero-video .container {
    position: relative;
    z-index: 2;
  }
  
  .hero-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
  }
  
  @media (pointer: coarse) and (hover: none) {
    .hero-video {
      background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
    }
    .hero-video video {
      display: none;
    }
  }
  .iframe-container {
    overflow: hidden;
    position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
  }
   
  .iframe-container iframe {
     border: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
  }
  
  .iframe-container-50h {
    overflow: hidden;
    position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
  }
   
  .iframe-container-50h iframe {
     border: 0;
     height: 50%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
  }

  .vr-both {
    border-left:1px solid rgba(255,255,255,.3);
    border-right:1px solid rgba(255,255,255,.3);
  }
  .vr-left {
    border-left:1px solid rgba(255,255,255,.3);
  }
  .vr-right {
    border-right:1px solid rgba(255,255,255,.3);
  }

  /*  This is for CODE / DEV FEATURE */
  .code-slideout {
    position:absolute;
    top:0;
    right:-130px;
    background:rgba(0,0,0,.4);
    border-left:10px solid rgba(0,0,0,.4);
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:60px;
    width:150px;
    border-radius: 10px 0 0 10px;
    transition: all 0.3s ease-out;
    padding-left:20px;
    padding-top:15px;
    overflow:hidden;
  }
  .code-slideout:hover {
    position:absolute;
    top: 0;
    right: 0;
    background:#333;
  }
  .code-slideout a {
    font-size:1.2em;
    font-weight:800;
    color:#8CC63F ;
  }
  .code-slideout a:hover {
    color:#eb0985;
  }
  .border-bottom-light {
    border-bottom:1px solid #ccc;
  }

.block-8c {
  display:block;
  width:75%;
  text-align:center;
  margin:auto;
}  
  @media only screen and (max-width: 767px) {
    .block-8c {width:95%;}
  }
  .block-6c {
    display:block;
    width:50%;
    text-align:center;
    margin:auto;
  }  
    @media only screen and (max-width: 767px) {
      .block-6c {width:95%;}
    }





  /* #eb0985  PINK */
  /* #8CC63F LIME GREEN */