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

TABLE OF CONTENTS
1.0 BASIC STYLE
2.0 PRELOADER
3.0 FORMS
	3.1 FORMS WHEN FOCUS
4.0 BUTTONS & LINKS STYLE
5.0 BASIC SECTION STYLE
6.0 MENU
	6.1 MENU HOVER
	6.2 COUNTDOWN
7.0 HOME SECTION
	7.1 SOCIAL MEDIA LINKS
8.0 ABOUT SECTION
	8.1 SERVICE CONTAINER HOVER
9.0 SUBSCRIBE SECTION
10.0 PORTFOLIO SECTION
	10.1 OVERRIDE MAGNIFIC POPUP STYLE
11.0 CONTACT SECTION
	11.1 LOCATE US HOVER EFFECT
12.0 GOOGLE MAP SECTION
13.0 STYLE FOR MEDIUM DEVICES 
14.0 STYLE FOR SMALL DEVICES 
15.0 PORTFOLIO STYLE ON EXTRA SMALL DEVICES
--*/


/*-- ========================================= --
	1.0 BASIC STYLE
/*-- ========================================= --*/
p{
	color:#262626;
}
.highlight{
	color:#d1142a;
}

/*-- ========================================= --
	2.0 PRELOADER
/*-- ========================================= --*/
.preloader{
	background:white;
}
.preloader .line-scale-pulse-out-rapid > div{
	border:2px solid #262626;
}


/*-- ========================================= --
	3.0 FORMS
/*-- ========================================= --*/
::-webkit-input-placeholder{
	color: rgba(38,38,38,0.5);
}
:-moz-placeholder{
	color: rgba(38,38,38,0.5);
}
::-moz-placeholder{
	color: rgba(38,38,38,0.5);
}
:-ms-input-placeholder{
	color: rgba(38,38,38,0.5);
}
input[type="text"],
input[type="email"],
textarea
{
	color:#262626;
	border-bottom:1px solid #262626;
}
.input-container .thin-line,
.form-row .thin-line
{
	background:#d1142a;
}
.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:rgba(38,38,38,0.5);
}
label.loading-subscribe,
label.loading-contact
{
	color:#262626;
}

/*-- =================== 3.1 FORMS WHEN FOCUS ====================== --*/
.subscribe-email:focus ~ .email-icon::before,
.contact-form input:focus ~ .user-icon::before,
.contact-form input:focus ~ .email-icon::before,
.contact-form textarea:focus ~ .note-icon::before
{
	color:#d1142a;
}

/*-- ========================================= --
	4.0 BUTTONS & LINKS STYLE
/*-- ========================================= --*/
.button-regular{
	background:#d1142a;
	color:white;
}
.button-regular::before{
	background:white;
}
.button-regular::after{
	color:#d1142a;
}

/*-- ========================================= --
	5.0 BASIC SECTION STYLE
/*-- ========================================= --*/
section .section-title{
	color:#262626;
}
section .section-title::before{
	background:rgba(209,20,42,0.6);
}
section .section-title::after{
	background:rgba(209,20,42,0.9);
}

/*-- ========================================= --
	6.0 MENU
/*-- ========================================= --*/
.menu-container{
	border-bottom:1px solid rgba(38,38,38,0.2);
}
.menu a{
	color:rgba(38,38,38,1);
}
.menu a::after{
	color:#d1142a;
}
.menu a::before{
	background:#d1142a;
}

/*-- =================== 6.1 MENU HOVER ====================== --*/
.menu a:hover,
.menu a.active
{
	color:rgba(38,38,38,0.4);
}

/*-- =================== 6.2 COUNTDOWN ==================== --*/
.countdown-container .countdown-title{
	color:#262626;
}
.countdown .digit{
	color:white;
}
.countdown::before{
	background:rgba(209,20,42,0.9);
}
.countdown::after{
	background:rgba(209,20,42,0.6);
}

/*-- ========================================= --
	7.0 HOME SECTION
/*-- ========================================= --*/
.home-section h1,
.home-section h3
{
	color:#262626;
}

/*-- ===================== 7.1 SOCIAL MEDIA LINKS ======================= --*/
.social-media-container a,
.social-media-container-bottom a
{
	color:#262626;
}
.social-media-container a:hover,
.social-media-container-bottom a:hover
{
	color:white;
}
.social-media-container a::before,
.social-media-container-bottom a::before
{
	background:rgba(209,20,42,0);
	border:1px solid #262626;
}
.social-media-container a:hover::before,
.social-media-container-bottom a:hover::before
{
	background:rgba(209,20,42,1);
}

/*-- ========================================= --
	8.0 ABOUT SECTION
/*-- ========================================= --*/
.about-section .benefit li,
.service .text-container h4 span
{
	color:#262626;
}
.about-section .benefit li i,
.service .text-container h4 span::before
{
	color:#d1142a;
}
.service .icon-container{
	border:1px solid rgba(38,38,38,0.5);
}
.service .icon-container i{
	color:rgba(38,38,38,0.5);
}
.service .icon-container::before{
	background:rgba(209,20,42,0.6);
}
.service .icon-container::after{
	background:rgba(209,20,42,0.9);
}
.service-container .owl-controls .owl-page span,
.portfolio-container .owl-controls .owl-page span,
.service-container .owl-controls .owl-page.active span,
.service-container .owl-controls.clickable .owl-page:hover span,
.portfolio-container .owl-controls .owl-page.active span,
.portfolio-container .owl-controls.clickable .owl-page:hover span
{
	background: #262626;
}


