@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

html {cursor: default;}
img, object, embed, video {
	max-width: 100%;
}
.modal-body a{
	color: #000!important;
}
#telegrambanner{
		
	width: 100%;
	height: auto;
	margin-top: 40px;
	}
#telegrambanner img{
		max-width: 100%!important;
	}
	.on-telegram{
		font-family: 'FuturaBkBTBook'!important;
		font-size: 35px; 
		padding:15px 25px;
		border-radius: 10px;
	}
.more-tele-class{
		
	width: 100%;
	height: auto;
	margin-top: 100px;
	}
	.more-tele-class ul{
		list-style: none;
	}
	.more-tele-class ul li{
		display: inline-block;
		background-color: #076bc9;
		padding: 8px;
		border-radius: 5px;
		font-size: 18px;
		color: #fff;
		margin: 8px;
	}
.class-disc{
	width:92%;
	margin-left: 20px;
	font-family: 'fml-indulekhabold';
	font-size: 20px;
	text-align: justify;
	padding: 8px;
}
#offerred{
	font-size: 18px;
	color: #E92F33;
	 font-weight: 500;
}
#register-wday{
	padding: 8px;
	background-color: #0853B9;
	color: #fff;
	 border: 0px;
	border-radius: 3px;
		
}
#criteria{
	width: 100%;
	height: auto;
}
#upgradebx{
	display: none;
}
body{
	font-family: 'FuturaBkBTBook'!important;
}
.clr { clear:both;
}
input{color:#666;
	font-size:medium;
}
a,a:visited{
	text-decoration: none;
	/* [disabled]color: #746f6f; */
}
a:hover{
	color: #e0e0e0;
}
.coursehead a, .coursehead a:visited{color:#039;
	
}
h5{margin:0;
	background:;
	display:block;
	
}
.regdtls h5{margin:0;
	background:;
	display:block;
	font-size:18px;
	
}

.whapp{
	width: 52px;
	height: 90px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	color: #333;
	font-weight: bold;
}

.smalcourse figcaption{font-weight:bold;
	text-align:center;
	width:100%;
	height:60px;
}
.webinarbg{
	background-image:url(image/webinar.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.hidebox{
	display:none;
	
	}
#wrkmenu a:hover{color:#099;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.big{color:#06C;
	font-size:larger;
}
img{border:0;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.bold{
	font-weight:600!important;
}
/* Mobile Layout: 480px and below. */

#more-class{
	
	width: 100%;
	height: auto;
	margin-top: 50px;
		
	}
.classimg{
		
	width: 100%;
	height: auto;
	float: left;

	}
.classcont{
		
	width: 90%;
	height: 350px;
	padding-left: 5%;
	float: left;
	margin-top:30px;
	
	}
/*popup alert*/
.form-dp{
	width: 80%;
	height: auto;
	float: left;
	padding: 30px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	margin-top: 200px;
	margin-left: 10%;
	
	
	
	}
#why-nich{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:center;
	flex-direction: row;
	flex-wrap: wrap;
	}
.why-nichbx{
		
	width: 38%;
	height:auto;
	margin-left: 2%;
	margin-right: 2%;
	
	}

.why-nichbx h4{
		text-align: center;
		color:#626262;
	}
#headline{
	font-size: 20px;
}
#feedback{
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;

}
.bold{
	font-size:bold;
}
#countdown ul li{
	display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}
#countdown ul li span {
  display: block;
  font-size: 1rem;
}
#logo-nich{
	width: 45%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
#ham{
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 10px 15px;
	font-size: 18px;
	background-image: linear-gradient(to right, #2c8ed0, #51abe7);
	color: #fff;
	border-radius: 3px;
}
#tog{
	margin: 3px;
}
#tog:hover{
	cursor: pointer;
}
#hide{
		display: none;
	
	}
#wrap-form-dp{
	width: 100%;
	height: 100vh;
	margin-top: 10px;
	background-image: url(image/club.jpg);
	background-repeat: no-repeat;
	background-size: cover;
		
	}
#signinform{
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#join{
	width: auto;
	height: auto;
	padding: 10px 30px;
	background-color: #0A6CE2;
	border-radius: 5px;
	color: #fff;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:250px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}
#boxes i{
	float:right;
	color:#666;
	 font-size:30px;
	
}
.webinar{
	width: 100%;
	height: auto;
	margin-top: 50px;
	text-align: center;
}
/*popupend*/

.regbtn{
	margin:auto;
	clear:both;
	width:30%;
	text-align:center;
	
}

.regbtn #button{
	width:100%;
	background:#2a75f0;
	color:#FFF;
	
}
  
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#slider1_container{
	position: relative;
	margin: 0 auto;
	left: 0px;
	width: 1300px;
	height: 400px;
	overflow: hidden;
	top: 20px;
}


.mainwhitebox{
	width: 100%;
	height: auto;
	margin: 0;
}
#firstheadsmain {
	width: 94%;
	height: auto;
	float: none;
	margin-top: 30px;
	margin-left: 3%;
}
#professional {
	width: 100%;
	height: auto;
	font-size: 20px;
	color: #2985c4;
	text-align: center;
}
#homeabout {
	width: 100%;
	height: auto;
	margin-top: 15px;
	text-align: justify;
	font-size: 13px;
	color: #414141;
}
#studentsworkmain {
	width: 94%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 3%;
}
.caption{
	width: 100%;
	font-size: 10px;
	color: #FFF;
	letter-spacing: 4px;
	text-align: center;
}
h2 {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #2985c4;
	margin: 0;
	font-weight: normal;
	text-align: center;
}
h2 a{color:#039;
	text-decoration:line-through;
}

#workimg {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
#cotactmain {
	width: 85%;
	height: auto;
	margin-left: 3%;
	margin-top: 30px;
	clear: none;
}
#contactas {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #0a747d;
}

#cotactmain input{border-radius:8px;
	padding-left:1%;
	height:25px;
	margin-bottom:8px;
	margin-top:0;
	box-shadow:none;
	border:solid 1px #CCC;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	font-size:16px;
	width:100%;
}
#cotactmain select{background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border-radius:8px;
	border:solid 1px #CCC;
}
#cotactmain textarea{border-radius:8px;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border:solid 1px #CCC;
}
#cotactmain .submit{border-radius:8px;
	height:40px;
	width:40%;
	margin-top:5px;
}
#news{
	width: 90%;
	height: auto;
	margin-top: 40px;
	margin-left: 3%;
}

.coursehead {
	width: 90%;
	height: auto;
	margin-top: 80px;
	margin-left: 3%;
	float: left;
}
#box1 a{color:#CCC;}
#box1 a:hover{color:#FFF;}
#box1 {
	width: 100%;
	height: 150px;
	float: left;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */




filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
h3 {
	width: 97%;
	height: auto;
	font-size: 25px;
	color: #feba01;
	text-align: 3;
	padding-left: 4%;
	margin: 0;
	font-weight:normal;
}
.diplomaHead3{
	width: 97%;
	height: auto;
	font-size: 25px;
	color: #feba01;
	text-align: left;
	padding-left: 3%;
}
.bult {
	width: 4%;
	height: auto;
	margin-top: 10px;
	margin-left: 4%;
	float: left;
}
.DIIM {
	width: auto;
	height: auto;
	float: left;
	margin-left: 1.5%;
	margin-top: 8px;
	font-size: 17px;
	color: #FFF;
}
.bult3{
	width: 4%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 4%
}
.DIIM3{
	width: auto;
	height: auto;
	float: left;
	margin-left: 1.5%;
	margin-top: 8px;
	font-size: 17px;
	color: #FFF;
}
#animation { width:50%;
	height:auto;
	float:left;
	margin-left:17%;
	margin-top:10px;
	font-size:18px;
	color:#FFF;
}
#box2 a{color:#CCC;}
#box2 a:hover{color:#FFF;}
#box2 {
	width: 100%;
	height: 225px;
	float: left;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */









filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#box3 a{color:#CCC;}
#box3 a:hover{color:#FFF;}
#box3 {
	width: 100%;
	height: 260px;
	float: left;
	margin-top: 0px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */






filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	margin-left: 0px;
	padding-left: 0px;
}
.singlebox1 {
	width: 95%;
	height: auto;
}



.testiimage{
	width: 99%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 20px;
	margin-bottom: 50px;
}

.testimagebox{
	width: 98%;
	height: auto;
	text-align: center;
}

.testpara{
	width: 90%;
	height: auto;
	text-align: justify;
	font-size: 15px;
	color: #494949;
	margin-left: 5%;
	margin-top: 20px;
	
}


#adsmain{
	width: 95%;
	height: auto;
	float: right;
	margin-top: 30px;
}

#adimage{
	width: 98%;
	height: auto;
	margin-top: 15px;
}

#clientsmain{
	width: 70%;
	height: auto;
	float: right;
	margin-right: 25%;
	margin-top: 30px;
}



.clientsimage{
	width: 100%;
	height: auto;
	margin-top: 15px;
}


