/*
* =======================================================
* Document Info
* =======================================================
*
*  @Doc Description: techasol web site main CSS Custom Stylesheet (Based at Foundation 6.4.2 CSS Framework   http://foundation.zurb.com/)
*  @Author: d4rth0nyx
*  @Creation Date: 2017-11-29
*  @Copyright: Copyright (c) 2017 techasoft - http://techasoft.gr
*  @Version: 1.0.1
*
*  @Status: Development
*  @Last Modified Date: 2017-11-29
*  @Last Modify User: d4rth0nyx
*
*
* //////////////// Actions TO DO //////////////////////

1) 
2) 
3) 
4) 
5) 
========================================================= 
*/


/* TAS Primary Styles
==================================*/
body {
	background:#111111;
	font-family: 'Roboto', sans-serif;
  color:#919191;
}
h1{
	font-family: 'Roboto', sans-serif;
  color:#76b900;
  text-align:center;
}
h2{
	color:#919191;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -1px;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-family: 'Roboto', sans-serif;
	color:#919191;
  text-align:center;

}
h4{
	font-family: 'Roboto', sans-serif;
	color:#919191;
  text-align:center;
}
h5{
	font-family: 'Roboto', sans-serif;
	color:#919191;
  text-align:center;
}
h6{
	color:#919191;
	font-family: 'Roboto', sans-serif;
	text-align:center;
}
p{
	line-height:1.5em;
}


/* TAS Animation Timers
==================================*/
.TAS-delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.TAS-delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.TAS-delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.TAS-delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.TAS-delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.TAS-delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}
.TAS-delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.TAS-delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.TAS-delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.TAS-delay-12s {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
/* TAS Main site Canvas
==================================*/
canvas{
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: auto;
}
/* Custom back-on-top button
==================================*/
.back-top {
  position: fixed;
  bottom: 1%;
	right: 1%;
	z-index: 99;
}
.back-top a {
  color: #919191;
}
.back-top:hover a {
  color: #6dd32e;
} 
/* TAS Header section Styles
==================================*/

.TAS-header{
	background:url(../images/header-image.png);
	max-width: 100%;
	height: auto;
	background-size: 100% 100%;
	padding:5em 5em 0em 5em;
}
.TAS-header h1{
	font-family: 'Roboto', sans-serif;
  color:#76b900;
  text-align:center;
  font-weight:bold;
  padding:1em 0em 0em 0em;
  
}
.TAS-header h5{
	font-family: 'Roboto', sans-serif;
	color: #bcbcbc;
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
}

/* TAS Navigation section Styles
==================================*/

.TAS-main-navigation-outer{
	background:#242424;
	border-bottom:0.15rem solid #3f51b5;
	box-shadow:0 1rem 2rem -3rem #76b900;
}
.TAS-main-navigation-outer .menu{
	background:#242424;
}
.TAS-main-navigation {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.TAS-main-navigation * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.TAS-main-navigation li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 1.5em;
  padding: 0;
}
.TAS-main-navigation a {
  padding: 0.3em 0;
  color: #3f51b5;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.TAS-main-navigation a:before,
.TAS-main-navigation a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #76b900;
  width: 0;
}
.TAS-main-navigation a:before {
  top: 0;
  left: 0;
}
.TAS-main-navigation a:after {
  bottom: 0;
  right: 0;
}
.TAS-main-navigation a:hover,
.TAS-main-navigation .current a {
  color: #76b900;
}
.TAS-main-navigation a:hover:before,
.TAS-main-navigation .current a:before,
.TAS-main-navigation a:hover:after,
.TAS-main-navigation .current a:after {
  width: 100%;
}


/* TAS Company section Styles
==================================*/

.TAS-company{
	background:#242424;
}
.TAS-company span{
	color:#3f51b5;
}
.TAS-company-list-icon i{

	color:#3f51b5;
  

}

/* TAS Services section Styles
==================================*/

.TAS-services{
	background:#313131;
	
}
.TAS-services span{
	color:#3f51b5;
}
.TAS-services-list-icon i{
	
	color:#3f51b5;
	
}


/* TAS Products section Styles
==================================*/

.TAS-products{
	background:#242424;
}
.TAS-products span{
	color:#3f51b5;
}
.TAS-products-list-icon i{
	

	display:block;
	color:#3f51b5;
	
}

/* TAS Solutions section Styles
==================================*/

.TAS-solutions{
	background:#313131;
}
.TAS-solutions span{
	color:#3f51b5;
}
.TAS-solutions-list-icon i{
	

	display:block;
	color:#3f51b5;
	
}

/* TAS Research section Styles
==================================*/

.TAS-research{
	background:#242424;
}
.TAS-research span{
	color:#3f51b5;
}
.TAS-research-list-icon i{
	

	display:block;
	color:#3f51b5;
	
}

/* TAS Contact section Styles
==================================*/

.TAS-contact{
	background:#313131;
}
.TAS-contact span{
	color:#3f51b5;
}
.TAS-contact i{
/*  display:block; We want to show inline icon and text */
	color:#3f51b5;
}

/* TAS Group section Styles
==================================*/

.TAS-group-outer{
	background:#111111;
	border-bottom:0.15rem solid #858585;
	box-shadow:0 1rem 2rem -3rem #76b900;
}
.TAS-group-outer .menu{
	background:#111111;
}
.TAS-group-outer h6{
	color: #bcbcbc;
  
}
.TAS-group-outer img{
	height: 1.7rem;
	width: auto;
	
}
/* TAS Footer section Styles
==================================*/

.TAS-footer{
	
	background: #3f51b5;/* Old Browsers */
	background: -moz-linear-gradient(136deg, #76b900 0%, #000000 40%, #000000 60%, #3f51b5 100%); /* FF3.6+ */
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #76b900), color-stop(40%, #000000), color-stop(60%, #000000), color-stop(100%, #3f51b5));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(136deg, #76b900 0%, #000000 40%, #000000 60%, #3f51b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(136deg, #76b900 0%, #000000 40%, #000000 60%, #3f51b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(136deg, #76b900 0%, #000000 40%, #000000 60%, #3f51b5 100%); /* IE 10+ */
	background: linear-gradient(136deg, #76b900 0%, #000000 40%, #000000 60%, #3f51b5 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b900', endColorstr='#3f51b5', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	padding:0.5rem;
}
.TAS-footer img{
	height: 2.2rem;
	width: auto;
}
.TAS-copyright, .TAS-credits{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
	padding:0.2rem;
}
.TAS-copyright a, .TAS-credits a{
	color:#673AB7;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	
}
.TAS-copyright a:hover, .TAS-credits a:hover {
	color: #990099;
}




/* ---------- TEST CODE Class -------*/
.test-code *{
	border-style: solid;
	border-width: 0.1rem;
	border-color: red;
}