body {
	padding-top: 60px;
}

html, body, .view {
	height: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}

.loadingMsg {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #e9e9e9;
	top: 0;
	left: 0;
	z-index: 10000;
	text-align: center;
	color: #2962FF;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-webkit-transition: all linear 1.5s;
	transition: all linear 1.5s;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

.v-align-mid{
	vertical-align: middle !important;
}

.v-align-top{
	vertical-align: top !important;
	text-align: left !important;
}

.loaderInside{
	position:fixed;
	left:45% !important;
	top:30% !important;
	font-size: 30px;
	vertical-align: middle;
}

/* @font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url("http://logicskill.com/google/MaterialIcons-Regular.eot"); For IE6-8
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url("http://logicskill.com/google/MaterialIcons-Regular.woff2") format('woff2'),
		url("http://logicskill.com/google/MaterialIcons-Regular.woff") format('woff'),
		url("http://logicskill.com/google/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; Preferred icon size
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	Support for all WebKit browsers.
	-webkit-font-smoothing: antialiased;
	Support for Safari and Chrome.
	text-rendering: optimizeLegibility;
	Support for Firefox.
	-moz-osx-font-smoothing: grayscale;
	Support for IE.
	font-feature-settings: 'liga';
} */

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

fieldset.doc-fieldset {
	font-size: 16px;
  border: 2px solid #ebebeb;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  background-color: #ebebeb;
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	color: #8a8a8a;
}

legend.legendStyle {
	text-align:left;
	padding: 5px 10px;
    color: #0fb1ff;
    margin-bottom:.15px;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #ebebeb;
    background-color: #ebebeb;
    
 }
      
 .f-content {
	text-align: left;
}

.leg-top-pad {
		padding-top: 50px;
	}

/*HOVER EFFECT*/
.font-spacing{
	letter-spacing: 2px !important;
}

.box {
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.box .normal {
  position: relative;
  left: 0;
  text-align: center;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.box .overbox {
 text-align: center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 10;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width:91%;
  z-index: 1;
}

.box:hover .overbox { opacity: 0.99; }

/*HOVER EFFECT*/

.star-rating {
  cursor: pointer;
  color: #f4d000;
  display: inline-block;
  position: relative;
}

.rated{
	font-size: 11px !important;
	position:absolute;
	top: 22px;
	left:20px;
	text-transform: uppercase;
	color: #c0c2ce !important;
}

.icon-mini{
	font-size: 18px !important;
	padding: 2px !important; 
	margin: 0px !important;
}

.skill-bar{
	
}

.progress {
  height: 25px;
}

.progress .skill {
  line-height: 25px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

.font-color-white {
	color: #ffffff;
}

.section-pad-top {
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	/*#f6f6f6*/
	background-color: #ffffff;
}

.section-pad {
	padding: 60px 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f7f7f7;
}

h2.hairline {
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
	color: #d8d8d8;
}

h2.hairline span {
	position: relative;
	top: 14px;
	background-color: #136cbf;
	padding-right: 1em;
	padding-left: 1em;
}

.section-pad-alternate {
	padding: 60px 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4ef;
}

.section-pad-alternate-top {
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4ef;
}

.section-pad-error {
	padding: 127px 20px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4ef;
}

.section-pad-bottom {
	padding: 40px 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #161f32;
}

.pad-bottom{
	padding-bottom: 40px !important;
}

.pad-top-10{
	padding-top: 15px !important;
}

.pad-top-11{
	padding-top: 10px !important;
}

.dotted-border{
	border: 2px dotted #e5e5e5;
	padding: 10px 10px;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(234,234,234,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(234,234,234,1);
	box-shadow: 0px 0px 0px 5px rgba(234,234,234,1);
}

.img-it{
	width:180px !important; 
	margin: auto;
	height: auto;
}

.img-cad{
	width:240px !important; 
	margin: auto;
	height: auto;
}

#infoDiv {
	display: block;
	position: fixed;
	top:55px;
	width: 75%;
	float: left;
	padding-left: 21px;
	left: 48%;
	margin: 0 0 0 -37.5%;
	z-index: 500;
	overflow: auto;
	color: #FFFFFF;
}


.infoDivInfo{
	background-color: #1FD623;
	border-color: #d6e9c6;
	}
	
.infoDivError{
	background-color: #FF5151;
	border-color: #eed3d7;
	}	
	
.important-box{
	color: #ffffff; 
	font-size: 14px; 
	letter-spacing: 1px;
	background-color: #78909c;
	padding: 14px 10px;
	margin-bottom: 10px;
	cursor:pointer;
}

.info-box-warn{
	color: #adadad; 
	font-size: 12px; 
	font-style: italic; 
	letter-spacing: 1px;
}

.boxed-highlighter{
	background-color: #78909c;
	padding: 14px 10px;
}

.stress {
	font-size: 19px !important;
	font-weight: bold !important;
	/*f7ba00  #136cbf  caca00*/
	color: #0fb1ff !important;
	letter-spacing: 2px !important;
}

#footer {
	color: #ffffff;
}

#footer h5{
	font-size: 18px;
    color: white;
    font-weight: bold;
}

#footer .myCols{
	text-align: center;
}

#footer .social-networks{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.social-networks a{
	margin:5px;
	vertical-align: middle;
    font-size: 18px; 
    font-weight: bold;
    border-radius:3px;
    text-align: center;
    text-decoration: none;
    transition: 0.2s;
}

.facebook  {
	background: #3B5998;
	color: #f7f7f7;
    
    padding-top: 5px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 5px;
}