#clientscomments{width:100%;
	height:auto;
	color:#494949;
	font-size:14px;
	margin-top:40px;
}

#sendtesti{
	width: 80%;
	height: 25px;
	background-color: #754c02;
	margin-top: 15px;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	border-radius: 9px;
}

#browsermain {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 20px;
}
.Perfect {
	height: auto;
	font-size: 23px;
	color: #494949;
}
#browse {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #494949;
}
#searchEngine {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
#fans {
	width: 90%;
	height: 290px;
	float: left;
	margin-left: 5%;
	margin-top: 32px;
	margin-bottom: 0px;
	
}
h1{ margin:0;
}
.black {
	width: 100%;
	background-color: #000;
	height: auto;
	
}
#lastblack {
	width: 100%;
	background-color: #000;
	padding-bottom: 20px;
	height: auto;
	padding-top: 25px;
}
#addressbox {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.addressheading {
	width: 95%;
	height: auto;
	font-size: 24px;
	color: #2985c4;
	padding-left: 5%;
}
.subboxs {
	width: 85%;
	height: auto;
	margin-top: 10px;
	font-size: 16px;
	color: #746f6f;
	padding-left: 5%;
}
#phonenomain {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
}
#ServicesMain {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
}
#coursesmain {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
}
#testimain {
	width: 100%;
	height: auto;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url(images/scroll.jpg);
	padding-top: px;
}
#bannerbox {
	width: 100%;
	height: auto;
	position: relative;
	
}
.logoFbG img{
	width: 70%;
}
#headbox{
	width: 100%;
	height: 40px;
	position: absolute;
	z-index: 10;
	margin-top: 0px;
	top: -2px;
}
.logoFbG {
	width: 70%;
	opacity: 100;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-top: 18px;
	text-align: center;
}
#copyrigth{
	width: 100%;
	min-height: 50px;
	text-align: center;
	margin-top: 20px;
	color: #999999;
	font-size: small;
}





.header {
	width: 100%;
	height: 60px;
	margin: auto;
	
}
.sublogo{
	width:40%;
	text-align:center;
	margin:30px auto 0 auto;
}
.nav {
	width: 100%;
	height: auto;
	border-top: #FFF solid 1px;
	background: #0f9dbe; /* Old browsers */
	background: -moz-linear-gradient(top,  #0f9dbe 0%, #3d73c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9dbe), color-stop(100%,#3d73c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0f9dbe 0%,#3d73c8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9dbe', endColorstr='#3d73c8',GradientType=0 ); /* IE6-9 */
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
}
#hostingmain {
	width: 89%;
	height: auto;
	float: left;
	margin-left: 0%;
}
#mainhead {
	width: 80%;
	height: auto;
	color: #028d8e;
	font-size: 30px;
	margin-left:5%;
}
#choseyourplan {
	width: 90%;
	height: auto;
	margin-left: 4%;
	color: #494949;
	font-size: 20px;
	margin-top: 0px;
}
.planboxmain {
	width: 96%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 4%;
	margin-bottom: 20px;
}
.rateandyear { width:100%;
	height:135px;
	background-color:#beb445;
}
.startfrom {
	width: auto;
	height: auto;
	color: #00507a;
	font-size: 20px;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.rs {
	height: auto;
	color: #00507a;
	font-size: 38px;
	float: left;
	margin-left: 15%;
	margin-top: 3px;
}
.year {
	height: auto;
	float: left;
	font-size: 18px;
	color: #00507a;
	margin-top: 21px;
	margin-left: 5%;
}
.detailsbox { width:100%;
	height:370px;
	background-color:#eeeeee;
}
.details {
	width: 80%;
	height: auto;
	color: #787878;
	font-size: 20px;
	float: left;
	margin-left: 15%;
	margin-top: 20px;
}
.buyplan { width:100%;
	height:auto;
	background-color:#5c5610;
	font-size:22px;
	color:#ffc600;
	text-align:center;
	float:left;
	margin-top:50px;
	border-radius:6px;
	
}







#clientsmain1 { width:89%;
	height:auto;
	float:left;
	margin-left:5.5%;
}
#clientshead1 { width:20%;
	height:auto;
	margin-left:5.5%;
	color:#028d8e;
	font-size:48px;
	margin-top:10px;
}
.image {
	width: 22%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 43px;
}
.nav li{float: left;
	color: #333;
	text-align:center;
	list-style: none;
	font-size:25px;
	letter-spacing: 1px;
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-top:10px;
	border-bottom: 1px #999 solid;
	padding-bottom:8px;
}
#maineditable{
	width: 100%;
	height: auto;
}
#aboutimage{
	width: 90%;
	height: auto;
	margin-left: 5%;
	float: left;
	margin-top: 0px;
}
#aboutpagetest{
	width: 90%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 5%;
	text-align: justify;
	font-size: 15px;
	color: #414141;
	margin-right: 5%;
	padding-bottom:20px;
}





/*services >>>>>>>>>><<<<<<<<<<<<<
*/



#serotherbox{width:100%;
	height:auto;
	float:left;
}
.searvihead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#servmain{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 0%;
}
.servisub{
	width: 100%;
	height: auto;
	font-size: 22px;
	color: #817e7e;
	margin-top: 20px;
}
#wbimgbox{width:100%;
	height:auto;
	margin-top:30px;
}
#serviPgWDmain{
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 25px;
}
.servipgWDhead{width:100%;
	height:auto;
	font-size:30px;
	color:#028d8e;
}
.serviWDpara{width:100%;
	height:auto;
	margin-top:18px;
	font-size:18px;
	color:#817e7e;
}

#otherservices{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
	margin-left: 0%;
}
#serviPgIMmain{
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 45px;
}
#IMimgbox{width:100%;
	height:auto;
	margin-top:30px;
}

#serviPgSEOmain{
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 45px;
}
#SEOimgbox{width:100%;
	height:auto;
	margin-top:30px;
}

/*services end >>>>>>>><<<<<<<<<<<
*/


/*courses <<<<<<<<>>>>>>>>>>>>	
*/

#OurCoursesMain{
	width: 96%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}
#ourcoursesHead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#firstMainCourse{
	width: 100%;
	height: auto;
	font-size: 25px;
	color: #FFF;
	margin-top: 40px;
	background-color: #006091;
	border-radius: 6px;
}

.ourCoursub{
	width: 100%;
	height: auto;
	font-size: 22px;
	color: #817e7e;
	margin-top: 17px;
}
#CoursePage{
	width: 91%;
	height: auto;
	float: left;
	margin-top: 10px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: justify;
	margin-left: 2%;
	margin-right: 2%;
	background-color: #006091;
	padding-bottom: 0px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 9px;
}
#DIIMimg{
	width: 97%;
	height: auto;
	float: left;
	margin-top: 30px;
	margin-left: 1%;
}
#IncludingSoftware{
	width: 97%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 3%;
}
.Softwarebox{
	width: auto;
	height: auto;
	margin-right: 2%;
	float: left;
	font-size: 20px;
	color: #0099FF;
	margin-bottom: 5px;
}
#durationboxMain{
	width: 97%;
	height: auto;
	float: right;
	margin-top: 20px;
	margin-left: 3%;
}
.durationbox{
	width: auto;
	height: auto;
	float: left;
	margin-right: 2%;
	border-radius: 6px;
	background-color: #0099FF;
	font-size: 25px;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 10px;
	color: #FFFFFF;
}

/*courses end<<<<<<<<>>>>>>>>>>>>	
*/




#coursepagefbmain{
	width: 60%;
	height: 250px;
	background-color: #999;
	position: absolute;
	margin-left: 20%;
	margin-top: 2600px;

}
#mainphotosbox{
	width: 100%;
	height: 3200px;
	float: left;
	position: relative;
}
#studentWorksHead{
	width: 50%;
	height: auto;
	font-size: 28px;
	color: #028d8e;
	position:absolute;
	margin-top: 30px;
	margin-left:3%;
}
#kunfu{
	width: 40%;
	height: auto;
	margin-left: 45%;
	margin-top: 112.5px;
	position: absolute;
}
#DigiPaintingimgbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 7%;
	margin-top: 270px;
	position: absolute;
	left: 2px;
	background:url(student-works/images/thumb-digital-painting.jpg) no-repeat;
}
#DgiIllustrationimgbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 55%;
	margin-top: 228px;
	position: absolute;
		background:url(student-works/images/thumb-digital-illustration.jpg) no-repeat;

}

