/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
AUTHOR	:: NcodeArt
PROJECT	:: TickTock-Coming-Soon-Page
VERSION	:: 0.01
THEME 	:: Color Theme;
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

/*.....................................................
    LAYOUT-STRUCTURE
.......................................................*/
.bg-wrapper.color-bg{ background-image: url(../images/swirl_pattern.png); }
.main-wrapper .overlay{ display: none; }
.main-box{ padding: 15px; }
.main-box,
.main-box .inner-box{ 
	background: #fff; 
	box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15);
}
.md-modal .md-content{ background: rgba(0,0,0,1); }
.md-overlay{ background: rgba(255,255,255,0.1); }
.md-content button.md-close{ color: #fff; }
.md-content button.md-close:hover{ color: #000; background: #fff; }



/*.....................................................
    GENERAL
.......................................................*/

/* TITLE */
.title h2,
.title p{ 
	color: #fff; 
}
.title .separator{ background-color: #fff; }
.title .separator-wrp:after, 
.title .separator-wrp:before{
	border-color: #fff;
}



/*.....................................................
    HOME PAGE
.......................................................*/

/* ANALOG CLOCK
--------------------------------*/
#aclock, 
#bclock{ 
	z-index: 9 
}

/* TAG-LINE
--------------------------------*/
.tag-line{ color: #000; }

/* COUNTDOWN-CLOCK
--------------------------------*/
.dash .digit{ color: #000; }
.dash_title{ color: #000; }

/* SEPARATOR
--------------------------------*/
.separator{ background: #D5D4D7; }
.separator-wrp:after, 
.separator-wrp:before{
	border-color: #D5D4D7;
}

/* SUBSCRIPTION
--------------------------------*/
.subscription{ border-color: #000; color: #000; }
.subscription input{ color: #000; }
.subscription .message.error-text{ color: #fff; }
::-webkit-input-placeholder { color: #D5D4D7; }
:-moz-placeholder { color: #D5D4D7; opacity: 1; }
::-moz-placeholder { color: #D5D4D7; opacity: 1; }
:-ms-input-placeholder { color: #D5D4D7; }

/* SOCIAL-ICON
--------------------------------*/
.social-icon a{ color: #000; }

/* NAVIGATION
--------------------------------*/
.navigation-wrp .nav-box{
	background: #000;
	border-color: #000;
	position: relative;
	width: 177px;
}
.navigation-wrp .nav-box.left{ left: -179px; }
.navigation-wrp .nav-box.right{ right: -179px; }
.navigation-wrp .nav-box a{ font-weight: 400; color: #fff; }
.navigation-wrp .nav-box.left:before,
.navigation-wrp .nav-box.right:before{
	content: " ";
	width: 0; 
	height: 0; 
	border-top: 23px solid #000;
	border-bottom: 23px solid #000;
	position: absolute;
	top: -2px;
}
.navigation-wrp .nav-box.left:before{ border-left: 23px solid transparent; left: -23px; }
.navigation-wrp .nav-box.right:before{ border-right: 23px solid transparent; right: -23px; }

/*.....................................................
    ABOUT-US PAGE
.......................................................*/

/* INFO-BOX
--------------------------------*/
.info-box{ background: rgba(255,255,255,0.1); }
.info-box .icon{ background: rgba(255,255,255,0.8); color: #000; }
.info-box .text h4{ color: #fff; border-color: rgba(255,255,255,0.2); }


/*.....................................................
    CONTACT-US PAGE
.......................................................*/

/* ADDRESS-BOX
--------------------------------*/
.address-box{ background: rgba(255,255,255,0.1); }
.address-box .icon{ background: rgba(255,255,255,0.8); color: #000; }
.address-box .text a,
.address-box .text h4{ 
	color: #fff; 
}
.address-box:hover{ background: #fff; }
.address-box:hover .icon{ background: #000; color: #fff; }
.address-box:hover .text h4, .address-box:hover .text a{ color: #000; }

/*  CONTACT FORM
---------------------------------*/
.contact-form .form-control{
	border-color: rgba(255,255,255,0.2);
	color: #fff;
}
.contact-form .button-wrp .btn-color{ background: rgba(255,255,255,1); color: #000; }
.contact-form .form-control:focus{ border-color: #fff; }
.contact-form .button-wrp .btn-color:hover{ 
	background-color: #000; 
	border-color: #fff; 
	color: #fff; 
}
.form-control::-webkit-input-placeholder { color: #fff; }
.form-control:-moz-placeholder { color: #fff; opacity: 1; }
.form-control::-moz-placeholder { color: #fff; opacity: 1; }
.form-control:-ms-input-placeholder { color: #fff; }