/**
***************************************************************
* AUTHOR : NCodeArt
* PROJECT : Prior Coming-Soon Template
* Purchase : http://www.ncodeart.com/
*
* Copyright 2015-2016 NCodeArt
* NOTE : This file licensed to NCodeArt - http://themeforest.net/user/ncodeart and it is strictly prohibited to copy or reuse it.
***************************************************************
*/


/**
*******************************************************************
* LAYOUT-1
*******************************************************************
*/
.text-animation-1 .main-text,
.clock.clock-1 .countdown-widget .dash_title,
.title-wrapper-1 .hd {
	font-family: 'Playfair Display', serif;
}

.title-wrapper-1 .hd {
	font-size: 60px;
	font-weight: normal;
}
.title-wrapper-1 .icon-wrp .inner-wrapper {
	background-color: #60fdfd;
}
.title-wrapper-1 .sub-title {
	font-size: 18px;
	font-style: italic;
}

.text-animation-1 .main-text {
	font-weight: normal;
	font-size: 70px;
	line-height: 1.2;
}
.mfp-close-btn-in .mfp-close { color: #60fdfd; }
.btn {
	font-size: 14px;
	font-weight: 300;
	padding: 9px 18px;
}
.btn-1 {
    color: #60fdfd;
    border: 1px solid #60fdfd;	
}
.btn-1:hover, .btn-1:focus {
    background-color: #60fdfd;
    color: #252525;
}
.btn-2 {
	background-color: #60fdfd;
    color: #252525;
    border: 1px solid #60fdfd;
}
.btn-2:hover, .btn-2:focus {
    background-color: transparent;
    color: #60fdfd;
}

.social-wrapper-1 .social-link:hover {
	color: #60fdfd;
}

.text-animation-1 .main-text { color: #fff; }

.navigation-wrapper-1 .navigation .nav-link {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 13px;
}
.navigation-wrapper-1 .navigation .nav-link:hover, 
.navigation-wrapper-1 .navigation .nav-link.active {
	    background-color: #60fdfd;
    	color: #252525;
}

.clock.clock-1,
.clock.clock-1 .countdown-widget .dash {
	border-color: rgba(255,255,255,0.1);
}
.clock.clock-1 .countdown-widget .inner-dash {
    font-weight: 300;
    font-size: 40px;
}
.clock.clock-1 .countdown-widget .inner-dash>.digit {
	min-width: 28px;
}
.clock.clock-1 .countdown-widget .dash_title {
	letter-spacing: normal;
	font-style: italic;
	color: #60fdfd;
}

.about-section-1 .list-1 .icon {
	color: #60fdfd;
}
.about-section-1 .list-1>li {
    font-size: 14px;
    margin-bottom: 10px;
}

.info-box-2 .icon {
	color: #60fdfd;	
}
.info-box-2 .detail .hd {
	font-weight: 300;
}

.info-box-1.even { background-color: rgba(255,255,255,0.05); }
.info-box-1.even { background-color: rgba(255,255,255,0.06); }
.info-box-1 .icon {
	color: #60fdfd;
}
.info-box-1 .detail .hd {
	font-weight: 300;
}

.portfolio-box1 .pop-img, 
.portfolio-box1 .pop-link, 
.portfolio-box1 .link-wrp a {
	border-color: #60fdfd;
	color: #60fdfd;
}
.portfolio-box1 .pop-img:hover {
    color: #252525;
    background-color: #60fdfd;
}
.portfolio-section-1 .portfolio-box .hd { font-weight: 300; }

.contact-box-1 .icon {
	color: #60fdfd;
}
.contact-box-1:hover .detail p, 
.contact-box-1:hover .detail a {
	color: #60fdfd;	
}

.form-widget .form-control:focus {
	border-color: #60fdfd;
}
.form-widget-1 .form-group .icon {
	color: #60fdfd;	
}

/**
******************************************************************
*	LIGHT THEME
******************************************************************
*/

.nc-light-theme .mfp-bg { background-color: rgba(255,255,255,0.8); }
.nc-light-theme .mfp-close-btn-in .mfp-close {
	color: #f8a200; 
}

.nc-light-theme h1, 
.nc-light-theme h2, 
.nc-light-theme h3, 
.nc-light-theme h4, 
.nc-light-theme h5, 
.nc-light-theme h6, 
.nc-light-theme .h1, 
.nc-light-theme .h2, 
.nc-light-theme .h3, 
.nc-light-theme .h4, 
.nc-light-theme .h5, 
.nc-light-theme .h6 {
	color: #353535;
}

.nc-light-theme .title-wrapper-1 .icon-wrp .inner-wrapper {
	background-color: #f8a200;
}
.nc-light-theme .title-wrapper-1 .icon {
	color: #353535;
}
.nc-light-theme .title-wrapper-1 .icon-wrp:after, 
.nc-light-theme .title-wrapper-1 .icon-wrp:before {
	background-color: #353535;
}
.nc-light-theme .title-wrapper-1 .sub-title {
	color: #353535;
}

.btn-1 {
    color: #f8a200;
    border: 1px solid #f8a200;
}
.btn-1:hover, 
.btn-1:focus {
    background-color: #f8a200;
    color: #353535;
}
.nc-light-theme .btn-2 {
	background-color: #f8a200;
	border-color: #f8a200;
	color: #353535;
}
.nc-light-theme .btn-2:hover, 
.nc-light-theme .btn-2:focus {
    background-color: transparent;
    color: #f8a200;
}

.nc-light-theme .form-widget .form-control::-webkit-input-placeholder { color: rgba(53,53,53,0.5);}
.nc-light-theme .form-widget .form-control:-moz-placeholder { color: rgba(53,53,53,0.5);}
.nc-light-theme .form-widget .form-control::-moz-placeholder { color: rgba(53,53,53,0.5);}
.nc-light-theme .form-widget .form-control:-ms-input-placeholder { color: rgba(53,53,53,0.5);}
.nc-light-theme .form-widget .form-control {
	border-color: rgba(53, 53, 53, 0.15);
	color: #353535;
}
.nc-light-theme .form-widget .btn {
	color: #353535;
	background-color: #f8a200;
}
.nc-light-theme .form-widget-1 .form-group .icon {
	color: #f8a200;	
}
.nc-light-theme .form-widget .form-control:focus {
	border-color: #f8a200;
}


.nc-light-theme .text-animation-1 .main-text { color: #353535; } 

.nc-light-theme .navigation-wrapper-1 .navigation .nav-link { color: #353535; }
.nc-light-theme .navigation-wrapper-1 .navigation .nav-link:hover, 
.nc-light-theme .navigation-wrapper-1 .navigation .nav-link.active {
	background-color: #f8a200;
	color: #353535;
}

.nc-light-theme .social-wrapper .social-link {
	color: #353535;
}
.nc-light-theme .social-wrapper .social-link:hover{
	background-color: #f8a200;
	color: #353535;
}

.nc-light-theme .clock.clock-1 {
	color: #353535;
}
.nc-light-theme .clock.clock-1 .countdown-widget .dash_title {
	color: #f8a200;
}
.nc-light-theme .clock.clock-1, 
.nc-light-theme .clock.clock-1 .countdown-widget .dash {
	border-color: rgba(53, 53, 53, 0.15);
}

.nc-light-theme .info-box-1 {
	background-color: rgba(255,255,255,0.09);
}
.nc-light-theme .info-box-1.even {
	background-color: rgba(255,255,255,0.15);	
}
.nc-light-theme .info-box-1 .icon {
	color: #f8a200;
}
.nc-light-theme .info-box-1 .detail .hd {
	border-color: rgba(53, 53, 53, 0.15);
}
.nc-light-theme .info-box-1 .detail .text {
	color: #353535;
}

.nc-light-theme .portfolio-box1 .pop-img, 
.nc-light-theme .portfolio-box1 .pop-link, 
.nc-light-theme .portfolio-box1 .link-wrp a {
    border-color: #f8a200;
    color: #f8a200;
}
.nc-light-theme .portfolio-box1 .pop-img:hover {
    color: #353535;
    background-color: #f8a200; 
}

.nc-light-theme .contact-box-1 {
	border-color: rgba(53, 53, 53, 0.15);
}
.nc-light-theme .contact-box-1 .icon {
	color: #f8a200;	
}
.nc-light-theme .contact-box-1 .detail p, 
.nc-light-theme .contact-box-1 .detail a {
	color: #353535;
}


/**
******************************************************************
*	DESKTOP LAYOUT 
******************************************************************
*/
@media (min-width: 1500px) {
	
}
@media (min-width: 1200px) and (max-width: 1499px) {

	.text-animation-1 .main-text { font-size: 60px; }

}
@media (min-width: 1100px) and (max-width: 1199px) {

	.text-animation-1 .main-text { font-size: 50px; }
	.title-wrapper-1 .hd { font-size: 50px; }

}	
@media (min-width: 992px) and (max-width: 1099px) {

	.text-animation-1 .main-text { font-size: 50px; }
	.title-wrapper-1 .hd { font-size: 50px; }

}
@media (min-width: 992px) {

	
}

/**
******************************************************************
*	MOBILE & TABLET COMMON
******************************************************************
*/
@media (min-width: 200px) and (max-width: 991px) {

}

/**
******************************************************************
*	TABLET
******************************************************************
*/
@media (min-width: 768px) and (max-width: 991px) {

	.text-animation-1 .main-text { font-size: 50px; }
	.title-wrapper-1 .hd { font-size: 50px; }

}

/**
******************************************************************
*	MOBILE
******************************************************************
*/
@media (min-width: 200px) and (max-width: 767px) {	

}
@media (min-width: 600px) and (max-width: 767px) {

	.text-animation-1 .main-text { font-size: 40px; }
	.title-wrapper-1 .hd { font-size: 40px; }

}
@media (min-width: 480px) and (max-width: 599px) {

	.text-animation-1 .main-text { font-size: 40px; }
	.title-wrapper-1 .hd { font-size: 40px; }

	.clock.clock-1 .countdown-widget .inner-dash { font-size: 36px; }
	.clock.clock-1 .countdown-widget .inner-dash>.digit { min-width: 24px; }

}
@media (min-width: 200px) and (max-width: 479px) {		

	.text-animation-1 .main-text { font-size: 36px; }
	.title-wrapper-1 .hd { font-size: 36px; }

	.clock.clock-1 .countdown-widget .inner-dash { font-size: 26px; }
	.clock.clock-1 .countdown-widget .inner-dash>.digit { min-width: 15px; }


}