#LogoDesigningimg{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 55%;
	margin-top: 720px;
	position: absolute;
	background:url(student-works/images/thumb-logo-designing.jpg) no-repeat;
}
#Brochuresimg{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 610px;
	position: absolute;
	background:url(student-works/images/thumb-brochures.jpg) no-repeat;
}
#tomjery{
	width: 40%;
	height: auto;
	position: absolute;
	margin-left: 25%;
	margin-top: 415px;
}
#Advimgbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 7%;
	margin-top: 965px;
	position: absolute;
	background: url(student-works/images/thumb-advertisement.jpg) no-repeat;
}
#Anim2dImgbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 56%;
	margin-top: 1140px;
	position: absolute;
	background: url(student-works/images/thumb-2d-animation.jpg) no-repeat;
}
#ironmanimg{
	width: 40%;
	height: auto;
	position: absolute;
	margin-left: 55%;
	margin-top: 955px;
}
#Postersimgbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 7%;
	margin-top: 1360px;
	position: absolute;
	left: 3px;
	background:url(student-works/images/thumb-posters.jpg) no-repeat;
}
#monkeyimg{
	width: 25%;
	height: auto;
	position: absolute;
	margin-left: 13%;
	margin-top: 770px;
}
#weblayoutbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 55%;
	margin-top: 1545px;
	position: absolute;
	background: url(student-works/images/thumb-web-designing.jpg) no-repeat;
}
#pensilimg{
	width: 30%;
	height: auto;
	position: absolute;
	margin-left: 58%;
	margin-top: 1398px;
}
#cardbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 2260px;
	position: absolute;
	background:url(student-works/images/thumb-cards.jpg) no-repeat;
}
#rocketimg{
	width: 40%;
	height: auto;
	margin-left: 4%;
	margin-top: 2000px;
	position: absolute;
}
#dogbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 5.4%;
	margin-top: 1790px;
	position: absolute;
	background:url(student-works/images/thumb-danglers.jpg) no-repeat;
}
#dogimg{
	width: 36%;
	height: auto;
	margin-left: 7%;
	margin-top: 1670px;
	position: absolute;
	left: -3px;
	top: -2px;
}
#girlbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 50%;
	margin-top: 1938px;
	position: absolute;
	background:url(student-works/images/thumb-business-cards.jpg) no-repeat;
}
#girlimg{
	width: 20%;
	height: auto;
	margin-left: 60%;
	margin-top: 1715px;
	position: absolute;
}
#superbox{
	width: 40%;
	height: 160px;
	background-color: #03F;
	margin-left: 50%;
	margin-top: 2390px;
	position: absolute;
	background:url(student-works/images/thumb-garment-designing.jpg) no-repeat;
}
#superimg{
	width: 52%;
	height: auto;
	margin-left: 45%;
	margin-top: 2200px;
	position: absolute;
}
#spiderimg{
	width: 40%;
	height: auto;
	margin-left: 30%;
	margin-top: 2850px;
	position: absolute;
}
.wrk {
	width: 100%;
	height: 20px;
	margin-left: 0;
}
#call {
	width: 95%;
	text-align: center;
	margin-top: 19px;
	clear: both;
}
.ba{
	position: relative;
	margin-top: 0px;
	top: 0px;
	height: 113px;
}
.FbGBOX{
	width: 90%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
}
.crr {
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #666666;
}
.ctt {
	width: 95%;
	padding-right: 2.5%;

}

#wrkmenu{
	width: 95%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}

#wrkdata{
	width: 95%;
	height: auto;
	float: left;
	margin-top: 85px;
	font-size: 17px;
	color: #666;
	text-align: justify;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
	background-position: right;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0px;
}

#wrkmain{
	width: 97%;
	height: 36px;
	font-size: 28px;
	color: #51abe7;
	margin-top: 0px;
/*	background-color: #00ccca;*/
	padding-left: 3%;
	padding-top: 4px;
/*	background-image: url(images/wrk-gradient.jpg);*/
	background-repeat: no-repeat;
	border-radius: 8px 8px 8px 8px;
}
.workimg {
	width: 92%;
	padding-left: 2%;
	padding-right: 2%;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 2%;
	text-align: center;
}
.workimg img{width:100%;
}

#wrkhdng{font-size:25px;
	width: 97%;
	height: 55px;
	margin-left: 0;
	color: #028d8e;
	margin-top: 10px;
}

.wrksub{
	width: 90%;
	height: 40px;
	font-size: 18px;
	color: #817e7e;
	margin-top: 20px;
	padding-left: 3%;
	border-bottom: dotted #333 1px;
	float: left;

}

.vacwidebx{
	width: 95%;
	height: auto;
	float: left;
	margin-right: auto;
	color: #999;
	font-size: large;
	margin-left: auto;
	margin-top: 20px;
	padding-left: 2.5%;
	
}
.vacform{width:25%;
	height:auto;
	float:left;
	color:#999;
	
}
.jd{font-weight:bold;
	font-size:18px;
	color:#069;
}

h4{
	font-size: 18px!important;
	color: #F90;
	font-family: 'FuturaBkBTBook'!important;
}

.vacnum{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: #FC0;
	padding: 5px;
	margin-right: 10px;
	background-color: #069;
}
.smalcourse {
	width: 97%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 1.5%;
	min-height: 0px;
	margin-right: 1.%;
	margin-right: 1.5%;
	text-align: center;
}
.studentcontainer {
	position: relative;
	width: 40%;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 8%;
	text-align: center;
	font-size: 12px;
}
.studentcontainertext {
	font-size: 10px;
}

.studentimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studentoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studentcontainer:hover .studentoverlay {
  opacity: 1;
}

.studenttext {
	color: white;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


.studcontainer{
	position: relative;
	width: 45%;
	float: left;
	margin-top: 18px;
	margin-left: 5%;
	text-align: center;
}
.studname {
	margin-top: -20px;
	font-size: 13px
}
.studcontainertext {
	font-size: 12px;
}
.studimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studcontainer:hover .studoverlay {
	opacity: 1;
}

.studtext {
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.homestudmoremain {
	width: 100%;
	text-align: right;
}
.homestudmore {
	width: 5%;
	margin-left: 88%;
	
}
.homestudmore a{
	color: #03F;
	font-size: 14px;
}
.wrkthmb{
	width: 100%;
	padding:0px;
	float: left;
	min-height: 200px;
	margin:20px auto;
	text-align:center;
	
}

.regdtls {
	float: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2%;
	padding-left: 2%;
}
.regdtls2 {
	float: left;
	width: 90%;
	margin-right: 2%;
	margin-left: 2%;
	padding-right: 2%;
	padding-left: 2%;
}
.wrkthmb img{border:8px solid #CCC;
}

.hedngs {
	width: 90%;
	height: auto;
	margin-top: 5px;
	margin-left: 1.5%;
}

#scrltp{
	width: 50px;
	height: 50px;
	background:#000;
	color: #FFF;
	position: fixed;
	right: 30px;
	bottom: 150px;
	text-align: center;;
	padding-top: 12px;
	border-radius: 25px;

}
#video-wrk{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:center;
	flex-direction: row;
	flex-wrap: wrap;
	}
.video-wrkbx{
		
	width: auto;
	height:auto;
	margin-top: 10px;
	
	}

#supporting-banner{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:center;
	flex-direction: row;
	flex-wrap: wrap;
	}
.supporting-bx{
	
	width: 40%;
	height: auto;


	
	}
.supporting-bx h4{
		text-align: center;
	line-height: 0px;
	color:#646363
	}
.supporting-bx p{
	text-align: center;	
	color:#646363
	}
	
.hidebox{
	display:none;
	}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none; 
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width:100%;
	padding-left:0%;
	padding-right:0%;
	clear: none;
	float: none;
	margin-left: auto;
}
.caption{
	width: 100%;
	font-size: 10px;
	color: #FFF;
	letter-spacing: 4px;
	text-align: center;
}
	#supporting-banner{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	}
.supporting-bx{
	
	width: 28%;
	height: auto;
	margin-left: 2%;
	margin-right: 2%;


	
	}
#ham{
	width: 100%;
	height: auto;
	display: none;
}
	#logo-nich{
	width: 40%;
	height: auto;
	margin-left:0px;
	margin-right:0px;
	margin-top: 5px;
}
#hide{
		display: block;
	}
#slider1_container{
	position: relative;
	margin: 0 auto;
	left: 0px;
	width: 1300px;
	height: 400px;
	overflow: hidden;
	top: 0px;
}

.mainwhitebox{
	width: 100%;
	height: auto;
	background-color: #FFF;
	margin: 0;
}
#firstheadsmain {
	width: 40%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 2%;
}
#professional {
	width: 100%;
	height: auto;
	font-size: 15px;
	color: #2985c4;
}
#homeabout {
	width: 100%;
	height: auto;
	margin-top: 20px;
	text-align: justify;
	font-size: 15px;
	color: #414141;
}
#studentsworkmain {
	width: 40%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 5%;
}
h2 {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #2985c4;
	margin: 0;
	font-weight: normal;
	text-align: left;
}
h2 a{color:#039;
	text-decoration:line-through;
}
#news{
	width: 40%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 5%;
}

#workimg {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
#cotactmain {
	width: 40%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
}
#contactas {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #0a747d;
}

#cotactmain input{border-radius:8px;
	padding-left:1%;
	height:25px;
	margin-bottom:8px;
	margin-top:0;
	box-shadow:none;
	border:solid 1px #CCC;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	font-size:16px;
	width:100%;
}
#cotactmain select{background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border-radius:8px;
	border:solid 1px #CCC;
}
#cotactmain textarea{border-radius:8px;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border:solid 1px #CCC;
}
#submit{border-radius:2px;
}