.facebook:hover{
	background: #c9c9c9;
    color: #383838;
    text-decoration: none;
}

.twitter{
	background: #55ACEE;
	color: #f7f7f7;
	
    padding-top: 5px;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 5px;
}

.twitter:hover{
	background: #c9c9c9;
    color: #383838;
    text-decoration: none;
}

.gplus{
	background: #dd4b39;
	color: #f7f7f7;
	
    font-size: 16px !important;
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 6px;
}

.gplus:hover{
	background: #c9c9c9;
    color: #383838;
    text-decoration: none;
}

.lin{background: #007bb5;
	color: #f7f7f7;
	
    padding-top: 5px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 5px;
}

.lin:hover{
	background: #c9c9c9;
    color: #383838;
    text-decoration: none;
}

#footer .footer-copyright{
	padding-top:15px;
	padding-bottom:0px;
	text-align: center;
}


#footer .footer-copyright p{
	margin:10px;
	color: #ccc;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

/* testimonial slider */
.carousel-control {
	position: absolute;
	top: 50%; /* pushes the icon in the middle of the height */
	z-index: 5;
	display: inline-block;
}



#lsk-testimonial-carousel {
  margin: 15px 0px;
}

#lsk-testimonial-carousel .testimonial-box {
	padding-top: 50px; 
	padding-bottom: 50px;
}

#lsk-testimonial-carousel a {
  color: #0fb1ff;
}

#lsk-testimonial-carousel .text-brand {
  color: #9f9f9f !important;
  font-size: 15px !important;;
  letter-spacing: 2px !important;
  font-weight: bold;
}

#lsk-testimonial-carousel .sub-brand{ 
  color: #acacac !important;
  font-size: 14px !important;;
  letter-spacing: 2px !important;
  font-style: italic;
  background-color: #f5f5f5;
}

#lsk-testimonial-carousel h6{
	color: #acacac !important;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#lsk-testimonial-carousel .carousel-indicators .active {
  background: #0fb1ff;
}
#lsk-testimonial-carousel .no-margin {
  margin: 0px !important;
  padding-top:15px;
}
#lsk-testimonial-carousel .carousel-indicators li {
  border: 1px solid #ccc;
}
#lsk-testimonial-carousel .carousel-control {
  color: #8b8b8b;
  width: 5%;
}
#lsk-testimonial-carousel .carousel-control:hover {
  color: #3F5EFB;
}
#lsk-testimonial-carousel .carousel-control.left,
#lsk-testimonial-carousel .carousel-control.right {
  background-image: none;
}
#lsk-testimonial-carousel .item {
  padding: 15px 40px;
  background: #f5f5f5;
}
#lsk-testimonial-carousel .media-object {
  margin: auto;
}

#lsk-testimonial-carousel .author{
	color: #0fb1ff !important;
	font-weight: bold;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  #lsk-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }
  
}

.slider-bg{
	background: #f5f5f5;
}
/* testimonial slider */

.stress-sea-green {
	font-size: 19px !important;
	font-weight: bold !important;
	/*f7ba00  #136cbf  caca00*/
	color: #18BC9C !important;
	letter-spacing: 2px !important;
}

.stress-yellow {
	font-size: 19px !important;
	font-weight: bold !important;
	/*f7ba00  #136cbf  caca00*/
	color: #f7ba00 !important;
	letter-spacing: 2px !important;
}

.stress-red {
	font-size: 19px !important;
	font-weight: bold !important;
	/*f7ba00  #136cbf  caca00*/
	color: #f37735 !important;
	letter-spacing: 2px !important;
}

.stress-green {
	font-size: 19px !important;
	font-weight: bold !important;
	/*f7ba00  #136cbf  caca00*/
	color: #caca00 !important;
	letter-spacing: 2px !important;
}

.pad-30px-c {
	padding: 20px 20px !important;
	background-color: #ffffff;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
}

