/*-- 
AUTHOR   : SimplePixel
URL      : http://themeforest.net/user/SimplePixel
TEMPLATE : Nagi - Coming Soon Template
VERSION  : 1.0

TABLE OF CONTENTS
1.0 BASIC STYLE
2.0 TYPOGRAPHY
3.0 FORMS
4.0 BUTTONS & LINKS STYLE
5.0 TRANSITION
6.0 PRELOADER
7.0 BACKGROUND CONTAINER
8.0 MENU
9.0 BASIC PAGE-CONTAINER & SECTION STYLE
10.0 SUBSCRIBE POPUP
11.0 HOME SECTION
12.0 ABOUT SECTION
13.0 SERVICE SECTION
14.0 CONTACT SECTION
15.0 STYLE FOR TABLET LANDSCAPE
16.0 STYLE FOR TABLET PORTRAIT
17.0 STYLE FOR EXTRA SMALL DEVICES 
--*/

/*-- ========================================= --
	1.0 BASIC STYLE
/*-- ========================================= --*/


/*-- ========================================= --
	2.0 TYPOGRAPHY
/*-- ========================================= --*/ 
h1,
p.subtitle-big,
p.subtitle-medium
{
	color:#0d455e;
}
p{
	color: #ccc;
}
.highlight{
	color:#1a96b0;
}

/*-- ========================================= --
	3.0 FORMS
/*-- ========================================= --*/
.input-container .top-border,
.form-row .top-border,
.input-container .pillars::before,
.input-container .pillars::after
{
	background:#ffffff;
}
.input-container .pillars{
	border-bottom:2px solid #ffffff;
}
input[type="text"],
input[type="email"],
textarea,
.subscribe-form-container .email-icon::before,
.contact-form-container .user-icon::before,
.contact-form-container .email-icon::before,
.contact-form-container .note-icon::before
{
	color:#ffffff;
}
.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea,
.contact-form-container .user-icon::before,
.contact-form-container .email-icon::before,
.contact-form-container .note-icon::before
{
	color: #777;
}

.contact-form-container .input-container .top-border,
.contact-form-container .form-row .top-border,
.contact-form-container .input-container .pillars::before,
.contact-form-container .input-container .pillars::after
{
	background:#0d455e;
}
.contact-form-container .input-container .pillars{
	border-bottom:2px solid #0d455e;
}
.form-error ~ .email-icon::before,
.form-error ~ .user-icon::before,
.form-error ~ .note-icon::before,
label.subscribe-notif-error, 
label.error,
label.contact-notif-error
{
	color:#1a96b0;
}
label.loading-subscribe{
	color:#ffffff;
}
label.loading-contact{
	color:#0d455e;
}
label.subscribe-notif-success, 
label.contact-notif-success{
	color:#3ca156;
}

/*-- ========================================= --
	4.0 BUTTONS & LINKS STYLE
/*-- ========================================= --*/
.button-1{
	color:#0d455e;
	background:#1a96b0;
}
.button-1.dark > span{
	color:#ffffff;
}
.button-1:hover{
	background:none;
	border:2px solid #0d455e;
}
.button-1.dark:hover{
	border:2px solid #ffffff;
}
.link-1,
.link-2
{
	color:#0d455e;
}
.link-1::before,
.link-2::before,
.link-1::after,
.link-2::after
{
	background:#0d455e;
}
.carousel-button{
	border:1px solid #e9e9e9;
}
.carousel-button::before{
	color:#ffffff;
	background:#0d455e;
}
.carousel-button::after{
	color:#0d455e;
	background:#1a96b0;
}

/*-- ========================================= --
	5.0 TRANSITION
/*-- ========================================= --*/


/*-- ========================================= --
	6.0 PRELOADER
/*-- ========================================= --*/
.preloader{
	background:#0d455e;
}
.preloader .sliding-cube .cube{
	background:#ffffff;
}


/*-- ========================================= --
	7.0 BACKGROUND CONTAINER
/*-- ========================================= --*/
.bg-container::before{
	background:rgba(0,0,0,0);
}