.coursehead {
	width: 80%;
	height: auto;
	margin-top: 65px;
}
#box1 {
	width: 48.5%;
	height: 235px;
	float: left;
	margin-top: 20px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */









filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
h3 {
	width: 96%;
	height: auto;
	font-size: 25px;
	color: #feba01;
	text-align: left;
	padding-left: 4%;
	position: static;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0%;
	margin-right: 0;
	margin-top: 0;
}
#box3 h3{padding-left:2%;}
.diplomaHead3{
	width: 90%;
	height: auto;
	font-size: 25px;
	color: #feba01;
	text-align: left;
	padding-left: 2.6%;
}
.bult {
	width: 5%;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-left: 4%;
}
.DIIM {
	width: auto;
	height: auto;
	float: left;
	margin-left: 4%;
	margin-top: 8px;
	font-size: 18px;
	color: #FFF;
}
.bult3{
	width: 5%;
	height: auto;
	float: left;
	margin-top: 7px;
	margin-left: 4%
}
.DIIM3{
	width: auto;
	height: auto;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	font-size: 18px;
	color: #FFF;
}
#animation { width:50%;
	height:auto;
	float:left;
	margin-left:17%;
	margin-top:10px;
	font-size:18px;
	color:#FFF;
}
#box2 a{color:#CCC;}
#box2 a:hover{color:#FFF;}
#box2 {
	width: 48.5%;
	height: 235px;
	float: right;
	margin-left: 2%;
	margin-top: 20px;
	position: static;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */











filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#box3 a{color:#CCC;}
#box3 a:hover{color:#FFF;}
#box3 {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */





filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	padding-left: 0px;
}
.singlebox1 {width:50%;
	height:auto;
	float:left;
}



.testiimage{
	width: 22%;
	height: auto;
	float: left;
	margin-left: 2.3%;
	margin-top: 20px;
	margin-bottom: 50px;
}

.testimagebox{
	width: 100%;
	height: auto;
	text-align: center;
}

.testpara{
	width: 85%;
	height: auto;
	text-align: justify;
	font-size: 15px;
	color: #494949;
	margin-left: 8%;
	margin-top: 20px;
	
}


#adsmain{
	width: 40%;
	height: auto;
	float: right;
}

#adimage{
	width: 100%;
	height: auto;
	margin-top: 15px;
}

#clientsmain{
	width: 25%;
	height: auto;
	float: right;
	margin-right: 3%;
}


.clientsimage{
	width: 100%;
	height: auto;
	margin-top: 15px;
}


#clientscomments{
	width: 100%;
	height: auto;
	color: #494949;
	font-size: 12px;
	margin-top: 10px;
}

#sendtesti{
	width: 80%;
	height: 22px;
	background-color: #754c02;
	text-align: center;
	float: right;
	font-size: 11px;
}

#browsermain {
	width: 26%;
	height: auto;
	float: left;
	margin-left: 2.3%;
	margin-top: 32px;
}
.Perfect {
	width: 100%;
	height: auto;
	font-size: 18px;
	color: #494949;
}
#browse {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #494949;
}
#browse li{padding:0; margin:0;}

#browse ul{padding:0; margin:0 0 15px 5%;
	
}

#searchEngine { widows:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:10px;
}
#fans {
	width: 25%;
	height: 200px;
	float: left;
	margin-left: 2.3%;
	margin-bottom: 35px;
	
}
h1{ margin:0;
}
#lastblack {
	width: 100%;
	height: auto;
	background-color: #000;
	padding-bottom:20px;

	
}
#addressbox {
	width: 45%;
	height: auto;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	min-height: 300px;
}
.addressheading {
	width: 95%;
	height: auto;
	font-size: 24px;
	color: #2985c4;
	padding-left: 5%;
}
.subboxs {
	width: 95%;
	height: auto;
	margin-top: 10px;
	font-size: large;
	color: #746f6f;
}
#phonenomain {
	width: 45%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	min-height: 300px;
}

#ServicesMain {
	width: 45%;
	height: auto;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	min-height: 300px;
}
#coursesmain {
	width: 45%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	min-height: 300px;
}

#testimain {
	width: 100%;
	height: auto;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url(images/scroll.jpg);
	padding-top: px;
}
#bannerbox { width:100%;
	height:auto;
	position:relative;
	
}
#bannerbox img{
	width: 25%;
}
#headbox{
	width: 100%;
	height:60px;
	background-image: url(images/oppacity.png);
	position: absolute;
	border-bottom:#C1DFFF solid 1px;
	z-index: 10;
	
}
.logoFbG {
	width: 60%;
	height:auto;
	float: left;
	opacity: 100;
	margin-top: 18px;
	margin-left: 0%;
	text-align: center;
	clear: right;
}

.FbGBOX{
	width: 10%;
	height: 50px;
	float: right;
	text-align: left;
}
#copyrigth{
	width: 100%;
	height: 20px;
	margin-top: 20px;
}





.header {
	width: 98%;
	height: 60px;
	background-color: #FFFFFF;
	margin: auto;
	padding-left: 2%;
}
.sublogo{
	width:30%;
	text-align:center;
	margin:10px auto 0 auto;
}
.nav{
	width: 100%;
	height: auto;
	border-top: #FFF solid 1px;
	background: #0f9dbe; /* Old browsers */
	background: -moz-linear-gradient(top,  #0f9dbe 0%, #3d73c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9dbe), color-stop(100%,#3d73c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0f9dbe 0%,#3d73c8 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9dbe', endColorstr='#3d73c8',GradientType=0 ); /* IE6-9 */
	margin-top: 0px;
}#hostingmain {
	width: 98%;
	height: auto;
	float: left;
	margin-left: 0%;
}
#mainhead {
	width: 100%;
	height: auto;
	margin-left: 0;
	color: #028d8e;
	font-size: 35px;
}
#choseyourplan {
	width: 80%;
	height: auto;
	margin-left: 0%;
	color: #494949;
	font-size: 25px;
	margin-top: 30px;
}
.planboxmain {
	width: 23%;
	height: auto;
	float: left;
	margin-top: 12px;
	margin-left: 0%;
	background-color: #000;
	margin-right: 2%;
}
.rateandyear { width:100%;
	height:135px;
	background-color:#beb445;
}
.startfrom {
	width: 90%;
	height: auto;
	color: #00507a;
	font-size: medium;
	margin-top: 32px;
	margin-left: 7%;
	float: left;
}
.rs {
	width: 50%;
	height: auto;
	color: #00507a;
	font-size: 27px;
	float: left;
	margin-left: 20%;
	margin-top: 3px;
}
.year { width:20%;
	height:auto;
	float:left;
	font-size:18px;
	color:#00507a;
	margin-top:21px;
}
.detailsbox { width:100%;
	height:370px;
	float:left;
}
.details { width:80%;
	height:auto;
	color:#787878;
	font-size:18px;
	float:left;
	margin-left:15%;
	margin-top:40px;
}
.buyplan {
	width: 100%;
	height:auto;
	background-color: #5c5610;
	font-size: 22px;
	color: #ffc600;
	text-align: center;
	float: left;
	margin-top: 50px;
	border-radius:5px;
}







#clientsmain1 { width:89%;
	height:auto;
	float:left;
	margin-left:5.5%;
}
#clientshead1 { width:20%;
	height:auto;
	margin-left:5.5%;
	color:#028d8e;
	font-size:48px;
	margin-top:10px;
}
.image {
	width: 20%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 43px;
}
.nav li{
	float: left;
	color: #333;
	text-align: left;
	list-style: none;
	font-size:11px;
	letter-spacing: 1px;
	width: auto;
	margin-right:1.3%;
	margin-left:1.3%;
	border:none;
}
#maineditable{ width:98%;
	height:auto;
	padding-left:2%;
}

#aboutimage{
	width: 40%;
	height: auto;
	margin-left: 4%;
	float: left;
	margin-top: 0px;
}
#aboutpagetest{
	width: 40%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 0%;
	text-align: justify;
	font-size: 15px;
	color: #414141;
}




/*services<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>
*/




#serotherbox{width:30%;
	height:auto;
	float:left;
}
.searvihead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#servmain{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-left: 0%;
}
.servisub{
	width: 100%;
	height: auto;
	font-size: 22px;
	color: #817e7e;
	margin-top: 20px;
}
#wbimgbox{width:100%;
	height:auto;
	margin-top:30px;
}
#serviPgWDmain{
	width: 60%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 25px;
}
.servipgWDhead{width:100%;
	height:auto;
	font-size:30px;
	color:#028d8e;
}
.serviWDpara{width:100%;
	height:auto;
	margin-top:18px;
	font-size:18px;
	color:#817e7e;
}

#otherservices{
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-left: 0%;
}
#serviPgIMmain{
	width: 60%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 45px;
}
#IMimgbox{width:100%;
	height:auto;
	margin-top:30px;
}

#serviPgSEOmain{
	width: 60%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 45px;
}
#SEOimgbox{width:100%;
	height:auto;
	margin-top:30px;
}



