html, body {
height:auto;
  padding:0;
  margin:0;
  color:#989898; font-family:'Montserrat', sans-serif;
}
body {
	
  
  background-image:
     
    url(../images/mainbg/green2.png),
    url(../images/mainbg/green3.png),
	url(../images/mainbg/green4.png),
	url(../images/mainbg/blur16.png),
	url(../images/mainbg/bg-lines-4.svg),
	radial-gradient(rgba(26, 200, 177,0.45) 0%, rgba(26, 200, 177,0) 65%),
	linear-gradient(15deg, rgba(0,0,0,1) 20%, rgba(22, 17, 43,1) 70%),
	linear-gradient(-155deg, rgba(0,0,0,1) 40%, rgba(49, 36, 100,0.7) 90%);
	background-repeat:no-repeat;
	background-origin:content-box; 
	background-color:#000;
	background-position:
   
  50% 0, 
  50% 0, 
  50% 0, 
   
  50% 0, 

  calc(50% + 25px) -80px,
  50% -600px, 
  
  0% 0%,
  0% 100%;
 
  background-size:
    
  auto, 
  auto, 
  auto, 
    
  auto, 
  2660px auto, 
  1268px 1268px, 
  100% 1969px,
  100% 1500px;
  background-blend-mode:
    
  overlay, 
  normal, 
  normal, 
   
  color-dodge, 
  overlay, 
  overlay, 
  normal,
  normal;
}
















 

a {
transition-property:background-color, border-color, background-image, opacity;
transition-duration:0.3s;
transition-timing-function:ease;
transition-delay:0s;
-webkit-transition-property:background-color, border-color, background-image, opacity;
-webkit-transition-duration:0.3s;
-webkit-transition-timing-function:ease;
-webkit-transition-delay:0s;
}



