/*fonts   */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
  font-family: 'FontAwesome';
  src:  url('../font/fontawesome-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    padding: 10px;
}

.grid-item {
  padding: 20px;
}

/*margins and padding pre-sets */
.m-t-45 {margin-top: 45px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-5 {margin-bottom: 5px;}
.v-pad20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.v-pad10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.v-pad1-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.v-pad5-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.v-pad6-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.v-pad15-5 {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}
.v-pad0-1 {
    padding-top: 0px !important;
    padding-bottom: 1px !important;
}
.v-pad25-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.v-pad30-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.v-pad-box{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.6px-corner {
    border-radius: 6px;
    -webkit-border-radius: 6px;
}
.no-margin { margin: 0px !important; }
.padding-10 {     padding: 10px !important;}
.padding-3 {     padding: 3px !important;}
.h150 { height: 150px;}
.h200 { height: 200px;}

/* text */
a {
  color: #337ab7;
  text-decoration: none;
}
 h5 {
font-size: 19px;
line-height: 28px;
font-weight: normal;
}
.text-master-light {
    color: #e6e6e6 !important;
}
.text-white {
    color: #fff !important;
}
.text-center {
    text-align: center !important;
}
.block-title {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.font-montserrat {
    font-family: 'Montserrat' !important;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}


/*background colours */
.bg-complete-dark {
    background-color: #89c550;  /* #3a8fc8     */
    box-shadow: 0px 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
}
.bg-complete-dark-box {
    background-color: #89c550;  /* #3a8fc8     */
    box-shadow: 0px 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    border-radius: 6px ;
}
.bg-complete-dark-table {
    background-color: #89c550;  /* #3a8fc8     */
    border-radius: 6px ;
}
.bg-menu-dark {
    background-color: #191B1F;
    box-shadow: 0px 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
}
.bg-menu-dark-box {
    background-color: #191B1F;
    box-shadow: 0px 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 31px rgba(0,0,0,0.2), 0 6px 4px rgba(0,0,0,0.1);
    border-radius: 6px;
}


/* hover tile css */
.hover-push {
    background: #202328;
    position: relative;
    cursor: pointer;
    box-shadow: 10px 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    border-radius: 6px ;
}
.hover-box {
    background: #202328;
    position: relative;
    box-shadow: 10px 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    border-radius: 6px ;
}
.hover-push .hover-caption {
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    border-radius: 6px;
}
.hover-push .hover-caption a {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.hover-push .hover-caption a:after {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}



/* hover raise up */
.hover-push:hover .hover-caption a:after {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    opacity: 1;
}

.hover-push:hover .hover-caption {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    box-shadow: 10px 19px 38px rgba(0,0,0,0.10), 0 60px 35px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 60px 35px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 60px 35px rgba(0,0,0,0.22);
}
.hover-push:hover .hover-caption a {
    opacity: 1;
}