/* Portfolio 3 Demo Styles
================================================== */

	/* Page Fonts */
	@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');
	@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700i,900,900i');

	/* Body Options */
	body{ font-family: 'Raleway', sans-serif; font-weight: 400; letter-spacing: 0px; }
	body *{outline:none;}

/* Health COLORS
================================================== */

	/* Colored */
	.colored, .colored-hover:hover{ color:#e87217 !important; }
	.bg-colored, .bg-colored-hover:hover{background-color:#e87217 !important; }
	.border-colored, .border-colored-hover:hover{ border-color:#e87217 !important; }

	/* Colored1 */
	.colored1, .colored1-hover:hover{ color:#3e91c6 !important; }
	.bg-colored1, .bg-colored1-hover:hover{ background-color:#3e91c6 !important; }
	.border-colored1, .border-colored1-hover:hover{ border-color:#3e91c6 !important; }

	/* Colored2 */
	.colored2, .colored2-hover:hover{ color:#333 !important; }
	.bg-colored2, .bg-colored2-hover:hover{ background-color:#333 !important; }
	.border-colored2, .border-colored2-hover:hover{ border-color:#333 !important; }

	::selection{ background-color:#444 !important; }

	/* Colors to qdr-hovers */
	.qdr-hover:after{background-color:#363636;}
	.qdr-hover-5:before{ background-color:#aaa; }
	.qdr-hover-1:before,
	.qdr-hover-1-left:before,
	.qdr-hover-1-right:before,
	.qdr-hover-1-bottom:before{background-color:rgba(0,0,0,0.1);}
	.qdr-hover-2:before,.qdr-hover-2-vertical:before{background-color:#333;}
	.qdr-hover-2-rotate:before{background-color:#333;}

/* Other Colors */

	.bg-gradient{
		background: #3e91c6; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #3e91c6 0%, #5fc1ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #3e91c6 0%,#5fc1ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #3e91c6 0%,#5fc1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient1{
		background: #4264d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #4264d1 0%, #819ff5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #4264d1 0%,#819ff5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #4264d1 0%,#819ff5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient2{
		background: #d2d1d7; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #d2d1d7 0%, #fff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #d2d1d7 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #d2d1d7 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient:before{
		opacity: 0.95;
		background: #3e91c6; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #3e91c6 0%, #5fc1ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #3e91c6 0%,#5fc1ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #3e91c6 0%,#5fc1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient1:before{
		opacity: 0.9;
		background: #4264d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #4264d1 0%, #819ff5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #4264d1 0%,#819ff5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #4264d1 0%,#819ff5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient2:before{
		opacity: 0.9;
		background: #5642d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #5642d1 0%, #5bc2ed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #5642d1 0%,#5bc2ed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #5642d1 0%,#5bc2ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

/* Page Styles */

/* PORTFOLIO NAVIGATION */
	/* Navigation Colors - hover and active */
	#navigation.modern .columns ul li a:hover,
	#navigation.modern.scrolled .columns ul li a:hover,
	#navigation.modern .columns ul.nav > li.active > a{
		color:#4264d1 !important;
	}
	/* Navigation styles - You can see navigation hover and active colors in the content/antares/css/style.css file. */
	#navigation.modern.white-nav .columns ul li a,
	#navigation.modern.white-nav .columns ul li button{ font-size:11px; font-weight: 700; color:#222; }
	/* Mega menu and dropdown styles */
	#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu.mega-menu li a{ color:#222; font-size: 11px; letter-spacing: 0px; font-weight: 700; text-transform: uppercase; }
	#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a{ color: #222; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; }


	/* Works */
		.works-container{ padding:6px; }
		.works-container .cbp-caption-activeWrap{ background-color:rgba(61,61,61,0.75); }
		.works-container .cbp-item:hover .cbp-caption-defaultWrap{ -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;  }
		.works-container .cbp-l-caption-alignLeft{width: 100%;height: 100%;display: table;}
		.works-container .cbp-l-caption-alignLeft .cbp-l-caption-body{display: table-cell;vertical-align: middle;text-align: center;color: white;}
		.works-container .detail{ font-size:13px; opacity: 1; position: relative; text-transform: uppercase; font-weight: 900; color:white; }