@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/ 
*/

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

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


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



.bdclass{background:#ffd400;}
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*:focus {
    outline: none;
}
a{font-family:'SegoeUI'}
/***********************Page css OF JS**********************************/

    html {
      height: 100%;
    }
    body {
    padding: 0;
      
      position: relative;
      margin: 0;
      height: 100%;
      
    }
    
.bdyclass .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
.wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	
    }

    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
.inner_body header{ background:#ffd400;} 
.inner_body footer{ background:#ffd400;}
.inner_body1 header{ background:#FFF;}
.inner_body1 footer{ background:#FFF;}

.bdclass { background:#ffd400;}
    header {
      position: relative;
      z-index: 10;
    }
    .main section .page_container {
      position: relative;
      top: 25%;
      margin: 0 auto 0;
      max-width: 1200px;
     width:94%;
	     
    }
#superludo{ 
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    top: 25%;
    width: 100%;
	}
	
#prod_inner_wraper{  margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 80px;
    width: 100%;
}	
.prod_image{ margin:0;}	
.prod_image img{width:100%;}
.prod_banner{position:relative; text-align:center;padding-top: 66px;}
.prod_banner img{ width:100%;}
.prod_banner1 img{width:100%;}
.ludo_links{width:20%; right:0; float:right; position:absolute; bottom:45px;}
.ludo_links a{ margin:0 5px 0 0; padding:0;}
.bdyclass .main section  {
      overflow: hidden;
    }
  .bdyclass .main section .page_container {
       top: 20%;
    } 
    .main section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    
.bdyclass .header{ position:fixed; width:100%; background:#ffd400;}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$******Home Page CSS*****$$$$$$$$$$$$$$$$$$$$$$$$$$*/


	
.header{ position:fixed; width:100%;}
.logo{ float:left; margin:10px 0;}
.menu_btn{ float:right; margin-top:20px; cursor:pointer;}
.closebtn{ cursor:pointer;}

footer{ position:fixed !important; width:100%; bottom:0; z-index:1; line-height:35px;}
.copyrt{ float:left; line-height:58px;}
.social__icons{ float:right; margin-top:15px;}





.menu_middle{ position: absolute; margin:auto; width:50%; left:0; right:0; top:0; bottom:0; height:75%; text-align:center;}



.home_icon:hover{ background:url(../images/home-icon_hover.png) no-repeat;}

.overlay-content {position:relative; margin:auto;text-align: left;  padding-top:110px;}

.menu_middle ul{ margin:0;     padding: 175px;}
.menu_middle ul li{color: #fff; list-style:none; padding:0 50px 0 0; }
.menu_middle ul li:hover{color: #000; list-style:none; }


.menu_middle a {padding: 8px;text-decoration: none;font-size: 65px; line-height:70px;color: #fff;display: block;transition: 0.3s;
font-family: 'Bebas'; text-align:center;}


.menu_middle  a:hover {color: #000; text-decoration:none;}



.mouse{ position:absolute; background:url(../images/mouse.png) no-repeat; height:238px;width: 165px; right: 125px;top:150px;}
.headphone{ position:absolute; background:url(../images/headphone.png) no-repeat; height:509px;width: 542px; bottom: -100px;left: -150px;}

/*.mouse{ position:absolute;right: 265px;top: 75px;}*/
.paper{position:absolute; right: 0px; bottom:30px;}
.paper img{ max-width:100%;}
/*.headphone{position:absolute;bottom: -100px;left: -150px;}*/

/***************************Banner animation***************************************/
.page1_left{ float:left; width:50%; text-align:center;}
.page1_right{ float:right;width:50%;/* position:absolute; right:0; bottom:260px;*/ padding-top: 12%;}
.page1_right h2{font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px; text-align:left; margin:0;}
.page1_right h3{font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page1_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}


.page2_left{ float:left; width:67%;}
.page2_right{ float:right;width:50%;position:absolute; right:0; bottom:260px; opacity:0;}
.page2_right h2{font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px; text-align:left; margin:0;}
.page2_right h3{font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page2_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}



.page3_left{ float:left;width:50%;text-align:center;}
.page3_right{ float:right;width:50%;/*position:absolute; right:0; bottom:260px;*/opacity:0;padding-top: 12%;}
.page3_right h2{font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px;text-align:left; margin:0;}
.page3_right h3{font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page3_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}



.page4_left{ float:left;width:50%;text-align:center;}
.page4_right{ float:right;width:50%;/*position:absolute; right:0; bottom:260px;*/opacity:0;padding-top: 12%;}
.page4_right h2{ font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px;text-align:left; margin:0;}
.page4_right h3{ font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page4_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}


.page5_left{ float:left;width:73%;}
.page5_right{ float:right;width:50%;position:absolute; right:0; bottom:260px;opacity:0;}
.page5_right h2{ font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px;text-align:left; margin:0;}
.page5_right h3{ font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page5_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}


.page6_left{ float:left;width:73%;}
.page6_right{ float:right;width:50%;position:absolute; right:0; bottom:260px;opacity:0;}
.page6_right h2{ font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px;text-align:left; margin:0;}
.page6_right h3{ font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page6_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}




.page7_left{ float:left;width:50%;text-align:center;}
.page7_right{ float:right;width:50%;/*position:absolute; right:0; bottom:260px;*/opacity:0;padding-top: 12%;}
.page7_right h2{ font-family: 'Bebas'; color:#000000; font-size:62px; line-height:76px;text-align:left; margin:0;}
.page7_right h3{ font-family: 'Bebas'; color:#ffffff; font-size:80px; line-height:76px;text-align:left; margin:0;}
.page7_right p{ font-family: 'HelveticaNeueLTStd-Cn'; color:#000000; font-size:22px; line-height:25px;text-align:left; margin-top:10px;}


.page1 img, .page2 img, .page3 img, .page4 img, .page5 img, .page6 img, .page7 img    {
		-webkit-transition: -webkit-transform .6s .6s;
		-moz-transition: -moz-transform .6s .6s;
		transition: transform .6s .6s;
	}

.page1 .stone_man,.page2 .wheel, .page3 .newton , .page4 .edison ,.page5 .plane, .page6 .curiosity, .page7 .brain {
		-webkit-transform:translate3d( 0,150%, 0);
		   -moz-transform:translate3d( 0,150%, 0);
		        transform:translate3d( 0,150%, 0);
	}
.viewing-page-1 .page1 img, .viewing-page-2 .page2 img, .viewing-page-3 .page3 img, .viewing-page-4 .page4 img,
.viewing-page-5 .page5 img, .viewing-page-6 .page6 img ,.viewing-page-7 .page7 img  {
		-webkit-transform: translate3d(0, 0, 0) !important;
		-moz-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		
		max-width:100%;
	}

/********************************/
.page1 .page1_right , .page2 .page2_right,.page3 .page3_right , .page4 .page4_right,.page5 .page5_right , 
.page6 .page6_right, .page7 .page7_right, .page8 .page8_right {
	/*	-webkit-transition: -webkit-transform .6s .6s; 
		-moz-transition: -moz-transform .6s .6s;
		transition: transform .6s .6s;
		*/
		
	}

.page1 .page1_right , .page2 .page2_right,.page3 .page3_right , .page4 .page4_right,.page5 .page5_right , 
.page6 .page6_right, .page7 .page7_right, .page8 .page8_right {
		/*-webkit-transform:translate3d( 0,150%, 0);
		   -moz-transform:translate3d( 0,150%, 0);
		        transform:translate3d( 0,150%, 0);*/
	
	}
.viewing-page-1 .page1 .page1_right, .viewing-page-2 .page2 .page2_right,.viewing-page-3 .page3 .page3_right, 
.viewing-page-4 .page4 .page4_right,.viewing-page-5 .page5 .page5_right, .viewing-page-6 .page6 .page6_right, .viewing-page-7 .page7 .page7_right  {
		/*-webkit-transform: translate3d(0, 0, 0) !important;
		-moz-transform: translate3d(0, 0, 0) !important;
		transform:translate3d( 0, 0, 0) !important;*/
		 
		
}

/* make keyframes that tell the start state and the end state of our object */
/*@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.fade-in {
  opacity:0; 
  -webkit-animation:fadeIn ease-in 1;  
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:3s;
  -moz-animation-duration:3s;
  animation-duration:3s;
}*/
/*************Page 1 text animation*******************/
		
/*************************** Banner animation end ***************************************/


/*********************************** WE CSS Strat******************************************/

.head{font-family: 'Bebas'; color:#000000; font-size:55px; line-height:80px; text-align:center; margin:0 auto; padding-top:123px; }
.line{ border-bottom: 2px solid #ffd400;height: 0;margin: 0 auto;width: 105px;}
.we_wrap{ padding-bottom:130px;}
.we_wrap h4 {
  font-size: 25px;
  font-family:'SegoeUI';
  font-weight:bold;
  text-transform: uppercase;
  line-height: 1.284;
  text-align: left;
  margin-top:6%;
  z-index: 3;
      padding: 0 60px;
}
h4{ margin-top: 5%;}
.we_wrap p{
  font-size: 18px;
  font-family:'SegoeUI';
  
  line-height: 1.665;
  text-align: left;
  font-style:normal;
  z-index: 10;
    padding: 0 60px;
}
.we_wrap img{margin-top: 5%; margin-bottom: 5%;   padding: 0 60px;}



/*********************************** WHERE CSS Strat******************************************/
.linewhr{ border-bottom: 2px solid #ffd400;height: 0;margin: 0 auto;width: 175px;}
.where_wrap{ padding-bottom:75px; max-width:720px; margin:30px auto; width:94%;}
.where_left{ width:50%; float:left; margin-top:10px;} 
.where_left h2{color:black;font-family: 'SegoeUI-SemiBold';font-size:15px;text-transform:uppercase; 
float:left; font-weight:bold; margin:10px 0px; }
.imgadd_div{ width:100%; float:left;}
.img_div{ float:left; padding-right:6px;}
.add_wrap{ float:left;}
.add_wrap p{ margin:0 0 5px;font-family: 'SegoeUI';}
.add_wrap p a{color:#000000; line-height:22px;}
.add_wrap p a:hover{ text-decoration:underline;}
.where_left_one { float:left; margin-top:10px; font-size:18px; } 
.where_left_one h3{ color:#000000;font-family: 'SegoeUI-SemiBold';font-size:18px; line-height:22px;
 padding:0 0 0px 22px; float:left;font-weight:bold; margin-top:6px; margin-bottom: 5px;}
 
.where_right{width:50%; float:left;margin-top:10px;}
.where_right h2{color:black;font-family: 'SegoeUI-SemiBold';font-size:18px;text-transform:uppercase;float:left; font-weight:bold; width:100%;  } 
.label_txt{font-family: 'SegoeUI';font-size:18px; line-height:20px;color:#000000; font-weight:normal; }

.cont_mob{ position:absolute; left:-85px; bottom:75px;}
.cont_id{position:absolute; top:111px; right:30px;}
.cont_pen{position:absolute; right:0; bottom:140px;}



/*.input-effect{ position:relative;}

*/
#submit-button{ margin:20px 0 0 0; border: 1px solid;}

.colin{position: relative;} /* necessary to give position: relative to parent. */

.form-control {border-bottom: 1px solid #000;}
    
.effect-16{border: 0; padding: 4px 0; border-bottom: 1px solid #ccc; background-color: transparent;}

.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}

.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: 6px; transition: 0.3s; z-index: -1; }
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: -14px; font-size: 14px; color:#000; transition: 0.3s;}


input:required, textarea:required {box-shadow: none; background:none; }
input:required:focus, textarea:required:focus {outline: none;}
input:required:hover {opacity: 1;}
/*********************************** WE DO CSS Strat******************************************/
.wedo_wrap{ max-width:1200px; width:100%; margin:50px auto 75px; float:left;}


.des_wrap{ width:95%; float:left; margin:60px 0 50px 4px; }
.des_wrap h2{ font-family: 'SegoeUI-SemiBold'; font-size:25px; color:#000; margin:20px 0 10px 0px;}
.des_wrap p{ font-family: 'SegoeUI'; font-size:18px; line-height:25px; color:#000; margin-top:3%;}
.des_wrap ul{margin-left: -2%; list-style:none; }


.des_wrap li{font-size: 18px;
    margin: 8px 0 8px 0;
	font-family: 'SegoeUI';
	
	}
	
#tab-1 ul li::before {content: "\2022";
  color: white;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size:25px;}
#tab-2 li p{margin-top: -1%; }
 #tab-2 li .p{ font-family: 'SegoeUI-SemiBold';} 
  
 .des_wrap .seo{background:url(../images/wedo/we_do_search_engin.png); background-position:left top; background-repeat:no-repeat;padding-left: 97px;     margin-top: 6%;}
  .des_wrap .smo {background:url(../images/wedo/serach_marketing.png) ; background-position:left top; background-repeat:no-repeat; padding-left: 97px;     margin-top: 6%;}
  .des_wrap .sem {background:url(../images/wedo/SEM.png) ; background-position:left top; background-repeat:no-repeat;padding-left: 97px;     margin-top: 6%;}
  .des_wrap .em {background:url(../images/wedo/email_mrkting.png); background-position:left top; background-repeat:no-repeat;padding-left: 97px;     margin-top: 6%;}
  .des_wrap .ppc {background:url(../images/wedo/ppc.png); background-position:left top; background-repeat:no-repeat;padding-left: 97px;     margin-top: 6%;}	
 
  
.feat_one{    margin-top: 5%;}
.feat_one_inner{width:20%; float:left; text-align:center;}	
.feat_one_inner p{font-size:15px; padding: 5%; font-family: 'SegoeUI-SemiBold';}	
	
.cont_laptop {position: fixed; left: -91px;bottom: 389px;}
.cont_mob1{position: fixed; left: 59px;top: 49%;}
.cont_id1{position:fixed; top:111px; right:-198px; }
.cont_pen1{position: fixed; right: 97px;bottom: 153px;}


.cont_laptop1 {position: fixed; left: -237px;
    top: 163px;}
.cont_mob2{position: fixed; left: 14px;top: 75%;}
.cont_id2{position:fixed; top:181px; right:-118px; }
.cont_pen2{position: fixed; right: 136px;top: 511px;}

.des_wrap  .p3{display:none; font-family: 'SegoeUI'; font-size:18px; line-height:22px; color:#000; margin-top:3%;}



.brandandstrergy{ width:16.416666666666664%; float:left; margin-right:2px; position:relative; height:197px;
 background:url(../images/brandandstrergy.jpg) no-repeat; background-size:cover;}
.web{ width:33.25%; float:left;margin-right:3px;position:relative; height:197px;
 background:url(../images/web.jpg) no-repeat; background-size:cover;}
.event{ width:16.416666666666664%; float:left; margin-right:3px;position:relative; height:197px;
 background:url(../images/event.jpg) no-repeat; background-size:cover;}
.digital{width:33.25%; float:left;position:relative; height:197px;
 background:url(../images/digital.jpg) no-repeat; background-size:cover;}

 
 
.elearning{width:33.25%; float:left;margin-right:2px; margin-top:3px;position:relative; height:197px;
 background:url(../images/elearning.jpg) no-repeat; background-size:cover;}
.threeD{width:16.416666666666664%; float:left; margin-right:3px;margin-top:3px;position:relative; height:197px;
 background:url(../images/3D.jpg) no-repeat; background-size:cover;}
.twoD { width:16.416666666666664%; float:left; margin-right:3px;margin-top:3px;position:relative; height:197px;
 background:url(../images/2D.jpg) no-repeat; background-size:cover;}
.audio{width:16.416666666666664%; float:left; margin-right:3px;margin-top:3px;position:relative; height:197px;
 background:url(../images/audio.jpg) no-repeat; background-size:cover;}
.games{ width:16.416666666666664%; float:left;margin-top:3px;position:relative; height:197px;
 background:url(../images/games.jpg) no-repeat; background-size:cover;}
   
 
	 
.text_middle{ height: 100%;left: 0;position: absolute;top: 0; cursor:pointer;
transition: all 0.4s ease-in-out 0s; width: 100%;}
.text_middle img{ text-align:center; width:78px; height:62px; display:block; margin:50px auto 0;}
.text_middle h3{font-family: 'SegoeUI-SemiBold';font-size:14px; line-height:20px;color:#fff; text-align:center; margin-top:5px;padding: 0 26px;}

.text_middle::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-shadow: inset 0 0 0 0 rgba(255,212,0,1);
transition: box-shadow .1s ease;}
.text_middle:hover::after {box-shadow: inset 0 0 0 5px rgba(255,212,0,1);}

.active::after {box-shadow: inset 0 0 0 5px rgba(255,212,0,1);}

.popup {float:left; width:100%; position:reletive;z-index: 1042; margin:3px 0px 0 0;

box-shadow: inset 0px 0px 50px 0px #CACACA;
-webkit-box-shadow: inset 0px 0px 50px 0px #CACACA;
-moz-box-shadow: inset 0px 0px 50px 0px #CACACA;
-o-box-shadow: inset 0px 0px 50px 0px #CACACA;

/*transition: height 1500ms ease 0s;
 transition: max-height 1s ease;*/
}
.popup_inner img{ width:100%;}
.popup_inner {width:92%;z-index:100000000; margin:20px auto;}
.closepopup{}
.cancel {/*display:relative;*/cursor:pointer;margin:5px;float:right;height:26px;width:26px;background:url(../images/close_popup.png) no-repeat;  }


.popup_inner h3{font-family: 'SegoeUI-SemiBold';font-size:15px;color:#000; float:left; width:100%; text-transform:uppercase;}
.popup_inner p{font-family: 'SegoeUI';font-size:15px; line-height:24px;color:#000000;margin-bottom:15px;}

.popup_inner ul{ margin:0 0 20px 0; padding:0; float:left;}
.popup_inner ul li{font-family: 'SegoeUI';font-size:15px; line-height:35px;color:#000000; float:left; margin:0 30px 0 0; list-style:none;}

.popup_inner ul li:before { content: "";line-height: 1em;width:8px;height:8px;background-color:#ffd400; float: left;margin:15px 10px 0 0px;border-radius: 50%;}
/*********************************** WORK CSS Strat******************************************/
.work_wrap{ max-width:1200px; width:100%; margin:25px auto 10px; float:left;}

.work_category{ float:left; margin-top:6px;}
.work_category ul{ margin:0; padding:0;}
.work_category ul li{font-family: 'SegoeUI';font-size:14px; height:14px; line-height:10px;color:#000000; float:left; list-style:none; 
border-right:1px solid #000;margin: 0 10px 0 0;padding: 0 10px 0 0; cursor:pointer;}
.work_category ul li:last-child{ border:none;}

.cmgsoon{font-family: 'SegoeUI-SemiBold';font-size:14px;color:#000; text-align:center; margin:0 auto;width:100px; line-height:25px;border-bottom:2px solid #ffd400;}

.filterindus{font-family: 'SegoeUI-SemiBold';font-size:14px;color:#000; float:right; text-transform:uppercase; line-height:20px;border-bottom:2px solid #ffd400; cursor:pointer;}
.filterindus a{ color:#000;}

.industries{ width:100%; float:left; margin-bottom:25px;}
.industries h3{font-family: 'SegoeUI-SemiBold';font-size:14px;color:#000;text-transform:uppercase; margin:0px 0 15px 0;}
.industries ul{ margin:0; padding:0;}
.industries ul li{font-family: 'SegoeUI';font-size:14px;color:#000000; float:left; list-style:none; line-height:26px;
margin:5px 20px 10px 6px;padding: 0 4px; border-bottom:2px solid #fff;cursor:pointer;}

.categories{ width:100%; float:left; margin-bottom:15px;}
.categories h3{font-family: 'SegoeUI-SemiBold';font-size:14px;color:#000;text-transform:uppercase; margin:0px 0 15px 0;}
.categories ul{ margin:0; padding:0;}
.categories ul li{font-family: 'SegoeUI';font-size:14px;color:#000000; float:left; list-style:none;  line-height:26px;
margin:5px 20px 10px 6px;padding: 0 4px; border-bottom:2px solid #fff; cursor:pointer;}

.done_btn{ width:85px; height:30px; margin:15px auto 5px; text-align:center; display:block; background:#ffd400; line-height:30px;
text-transform:uppercase;font-family: 'SegoeUI-SemiBold';font-size:13px; font-weight:bold; cursor:pointer;}

.simplePopup ul li.active{ border-bottom:2px solid #ffd400 !important;}

.simplePopup {background: #fff none repeat scroll 0 0; bottom: 0;left: 0;margin: auto;max-height: 415px;max-width: 660px;padding:10px 10px 10px 25px;position: fixed;right: 0;top: 0;width: 100%;}
.simplePopupClose {float:right;cursor:pointer;margin-left:10px;margin-bottom:10px;}
.simplePopupBackground {display:none;background:rgba(0,0,0,0.5);position:fixed;height:100%;width:100%;
top:0;left:0;z-index:99;

  /*-moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;*/



}





.popup_close{ float:right; cursor:pointer;}

/* wrapper css */

.prod_wrapimg{
max-width: 1920px;
margin: 0 auto;
	width:98%; 
	position:relative;
	
	padding-bottom: 10px;
}


#ip-container {
	position: relative;
}
.article {
	float: left;
	cursor: pointer;
}

.ip-details {
	display: none;
}
.inlinepopup {
	background: #fff none repeat scroll 0 0;
	border: none;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	border-top: 3px solid #FFD400;
	/*box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 0 50px 0 #cacaca inset;
}
.inlinepopup_content {
	margin: 20px;
	color: #585858;
}
.inlinepopup_arrow {
	background: url(../images/arrow-top.png) no-repeat scroll center 0;
	height: 32px;
	position: absolute;
	top: -34px;
	width: 32px;
}
.inlinepopupClose {
	background: url(../images/close.png) no-repeat scroll 0 0;
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 5px;
	
	top: 10px;
	width: 16px;
	
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
.inlinepopupClose:hover {
	transform: rotate(180deg);
}



#gridimg_holderwrap{ /*margin-bottom:80px;*/}
.grid{
	width:500px;
	/*min-height:300px;
	padding: 15px;*/
	background:#fff;
	margin:0px;
	
	float:left; cursor:pointer;
	/*box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}


.imgholder::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-shadow: inset 0 0 0 0 rgba(255,212,0,1);
transition: box-shadow .1s ease;}
.imgholder:hover::after {box-shadow: inset 0 0 0 5px rgba(255,212,0,1);}


.grid .imgholder img{
	max-width:100%; width:100%;
	background:#ccc;
	display:block;
}



.modal h3{font-family: 'SegoeUI-SemiBold';font-size:14px;color:#000;text-transform:uppercase; margin:0px 0 15px 0;}
.filindutry a{font-family: 'SegoeUI';font-size:14px;color:#000000; line-height:26px;
 border-bottom:2px solid #fff;cursor:pointer;}
.industries-filters{}
.departments-filters{ margin-top:20px;}
.modal-inner .active a{ border-bottom:2px solid #ffd400 !important;}
.modal {background:rgba(0,0,0,0.5);overflow: auto;}
.modal-outer {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-inner {
    left: 50%;
    margin-bottom: 15px;
    padding: 0 15px;
    pointer-events: all;
    position: absolute;
    top: 15px;
    transform: translate(-50%);
    width: 100%;
}
.modal-center .modal-inner {
    left: auto;
    position: relative;
    top: auto;
    transform: none;
}
button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    font-size: 10px; opacity:1;
    position: absolute;
    right: 16px;
    top: 1px;
    z-index: 1;
}
button.close i {
    font-family: icomoon;
    transition: all 0.1s linear 0s;
}
button.close:hover {
    color: #4fc4cf;opacity:1;
}
.modal-content-wrapper {
   /* background: #fff none repeat scroll 0 0;*/
   background:rgba(0,0,0,0.4);
    padding: 3rem;
}
@media screen and (min-width: 600px) {
.modal-small .modal-inner {
    max-width: 600px;
}
}
@media screen and (min-width: 768px) {
	.ludo_links {
    bottom: 24px;
   width: 28%;
}
.modal-inner {
    left: auto;
    margin-bottom: 0;
    max-width: 750px;
    position: relative;
    top: auto;
    transform: none;
}
html.no-flexbox .modal-inner {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 992px) {
.modal-inner {
    max-width: 850px;
}
}


.gallery-content-center-full {
 position:relative; margin:0 auto;
	width: 100%; max-width:1366px;
}

#gallery-content-center img {
	/*width: 24.816983894582723%;*/
	width:334px;
	margin-bottom: 3px;
	/*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;*/
	margin-left: 3px;
	cursor:pointer;
}
.gallery-header-center-right-links {
	height: 35px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	
font-family: 'SegoeUI';font-size:16px; height:16px; line-height:12px;color:#000000; float:left; 
border-right:1px solid #000;margin:6px 5px;padding: 5px 10px 20px 10px; cursor:pointer;
}
#gallery-header-center-right{
	float: left; margin:0 0 20px 0;
	 
	
}

.gallery-header-center-right-links {
 
  text-align: center;
  text-decoration: none;
 

  overflow: hidden;
  position: relative;
}

.gallery-header-center-right-links:after {
  content: '';
  background: #0e0e0e;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: -1;
  transition: 0.4s ease; color:#fff;
}

.gallery-header-center-right-links:hover { color: #fff;  }

.gallery-header-center-right-links:hover:after { left: 0; color: #fff;  }
/****************************************** PRODUCT PAGE CSS *****************************************************/
.product_wrap{ padding-top:66px;/*padding-bottom:60px;*/}
.prod_banner1 img{ width:100%;}
.product_wrap .gallery-content-center-full{ margin:20px auto 0;}
.product_one{}

.prod_inner_wrap{ max-width:1102px; width:100%;margin:0 auto; padding-bottom:80px;}

.prod_header{  max-width:1000px; width:90%;margin:0 auto; padding:70px 0 20px 0; margin-top: 5% ; }
.prod_logo{ width:30%; float:left; margin:auto; text-align:center;}
.prod_name{ width:70%; float:left;}
.youtube{ width:100%; margin:0 auto;}
.youtube iframe{ width:100%; height:570px;}
.prod_name h3{font-family: 'Bebas'; font-size:40px; line-height:40px; color:#000000; margin:0 0 4px 0}
.prod_name h4{font-family:'SegoeUI'; font-size:30px; line-height:40px; color:#000000;float:left; 
border-bottom:2px solid #ffd400; text-transform:uppercase;}
.prod_name p{font-family: 'SegoeUI';font-size:14px; line-height:18px;color:#000000; float:left; width:100%;}
.prod_name p a{color:#000000; }
.prod_name p a:hover{ text-decoration:underline;}


.prod_img{ margin:auto; width:100%; text-align:center; padding-bottom:161px; margin-top: 7%;}
.prod_img img{ margin:5px 0;width:100%;}


.prod1_img{ margin:auto; width:100%; text-align:center; padding-bottom:70px;}
.prod1_img img{ margin:0px 0; width:100%;}
.imgg img{margin:0px 0;}






.product_page{ margin-bottom:30px !important; margin-top:20px; }

.more_products h4{font-family: 'SegoeUI';font-size:15px; line-height:15px;color:#000000; text-align:center; margin:0 0 4px 0;}
.more_products .line{ border-bottom:2px solid #ffd400;height: 0;margin: 0 auto; width: 100px;}

.moreprod_img{  }
.show_res{ float:left; margin:20px 0 20px 0;}
.show_res span{ float:left;font-family: 'SegoeUI';font-size:14px; line-height:22px;color:#000000;}
.show_res ul{ margin:0; padding:0; float:left;}
.show_res ul li{font-family: 'SegoeUI';font-size:14px; line-height:22px;color:#000000; list-style:none; float:left; 
background:url(../images/product/showres_close.png) no-repeat right 4px;padding: 0 22px 0 5px; cursor:pointer;}
.btn-clearall{font-family: 'SegoeUI';font-size:14px; line-height:22px;color:#000000; border-bottom:2px solid #ffd400; margin:0 0 0 10px; }

.gallery_wrap{ width:100%; float:left;  margin:30px 0 50px 0;}

/* Portfolio */

.col-nw-4{ width: 31.333%;  position:relative; float:left;}
#portfolio ul#Grid li img{ width:100%;}
#portfolio {
	padding: 0;
	overflow: hidden;
}
#portfolio ul.controls {
	padding: 0px 0 20px 7px;
	overflow: hidden;
	margin: 20px 0;
	display: flex;
    justify-content: center;
	
}
#portfolio ul.controls li {
	float: left;
	color: #000; text-transform:uppercase;
	font-family: 'SegoeUI';
	font-size: 16px;
	padding: 9px 19px; margin:10px 10px 0 0;
	cursor: pointer; border:1px solid #fff;
}
#portfolio ul.controls li:hover, #portfolio ul.controls li.active {
	
	color: #fff; background:#000;
	border:none;
	
}
#portfolio ul#Grid {
	margin: 30px 0 30px 0; width:100%; float:left;
	padding: 0;
	position: relative;
}
#portfolio ul#Grid li {
	padding: 5px; width:25%; float:left;
	/*margin: 10px;*/
	display: none;
	position: relative;
}
#portfolio ul#Grid li a {
	display: block; outline:none;
	position: relative;
	color: #fff;
}
#portfolio ul#Grid li span.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	text-indent: -9999px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #000;
}
#portfolio ul#Grid li:hover span.overlay {
	visibility: visible;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#portfolio ul#Grid a.link {
	padding: 0px 10px;
	height: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 10;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	line-height: 30px;
	background: #1ABC9C;
}
#portfolio ul#Grid li:hover a.link {
	background: #1ABC9C;
	opacity: 0.9;
}
#portfolio ul#Grid a.link span {
	color: #f9f9f9;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 22px;
}
#portfolio ul#Grid a.link:after {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #1ABC9C;
	border-width: 10px;
	margin-left: -10px;
}
#portfolio ul#Grid a.link:before {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #1ABC9C;
	border-width: 16px;
	margin-left: -16px;
}
#portfolio ul#Grid li:hover a.link {
	padding: 10px 10px;
	height: auto;
	overflow: visible;
	text-decoration: none;
}

/******************************Fade out animation*********************************************/
/*https://www.jqueryscript.net/demo/Awesome-Image-Grid-Hover-Effects-with-jQuery-CSS3/*/
.gallery .one div.over {
  -webkit-animation: slideLeft 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
}

.gallery .one div.out {
  -webkit-animation: slideLeftOut 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
}

.gallery .two div.over {
  -webkit-animation: slideUp 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
}

.gallery .two div.out {
  -webkit-animation: slideUpOut 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
}

.gallery .three div {
  left: 0;
  opacity: 0;
}

.gallery .three:hover div { opacity: 1; }

.gallery .five .out {
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0.9);
}
.gallery .five:hover .out {
    opacity: 1;
    -webkit-transform: scale(1);
}
.gallery .four .out {
    left: 0;
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(0.2);
}
.gallery .four:hover .out {
    opacity: 1;
    -webkit-transform: rotate(0deg);
}




.gallery .out {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(231, 76, 60, 0.7);
    top: 0;
    left: 0;
    transition: all 450ms ease-in-out;
    background: rgba(000,000,000,0.6);
    /*background: linear-gradient(135deg, rgba(169, 3, 41, 0.8) 0%, rgba(143, 2, 34, 0.8) 44%, rgba(109, 0, 25, 0.8) 100%);*/
}
.gallery .out span {
    display: inline-block;
    vertical-align: middle;
    padding: 30px;
    letter-spacing: 1px;
}
.gallery .out::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
   
}

.gallery .out h2{font-family: 'SegoeUI-SemiBold'; font-size:24px; color:#fff; margin:15px 0 7px 0;}
.gallery .out p{ font-family: 'SegoeUI';font-size:14px; color:#fff;}

.main_wrapper{ width:100%; float:left;}
.inner_pgwrap{max-width:1180px; width:94%; margin:0 auto;}
.inner_wrap{ max-width:1010px; width:94%; margin:0 auto;}

.categy_wrap{width:100%; float:left; background:#ffdd20; margin-bottom:100px; }
.catg_one{ width:16.66% ; float:left;text-align:center;}
.catg_one_inner{ width:90%; margin:7% 5%; }

.catg_one img{}
.catg_one p{font-family: 'SegoeUI';font-size:15px; line-height:22px; color:#000; text-transform:uppercase; margin:10px 0; }


/*Social Icons*/

.socialicon {
	position: relative;
	display: inline-block;
	width: 32px;
	margin-right: 5px;
	height: 32px;
}
.socialicon-twitter {
	background: url('../images/social/twitter.png') no-repeat;
	background-size: contain;
}
.socialicon-facebook {
	background: url('../images/social/facebook.png') no-repeat;
	background-size: contain;
}
.socialicon-linkedin {
	background: url('../images/social/linkedin.png') no-repeat;
	background-size: contain;
}
.socialicon-instagram {
	background: url('../images/social/instagram.png') no-repeat;
	background-size: contain;
}
.socialicon-google {
	background: url('../images/social/google.png') no-repeat;
	background-size: contain;
}
.socialicon-mail {
	background: url('../images/social/mail.png') no-repeat;
	background-size: contain;
}
.socialicon-blog {
	background: url('../images/social/qurious_blog.png') no-repeat;
	background-size: contain;
}
.socialicon-youtube {
	background: url('../images/social/youtube.png') no-repeat;
	background-size: contain;
}

.socialicon-pinterest{
	background:url('../images/social/pinterest.png') no-repeat;
	background-size: contain;
}
.socialicon-pinterest:hover{
	background:url('../images/social/pinterest_1.png')  no-repeat;
	background-size: contain;
}
.socialicon-twitter:hover {
	background: url('../images/social/twitter_a.png') no-repeat;
	background-size: contain;
}
.socialicon-facebook:hover {
	background: url('../images/social/facebook_a.png') no-repeat;
	background-size: contain;
}
.socialicon-linkedin:hover {
	background: url('../images/social/linkedin_a.png') no-repeat;
	background-size: contain;
}
.socialicon-instagram:hover {
	background: url('../images/social/instagram_a.png') no-repeat;
	background-size: contain;
}
.socialicon-google:hover {
	background: url('../images/social/google_a.png') no-repeat;
	background-size: contain;
}
.socialicon-mail:hover {
	background: url('../images/social/mail_a.png') no-repeat;
	background-size: contain;
}
.socialicon-blog:hover {
	background: url('../images/social/qurious_blog_a.png') no-repeat;
	background-size: contain;
}


.socialicon-youtube:hover {
	background: url('../images/social/youtube_a.png') no-repeat;
	background-size: contain;
}




		.scrollup{
			width:42px;
			height:42px;			
			text-indent:-9999px;
			opacity:1;
			position:fixed;
			bottom:77px;
			right:30px; cursor:pointer;
			display:none; 		
			background: url('../images/qurious-top-arrow.png') no-repeat;}
			.scrollup:hover{background: url('../images/qurious-top-arrow-over.png') no-repeat;}	
			
		
		.back{
			width:30px;
			height:30px;			
			text-indent:-9999px;
			opacity:1;
			position:fixed;
			bottom:85px;
			right:45px; cursor:pointer;
			background: url('../images/qurious-back-arrow.png') no-repeat;
		}
		.back:hover{background: url('../images/qurious-back-arrow.png') no-repeat;}
		
		
		.next{
			width:30px;
			height:30px;			
			text-indent:-9999px;
			opacity:1;
			position:fixed;
			bottom:85px;
			right:10px; cursor:pointer;
			background: url('../images/qurious-next-arrow.png') no-repeat;
		}
		.next:hover{background: url('../images/qurious-next-arrow.png') no-repeat;}
		
		.thumbnails{
			width:30px;
			height:30px;			
			text-indent:-9999px;
			opacity:1;
			position:fixed;
			bottom:121px;
			right:30px; cursor:pointer;
			background: url('../images/thumbnails.png') no-repeat;
		}
		.thumbnails:hover{background: url('../images/thumbnails.png') no-repeat;}






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

.modal {background-color: #171616eb;}

.modal-body {
    
    padding: 0px;
}
.modal-content {
    /* position: relative; */
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    width: 158%;
    margin-left: -25%;
}
.modal-dialog{margin-top:5%;}



.col-lg-4  li{
    margin-bottom: 3%;
    display: inline-flex;
         overflow: hidden;
		 border: 1px solid #dbdbdb;
		  opacity:1;
		      position: relative;
		
		
			
}
.col-lg-4  .span2{
position: absolute;
    top: 39%;
    left: 43%;
}
.col-lg-4 li:hover .span2{ display:none;}
.col-lg-4  ul {padding: 0 0 0 0px; }

.row1{ margin: 7% 0;}
.z-depth-1{width:594.33px; height:397px; }

.out .span1{
    display: inline-block;
    vertical-align: middle;
    padding: 30px;
    letter-spacing: 1px;
}
	

li  .out{    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(231, 76, 60, 0.7);
    top: 0;
    left: 0;
    transition: all 450ms ease-in-out;
    background: rgba(9,115,184,0.6);
    /* background: linear-gradient(135deg, rgba(169, 3, 41, 0.8) 0%, rgba(143, 2, 34, 0.8) 44%, rgba(109, 0, 25, 0.8) 100%); */
}


.col-lg-4 .out::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.col-lg-4 .five .out {
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0.9);
}
.col-lg-4 .five:hover .out {
    opacity: 1;
    -webkit-transform: scale(1);
}


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

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

#mob_view	{ display:none;}
#desktop_view	{/* display:show;*/ display:block;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
.catg_one{width: 32.66%;}	
	
.gallery-content-center-full { width:96%;}	
.youtube iframe{ width:100%; height:392px;}	
.paper { width: 26%; bottom: 70px;}
.headphone{ background-size:contain; width: 67%;
    bottom: 48px;
    left: -198px;}
.mouse{ background-size:contain; width:16%;right: 35px;
    top: 133px;}

.ludo_links{width: 28% !important; bottom: 15px;}
.menu_middle{ width:85%;}

.brandandstrergy{ width:25%;margin-top: 3px;}
.web{ width:24%;margin-top: 3px; }
.event{ width:25%;margin-top: 3px; }
.digital{width:24%;margin-top: 3px;}
.elearning{width:19.5%; }
.threeD{width:19.5%; }
.twoD { width:19.5%; }
.audio{width:19.5%; }
.games{ width:19.5%; }
.cont_mob{ display:none;}
.cont_id{ display:none;}
.cont_pen{ display:none;}

.cont_laptop { display:none;}
.cont_mob1{ display:none;}
.cont_id1{ display:none; }
.cont_pen1{ display:none;}


.cont_laptop1 { display:none;}
.cont_mob2{ display:none;}
.cont_id2{ display:none; }
.cont_pen2{ display:none;}
.feat_one_inner {
    width: 25%;}
	
#portfolio ul.controls li {font-size: 14px;}
video{width:500px;}
.span1 {
    
    width: 20%;
}

iframe{width:500px; height:324px;}
.modal-content {
  
     width: 116%;
    margin-left: -8%;
    margin-top: 48%;
}
.col-lg-4 .span2 {
   
    width: 17%;
}
.out .span1 {
   
    padding:0px; 
}
 	
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.gallery-content-center-full { width:96%;}		
.menu_middle{ width:62%;}

.brandandstrergy{ width:25%;margin-top: 3px;}
.web{ width:25%;margin-top: 3px; }
.event{ width:25%;margin-top: 3px; }
.digital{width:24%;margin-top: 3px;}
.elearning{width:20%; }
.threeD{width:20%; }
.twoD { width:19.5%; }
.audio{width:19.5%; }
.games{ width:19.5%; }

.cont_mob{ display:none;}
.cont_id{ display:none;}
.cont_pen{ display:none;}
.cont_laptop { display:none;}
.cont_mob1{ display:none;}
.cont_id1{ display:none; }
.cont_pen1{ display:none;}


.cont_laptop1 { display:none;}
.cont_mob2{ display:none;}
.cont_id2{ display:none; }
.cont_pen2{ display:none;}
video{width:1050px;}
iframe{width:1050px; height:500px;}
.modal-content {
  
     width: 151%;}

}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	.gallery-content-center-full { width:96%;}	
	.brandandstrergy{ width:25%;margin-top: 3px;}
.web{ width:25%;margin-top: 3px; }
.event{ width:25%;margin-top: 3px; }
.digital{width:24%;margin-top: 3px;}
.elearning{width:20%; }
.threeD{width:20%; }
.twoD { width:19.5%; }
.audio{width:19.5%; }
.games{ width:19.5%; }

.cont_laptop { left: -173px; bottom: 286px; width: 30%;}
.cont_mob1{left: -1px;top: 56%; width: 18%; }
.cont_id1{      top: 157px; width: 37%;}
.cont_pen1{right: 29px; bottom: 199px;}


.cont_laptop1 { left: -168px; width: 30%;}
.cont_mob2{ left: 2px; top: 72%;}
.cont_id2{ top: 179px; right: -113px; width: 25%;}
.cont_pen2{right: 34px;
    bottom: 170px;
    width: 17%; }
.inner_wrap {max-width: 805px;}
video{width:1050px;}
iframe{width:1050px; height:500px;}
.modal-content {
  width: 134%;

    margin-left: -17%;}


}

@media only screen and (min-width: 1281px) and (max-width: 1600px) {
	.cont_laptop { left: -173px; bottom: 286px; width: 30%;}
.cont_mob1{left: -1px;top: 56%; width: 18%; }
.cont_id1{      top: 157px; width: 37%;}
.cont_pen1{right: 29px; bottom: 199px;}


.cont_laptop1 { left: -168px; width: 30%;}
.cont_mob2{ left: 2px; top: 72%;}
.cont_id2{ top: 179px; right: -113px; width: 25%;}
.cont_pen2{right: 79px;
    top: 508px }
.inner_wrap {max-width: 900px;}
video{width:1050px;}
iframe{width:1050px; height:500px;}
.modal-content {
  
     width: 151%;}
}

/********************************************* SMALL SCREENS **********************************************************/
/*AAADA*/




@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
	
}


@media only screen and (max-width: 767px)  {
	.socialicon {
   
    width: 30px;
  
    height: 30px;
}
.prod_name h3{ margin: 15px 0 4px 0; font-size: 30px;  line-height: 30px;}	
.prod_name h4 {font-size: 22px;line-height: 30px;}
.catg_one{width: 50%;}	
	
#portfolio ul#Grid li{ width:50%;}
.gallery .out::before{ display:contents;}


.youtube iframe{ width:100%; height:347px;}
	
#gallery-header-center-right{float: left; width:100%;}
.filterindus{ float:left;}
.gallery-header-center-right-links{ float:none; border:none;}
.gallery-content-center-full { width:96%;}	
.prod_name{ width:100%;}

.page1_left{ float:auto; margin:auto; max-width: 60%;width:auto; text-align:center;}
.page1_right {margin: auto; max-width: 100%; width:auto; text-align: center; padding:0; float:left;}

.page3_left{ float:auto; margin:auto; max-width: 60%;width:auto; text-align:center;}
.page3_right {margin: auto; max-width: 100%;width:auto; text-align: center; padding:0; float:left;}

.page4_left{ float:auto; margin:auto;max-width: 60%;width:auto; text-align:center;}
.page4_right {margin: auto; max-width: 100%;width:auto; text-align: center; padding:0; float:left;}

.page7_left{ float:auto; margin:auto; max-width: 60%;width:auto; text-align:center;}
.page7_right {margin: auto; max-width: 100%;width:auto; text-align: center; padding:0; float:left;}


.page2_left{float:auto; margin:auto; width:70%; text-align:center;}
.page2_right{ position:relative;bottom:0;margin: auto;max-width:100%;width:auto;text-align: center;padding:0; float:left;}

.page5_left{float:auto; margin:auto; width:70%; text-align:center;}
.page5_right{position:relative;bottom:0;margin: auto;max-width: 100%;width:auto;text-align: center;padding:0; float:left;}

.page6_left{float:auto; margin:auto; width:70%; text-align:center;}
.page6_right{position:relative; bottom:0;margin: auto;max-width: 100%;width:auto;text-align: center;padding:0; float:left;}


.bdyclass .page_container h2{font-size: 26px;line-height: 30px;} 
.bdyclass .page_container h3{ font-size: 30px;line-height: 30px;}
.bdyclass .page_container p{ font-size: 16px;line-height: 18px; margin-top: 2px;}	

.menu_middle .wimg {max-width: 55%; width: 50%;}	
.wimg{ background-size:contain; height: 157px;}

	
#desktop_view{ display:none;}
#mob_view{ display:show;}
.menu_middle a {font-size: 30px; line-height: 30px; }
.menu_middle ul li{padding: 0 20px 0 0;}
.menu_middle ul{padding: 0;}

.we_wrap h4{ padding:0; font-size:20px;}
.we_wrap p{ padding:0; font-size:16px; margin-top: 6%;}
.we_wrap img { padding: 0 7px; }

.brandandstrergy{ width:100%;margin-top: 3px;}
.web{ width:100%;margin-top: 3px; }
.event{ width:100%;margin-top: 3px; }
.digital{width:100%;margin-top: 3px;}
.elearning{width:100%; }
.threeD{width:100%; }
.twoD { width:100%; }
.audio{width:100%; }
.games{ width:100%; }
 
.wedo_wrap{ margin: 25px auto 100px;}

.cont_mob{ display:none;}
.cont_id{ display:none;}
.cont_pen{ display:none;}
.simplePopup{ max-width: 450px; max-height:300px;overflow-x: scroll;}	
.we_wrap ul li{  margin: 0 0 0 10px;}
.overlay-content ul li{ background-size:25px;}
.overlay-content ul li:hover{ background-size:25px;}

.paper { width: 41%; right: 0px;
    bottom: 55px;}
.headphone{ background-size:contain; width:70%;    bottom: -172px;
    left: -99px;}
.mouse{ background-size:contain; width:16%;right: 24px;
    top: 147px;}
.head{font-size: 40px;     padding-top: 59px;}



.cont_laptop { display:none;}
.cont_mob1{ display:none;}
.cont_id1{ display:none; }
.cont_pen1{ display:none;}


.cont_laptop1 { display:none;}
.cont_mob2{ display:none;}
.cont_id2{ display:none; }
.cont_pen2{ display:none;}

.des_wrap h2{ font-size:20px; }
.des_wrap p{  font-size:16px; }
.des_wrap .p2{ display:none;}
.des_wrap .p3{ display:block; font-size: 16px;margin-top: 3%; margin-bottom: 14%;}
.des_wrap li { font-size: 16px;}
.des_wrap .seo {  padding: 0px 0 3px 95px;}
.des_wrap .smo {  padding: 0px 0 3px 95px;}
.des_wrap .em {     padding: 36px 0 3px 80px;}
.des_wrap .sem {  padding: 0px 0 3px 95px;}

.des_wrap .ppc{ padding: 0px 0 28px 95px;}


.feat_one_inner {width: 50%;}
.feat_one_inner p { padding: 6%; margin-bottom: 60%;}
.feat_one { margin-top: 15%;}
.catg_one p{ font-size:14px;}

#portfolio ul.controls { display:block;     justify-content: none; }

#portfolio ul.controls li {
     float:none; 
   
   
    padding: 9px 16px;
    margin: 10px 40px 0 40px;
    
   
    text-align: center;
}
.gallery .out h2 {
   
    font-size: 12px;}
	.gallery .out p {
  
    font-size: 11px;}
	#portfolio ul#Grid {
    margin: 30px 0 74px 0;}
	video{width:250px;}
	
	.des_wrap { margin: 23px 0 50px 4px;}
	.modal-content {
  
     width:100%;
    margin-left:0%; 
	 margin-top: 69%;
}
.span1 {
    
    width: 20%;
}

.prod_logo{ width:40%; text-align:left;}	
.col-lg-4 .span2 {
   
    width: 17%;
}
.out .span1 {
   
    padding:0px; 
}
}

@media only screen and (max-width: 480px) {
	
.catg_one p{ font-size:14px;}	
	
#popup-video-1{ height:300px;}	
#popup-video-2{ height:300px;}
#popup-video-3{ height:300px;}
#popup-video-4{ height:300px;}
	
.prod_name{ width:100%;}
.prod_logo{ width:40%; }	
	
.ludo_links{width: 62%; bottom:0; right:5px;}
prod_img iframe{ height:250px !important;}	
.copyrt{ text-align:center; float:none;line-height: 35px;}
.social__icons{ text-align:center; float:none;   
    margin-top: 5px;}

.brandandstrergy{ width:100%;margin-top: 3px;}
.web{ width:100%;margin-top: 3px; }
.event{ width:100%;margin-top: 3px; }
.digital{width:100%;margin-top: 3px;}

.elearning{width:100%; }
.threeD{width:100%; }
.twoD { width:100%; }
.audio{width:100%; }
.games{ width:100%; }
.where_left{ width:100%;}
.where_right{ width:100%;}   
.where_wrap{  padding-bottom: 100px;}

.simplePopup{ max-height: 240px;max-width: 270px;overflow-x: scroll;}
.industries ul li{line-height: 14px;margin: 5px 10px 10px 7px; font-size:12px;}
.categories ul li{line-height: 14px;margin: 5px 10px 10px 7px; font-size:12px;}

.menu_middle{ height:auto; top:20%;}

.youtube iframe{ width:100%; height:153px;}
.head{font-size: 40px;}
.feat_one_inner p { padding: 6%;}
.menu_btn {
    
    margin-top: 15px;
   
    width: 11%;
}
.logo {
   
    width: 40%;
}
.logo1 {
    width: 37%;}
	video{width:250px;}
	iframe{width:250px; height:143px;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape){
.page1_left{max-width: 30% !important;}
.page2_left{max-width: 33% !important;}
.page3_left{max-width: 30% !important;}
.page4_left{max-width: 30% !important;}
.page5_left{max-width: 30% !important;}
.page6_left{max-width: 30% !important;}
.page7_left{max-width: 30% !important;}
.bdyclass .main section .page_container{ top:30%;}
.menu_middle{ width:60%;}
.logo1 {
    width: 37%;}

}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape){
.prod_name {
    width: 57%;
}
#portfolio ul#Grid li {
    width: 25%;
}
	.socialicon {
   
    width: 23px;
  
    height: 23px;
}
	.we_wrap img {
   
    padding: 0px 139px;
}
	.head {
    
    padding-top: 44px;
	font-size:40px;
}
.page1_left{max-width: 40% !important;}
.page2_left{max-width: 43% !important;}
.page3_left{max-width: 40% !important;}
.page4_left{max-width: 40% !important;}
.page5_left{max-width: 40% !important;}
.page6_left{max-width: 40% !important;}
.page7_left{max-width: 40% !important;}
.bdyclass .main section .page_container{ top:25%;}
.menu_middle {width: 43%;}
.feat_one_inner {
    width: 25%;
}
.feat_one { margin-top: 5%;}

.logo1 {
    width: 46%;}
	
	.menu_btn {
    margin-top: 10px;
    width: 7%;
}
.menu_btn img{
width: 28px;}


.headphone {
    background-size: contain;
    width: 31%;
    top: 81px;
    left: -82px;
}
.paper {
    width: 16%;}
	.menu_middle {
    width: 44%;
}
.menu_middle ul {
    margin: 0;
    padding: 53px;
}
.menu_middle a {font-size: 20px; line-height: 20px;}
.mouse {
    background-size: contain;
    width: 8%;
    right: 35px;
    top: 59px;
}

#portfolio ul.controls li {
    float: left;
    padding: 9px 16px;
    margin: 7px;
    text-align: center;
	    font-size: 10px;
}
.modal-content {
    width: 50%;
    
    margin: 50px auto;
}
.col-sm-4 {
    width: 33.33333333%;
	float: left;
}

.gallery .out h2 {
    font-size: 13px;
}
.gallery .out p {
    font-size: 13px;
}
.gallery .out span {
   
    padding: 35px;}
}


@media screen and (min-device-width: 768px) and (max-device-width: 900px) and (orientation :landscape){
	.socialicon {
   
    width: 23px;
  
    height: 23px;
}
	.we_wrap img {
   
    padding: 0px 139px;
}
	.head {
    
    padding-top: 44px; font-size:40px;
}
	.logo1 {
    width: 46%;}
	
	.menu_btn {
    margin-top: 10px;
    width: 7%;
}
.menu_btn img{
width: 28px;}


.headphone {
    background-size: contain;
    width: 31%;
    top: 81px;
    left: -82px;
}
.paper {
    width: 16%;}
	.menu_middle {
    width: 44%;
}
.menu_middle ul {
    margin: 0;
    padding: 42px;
}
.menu_middle a {font-size: 33px; line-height: 34px;}
.mouse {
    background-size: contain;
    width: 8%;
    right: 35px;
    top: 59px;
}
.modal-content {
    width: 78%;
    
    margin: 3px auto;
}
	.gallery .out h2 {
    font-size: 13px;
}
.gallery .out p {
    font-size: 13px;
}
}
@media screen and (min-device-width: 950px) and (max-device-width: 1024px) and (orientation :landscape){
	.modal-content {
    width: 100%;
    
    margin: 3px auto;
}

}

@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : portrait){
	.feat_one_inner {width:25%;}
	.feat_one_inner p{font-size:13px; margin-bottom: 60%;}
	
	
}

@media screen and (min-device-width: 321px) and (max-device-width: 480px) and (orientation : portrait){
	
.menu_middle{ width:80%;}	
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#gallery-content-center img{ width:320px;}
.menu_middle{ width:80%;}
	.ludo_links {
    bottom: 4px;
    width: 63%;
}
.modal-content {
  
     width:100%;
    margin-left:0%; 
	 margin-top: 40%;
}

}