/*-------- 3.4 Spacing --------*/
/* Notification Bar
----------------------------------------------------------*/
/* Filter Bar »ç¿ë¾ÈÇÔ-----*/


/* Countdown */
.countdown { font-size: 74px; font-weight: 100; line-height: 1; }
.countdown > span { margin-right: 15px; margin-bottom: 15px; display: inline-block; }
.countdown .weeks, .countdown .days { position: relative; }
.countdown .weeks > span, .countdown .days > span { position: absolute; bottom: -15px; left: 0; right: 0; text-align: center; font-size: 13px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;
 text-transform: uppercase; }

/* Close */
.close { text-shadow: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.close:hover, .close:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.dark .close { color: #fff; }




/* Alerts
----------------------------------------------------------*/
.alert { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; color: #fff !important; }
.alert .close { position: relative; top: 3px; font-size: 12px; color: #fff !important; text-shadow: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.alert .close:hover, .alert .close:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.alert-success { background-color: #8ac04b; }
.alert-info { background-color: #2786c9; }
.alert-warning { background-color: #f19354; }
.alert-danger { background-color: #e74c3c; }


/* Submit Button */
.btn-submit { display: block; text-align: center; width: 100%; background-color: transparent !important; border: none; }
.btn-submit:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 15px; padding-top: 9px; background-color: #0f4fb9; border: 2px solid #0f4fb9; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; content: ' '; }
.btn-submit > * { position: relative; z-index: 2; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.btn-submit.loading { -webkit-pointer-events: none; pointer-events: none; }
.btn-submit.loading > * { opacity: 0 !important; visibility: hidden; }
.btn-submit.loading:after { width: 45px; left: 50%; margin-left: -23px; -moz-animation: btnLoading 1.2s both 0.5s infinite; -webkit-animation: btnLoading 1.2s both 0.5s infinite; animation: btnLoading 1.2s both 0.5s infinite; }
.btn-submit.loading.success:after { font-family: 'themify'; background-color: #8ac04b; border-color: #8ac04b; -moz-animation: none; -webkit-animation: none; animation: none; content: "\e64c"; }
.btn-submit.loading.error:after { font-family: 'themify'; background-color: #e74c3c; border-color: #e74c3c; -moz-animation: none; -webkit-animation: none; animation: none; content: "\e646"; }
.btn-submit.btn-sm:after { font-size: 13px; padding-top: 8px; }
.btn-submit.btn-sm.loading:after { width: 38px; margin-left: -19px; }
.btn-submit.btn-lg:after { font-size: 17px; padding-top: 14px; }
.btn-submit.btn-lg.loading:after { width: 54px; margin-left: -27px; }

@-moz-keyframes btnLoading { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -moz-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -moz-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes btnLoading { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes btnLoading { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  12% { -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  38% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  62% { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  87% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* Play Button */
.btn-play { position: relative; display: inline-block; font-size: 52px; width: 72px; height: 72px; font-size: 22px; vertical-align: middle; margin-bottom: 3px; color: #fff; }
.btn-play:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ' '; background: rgba(0, 0, 0, 0.5); }
.btn-play:after { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); filter: blur(0); border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #ffffff; content: ' '; }
.btn-play:hover:before { -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.btn-play.btn-lg { width: 112px; height: 112px; }
.btn-play.btn-lg:after { border-width: 10px 0 10px 18px; }

/* Backgrounds
----------------------------------------------------------*/
/* Image */
.bg-image, .bg-parallax, .bg-slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 0; }
.bg-multiply { mix-blend-mode: multiply; }
.bg-slideshow .owl-wrapper-outer, .bg-slideshow .owl-wrapper, .bg-slideshow .owl-item { height: 100%; overflow: hidden; }
.bg-image > img { display: none; }
.bg-fixed { background-attachment: fixed; }

/* Colors */

/* Images
----------------------------------------------------------*/
.img-rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.img-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.gray-to-color { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-filter: grayscale(1); filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.gray-to-color:hover { -webkit-filter: grayscale(0); filter: grayscale(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.color-to-grey { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.color-to-grey:hover { -webkit-filter: grayscale(1); filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/* Badges
----------------------------------------------------------*/
.badge { font-size: 12px; padding: 3px 5.5px; font-weight: normal; }
.label { text-transform: uppercase; color: #fff; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0.7em .9em .8em; font-size: 80%; display: inline-block; vertical-align: middle; }
.label.label-default { color: #434343; }
.label.label-primary { background-color: #0f4fb9; }
.label.label-secondary { background-color: #1f1f1f; }
.label.label-info { background-color: #2786c9; }
.label.label-warning { background-color: #f19354; }
.label.label-danger { background-color: #e74c3c; }
.label.label-success { background-color: #8ac04b; }
.label.label-dark { background-color: #1f1f1f; }

/* ----------------------------------------------------------------------------- */
/* --- 8. ANIMATIONS
/* ----------------------------------------------------------------------------- */
.animated { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

/* Zooming */
.zooming { -moz-animation: zooming 18s infinite both; -webkit-animation: zooming 18s infinite both; animation: zooming 18s infinite both; }

@-moz-keyframes zooming { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes zooming { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes zooming { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* Blinking */
.blinking { -moz-animation: blinking 2s infinite both; -webkit-animation: blinking 2s infinite both; animation: blinking 2s infinite both; }

@-moz-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blinking { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }


.typed-cursor3 {border: 1px solid #fa4748;
	padding: 10px;
	position: relative;background: rgb(196,19,45);animation: pulse5 2s infinite;
	
	/* 
--------------------------------------------------------
	background:#fa4748 url(../img/bg/main_ban.png) center left no-repeat;---------*/
	margin-bottom: 5px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	text-align: center;-webkit-border-radius: 10px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
@keyframes pulse5 {
	0% {
	  -moz-box-shadow: 0 0 0 0 rgba(89,215,13, 0.6);
	  box-shadow: 0 0 0 0 rgba(89,215,13, 0.6);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(89,215,13, 0);
		box-shadow: 0 0 0 10px rgba(89,215,13, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(89,215,13, 0);
		box-shadow: 0 0 0 0 rgba(89,215,13, 0);
	}
  }

/* Typing */
.typed-cursor { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 1.5s infinite; -webkit-animation: blinking 1.5s infinite; animation: blinking 1.5s infinite; }
.typed-cursor2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-animation: blinking 1.5s animation-duration: 3s; ; -webkit-animation: blinking 1.5s animation-duration: 3s; animation: blinking 1.5s ; animation-duration: 3s;}