/* This is empty CSS file intended to be overwritten by user's custom CSS file */
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v19-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins-v19-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v19-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v19-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v19-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v19-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v19-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v19-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v19-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v19-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

html,body {
  font-family: "Poppins";
  --font-family-sans-serif: "Poppins";
  --font-family-monospace: "Poppins";
}

h1, h2, h3 {
  font-family: "Poppins";
  text-transform: uppercase;
}

.home {
  height:42em;
}

.background {
    height: 40em;
}

.content {
    top: -25em;
}

#ityped{
  color: #E4DC51;
}

h1, h2, h3 {
  margin-bottom: 2.5rem;
}

.flip-card-back >
h1, h2, h3 {
  margin-bottom: .5rem;
}

.flip-card-back {
  width: 100%;
}

.post-content > ul {
  text-align: left !important;
}

/* ============= Device specific fixes ======= */

/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1400px) {
}

@media (min-width: 576px) {
  .flip-card-back > p {
    display:none;
  }
}

/* IPad Pro */
@media (min-width: 1200px) {
  body {
    font-size: 1.1rem;
  }
  .dropdown-menu,
  .btn {
    font-size: 1.1rem;
  }
}

@media (min-width: 1400px) {
  body {
    font-size: 1.2rem;
  }
}

@media (min-width: 1600px) {
  .dropdown-menu,
  .btn {
    font-size: 1.2rem;
  }
  .flip-card-back > p {
    display: block;
    font-size: 1rem;
  }
}

/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
  .training-image{
    justify-content: center;
    padding: 2em;
  }
  .social-link {
    justify-content: center;
  }
  #about{
    text-align: center;
  }
  .arrow{
    display:none;
  }
}

/* Medium devices (tablets, 768px and up) */

@media only screen and (max-width: 768px) {
  footer *{
    text-align: center !important;
    justify-items: center !important;
  }
}

/* Small devices (landscape phones, 576px and up) */

@media only screen and (max-width: 576px) {
  .resumebutton{
    display:none;
  }
}

/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 395px) {
  .navbar-brand {
    width:75%;
    margin-right:0px;
  }
}
.content{
  margin:1em;
}

/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}

/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}

@media (min-width:1600px) {
 .container {
  max-width:1500px;
 }
}

.big_slider {
  display:none !important;
}

@media only screen and (min-width: 1100px) {
  .big_slider{
    display:block !important;
  }

  .small_slider{
    display:none !important;
  }
}

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

#gallery .achievement-entry .title {
  color: #e5e9f2;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  padding: 5px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin-bottom: 0px;
  bottom: -5px;
  height: 100%;
}


.alignleft {
  text-align: left;
  align-content: left;
  justify-content: left;
}

.alignright {
  text-align: right;
  align-content: right;
  justify-content: right;
}

.inner-content >i{
  color:white;
  background: #454545;
  border-radius: 20%;
  box-shadow: #c6c6c6 10px 10px 10px;
  margin: auto 1em auto 1em;
}

.inner-content >a *{
  background: #e6e6e6;
  border-radius: 10px;
  box-shadow: #d6d6d6 10px 10px 10px;
  min-width: 15em;
}

.inner-content >a *:hover{
  -webkit-transform-origin:50% 50%;
  -webkit-transition:-webkit-transform 0.08s;
  -webkit-font-smoothing:antialiased;
  -webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg) translateZ(-30px);
  transition-timing-function: ease;
}

#acomplishment-card-holder{
  background: #f2f2f2;
  border-radius: 10px;
  box-shadow: #c6c6c6 10px 10px 10px;
  padding: 3em;
}

.contactbanner{
  width: 100%;
  display: flex;
  justify-content: center;
}

.contactbanner > .card{
  width: 40%;
  margin-bottom: -3em;
  z-index: 10000;
}

.contactbanner * {
  text-align: center !important;
}

footer{
  position: absolute;
  bottom: 0;
}

.flip-card {
  background-color: transparent;
  perspective: 1000px;
  margin-bottom: 15px;
  height: 500px;
}

.flip-card-inner {
  position: relative;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

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

.flip-card-front, .flip-card-back {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #fff;
  padding: 5px;
  color: #fff !important;
  transform: rotateY(180deg);
  height: 500px;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
  .flip-card,
  .flip-card-back {
    height: 296px;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
  .flip-card,
  .flip-card-back {
    height: 310px;
  }
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
  .flip-card,
  .flip-card-back {
    height: 400px;
  }
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
  .flip-card,
  .flip-card-back {
    height: 230px;
  }
}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1600px) {
  .flip-card,
  .flip-card-back {
    height: 320px;
  }
}

* {
  box-sizing: border-box;
}

/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #fff;
}

.fa {font-size:50px;}