.pad-30px-imp {
	padding: 30px !important;
	background-color: #ffffff;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-30px-imp:hover, .tech-pad:hover {
	background-color:  #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.pad-30px-imp:hover {
	background-color:  #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.tech-pad:hover {
	background-color:  #ffffff;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.pad-30px-imp-alt {
	padding: 30px !important;
	background-color: #ebebeb;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	box-shadow: 0 2px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:  0 2px 0px 0px rgba(0,0,0,0.1);
     -moz-box-shadow:  0 2px 0px 0px rgba(0,0,0,0.1);
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-30px-imp-alt:hover {
	background-color:  #ffffff;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-imp-alt {
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	background-color: #ebebeb;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	box-shadow: 0 2px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:  0 2px 0px 0px rgba(0,0,0,0.1);
     -moz-box-shadow:  0 2px 0px 0px rgba(0,0,0,0.1);
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-imp-alt:hover {
	background-color:  #ffffff;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-5px-imp-alt {
	padding: 5px !important;
	background-color: #ebebeb;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}


.pad-30px-3d {
	padding: 30px !important;
	background-color: #ebebeb;
	border: 2px solid #ebebeb;
	min-height: 300px;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-30px-3d:hover{
	background-color:  #ffffff;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	box-shadow: 0px 40px 40px rgba(0,0,0,0.1);
    position: relative;
    z-index: 100;
    transform: translate(0, -5px);
	
}


.pad-3d {
	padding: 30px !important;
	background-color: #ebebeb;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}


.pad-3d:hover {
	background-color:  #ffffff;
    transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	box-shadow: 0px 40px 40px rgba(0,0,0,0.1);
    position: relative;
    z-index: 100;
    transform: translate(0, -5px);
}

.pad-15px-imp {
	padding: 15px !important;
	background-color: #ffffff;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-15px-imp:hover {
	background-color:  #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-15px-imp-alt {
	padding: 15px !important;
	background-color: #ebebeb;
	/*#eaeaea*/
	border: 2px solid #ebebeb;
	min-height: 300px;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
      transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.pad-15px-imp-alt:hover {
	background-color:  #ffffff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.tech-pad {
	padding-top: 10px !important;
	background-color: #f4f4f4;
	border: 2px solid #f4f4f4;
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}


.btn-grey {
	border: 1px solid #ffffff;
	color: #0fb1ff;
	letter-spacing: 2px;
}

.sub-text {
	font-size: 12px
}

.section-pad-footer {
	padding: 40px 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2C3E50;
}

.section-pad-quote {
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	/*#f6f6f6*/
	background-color: #ffffff;
}

.section-pad-quote-alternate {
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4ef;
}

.section-pad-head {
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f4f4ef;
	color: #646464;
}

.section-header-quote {
	font-size: 32px;
	color: #646464;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.bottom-pad {
	padding-bottom: 40px;
}

.section-header {
	/*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
	font-size: 30px;
	color: #c0c0c0;
}

.section-header-green {
	/*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
	font-size: 30px;
	color: #8ab206;
	font-weight: bold;
}

.section-header-blue {
	/*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
	font-size: 30px;
	color: #136cbf;
	font-weight: bold;
}

.section-header-yellow {
	/*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
	font-size: 30px;
	color: #f7ba00;
	font-weight: bold;
}

.section-header-grey {
	/*font-family: "Roboto", "Helvetica", "Arial", sans-serif;*/
	font-size: 30px;
	color: #646464;
	font-weight: bold;
}

.section-intro {
	font-size: 16px;
	color: #858585;
}

.navbar-brand {
	padding: 5px;
}

.logicskill-logo {
	padding-right: 0px;
}

.slider-caption {
	left: 0;
	position: absolute;
	text-align: center;
	top: 45%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	width: 100%;
	z-index: 15;
}

#particles-js {
	width: 100%;
	height: 675px;
	/*dark blue #136cbf  2895f1*/
	background-color: #2C3E50;
	background-image: url('../img/logicskill-bg.png');
	/*#d3ac2b*/
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.certification-pad {
	padding: 20px !important;
}

.hero-section {
	/*position: relative;*/
	width: 100%;
	height: 100vh;
	max-height: 600px;
	background-color: #2C3E50;
}

.sub-hero-text {
	color: #d2d2d2;
	font-size: 16px;
	letter-spacing: 4px;
}

.vert-divider-color {
	color: #c0c0c0;
}

.navbar-custom {
	padding: 5px 0px;
	background-image: none;
	background-color: #2C3E50;
	/*rgba(0, 0, 0, 0.6); for transparency*/
	border-color: #2a56c6;
	border-radius: 0px;
	border-bottom: 0px solid #2a56c6;
	font-size: 15px;
	/*box-shadow: 0px 4px 9px 1px rgba(0,0,0,0.06);*/
}

.navbar-custom .navbar-nav>li {
	padding-right: 7px;
}

.navbar-custom .navbar-nav>li>a {
	color: #bdc3c7;
	/*letter-spacing: 0.5px;*/
}

.navbar-custom .navbar-nav>.active>a,.navbar-nav>.active>a:hover,.navbar-nav>.active>a:focus
	{
	color: #ffffff;
	/* Green: #47cc00 , 
	padding-bottom:7px;
	padding-right:10px;
	margin-right:7px;
	padding-left:10px;
	margin-left:7px;
	border-bottom: 2px solid #ffffff;*/
	
	
	background-color: transparent;
}

.navbar-custom .navbar-nav>.active>a,.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover
	{
	color: #ffffff;
	background-color: #2C3E50;
}

.navbar-custom .navbar-nav>li>a:hover,.navbar-custom .navbar-nav>li>a:focus
	{
	color: #ffffff;
	background-color: transparent;
}

.navbar-custom .navbar-nav>.open>a,.navbar-custom .navbar-nav>.open>a:hover,.navbar-custom .navbar-nav>.open>a:focus
	{
	color: #ffffff;
	background-color: #004687;
}

/*Toggle menu start*/
.navbar-custom .navbar-toggle {
	border-color: #2C3E50;
	background-color: #2C3E50;
}

.navbar-custom .navbar-toggle:hover,.navbar-custom .navbar-toggle:focus
	{
	background-color: #18BC9C;
}

.navbar-custom .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar-custom .navbar-toggle:hover .icon-bar {
	background-color: #ffffff;
}

.navbar-custom .navbar-toggle:focus .icon-bar {
	background-color: #ffffff;
}

.navbar-custom .navbar-collapse,.navbar-custom .navbar-form {
	border-color: #2C3E50;
}
/*Toggle menu End*/
.highlighter-text {
	/*background:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));*/
	font-size: 50px;
	color: pink;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.btn-blue {
	color: #0fb1ff !important;
	background-color: #fff !important;
	border: 1px solid #0fb1ff !important;
}

.btn-blue:hover {
	color: #fff !important;
	background-color: #0fb1ff !important;
	border: 1px solid #0fb1ff !important;
}

.btn-blue:focus,.btn-blue.focus {
	color: #fff !important;
	background-color: #0fb1ff !important;
	border: 1px solid #0fb1ff !important;
}


.btn-sea-green {
	color: #18BC9C !important;
	background-color: #fff !important;
	border: 1px solid #18BC9C !important;
}

.btn-sea-green:hover {
	color: #fff !important;
	background-color: #18BC9C !important;
	border: 1px solid #f2f2f2 !important;
}

.btn-sea-green:focus,.btn-sea-green.focus {
	color: #fff !important;
	background-color: #18BC9C !important;
	border: 1px solid #18BC9C !important;
}


.btn-blue-c {
	color: #ffffff !important;
	background-color: #0fb1ff!important;
	border: 1px solid #0fb1ff !important;
}

.btn-blue-c:hover {
	color: #ffffff !important;
	background-color: #2196F3 !important;
	border: 1px solid #0fb1ff !important;
}

.btn-blue-c:focus,.btn-blue-c.focus {
	color: #fff !important;
	background-color: #0fb1ff !important;
	border: 1px solid #0fb1ff !important;
}


.btn-navy {
	color: #ffffff !important;
	background-color: #2C3E50 !important;
	border: 1px solid #2C3E50 !important;
}

.btn-navy:hover {
	color: #ffff00 !important;
	background-color: #4b6987 !important;
	border: 1px solid #4b6987 !important;
}

.btn-navy:focus,.btn-navy.focus {
	color: #ffff00 !important;
	background-color: #4b6987 !important;
	border: 1px solid #4b6987 !important;
}


.header-seagreen-normal{
	padding: 30px 40px 40px 40px;
	background-image: url('../img/header-bg.png');
	background-color:  #18BC9C; /* fallback for old browsers */
	
}

.header-seagreen{
	
	padding: 30px 40px 40px 40px;
	background:  #18BC9C; /* fallback for old browsers */
    background-image: url('../img/header.png'), -webkit-linear-gradient(to bottom, #18BC9C, #fdbb2d); /* Chrome 10-25, Safari 5.1-6 */
    background-image: url('../img/header.png'), linear-gradient(to bottom, #18BC9C, #fdbb2d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}

.bg-highlight{
	margin:10px;
	padding:70px 10px; 
	background-color: #18BC9C;
	border:1px solid #41e7c6;
	min-height: 220px !important;
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.bg-highlight:hover {
	background-color:  #F09819;
	box-shadow: 0 10px 10px -10px #FDFC47;
	-webkit-box-shadow:  0 10px 10px -10px #FDFC47;
     -moz-box-shadow:  0 10px 10px -10px #FDFC47;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.txt-highlighter{
	letter-spacing: 2px !important; 
	color: #eeeeee; 
	line-height: 1.5 !important; 
	padding: 15px;
	text-align:center !important; 
}

.txt-highlighter-line{
	color: #dddddd; 
	letter-spacing: 2px !important; 
	font-size: 14px !important;
	text-align: center  !important;
}

.txt-highlighter-punch{
	color: #f7f7f7; 
	letter-spacing: 2px !important; 
	font-size: 18px !important; 
	font-weight: bold;
	text-align: center  !important;
}

.bottom_highlight{
	background: -webkit-linear-gradient(to top, #18BC9C, #fdbb2d); 
	background: linear-gradient(to top, #18BC9C, #fdbb2d);
	background-color:  #18BC9C; 
	padding-bottom:50px;
}

.header-purple{
	padding: 30px 40px 40px 40px;
	background-image: url('../img/header.png');
	background: #da22ff; /* fallback for old browsers */
    background-image: url('../img/header.png'), -webkit-linear-gradient(to top, #da22ff, #9733ee); /* Chrome 10-25, Safari 5.1-6 */
    background-image: url('../img/header.png'), linear-gradient(to top, #da22ff, #9733ee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.header-myblue{
	padding: 30px 40px 40px 40px;
	background-image: url('../img/header.png');
	background: #396afc; /* fallback for old browsers */
    background-image: url('../img/header.png'), -webkit-linear-gradient(to top, #396afc, #2948ff); /* Chrome 10-25, Safari 5.1-6 */
    background-image: url('../img/header.png'), linear-gradient(to top, #396afc, #2948ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.header-deep-purple{
	padding: 30px 40px 40px 40px;
	background-image: url('../img/header.png');
	background: #a044ff; /* fallback for old browsers */
    background-image: url('../img/header.png'), -webkit-linear-gradient(to top, #a044ff, #6a3093); /* Chrome 10-25, Safari 5.1-6 */
    background-image: url('../img/header.png'), linear-gradient(to top, #a044ff, #6a3093); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.header-cad{
	padding: 30px 40px 40px 40px;
	background-image: url('../img/header.png');
	background: #4776E6; /* fallback for old browsers */
    background-image: url('../img/header.png'), -webkit-linear-gradient(to bottom, #4776E6, #8E54E9); /* Chrome 10-25, Safari 5.1-6 */
    background-image: url('../img/header.png'), linear-gradient(to bottom, #4776E6, #8E54E9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}


@keyframes animatedBackground {
	/*from { background-position: 0 0; }
	to { background-position: 100% 0; }*/ 
	0% { background-position: 100%;}
    100%{ background-position:-100%;}
}


.card-hollow {
	padding: 20px 0px;
	background-color: #FFFFFF;
	border-bottom: 5px solid #FF8F00;
	-webkit-transition: border-width 0.5s linear; /* Safari 3.1 to 6.0 */
	-moz-transition: border-width 0.5s linear;
	-o-transition: border-width 0.5s linear;
	transition: border-width 0.5s linear;
	margin: 10px;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.card-hollow:hover {
	-webkit-transition: border-width 0.5s linear; /* Safari 3.1 to 6.0 */
	-moz-transition: border-width 0.5s linear;
	-o-transition: border-width 0.5s linear;
	transition: border-width 0.5s linear;
	border-bottom: 20px solid #FF8F00;
	background-color: #FFFFFF;
}

.card-hollow:hover h3 {
	color: #FF8F00;
}

.card-hollow:hover span {
	color: #9f9f9f;
}

.card-hollow:hover i {
	color: #c0c0c0 !important;
}

.card-hollow>h3 {
	color: #9a9a9a;
}

.card-hollow>span {
	color: #c0c0c0;
}

.card {
	padding: 0px 0px;
	padding-bottom: 15px;
	background-color: #ffffff;
	border: 2px solid #ebebeb;
	border-bottom: 3px solid #0fb1ff;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.card > .card-title1{
	background-color: #9b4f9f; 
	color: #FFFFFF; 
	padding: 20px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.card > .card-title2{
	background-color: #00b1a8; 
	color: #FFFFFF; 
	padding: 20px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.card > .card-title3{
	background-color: #f2613f; 
	color: #FFFFFF; 
	padding: 20px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.card > hr{
	border-color:#fbfbfb;
}

.card:hover {
	background-color: #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
}

.card:hover > hr{
	border-color:#ebebeb;
}

.card .skill-show {
	letter-spacing: 2px;
}

.card h3 {
	color: #0fb1ff !important;
	letter-spacing: 2px;
	font-weight: bold;
}

.card:hover h3 {
	color: #9a9a9a !important;
	letter-spacing: 2px;
	font-weight: bold;
}

.card:hover span {
	color: #0fb1ff !important;
}

.card:hover i {
	color: #ffffff !important;
}

.card>h3 {
	color: #9a9a9a;
	letter-spacing: 2px;
	font-size: 18px;
}

.card>span {
	color: #9f9f9f;
}

.card-flat {
	padding: 20px 0px;
	background-color: #FFFFFF;
	margin: 10px;
	border: 2px solid #ebebeb;
	/*#07cb79*/
	border-bottom: 3px solid #0fb1ff;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.card-flat > hr{
	border-color:#fbfbfb;
	 transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

.card-flat:hover > hr{
	border-color:#ebebeb;
	transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	
}

.card-flat> .skill-show {
	color: #c0c2ce;
}


.card-flat .skill-show {
	color:#c0c2ce !important;
	letter-spacing: 2px;
}

.card-flat:hover {
	background-color: #ebebeb;
	box-shadow: 0 10px 10px -10px #6666ff;
	-webkit-box-shadow:  0 10px 10px -10px #6666ff;
     -moz-box-shadow:  0 10px 10px -10px #6666ff;
     transition: all 1s ease;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
		
}

.card-flat:hover h3 {
	color: #9a9a9a;
	letter-spacing: 2px;
}

.card-flat:hover .skill-show {
	color: #0fb1ff !important;
}

.card-flat>h3 {
	color: #0fb1ff;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: bold;
}


.tech-card {
	border: 1px solid #efefef;
	border-radius: 0px;
	min-height: 130px;
	margin: 10px;
	padding: 20px;
	font-size: 15px;
	color: #ebebeb;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.tech-card>h3 {
	margin-bottom: 0;
	margin-top: 5px;
}

.tech-card>span {
	font-size: 12px;
	color: #c0c0c0;
}

.title_span {
	font-size: 1em;
	color: #c0c0c0;
	text-decoration: none;
}

.underline {
	padding-bottom: 3px;
	border-bottom: 3px solid #c0c0c0;
}

.tittle {
	font-size: 2.6em;
	color: #c0c0c0;
	margin-bottom: 0;
	padding-bottom: 12px;
}

.tittle-line {
	background-color: #c0c0c0;
	display: inline-block;
	height: 3px;
	margin-bottom: 20px;
	width: 80px;
}

.tech-card:hover {
	color: #FFFFFF;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.font-orange {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #FF8F00 !important;
}

.font-white {
	color: #FFFFFF !important;
}

.font-green {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #caca00 !important;
}

.font-yellow {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #f7ba00 !important;
}

.font-yellow-glow {
	color: #ffff00 !important;
}

.font-yellow-off {
	color: #ED8B00 !important;
}

.font-blue {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #0fb1ff !important;
	background-color: webkit-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
}

.btn-nor{
	font-style: normal !important; 
	letter-spacing: 1px !important;
}

.font-sea-green {
	color: #18BC9C !important;
}

.font-sea-green-gradient {
	color: #18BC9C !important;
	background: -webkit-linear-gradient(to bottom, #18BC9C, #fdbb2d); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #18BC9C, #fdbb2d);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font-grey {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #c0c2ce !important;
	font-style: italic;
}

.font-grey-normal {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #c0c2ce !important;
}

.font-dark-grey {
	color: #747474 !important;
}

.font-grey-d{
	color: #a2a2a2 !important;
}

.font-error{
	color:#ff9966 !important;
	font-weight: bold;
}

.error-box{
	padding:0px 0px; 
	vertical-align: middle !important;
}

.font-search-header{
	font-size: 21px;
	color: #646464;
	font-weight: bold;
}

.font-grey-subhead {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #c0c2ce !important;
	font-style: italic;
	font-size: 15px !important;
	letter-spacing: 4px;
}

.font-subhead-normal {
	color: #c0c2ce !important;
	font-size: 15px !important;
	letter-spacing: 4px;
}

.font-subhead-glow {
	color: #ffff00 !important;
	font-size: 16px !important;
	letter-spacing: 4px;
}

.font-red {
	/*color:#FF8F00 !important- default;  #ee693f #CCCC00 - green #FFCC00 - yellow*/
	color: #f37735 !important;
}

.font-l1{
	color: #a3a3a3 !important;
}

.font-l2{
	color: #ffca28 !important;
}

.font-l3{
	color: #ffb300 !important;
}

.font-l4{
	color: #ff8f00 !important;
}

.progress-bar-grey {
  background-color: #747474 !important;
}

.progress-bar-yellow {
  background-color: #f7ba00 !important;
}

.progress-bar-purple {
  background-color: #5691c8 !important;
}

.progress-bar-blue {
  background-color: #ff9068 !important;
}


.matter {
	font-size: 16px !important;
	letter-spacing: 3px !important;
	padding-bottom: 5px !important;
}

.works-for {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px !important;
	text-transform: uppercase;
	color: #c0c2ce;
}

.list-Highlighter{
	font-size: 16px !important;
	text-transform: uppercase;
	color: #a3a3a3;
}

.custom-img {
	width: 120px;
	height: auto;
	margin: auto;
}

.custom-img-big {
	width: 180px !important;
	height: auto;
	margin: auto;
}

.icon-blue-gray-filled {
	background: -moz-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
	background: -webkit-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
	background: -o-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
	background: -ms-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
	background: linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
}

.caption>h3 {
	font-size: 19px;
	color: #8a8a8a !important;
}

.font-icon-material {
	font-size: 7em !important;
	padding-top:18px !important;
}

.font-icon-material-mini {
	font-size: 1.3em !important;
}

.font-icon-material-tech {
	font-size: 7em !important;
}

.font-icon-material-v {
	font-size: 2.4em !important;
	text-align: left !important;
	vertical-align: middle !important;
}

.icon-ring {
	padding:10px;
  border-radius: 50%;
  border: 4px solid #dddddd;
  color: #8080ff;
  display: inline-table;
  text-align: center;
}

.txt-error{
	color:#FF0000;
	font-weight:normal;
}

.icon-ring .icon-bordered {
  font-size: 20px;
  vertical-align: middle !important;
  display: table-cell;
}


.table-bordered-custom th,
  .table-bordered-custom td {
    border: 0px solid #ffffff !important;
    padding: 20px 15px !important;
  }

.table-bordered-bg{
	border: 5px solid #ffcc99 !important;
	font-size: 13px !important;
	background-color: #ffffff;
}

.table-bordered-bg th,
  .table-bordered-bg td {
    border: 0px solid #ffffff !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f4f4f4 !important;
    letter-spacing: 1.4px;
    text-align: justify;
  }

.table-bordered-crt{
	border: 2px solid #ebebeb !important;
	font-size: 13px !important;
	background-color: #ffffff;
}

.table-bordered-crt th,
  .table-bordered-crt td {
    border: 0px solid #ffffff !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f4f4f4 !important;
    letter-spacing: 1.4px;
    text-align: justify;
  }

  
.outline-box{
	background-color: #34495e !important; 
	color:#ffffff !important;
	padding:10px 10px !important;
	font-weight: normal;
	font-size: 25px !important;
	box-shadow: 0 20px 40px 0 rgba(23,28,33,0.07), 0 4px 9px 0 rgba(23,28,33,0.06);
}

.outline-box-r{
	margin-top: 20px !important;
	border: 1px solid #dadada;
	background-color: #b0b0b0! important; 
	color:#efefef !important;
	border-radius: 5px; 
	padding:7px 7px !important;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px !important;
}


.my-list-group {
  padding-left: 0;
  margin-bottom: 5px !important;
}
.my-list-group-item {
  position: relative;
  display: block;
  padding: 7px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 0px solid #ddd;
  color: #727272;
  letter-spacing: 1.2px;
}

.my-list-group-item {
	  background-color: #f4f4ef !important;
}
	
.txt-Style{
	background-color: #f4f4ef;
    border: 1px solid #f4f4ef;
    border-radius: 3px !important;
    height: 40px;
}

.txt-left{
	color: #b0b0b0;
	text-align: left;
	padding: 0px 15px;
	vertical-align:middle !important;
	
}

.copyright-notice{
	text-align: justify;
	padding: 45px;
	background-color: #f4f4ef !important;
	vertical-align:middle !important;
}

.outline-div{
	padding: 5px; 
	background-color: #ffcc99 !important;
}

.cert-notice{
	text-align: justify;
	padding: 20px;
	background-color: #ffffff !important;
	vertical-align:middle !important;
}


.txt-mid{
	color: #d7d7d7;
	text-align: center;
	vertical-align:middle !important;
	font-size: 13px !important;
}

.font-icon-material-small {
	font-size: 2em !important;
	color: #c0c2ce !important;
}

.font-icon-material-small-colored {
	font-size: 2em !important;
	color: #ffffff !important;
}

.target-link {
	color: #a4a4a4 !important;
	-webkit-transition: 300ms !important;
	-moz-transition: 300ms !important;
	-o-transition: 300ms !important;
	transition: 300ms !important;
	text-decoration: none !important;
}

.target-link:hover,.target-link:focus {
	color: #f37735 !important;
	text-decoration: none !important;
	outline: none !important;
}

.target-link:VISITED {
	color: #a4a4a4 !important;
	text-decoration: none !important;
	outline: none !important;
}

.divider {
	width: 60px;
	height: 3px;
	padding: 0;
	margin: 27px auto 34px;
	background-color: #18BC9C;
	border: none;
}

.font-tech-icon {
	font-size: 3em !important;
}

.highlight {
	color: #e2e2e2 !important;
	font-size: 1.2em;
	padding: 3px;
	Background-color: #c0c0c0 !important;
}

.caption>table {
	width: 100%;
}

.caption>td {
	display: block;
	width: 100%;
}

.caption>tr {
	display: block;
	margin-bottom: 0px;
}

.mytab {
	border: 0px;
	word-wrap: break-word;
}

.tech-square {
	font-size: 1.7em;
	color: #e2e2e2 !important;
	padding: 30px;
	Background-color: #FF8F00 !important;
}

.tech-square-alternate {
	font-size: 1.7em;
	color: #e2e2e2 !important;
	padding: 30px;
	Background-color: #372e29 !important;
}

.tech-highlighter {
	color: #ffffff !important;
	font-size: 1.2em;
}

.highlighter-text {
	font-size: 50px;
	color: #ffffff;
}

.custom-link {
	color: #3f51b5;
	vertical-align: middle;
}

.custom-link
:hover {
	color: #3f51b5;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}

.shadow--2dp {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px
		rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow--3dp {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px
		rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.shadow--4dp {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0
		rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.shadow--6dp {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.shadow--8dp {
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px
		rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.shadow--16dp {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.shadow--24dp {
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px
		rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.blue {
	background-color: #0080c0 !important;
}

.green {
	background-color: #1db830 !important;
}

.orange {
	background-color: #ff8000 !important;
}

.purple {
	background-color: #8080c0 !important;
}

.green-sea {
	background-color: #16a085 !important;
}

.wet-asphalt {
	background-color: #34495e !important;
}

.alizarin {
	background-color: #e74c3c !important;
}

.pomegranate {
	background-color: #c0392b !important;
}

.amethyst {
	background-color: #9b59b6 !important;
}

.wisteria {
	background-color: #8e44ad !important;
}

.carrot {
	background-color: #e67e22 !important;
}

.pumkin {
	background-color: #d35400 !important;
}

.peter-river {
	background-color: #3498db !important;
}

.belize-hole {
	background-color: #2980b9 !important;
	color: #f5f5f5;
}

.nephritis {
	background-color: #27ae60 !important;
}

.white {
	background-color: #ffffff !important;
}

.wet-grey {
	background-color: #494949;
	color: #f5f5f5;
}

.wet-grey-light {
	background-color: #585858;
	color: #f5f5f5;
}

.box-blue {
	background-color: #0fb1ff !important;
}

.box-yellow {
	background-color: #f7ba00 !important;
}


.box-sea-green {
	background-color: #18BC9C !important;
}

.color-green {
	color: #47cc00;
}

.color-dark-green {
	color: #1db830;
}


.tech-group {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.tech-group
:hover {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.tech-group>.list-group-item {
	border: 0;
	padding: 15px 0px;
	font-size: 1.3em;
	color: #8a8a8a;
}

.tech-group>.active {
	font-size: 1.6em;
	background-color: #004687;
	color: #ffffff;
}

.tech-group>.active,.tech-group>.active
:focus,.tech-group>.active
:hover {
	background-color: #004687 !important;
	/* border-bottom: 5px solid #f2b632;*/
}

.min-height {
	min-height: 230px;
	vertical-align: middle;
}

.min-height1 {
	min-height: 358px;
	vertical-align: middle;
}


.iso-certified {
	width: 40%;
}

.typer__cursor--blink {
	-webkit-animation: blink 1s infinite;
	-moz-animation: blink 1s infinite;
	animation: blink 1s infinite;
}

.caption>h3 {
	font-size: 19px;
	color: #8a8a8a !important;
}

.font-icon-material {
	font-size: 7em !important;
}

.font-tech-icon {
	font-size: 3em !important;
}

.highlight {
	color: #e2e2e2 !important;
	font-size: 1.2em;
	padding: 3px;
	Background-color: #c0c0c0 !important;
}

.caption>table {
	width: 100%;
}

.caption>td {
	display: block;
	width: 100%;
}

.caption>tr {
	display: block;
	margin-bottom: 0px;
}

.mytab {
	border: 0px;
	word-wrap: break-word;
}

.tech-square {
	font-size: 1.7em;
	color: #e2e2e2 !important;
	padding: 30px;
	Background-color: #FF8F00 !important;
}

.tech-square-alternate {
	font-size: 1.7em;
	color: #e2e2e2 !important;
	padding: 30px;
	Background-color: #372e29 !important;
}

.tech-highlighter {
	color: #ffffff !important;
	font-size: 1.2em;
}

.highlighter-text {
	font-size: 50px;
	color: #ffffff;
}

.custom-link {
	color: #3f51b5;
	vertical-align: middle;
}

.custom-link:hover {
	color: #3f51b5;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}

.shadow--2dp {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px
		rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow--3dp {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px
		rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.shadow--4dp {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0
		rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.shadow--6dp {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.shadow--8dp {
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px
		rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.shadow--16dp {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.shadow--24dp {
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px
		rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.color-yellow {
	color: #ffff06;
}

.color-grey {
	color: #494949;
}

.color-grey-light {
	color: #606060;
}

.logic-skill-logo {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 190px;
}

.service-group {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0
		rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.service-group:hover {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.service-group>.list-group-item {
	border: 0;
	padding: 10px 0px;
	font-size: 1.3em;
	color: #8a8a8a;
}

.service-group>.active {
	font-size: 1.6em;
	background-color: #004687;
	color: #ffffff;
}

.service-group>.active,.service-group>.active:focus,.service-group>.active:hover
	{
	background-color: #004687 !important;
	/*border-bottom: 5px solid #f2b632;*/
}

.btn-floating {
    position: fixed;
    right: 15px;
    bottom: 10px;
    margin-bottom: 0;
    padding-top: 12px;
    z-index: 998;
    border-radius: 100px !important;
    webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    opacity:0.9;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.btn-floating-msg {
    position: fixed;
    right: 70px;
    bottom: 10px;
    margin-bottom: 0;
    padding-top:12px;
    z-index: 998;
    border-radius: 100px !important;
    webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    opacity:0.9;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.btn-float {
	color: #18BC9C !important;
	background-color: #fff !important;
	border: 1px solid #18BC9C !important;
	 border-radius:5px 5px 0 0 !important;
    webkit-border-radius: 5px 5px 0 0  !important;
    -moz-border-radius: 5px 5px 0 0  !important;
    -ms-border-radius: 5px 5px 0 0 !important;
    -o-border-radius: 5px 5px 0 0 !important;
    padding: 5px;
    margin: 0px;
}

.btn-float:hover {
	color: #fff !important;
	background-color: #18BC9C !important;
	border: 1px solid #18BC9C !important;
	border-radius: 5px 5px 0 0 !important;
}

.btn-float:focus,.btn-float.focus {
	color: #fff !important;
	background-color: #18BC9C !important;
	border: 1px solid #18BC9C !important;
}

.btn-height{
	height: 40px !important;
}

.font-sun-flower {
  color: #f1c40f !important;
  padding-right:3px;
}

@media ( min-width : 992px) and (max-width: 1350px) {
	.tech-card {
		min-height: 130px;
		margin: 3px 0px;
		padding: 20px 0px;
		font-size: 12px;
	}
	.tech-card>h3 {
		font-size: 16px;
	}
	.tech-pad {
		min-height: 210px !important;
	}
	.stress {
		font-size: 16px !important;
	}
	.font-icon-material-tech {
		font-size: 5em !important;
	}
	
}

@media ( min-width : 769px) and (max-width: 991px) {
	.navbar-custom .navbar-nav>li {
		padding-right: 0px;
	}
	.sub-hero-text {
		color: #c0c0c0;
		font-size: 18px;
	}
	.highlighter-text {
		font-size: 44px;
	}
	#particles-js {
		height: 600px;
		background-position: 50% 50%;
	}
	.hero-section {
		max-height: 500px;
	}
	.slider-caption {
		top: 45%;
	}
	.section-pad {
		padding: 30px 10px;
	}
	
	.txt-highlighter-line{
		font-size: 12px !important;
	}
	
	.txt-highlighter-punch{
		font-size: 14px !important; 
	}
	
	.bg-highlight{
		margin:10px;
		padding:80px 10px; 
	}
	
}

@media ( max-width : 768px) {
	
	.pull-right {
	  float: none !important;
	}
}

@media ( max-width : 480px) {
	
	.table-bordered-crt th,
  	.table-bordered-crt td {
	    padding: 15px 10px !important;
	    border-bottom: 1px solid #f4f4f4 !important;
	    font-size:12px;
	  }
	
	.table-bordered-bg th,
  	.table-bordered-bg td {
    	padding: 5px 5px !important;
  	}

	.outline-box{
		padding:2px 2px !important;
	}
	
	
	.min-height1 {
		min-height: 102px;
	}
	
	.sub-hero-text {
		color: #c0c0c0;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.highlighter-text {
		font-size: 28px;
	}
	#particles-js {
		height: 470px;
		background-position: 50% 50%;
	}
	.hero-section {
		max-height: 400px;
	}
	.slider-caption {
		top: 35%;
	}
	.section-pad {
		padding: 20px 0px;
	}
	.bottom-pad {
		padding-bottom: 20px;
	}
	.top-pad {
		padding-top: 50px;
	}
	.card-flat {
		padding: 20px 0px;
		margin:0px !important;
		margin-bottom: 10px !important;
	}
	
	
	.card-flat .skill-show {
		font-size: 12px;
	}
	.card-flat>h3 {
		font-size: 14px;
		font-weight: bold;
	}
	.section-pad-alternate {
		padding: 30px 0px;
	}
	.section-header-grey {
		font-size: 20px;
	}
	.section-header-quote>h3 {
		font-size: 17px;
	}
	
	.section-header-quote {
		font-size: 17px !important;
	}
	
	.section-pad-top {
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.font-icon-material {
		font-size: 6em !important;
	}
	.section-header {
		font-size: 2em;
		color: #c0c0c0;
	}
	
	.section-pad-alternate-top {
		padding: 0px;
	}
	
	.section-pad-error {
		padding: 10px !important;
	}
	
	.txt-highlighter{
		padding: 10px !important;
		font-size: 18px !important;
	}
	
	
}

@media ( max-width : 320px) {
	.slider-caption {
		top: 40%;
	}
	
	.txt-highlighter{
		padding: 10px !important;
		font-size: 18px !important;
	}
	
}