/*-- ===================== 8.1 SERVICE CONTAINER HOVER ====================== --*/
.service-container:hover .service .text-container h4 span{
	color:rgba(38,38,38,0.4);
}
.service-container:hover .service .icon-container i{
	color:rgba(255,255,255,1);
}
.service-container:hover .service .icon-container{
	border:1px solid rgba(38,38,38,0);
}

/*-- ========================================= --
	9.0 SUBSCRIBE SECTION
/*-- ========================================= --*/
.twitter-feed,
.feed p.date,
.feed .user-container .name-container p.name,
.feed p.tweet a
{
	color:#262626;
}
.feed .user-container .twitter-logo{
	color:white;
}
.twitter-feed .feed p.tweet{
	color:#535353;
}
.feed .user-container .name-container p.username a{
	color:#d1142a;
}
.feed .user-container .twitter-logo::before{
	background:rgba(209,20,42,0.6);
}
.feed .user-container .twitter-logo::after{
	background:rgba(209,20,42,0.9);
}


/*-- ========================================= --
	10.0 PORTFOLIO SECTION
/*-- ========================================= --*/
.portfolio-container .portfolio{
	border:1px solid rgba(38,38,38,0.5);
}
.portfolio .text-container span.date{
	color:#535353;
}
.portfolio .text-container span.title{
	color:#d1142a;
}
.portfolio .text-container a.link-button,
.portfolio .text-container a.zoom-button
{
	color:#262626;
}
.portfolio .text-container a.link-button::before,
.portfolio .text-container a.zoom-button::before
{
	background:rgba(38,38,38,0.1);
}
.portfolio .text-container a.link-button:hover::before,
.portfolio .text-container a.zoom-button:hover::before
{
	background:rgba(209,20,42,0.4);
}
.portfolio .photo-container::before{
	background:rgba(209,20,42,0.3);
}
.portfolio .photo-container::after{
	background:rgba(209,20,42,0.6);
}


/*-- ============================ 10.1 OVERRIDE MAGNIFIC POPUP STYLE ========================= --*/
.mfp-close,
.mfp-close-btn-in .mfp-close
{
	color: white;
}
button.mfp-close{
	background:#d1142a;
}


/*-- ========================================= --
	11.0 CONTACT SECTION
/*-- ========================================= --*/
.contact-section .contact-details .icon-container{
	color:#d1142a;
	border:1px solid rgba(38,38,38,0.5);
}
.contact-section .contact-details .text-container{
	background:rgba(38,38,38,0.1);
	border:1px solid rgba(38,38,38,0.1);
}
.contact-section .contact-details .text-container p{
	color:#535353;
}
.contact-section .contact-details a.locate-us p{
	color:#262626;
}
.contact-details a.locate-us .icon-container::before{
	background:rgba(209,20,42,0.6);
}
.contact-details a.locate-us .icon-container::after{
	background:rgba(209,20,42,0.9);
}

/*-- ========================= 11.1 LOCATE US HOVER EFFECT ============================ --*/
.contact-details a.locate-us:hover .icon-container{
	color:white;
	border:1px solid rgba(38,38,38,1);
}

/*-- ========================================= --
	12.0 GOOGLE MAP SECTION
/*-- ========================================= --*/
.marker-info-title{
	color:#d1142a;
}
.marker-info-desc{
	color:#262626;
}
.map-close-button{
	color:white;
}
.map-close-button::before{
	background:rgba(209,20,42,0.6);
}
.map-close-button::after{
	background:rgba(209,20,42,0.9);
}


/*-- ===================================================== --*
	13.0 STYLE FOR MEDIUM DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 1100px){
	.portfolio .text-container span.date,
	.portfolio .text-container span.title
	{
		color:white;
	}
	.portfolio .photo-container::before{
		background:rgba(209,20,42,0.65);
	}
	.portfolio .text-container a.link-button::before,
	.portfolio .text-container a.zoom-button::before,
	.portfolio .text-container a.link-button:hover::before,
	.portfolio .text-container a.zoom-button:hover::before
	{
		background:rgba(255,255,255,0.2);
	}
	.portfolio .text-container a.link-button,
	.portfolio .text-container a.zoom-button
	{
		color:white;
	}
}

/*-- ===================================================== --*
	14.0 STYLE FOR SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 1023px){
	.menu a{
		color:white;
	}
	.menu a.show-menu{
		color:#262626;
	}
	.menu a:hover,
	.menu a.active
	{
		color:#d1142a;
	}
	.menu-container .menu-wrapper{
		background:#262626;
	}
	
	.portfolio .text-container span.date{
		color:#535353;
	}
	.portfolio .text-container span.title{
		color:#d1142a;
	}
	.portfolio .text-container a.link-button,
	.portfolio .text-container a.zoom-button
	{
		color:#262626;
	}
	.portfolio-container .portfolio{
		border:1px solid rgba(38,38,38,0.5);
	}
	.portfolio .photo-container::before{
		background:rgba(209,20,42,0.3);
	}
	.portfolio .photo-container::after{
		background:rgba(209,20,42,0.6);
	}
	.portfolio .text-container a.link-button::before,
	.portfolio .text-container a.zoom-button::before
	{
		background:rgba(38,38,38,0.1);
	}
	.portfolio .text-container a.link-button:hover::before,
	.portfolio .text-container a.zoom-button:hover::before
	{
		background:rgba(209,20,42,0.4);
	}
}

/*-- ===================================================== --*
	15.0 PORTFOLIO STYLE ON EXTRA SMALL DEVICES
/*-- ===================================================== --*/
@media all and (max-width: 483px){
	.portfolio-container .portfolio{
		border:1px solid rgba(38,38,38,0.5);
	}
}