/*services end>>>>>>>>>><<<<<<<<<<<<<<<<<<
*/



/*courses <<<<<<<<>>>>>>>>>>>>	
*/


#OurCoursesMain{
	width: 33%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}
#ourcoursesHead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#firstMainCourse{
	width: 97%;
	height: 36px;
	font-size: 20px;
	color: #028d8e;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding-left: 3%;
	padding-top: 4px;
	background-repeat: no-repeat;
	border-radius: 8px 0px 0px 8px;
}

.ourCoursub{
	width: 100%;
	height: auto;
	font-size: 18px;
	color: #817e7e;
	margin-top: 17px;
}
#CoursePage{
	width: 50%;
	height: auto;
	margin-top: 8px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: justify;
	margin-left: 1%;
	background-color: #006091;
	float: left;

}
#DIIMimg{
	width: 55%;
	height: auto;
	float: left;
	margin-top: 78px;
	margin-left: 1%;
}
#IncludingSoftware{
	width: 100%;
	height: auto;
	float: right;
}
.Softwarebox{
	width: auto;
	height: auto;
	margin-right: 2%;
	float: left;
	font-size: 20px;
	color: #0099FF;
	margin-bottom: 5px;
}
#durationboxMain{
	width: 100%;
	height: auto;
	float: right;
	margin-top: 40px;
}
.durationbox{
	width: auto;
	height: auto;
	float: left;
	margin-right: 2%;
	border-radius: 6px;
	background-color: #0099FF;
	font-size: 25px;
	padding-left: 2%;
	padding-right: 2%;
	color: #FFFFFF;
}

/*courses end<<<<<<<<>>>>>>>>>>>>	
*/




/*studentworks>>>>>>>>>>>>>>>>>>>*/


#coursepagefbmain{
	width: 30%;
	height: 400px;
	background-color: #999;
	position: absolute;
	margin-left: 100%;
	margin-top: 250px;

}
#mainphotosbox{
	width: 76%;
	height: 1500px;
	float: left;
	position: relative;
}
#studentWorksHead{
	width: 45%;
	height: auto;
	font-size: 35px;
	color: #028d8e;
	position: absolute;
	margin-top: 30px;
	margin-left: 6%;
}
#kunfu{
	width: 20%;
	height: auto;
	margin-left: 50%;
	margin-top: 50px;
	position: absolute;
}
#DigiPaintingimgbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 9%;
	margin-top: 240px;
	position: absolute;
	background:url(student-works/images/thumb-digital-painting.jpg) no-repeat;
}
#DgiIllustrationimgbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 38%;
	margin-top: 130px;
	position: absolute;
	background:url(student-works/images/thumb-digital-illustration.jpg) no-repeat;

}

#LogoDesigningimg{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 70%;
	margin-top: 260px;
	position: absolute;
	background:url(student-works/images/thumb-logo-designing.jpg) no-repeat;
}
#Brochuresimg{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 530px;
	position: absolute;
	background:url(student-works/images/thumb-brochures.jpg) no-repeat;
}
#tomjery{
	width: 30%;
	height: auto;
	position: absolute;
	margin-left: 15%;
	margin-top: 355px;
}
#Advimgbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 44%;
	margin-top: 500px;
	position: absolute;
	background: url(student-works/images/thumb-advertisement.jpg) no-repeat;
}
#Anim2dImgbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 72%;
	margin-top: 620px;
	position: absolute;
	background: url(student-works/images/thumb-2d-animation.jpg) no-repeat;
}
#ironmanimg{
	width: 20%;
	height: auto;
	position: absolute;
	margin-left: 72%;
	margin-top: 510px;
}
#Postersimgbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 10%;
	margin-top: 800px;
	position: absolute;
	background:url(student-works/images/thumb-posters.jpg) no-repeat;
}
#monkeyimg{
	width: 11%;
	height: auto;
	position: absolute;
	margin-left: 13%;
	margin-top: 660px;
}
#weblayoutbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 40%;
	margin-top: 810px;
	position: absolute;
	background: url(student-works/images/thumb-web-designing.jpg) no-repeat;
}
#pensilimg{
	width: 15%;
	height: auto;
	position: absolute;
	margin-left: 43%;
	margin-top: 700px;
}
#cardbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 1200px;
	position: absolute;
	background:url(student-works/images/thumb-cards.jpg) no-repeat;
}
#rocketimg{
	width: 20%;
	height: auto;
	margin-left: 4%;
	margin-top: 1050px;
	position: absolute;
}
#dogbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 40%;
	margin-top: 1050px;
	position: absolute;
	background:url(student-works/images/thumb-danglers.jpg) no-repeat;
}
#dogimg{
	width: 20%;
	height: auto;
	margin-left: 40%;
	margin-top: 960px;
	position: absolute;
}
#girlbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 70%;
	margin-top: 1170px;
	position: absolute;
	background:url(student-works/images/thumb-business-cards.jpg) no-repeat;
}
#girlimg{
	width: 12%;
	height: auto;
	margin-left: 72%;
	margin-top: 950px;
	position: absolute;
}
#superbox{
	width: 20%;
	height: 130px;
	background-color: #03F;
	margin-left: 104%;
	margin-top: 1330px;
	position: absolute;
	background:url(student-works/images/thumb-garment-designing.jpg) no-repeat;
}
#superimg{
	width: 27%;
	height: auto;
	margin-left: 100.4%;
	margin-top: 1215px;
	position: absolute;
}
#spiderimg{
	width: 30%;
	height: auto;
	margin-left: 100%;
	margin-top: 615px;
	position: absolute;
}
.wrk {
	width: 100%;
	height: 20px;
	margin-left: 0;
}
#call {
	width: 50%;
	height: 20px;
	float: right;
	color: #FFFFFF;
	margin-top: 7px;
	font-weight: bold;
	margin-left: -10%;
	font-size: 12px;
	text-align: right;
	background-position: left top;
	background-repeat: no-repeat;
	clear: right;
}
#call img{
		
	width: 10%;
	}
.ba{
	position: relative;
	margin-top: 0;
	top: 0px;
	height: 1px;
}
.crr {
	width: 45%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	float: left;
	color: #666666;
}
.ctt {
	width: 90%;
	padding-right: 2.5%;

}

#wrkmenu{
	width: 25%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}

#wrkdata{
	width: 65%;
	height: auto;
	float: left;
	margin-top: 85px;
	font-size: 17px;
	color: #666;
	text-align: justify;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
	background-position: right;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0px;
}

#wrkmain{
	width: 97%;
	height: 36px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 0px;
	background-color: #00ccca;
	padding-left: 3%;
	padding-top: 4px;
	background-image: url(images/wrk-gradient.jpg);
	background-repeat: no-repeat;
	border-radius: 8px 8px 8px 8px;
}
.workimg {
	width: 23%;
	padding-left: 2%;
	padding-right: 2%;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 4%;
	text-align: center;
}
.workimg img{width:100%;
}

#wrkhdng{
	font-size: 22px;
	width: 97%;
	height: 55px;
	margin-left: 0;
	color: #028d8e;
	margin-top: 10px;
}

.wrksub{
	width: 92%;
	height: 40px;
	font-size: 18px;
	color: #817e7e;
	margin-top: 20px;
	padding-left: 3%;
	border-bottom: dotted #333 1px;
}
.vacwidebx{width:70%;
	height:auto;
	float:left;
	margin-right:3%;
	color:#999;
	font-size:large;
	margin-top: 20px;
	padding-left: 2.5%;
}
.vacform{width:25%;
	height:auto;
	float:left;
	color:#999;
	
}
.jd{font-weight:bold;
	font-size:18px;
	color:#069;
}
h4{
	font-size: 18px;
	color: #F90;
	font-family: 'FuturaBkBTBook';
}

.vacnum{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: #FC0;
	padding: 5px;
	margin-right: 10px;
	background-color: #069;
}
.smalcourse {
	width: 47%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 1.5%;
	min-height: 200px;
	margin-right: 1.%;
	margin-right: 1.5%;
}
.studentcontainer {
	position: relative;
	width: 21%;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 4%;
	text-align: center;
	font-size: 12.5px;
}
.studentcontainertext {
	font-size: 10px;
}

.studentimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studentoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studentcontainer:hover .studentoverlay {
  opacity: 1;
}