/*-- ========================================= --
	8.0 MENU
/*-- ========================================= --*/
nav.menu .icon-container > span{
	background:#0d455e;
}
ul.menu-list li a::before{
	background:#1a96b0;
}
ul.menu-list li a:hover,
ul.social-media-links li a:hover
{
	color:#1a96b0;
}
ul.social-media-links li a{
	color:#0d455e;
}


/*-- ========================================= --
	9.0 BASIC PAGE-CONTAINER & SECTION STYLE
/*-- ========================================= --*/
section .section-title{
	color:#0d455e;
}
section .inner-container{
	border:2px solid #0d455e;
	background:#0d455e;
}
section .inner-container .half-height{
	background:#0d455e;
}


/*-- ========================================= --
	10.0 SUBSCRIBE POPUP
/*-- ========================================= --*/
.subscribe-popup .content-container{
	background:#0d455e;
}
.subscribe-popup .close-subscribe{
	color:#ffffff;
}
.subscribe-popup .close-subscribe:hover{
	color:#1a96b0;
}


/*-- ========================================= --
	11.0 HOME SECTION
/*-- ========================================= --*/
.home-section .to-home{
	color:#1a96b0;
}
.home-section .to-home:hover,
.countdown-container .hours_dash .digit,
.countdown-container .minutes_dash .digit,
.countdown-container .dash_title
{
	color:#0d455e;
}
.countdown-container .days_dash .digit{
	color:#1a96b0;
}


/*-- ========================================= --
	12.0 ABOUT SECTION
/*-- ========================================= --*/
.skill-container .skill p.skill-name,
.skill-container .skill .progress-bar-skill span::before
{
	color: #fff;
}
.skill-container .skill .progress-bar-skill{
	background:#d1d1d1;
}
.skill-container .skill .progress-bar-skill span,
.skill-container .skill .progress-bar-skill span::after
{
	background:#1a96b0;
}
.portfolio-container .portfolio .img-container .overlay{
	background: rgba(26,150,176,0.7);
}

.overlay {}
.portfolio-container .portfolio .img-container .overlay i,
.portfolio-container .portfolio .text-container,
.portfolio-container .portfolio .text-container p
{
	color:#0d455e;
}


/*-- ========================================= --
	13.0 SERVICE SECTION
/*-- ========================================= --*/
.service-section .statistic .counter{
	color:#1a96b0;
}
.service-section .statistic .title{
	color:#0d455e;
}
.service-container .service .icon-container{
	color:#0d455e;
	box-shadow: inset 0 0 0 65px #1a96b0;
	-webkit-box-shadow: inset 0 0 0 65px #1a96b0;
	-moz-box-shadow: inset 0 0 0 65px #1a96b0;
	-ms-box-shadow: inset 0 0 0 65px #1a96b0;
	-o-box-shadow: inset 0 0 0 65px #1a96b0;
}
.service-container .service .text-container p.title{
	color:#ffffff;
}
.service-container .service:hover .icon-container{
	color:#1a96b0;
	box-shadow: inset 0 0 0 2px #1a96b0;
	-webkit-box-shadow: inset 0 0 0 2px #1a96b0;
	-moz-box-shadow: inset 0 0 0 2px #1a96b0;
	-ms-box-shadow: inset 0 0 0 2px #1a96b0;
	-o-box-shadow: inset 0 0 0 2px #1a96b0;
}


/*-- ========================================= --
	14.0 CONTACT SECTION
/*-- ========================================= --*/
.contact-section .contact-details li{
	background: #13516c;
}
.contact-section .contact-details li .icon-1,
.contact-section .contact-details li .icon-2
{
	color:#d1d1d1;
}
.contact-section .contact-details li p.title{
	color:#ffffff;
}
.contact-section .contact-details li p.desc{
	color:#ffffff;
}


/*-- ===================================================== --*
	15.0 STYLE FOR TABLET LANDSCAPE 
/*-- ===================================================== --*/


/*-- ===================================================== --*
	16.0 STYLE FOR TABLET PORTRAIT 
/*-- ===================================================== --*/
@media all and (max-width: 991px){
	.service-section .left-content{
		border-bottom:1px solid #d1d1d1;
	}
}


/*-- ===================================================== --*
	17.0 STYLE FOR EXTRA SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 767px){	
	nav.menu ul.menu-list{
		background:rgba(0,0,0,0.9);
	}
}