/*custom css for layout 1*/


@media (min-width: 700px){
.entry-content h3 {
     margin: 0rem auto 2rem !important; 
}
}

@media (max-width: 992px){
.rounded-countdown .ClassyCountdown-value span {
    font-size: 20px !important; 
}
}

@media (max-width: 768px){
	.rounded-countdown .ClassyCountdown-value span {
    font-size: 22px !important; 
}
}

@media (max-width: 480px){
	.rounded-countdown .ClassyCountdown-value span {
    font-size: 14px !important; 
}
}

@media (max-width: 768px){
	.main-area .right-section h3 {
    font-size: 20px !important; 
}
}

@media (max-width: 480px){
	.main-area .right-section h3 {
    font-size: 18px !important; 
}
}

/*custom css for layout 2*/

@media (max-width: 992px){
	.countdown-timer .flex-w .l1-txt2 {
    font-size: 22px !important;
}
}

@media (max-width: 992px){
	.countdown-timer .flex-w .m1-txt2 {
    font-size: 22px !important;
}
}

@media (max-width: 480px){
	.countdown-timer .flex-w .l1-txt2 {
    font-size: 18px !important; 
}
}

@media (max-width: 480px){
	.countdown-timer .flex-w .m1-txt2  {
    font-size: 18px !important; 
}
}

@media (max-width: 992px){
	.countdown-timer .flex-col-c-m h3 {
    font-size: 25px !important;
}
}

@media (max-width: 768px){
	.countdown-timer .flex-col-c-m h3 {
    font-size: 22px !important;
}
}

@media (max-width: 480px){
	.countdown-timer .flex-col-c-m h3 {
    font-size: 18px !important; 
}
}

@media (min-width: 768px){
	section {
    padding: 3rem 0 !important;
} }
@media (max-width: 767px){
	section {
    padding: 2rem 0 !important;
} }





/*================*/

/*//////////////////////////////////////////////////////////////////
[ REBOOT ]*/

a:focus {outline: none;}
a:hover {text-decoration: none;}

/* ------------------------------------ */
h1,h2,h3,h4,h5,h6,p {margin: 0px;}

ul, li {
	margin: 0px;
	list-style-type: none;
}

/* ------------------------------------ */
input, textarea, label {
	display: block;
	outline: none;
	border: none;
}

/* ------------------------------------ */
button {
	outline: none;
	border: none;
	background: transparent;
	cursor: pointer;
}
button:focus {outline: none;}

iframe {border: none;}





.p-b-37 {padding-bottom: 37px;}





/*//////////////////////////////////////////////////////////////////
[ TEXT ]*/
.color-white {color: white;}
.color-black {color: black;}



/* ------------------------------------ */
.txt-center {text-align: center;}



/*//////////////////////////////////////////////////////////////////
[ POSITION ]*/

/*------------------------------------------------------------------
[ Display ]*/
.dis-none {display: none;}

.flex-w,
.flex-c,
.flex-col-c,
.flex-col-c-m
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

/*------------------------------------------------------------------
[ Flex ]*/
/* ------------------------------------ */
.flex-w {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-c {
	justify-content: center;
}

.flex-col-c {
	-ms-align-items: center;
	align-items: center;
}

/*---------------------------------------------*/
.flex-col-c-m {
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.flex-col-c,

.flex-col-c-m {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}



/*main.css*/

/*------------------------------------------------------------------
Project:  ComingSoon
Version:  
Last change:  
Assigned to:  Bach Le
Primary use:  
-------------------------------------------------------------------*/



/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Lato-Regular;
  src: url('../fonts/Lato/Lato-Regular.ttf'); 
}

@font-face {
  font-family: Lato-Hairline;
  src: url('../fonts/Lato/Lato-Hairline.ttf'); 
}

@font-face {
  font-family: PlayfairDisplay-Italic;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf'); 
}


/*//////////////////////////////////////////////////////////////////
[ RS PLUGIN ]*/
/*---------------------------------------------*/
.container {max-width: 1200px;}


/*//////////////////////////////////////////////////////////////////
[ Simple slide100 ]*/
.simpleslide100 {
  display: block;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.simpleslide100-item {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}



/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 25 ]*/


.m1-txt2 {
  font-family: PlayfairDisplay-Italic;
  font-size: 18px;
  color: #000;
  line-height: 1;
}



/*//////////////////////////////////////////////////////////////////
[ L-Text >= 26 ]*/

.l1-txt2 {
  font-family: PlayfairDisplay-Italic;
  font-size: 120px;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
  margin: auto;
  padding: 10px;
}



/*==================================================================
   SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ Width ]*/
.wsize1 {
  min-width: 165px;
 }

/*==================================================================
  --------------------------RESPONSIVE-----------------------------
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ XL ]*/
@media (max-width: 1200px) {
 

}


/*//////////////////////////////////////////////////////////////////
[ LG ]*/
@media (max-width: 992px) {
  .dis-none-lg {display: none;}
}


/*//////////////////////////////////////////////////////////////////
[ MD ]*/
@media (max-width: 768px) {
 

}


/*//////////////////////////////////////////////////////////////////
[ SM ]*/
@media (max-width: 576px) {
  .dis-none-sm {display: none;}  
}


/*//////////////////////////////////////////////////////////////////
[ SSM ]*/
@media (max-width: 480px) {

}

/*=====Design 1====*/


/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
		JQUERY LIGHT BOX
	3. LEFT SECTION
	4. RIGHT SECTION

====================================================

/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */


/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.center-text{ text-align: center; } 

.display-table{ display: table; height: 100%; width: 100%; }

.display-table-cell{ display: table-cell; vertical-align: middle; }



::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }

::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }

:-ms-input-placeholder { font-size: .9em; letter-spacing: 1px; }

:-moz-placeholder { font-size: .9em; letter-spacing: 1px; }


.full-height{ height: 100%; }

.position-static{ position: static; }


.main-area{ 
	position: relative; 
	/*min-height: 60vh;*/
	/*height: auto;
	min-height: 380px;*/
	padding: 0 30px;
}



/* ---------------------------------
3. LEFT SECTION
--------------------------------- */

.main-content .title{ margin-bottom: 15px; }

/* ---------------------------------
4. RIGHT SECTION
--------------------------------- */

.right-section{ position: absolute; top: 0; bottom: 0; right: 0; width: 100%; background-size: cover; z-index: 1; }

.right-section:after{ content:''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -2;
	opacity: .3; /*background: linear-gradient(to right, #23074d, #cc5333);*/ }

#rounded-countdown{ width: 80%; margin: 0 auto; }

/*=====Responsive=====*/

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	
	/* ---------------------------------
	4. RIGHT SECTION
	--------------------------------- */

	#rounded-countdown{ width: 100%; }
	
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	/*
	.main-area{ position: relative; 
	height: 62vh;
	height: auto;
	min-height: 350px;}*/


	
	/* ---------------------------------
	4. RIGHT SECTION
	--------------------------------- */

	.right-section{ top: 50%; bottom: auto; width: 100%; height: 50%; }

	.date-countdown{ width: 100%; }
	
	.date-countdown .time_circles > div > h4{ font-size: .7em!important; }

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/*.main-area{ position: relative; 
	height: 62vh;
	height: auto;
	min-height: 270px; */
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 12px;  }

}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
	
}