/* Antares Demo Styles
================================================== */

	/* Page Fonts */
	@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,300);
	@import url(https://fonts.googleapis.com/css?family=Bad+Script);
	.font-main{font-family: 'Dosis', sans-serif !important;}
	.font-secondary{font-family: 'Bad Script', cursive !important;}

	/* Body Options */
	body{ font-family: 'Dosis', sans-serif; font-weight: 300; letter-spacing: 0.3px;}
	body *{outline:none;}


/* ANTARES VERSION MAIN STYLES
================================================== */

/* Dark Tones for Antares */
	.bg-dark{background-color:#212121!important;}
	.bg-dark1{background-color:#262626!important;}
	.bg-dark2{background-color:#333333!important;}

/* ANTARES NAVIGATION */
	.modern-nav.nav-dark.scrolled{ background:rgba(40,40,40,0.9); }
	.modern-nav.nav-dark .nav-links .dropdown-menu li a:hover{ background:rgba(35,35,35,1); }
	.modern-nav.nav-dark .nav-links .dropdown-menu{ background:rgba(25,25,25,0.95); }
	
	/* Navigation Colors - hover and active */
	.modern-nav .columns ul li a:hover,
	.modern-nav.scrolled .columns ul li a:hover,
	.modern-nav .columns ul.nav > li.active > a{
		color:#f8b864 !important;
	}
	/* Navigation styles - You can see navigation hover and active colors in the content/antares/css/style.css file. */
	.modern-nav .columns ul li a,
	.modern-nav .columns ul li button{ font-size:13px; font-weight: 500; }
	/* Mega menu and dropdown styles */
	.modern-nav.nav-dark .mega-menu>li ul.column>li>.nav-link{ color:#aaa; font-size: 14px; letter-spacing: 0.3px; font-weight: 500; text-transform: uppercase; }
	.modern-nav.nav-dark .nav-links .dropdown-menu .nav-link{ color: #aaa; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; }


/* TEAM */
/* Creative team options */
    /* Figure options - margin for absolute items on bottom */
    .team-creative figure{ -webkit-transition:color 0.3s;transition:color 0.3s; }
    /* Hover position for figcaption */
    .team-creative figcaption{ position: relative; bottom: 0%; -webkit-transition:bottom 0.3s;transition:bottom 0.3s; }
    .team-creative figure:hover figcaption{ bottom: 50%; }
    /* Opacity option for progress bars */
    .team-creative figure .progress-bars{ opacity: 0; visibility: hidden; -webkit-transition-delay:0s;transition-delay:0s; }
    .team-creative figure:hover .progress-bars{ opacity: 1; visibility: visible; -webkit-transition:opacity 0.3s, visibility 0.3s;transition:opacity 0.3s, visibility 0.3s; -webkit-transition-delay:0.2s;transition-delay:0.2s; }
    /* Opacity option for image */
    .team-creative figure > .employee-photo img{  opacity: 1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s; }
    .team-creative figure:hover > .employee-photo img{ opacity: .3; }
    /* Socials Aniamtion */
    .team-creative figure .socials a{opacity:0; -webkit-transform:translateY(15px);transform:translateY(15px); -webkit-transition:opacity 0.3s, transform 0.3s;transition:opacity 0.3s, transform 0.3s; -webkit-transition-delay:0s;transition-delay:0s;}
    /* Icon delays */
    .team-creative figure:hover .socials a{opacity:1; -webkit-transform:translateY(-20px);transform:translateY(-20px); -webkit-transition-delay:0.3s;transition-delay:0.3s;}
    .team-creative figure:hover .socials li:nth-of-type(2) a{-webkit-transition-delay:0.35s;transition-delay:0.35s;}
    .team-creative figure:hover .socials li:nth-of-type(3) a{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
    .team-creative figure:hover .socials li:nth-of-type(4) a{-webkit-transition-delay:0.45s;transition-delay:0.45s;}
    .team-creative figure:hover .socials li:nth-of-type(5) a{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
    .team-creative figure:hover .socials li:nth-of-type(6) a{-webkit-transition-delay:0.55s;transition-delay:0.55s;}
    .team-creative figure:hover .socials li:nth-of-type(7) a{-webkit-transition-delay:0.6s;transition-delay:0.6s;}



/* WORKS */
	/* Image animation */
    .cbp-item .work-image{-webkit-transform:scale(1);transform:scale(1); -webkit-transition:transform 0.5s;transition:transform 0.5s;}
    .cbp-item:hover .work-image{-webkit-transform:scale(1.03);transform:scale(1.03);}
    /* Details animation */
    .cbp-item .details{opacity:0;-webkit-transform:scale(1.04) perspective(1000px);transform:scale(1.04) perspective(1000px);-webkit-transition:all 0.5s;transition:all 0.5s;}
    .cbp-item:hover .details{opacity:1;-webkit-transform:scale(1) perspective(1000px);transform:scale(1) perspective(1000px);}
    /* Texts and line animations */
    .cbp-item .details .title, .cbp-item .details .tag{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all 0.5s;transition:all 0.5s;}
    .cbp-item:hover .details .title, .cbp-item:hover .details .tag{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
    .cbp-item:hover .details .tag{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
    .cbp-item .details .line{-webkit-transition:all 0.3s;transition:all 0.3s;}
    .cbp-item:hover .details .line{width:70px!important;}