@charset "utf-8";

body {font-family: 'Nunito', sans-serif;;
	background-color: #ffffff; overflow-x: hidden;}
.bggrey1 { background-color: #3B3C42;}
.bggrey2 { background-color: #2E2F33;}
.quotetext {padding-left:20px;}
.quotetext:before {
display: block;
content: "\201C";
font-size: 50px;
position: absolute;
left: 100px;
top: -20px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1.0);
	text-shadow: 0 0.05rem 0.1rem rgba(0,0,0,.5);
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .9rem;
    padding-left: .9rem;
}
header {
  width: 100%;
  height: 60px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: transparent;
  -webkit-transition: height 0.7s;
  -moz-transition: height 0.7s;
  -ms-transition: height 0.7s;
  -o-transition: height 0.7s;
  transition: height 0.7s; }
  header h1#logo {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: left;
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  header nav {
    display: inline-block;
    float: right; }
    header nav a {
      line-height: 55px;
     
      color: #9fdbfc;
      font-weight: 700;
      font-size: 18px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header nav a:hover {
        color: white; }

header.smaller {
    height: 85px; background-color:  black;}
    header.smaller h1#logo {
      width: 150px;
      height: 75px;
      line-height: 75px;
      font-size: 30px; }
    header.smaller nav a {
      line-height: 55px; }
hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px;
  width: 70%;
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}
.bg1 { background: url(../images/image_66.jpg) repeat-x scroll;}
.videobg {background-image: url(../images/videobg.png); background-repeat: no-repeat; padding: 52px 18px 49px 18px;
width: 286px; height: 594px;margin: 0 auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.3;
}
.font18 {font-size: 18px;}
.card-img-top {width: fit-content; height: fit-content;}
.rtlalogo {	animation: rtl1a 1s ease-out; }
.zindextop {z-index: 3; min-height: 100%;}
.starwrapper {overflow: hidden;}
.nightstars1a {
    background: url(../images/stars-small.svg) 50%;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
	animation: slide1a 2s ease-out;
	overflow: hidden;z-index: 1;
	
}
.nightstarslarge2 {
    background: url(../images/stars-large.svg) 50%;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
	animation: slide1a 2s ease-out;
	overflow-x: hidden;z-index: 1;
}
.nightstars1b {
    background: url(../images/stars-small.svg) 50%;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
	animation: slidestyle2 3s ease-out;
	overflow: hidden;z-index: 1;
}
.nightstarslarge2b {
    background: url(../images/stars-large.svg) 50%;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
	animation: slidestyle2 3s ease-out;
	overflow-x: hidden;z-index: 1;
}
.fadesky {
	position:absolute; top:0px; left:0px;padding:0px;height: 100%;width: 100%;
    background: linear-gradient(0deg,rgba(5,26,48,0),#155894);z-index: 0; 
}
.greenbg {position:absolute;top:0px; left:0px;padding:0px;height: 100%;width: 100%;
	background-color: #42cba2;z-index: 0;}
.fadebottom {
	position:absolute; top:0px; left:0px;padding:0px;height: 100%;width: 100%;
    background: linear-gradient(0deg,rgba(5,26,48,0),#155894);z-index: 2; 
}
.fadewhite {
	position:relative; bottom:-21px; left:0px;padding:0px;height: 200px;width: 100%;
    /*background: linear-gradient(180deg,rgba(5,26,48,0),#ffffff);*/
	z-index: 2; 
}
.righttoleftanim {animation: rtl1a 1s ease-out; text-align: center;}
.righttoleftanim2 {animation: rtl1a 1s ease-out; text-align: center;}
.bg-navcustom {
    		background-color: rgba(255, 255, 255, 0.1);
			border-radius: 20px;
}
.alphabg {background-color: rgba(0, 0, 0, 0.4);z-index: 3;}
.noborder {border: 0px!important;}

.mrlminus {margin-right: -10px!important; margin-left: -10px!important;}
.mrl40 {margin-right: 40px!important; margin-left: 40px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb50 {margin-bottom: 50px!important;}
.paddtopbot-10{ 
		padding-top: 10px;
		padding-bottom: 10px;
		}
.martop-20{ 
		margin-top: 20px;
		margin-bottom: 20px;
		}

.martop-40{ 
		margin-top: 40px;
		margin-bottom: 40px;
		}
.martop-50{ 
		margin-top: 50px;
		}
.martop-80{ 
		margin-top: 80px;
		margin-bottom: 80px;
		}
.martop-140{ 
		margin-top: 140px;
		margin-bottom: 140px;
		}
.iamfooter{ 
		
	
	color:#ffffff;
	font-size: 14px;
}
.copyrights{ 
	padding: 7px 0 10px 20px;
	color:#ffffff;
	font-size: 14px;
}



.iamfooter > .container > ul {
    float: right;
    padding: 5px 20px 0 0;
}
.iamfooter > .container > span {
    
    padding: 5px 20px 0 20px;
}
.iamfooter li {
    list-style: none;
	margin-left: -20px;
}.iamfooter li a {
    color: #ffffff;
    padding: 0px 0px;
}
.iamfooter li a:focus, a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.float-right { float:right;}
.bg-navcustom .navbar-nav .open > .nav-link, .bg-navcustom .navbar-nav .active > .nav-link, .bg-navcustom .navbar-nav .nav-link.open, .bg-navcustom .navbar-nav .nav-link.active, .bg-navcustom .navbar-nav .nav-link {
    color: #ffffff;
	font-size: 22px; 
}
.bg-navcustom .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { 
	color: #fea301;
}
.textwhite {color: #ffffff;text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);}
.textorange {
	background: -webkit-linear-gradient(top, #fb7c13, #fea301);
	background: linear-gradient(top, #fb7c13, #fea301);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textgreen {
	background: -webkit-linear-gradient(top, #3c763d, #00bd03);
	background: linear-gradient(top, #3c763d, #00bd03);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblue {
	background: -webkit-linear-gradient(top, #0275d8, #31b0d5);
	background: linear-gradient(top, #0275d8, #31b0d5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.radius30 { border-radius: 30px;}
.width65per { width: 65%;}
.padtop30 { padding-top: 30px;}
.padbot30 { padding-bottom: 30px;}
.img-responsive { width: 100%; height: 100%;}
.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);z-index: 99999;
}
.bgprogresscheck {
	background-color: rgba(255, 255, 255, 0.6);
	background-image: url(../images/shutterstock_626424434.jpg);
	background-position: center;
}
.bgblurred {background-image: url(../images/bgblurred.jpg);}

.newtitle:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -20px;
    display: block;
    width: 65px;
    height: 100px;
    background-image: url(../images/laurelleft.png);
    background-repeat: no-repeat;
}
.newtitle { font-size: 26px; text-align: center;}
.newtitle:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -20px;
    display: block;
    width: 65px;
    height: 100px;
    background-image: url(../images/laurelright.png);
    background-repeat: no-repeat;
}
.greyfill {
	background: rgba(17,17,17,1);
background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(74,74,74,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,17,17,1)), color-stop(100%, rgba(74,74,74,1)));
background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(74,74,74,1) 100%);
background: -o-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(74,74,74,1) 100%);
background: -ms-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(74,74,74,1) 100%);
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(74,74,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#4a4a4a', GradientType=0 );
	
}
.orangefill {background: -moz-linear-gradient(270deg, rgba(251,124,19,1) 0%, rgba(254,163,1,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251,124,19,1)), color-stop(100%, rgba(254,163,1,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(251,124,19,1) 0%, rgba(254,163,1,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(251,124,19,1) 0%, rgba(254,163,1,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(251,124,19,1) 0%, rgba(254,163,1,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(251,124,19,1) 0%, rgba(254,163,1,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7c13', endColorstr='#fea301',GradientType=0 ); /* ie6-9 */}
.bluefill {background: rgba(2,116,216,1);
background: -moz-linear-gradient(top, rgba(2,116,216,1) 0%, rgba(49,175,213,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,116,216,1)), color-stop(100%, rgba(49,175,213,1)));
background: -webkit-linear-gradient(top, rgba(2,116,216,1) 0%, rgba(49,175,213,1) 100%);
background: -o-linear-gradient(top, rgba(2,116,216,1) 0%, rgba(49,175,213,1) 100%);
background: -ms-linear-gradient(top, rgba(2,116,216,1) 0%, rgba(49,175,213,1) 100%);
background: linear-gradient(to bottom, rgba(2,116,216,1) 0%, rgba(49,175,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0274d8', endColorstr='#31afd5', GradientType=0 );}
.marginleft20 { margin-left: 20px;}
		.marginright20 { margin-right: 20px;}
#compofcap > div > h5 {cursor: pointer;}
.resppadd { padding: 150px 10px 50px 10px;}
.hideindesktop {display:none;}
.width70percent {width: 70%; margin-right: auto; margin-left: auto; }
.navbar-collapse.collapse.show{    background-color: rgba(23, 23, 23, 0.9);
	    padding: 20px;
		transition: 0.15s;
  		transition-timing-function: ease-out;
  		transform: translateY(0);
  		opacity: 1;
	}
@media (max-width: 575px) {
	.navbar-brand { margin-right: 0px!important;}
	.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.82);
    border-color: rgba(255,255,255,.7);
}
	.width70percent {width: 100%;}
	.resppadd { padding: 70px 10px 20px 10px;}
	.hideindesktop {display:block;}
	.iamfooter > .container > ul {
    float: none;
    padding: 10px 20px;
}
	
	.newtitle { font-size: 18px; text-align: center; padding:0px 20px; }
	.newtitle:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    display: block;
    width: 65px;
    height: 100px;
    background-image: url(../images/laurelleft.png);
    background-repeat: no-repeat;
}

.newtitle:after {
    content: '';
    position: absolute;
    right: -20px;
    top: -20px;
    display: block;
    width: 65px;
    height: 100px;
    background-image: url(../images/laurelright.png);
    background-repeat: no-repeat;
}
	h1, .h1 {
    font-size: 20px;
  }
	h3, .h3 {
    font-size: 18px;
  }
	.display-3 {
    font-size: 2.5rem;
    font-weight: 200;
    line-height: 1.1;
}
	.display-4 {
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1.1;
}
.martop-140{ 
		margin-top: 40px;
		margin-bottom: 40px;
		}
	.martop-20{ 
		margin-top: 20px;
		margin-bottom: 20px;
		}
	
  .bg-navcustom {
	  	background-color: transparent;
   		width: 100%; 
  }
	.bgprogresscheck {
	 background-size:100% auto;
}
	.navbar-collapse.collapse.show{    background-color: rgba(23, 23, 23, 0.9);
	    padding: 20px;
		transition: 0.15s;
  		transition-timing-function: ease-out;
  		transform: translateY(0);
  		opacity: 1;
	}
	.righttoleftanim img {
	width: 150px;
    right: 20px;
    position: absolute;
    top: -320px;
    transition-timing-function: ease-out;
    text-align: center;
}
	.display-4 {font-size: 2.0rem;}
	.mres { width: 50%; height:auto; padding: 10px;}
	.mres > img.img-fluid {padding-top: 15px;}
	.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
    z-index: 99999;
    margin-top: -60px;
	}
	.hideinmobile {display:none;}
}

a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width: 54px;
}

.btn-social .fa,.btn-social i
{
    backface-visibility: hidden;
    moz-backface-visibility: hidden;
    ms-transform: scale(1);
    o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    webkit-backface-visibility: hidden;
    webkit-transform: scale(1);
    webkit-transition: all .25s;
}
.btn-social:hover,.btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.btn-social:hover .fa, .btn-social:focus .fa, .btn-social:hover .fa, .btn-social:focus .fa
{
    ms-transform: scale(1.6);
    o-transform: scale(1. 6);
    transform: scale(1.6);
    webkit-transform: scale(1.6);
}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}

.btn-behance
{
    background-color: #1769ff;
}
.btn-behance:hover
{
    background-color: #4a8aff;
}
.btn-bitbucket
{
    background-color: #205081;
}
.btn-bitbucket:hover
{
    background-color: #2a69aa;
}
.btn-codepen
{
    background-color: #76daff;
}
.btn-codepen:hover
{
    background-color: #a9e8ff;
}
.btn-deviantart
{
    background-color: #4e6252;
}
.btn-deviantart:hover
{
    background-color: #657e6a;
}
.btn-digg
{
    background-color: #000;
}
.btn-digg:hover
{
    background-color: #1a1a1a;
}
.btn-dribbble
{
    background-color: #ea4c89;
}
.btn-dribbble:hover
{
    background-color: #ef7aa7;
}
.btn-dropbox
{
    background-color: #007ee5;
}
.btn-dropbox:hover
{
    background-color: #1998ff;
}
.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}
.btn-flickr
{
    background-color: #0063dc;
}
.btn-flickr:hover
{
    background-color: #107cff;
}
.btn-foursquare
{
    background-color: #ef4b78;
}
.btn-foursquare:hover
{
    background-color: #f37a9b;
}
.btn-github
{
    background-color: #4183c4;
}
.btn-github:hover
{
    background-color: #689cd0;
}
.btn-google-plus
{
    background-color: #dd4b39;
}
.btn-google-plus:hover
{
    background-color: #e47365;
}
.btn-instagram
{
    background-color: #3f729b;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}
.btn-jsfiddle
{
    background-color: #4679bd;
}
.btn-jsfiddle:hover
{
    background-color: #6c94ca;
}
.btn-lastfm
{
    background-color: #e31b23;
}
.btn-lastfm:hover
{
    background-color: #e9484e;
}
.btn-linkedin
{
    background-color: #0976b4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}
.btn-paypal
{
    background-color: #253b80;
}
.btn-paypal:hover
{
    background-color: #304da8;
}
.btn-pinterest
{
    background-color: #cc2127;
}
.btn-pinterest:hover
{
    background-color: #e04046;
}
.btn-reddit
{
    background-color: #ff4500;
}
.btn-reddit:hover
{
    background-color: #ff6a33;
}
.btn-skype
{
    background-color: #00aff0;
}
.btn-skype:hover
{
    background-color: #24c4ff;
}
.btn-soundcloud
{
    background-color: #f80;
}
.btn-soundcloud:hover
{
    background-color: #ffa033;
}
.btn-stack-overflow
{
    background-color: #fe7a15;
}
.btn-stack-overflow:hover
{
    background-color: #fe9748;
}
.btn-steam
{
    background-color: #7da10e;
}
.btn-steam:hover
{
    background-color: #a1d012;
}
.btn-stumbleupon
{
    background-color: #eb4924;
}
.btn-stumbleupon:hover
{
    background-color: #ef7053;
}
.btn-trello
{
    background-color: #256a92;
}
.btn-trello:hover
{
    background-color: #2f88bb;
}
.btn-tumblr
{
    background-color: #35465c;
}
.btn-tumblr:hover
{
    background-color: #485f7c;
}
.btn-twitch
{
    background-color: #6441a5;
}
.btn-twitch:hover
{
    background-color: #7e5bbe;
}
.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}
.btn-vimeo
{
    background-color: #1ab7ea;
}
.btn-vimeo:hover
{
    background-color: #49c6ee;
}
.btn-vine
{
    background-color: #00b488;
}
.btn-vine:hover
{
    background-color: #00e7af;
}
.btn-vk
{
    background-color: #45668e;
}
.btn-vk:hover
{
    background-color: #587fae;
}
.btn-wechat
{
    background-color: #98d11c;
}
.btn-wechat:hover
{
    background-color: #afe53b;
}
.btn-wordpress
{
    background-color: #21759b;
}
.btn-wordpress:hover
{
    background-color: #2a95c5;
}
.btn-xing
{
    background-color: #026466;
}
.btn-xing:hover
{
    background-color: #039598;
}
.btn-yahoo
{
    background-color: #400191;
}
.btn-yahoo:hover
{
    background-color: #5601c4;
}
.btn-yelp
{
    background-color: #af0606;
}
.btn-yelp:hover
{
    background-color: #e00808;
}
.btn-youtube
{
    background-color: #e52d27;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}
.btn-email
{
    background-color: #44c456;
}
.btn-email:hover
{
    background-color: #6bd079;
}



@media (min-width: 360px) {
	
	
  .bg-navcustom {
   width: 100%; 
  }
	.bg-navcustom {
	   background-color: transparent;
   width: 100%; 
  }
	
}

@media (min-width: 768px) {
	
	
	.hideinmobile {}
	.newtitle { font-size: 20px; text-align: center; padding:0px 20px; }
  .container {
    
  }
	.bg-navcustom {
    		background-color: rgba(255, 255, 255, 0.1);
			border-radius: 20px;
}
}

@media (min-width: 992px) {
  .container {
    
  }
}

@media (min-width: 1200px) {
  .container {
    
  }
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
   
}
.arrow {
  text-align: center;
  margin: 10% 0;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.fadeanim {
  -moz-animation: slide1a 1s ease-out;
  -webkit-animation: slide1a 1s ease-out;
  animation: slide1a 1s ease-out;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes rtl1a{
0% 		{ transform:scale(0.7);  opacity: 0.5; }

100% 	{ transform: scale(1.0);   opacity:1.0;}
}

@keyframes slide1a{
0% 		{ transform:scale(0.7);  opacity: 0.0; }

100% 	{ transform: scale(1.0);   opacity:1.0;	}
}

@keyframes slidestyle2{
0% 		{ transform:scale(1.0);  opacity: 0.0; }

100% 	{ transform: scale(1.0);   opacity:1.0;	}
}
@keyframes fadein{
0% 		{   opacity: 0.0;}

100% 	{   opacity:1.0;}
	
}

@keyframes slide2a {
  0%{
	  opacity: 0;
    transform: translate3d(0, 0, 0);
  }
			 25%{
    transform: translate3d(0px, -192px, 0px);
	  opacity: 1;
  }
	 50%{
    transform: translate3d(0, -192px, 0);
		 opacity: 0;}
  100%{
    transform: translate3d(0, -200, 0);
	   opacity: 1;
  }
}
	@keyframes slide2b{
  0%{
	  opacity: 0;
    transform: translate3d(0, 0, 0);
  }
			 25%{
    transform: translate3d(0px, -192px, 0px);
	  opacity: 0.5;
  }
	 50%{
    transform: translate3d(0, -192px, 0);
	  opacity: 1;
  100%{
    transform: translate3d(0, -200, 0);
	   opacity: 0.2;
  }
}