.studenttext {
	color: white;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.studcontainer{
	position: relative;
	width: 20%;
	float: left;
	margin-top: 15px;
	margin-left: 3.5%;
	text-align: center;
}
.studname {
	margin-top: -20px;
	font-size: 11.5px
}
.studcontainertext {
	font-size: 10px;
}
.studimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studcontainer:hover .studoverlay {
	opacity: 1;
}

.studtext {
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.homestudmoremain {
	width: 100%;
	text-align: right;
}
.homestudmore {
	width: 5%;
	margin-left: 88%;
	
}
.homestudmore a{
	color: #03F;
	font-size: 14px;
}

.wrkthmb{
	width: 45%;
	padding:0px;
	float: left;
	min-height: 200px;
	margin: 20px 2%;
	
}

.regdtls {
	float: left;
	width: 42%;
	margin-right: 2%;
	margin-left: 2%;
	padding-right: 2%;
	padding-left: 2%;
}
.regdtls2 {
	float: left;
	width: 90%;
	margin-right: 2%;
	margin-left: 2%;
	padding-right: 2%;
	padding-left: 2%;
}

.wrkthmb img{border:8px solid #CCC;
}

.hedngs {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: 1.5%;
}
.g-plusone {
	font-size: 8px;
}
.caption{
	width: auto;
	font-size 8px;
	color: #FFF;
	letter-spacing: 4px;
	line-height: normal;
	text-align: center;
}
#why-nich{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	}
.why-nichbx{
		
	width: 20%;
	height:auto;
	
	}

#telegrambanner img{
		max-width: 100%!important;
	
	}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 1232px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
	#ham{
	width: 100%;
	height: auto;
	display: none;
}
#logo-nich{
	width: 18%;
	height: auto;
	margin-left:0px;
	margin-right:0px;
	margin-top: 5px;
}
	#hide{
		display: block;
	}
	#photoshop-tut-bx1{
		
		width: 48%;
		height: auto;
		float: left;
		margin-top: 100px;
	}
	#photoshop-tut-bx2{
		
		width: 35%;
		height: auto;
		float: left;
		margin-left:10%;
		margin-top: 100px;
	}
#slider1_container{
	position: relative;
	margin: 0 auto;
	left: 0px;
	width: 1300px;
	height: 400px;
	overflow: hidden;
	top: 0px;
}

.mainwhitebox{
	width: 100%;
	height: auto;
	background-color: #FFF;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
}
#firstheadsmain {
	width: 25%;
	height: auto;
	float: left;
	margin-top: 40px;
	margin-left: 1.5%;
}
#professional {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #2985c4;
	font-weight: normal;
}
#homeabout {
	width: 100%;
	height: auto;
	margin-top: 15px;
	text-align: justify;
	font-size: 15px;
	color: #414141;

}
#studentsworkmain {
	width: 24%;
	height: auto;
	float: left;
	margin-top: 40px;
	margin-left: 3%;
}
h2 {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #2985c4;
	margin: 0;
	font-weight: normal;
	text-align: left;
}
h2 a{color:#039;
	text-decoration:line-through;
}


#workimg {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
#cotactmain {
	width: 18%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 40px;
}


#news{
	width: 45%;
	height: auto;
	float: left;
	margin-top: 40px;
	margin-left: 3%;
}
#contactas {
	width: 100%;
	height: auto;
	font-size: 30px;
	color: #0a747d;
}

.coursehead {
	width: 90%;
	height: auto;
	margin-top: 56px;
	margin-left: 1.5%;
}
#box1 {
	width: 25%;
	height: 250px;
	float: left;
	margin-top: 20px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */




filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#box1 a{
	color: #CCC;
}
#box1 a:hover{color:#FFF;
}
h3 {
	width: 92%;
	height: auto;
	font-size: 30px;
	color: #35a3ee;
	text-align: left;
	padding-left: 5%;
	position: static;
	margin: 0;
	font-weight: normal;
}
#box3 h3{
	padding-left: 4%;
}

.diplomaHead3{
	width: 92%;
	height: auto;
	font-size: 30px;
	color: #35a3ee;
	text-align: left;
	padding-left: 4%;
}
.bult {
	width: 6%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 6%;
}
.bult3{
	width: 9%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 5%
}
.DIIM3{
	width: auto;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 8px;
	font-size: 18px;
	color: #FFF;
}
.DIIM {
	width: 87%;
	height: auto;
	float: left;
	margin-left: 1%;
	margin-top: 8px;
	font-size: 18px;
	color: #FFF;
}
#animation { width:50%;
	height:auto;
	float:left;
	margin-left:17%;
	margin-top:10px;
	font-size:18px;
	color:#FFF;
}
#box2 {
	width: 25%;
	height: 250px;
	float: left;
	margin-left: 3%;
	margin-top: 20px;
	position: static;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */










filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#box2 a{
	color: #CCC;
}
#box2 a:hover{color:#FFF;
}
#box3 {
	width: 44%;
	height: 255px;
	float: left;
	margin-left: 3%;
	margin-top: 17px;
	background: #1c1d1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1c), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1d1c 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1d1c 0%,#000 100%); /* W3C */
















filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1c', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#box3 a{
	color: #CCC;
}
#box3 a:hover{
	color: #FFF;
}
.singlebox1 {
	width: 48%;
	height: auto;
	float: left;
	margin-left: 2%;
}



.testiimage{
	width: 22%;
	height: auto;
	float: left;
	margin-left: 2.3%;
	margin-top: 20px;
	margin-bottom: 50px;
}

.testimagebox{
	width: 100%;
	height: auto;
	text-align: center;
}

.testpara{
	width: 85%;
	height: auto;
	text-align: justify;
	font-size: 18px;
	color: #FFFFFF;
	margin-left: 8%;
	margin-top: 20px;
	font-family:Futura;
	font-style: italic;
	
}


#adsmain{
	width: 35%;
	height: auto;
	float: right;
	margin-right: 0%;
	margin-top: 30px;
}

#adimage{
	width: 100%;
	height: auto;
	margin-top: 15px;
}

#clientsmain{
	width: 25%;
	height: auto;
	float: right;
	margin-right: 5%;
}


.clientsimage{
	width: 100%;
	height: auto;
	margin-top: 15px;
}


#clientscomments{width:100%;
	height:auto;
	color:#494949;
	font-size:14px;
	margin-top:40px;
}

#sendtesti{
	width: 80%;
	height: 21px;
	background-color: #754c02;
	border-radius: 5px;
	margin-top: 20px;
	text-align: center;
	float: right;
	color: #FFF;
	padding-top: 4px;
	font-size: 14px;
}


#browsermain { width:26%;
	height: auto;
	float:left;
	margin-left:2.3%;
	margin-top:22px;
}
.Perfect { width:100%;
	height:auto;
	font-size:23px;
	color:#494949;
}
#browse {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #494949;
}
#searchEngine { widows:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:10px;
}
#fans {
	width: 25%;
	height: 290px;
	float: left;
	margin-left: 2.3%;
	margin-bottom: 50px;
}
h1{
	margin: 0;
	display: block;
}
#lastblack {
	width: 100%;
	height: auto;
	background-color: #000;
	padding-bottom:20px;
	
}
#addressbox {
	width: 22%;
	height: auto;
	float: left;
	margin-left: 2.3%;
	margin-top: 10px;
	min-height: 350px;
}
.addressheading {
	width: 95%;
	height: auto;
	font-size: 24px;
	color: #2985c4;
	padding-left: 5%;
}
.subboxs { width:80%;
	height:auto;
	margin-top:10px;
	font-size:14px;
	color:#746f6f;
}
#phonenomain {
	width: 18%;
	height: auto;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	min-height: 350px;
}
#ServicesMain {
	width: 18%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	min-height: 350px;
}
#ServicesMain a{
		color: #666;
	}
	
	
#coursesmain {
	width: 18%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	min-height: 350px;
}
#coursesmain a{
	color: #666!important;
		
	}
	
	

#testimain {
	width: 100%;
	height: auto;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url(images/scroll.jpg);
	padding-top: 0px;
	margin-top: 27px;

}
#bannerbox { width:100%;
	height:auto;
	position:relative;
	
}
#bannerbox img{width:100%;
}
#headbox{
	width: 100%;
	border-bottom:#C1DFFF solid 1px;
	height: 80px;
	background-image: url(images/oppacity.png);
	position: absolute;
	z-index: 10;
}
.logoFbG {
	width: 18%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 1%;
	margin-bottom: 10px;
	text-align: center;
}
.FbGBOX{
	width: 22%;
	height: 54px;
	float: right;
	text-align: left;
}
#copyrigth{
	width: 100%;
	height: 25px;
	margin-top: 20px;
	text-align: center;
	padding-top: 5px;
}









