/*css design by theMAX*/

@font-face {
  font-family: 'TrajanPro';
  src: url('../css/fonts/TrajanPro-Regular.eot#iefix') format('embedded-opentype'),  url('../css/fonts/TrajanPro-Regular.otf')  format('opentype'),
	     url('../css/fonts/TrajanPro-Regular.woff') format('woff'), url('../css/fonts/TrajanPro-Regular.ttf')  format('truetype'), url('../css/fonts/TrajanPro-Regular.svg#TrajanPro') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanProBold';
  src: url('../css/fonts/TrajanPro3-Bold.eot#iefix') format('embedded-opentype'),  url('../css/fonts/TrajanPro3-Bold.otf')  format('opentype'),
	     url('../css/fonts/TrajanPro3-Bold.woff') format('woff'), url('../css/fonts/TrajanPro3-Bold.ttf')  format('truetype'), url('../css/fonts/TrajanPro3-Bold.svg#TrajanProBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'openSans';
  src: url('../css/fonts/OpenSans.eot#iefix') format('embedded-opentype'),  url('../css/fonts/OpenSans.woff') format('woff'), url('../css/fonts/OpenSans.ttf')  format('truetype'), url('../css/fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'openSansLight';
  src: url('../css/fonts/OpenSans-Light.eot#iefix') format('embedded-opentype'),  url('../css/fonts/OpenSans-Light.woff') format('woff'), url('../css/fonts/OpenSans-Light.ttf')  format('truetype'), url('../css/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'openSansLightItalic';
  src: url('../css/fonts/OpenSansLight-Italic.eot#iefix') format('embedded-opentype'),  url('../css/fonts/OpenSansLight-Italic.woff') format('woff'), url('../css/fonts/OpenSansLight-Italic.ttf')  format('truetype'), url('../css/fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RageItalic';
  src: url('../css/fonts/RageItalic.eot#iefix') format('embedded-opentype'),  url('../css/fonts/RageItalic.woff') format('woff'), url('../css/fonts/RageItalic.ttf')  format('truetype'), url('../css/fonts/RageItalic.svg#RageItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	color:#FFF;
	font:15px TrajanPro, sans-serif;
}
.clear{clear:both}.left{float:left;}.right{float:right;}
ul, li {padding:0; margin:0; list-style:none;}
a{text-decoration:none; color:inherit;} img {border:none;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; font-weight:normal;}
.content{
	display:block;
	margin:0 auto;
	position:relative;
	max-width:1200px;
	padding:0 5%;
	}
/*intro CSS*/
.intro{
	width:100%;
	height:100%;
	position:absolute;
	z-index:210;
	background: #f2f2f2;
	background: -moz-radial-gradient(center, ellipse cover,  #f2f2f2 0%, #c9c9c9 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(100%,#c9c9c9));
	background: -webkit-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#c9c9c9 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#c9c9c9 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#c9c9c9 100%);
	background: radial-gradient(ellipse at center,  #f2f2f2 0%,#c9c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c9c9c9',GradientType=1 );
	}

/* **************** */
.img-wrap{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	box-sizing : border-box;
	overflow: hidden;
	z-index:-1;
	}

/*image transform animation*/
.imgAnimation{
	animation:fitimg infinite linear 40s;
	-webkit-animation:fitimg infinite linear 40s;
	}
@keyframes fitimg			{50%{transform:scale(1.2)}}
@-webkit-keyframes fitimg	{50%{-webkit-transform:scale(1.2)}}

/* ******* */

h1{
	font-size:40px;
	opacity:0;
	text-align:center;
	}
h2{
	font:25px TrajanProBold, sans-serif;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	color:#679ad1;
	transition:color .4s ease-out;
	-webkit-transition:color .4s ease-out;
	position:relative;
	z-index:10;
	}
h5{
	margin-left:5%;
	position:relative;
	float:left;
	color:rgba(255,255,255,.5);
	}
h5:not(:first-child){
	margin-right:8px;
	margin-left:0;
	position:relative;
	float:right
	}
h5>a{
	transition:color .2s ease-out;
	}
h5>a:hover{
	color:rgba(255,255,255,1);
	}
h5:nth-child(2){
	margin-right:5%;
	margin-left:0;
	position:relative;
	float:right
	}
.header, .header2{
	width:100%;
	height:95px;
	position:absolute;
	top:0; left:0;
	display:block;
	transition: opacity .5s ease-out;
	z-index:15
	}
.header2{
	opacity:0;
	z-index:14;
	top:-90px;
	}
.logoFrame{
	margin: 5px 0 0 5%;
	}
ul.menuFrame{
	margin-right:3%;
	}
ul.menuFrame li {
	margin:40px 20px 5px;
	border-bottom:2px solid rgba(255,255,255,0);
	float:left;
	transition:border-bottom-color .3s ease-in;
	-webkit-transition:border-bottom-color .3s ease-in;
	}
ul.menuFrame li:hover {
	border-bottom-color:rgba(255,255,255,.85);
	}
.fooText{
	position:absolute;
	bottom:3px;
	width:100%;
	left:0;
	z-index:50;
	}
	
/* NAVIGATE ****************** */
.navigate{
	margin-right:2%;
	margin-top:20px;
	}
ul.nav li{
	font-size:13px;
	line-height:11px;
	opacity:0;
	transition:opacity .3s ease-out;
	-webkit-transition:opacity .3s ease-out;
	color:rgba(255,255,255,.4);
	}
.lines{
	width:25px;
	margin-top:4px;
	}
.lines .line{
	width:5px;
	height:2px;
	background:rgba(255,255,255,.5);
	margin-bottom:9px;
	clear:both;
	float:right;
	transition:width .5s ease-out;
	-webkit-transition:width .5s ease-out;
	}
/* *************** */

/*scroll down animations*/	
.scrollDownArea{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
	}
.scrollDownArea p{
	font-size:12px;
	margin-bottom:10px;
	}
.scrollDownArea p a{
	opacity:.4;
	-webkit-animation: l2 3s linear infinite;
	animation: l2 3s linear infinite;
	}
.scrollDownArea .line{
	width:20px;
	height:2px;
	background:rgba(255,255,255,.5);
	margin:12px auto;
	opacity:0
	}
.line.l1{ 
	-webkit-animation: l1 2s linear infinite;
	animation: l1 2s linear infinite;
	}
.line.l2{ 
	-webkit-animation: l2 2s linear infinite;
	animation: l2 2s linear infinite;
	}
.line.l3{ 
	-webkit-animation: l3 2s linear infinite;
	animation: l3 2s linear infinite;
	}
.line.l4{ 
	-webkit-animation: l4 2s linear infinite;
	animation: l4 2s linear infinite;
	}

@-webkit-keyframes l1 {25%{opacity:1}}
@-webkit-keyframes l2 {50%{opacity:1}}
@-webkit-keyframes l3 {75%{opacity:1}}
@-webkit-keyframes l4 {90%{opacity:1}}
@keyframes l1 {25%{opacity:1}}
@keyframes l2 {50%{opacity:1}}
@keyframes l3 {75%{opacity:1}}
@keyframes l4 {90%{opacity:1}}
/* Animations End */

/*colors, text styles*/
.cyan{
	color:#679ad1;
	}
p.openSans{
	font-family:openSans, sans-serif;
	margin-top:2%;
	line-height:22px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
.openSansLI{
	font-family:openSansLightItalic, sans-serif;
	margin-top:2%;
	line-height:40px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
.rageItalic{
	font-family:RageItalic, sans-serif;
	margin-top:2%;
	text-align:center;
	font-size:60px
	}
.openSansLI.columns{
	line-height:22px; 
	text-align:left;
	color:#000;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	-webkit-column-rule: solid 2px #EBEBEB; /* Chrome, Safari, Opera */
    -moz-column-rule: solid 2px #EBEBEB; /* Firefox */
    column-rule: solid 2px #EBEBEB;
	text-align:justify;
	}

/* ****** */
.column-3{
	width:28%;
	height:300px;
	position:relative;
	display:block;
	margin-left:7%;
	overflow:hidden;
	}
.column-3:first-child{
	margin-left:0
	}
.column-2{
	width:45%;
	height:280px;
	position:relative;
	display:block;
	margin-left:39px;
	overflow:hidden;
	}
.column-2.s{
	height:180px;
	}
.column-2:first-child,.column-2:nth-child(2n+4){
	margin-left:0
	}
.column-3 p,.column-2 p{
	font-size:13px; 
	line-height:17px;
	}
.vline{
	width:70%;
	height:3px;
	background-color:rgba(255,255,255,.7);
	margin:20px auto;
	position:relative;
	opacity:0;	
	}

/*Projects Page*/

.thumbProject{
	width:calc(100%/4.5);
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:2%;
	transition:all ease-in .12s;
	cursor:pointer;
	opacity:.8;
	}
.thumbProject:hover{
	transform:scale(1.05);
	opacity:1;
	}

.thumbProject a, .thumbProject{
	display:block;
	height:135px;
	margin-top:10px;
	}


.grayscale { 
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  
  transition:filter .5s ease-out;
  -webkit-transition:-webkit-filter .5s ease-out;
}
.projectIntro:hover .grayscale{ 
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.projectIntro{
	width:450px;
	height:300px;
	background:gray;
	position:relative;
	display:table;
	cursor:pointer;
	}
.projectIntro:hover  h2{color:#FFF}
.center{
	margin:0 auto;
	width:920px
	}

h4{
	margin-top:-25px;
	text-align:center; 
	color:rgba(255,255,255,.6);
	}
.fp-controlArrow.fp-next{
	border-color: transparent transparent transparent rgba(255,255,255,.5) !important;
	transition:border-color .5s ease-out;
	-webkit-transition:border-color .5s ease-in;
	}
.fp-controlArrow.fp-next:hover{
	border-color: transparent transparent transparent rgba(255,255,255,1) !important;
	}
.fp-controlArrow.fp-prev{
	border-color: transparent rgba(255,255,255,.5) transparent transparent !important;
	transition:border-color .5s ease-out;
	-webkit-transition:border-color .5s ease-in;
	}
.fp-controlArrow.fp-prev:hover{
	border-color: transparent rgba(255,255,255,1) transparent transparent !important;
	}
/* --------- */


/*contact page*/
.vLine1{
	width:550px;
	height:2px;
	background:rgba(255,255,255,.5);
	top:0px;
	left:-50px; right:0;
	margin:auto;
	position:absolute;
	}
.vLine2{
	width:550px;
	height:2px;
	background:rgba(255,255,255,.5);
	top:85px;
	left:-50px; right:0;
	margin:auto;
	position:absolute;
	}
.hLine{
	width:2px;
	height:150px;
	background:rgba(255,255,255,.5);
	top:-30px;
	left:-520px; right:0;
	margin:auto;
	position:absolute;
	}

/*-----*/
.blackLine{
	width:200px;
	height:3px;
	background:#AAA;
	margin:0 auto;
	position:relative;
	display:block;
	margin-top:10px;
	margin-bottom:-5px;
	}
.fullBack{
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	z-index:-10;
	top:0;
	left:0;
	transition:opacity .55s ease-out;
	-webkit-transition:opacity .55s ease-out;
	opacity:0;
	}

.footer{
	background:#225BAA;
	color:#FFF;
	height:165px;
	width:100%;
	position:absolute;
	bottom:0;
	min-width:565px;
	z-index:180;
	}
.footer:after{
	content:" ";
	width:100%;
	position:absolute;
	background:rgba(0,0,0,.3);
	top:0;
	height:4px;
	left:0;
	}
.footer .content .menuFrame{
	display:table; 
	position:relative; 
	margin:0 auto;
	}
.footer .content .menuFrame li{
	margin-top:20px;
	}
.footer .coloums{
	margin-top:9px;
	width:199px;
	float:left;
	font: 15px/20px openSansLight, sans-serif;
	}
.fooLine{
	width:600px; 
	height:2px; 
	background:rgba(255,255,255,.3);
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}
.footer .button{
	width:100%;
	height:50px;
	border:1px solid rgba(255,255,255,.6);
	font: 22px openSans, sans-serif;
	text-align:center;
	display:table;
	margin-top:10px;
	background:#225BAA;
	transition:background .3s ease-out;
	}
.button:hover{
	background:#154177;
	}
.button a{
	display:table-cell;
	vertical-align:middle;
	}

/*services page*/
.staticimg{
	width:100%;
	height:100%;
	position:fixed;
	display:block;
	z-index:-5;
	}
/* ****** */
.loading{
	width:100px;
	height:100px;
	position:absolute;
	display:table;
	top:45vh;
	left:46vw;
	background:url('../images/loading1.png') no-repeat;
	z-index:200;
	opacity:0;
	}
.loading:after{
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background:url('../images/loading2.png') no-repeat center center;
	animation:rotate .7s infinite linear;
	-webkit-animation:rotate .7s infinite linear;
	}
@-webkit-keyframes rotate{
	100%{-webkit-transform:rotate(360deg)}
	}
@keyframes rotate{
	100%{transform:rotate(360deg)}
	}
@media only screen and (max-width: 840px) { 
.header ul.menuFrame li {
	margin:40px 10px 20px;
	font-size:14px;
	float:left;
	}
.footer ul.menuFrame li {
	margin:20px 10px 7px;
	font-size:14px;
	float:left;
	}
.footer .coloums{
	width:162px;
	}
.fooLine{
	width:490px; 
}
h1{
	font-size:30px;
	}
}
@media only screen and (max-width: 680px) { 
.header ul.menuFrame li {
	margin:1px 0px;
	clear:both;
	font-size:12px;
	float:right;
	display:table;
	}
}


/*for #slides css*/
 /* Prevent the slideshow from flashing on load */
    #slides {
      display: none;
	  margin-top:10%
    }
	ul.slidesjs-pagination{
		z-index:500;
		position:absolute;
		bottom: 12vw !important;
		height:50px !important;
		left:50%;
		margin-left:-130px;
		}
	ul.slidesjs-pagination li{
		float:left;
		margin-left:20px;
		}

    /* Center the slideshow */
    .container {
      margin: 0 auto;
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;

      }
	  ul.slidesjs-pagination{

		bottom:5vw !important;


		}
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
	   ul.slidesjs-pagination{

		bottom:5vw !important;


		}
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }

/*
     FILE ARCHIVED ON 11:33:00 Feb 05, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:40:34 Mar 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.778
  exclusion.robots: 0.056
  exclusion.robots.policy: 0.043
  esindex: 0.012
  cdx.remote: 32.539
  LoadShardBlock: 192.662 (3)
  PetaboxLoader3.datanode: 140.007 (5)
  PetaboxLoader3.resolve: 142.385 (3)
  load_resource: 1300.668 (2)
*/