.activity_container {
    width      : 100%;
    height     : 100%;
    position   : relative;
    overflow   : hidden;
    font-size  : 1.3em;
    background : #fff;
    box-shadow : inset 0 0 30px #f2f2f2;
}

.activity_container, .activity_container * {
    position : relative;
    margin   : 0;
    padding  : 0;
}

.activity_container .nextBtn{
    display  : none;
    position : absolute;
    bottom   : 0%;
    right    : 0%;
    width    : 7%;
    height   : 10%;
    z-index  : 10;
}

.activity_container .prevBtn{
    display  : none;
    position : absolute;
    bottom   : 0%;
    left     : 0%;
    width    : 7%;
    height   : 10%;
    z-index  : 10;
}

@font-face {
    font-family: amaranth;
    src: url("../fonts/amaranath/amaranth-regular.ttf");
}

html, body {
	margin: 0;
	height: 100%;
	width: 100%;
}

p{
	margin: 0;
}
.contentwithbg {
	width: 100%;
	height: 100%;
	background: url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/introduction-slide.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.nextBtn {
	display: none;
	position: absolute;
	bottom: 0%;
	right: 0%;
	width: 7%;
	height: 10%;
	z-index: 1000!important;
}

.prevBtn {
	display: none;
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 7%;
	height: 10%;
	z-index: 1000!important;
}

.myNextStyle {
	cursor: pointer;
	background-image: url("../../../../../../images/arrows/arrow.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.myNextStyle:hover {
	background-image: url("../../../../../../images/arrows/arrow_hover.png");
}

.myNextStyle:active {
	background-image: url("../../../../../../images/arrows/arrow_active.png");
}

.myPrevStyle {
	cursor: pointer;
	background-image: url("../../../../../../images/arrows/arrow_prev.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.myPrevStyle:hover {
	background-image: url("../../../../../../images/arrows/arrow_hover_prev.png");
}

.myPrevStyle:active {
	background-image: url("../../../../../../images/arrows/arrow_active_prev.png");
}

.board {
	position: absolute;
	top: 0%;
	left: 0%;
	text-align: center;
	height: 100%;
	width: 100%;
    font-family: amaranth;
}

.vertical-horizontal-center {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.vertical-center {
	position: relative;
	top: 45%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
}

.coverboardfull {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.generalTemplateblock {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	/*border   : 1px solid red; */
}

div.headerblock {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 20%;
	background-color: #E3D0DA;
	color: #CE00A7;

	/*border   : 1px solid red;*/
}

div.generalTemplateblock[data-templatecontains='hasheaderblock'] div.contentblock {
	top: 20%;
	height: 80%;
	position: absolute;
	width: 100%;
}

div.generalTemplateblock[data-templatecontains='hasonlycontent'] div.contentblock {
	top: 0%;
	height: 100%;
}

/*============ exercise template ===================
==================================================== */



.exefin {
	display: none;
    width: 100%;
    height: 20%;
    position: absolute;
    padding-bottom: 1%;
    top: 25%;
    animation: fade-in 1s linear forwards;
    text-align: center;
}

.exefin{
}

@keyframes fade-in{
	from{opacity: 0;}
	to{opacity: 1;}
}

.circleimg{
    background-image: url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/11.jpg") !important;
}

.backtrue{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 6% 10% !important;
    margin: 1% !important;
}

div.imageblock {
	position: absolute;
	width: 100%;
	height: 100%;
	/*border     : 1px solid green; */
}

.jump_rhino {
	-webkit-animation: jump_rhino 0.5s cubic-bezier(0,.5,1,.5);
	animation: jump_rhino 0.5s cubic-bezier(.5,1,1,.75);
}
@keyframes
jump_rhino{
	50% {transform: translateY(-150%);}
}
@-webkit-keyframes
jump_rhino{
	50% {transform: translateY(-150%);}
}

.zoom_rhino {
	-webkit-animation: zoom_rhino 1s linear forwards;
	animation: zoom_rhino 1s linear forwards;
	animation-delay:0.75s;
	transform-origin: bottom right;
}
.zoom_marks_rhino {
	-webkit-animation: zoom_marks_rhino 1s linear forwards;
	animation: zoom_marks_rhino 1s linear forwards;
	animation-delay:0.75s;
}
@keyframes
zoom_marks_rhino{
	100% {transform: scale(2);right: 35%;  top: 15%;}
}
@-webkit-keyframes
zoom_marks_rhino{
	100% {transform: scale(2); right: 35%; top: 15%;}
}

@keyframes
zoom_rhino{
	100% {transform: scale(2.5);right: 0%;  bottom: 30%;}
}
@-webkit-keyframes
zoom_rhino{
	100% {transform: scale(2.5); right: 0%; bottom: 30%;}
}

/*--------- for exercise -------------*/
.main_bg{
	background: linear-gradient(#0066A4, #FBFCFF);

}
/*------------------ specific blocks ------------------*/
.textblock{
	position: absolute;
}
.instruction{
	position: absolute;
	bottom: 82%;
	left: 15%;
	width: 70%;
}

.correct{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 10%;
	padding: 5%!important;
	border: 3px solid #FCD172;
	background-color: #6EB260;
	color: white;
}
.incorrect{
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10%;
	padding: 5%!important;
	background-color: #BA6B82;
	color: black;
}

.correct:hover{
	opacity: 0.6;
}
.incorrect:hover{
	opacity: 0.6;
}
.blank-space{
	white-space: pre;
	color: #00B785;
	border-bottom: 0.3vmin dashed black;
}
.eximg{
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	height: 35%;
}

.optionsblock{
	position: absolute;
	padding: 0% 2%;
	height: 40%;
	bottom: 2%;
	width: 50%;
	left: 25%;
	z-index: 10;
	border-radius: 3vmin;
}
.tb-large{
	width: 50%;
	left: 25%;
}
.tb-large-2{
	width: 85%;
	left: 7.5%;
}
.tb-large-2>p{
	left: 2%;
	width: 96%;
}
.options {

    position: absolute;
    cursor: pointer;
    font-size: 1.7vw;
    background: #0097a7;
    padding: 1%;
    border-radius: .4em;
    border: .7vmin solid #0097a7;
    color: white;
    width: 38%;

}
.options:hover {
  background: #a4c2f4;
  border-color: #6d9eeb;
}
.pos-2, .pos-1 {
    left: 25%;
    top: 49%;
    transform: translateX(-50%);
}
.pos-2 {
    left: 75%;
}


/*-------------------------
 ------- for fonts --------
 --------------------------*/


.my_font_very_big{
	font-size: 4vw;
}

.my_font_big{
	font-size: 3.3vw;
}
.my_font_medium{
	font-size: 2.2vw;
}
.my_font_small{
	font-size: 1.5vw;
}
.question {
    position: absolute;
    padding: 1%;
    top: 22%;
    transform: translateX(-50%);
    left: 50%;
    font-size: 1.8vw;
    width: 100%;
}

.bg1{
	background:url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/bg_02.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bg2{
	background:url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/bg_01.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bg3{
	background:url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/bg-03.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bg4{
	background:url("http://gituploads.olenepal.org/epaath_media/activity/nepali/jaibik_kheti/exercise/images/bg_04.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bg5{
	background-color: #F5916F;
}
.bg6{
	background-color: #FCE5CD;
}
.bg7{
	background-color: #6AA84F;
}
.bg8{
	background-color: #D0E0E3;
}
.bg9{
	background-color: #D9D2E9;
}
.bg10{
	background-color: #EAD1DC;
}




.tb1{
	background-color: #A5695E;
}
.tb2{
	background-color: #AD736D;
}
.tb3{
	background-color: #3E7230;
}
.tb4{
	background-color: #BF9D6C;
}
.tb5{
	background-color: #AE543B;
}
.tb6{
	background-color: #DFA37C;
}
.tb7{
	background-color: #55954B;
}
.tb8{
	background-color: #86AFC4;
}
.tb9{
	background-color: #897EA5;
}
.tb10{
	background-color: #996E84;
}
.bg_cream{
  background: #ffe7d7;
}
.top_instruction {
    position: absolute;
    font-size: 2vw;
    background: #727077;
    color: white;
    width: 100%;
    padding: 1%;
    top: 0;
    left: 0;
    text-align: center;
}
.ex-number-template-score {
    top: 0;
    right: 0;
    border-top-right-radius: 0;
}
.mid_mg {

    position: absolute;
    width: 50%;
    transform: translateX(-50%);
    left: 50%;
    top: 26%;

}
.top_70{
  top:70% !important;
}
@media (min-aspect-ratio: 4/3){
  .top_instruction{
    font-size: 4.5vmin;
  }
  .question{
    font-size: 4vmin;
  }

}