.header {
	width: 98%;
	height: 60px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-left: 2%;
}
.sublogo{
	width:20%;
	text-align:;
	margin:0;
}
.nav {
	width: 100%;
	height: auto;
	position: static;
	top: 0;
	border-top: #FFF solid 1px;
	background: #0f9dbe; /* Old browsers */
	background: -moz-linear-gradient(top,  #0f9dbe 0%, #3d73c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9dbe), color-stop(100%,#3d73c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0f9dbe 0%,#3d73c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0f9dbe 0%,#3d73c8 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9dbe', endColorstr='#3d73c8',GradientType=0 ); /* IE6-9 */
	margin-top: 0px;
}
#hostingmain {
	width: 100%;
	height: auto;
	margin-left: 0%;
}
#mainhead{
	width: 97%;
	height: 55px;
	margin-left: 0;
	color: #028d8e;
	font-size: 35px;
	
}
#choseyourplan {
	width: 80%;
	height: auto;
	margin-left: 0%;
	color: #494949;
	font-size: 30px;
	margin-top: 30px;
}
.planboxmain {
	width: 23%;
	height: auto;
	float: left;
	margin-top: 12px;
	margin-left: 0%;
	background-color: #000;
	margin-right: 2%;
}
.rateandyear { width:100%;
	height:135px;
	background-color:#beb445;
}
.startfrom {
	width: 80%;
	height: auto;
	color: #00507a;
	font-size: 18px;
	margin-top: 32px;
	margin-left: 8%;
	float: left;
}
.rs { width:50%;
	height:auto;
	color:#00507a;
	font-size:36px;
	float:left;
	margin-left:20%;
	margin-top:3px;
}
.year { width:20%;
	height:auto;
	float:left;
	font-size:18px;
	color:#00507a;
	margin-top:21px;
}
.detailsbox { width:100%;
	height:370px;
	background-color:#eeeeee;
}
.details {
	width: 80%;
	height: auto;
	color: #787878;
	font-size: 18px;
	float: left;
	margin-left: 15%;
	margin-top: 30px;
}
.buyplan { width:100%;
	height:auto;
	background-color:#5c5610;
	font-size:22px;
	color:#ffc600;
	text-align:center;
	float:left;
	margin-top:50px;
	border-radius:6px;
}







#clientsmain1 {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
}
#clientshead1 {
	width: 20%;
	height: auto;
	margin-left: 2.5%;
	color: #028d8e;
	font-size: 35px;
	margin-top: 20px;
}
.image {
	width: 20%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 0px;
	margin-bottom: 43px;
	margin-right: 5%;
}

.nav li{
	float: left;
	color: #333;
	text-align: left;
	list-style: none;
	font-size: 18px;
	letter-spacing: 1px;
	width: auto;
	margin-right:1.5%;
	margin-left:1.5%;
	border:none;
}








#aboutpagetest{
	width: 43%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 0%;
	text-align: justify;
	font-size: 18px;
	color: #414141;
}
#aboutimage{
	width: 45%;
	height: auto;
	margin-left: 2%;
	float: left;
	margin-top: 0px;
}
#maineditable{ width:97%;
	height:auto;
	padding-left:3%;
}







/*services>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<
*/


.searvihead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#serotherbox{width:30%;
	height:auto;
	float:left;
}
#servmain{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-left: 0%;
}
.servisub{
	width: 100%;
	height: auto;
	font-size: 22px;
	color: #817e7e;
	margin-top: 20px;
}
#wbimgbox{width:100%;
	height:auto;
	margin-top:30px;
}
#serviPgWDmain{
	width: 60%;
	height: auto;
	float: right;
	margin-left: 0%;
	margin-top: 25px;
	margin-right: 5%;
}
.servipgWDhead{width:100%;
	height:auto;
	font-size:30px;
	color:#028d8e;
}
.serviWDpara{width:100%;
	height:auto;
	margin-top:18px;
	font-size:18px;
	color:#817e7e;
}

#otherservices{
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-left: 0%;
}
#serviPgIMmain{
	width: 60%;
	height: auto;
	float: right;
	margin-left: 0%;
	margin-top: 45px;
	margin-right: 5%;
}
#IMimgbox{width:100%;
	height:auto;
	margin-top:30px;
}

#serviPgSEOmain{
	width: 60%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-top: 45px;
}
#SEOimgbox{width:100%;
	height:auto;
	margin-top:30px;
}

/*services end<<<<<<<<>>>>>>>>>>>>	
*/



	



/*courses<<<<<<<<>>>>>>>>>>>>	
*/
#OurCoursesMain{
	width: 30%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 0%;
}
#OurCoursesMain h1{padding-left:3%;
}
#ourcoursesHead{width:100%;
	height:auto;
	font-size:35px;
	color:#028d8e;
}
#firstMainCourse{
	width: 97%;
	height: 36px;
	font-size: 20px;
	color: #028d8e;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding-left: 3%;
	padding-top: 4px;
	background-repeat: no-repeat;
	border-radius: 8px 0px 0px 8px;
}

.ourCoursub{
	width: 97%;
	height: 52px;
	font-size: 18px;
	color: #817e7e;
	margin-top: 20px;
	padding-left: 3%;
	border-bottom: dotted #333 1px;
}
#CoursePage{
	width: 61%;
	height: auto;
	margin-left: 1%;
	margin-top: 10px;
	font-size: 15px;
	color: #746f6f;
	text-align: justify;
	background-color: #FFFFFF;
	padding: 9px 2% 0px 2%;
	background-repeat: no-repeat;
}
#crse{width:100%;
	height:auto;
	position:relative;
}
#arrow{
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 80px;
	margin-left: -25px;
}
#DIIMimg{
	width: 61%;
	height: auto;
	margin-top: 141px;
	margin-left: 3%;
	margin-right: 4%;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
}

#IncludingSoftware{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
}
.Softwarebox{
	width: auto;
	height: auto;
	margin-right: 2%;
	float: left;
	font-size: 20px;
	color: #0099FF;
	margin-bottom: 5px;
}
#durationboxMain{
	width: 97%;
	height: auto;
	float: right;
	margin-top: 40px;
	clear: both;
}
.durationbox{
	width: auto;
	height: auto;
	float: left;
	margin-right: 2%;
	border-radius: 6px;
	background-color: #0099FF;
	font-size: 20px;
	padding-left: 2%;
	padding-right: 2%;
	color: #FFFFFF;
}
/*courses end<<<<<<<<>>>>>>>>>>>>	
*/


/*student works>>>>>><>>>>>>>>>
*/

#coursepagefbmain{
	width: 30%;
	height: 400px;
	position: absolute;
	margin-left: 100%;
	margin-top: 250px;
	background-color: #000000;
}
#mainphotosbox{
	width: 76%;
	height: 1750px;
	float: left;
	position: relative;
}
#studentWorksHead{
	width: 30%;
	height: auto;
	font-size: 35px;
	color: #028d8e;
	position: absolute;
	margin-top: 30px;
	margin-left: 6%;
}
#kunfu{
	width: 20%;
	height: auto;
	margin-left: 50%;
	margin-top: 40px;
	position: absolute;
}
#DigiPaintingimgbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 9%;
	margin-top: 240px;
	position: absolute;
	background:url(student-works/images/thumb-digital-painting.jpg) no-repeat;
}
#DgiIllustrationimgbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 38%;
	margin-top: 130px;
	position: absolute;
	background:url(student-works/images/thumb-digital-illustration.jpg) no-repeat;
}

#LogoDesigningimg{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 70%;
	margin-top: 260px;
	position: absolute;
	background:url(student-works/images/thumb-logo-designing.jpg) no-repeat;

}
#Brochuresimg{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 600px;
	position: absolute;
	background:url(student-works/images/thumb-brochures.jpg) no-repeat;
}
#tomjery{
	width: 32%;
	height: auto;
	position: absolute;
	margin-left: 15%;
	margin-top: 355px;
}
#Advimgbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 44%;
	margin-top: 550px;
	position: absolute;
	background: url(student-works/images/thumb-advertisement.jpg) no-repeat;
}
#Anim2dImgbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 75%;
	margin-top: 700px;
	position: absolute;
	background: url(student-works/images/thumb-2d-animation.jpg) no-repeat;
}
#ironmanimg{
	width: 23%;
	height: auto;
	position: absolute;
	margin-left: 72%;
	margin-top: 495px;
}
#Postersimgbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 10%;
	margin-top: 915px;
	position: absolute;
	background:url(student-works/images/thumb-posters.jpg) no-repeat;
}
#monkeyimg{width: 11%;
	height: auto;
	position: absolute;
	margin-left:13%;
	margin-top: 758px;
}
#weblayoutbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 40%;
	margin-top: 980px;
	position: absolute;
	background: url(student-works/images/thumb-web-designing.jpg) no-repeat;

}
#pensilimg{
	width: 15%;
	height: auto;
	position: absolute;
	margin-left: 43%;
	margin-top: 835px;
}
#cardbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 4%;
	margin-top: 1400px;
	position: absolute;
	background:url(student-works/images/thumb-cards.jpg) no-repeat;
}
#rocketimg{
	width: 20%;
	height: auto;
	margin-left: 4%;
	margin-top: 1160px;
	position: absolute;
}
#dogbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 40%;
	margin-top: 1350px;
	position: absolute;
	background:url(student-works/images/thumb-danglers.jpg) no-repeat;
}
#dogimg{
	width: 20%;
	height: auto;
	margin-left: 40%;
	margin-top: 1225px;
	position: absolute;
}
#girlbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 78%;
	margin-top: 1255px;
	position: absolute;
	background:url(student-works/images/thumb-business-cards.jpg) no-repeat;

}
#girlimg{
	width: 12%;
	height: auto;
	margin-left: 80%;
	margin-top: 1033px;
	position: absolute;
}
#superbox{
	width: 20%;
	height: 160px;
	background-color: #03F;
	margin-left: 103.6%;
	margin-top: 1580px;
	position: absolute;
	background:url(student-works/images/thumb-garment-designing.jpg) no-repeat;

}
#superimg{
	width: 27%;
	height: auto;
	margin-left: 100.4%;
	margin-top: 1400px;
	position: absolute;
}
#spiderimg{
	width: 30%;
	height: auto;
	margin-left: 100%;
	margin-top: 650px;
	position: absolute;
}
.wrk {
	width: 100%;
	height: auto;
	position: static;
	margin-top: 100px;
	padding-left: 4%;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, .5);
	margin-left: 0;
}
#call {
	width: 43%;
	height: 10px;
	float: right;
	font-size: large;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
	clear: right;
}
.ba{
	position: relative;
	margin-top: 0;
	top: 0px;
	height: 1px;
}
.crr {
	width: 45%;
	padding-right: 2.5%;
	padding-left: 2.5%;
	float: left;
	color: #666666;
}
.ctt {
	width: 90%;
	padding-right: 2.5%;

}