a {color:#989898; transition:all 0.3s;}
a:hover {color:#3300fe;transition:all 0.3s;}

h1,h2,h3,h4,h5 {font-family:'Montserrat', Arial, sans-serif; text-transform:uppercase; font-weight:500; color:#97e24b;}

h2 {font-size:36px; font-weight:300; letter-spacing:-0.5pt; }


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

[class^="ev-"], [class*=" ev-"] {
    
    font-family:'evo' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;

    
      -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
} 

.ev-success:before {
  content:"\e91a";
}
.ev-print:before {
  content:"\e914";
}
.ev-nonpublic:before {
  content:"\e915";
}
.ev-art:before {
  content:"\e916";
}
.ev-private:before {
  content:"\e918";
}
.ev-motion:before {
  content:"\e919";


}
.ev-hamburger:before {
  content:"\e913";
}
.ev-code:before {
  content:"\e917";
}
.ev-clock2:before {
  content:"\e90b";
}
.ev-location:before {
  content:"\e90c";
}
.ev-longterm:before {
  content:"\e90d";
}
.ev-iterations:before {
  content:"\e90e";
}
.ev-designer:before {
  content:"\e90f";
}
.ev-rocket:before {
  content:"\e910";
}
.ev-mouse:before {
  content:"\e911";
}
.ev-clock:before {
  content:"\e912";
}
.ev-team:before {
  content:"\e905";
}
.ev-technology:before {
  content:"\e906";
}
.ev-price:before {
  content:"\e907";
}
.ev-ww:before {
  content:"\e908";
}
.ev-pixelperfect:before {
  content:"\e909";
}
.ev-design:before {
  content:"\e90a";
}
.ev-branding:before {
  content:"\e900";
}
.ev-close:before {
  content:"\e901";
}
.ev-game:before {
  content:"\e902";
}
.ev-mobile:before {
  content:"\e903";
}
.ev-web:before {
  content:"\e904";
}
 
  

 



 
 
.cheader {display:table; width:100%; max-width:1200px; margin:0 auto; }
.fullwidth {width:100%; max-width:1920px;}
.cheader h2 {font-weight:700; font-size:36px; text-align:left; display:table-cell; white-space:nowrap; padding-left:0px; padding-right:0;   color:#fff; text-transform:none; letter-spacing:-1pt; font-family:'Montserrat', sans-serif;}


.cheader.center h2 {
	text-align:center;
}





#pg {width:100%; height:100%; min-height:1885px; display:block; text-align:center;  



z-index:2;
position:relative;
}

#pg .ccontainer {width:960px; display:block; margin:auto;   }
 

 
 
 
#hd { max-width:100%; margin:0 auto; min-height:300px; display:block; width:auto;  text-align:center; top:0; position:relative; z-index:1;

background:url(../images/dot.svg) 50% 235px no-repeat;
}
.topheader {width:100%; max-width:100%; display:block; margin:0 auto; position:absolute;  height:0px;  top:0; text-align:center; -webkit-transition:all 0.2s;	-moz-transition:all 0.2s;	transition:all 0.2s; 


}
.topheader .innerhd {max-width:960px; width:100%; height:105px;   margin:0 auto;   display:inline-block; position:relative; }




#logo {height:105px; width:300px;  display:block;   margin:0 auto;  top:0; position:relative;}
#logo a {  -webkit-transition:all 0.2s;	-moz-transition:all 0.2s;	transition:all 0.2s; display:block; width:69px; height:73px; background:url(/images/logo-new.png) no-repeat; margin:57px auto; margin-bottom:5px;}
#logo h1 {
	font-family:'Montserrat', sans-serif;
	text-transform:lowercase;
	font-weight:700;
	color:#fff;
	font-size:36px;
	letter-spacing:-1pt;
	margin:0;
	padding:0;
}
 
#logo .btnMMshow {display:none;}







 




#main {min-height:450px; width:100%; max-width:1200px !important; margin:0 auto; opacity:1; z-index:1; position:relative;display:block; text-align:center; border:0px solid red;}
#main h1 {font-family:'Montserrat', sans-serif;  font-size:48px; font-weight:600; margin:0; padding:0; margin-bottom:0px; letter-spacing:-1.25pt; margin-top:0px; text-transform:none; color:#cbc6de;}
#main h3 {font-family:'Montserrat'; font-size:14px; font-weight:600; text-transform:uppercase; color:#a29bba;  margin:0; padding:0; margin-bottom:50px; letter-spacing:3.25pt; margin-top:10px;   }

#main .topitems {max-width:1065px; display:block;  height:350px; margin:0 auto; margin-top:25px;}
#main h5 {font-family:'Montserrat'; font-size:17px; font-weight:600; color:#838383;  display:block; margin:0; padding:0; margin-bottom:20px; letter-spacing:0.5pt; margin-top:20px;   }	
#main .item {  display:block; float:left; min-height:350px; width:33%; max-width:355px;}

#main .item  img {width:auto; height:201px; display:block; margin:0 auto; }
#main .item  .itemicon {width:auto; height:201px; display:block; margin:0 auto;background-size:auto 170px; background-position:50% 50%; background-repeat:no-repeat;}
#main .item .brandid {background-image:url(../images/ID.svg); }
#main .item .uxux {background-image:url(../images/ux.svg); }
#main .item .webmobile {background-image:url(../images/app.svg); }
#main .item h5 {font-size:20px; color:#cbc6de; font-weight:normal; letter-spacing:-0.5pt; text-transform:none;}
 
#main .item ul {font-size:15px; font-family:'Montserrat';  color:#525252;  margin:0 auto; padding:0;  width:auto;   display:block; line-height:27px;  min-height:90px;}
#main .item ul li {list-style:none;}
#ow { text-align:center; width:100%; max-width:1200px; margin:0 auto;  margin-top:-130px; padding-top:130px;  }
 
.ourworksgrid {width:100%; max-width:1920px; display:inline-table; position:relative; margin:0 auto;  padding-top:40px; z-index:5 !important; }


.workItem .spincontainer {margin:0 auto;  position:absolute; z-index:99; height:100%; vertical-align:middle; display:none; width:100%;}
.workItem .spincontainer .cssload-speeding-wheel {margin-top:calc(50% - 80px);}

.workItem  {overflow:hidden; opacity:0; }




@keyframes worksload {  100% { opacity:1; } }
@-webkit-keyframes worksload { 100% { opacity:1; } }
 
.workItem { animation:worksload .3s forwards;  -webkit-animation:worksload .3s forwards;}
 
.workItem:nth-child(1) { animation-delay:0s;  -webkit-animation-delay:0s;}
.workItem:nth-child(2) { animation-delay:.2s; -webkit-animation-delay:.2s; }
.workItem:nth-child(3) { animation-delay:.4s; -webkit-animation-delay:.4s;}
.workItem:nth-child(4) { animation-delay:.6s; -webkit-animation-delay:.6s;}
.workItem:nth-child(5) { animation-delay:.8s; -webkit-animation-delay:.8s;}
.workItem:nth-child(6) { animation-delay:1s; -webkit-animation-delay:1s;}
.workItem:nth-child(7) { animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.workItem:nth-child(8) { animation-delay:1.4s; -webkit-animation-delay:1.4s;}
.workItem:nth-child(9) { animation-delay:1.6s; -webkit-animation-delay:1.6s;}

.workItem:nth-child(3n+10) { animation-delay:0s; -webkit-animation-delay:0s;}
.workItem:nth-child(3n+11) { animation-delay:.2s; -webkit-animation-delay:.2s;}
.workItem:nth-child(3n+12) { animation-delay:.4s; -webkit-animation-delay:.4s;}

 @media screen and (min-width:1921px) {
.ourworksgrid .workItem {position:relative; width:33.33%; padding-bottom:25.4%; float:left; height:0; margin:0%; 
border:5px solid transparent;
box-sizing:border-box;
border-radius:30px;
}
 }

 @media screen and (max-width:1920px) {
.ourworksgrid .workItem {position:relative; width:calc(50% - 10px);  padding-bottom:38.15%; float:left; height:0; margin:0%; margin-right:10px; margin-bottom:20px; border-radius:12px;}
 .ourworksgrid div.workItem:nth-of-type(2n) {
	margin-right:0;
	margin-left:10px;
	 
	box-sizing:border-box;
} 

 }



 

 
  @media screen and (max-width:960px) {
.ourworksgrid .workItem {position:relative; width:100%; padding-bottom:76.25%; float:left; height:0; margin:0%;}
 
 
 
 }
 

 


.ourworksgrid img {width:100%;height:100%; position:absolute; left:0; z-index:1;}

.ourworksgrid .inner {position:absolute; display:block; text-align:center; margin:0 auto; width:100% !important; height:100%; background:none;z-index:7; margin-bottom:0px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.ourworksgrid .workItem:hover .inner {background:rgba(0,0,0,0.5);transition:all 0.3s; -webkit-transition:all 0.3s; cursor:pointer;}

.ourworksgrid .workItem .bigImg {transition:all 0.3s; -webkit-transition:all 0.3s;  }
.ourworksgrid .inner h1 {font-size:17px; font-weight:600; font-family:'Montserrat'; text-transform:uppercase; letter-spacing:2.5pt; width:auto; display:block; margin:0 auto; color:#fff;  padding-top:70px;}
.ourworksgrid .inner h1 span {background:#333; padding:4px 6px; border-radius:6px;}




.ourworksgrid .inner  .projectType {padding-top:8px;}
.ourworksgrid .inner  .projectType span {background:#333; color:#dadada; padding:6px 5px; font-size:20px;  border-radius:6px;}
.ourworksgrid .inner h3 {font-size:14px;   width:auto; display:block; margin:0 auto; color:#fff; text-transform:none; letter-spacing:0; padding-top:8px;}
.ourworksgrid .inner h3 span {background:#333; padding:6px; color:#dadada;  border-radius:6px;}
 
.ourworksgrid .inImg {z-index:5;  } 
.ourworksgrid .inImg:hover {opacity:0; transition-delay:1s; transition:all 2s; -webkit-transition:all 2s; -webkit-transition-delay:1s; }



.ourworksgrid .inner h1, .ourworksgrid .inner h3 span,.ourworksgrid .inner h3, .ourworksgrid .inner .projectType {
	opacity:0; 
	 
	transition:all 0.3s; -webkit-transition:all 0.3s;
	transition-delay:1s;
	}
.ourworksgrid .inner:hover h1, .ourworksgrid .inner:hover h3 span, .ourworksgrid .inner:hover h3, .ourworksgrid .inner:hover .projectType {
	opacity:1;
	 
	 transition:all 0.3s; -webkit-transition:all 0.3s;
	 transition-delay:0s;
	}



 
.loaderOverProject {z-index:6; display:block; position:absolute;   width:300px; padding-top:100px; height:127px; background:rgba(20,20,20,0.5);} 

#ow .btnContainer {width:calc(100% - 50px); width:100% !important; position:relative;  height:50px;  display:inline-table;  }
#ow .btnSeeAll {   text-align:center;  background:none; border:1px solid #3300fe; margin-top:50px; margin-bottom:50px; border-radius:65px; font-family:'Montserrat'; font-size:18px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFF; line-height:65px;  cursor:pointer; transition:all, 0.17s; -webkit-transition:all, 0.17s;   width:100%;  height:75px; letter-spacing:1pt;} 



#ow .btnSeeAll:hover {background:#3300fe; color:#fff; font-weight:700;

 

 box-shadow:
  0 2.2px 2.3px rgba(89,49,249, 0.024),
  0 5px 5.2px rgba(89,49,249, 0.035),
  0 8.7px 9.1px rgba(89,49,249, 0.043),
  0 13.8px 14.4px rgba(89,49,249, 0.05),
  0 21.3px 22.2px rgba(89,49,249, 0.057),
  0 33.2px 34.7px rgba(89,49,249, 0.065),
  0 55.1px 57.6px rgba(89,49,249, 0.076),
  0 110px 115px rgba(89,49,249, 0.1)
;

}

#ow .btnSeeAll:focus, #ow .btnSeeAll:active {
    border-radius:45px;
	
	outline:none; 
    resize:none; 
}

#ow .btnSeeAll:disabled {display:none !important;}







.firstLayer {position:fixed; display:block; width:100%; height:0px;  background:#4bc1aa; bottom:0; z-index:52; -webkit-transition:all 0.7s; -webkit-transition-delay:0.0s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.2,1); transition:all 0.7s; transition-delay:0.0s; transition-timing-function:cubic-bezier(0.2,1,0.2,1);}

.secondLayer {position:fixed; display:block; width:100%; height:0px;  background:#131313; bottom:0; z-index:50;
-webkit-transition:all 0.7s; -webkit-transition-delay:0s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.2,1);
 transition:all 0.7s; transition-delay:0s; transition-timing-function:cubic-bezier(0.2,1,0.2,1);}

.contentLayer {position:fixed; text-align:center; display:none; width:100%; height:100%;   background:#131313;  z-index:51;  top:0;  }  
.contentOpen {display:block;   }

.contentLayer h1 {font-family:'Montserrat', Sans-serif; text-transform:none; font-size:22px; font-weight:600; letter-spacing:3pt; color:#d6d6d6;text-align:center; margin-top:50px;}
.contentLayer h2 {font-family:'Montserrat', Sans-serif ;font-size:15px; font-weight:400; text-align:center; color:#999; letter-spacing:1pt; }
.contentLayer h3 span:before {margin-right:5px; margin-left:20px;  text-transform:none; font-family:'evo' !important;}
.contentLayer h3, .contentLayer h3 span  {font-family:'Montserrat', Sans-serif; font-size:15px; font-weight:400;text-align:center; color:#999; letter-spacing:1pt; }


.contentLayer h3 span {font-family:'Montserrat', Sans-serif !important; text-transform:none;}
.contentLayer .sep {width:100%; max-width:960px; margin:50px auto; height:1px; border-bottom:1px solid #989898;}
.contentLayer .projectType {width:auto; margin:0 auto; display:inline-table; padding-right:20px;} 

.contentLayer .projectType span {display:block; float:left; margin-bottom:10px;}

.firstOpen {height:calc(100% + 50px);  -webkit-transition:all 0.7s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.2,1); transition:all 0.7s; transition-timing-function:cubic-bezier(0.2,1,0.2,1); }
.thirdClosedTop {height:0; bottom:100%;  -webkit-transition:all 0.7s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.2,1); -webkit-transition-delay:0s; transition:all 0.7s; transition-timing-function:cubic-bezier(0.2,1,0.2,1); transition-delay:0s; }

.secondOpen {height:calc(100% + 50px);   }
.thirdOpen {height:calc(100% + 50px); -webkit-transition:all 0.7s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.2,1); -webkit-transition-delay:0s; transition:all 0.7s; transition-timing-function:cubic-bezier(0.2,1,0.2,1); transition-delay:0s; }


 .innerDiv {margin:0 auto; margin-top:0px; width:auto;  display:block; height:100%;   overflow:none; overflow-y:scroll; text-align:center;}
 .innerDiv p {margin:0; padding:0; max-width1:960px; width:100%; margin:0 auto; margin-bottom:50px;}
 .innerDiv p img {width:100%; max-width:960px;}
 .innerDiv p{}

 



@media screen and (min-width:2436px) {
.innerDiv .mpContainer {display:inline-table; margin:0 auto; width:2436px; padding-top:20px; margin-bottom:80px;}	
	
}

@media screen and (min-width:1218px) and (max-width:2425px) {
.innerDiv .mpContainer {display:inline-table; margin:0 auto; width:1218px; padding-top:20px; margin-bottom:80px;}	
	
}

@media screen and (min-width:812px) and (max-width:1217px) {
.innerDiv .mpContainer {display:inline-table; margin:0 auto; width:812px; padding-top:20px; margin-bottom:80px;}	
	
}



.innerDiv .mobilepreivew {background:url(/images/iphone.svg) no-repeat; background-size:100% auto; width:366px; height:800px; display:block;  margin:0 auto; float:left;  margin-left:20px; margin-right:20px;}
.innerDiv .mobilepreivew img {margin-top:85px; width:320px; height:auto;}
.innerDiv .mobilepreivew > div {margin:0 auto; margin-top:83px; width:320px; height:575px; display:block; overflow:hidden; overflow-y:auto;}
.innerDiv .mobilepreivew > div img {margin-top:0;}

@media screen and (max-width:811px) {
.innerDiv .mpContainer {display:inline-table; margin:0 auto; width:100%; padding-top:20px; margin-bottom:80px;}	
	.innerDiv .mobilepreivew  {margin:0 auto; width:364px;}
	.innerDiv .mobilepreivew {float:none;}
}
 
.innerDiv p {opacity:0;}





@keyframes applyprojectworks {  100% { opacity:1; } }
@-webkit-keyframes applyprojectworks {  100% { opacity:1; } }
 
.innerDiv p { animation:applyprojectworks .3s forwards; -webkit-animation:applyprojectworks .3s forwards;} 
 
 
.innerDiv p:nth-child(1) { animation-delay:.4s; -webkit-animation-delay:.4s;}
.innerDiv p:nth-child(2) { animation-delay:.6s; -webkit-animation-delay:.6s;}
.innerDiv p:nth-child(3) { animation-delay:.8s; -webkit-animation-delay:.8s;}
.innerDiv p:nth-child(4) { animation-delay:1.0s; -webkit-animation-delay:1.0s;}
.innerDiv p:nth-child(5) { animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.innerDiv p:nth-child(6) { animation-delay:1.4s; -webkit-animation-delay:1.4s;}
.innerDiv p:nth-child(7) { animation-delay:1.6s; -webkit-animation-delay:1.6s;}
.innerDiv p:nth-child(8) { animation-delay:1.8s; -webkit-animation-delay:1.8s;}
.innerDiv p:nth-child(9) { animation-delay:2.0s; -webkit-animation-delay:2.0s;}

.descriptionContainer {max-width:960px; margin:0 auto;  }
 
.btnClose {width:60px; height:60px; display:block; border-radius:50%; background:none; border:1px solid #3300fe; position:relative; float:right;   color:#fff; line-height:63px; cursor:pointer; margin:0px; margin-top:-88px; text-align:center; font-size:25px; color:#3300fe;}
.btnClose:before {font-family:'evo'; content:"\e901" !important;}

.btnClose:hover {background:#3300fe; color:#fff; font-weight:700;  background:#3300fe; color:#fff;   font-weight:700;  box-shadow:
  0 2.2px 2.3px rgba(89,49,249, 0.024),
  0 5px 5.2px rgba(89,49,249, 0.035),
  0 8.7px 9.1px rgba(89,49,249, 0.043),
  0 13.8px 14.4px rgba(89,49,249, 0.05),
  0 21.3px 22.2px rgba(89,49,249, 0.057),
  0 33.2px 34.7px rgba(89,49,249, 0.065),
  0 55.1px 57.6px rgba(89,49,249, 0.076),
  0 110px 115px rgba(89,49,249, 0.1)
;}
 
html.noscroll {position:fixed; overflow-y:hidden; width:100%;} 

 

::-webkit-scrollbar {background:black; width:10px; margin-right:5px; padding:10px;}
::-webkit-scrollbar-track {background:#222; width:5px; border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:10px; background:gray;}
 
 
h3 {font-size:17px; margin:0; padding:0;   font-weight:600; font-family:'Montserrat'; text-transform:none; color:#ffffff; letter-spacing:2.5pt;} 




#ab {   display:inline-table;  width:100% !important;   padding-top:40px; }
#ab .main {width:100%;  text-align:center;  display:inline-table;  text-align:center;     }
#ab .second { background:rgba(49,49,49,0.35);} 

#ab .third .circles {margin-bottom:100px;}
#ab .contentdiv {width:100%; max-width:1200px; margin:0 auto;  }
#ab .whoweare  p {font-size:18px; color:#8b8898; font-family:'Montserrat', sans-serif;letter-spacing:-0.25px; line-height:30px; }
#ab .keypeople { padding-top:40px; }
#ab .teamlocations { background:url(/images/map2.svg) no-repeat; background-position:50% 0px; background-size:1100px auto;   display:block; height:510px; width:100%; max-width:1100px; min-height:610px; margin:30px auto;}
#ab .teamlocations h3 {margin:0; padding:0;}



#ab .left, #ab .right {width:calc(50% - 30px); float:left; display:inline-table;  text-align:left; margin-bottom:50px;  }
#ab .left {margin-right:30px;}
#ab .right {margin-left:30px;}
#ab .left p, #ab .left h3 { }
#ab .left .cheader, #ab .right .cheader {margin-bottom:50px; }
#ab .right p, #ab .right h3 {padding-left:35px;}

#ab ul {margin:0; padding:0; list-style:inside;}
#ab h3 {margin-bottom:0;}

  @media screen and (max-width:1220px) {
	#ow, #ab { width:calc(100% - 50px) !important;}
 }


	

		

.benefits {width:100%;   display:inline-table; min-height:630px;}
.benefitItem {width:100%;     display:inline-table; text-align:left; float:left; margin-bottom:30px;}
.benefitItem h5 {font-size:20px; font-family:'Montserrat', sans-serif;display:block;  font-weight:500; color:#FFF; text-transform:none !important; margin:0; padding:0; letter-spacing:-0.5pt;}
.benefitItem p {padding:0 !important; text-align:left; font-size:16px !important; margin:0; padding-top:15px !important; line-height:24px !important; font-family:'Montserrat', sans-serif; display:block; color:#8b8898; letter-spacing:0 !important;  }
.benefitItem .bi-cont {
	width:calc(100% - 75px);
	float:left;
	display:block;
	box-sizing:border-box;
	padding-left:20px;
}


.benefits .icon {margin:0; width:75px; height:75px; background:url(../images/circlee.svg) 50% 50% no-repeat; background-size:66px auto; margin-bottom:25px; text-align:center; display:block; float:left;}

.benefits .i1:before {font-family:'evo'; content:"\e90a"; color:#fff;  font-size:26px; line-height:78px !important;}

.benefits .i2:before {font-family:'evo'; content:"\e907"; color:#fff; font-size:24px; line-height:78px !important;}
 

.benefits .i3:before {font-family:'evo'; content:"\e905"; color:#fff; font-size:28px; line-height:76px !important;}
 

.benefits .i4:before {font-family:'evo'; content:"\e908"; color:#fff; font-size:28px; line-height:75px !important;}
	 

.benefits .i5:before {font-family:'evo'; content:"\e909"; color:#fff; font-size:24px; line-height:76px !important;}
	 

.benefits .i6:before {font-family:'evo'; content:"\e906"; color:#fff; font-size:28px; line-height:78px !important; display:block;}
			 






.thenumbers {width:100%; max-width:960px; display:inline-table;  padding-top:30px; margin-top:50px; margin-bottom:80px; }
.thenumbers .numitem {width:160px; float:left; text-align:center !important; }
.thenumbers .numitem:before { font-family:evo; font-size:45px;  color:#23aaf3; background:-webkit-linear-gradient(#5aca8e, #23aaf3);  -webkit-background-clip:text; -webkit-text-fill-color:transparent;  }
.thenumbers .design:before {content:"\e911"; margin-left:7px; font-size:42px;}
.thenumbers .projects:before {content:"\e910";}
					
.thenumbers .team:before {content:"\e90f"; font-size:42px;}
.thenumbers .averagehours:before {content:"\e912"; font-size:40px;}
.thenumbers .iterations:before {content:"\e90e"; font-size:40px;}
.thenumbers .longterm:before {content:"\e90d"; font-size:40px;}
						
.thenumbers .numitem h3 {margin:0; padding:0; font-size:27px; margin-top:15px; padding-bottom:10px;     font-size:20px; font-family:'Montserrat';  font-weight:400; color:#f4f4f4; letter-spacing:-0.5pt; }
.thenumbers .numitem p {padding:0 20px; margin:0;text-align:center;   font-size:12px; font-family:'Montserrat', Arial; color:#6a6a6a; font-weight:400; }
		
		


#ot {width:100%;}


#cu {padding-bottom:0;    width:100% !important; min-height:830px; padding-top:30px;}
#cu p {font-size:20px;}
 
.contacts {width:100%;  margin:0;  padding-bottom:40px;  text-align:center; display:inline-table; }
.contacts .contactitem {
	width:calc(33% - 5px); float:left; text-align:left;  
	border:1px solid #524c72;
	border-radius:30px;
	display:inline-block;
	box-sizing:border-box;
	margin-right:5px;
	text-align:center;
	margin-top:70px;
  }

.contacts .contactitem:first-child { }
.contacts .uimg.koss {background:url(../images/k.jpg) no-repeat;}
.contacts .uimg.eugene {background:url(../images/e.jpg) no-repeat;}
.contacts .uimg.bria {background:url(../images/b.jpg) no-repeat;}
	.uimg {width:132px; height:132px; float:none;     display:block; content:" ";   z-index:999; left:0;
	border-radius:50%; width:132px; height:132px; float:left;  
margin-bottom:20px;
background-size:132px auto !important;}
	
	
.contacts .inner {
	display:inline-table;
	margin-top:-70px;
	 
}
.contacts .contactitem h3 {font-size:24px; margin:0; padding:0; font-weight:700; text-align:left; display:block; text-transform:none; letter-spacing:0;  margin-top:5px; text-align:center;}
.contacts .contactitem h4 {font-size:15px; margin:0; padding:0; text-align:left; display:block; color:#8b8898; text-transform:none; font-family:'Montserrat', sans-serif; text-align:center; margin-top:5px; margin-bottom:5px;}

.contacts .contactitem .location {font-size:12px; font-family:'Montserrat'; text-transform:uppercase; color:#5b5b5b; margin:0; padding:0; text-align:center; display:block; float:none;  width:auto; margin-top:20px; margin-bottom:20px; }
.contacts .contactitem p {margin:0; padding:0;display:block; float:none; text-align:center; font-size:15px; line-height:auto;}
.contacts .contactitem a {color:#8b8898; font-family:'Montserrat'; font-size:15px;} 
.contacts .contactitem a:hover {color:#3300fe; font-family:'Montserrat'; font-size:15px;} 

.contacts .status {display:block; width:25px !important; height:25px !important; text-align:center; background:transparent; position:absolute; margin-left:100px;  z-index:5;  border-radius:50%; }
.contacts .status span {background:#06ff7a; display:block; width:14px !important; height:14px !important; border-radius:50%;  margin:0 auto; margin-top:5px; border:5px solid #000;}


.contacts .offline span {background:#585858 !important;}
.contacts .licon {display:block; float:none;}
.contacts .licon:before {font-family:evo; content:"\e90c"; padding-right:3px; padding-top:3px; display:inline-table;  float:none;} 
.contacts .dicon:before {font-family:evo; content:"\e90b"; padding-right:3px; padding-left:15px;padding-top:3px; display:inline-table;  float:none; } 
 

 

.btnSend  {background:none; border:1px solid #3300fe; border-radius:45px;  color:#fff; font-family:'Montserrat'; font-size:18px; letter-spacing:1px; cursor:pointer;font-weight:700; transition:all, 0.17s; text-decoration:none;  width:100%; max-width:600px; margin-top:70px; height:75px;}


.btnSend:hover {background:#3300fe;   color:#fff;   font-weight:700; 


 
 box-shadow:
  0 2.2px 2.3px rgba(89,49,249, 0.024),
  0 5px 5.2px rgba(89,49,249, 0.035),
  0 8.7px 9.1px rgba(89,49,249, 0.043),
  0 13.8px 14.4px rgba(89,49,249, 0.05),
  0 21.3px 22.2px rgba(89,49,249, 0.057),
  0 33.2px 34.7px rgba(89,49,249, 0.065),
  0 55.1px 57.6px rgba(89,49,249, 0.076),
  0 110px 115px rgba(89,49,249, 0.1)
;


}

.btnSend:focus, .btnSend:active{
    border-radius:45px;
	
	outline:none; 
    resize:none; 
}




.cform form {width:100%; max-width:602px; margin:0 auto;  }

.cform input, .cform textarea, .cform .floating-placeholder {font-family:'Montserrat', sans-serif; font-size:16px;  line-height:2.6em; height:70px; margin:0; padding:0;  color:#6d6d6d; }
.cform .floating-placeholder {text-transform:uppercase;  border:0px solid #5d5d5d !important; border-bottom:1px solid #5d5d5d !important; z-index:0; transition:all 0.4s cubic-bezier(0.7,1,0.8,1);}


.cform .floating-placeholder:nth-child(1), .cform .floating-placeholder:nth-child(2) {border-bottom:0px !important; border:0; margin-top:10px;}
.cform .floating-placeholder input:focus, .cform .floating-placeholder textarea:focus {

box-shadow:none;
-webkit-transition:all 0.2s cubic-bezier(0.7,1,0.8,1);
transition:all 0.2s cubic-bezier(0.7,1,0.8,1);
border-bottom:2px solid #3300fe !important;
}
.cform .floating-placeholder input:hover, .cform .floating-placeholder textarea:hover {
-webkit-transition:all 0.2s cubic-bezier(0.7,1,0.8,1);
transition:all 0.2s cubic-bezier(0.7,1,0.8,1);
border-bottom:2px solid #FFF !important;	
} 

.cform input, .cform textarea { width:100%;border:0; border-bottom:1px solid #5d5d5d !important; }
.cform .floating-placeholder:nth-child(1), .cform .floating-placeholder:nth-child(1) input {border-radius:0 !important;}

.cform .floating-placeholder input:focus + label, .cform .floating-placeholder textarea:focus + label {color:#fff; }

.cform .floating-placeholder {position:relative;}

.cform .floating-placeholder input, .cform .floating-placeholder textarea {font-size:15px; outline:none; position:absolute; top:0; left:0; display:block; background:transparent; z-index:2; color:#fff; text-indent:20px;}
.cform .floating-placeholder textarea  {text-indent:0; height:50px; line-height:27px !Important; padding-top:20px; padding-left:20px; margin:0 !important;   width:calc(100% - 20px) !important; border-radius:0 !important;}


.cform .floating-placeholder label {display:block; position:absolute; top:0; left:20px; line-height:65px; font-size:16px; z-index:1;
  -moz-transform-origin:0 0em; -ms-transform-origin:0 0em; -webkit-transform-origin:0 0em; transform-origin:0 0em; -moz-transition:-moz-transform 160ms, color 200ms; -o-transition:-o-transform 160ms, color 200ms; -webkit-transition:-webkit-transform 160ms, color 200ms; transition:transform 160ms, color 200ms; -moz-transform:scale(1, 1) rotateY(0); -ms-transform:scale(1, 1) rotateY(0); -webkit-transform:scale(1, 1) rotateY(0);
  transform:scale(1, 1) rotateY(0); color:#999;}
.cform .floating-placeholder-float label {-moz-transform:scale(0.55, 0.55) rotateY(0); -ms-transform:scale(0.55, 0.55) rotateY(0); -webkit-transform:scale(0.55, 0.55) rotateY(0); transform:scale(0.55, 0.55) rotateY(0);}
.cform.floating-placeholder-float input, .cform.floating-placeholder-float textarea {line-height:30px;}

.cform .has-error {border-color:#ff9600 !important;  -moz-transition:-moz-transform 160ms, color 200ms; -o-transition:-o-transform 160ms, color 200ms; -webkit-transition:-webkit-transform 160ms, color 200ms; transition:all 160ms, color 200ms;}

#errorscf  {padding-top:0px; color:#ff9600;}
#errorscf .help-block {margin-top:25px; display:block;}

.cform .textareafp {min-height:70px; width:100%; max-width:602px;  margin-top:10px; display:inline-table; border-radius:0 !important; border:0!important;}
.cform .textareafp > textarea {position:relative;  overflow-y:hidden !important;}

.alert-success {display:block; width:auto; 	font-size:18px; margin-bottom:25px;}
.alert-success:before {  content:"\e91a"; font-family:'evo' !important; font-size:155pt; display:block; color:#9bea4c;	  background:-webkit-linear-gradient(#d3ff59, #9bea4c);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:50px;}

p.contactus {width:100%; max-width:600px; margin:50px auto;     font-size:17px !important;
    font-family:'Montserrat', sans-serif;
    letter-spacing:-0.5px;
    line-height:30px;}




.cssload-container {width:100%; height:49px; text-align:center;}

.cssload-speeding-wheel {width:39px; height:39px;	margin:0 auto;	border:3px solid rgb(255,255,255);	border-radius:50%;	border-left-color:transparent;	border-right-color:transparent; animation:cssload-spin 575ms infinite linear; -o-animation:cssload-spin 575ms infinite linear; -ms-animation:cssload-spin 575ms infinite linear; -webkit-animation:cssload-spin 575ms infinite linear; -moz-animation:cssload-spin 575ms infinite linear;}

.cssload-speeding-wheel2 {width:39px; height:39px;	margin:0 auto; border:2px solid rgb(35,170,243); border-radius:50%; border-left-color:transparent;	border-right-color:transparent; animation:cssload-spin 575ms infinite linear; -o-animation:cssload-spin 575ms infinite linear; -ms-animation:cssload-spin 575ms infinite linear; -webkit-animation:cssload-spin 575ms infinite linear; -moz-animation:cssload-spin 575ms infinite linear;}

@keyframes cssload-spin {
	100%{ transform:rotate(360deg); transform:rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform:rotate(360deg); transform:rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform:rotate(360deg); transform:rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform:rotate(360deg); transform:rotate(360deg); }
}

 



#footer { display:block; width:100%; height:0; padding-bottom:20px;}
#footer .cp {transform:rotate(-90deg); transform-origin:left top 0; -webkit-transform:rotate(-90deg); -webkit-transform-origin:left top 0; background:#b6f444; font-size:12px; display:block; position:relative; left:100%; margin-left:-37px; width:100px; bottom:10%; padding:10px; color:#000; border-radius:6px 6px 0 0; font-family:'Montserrat'; font-weight:500; }


@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (   min--moz-device-pixel-ratio:2),
only screen and (     -o-min-device-pixel-ratio:2/1),
only screen and (        min-device-pixel-ratio:2),
only screen and (                min-resolution:192dpi) { 
body, html { }

#logo a { background-image:url(/images/logo-new@2x.png) 50% 50% !important; background-position:50% 50%;background-size:57px auto; }
  
  
 #pg {  background-size:573.5px 530.5px; min-height:530.5px;}
 
 
#main .item .brandid {background-image:url(../images/ID.svg); }
#main .item .uxux {background-image:url(../images/ux.svg); }
#main .item .webmobile {background-image:url(../images/app.svg); }

#footer {display:inline-table; width:100%; height:0; padding-bottom:0;}
}

 .mobileMenu {display:none;}
 @media screen and (max-width:960px) {

 
.mobileMenu {position:absolute; z-index:99; opacity:1;  display:block; width:calc(100% - 20px); height:calc(100vh - 20px); background:linear-gradient(35deg, rgba(0,0,0,1) 20%, rgba(49, 36, 100,1) 90%);  margin:10px; transition:all 0.3s; border-radius:12px;}	 
.mobileMenu div {  display:block; width:auto; height:100%;  text-align:center; }	 
.mobileMenu div a {display:block; text-decoration:none;}
.mobileMenu > div {opacity:1; transition:all 0.3s; transition-delay:0.3s;}

.mobileMenu a {color:#9d9d9d; font-size:28px; line-height:75px;}
.mobileMenu h1 {margin-top:0px; padding-top:26px; font-size:28px; font-weight:500; background:#FFF;  -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family:'Montserrat'; }
.mobileMenu  .btnCloseMM {width:50px; height:40px;  display:block; position:absolute; margin-top:30px; margin-left:21px; content:"\e913"; font-family:'evo'; background:-webkit-linear-gradient(#15ffd0, #15ff62);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:25px; cursor:pointer; z-index:6; } 
.mobileMenu  .mmtop {background:none; border-bottom:1px solid rgba(49, 36, 100,1); display:block; height:83px !important; width:100%; margin-bottom:25px;  }

.collapsed {background:#000; opacity:0; width:30px; height:30px; margin:32px; display:block;  overflow:hidden; position:absolute; transition:all 0.3s; z-index:-1;}
.collapsed div {display:block;}
.collapsed > div {opacity:0; transition:all 0.3s; transition-delay:0s;}



	.ccontainer {width:100%; display:block; margin:auto;   }
.cheader {display:table; width:100%; margin:0 auto; }
.cheader h2 {font-weight:700; display:table-cell; white-space:normal; padding-left:25px; padding-right:25px;  color:#fff; font-size:28px; text-align:center;} 

#ab .contentdiv {width:100%; margin:0 auto; padding-top:0;}
#ab .left, #ab .right {width:100%; float:left; display:inline-table;  text-align:left; margin-bottom:20px;  
margin-left:0;
}
#ab .left p, #ab .left h3 {padding-left:25px; box-sizing:border-box; padding-right:25px;}
#ab .right p, #ab .right h3 {padding-right:25px; padding-left:25px; }
#ab .keypeople {padding-top:40px; width:100%; background:none; min-height:auto; display:inline-table; }

.benefits {width:100%; display:inline-table; height:630px; margin-top:0; margin-bottom:40px;}
.benefits .sep {display:none;}
.benefitItem { width:100%; min-width:260px; min-height:100px;   display:inline-table; text-align:center; float:none; margin-bottom:25px; }
.benefitItem .bi-cont {width:calc(100% - 50px); padding:0; margin-left:25px; margin-right:25px; text-align:center;}
.benefitItem:last-child {border-bottom:0; }
.benefitItem h5 {font-size:18px; font-family:'Montserrat'; font-weight:600; color:#d3d3d3; text-transform:none !important; margin:0; padding:0; float:none; text-align:center; margin-top:12px;     }
.benefitItem p { padding:25px; text-align:center !important; font-size:15px !important; padding-left:100px; margin:0; padding-top:0px; line-height:24px !important; font-family:'Monstserrat'; color:#6a6a6a; padding-top:30px; padding-bottom:25px; padding-top:65px; padding-left:25px;}
.benefits .icon {margin:0 auto; display:block; float:none; width:100%; height:50px; background:url(../images/circlee.svg) 50% 50% no-repeat;  background-size:50px 50px;  margin-bottom:5px;}
.benefits .icon:before { font-size:18px; line-height:53px !important;}

.thenumbers {width:100%; display:inline-table;  padding-top:30px; margin-top:50px; margin-bottom:80px; }

.contacts {width:calc(100% - 50px); margin-top:0px; margin-left:25px; margin-right:25px;}

.contacts .contactitem:first-child {margin-left:0px;}
.contacts .contactitem {margin-bottom:0px; width:calc(33% - 5px); max-width:auto;}
.contacts img {  width:102px; margin-left:15px;  margin-right:15px;}
.uimg {width:130px; height:130px; float:left; margin-right:0px; display:block; content:"xx";   z-index:999; left:0;}
.contacts .status {display:block; width:25px !important; height:25px !important; text-align:center; background:transparent; position:absolute; margin-left:85px;  z-index:999;  border-radius:50%; margin-top:-7px; }
.contacts .licon {display:block; float:none; padding-left:10px; }
.contacts .contactitem h3 {margin-top:0;}
.contacts .contactitem .location  {margin-top:10px;}

.thenumbers .numitem  {min-height:180px;}

.navleft {display:none;}
.navright {display:none;}
 
.topheader .innerhd {max-width:960px; min-width:320px; width:100%; margin:0 auto; left:auto;  display:block; position:relative; }
.topheader-shrink {width:100%; max-width:100%; position:fixed; z-index:6;  margin:0 auto; background:#111; top:0; left:0; text-align:center; -webkit-transition:all 0.2s;	-moz-transition:all 0.2s;	transition:all 0.2s; }
.topheader-shrink .innerhd {max-width:960px; width:100%; margin:0 auto; left:auto;   display:block; position:fixed; }

 
.btnMMshow {width:35px; height:35px;  display:block; position:absolute; float:left; margin-top:39px; left:38px; content:"\e913" !important; font-family:'evo' !important;  color:#9bea4c; font-size:25px; color:#f4f4f4;z-index:5;  cursor:pointer;}
.btnMMshow::before{content:"\e913" !important; font-family:'evo' !important;  background:-webkit-linear-gradient(#15ffd0, #15ff62);  -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
	 
	 #logo {text-align:center; display:inline-table; }
#logo  a {margin-top:27px; display:inline-table; width:65px; height:75px; background:url(/images/logo-new.png) no-repeat; background-size:65px auto; margin:33px auto; margin-bottom:0px; position:relative;  }

.topheader {position:absolute;}
	  .topheader-shrink {position:absolute;  background:none;}
	  .topheader-shrink  .innerhd {position:absolute;}
	  .topheader  .innerhd {position:absolute;}
	  
	  #logo:before { position:absolute;  } 
	  
	  
	  .topheader-shrink #logo a {  background:url(/images/logo-new.png) no-repeat; background-size:155px auto;   margin:33px auto;  margin-bottom:0px;}

.topheader-shrink #logo span { font-size:8px; font-family:Arial;letter-spacing:1.4pt; margin-top:-5px; -webkit-transition:all 0.2s;	-moz-transition:all 0.2s;	transition:all 0.2s;}
	 
	  
}



 

 

 @media screen and (max-width:800px) {
	 
	#ab .main {
		display:none;
	}

#ow {margin-top:-70px; padding-top:70px;}	 
#ab {margin-top:-20px; padding-top:20px;}	 
	 
.contacts .contactitem {margin-bottom:0px; width:100%; max-width:325px;}
	  

#main .item  img {width:auto; height:80px; display:block; margin:0 auto;}



#main h5 {font-size:15px;}
#main .item ul {font-size:13px;}

#footer .cp {transform:rotate(0deg) !important;transform-origin:none;  font-size:12px; display:block; position:relative; left:0%; margin-left:0px;   width:100%; bottom:auto; margin-top:31px;  padding:10px 0;    color:#989898; border-radius:0; font-family:'Montserrat'; font-weight:500; background:rgba(0,0,0,0.35);

    
    -webkit-transform:rotate(0deg);
    -webkit-transform-origin:left top 0;

}
  }
  
  
  
 
@media screen and (max-width:600px) {
	body, html {}
	
	#ab .teamlocations { background:url(/images/map2.svg) no-repeat; background-position:50% 70px; background-size:700px auto; min-height:450px;}

#ow, #ab { width:100% !important;}

	
 #hd { max-width:100%; margin:0 auto; min-height:210px; display:block; width:auto;  text-align:center; top:0; position:relative; z-index:1;

background:url(../images/dot.svg) 50% 195px no-repeat;
}
.contacts .contactitem {
	
	float:none;
	margin:0 auto;
	margin-top:110px;
}
	
	.contacts .contactitem .location {font-size:12px; font-family:'Montserrat'; text-transform:uppercase; color:#5b5b5b; margin:0; padding:0; text-align:center; display:inline-table; float:none;  width:auto; margin-bottom:25px; padding-right:0px; overflow:hidden; white-space:normal; }
 
.contacts .licon {display:block; float:none;}
.contacts .licon:before {  padding-right:3px; padding-top:3px; display:inline-block;  float:none;} 
.contacts .dicon:before { padding-right:3px; padding-left:0px;padding-top:3px; display:inline-block;  float:none; } 
 
	.contacts .dicon {margin:0 auto; display:block; width:auto;}
	.contacts .licon {margin:0 auto; display:block; padding-left:0;}
	
	#main {z-index:2;  display:block; position:relative;}

	#main h1 {font-size:36px; margin-top:45px; z-index:1;}
	
	
	
	#pg {}
	
	#logo {height:105px; width:300px;  display:block; float:none; margin:0 auto;  }

 
	#ab .contentdiv {padding-top:40px;}
	
	  
#main .item {  display:block; float:none; min-height:100px; width:300px;  margin:0 auto; max-width:100%; margin-bottom:30px;}	 

 
#main .first {  background:none;   max-width:100%;  }
#main .last {  background:none;    max-width:100%;  }

#main .item  h5 { float:none; text-align:center; margin-top:0;  margin-bottom:10px;}
#main .item  div { width:100%; display:block;}





#main .item div {font-size:13px; font-family:'Montserrat'; color:#525252; margin:0 auto; padding:0;  width:auto; text-align:left;   display:block;  min-height:90px;}

#main .item ul {font-size:13px; font-family:'Montserrat';  color:#525252;  margin:0 auto; padding:0;  width:auto; text-align:left;  display:block; line-height:27px;  min-height:90px; padding-left:130px;}
#main .item ul li {}



#main .item  .itemicon {float:left; width:100%; height:185px !important; display:block; margin:0 auto; background-size:auto 150px; background-position:50% 50%; background-repeat:no-repeat;}
#main .last .itemicon {float:left; width:100%; height:185px !important; display:block; margin:0 auto; background-size:auto 150px; background-position:calc(50% - 10px) 50%; background-repeat:no-repeat;}

 


#main {min-height:450px; width:100%; max-width:960px !important; margin:0 auto; opacity:1; text-align:center; }

#main h3 {font-family:'Montserrat'; font-size:13px; font-weight:400; text-transform:uppercase; color:#a29bba;  margin:0; padding:0; margin-bottom:45px; margin-top:20px; letter-spacing:0.5pt;}

#main .topitems {max-width:830px; display:block;  height:auto; text-align:center; margin:0 auto; margin-bottom:80px;}
#main h5 {font-family:'Montserrat'; font-size:14px; font-weight:600; color:#838383;  display:block; margin:0; padding:0; margin-bottom:20px; letter-spacing:0.5pt; margin-top:20px;   }	







.contentLayer h1 { text-align:left; padding:15px; padding-right:65px; padding-bottom:0; margin:0; background:#131313;}
.contentLayer h2  {text-align:left; color:#999; letter-spacing:1pt;  margin-left:15px; }
.descriptionContainer {margin-top:0px;}

.contentLayer h3, .contentLayer h3 span  {font-family:'Montserrat', Sans-serif; font-size:15px; font-weight:400;text-align:left; color:#999; letter-spacing:1pt; margin-left:15px; }
.contentLayer h3 {margin-left:0; max-width:100%;}
.contentLayer h3 span:before {margin-right:5px; margin-left:0px;  text-transform:uppercase;}
.contentLayer .sep {width:100%; max-width:960px; margin:15px auto; margin-bottom:30px; height:1px; border-bottom:1px solid #989898;}
.contentLayer .projectType {width:auto; margin:0 auto; display:inline-table; padding-right:20px;} 

.btnClose {width:50px; height:50px; display:block; border-radius:50%; background:none; border:1px solid #3300fe; position:relative; float:right;   color:#fff; line-height:53px; cursor:pointer; margin:0px; margin-top:0; text-align:center; font-size:20px; color:#3300fe;  position:absolute; z-index:99; top:15px; margin-right:0; right:15px;}
.btnClose:before {font-family:'evo'; content:"\e901" !important;}








.ourworksgrid {padding-top:40px;}

 .ourworksgrid div.workItem:nth-of-type(2n) {
	margin-right:10px;
	margin-left:10px;
 
} 
.ourworksgrid div.workItem {
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	width:calc(100% - 20px);
}

#ow .btnContainer {
	width:calc(100% - 20px) !important;
	margin:0 auto;
}
 
#ow .btnSeeAll {line-height:55px; height:60px; margin-bottom:40px; margin-top:40px;} 
.cform .btnSend  {height:60px; margin-top:40px;}

#cu {padding-top:40px;}
.thenumbers {margin-bottom:20px; padding-top:0; margin-top:40px;}
.thenumbers .numitem p  {padding:0 35px;}



  }
  

  
@media screen and (max-width:500px) {
	 
.thenumbers .numitem {width:50%; float:left; text-align:center !important; }

.cform form {width:calc(100% - 50px); max-width:602px; margin:0 auto;  } 	 
p.contactus {padding:25px; width:calc(100% - 50px); margin:5px auto;}
#cu {min-height:auto;}


 }