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


/*.....................................................
    LAYOUT-STRUCTURE
.......................................................*/
.overlay{ background-color: rgba(255,255,255,0.7); }
.main-box,
.main-box .inner-box{
	border-color: #000;
}
.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
.......................................................*/
body{ color: #000; }

/* 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
.......................................................*/

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

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

/* SUBSCRIPTION
--------------------------------*/
.subscription{ border-color: #000; }
.subscription .icon{ color: #000; }
.subscription input{ color: #000; }
.subscription .message.error-text{ background-color: rgba(255,255,255,0.8); color: #000; }
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }

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

/* NAVIGATION
--------------------------------*/
.navigation-wrp .nav-box{ border-color: #000; }
.navigation-wrp .nav-box a{ color: #000; }



/*.....................................................
    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; }