/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@font-face {
    font-family: 'Obelix Pro';
    src: url('/fonts/obelixpro-cyr-webfont.woff2') format('woff2'),
         url('/fonts/obelixpro-cyr-webfont.woff') format('woff'),
		 url('/fonts/ObelixPro-cyr.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6{font-family: 'Obelix Pro';}
.full_width{width:100%;height:auto;}
.float_left{float:left;padding-right:20px;}
.float_right{float:right;padding-left:20px;}
.clear{clear:both;}
.pad_bottom{padding-bottom:20px;}
.pad_top{padding-top:20px;}
.no_pad{padding:0;margin:0;}
.photo_holder{width:100%;text-align:center;position:relative;}
.inline{height:auto;position:relative;	margin: 0 auto;display:table;text-align:center;}
.ten{ width:10%; }
.fifteen{ width:15%; }
.twenty{ width:20%; }
.twentyfive{ width:25%; }
.thirty{ width:30%; }
.fourty{ width:40%; }
.fifty{ width:50%; }
.sixty{ width:60%; }
.seventy{ width:70%; }
.eighty{ width:80%; }
.ninety{ width:90%; }
.center{text-align:center;}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: auto;
  /*border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  
}

/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}

@media (max-width: 640px) {	
	.float_right,.float_left{float:none;padding-left:0px;display:block;}
	.inline{display:block;}
	.ten,
	.fifteen,
	.twenty,
	.twentyfive,
	.thirty,
	.fourty,
	.fifty,
	.sixty,
	.seventy,
	.eighty,
	.ninety{ width:100%; }

}