@font-face{
	font-family:'Open Sans';
	src:url(../font/OpenSans-Regular_0.ttf);
src:url(../font/OpenSans-Regular_0.eot);
src:url(../font/OpenSans-Regular_0.woff);
font-weight:400;font-style:normal}


ul, li { list-style:none; padding:0;}

.hometiles_wrapper { width:650px; margin:0; clear:both;}

.hometiles_wrapper li { float:left; width:212px; margin-left:5px;}

.hometiles_wrapper li:first-child { margin-left:0;}
.hometiles_wrapper li .title { color:#373737; font:16px/20px open sans, arial; text-align:center; text-transform:uppercase;}

.head_govt { color:#615b57; font:17px/22px open sans, arial; text-align:center; border-bottom:solid 3px #91a5c5; position:relative; width:55%; margin:0 auto 12px auto}
.head_govt:after {border-color: #91a5c5 transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px;}

.head_otherexam { color:#615b57; font:17px/22px open sans, arial; text-align:center; border-bottom:solid 3px #b7a9cf; position:relative; width:55%; margin:0 auto 12px auto}
.head_otherexam:after {border-color: #b7a9cf transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px;}

.head_resources { color:#615b57; font:17px/22px open sans, arial; text-align:center; border-bottom:solid 3px #bc8ca1; position:relative; width:55%; margin:0 auto 12px auto}
.head_resources:after {border-color: #bc8ca1 transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px;}


.tiles_circle { width:67px; height:67px; border-radius:50% !important; background:url(../images/home_icons.png) no-repeat #333; margin:7px auto;}

.circle_banking { background-color:#8da1c2; background-position:12px 16px;}
.circle_ias { background-color:#6dac94; background-position:21px -69px;}
.circle_ssc { background-color:#9a864e; background-position:15px -158px;}

.circle_mba { background-color:#9a88b7; background-position:-108px 15px;}
.circle_eng { background-color:#697d55; background-position:-115px -67px;}
.circle_cbse { background-color:#598c96; background-position:-110px -158px;}

.circle_ca { background-color:#9a657d; background-position:-236px 15px;}
.circle_gk { background-color:#af7261; background-position:-238px -69px;}
.circle_sarkari { background-color:#9f5982; background-position:-245px -243px;}

.box_banking { background-color:#f2f2f2;} .box_banking .mask{ background-color:rgba(141, 161, 194, 0.9); border:solid 5px #a4b5d1;}
.box_ias { background-color:#f2f2f2;} .box_ias .mask{ background-color:rgba(109, 172, 148, 0.9); border:solid 5px #91c9b4;}
.box_ssc { background-color:#f2f2f2; border:solid 8px #edebeb;} .box_ssc .mask{ background-color:rgba(154, 134, 78, 0.9); border:solid 5px #b0a177; } 

.box_mba { background-color:#f2f2f2;} .box_mba .mask{ background-color:rgba(154, 136, 183, 0.9); border:solid 5px #bcadd5;}
.box_eng { background-color:#f2f2f2;} .box_eng .mask{ background-color:rgba(105, 125, 85, 0.9); border:solid 5px #93a382;}
.box_cbse { background-color:#f2f2f2;} .box_cbse .mask{ background-color:rgba(89, 140, 150, 0.9); border:solid 5px #73a4ad;}

.box_ca { background-color:#f2f2f2;} .box_ca .mask{ background-color:rgba(154, 101, 125, 0.9); border:solid 5px #b68d9f;}
.box_gk { background-color:#f2f2f2;} .box_gk .mask{ background-color:rgba(175, 114, 97, 0.9); border:solid 5px #c1978b;} .box_gk .mask li { font- size:100%;}
.box_sarkari { background-color:#f2f2f2;} .box_sarkari .mask{ background-color:rgba(159, 89, 130, 0.9); border:solid 5px #bf81a5;}

.mask { padding:0 15px 5px;}

.mask li { background:url(../images/arr_home.png) no-repeat 3px center; padding-left:14px; border-bottom: dotted 1px rgba(255, 255, 255, 0.3); color:#fff; font:15px/22px open sans, arial; margin:2px 0 !important; text-align:left; width:155px;}
.mask li.title{text-align:center; background:none; text-transform:uppercase; padding-bottom:3px;}
.mask li a { color:#fff; text-decoration:none;}
.mask li a:hover { color:#000; text-decoration:underline;}

/*** transition ***/

.view {
   width: 205px;
   height: 120px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   margin-bottom:10px;
   border:solid 8px #edebeb;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
   
}
.view .mask,.view .content {
   width: 165px;
   height: 105px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view li {
   /*text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;*/
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



.view-first .tiles_circle, .view-first .title {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(219,127,8, 0.7);*/
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first li {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover { border:0; padding:8px;}
.view-first:hover .tiles_circle, .view-first .title {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover li,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.btm_tiles_wrapper { width:100%; clear:both; min-height: 110px; padding-bottom: 10px;}
.btm_tiles_box { width:299px; height:96px; float:left;}
.myjosh_box { background:#f2f2f2; border:solid 8px #edebeb;}
.joshshop_box { background:#f2f2f2; border:solid 8px #edebeb; margin:0 0 0 10px;}
.snaukri_box { background:#f2f2f2; border:solid 8px #edebeb;}

.btm_tiles_box h2 { color:#333; font:28px/35px open sans, arial; margin:15px 0 5px 0; padding:0; float:none;}
.btm_tiles_box p { color:#67626f; font:13px/15px open sans, arial; padding:0; margin:0;}

.btm_tiles_circle { width:75px; height:75px; border-radius:50% !Important; background:url(../images/home_icons.png) no-repeat #333; margin:10px; float:left;}
.circle_myjosh { background-color:#a6a6a6; background-position:14px -242px;}
.circle_joshshop { background-color:#a6a6a6; background-position:-109px -242px;}
.circle_snaukri { background-color:#a6a6a6; background-position:-240px -240px;}


.tiles_head_wrapper { width:100%; border-bottom:solid 1px #c8c8c8; margin:5px 0 25px 0;}
.tiles_head { font:24px/30px open sans, arial; background:#fff; display:inline-block; text-align:center; margin:0 auto -15px 25%; color:#3d3f3e; padding:0 5px}
.tiles_head span { color:#864d82;}

.tiles_slide {position:relative; width:100%;}
.bx-wrapper .bx-viewport { border:0 !important;}
.hometiles_wrapper .bx-controls-direction a { position:absolute; top:-41px !important; right:0; width:18px !important; height:23px !important; display:block;  background: url(../images/arrow-tiles.png) no-repeat !important; text-indent:-99999px;}
.hometiles_wrapper .bx-controls-direction a:hover { opacity:1.0;}
.hometiles_wrapper .bx-controls-direction .bx-prev { left:0px; background-position:0 0 !important;}
.hometiles_wrapper .bx-controls-direction .bx-next { right:0px; background-position:right 0 !important;}
.hometiles_wrapper .bx-pager { display:none;}
#bx-pager { display:none;}
#bx-pager li a.active { background:#dfdfdf;}

@media screen and (min-width: 768px) and (max-width: 980px){
	.hometiles_wrapper { width:100% !important;}
	.hometiles_wrapper li { width:32%;}
	.view { width:100%;}
	.view .mask,.view .content{ width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; height:100%;}
	.btm_tiles_box { width:96%; margin:5px auto;}
	.joshshop_box { margin:0;}	
	.hometiles_wrapper li .title { font-size:80%;}	
	}

@media screen and (min-width: 480px) and (max-width: 767px){
	.hometiles_wrapper { width:100% !important;}
	.hometiles_wrapper li { width:32%;}
	.view { width:100%;}
	.view .mask,.view .content{ width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; height:100%;}
	.btm_tiles_box { width:96%; margin:5px auto;}
	.joshshop_box { margin:0;}
	.head_resources { min-height:34px; padding-top:10px;}
	.head_otherexam, .head_govt { min-height:44px;}
	.hometiles_wrapper li .title { font-size:80%;}	
	.mask { padding:5px 0;}
	.mask li { float:none; width:90% !important; font-size:95%; line-height:20px; background:none; padding-left:5px;}
	.btm_tiles_wrapper  {min-height: 230px;}
	}	
	
	@media screen and (min-width: 220px) and (max-width: 479px) {
	.hometiles_wrapper { width:100% !important;}
	.hometiles_wrapper li { width:100%; margin:0;}
	.view { width:100%;}
	.view .mask,.view .content{ width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; height:100%;}
	.btm_tiles_box { width:42%; margin:5px auto; height:186px; text-align:center;}
	.joshshop_box { margin-left:10px; float:right;}
	.btm_tiles_wrapper  {min-height: 210px;}
	.btm_tiles_circle { float:none; margin:10px auto 0 auto;}
	.btm_tiles_box h2 { font-size:26px;}
	.hometiles_wrapper .bx-viewport { height:390px !important;}
	.head_govt, .head_resources, .head_otherexam { display:none;}
	
.head_govt1 { color:#615b57; font:14px/22px open sans, arial; text-align:center; border-bottom:solid 3px #91a5c5; position:relative; margin:0 auto 10px auto}
.head_govt1:after {border-color: #91a5c5 transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px; z-index: 1;}

.head_otherexam1 { color:#615b57; font:14px/22px open sans, arial; text-align:center; border-bottom:solid 3px #b7a9cf; position:relative; margin:0 auto 10px auto}
.head_otherexam1:after {border-color: #b7a9cf transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px; z-index: 1;}

.head_resources1 { color:#615b57; font:14px/22px open sans, arial; text-align:center; border-bottom:solid 3px #bc8ca1; position:relative; margin:0 auto 10px auto}
.head_resources1:after {border-color: #bc8ca1 transparent transparent transparent ; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 45%; bottom: -13px; z-index: 1;}
	
	#bx-pager { width:100%; margin:0 0 20px 25px; display:block;}
	#bx-pager li { display:inline-block; max-width:90px; text-decoration:none; margin:0 3px;}
	#bx-pager li a { text-decoration:none; padding:0 2px;}
	
	.tiles_head { font:16px/20px open sans, arial;  margin:0 auto -10px 16%;}
	.tiles_head_wrapper { margin:5px 0 20px 0}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-first:hover li,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
	
	
	}