.box{
	opacity: 0.2;
	transform: translateX(-15%);
	transition: all 2s;
}
.box.show{
	opacity: 1;
	transform: translateX(0%);
	transition: all 2s;
}

.faq_top{
	opacity: 0.2;
	transition: all 3s;
}
.faq_top_show{
	opacity: 1;
	transition: all 3s;
}

.main1{
	background-image: url(background_image_jpg.jpg);
	background-size: cover;
    height:100%;
    width: 100%;
}

.wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    left: 0;
    z-index: 20;
}
	  
.blure_filter{
	filter: blur(1px);
}
	
.nax {
  background: #262626 !important;
  transition: all 1.5s;
}
.nax.show {
  background: #0d0d0d !important;
  transition: all 1.5s;
}

.zoom{
	opacity: 1;
	transform: scale(100%);
	transition: all 1.6s;
	
}
.zoom.show{
	opacity: 0.8;
	transform: scale(70%);
	transition: all 1.6s;
	
}

.divider_yellow{
	color:#ffbb33;
	background-color:#ffbb33;
	opacity: 1;
	height:1px;
	border:none;
}

.font_orange{
color:#ff6600;
}
.yellow_font{
color:#ffbb33;
}
.white_font{
color:white;
}
.gray__font{
color:#262626;;
}

.yellow_back{
background-color:#ffbb33;
}
.white_back{
background-color:white;
}
.gray_back{
background-color:#262626;
}
.darkgray_back{
background-color:#0d0d0d;
}

/* xs */
.logo_size {
    width: 15%;
    height: auto;
}

.div_hider {
    display: none;
}
.div_hider_flip {
	display: none;
}
/* xsm */
@media (min-width: 200px) {
    .logo_size {
        width: 70%;
    }
	.div_hider {
		display: block;
	}
	.div_hider_flip {
		display: none;
	}
	.move_left_on_small{
		transform: translateX(0%);
	}
	.faq_move_left_on_small{
		transform: translateX(0%);
	}
}
/* sm */
@media (min-width: 768px) {
    .logo_size {
        width: 40%;
    }
	.div_hider {
		display: block;
	}
	.div_hider_flip {
		display: none;
	}
	.move_left_on_small{
		transform: translateX(0%);
	}
	.faq_move_left_on_small{
		transform: translateX(0%);
	}
}
/* md */
@media (min-width: 992px) {
    .logo_size {
        width: 30%;
    }
	.div_hider {
		display: none;
	}
	.div_hider_flip {
		display: block;
	}
	.move_left_on_small{
		transform: translateX(0%);
	}
	.faq_move_left_on_small{
		transform: translateX(0%);
	}
}
/* lg */
@media (min-width: 1200px) {
    .logo_size {
        width: 20%;
    }
	.div_hider {
		display: none;
	}
	.div_hider_flip {
		display: block;
	}
	.move_left_on_small{
		transform: translateX(0%);
	}
	.faq_move_left_on_small{
		transform: translateX(0%);
	}
}