/**
* 1. Layout
*
* Description of section, whether or not it has media queries, etc.
*/
.full-100 {
    width: 100%;
}

.full-box {
    background-color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
}

.block-top {
	height: 30px;
}
.block-logo {
	margin-bottom: 20px;
}
.block-box {
	
	/*background-color:#212121;*/
	background: url("images/frame_background.png");
	background-repeat: repeat;
	box-shadow: 3px 3px 3px #aaa, inset 3px 3px 3px  #fff;
}

/**
* 2. Header & Desc
*
* Description of section, whether or not it has media queries, etc.
*/
.header-block {
	margin: 0 30px;
}
.head-title {
	font-size: 40px;
	font-weight:: 700;
	line-height: 1.3;
	color: #dcdcdc;
}
.head-title span {
	color: #2980b9;
}
.head-title span::before {
  content: "\A";
  white-space: pre;
}
.head-title span::after{
  content: "\A";
  white-space: pre;
}
.head-description {
	color: #dcdcdc;
	font-size: 20px;
}
.ul-company {
	list-style: none;
	padding-top:50px;
	padding-bottom:50px;
	
}
.ul-company  li {
	float:left;
	min-width:200px;
	width:33.333333%;
}
.ul-company  li  span>i{
	color:#999999;
}
.ul-company  li>i {
	color:#727272;
}
.ul-company li a {
	color: #727272;
}
.blue-line {
	background-color: #40a4da;
	height: 3px;
	margin: 30px 0;
	width: 100%;
	
}

/**
* 3. Counting Down
*
* Description of section, whether or not it has media queries, etc.
*/
.section-countdown-padding {
	margin: 0px 15px 0px 30px;
	text-align: center;
}
.section_countdown .countdown-block {
	background-color: #272727;
	padding-top: 20px;
	width: 100%;
}

.progress-block  {
	background-color: #00ff00;
	padding: 20px 0;
	width: 100%;
}
.progress-bar {
	background-color: #00ff00;
	border: 1px solid #fa2424;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
.progress-bar-percent {
	background-color: #ffff00;
	height: 40px;
	width: 30%;
}
#defaultCountdown2 {
	display: none;
}
#defaultCountdown  {
	margin: 0 auto;
	max-width: 920px;
	margin-top: 20px;
}
#defaultCountdown .timer_unit {
	background-color: #e7e7e7;
	border-radius: 50%;
	box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
	float: left;
	height: 90px;
	max-width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
	width: 90px;
}
#defaultCountdown .timer_unit .circle {
	max-width: 100%;
}
#defaultCountdown .timer_unit .text_timer {
	font-size: 30px;
	margin: auto;
	margin-top:10px;
}
#defaultCountdown .timer_unit .text {
	font-size: 16px;
}

/**
* 4. Subscribe
*
* Description of section, whether or not it has media queries, etc.
*/

.section-subscribe .subscribe-block {
	min-height: 80px;	
}
.subscribe-div {
	margin: 20px;
}
.subscribe-div p  {
	color: #999999;
	font-size: 15px;
}
.subscribe-container {
	background-color: #ffff00;
	min-height: 125px;	
	overflow: hidden;
	
}

.form-subscribe {
	position: relative;
}
.form-subscribe input {
	width: 100%;
	background-color: #505050;
	border-color: #505050;
	color: #b7b7b7;
	height: 45px;
	padding: 11px;
}
.form-subscribe button {
	background-color: #ffffff;
	border: 0px solid #ffffff;
	color: #999999;
	font-size:13px;
	padding:8px 15px;
	position: absolute;
	right: 4px;
	top: 4px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.form-subscribe button:hover {
		background-color:@link-color-hover;
		color:#ffffff;
	}
.form-subscribe label.error {
		
		color: #202020;
		font-weight: lighter;
		margin-top: 5px;
	}

/**
* 5. Social
*
* Description of section, whether or not it has media queries, etc.
*/

.div-social ul {
	list-style : none;
}
.div-social ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
	
	
}

.div-social ul li  i{
	font-size: 20px;
}
.div-social ul li  i{
	width: 35px;
	height: 35px;
	line-height: 35px;	
	text-align: center;
	background-color: #cccccc;
}
.div-social ul li  i:hover {
	background-color: #555555;
}
.div-social ul li  a {
	color: #0000ff;
}
.div-social ul li  a:hover {
	color: #ffffff;
}
.div-social ul li:last-child {
	margin-right: 0px;
	
}


/**
* 6. Media Query
*
* Description of section, whether or not it has media queries, etc.
*/

@media all and (max-width: 768px) {
 
        /* Your selectors */
	.block-box {
		box-shadow: 0px 0px 0px;
	}
}