.navigation li {
  text-align:right;
	padding: 0 9px;
	margin: 0 -9px 0 -24px;
}

.side.left .navigation li {
  text-align:left;
}

.navigation li:after {
  -webkit-transition:0.25s;
  transition:0.25s;
  display:inline-block;
  height:3px;
}
.navigation li.selected:after {
  width:30px;
}


.navigation li:before {
  -webkit-transition:0.25s;
  transition:0.25s;
  opacity:0;
}
.navigation li:hover:before {
  -webkit-transition:0.25s;
  transition:0.25s;
  opacity:1;
  visibility:visible;
}



.customHover {
   position:relative;  
}
.customHover:before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
   width:100%;
  height:1px;
  background:#FFF;
  z-index:-1;
  -webkit-transition:0.35s;
  transition:0.35s;
}
.customHover:hover:before {
  background:rgba(13,202,242,1.00);
  -webkit-transition:height 0.15s, width 0.35s 0.15s cubic-bezier(0.23, 2.01, 0.43, 0.66), -webkit-transform 0.35s 0.15s cubic-bezier(0.23, 2.01, 0.43, 0.66), color 0.35s;
  transition:height 0.15s, width 0.35s 0.15s cubic-bezier(0.23, 2.01, 0.43, 0.66), transform 0.35s 0.15s cubic-bezier(0.23, 2.01, 0.43, 0.66), color 0.35s;
  height:100%;
  -webkit-transform:translateX(-6px);
  transform:translateX(-6px);
  
  width: calc(100% + 12px);
  
  border-radius:3px;
}

.customHover:hover {
   -webkit-transition:0.5s;
   transition:0.5s;
   color:#fff;
}



	.panel .right .menu li { font-size: 17px; font-weight: bold; }
/*	.maincut .background { background-position: right !important; } */
	.maincut .content, .cut2-1 .content { background: rgba(0, 0, 0, 0) !important; } 
	.cut3-1 .content { background: rgba(0, 0, 0, 0.85) !important; } 
	.cut2-2 .content { background: rgba(0, 0, 0, 0) !important; } 

	
	h1 { font-size:30px !important; font-weight: bold;  }
	p { font-size:15px !important; color:#CDCDCD; font-weight: regular; line-height: 170%; opacity : 1 !important; }
	
	.cut2-2 .flex [class*='col-'] { padding-left: 0px !important; padding-right: 10px !important; }
	
	@media screen and (min-width: 600px) {
		.hidemobile { display : block !important; }
		.showmobile { display : none !important; }	
		
		.linkarea a { font-size:20px !important; color:#FFF !important; font-weight: bold;  }
			
		.maincut .container .wrap {
			 text-align: left !important; padding-left: 200px; 
		}

		.cut3-1 .small { font-weight: bold !important;}		
		.cut3-1 img { height: 200px; }
		
		.cut3-2 .tabs { max-width: 70%;  } 
		.cut3-2 .tabs li { font-size:15px !important; letter-spacing : normal !important;  } 
		.cut3-2 img { width: 400px; }

		.mainlogoimg { width: 250px; }
		
		.adddetail { font-size:13px !important; text-align: justify !important; }	
		
		.mainbtn { height:50px; margin: 10px 5px 10px 5px; }
		
	}
	
	@media screen and (max-width: 600px) { /*mobile*/
		.hidemobile { display : none !important; }
		.showmobile { display : block !important; }	
		
		h1 { font-size:17px !important; line-height: 130% !important; }
		p { font-size:11px !important; }
		.linkarea a { font-size:14px !important; color:#FFF !important; font-weight: bold; line-height: 220%;  }
		
		.container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap {
		    padding: calc(5.56%) calc(8%);
		}
		
		.cell-28 { padding-bottom: 10px !important; }
	
		.sidebar .mainMenu a { font-size:17px !important; font-weight: 400 !important; }
		.sidebar .mainMenu li { margin-bottom: 10px; }
		.sidebar .small { font-size:10px !important; font-weight: normal !important; }
		.mainlogoimg { width: 200px; }
		.cut3-1 img { height: 100px; }
		
		.iphone-28 {  max-width: 220px !important; }
		.iphone-29 {  max-width: 150px !important; }
		
		.app_text1 { width: 50px; height: 50px !important; float: left; margin: 0 10px 0 0; }
		
		.adddetail { font-size:11px !important; line-height: 130%; }
		
		.cut3-2 .tabs { max-width: 80%; margin: 0 auto; }
		.cut3-2 .tabs li {
		    border: 1px solid #fff;
		    padding: 10px 10px;
		    font-size: 12px; font-weight: 100;
		    letter-spacing: 0px;
		    -webkit-transition: 0.15s;
		    transition: 0.15s;
		}
		
	  .page-loaded .scroll .panel, .page-loaded.mobile .simplifiedMobile .panel {
	  	position: fixed !important;
		}  
		
		.mainbtn { width:180px; margin: 10px 0px 0px 0px; }

	}
	
	
	
	.shadowed-white {
	    -webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,1));
		filter: drop-shadow(0px 0px 10px rgba(255,255,255,1));
	}
	.shadowed-black {
	    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));
		filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));
	}

	.stage-1 .panel .left img { display: none !important; } 
	



	

	
	.s-text-yellow { color:#FFCF7C !important; text-decoration: underline; font-weight: bold; }
	.s-text-red { color:#EF7C7C !important; text-decoration: underline; font-weight: bold; }
	.s-text-blue { color:#0D79F2 !important; text-decoration: underline; font-weight: bold; }
	
	.cut3-2 img { margin-bottom: 10px; }