#wrkmenu{
	width: 20%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}

#wrkdata{
	width: 70%;
	height: auto;
	float: left;
	margin-top: 85px;
	font-size: 17px;
	color: #666;
	text-align: justify;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
	background-position: right;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0px;
}

#wrkmain{
	width: 90%;
	height: 36px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 0px;
	background-color: #00ccca;
	padding-left: 3%;
	padding-top: 4px;
	background-image: url(images/wrk-gradient.jpg);
	background-repeat: no-repeat;
	border-radius: 8px 8px 8px 8px;
}
.workimg {
	width: 25%;
	padding-left: 2%;
	padding-right: 2%;
	background-color: #FFF;
	padding-top: 13px;
	padding-bottom: 10px;
	float: left;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 2%;
	text-align: center;
	color: #666;
}
.workimg img{width:100%;
}

#wrkhdng{font-size:25px;
	width: 97%;
	height: 55px;
	margin-left: 0;
	color: #028d8e;
	margin-top: 10px;
}
.wrksub{
	width: 92%;
	height: 40px;
	font-size: 18px;
	color: #817e7e;
	margin-top: 20px;
	padding-left: 3%;
	border-bottom: dotted #333 1px;
}
.vacwidebx{width:70%;
	height:auto;
	float:left;
	margin-right:3%;
	margin-top: 80px;
	color:#999;
	font-size:large;
}
.vacform{width:25%;
	height:auto;
	float:left;
	color:#999;
	
}
.jd{font-weight:bold;
	font-size:18px;
	color:#069;
}

h4{
	font-size: 18px;
	color: #F90;
	font-family: 'FuturaBkBTBook';
}
.vacnum{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: #FC0;
	padding: 5px;
	margin-right: 10px;
	background-color: #069;
}
.regdtls {
	float: left;
	width: 27%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2%;
	padding-left: 2%;
}
.regdtls2 {
	float: left;
	width: 20%;
	margin-right: 2%;
	margin-left: 2%;
	padding-right: 2%;
	padding-left: 2%;
}
.smalcourse {
	width: 30%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 1.5%;
	min-height: 200px;
	margin-right: 1.%;
	margin-right: 1.5%;
}
.studentcontainer {
	position: relative;
	width: 16.5%;
	float: left;
	margin-top: 5px;
	margin-left: 2.5%;
	text-align: center;
}

.studentimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studentoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studentcontainer:hover .studentoverlay {
  opacity: 1;
}

.studenttext {
	color: white;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.studcontainer{
	position: relative;
	width: 12%;
	float: left;
	margin-top: 15px;
	margin-left: 3.5%;
	text-align: center;
}
.studname {
	margin-top: -20px;
	font-size: 12.5px
}
.studcontainertext {
	font-size: 11.5px;
}
.studimage {
  display: block;
  width: 100%;
  height: auto;
  
}

.studoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.studcontainer:hover .studoverlay {
	opacity: 1;
}

.studtext {
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.homestudmoremain {
	width: 100%;
	text-align: right;
}
.homestudmore {
	width: 5%;
	margin-left: 88%;
	
}
.homestudmore a{
	color: #03F;
	font-size: 14px;
}
.wrkthmb {
	width: 29%;
	padding:0px;
	float: left;
	margin-left: 1.5%;
	min-height: 200px;
	margin: 20px 2%;
	
}
.wrkthmb img{border:8px solid #CCC;
}
.hedngs {
	width: 97%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	float: none;
	clear: both;
	margin-right: auto;
}

#onreg{
	width:100%;
	height:auto;
	padding:20px 0;
}



.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}


.mpchead{
	height:80px;
	background:#06F;
	color:#FFF;
	font-size:38px;
	padding-top:20px;
	font-family: 'FuturaBkBTBook';
	text-align:center;
}

.mpcname{
	height: auto;
	background: #53A9FF;
	padding-top: 10px;
	color: #FFF;
	font-size: 18px;
	font-family: 'FuturaBkBTBook';
	text-align: center;
}

.mpcname2{
	height: auto;
	background:#89B9F3;
	padding-top: 10px;
	color: #FFF;
	margin-top:5px;
	font-size: 18px;
	font-family: 'FuturaBkBTBook';
	text-align: center;
}


h2 a, h2 a:visited{color:#2985c4;
	text-decoration:none;
	
}

#cotactmain input{border-radius:8px;
	padding-left:1%;
	height:25px;
	margin-bottom:8px;
	margin-top:0;
	box-shadow:none;
	border:solid 1px #CCC;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	font-size:16px;
	width:100%;
}
#cotactmain select{background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border-radius:8px;
	border:solid 1px #CCC;
}
#cotactmain textarea{border-radius:8px;
	background:#8DC6FE;
	color:#FFF;
	font-family:futura;
	margin-bottom:3px;
	font-size:16px;
	width:100%;
	border:solid 1px #CCC;
}
#submit{border-radius:2px;
}

.wrtr{
	font-size: 16px;
	font-style: normal;
	color: #015689;
	display: block;
	width: 100px;
	height: 25px;
}

.bxshdw{
	box-shadow: 0px 1px 6px 1px #999;
	-webkit-box-shadow: 0px 1px 6px 1px #999;
}

.bxshdw a{display:block;
	height:100%;
	width:100%;
}
#call img{max-width:none; width:auto;}

.ourCoursub a:hover{color:#06C;}

/*popup alert*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}
#boxes i{
	float:right;
	color:#666;
	 font-size:50px;
	
}
.hidebox{
	display:none;
	}
.form-dp{
	width: 25%;
	height: auto;
	float: left;
	padding: 30px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	margin-top: 200px;
	margin-left: 40%;
	
	
	}
#wrap-form-dp{
	width: 100%;
	height: 100vh;
	margin-top: 10px;
	background-image: url(image/club.jpg);
	background-repeat: no-repeat;
	background-size: cover;
		
	}
	#countdown ul li{
	display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
  color: #077eed;
}
#countdown ul li span {
  display: block;
  font-size: 3rem;
}
	#headline{
	font-size: 35px;
}
/*	new------------*/
#why-nich{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	}
.why-nichbx{
		
	width: 14%;
	margin-left: 3%;
	margin-right: 3%;
	height:auto;
	
	}
	.why-nichbx h4{
		text-align: center;
		color:#626262;
	}
#supporting-banner{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	}
.supporting-bx{
	
	width: 15%;
	height: auto;
	margin-left: 2%;
	margin-right: 2%;

	
	}
.supporting-bx h4{
		text-align: center;
	color:#646363
	}
.supporting-bx p{
	text-align: center;	
	color:#646363
	}
	
#video-wrk{
		
	width: 100%;
	height: auto;
	display: flex;
	justify-content:space-between;
	flex-direction: row;
	flex-wrap: wrap;
	}
.video-wrkbx{
		
	width: auto;
	height:auto;
	
	}
#more-class{
	
	width: 100%;
	height: auto;
	margin-top: 50px;
		
	}
.classimg{
		
	width: 45%;
	height: auto;
	float: left;
	}
.classcont{
		
	width: 45%;
	height: 270px;
	padding-left: 5%;
	padding-top: 80px;
	float: left;
	margin-top:0px;
	}
.classcont a:hover{
		text-decoration: none;
	}
#telegrambanner{
		
	width: 100%;
	height: auto;
	}
#telegrambanner img{
	width: 100%!important;
	
	}
.more-tele-class{
		
	width: 100%;
	height: auto;
	margin-top: 100px;

	}
	.more-tele-class ul{
		list-style: none;
	}
	.more-tele-class ul li{
		display: inline-block;
		background-color: #076bc9;
		font-family: 'FuturaBkBTBook'!important;
		padding: 8px;
		border-radius: 5px;
		font-size: 18px;
		color: #fff;
		margin: 8px;
	}
	.class-disc{
		width: 100%;
		margin-left: 0px;
		font-size: 20px;
		font-family: 'fml-indulekhabold';
		text-align: center;
		padding: 0px;
	}
	.on-telegram{
		font-family: 'FuturaBkBTBook'!important;
		font-size: 35px; 
		padding:15px 30px!important;
		border-radius: 20px!important;
	}
	
}