/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* FONTS
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*FONT 1*/
body{font-family: 'Roboto', sans-serif;}
/*FONT 2*/
#navigation ul li a:after, #logo-navigation span, #ticker h4,.with-breaker span,.main-container blockquote,
.main-container .welcome-message, .main-container ul.post-metadatas li, figure.effect-sadie p,
.custom-section-text p, .comment-author, .contact-box p{
	font-family: "Droid Sans", serif;
	font-weight: 400;
}
/*UPPERCASE FOR FONT 1*/
#navigation ul li a, #navigation ul.sub-menu li a, #top-navigation ul.sub-menu li a, #header #navigation-mobile li a,
#ticker-text ul li, .main-container h1{
	text-transform: uppercase;
}
/*LETTER SPACING*/
.main-container h1,.main-container h2,.main-container h3,.main-container h4{
	letter-spacing: 2px;
}
#ticker-text ul li{
	letter-spacing: -4px;
}
.main-container .btn, figure.effect-sadie h4, .main-container a.blog-post-title h2,
#blog-container .blog-post-title h2, .widget h4, #top-navigation ul.sub-menu li, #navigation ul li a,
#navigation ul.sub-menu li a,#top-navigation ul.sub-menu li a{
	letter-spacing: 1px;
}
/*FONT WEIGHT*/
.main-container .welcome-message{
	font-weight: 100;
}
figure.effect-sadie h4,.main-container a.blog-post-title h2, #blog-container .blog-post-title h2,
.widget h4{
	font-weight: 300;
}
.main-container .btn, #logo-navigation span, #navigation ul.sub-menu li a{
	font-weight: 400;
}
.main-container .dropcap{
	font-weight: 900;
}
.comment-list li:before, #ticker-text ul li, .main-container h1,.main-container h2,.main-container h3,
.main-container h4, #navigation ul li a{
	font-weight: 700;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* IMAGES
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.auriga {
	z-index: 4;
	width: 650px;
	height: 663px;
   position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(50%);
	transform: translateX(-50%);
   max-width: auto;
   max-height: auto;
   margin-top: -430px;
}

/*GALAXY ANIMATIONS*/
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    };
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    };
}
@-ms-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    };
}
@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    };
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    };
}
.galaxy1 {
	z-index: 3;
	width: 400px;
	height: 300px;
	position: absolute;
	display: block;
	bottom: 190px;
	right: 0;
	border: 0px;

	-moz-animation: spin 2000s linear infinite;
	-ms-animation: spin 2000s linear infinite;
	-o-animation: spin 2000s linear infinite;
	-webkit-animation: spin 2000s linear infinite;
	animation: spin 2000s linear infinite;
}

@-moz-keyframes opacity {
  0% 		{opacity: 0.8;}
  50%		{opacity: 1;}
  100% 	{opacity: 0.7;}
}
@-webkit-keyframes opacity {
  0% 		{opacity: 0.8;}
  50%		{opacity: 1;}
  100% 	{opacity: 0.7;}
}
@keyframes opacity {
   0% 		{opacity: 0.8;}
  50%		{opacity: 1;}
  100% 	{opacity: 0.7;}
}
@-ms-keyframes opacity {
  0% 		{opacity: 0.8;}
  50%		{opacity: 1;}
  100% 	{opacity: 0.7;}
}
@-o-keyframes opacity {
  0% 		{opacity: 0.8;}
  50%		{opacity: 1;}
  100% 	{opacity: 0.7;}
}
.galaxy2 {
	z-index: 3;
	width: 400px;
	height: 400px;
   position: absolute;
   display: block;
   right: 5%;
   
  -moz-animation: opacity 8s ease infinite;
  -ms-animation: opacity 8s ease infinite;
  -o-animation: opacity 8s ease infinite;
  -webkit-animation: opacity 8s ease infinite;
  animation: opacity 8s ease infinite;
}

.galaxy3 {
	z-index: 3;
	width: 60px;
	height: 60px;
	position: relative;
	display: block;
	left: 20%;
	top: 40%;
	border: 0px;

	-moz-animation: spin3 1000s linear infinite;
	-ms-animation: spin3 1000s linear infinite;
	-o-animation: spin3 1000s linear infinite;
	-webkit-animation: spin3 1000s linear infinite;
	animation: spin3 1000s linear infinite;
}
@-moz-keyframes spin3 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    };
}
@-webkit-keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    };
}
@-ms-keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    };
}
@-o-keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    };
}
@keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    };
}

.flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* COLORS 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*MAIN TEXT COLOR*/
body, .main-container a.blog-post-title, #blog-container .blog-post-title a, #navigation.navigation-fixed ul li a,
.main-container .welcome-message span, .main-container h4.faq-link a, .main-container ul.social-list li:hover a,
.nav-tabs>li>a:hover, .skill:hover p, #partners-slider a{
	color: #444;
}
.main-container code, .main-container pre, .main-container .btn,#navigation ul.sub-menu li a:hover,
#top-navigation ul.sub-menu li a:hover{
	background: #444;
}
/*SECOND COLOR*/
.main-container a.blog-post-title:hover, .main-container .blog-grid ul.post-metadatas,
.single-post ul.post-metadatas, .comment-author, .comment-list .children li:before,
#blog-container .blog-post-title a:hover, #blog-container .blog-button .btn.btn-default,
#blog-container ul.post-metadatas, #footer, #navigation.navigation-fixed ul.sub-menu li a,
#navigation.navigation-fixed ul li.current-menu-item a,#navigation.navigation-fixed ul li a:hover,
.with-breaker span, .main-container a, .main-container blockquote, .main-container blockquote:before,
.main-container .welcome-message, .main-container h4.faq-link.faq-active a,
.skill:hover h4, .skill p{
	color: #B4B4B4;
}
.widget a.btn.btn-default:hover{
	color: #B4B4B4 !important;
}
#blog-container .blog-button .btn.btn-default, .widget a.btn.btn-default{
	border-color: #B4B4B4;
}
#blog-container .blog-button a.btn.btn-default:hover{
	background: #B4B4B4;
}
/*CUSTOM CONTAINER BACKGROUND (Affiliate box in the demo)*/
.custom-section-container{
	background: #d05c3d;
}
.main-container .custom-section-buttons a.btn:hover{
	color: #d05c3d;
}
/*OTHERS*/

.container {
	background: #fff;
	border-top: -50px;
}

.oblique-top {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -190px;
}

.oblique-bottom {
	display: block;
	width: 100%;
	height: auto;
}

.margintop {
	display: block;
	position: relative;
	margin: 25px 0;
	clear: both;
}
.margin80 {
	display: block;
	position: relative;
	height: 80px;
	clear: both;
}
.margin100 {
	display: block;
	position: relative;
	height: 100px;
	clear: both;
}
.margin200 {
	display: block;
	position: relative;
	height: 200px;
	clear: both;
}

.margin300 {
	display: block;
	position: relative;
	height: 300px;
	clear: both;
}

.margin500 {
	display: block;
	position: relative;
	height: 500px;
	clear: both;
}

.row-centered {
    text-align:center;
}

.alt {
	width: 100%!important;
}

.blured {
	-webkit-filter: blur(0px) opacity(1);
	-moz-filter: blur(0px) opacity(1);
	-o-filter: blur(0px) opacity(1);
	-ms-filter: blur(0px) opacity(1);
	filter: blur(0px) opacity(1);
	
	-webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}

.blured:hover {
	-webkit-filter: blur(1px) opacity(0.4);
	-moz-filter: blur(1px) opacity(0.4);
	-o-filter: blur(1px) opacity(0.4);
	-ms-filter: blur(1px) opacity(0.4);
	filter: blur(1px) opacity(0.4);
}

.awards {
	text-align: center;
}

.awardimg {
	min-width: 160px;
	min-height: 102px;
}

.awards img {
	padding: 20px 20px;
}

.overflow {
	overflow: hidden!important;
}

.clear {
	clear: both;
}

@-moz-keyframes scrollcta {
  0% 		{opacity: 0; bottom: 20px; font-size: 4em;}
  40%		{opacity: 0.8;}
  90%		{opacity: 0; bottom: 0px; }
  100% 	{opacity: 0; font-size: 2em;}
}
@-webkit-keyframes scrollcta {
  0% 		{opacity: 0; bottom: 20px; font-size: 4em;}
  40%		{opacity: 0.8;}
  90%		{opacity: 0; bottom: 0px; }
  100% 	{opacity: 0; font-size: 2em;}
}
@keyframes scrollcta {
  0% 		{opacity: 0; bottom: 20px; font-size: 4em;}
  40%		{opacity: 0.8;}
  90%		{opacity: 0; bottom: 0px; }
  100% 	{opacity: 0; font-size: 2em;}
}
@-ms-keyframes scrollcta {
  0% 		{opacity: 0; bottom: 20px; font-size: 4em;}
  40%		{opacity: 0.8;}
  90%		{opacity: 0; bottom: 0px; }
  100% 	{opacity: 0; font-size: 2em;}
}
@-o-keyframes scrollcta {
  0% 		{opacity: 0; bottom: 20px; font-size: 4em;}
  40%		{opacity: 0.8;}
  90%		{opacity: 0; bottom: 0px; }
  100% 	{opacity: 0; font-size: 2em;}
}

.scrollcta {
	position: absolute;
	display: block;
	border: 0px;
	width: 100%;
	margin: 0 auto -130px auto;
	
	-moz-animation: scrollcta 2s ease-out infinite;
	-ms-animation: scrollcta 2s ease-out infinite;
	-o-animation: scrollcta 2s ease-out infinite;
	-webkit-animation: scrollcta 2s ease-out infinite;
	animation: scrollcta 2s ease-out infinite;
	
	-webkit-font-smoothing: antialiased;
}