@import url("home-2.css");
@import url("font-awesome.min.css");

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #000; }
body { margin: 0; font-size: 0.8em;  font-family:Arial, verdana, Helvetica, sans-serif; }



a{text-decoration:none;}
a:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
a:hover, a:active { outline: 0; }

form, ul, li, b, h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0; list-style:none;}

.clear{clear:both;}


.awards-all{position:fixed; left:0; top:0; z-index:9999}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* For Common Selection CLass*/
::-moz-selection { background: #3f3f3f; color: #FFF; text-shadow: none; }
::selection { background: #3f3f3f; color: #FFF; text-shadow: none; }
::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

@font-face {
    font-family: 'modern_no._20regular';
    src: url('fonts/mod20-webfont.eot');
    src: url('fonts/mod20-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/mod20-webfont.woff') format('woff'),
         url('fonts/mod20-webfont.ttf') format('truetype'),
         url('fonts/mod20-webfont.svg#modern_no._20regular') format('svg');
}

@font-face {
    font-family: 'myriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular-.eot#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg#myriadPro-Regular') format('svg');
}

@font-face {
    font-family: 'myriadPro-Semibold';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: url('fonts/MyriadPro-Semibold-.eot#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Semibold.woff') format('woff'),
         url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('fonts/MyriadPro-Semibold.svg#myriadPro-Semibold') format('svg');
}

@font-face {
    font-family: 'myriadPro-bold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold-.eot#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-bold.woff') format('woff'),
         url('fonts/myriadpro-bold.ttf') format('truetype'),
         url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}


/* COMMON CLASSES FOR IMAGES AND FONTS */
.nav-in h1 a, .social a, .work_box1, .work_box2, .work_box3, .cont, a.close, nav .nav-in a, .loc-ico, #awards, .quick-contact-in ul li.chat a, .address ul li, .likeUs li.like,#awards #awww,.awww_in h3,.logobite h3{background-image:url("../images/common1.png");  background-position:center 0; background-repeat:no-repeat;}
header .headerBg3, header .headerBg31, header .headerBg32, header .headerBg4{background-image:url("../images/common2.png");  background-repeat:no-repeat;}
#creative-lab h2,#contact-us h2,  #Profile h2, #Showcase h2, #Profile .catagory, #Showcase .catagory, #studio h2, #Services h2, .footer-in h6{background-image:url("../images/common5.png");  background-repeat:no-repeat;}

.studioBg2{background-image:url("../images/cloud2.jpg"); background-repeat:no-repeat; height:999px; } 
.contactusBg1{background-image:url("../images/news-whiteBg.png"); background-repeat:no-repeat; height:999px;}

#contact-us .contactusMap{background:#a01daf; background-repeat:no-repeat;}
.clear{clear:both;}





nav, footer, #lab, #contact{position:absolute; width:100%;}
.studioBg1, .studioBg2, .studioBg3, #contact-us, .headerBg2, .ServicesBgIn, .quick-contactBg,  .topicBg2, .headerBg3, .headerBg31, .headerBg32, .headerBg4, .contactBg, .contactusBg1, .contactusMap{position:absolute; width:100%;}
.contact-us-in, #about .about-in, .footer-in, .studio-in, .Services-in, .awwward-in, .loc-ico, .catagory-in, .work-in, #awards{margin:0 auto 0 auto; width:1150px;}
nav .nav-in{margin:0 auto 0 auto; width:1130px;}



#Profile, #Showcase, #awwward, .address, .nav-in a, .about-in h2, .studio-in h4, #Services h4, .studio-in p, .header-in h5, .contact-us-in h6, #Profile h3, #Showcase h3, .box span,#awww .awww_in a, #awards p,#awards label{font-family: 'myriadPro-Regular';}
#about ul li, .nav-in a span, #about .about-in h2 span, .studio-in h4 span, #Services h4 span, .studio-in p a, #studio p.creative-note span, .contact-us-in h6 b, .header-in h5 span, .quick-contact-in ul li h3, .ins-quote ul li h3, #awwward a span{font-family: 'myriadPro-bold';}






#about ul li label, #studio h3, .studio-in h2, #contact h2, #awwward span, .catagory-in a span, #studio p, .work-in, #msgquot, a.bth, .social label, .address ul li, input, textarea, .footer-in p, .ins-quote-in ul li.header p, #creative-lab p, #awards a, .imail span, .footer-in h6{font-family: 'myriadPro-Regular';}




#Profile .catagory .catagory-in a, #Showcase .catagory .catagory-in a, #Profile h3 span, #Showcase h3 span,
#Profile .work-in h4, #Showcase .work-in h4, a.git, #creative-lab p span, .imail a, .address ul li span, .address ul li.eml a, .footer-in h6 a, #portfolio-in .box h3{font-family: 'myriadPro-Semibold';}





#contact-us h2, #Profile h2, #Showcase h2, #studio h2, #studio h3, #Services h2, #creative-lab h2, .undercns{font-family: 'modern_no._20regular';}

#getintouch{ height:1px; top:0px;}
#trionndesign{position:absolute; height:1px;  top:0;}
#studiolookbooks{height:1px;  position:absolute; margin-top:-90px}
#lookbooksservices{height:1px;  position:absolute; margin-top:-90px}

/* MAIN AND CONTAINER CLASSES */
#main{width:100%;}
#container{ z-index:1020;}

/* CONTACT US PART ******************************************/

#contact-us h2{background-position:center 95px; background-position:center -1810px;}
#contact-us{z-index:9996; overflow:hidden; top:-950px; height:950px; background-color:#fff; position:absolute;}
#contact-us .contactusBg1{height:950px;  z-index:10; top:0; background-position:center 0; }
#contact-us .contactusMap{top:-500px; height:1400px; z-index:9; background-position:center -13px;}
#contact-us h2{color:#5e5e5e; top:-200px; position:relative; font-size:3.9em;  line-height:52px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#contact-us h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

.loc-ico{display:none; width:100px; height:150px; position:relative; z-index:11; background-position:center -720px; margin:-78px auto 0 auto;}
.contact-us-in{display:none; position:relative; z-index:11; }
.contact-us-in .quick-contact{ height:152px; overflow:hidden; position:relative;}
.quick-contact-in{position:relative; z-index:50;}
a.bth{position:absolute; font-size:1.5em; color:#000; margin:-291px 0 0 886px;}
a.bth:hover{color:#540f5e;}

.quick-contact-in ul li{float:left; width:325px}
.quick-contact-in ul li.header{width:318px;}
.quick-contact-in ul li h3{color:#fff; font-size:3em; padding:57px 0 0 36px; letter-spacing:-1px}
.quick-contact-in ul li.imail{color:#fff;  padding:26px 0 0 0;  width:415px; line-height:34px; letter-spacing:-1px}
.quick-contact-in ul li.imail a{ color:#fff; font-size:2.4em;}
.quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.6em;}
.quick-contact-in ul li.chat{padding:35px 0 0 0;}
.quick-contact-in ul li.chat a{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:1.2em; color:#fff; display:block; float:left; width:90px; padding:10px 7px 8px 50px; margin:0 10px 10px 0;}

.quick-contact-in ul li.chat a.skype{background-position:-76px -1344px}
.quick-contact-in ul li.chat a.skype:hover{background-position:-76px -1394px}

.quick-contact-in ul li.chat a.gPlus{background-position:-243px -1343px}
.quick-contact-in ul li.chat a.gPlus:hover{background-position:-243px -1393px}

.quick-contact-in ul li.chat a.yahoo{background-position:-415px -1345px}
.quick-contact-in ul li.chat a.yahoo:hover{background-position:-415px -1395px}

.quick-contact-in ul li.chat a.msn{background-position:-582px -1344px}
.quick-contact-in ul li.chat a.msn:hover{background-position:-582px -1394px}

.quick-contactBg{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
.contact-us-in .ins-quote{height:334px; background-color:#fff;}

.ins-quote-in ul li{float:left; padding:36px 0 0 36px; }
.ins-quote-in ul li h3{color:#343434; font-size:3em; letter-spacing:-1px}
.ins-quote-in ul li.header{width:363px;}
.ins-quote-in ul li.header p{float:left; width:280px;font-size:1.1em; color:#5e5e5e; border-bottom:1px solid #c6c6c6; margin:0; padding:8px 0 36px 0;}
.ins-quote-in ul li.header .social{margin:0 !important; padding:15px 0 0 0; clear:both;}
.ins-quote-in ul li.header .social label{display:block !important; font-size:2em; color:#5e5e5e; text-transform:none; padding:0 0 10px 0}
.ins-quote-in ul li.form{width:550px;}
.ins-quote-in ul li.form input{padding:11px 13px 9px; border:1px solid #c9c9c9; width:237px; font-size:1.2em;  float:left; margin:0 8px 8px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input, textarea{box-shadow: inset 2px 2px 2px #f5f5f5; -webkit-box-shadow: inset 2px 2px 2px #f5f5f5; -moz-box-shadow: inset 2px 2px 2px #f5f5f5; color:#666;}

.input_error{ background-color:#ffefef; color:#000 !important;}
.textbox{color:#666; }
.ins-quote-in ul li.form textarea{padding:11px 13px 9px; border:1px solid #c9c9c9; width:510px; height:70px; resize:none; font-size:1.2em; color:#666; float:left; margin:0 8px 8px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact-us-in h6 span a{color:#000 !important; }
.contact-us-in h6 a:hover{color:#ee224d !important; }

.gmt{ float:right !important; margin:0px 12px 0 0 !important; width:200px  !important; font-size:1.3em !important; color:#fff !important; border:none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%);
  background-color:#535353;
 /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); */
  box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;
}
.gmt:hover{cursor:pointer;
	background: -moz-linear-gradient(top,  #3f3f3f 0%, #535353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#535353)); 
  background: -webkit-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: -o-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: -ms-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: linear-gradient(to bottom,  #3f3f3f 0%,#535353 100%);  
  background-color:#3f3f3f;
  
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#535353',GradientType=0 ); */
}
.gmt:active{
	box-shadow: inset 2px 3px 3px #282828 !important; -webkit-box-shadow: inset 2px 2px 2px #282828 !important; -moz-box-shadow: inset 2px 2px 2px #282828 !important;
	cursor:pointer; padding:9px 10px 6px 10px;  
	background: -moz-linear-gradient(top,  #7d7d7d 0%, #535353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#535353)); 
  background: -webkit-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: -o-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: -ms-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: linear-gradient(to bottom,  #7d7d7d 0%,#535353 100%);
  background-color:#535353; 
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#535353',GradientType=0 ); */
}

input.focus, textarea.focus{background:#f8f8f8; color:#000 !important; }
#msgquot{position:absolute; display:none; background:#fff; z-index:10; color: #262626; line-height:30px; font-size: 1.4em;  margin:0; height:100px; padding:81px 0 9px 0px; width: 538px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #c9c9c9;}
#msgquot span{color:#34b800}  
.process{position:absolute; display:none; background:url("../images/loader.gif") 50% 50% no-repeat; margin:22px 0 0 80px; padding:41px 25px 41px 25px; width:340px; height:60px;}

.contact-us-in h6{font-size:1.1em; text-align:left; padding:14px 34px 11px; background-color:#fff; border-top:1px solid #cccccc; border-bottom:1px solid #424242;}
.contact-us-in h6 span{float:right;}

a.close{display:block; cursor:pointer; top:16px !important; right:13px !important; float:right; background-position:-561px -65px; width:50px; height:50px;  position:absolute;}
a.close:hover{background-position:-606px -65px;}


.boxcy { position:relative; display:block;}

/* NAVIGATION PART */
nav{top:0; height:150px; overflow:hidden;  z-index:999; border-bottom:0px solid #000; position:fixed;}

.nav-in h1{width:150px; height:110px; float:left; padding:5px; text-align: center;}
.nav-in h1 img{
	width:140px;}
.nav-active	{
	height:68px!important;}
.nav-active .nav-in h1 img{
	width:65px;}
.nav-in h1 a{float:left;   padding:0 !important; margin:0 !important; width:150px; height:69px; background-position:0 -120px !important;}

.nav-active{background-color:#333 !important;}
.nav-active .nav-in-link{height:69px; text-align:right;}
.nav-active .nav-in-link .nav-in-link{ text-align:left; margin:0 0 0 0;}
.nav-active .nav-in-link a{text-transform:uppercase; background-position:right -202px !important; color:#a4a4a4; display:inline-block; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-active .nav-in-link a:hover{color:#fff; background-position:right -302px !important; }
.nav-active .nav-in-link a.active{color:#fff; background-position:right -302px !important; }
.nav-active .nav-in-link #home{color:#a4a4a4;}
.nav-active .nav-in-link #home:hover{color:#fff;}

.nav-in-link{height:69px; text-align:right;}
.nav-in-link .nav-in-link{text-align:right; margin:0px 0 0 0; }
.nav-in-link a{text-transform:uppercase; background-position:right -100px !important; color:#fff; display:inline-block; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-in-link a:hover{color:#fff; background-position:right 0  !important;}
.nav-in-link a.active{color:#fff !important; background-position:right 0  !important;}

#home{text-transform:uppercase; color:#fff; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-in-link a.active{color:#fff}

/* TOP PART HEADER MAIN SECTIONS */
header{position:fixed;  width:100%; top:-1px; height:494px; overflow:hidden; z-index:300; }


header .headerBg{height:1012px; overflow:hidden; text-align:left;  top:0px; background-position:center 0; background-repeat:no-repeat;}
header .headerBg2{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20}

header .headerBg3, header .headerBg31, header .headerBg32, header .headerBg4{height:544px; text-align:left; top:0; background-position:center 0;  background-repeat:no-repeat;}

header .headerBg3{background-position:center -55px; z-index:99; left:-180px;}
header .headerBg31{background-position:center -594px; z-index:48; display: none;}
header .headerBg32{background-position:center -1138px; z-index:46; display: none;}
header .headerBg4{background-position:-380px -1682px; z-index:60;}
/*header .headerBg5{background-image:url("../images/headerBg5.png"); z-index:60; position: absolute; top: 0px; left: 1250px; width: 550px; height: 531px;}*/
@media (max-width: 1280px) and (min-width: 1024px){
  header .headerBg4{background-position:-700px -1682px!important;}
}
@media (max-width: 1440px) and (min-width: 1280px){
  header .headerBg4{background-position:-600px -1682px!important;}
}
@media (max-width: 1600px) and (min-width: 1441px){
  header .headerBg4{background-position:-520px -1682px!important;}
}

header .header-in{height:100px; top:-140px; width:1000px;  position:relative; margin:0 auto 0 auto; padding:0 0 0 0; z-index:9999}
header .header-in h5{font-weight:normal; font-size:2em; color:#fff; padding:30px 0 30px 0; border:1px; letter-spacing:-1px; margin:0 auto 0 auto; background-position:0 0; background-repeat:repeat;  position:relative; z-index:50; text-align:center; }
header .header-in h5 span{font-size:1.6em; letter-spacing:-2px; }
header .header-in h1{margin:0 0 0 28px;  width:335px; height:130px; float:left; background-position:-8px -277px;}
header .header-in h1 a{display:block;  width:335px; height:130px; float:left;}
.header-in .tagLine{float:right; width:460px;}
.header-in h2{color:#4663c0; font-size:4.3em;  padding:13px 0 0 0; letter-spacing:-3px;}
.header-in h2 span{color:#ff4900;}
.header-in h3{ font-size:2em; color:#4e4e4e; margin:-10px 0 0 0; background-position:0px 18px;}
.header-in h3 span{display:block; color:#4e4e4e;  padding:2px 0 0 0;  font-size:22px !important; letter-spacing:0 !important}
.headerMore{background-color:#ff0000 !important; position:fixed;}

/* HEADER QUICL CONTACT PART */
#about{/*height:930px;*/ /*height:850px;*/ margin-top:543px !important; z-index:200; border:0px solid #ff0000}
#about .about-in h2{width:1000px; font-size:2.3em; color:#656464; padding:10px 0 50px 0; border-bottom:1px solid #cccccc; margin:0 auto 0 auto;  background-position:0 0; background-repeat:repeat;  position:relative; z-index:50; text-align:center;}
#about .about-in h2 .one{color:#151515;}
#about .about-in h2 .two{color:#434343; }
#about .about-in h2 .three{color:#6b6b6b; }
#about .about-in h2 span{font-size:1.4em; letter-spacing:-1px; color:#000;}
#about ul {margin:35px 0 0 0}
#about ul li{float:left; height:60px; font-size:1.9em; text-align:center; line-height:27px;}
#about ul li label{display:block; font-size:0.6em; color:#7a7a7a;}
#about ul li.m-email{width:390px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#about ul li.m-email a{color:#851991;}
#about ul li.lr{width:300px;}
#about ul li.lr .iq{color:#851991; line-height:50px;}
#about ul li a:hover{color:#5e1268;}
#about ul .lr .desktop{color:#851991; padding-top:14px;}
#about ul li.lr a:hover{color:#5e1268;}


.social{color:#676767; position:absolute; width:400px; font-size:0.6em; text-transform:uppercase; margin:0 0 0 0px; color:#fff;}
.social a{display:inline-block; cursor:pointer;}
.social a.fb{background-position:-2px -2px;}
.social a.fb:hover{background-position:-2px -35px;}
.social a.in{background-position:-38px -2px;}
.social a.in:hover{background-position:-38px -35px;}
.social a.twt{background-position:-75px -2px;}
.social a.twt:hover{background-position:-75px -35px;}
.social a.gp{background-position:-111px -2px;}
.social a.gp:hover{background-position:-111px -35px;}
.social a.gp2{background-position:-147px -2px;}
.social a.gp2:hover{background-position:-147px -35px;}

/* HONOURS AND AWARDS */
#awards{text-align:center; background: none; background-position:center -1144px; margin-top:60px;}
#awards a{font-size:1.1em; display:block; line-height:20px; padding:50px 0 10px 0; width:460px; margin:0 auto 0 auto; color:#585858;}
#awards a span{color:#cd983a; }
#awards #awww { background-color:#fff; width:100%; margin:30px 0 35px 0;  border-top:5px solid #e40030; border-bottom:1px solid #ccc; padding:40px 0; background-position:center  -2358px;}
#awww .awww_in,#awww .logobite{ width:40%; float:left; text-align:center;}
#awww .logobite {float:right;}
.logobite h3 {background-position:-839px -1828px; height:40px; display:block;}
.awww_in h3 {background-position:-858px -1684px; height:40px; display:block;}
.awww_in h4,.awww_in h5,.logobite h4, .logobite h5 {font-family: 'myriadPro-Semibold'; font-size:1.5em; color:#000; margin:10px 0 2px;}
#awww .awww_in a, #awww .logobite a {display:inline; font-size:1.3em; color:#8f8f8f; padding:0;}
.awww_in h5,.logobite h5 {margin-top:20px;}
#awww .awww_in a:hover, #awww .logobite a:hover{color:#5e1268;}
#awards p {font-size:1.6em; margin:0 0 5px !important; color:#585858;}
#awards p span {font-family: 'myriadPro-Semibold'; color:#000}
#awards p a { display:inline !important; font-size:1em !important; color:#E9274A;}
#awards p a:hover {color:#000;}
#awards label { font-size:1.2em; color:#b9b9b9;}

.undercns{height:370px; display:none; position:absolute; width:1000px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}

/* OUR WORK PART */
#Profile{text-align:center; padding:90px 0 0 0; margin:0 auto 0 auto; border:0px solid #0000ff;}
#Profile h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#Profile h2{background-position:center -1811px;}
#Profile h2 span{color:#1a1a1a;display:block; font-size:2.2em;}
#Profile h3{color:#5e5e5e;  font-weight:normal !important; position:relative; font-size:2.4em;  line-height:38px; z-index:10; padding:0 0 47px 0; text-align:center !important;}
#Profile h3 span{color:#1a1a1a;display:block; font-size:1.3em; letter-spacing:-1px}
#Profile .topicBg{height:367px; overflow:hidden; position:relative; text-align:left;  top:0px; background-position:center 0; background-repeat:no-repeat;}
#Profile .topicBg2{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20}


#Profile .catagory{ position:absolute; width:100%; z-index:100; top:0px; background-position:center 0;}
#Profile .catagory .catagory-in {height:370px;}
#Profile .catagory .catagory-in a{float:left;  height:210px; color:#fff; font-size:46px;  letter-spacing:-3px}
#Profile .catagory .catagory-in a span{display:block; margin:-14px 0 0 0; font-size:21px; letter-spacing:0px; width:260px; margin-top: 0px;}
#Profile .catagory .catagory-in a.web{width:253px; margin-top:370px; margin-left:110px !important; }
#Profile .catagory .catagory-in a.brand{width:295px; margin-top:370px; margin-left:90px !important; }
#Profile .catagory .catagory-in a.brand span{padding-left:5px !important;}
#Profile .catagory .catagory-in a.app{width:325px; margin-top:370px; margin-left:75px !important; }

#Profile .work-in{ font-size:1.4em; margin:55px auto 0 auto; color:#5c5c5c; line-height:25px; text-align:center;}
#Profile .work-in h4{font-size:2.4em; color:#000; text-align:center; letter-spacing:-1px; margin:50px 0 50px 0}
#Profile .work-in a.git{display:block; width:400px; padding:20px; font-size:1.8em; margin:0 auto 0 auto; color:#8d8d8d; border-top:1px solid #999; border-bottom:1px solid #999;}
#Profile .work-in a.git:hover{color:#e51d37; border-top:1px solid #000; border-bottom:1px solid #000;}


























#Showcase{text-align:center; padding:0 0 0 0; margin:0 auto 0 auto; border:0px solid #0000ff;}
#Showcase h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#Showcase h2{background-position:center -1584px;}
#Showcase h2 span{color:#1a1a1a;display:block; font-size:2.2em;}
#Showcase h3{color:#5e5e5e;  font-weight:normal !important; position:relative; font-size:2.4em;  line-height:38px; z-index:10; padding:0 0 47px 0; text-align:center !important;}
#Showcase h3 span{color:#1a1a1a;display:block; font-size:1.3em; letter-spacing:-1px}
#Showcase .topicBg{height:367px; overflow:hidden; position:relative; text-align:left;  top:0px; background-position:center 0; background-repeat:no-repeat;}
#Showcase .topicBg2{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20}


#Showcase .catagory{ position:absolute; width:100%; z-index:100; top:0px; background-position:center 0;}
#Showcase .catagory .catagory-in {height:370px;}
#Showcase .catagory .catagory-in a{float:left;  height:210px; color:#fff; font-size:46px;  letter-spacing:-3px}
#Showcase .catagory .catagory-in a span{display:block; margin:-14px 0 0 0; font-size:21px; letter-spacing:0px; width:300px; margin-top: 0px;}
#Showcase .catagory .catagory-in a.web{width:335px; margin-top:370px; margin-left:32px !important; }
#Showcase .catagory .catagory-in a.brand{width:295px; margin-top:370px; margin-left:80px !important; }
#Showcase .catagory .catagory-in a.brand span{padding-left:45px ;padding-top:15px;}
#Showcase .catagory .catagory-in a.app{width:300px; margin-top:370px; margin-left:105px !important; }
#Showcase .catagory .catagory-in a.app span{padding-left:55px; padding-top:15px;}
#Showcase .work-in{ font-size:1.4em; margin:55px auto 0 auto; color:#5c5c5c; line-height:25px; text-align:center;}
#Showcase .work-in h4{font-size:2.4em; color:#000; text-align:center; letter-spacing:-1px; margin:50px 0 50px 0}
#Showcase .work-in a.git{display:block; width:400px; padding:20px; font-size:1.8em; margin:0 auto 0 auto; color:#8d8d8d; border-top:1px solid #999; border-bottom:1px solid #999;}
#Showcase .work-in a.git:hover{color:#e51d37; border-top:1px solid #000; border-bottom:1px solid #000;}
















/* STUDIO TRIONN PART */
#studio{ border:0px solid #ff0000; padding-top:210px; position:relative;}
#studio .studio-in{border-top:1px solid transparent; z-index:300; top:0; }
.studioBg1{z-index:1; margin:120px 0 0 0; height:999px; background-position:center 0; }
.studioBg2{z-index:2; margin:120px 0 0 0; background-position:center 0;}
.studioBg3{z-index:3; margin:120px 0 0 0; background-position:center 0;}

#studio h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#studio h2{background-position:center -2034px;}
#studio h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

#studio .studio-in h4{position:absolute !important; width:1000px; font-size:2.1em; color:#656464; padding:30px 0 30px 0; border:1px; letter-spacing:0; margin:0; position:relative; z-index:50; text-align:center;}
#studio .studio-in h4 span{font-size:1.4em; letter-spacing:-1px}
#studio .studio-in h4 .one{color:#151515; }
#studio .studio-in h4 .two{color:#434343; }
#studio .studio-in h4 .three{color:#6b6b6b; }
#studio .big-box{ z-index:100; width:788px; height:257px;  margin:190px 0 0 100px; position:absolute; overflow:hidden;  background-color:rgb(97, 46, 147)!important;}

.servicebox{max-width: 1000px; margin: 24px auto;}
.servicebox .box{width: 44%; float: left; text-align: center; margin: 0px 0px; padding:10px 20px;}
.servicebox .box img{width:40px;}
.servicebox .box h3{font-size: 28px; color: white; font-family: 'myriadPro-Regular'; font-weight:bold;}
.servicebox .box p{font-family: 'myriadPro-Regular'; font-size: 17px; color: white;}
.clr{clear:both;}

.cont{width:788px; height:257px; position:absolute;  z-index:1000}
.cont div{ float:left; height:202px; position:absolute; margin-top:45px}
.cont div span{display:block;  float:left; background-image:url("../images/exp.png"); background-repeat:no-repeat;}
.cont .n1{width:160px;  overflow:hidden}
.cont .n1 span{height:444px;width:160px; background-position:24px -25px; margin-top:0;}
.cont .n2{width:170px;  overflow:hidden; margin-left:140px;}
.cont .n2 span{height:3206px;  width:170px; background-position:-194px -1500px; margin-top:0;}
.b0{background-position:10px -262px; height:1337px; top:0;}
.b1{display:none; position:relative; z-index:1000;}
.b2{display:none; position:relative; z-index:1000;}
.b3{display:none; position:relative; z-index:1000;}

.b1 h5 { text-align:center; text-shadow:1px 1px 1px #613200; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.6em; color:#fff; margin-top:36px; line-height:45px;}
.b1 h5 span.big { font-family: 'myriadPro-bold'; font-size:1.6em; letter-spacing:-2px; }
.b1 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b1 h5 span.small { font-family: 'myriadPro-Regular';font-size:0.7em; }
.b1 h5 span.small b {font-family: 'myriadPro-Semibold';font-size:1.1em }
.b1 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.b2 h5 { text-align:center; text-shadow:1px 1px 1px #661248; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.4em; color:#fff; margin-top:36px; line-height:45px;}
.b2 h5 span.big {font-family: 'myriadPro-bold'; font-size:1.5em; letter-spacing:-2px; }
.b2 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b2 h5 span.small { font-family: 'myriadPro-Regular'; font-size:0.7em; }
.b2 h5 span.small b { font-weight:bold; font-family: 'myriadPro-bold'; }
.b2 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.b3 h5 { text-align:center; text-shadow:1px 1px 1px #660a66; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.7em; color:#fff; margin-top:37px; line-height:45px; }
.b3 h5 span.big { font-family: 'myriadPro-bold'; font-size:1.5em; letter-spacing:-2px; }
.b3 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b3 h5 span.med2 { font-family: 'myriadPro-Semibold'; font-size:0.9em; }
.b3 h5 span.small {font-family: 'myriadPro-Regular'; font-size:0.7em; }
.b3 h5 span.small b { font-weight:bold; font-family: 'myriadPro-bold';}
.b3 h5 span.small2 { font-family: 'myriadPro-Regular';font-size:0.6em; }
.b3 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.innerBg{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
#studio .box{width:254px; height:181px; background-color:#3e3e3e;  z-index:100;position:absolute; top:806px;}
#studio .box1{margin:0 0 0 100px;}
#studio .box2{margin:0 0 0 354px; border-left:13px solid #fff;}
#studio .box3{margin:0 0 0 621px;border-left:13px solid #fff;}

.work_box1, .work_box2, .work_box3{color:#fff; height:67px; text-align:center; font-family: 'myriadPro-Semibold' !important; font-size:1.4em; font-weight:normal; padding:90px 0 0 0; margin-top:25px; }
.work_box1 span, .work_box2 span, .work_box3 span { color:#fff; font-family: 'myriadPro-Regular' !important; font-size:1em; font-weight:normal; }
.work_box1 {  background-position:38px -1586px; }
.work_box1:hover { background-position:38px -1805px; }
.work_box2 {background-position:-188px -1586px;}
.work_box2:hover { background-position:-188px -1803px; }
.work_box3 {background-position:-414px -1586px;}
.work_box3:hover { background-position:-414px -1805px; }

#studio p{margin:460px 0 100px 0;  z-index:102; position:relative; color:#4e4e4e; text-align:center; font-size:1.9em; letter-spacing:0;}
#studio p a{color:#e9274a;}
#studio p a:hover{color:#000;}

/* TRIONN Services PART */
#Services{ border:0px solid #ff0000; padding-top:100px; position:relative;
	
	}
#Services .Services-in{border:0px solid #000; z-index:300; top:0;  height:750px;}
#Services  h4{font-size:2.1em; color:#656464; padding:0 0 30px 0; border:1px; letter-spacing:0; margin:0; position:relative; z-index:50; text-align:center;}
#Services  h4 span{font-size:1.4em; letter-spacing:-1px; color:#1A1A1A}
#Services .Services-in2{/*margin-left:-160px;*/ border:0px solid #000; z-index:300; top:0; position:relative;  height:850px;}



.ServicesBg{height:750px; border:0px solid #ff0000; overflow:hidden; position:absolute; width:100%}
/*.ServicesBgIn{height:1042px; text-align:left; background-image:url("http://www.trionndesign.com/images/test.jpg");  top:0px; background-position:12px -283px; background-repeat:no-repeat; z-index:20;}*/
.ServicesBgIn{height:750px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}



#Services h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 35px 0; text-align:center !important; text-transform:uppercase}
#Services h2{background-position:center -1584px;}
#Services h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

#Services .tBox{width:305px; height:715px; margin-top:78px;  border:0px solid #00ff00; position:absolute; z-index:100;  background-image:url("../images/Services-sprite.png");
	
	
	}
#Services .tp1{background-position:0 0; left:-212px;   z-index:200}
#Services .tp2{background-position:-304px 0; left:-81px; z-index:200}
#Services .tp3{background-position:-585px -10px; left:18px; z-index:190}
#Services .tp4{background-position:-920px 0; left:120px; z-index:200}
#Services .tp5{background-position:-1246px 0; left:327px; z-index:130}
#Services .tp6{background-position:-1521px 0; left:417px; z-index:180}
#Services .tp7{background-position:-1832px 0; left:526px; z-index:190}
#Services .tp8{background-position:-2152px 0; left:637px; z-index:180}
#Services .tp9{background-position:-2457px 0; left:754px; z-index:190}
#Services .tp10{background-position:-2780px 0; left:878px; z-index:200}

#Services .tp14{background-position:-2570px -720px; left:250px; z-index:200}
#Services .tp15{background-position:-2213px -720px; left:250px; z-index:201}

#Services .tp11{background-position:-688px -723px; width:570px; border:0px solid #000;  margin-top:77px; left:60px; z-index:201}
#Services .tp12{background-position:-51px -719px; width:570px; border:0px solid #000;  margin-top:100px; left:-204px; z-index:200}
#Services .tp13{background-position:-1361px -875px; height:413px; width:600px; border:0px solid #000;  left:530px; top:360px;  z-index:200}


/* TRIONN STUDIO CREATIVE LAB PART */
#creative-lab{border:0px solid #00ff00; padding-top:70px; position:relative; z-index:100;}
#creative-lab p{margin:10px 0 0 0; color:#696969;  text-align:center; font-size:1.6em; letter-spacing:0;}
#creative-lab p span{color:#585858;}
.creative-lab-in{width:1000px; margin:0 auto 0 auto; }
.creative-lab-in p {margin:-10px 0 0 0;}
span.space{display:block; line-height:0; font-size:0.1em; height:1px @important;}
#creative-lab h2{text-transform:uppercase; line-height: 44px;  position:relative; font-size:9.1em; letter-spacing:-7px; color:#ff0048; text-align:center; padding:0 0 35px 0; margin:70px 0 0 0;}
#creative-lab h2{ background-position:center -1577px;}
#creative-lab h2 span{  color:#000; }
#creative-lab h2 span.one{font-size:0.8em; margin:0 50px 0 -274px; letter-spacing:3px; line-height:90px;}
#creative-lab h2 span.two{margin:0 0 0 400px; font-size:0.6em; letter-spacing:1px}
#creative-lab p.creative-note{margin:0 !important;}

#lab{ overflow:hidden; position:relative; z-index:300; margin:20px 0 0 0;}
.fadein {overflow:hidden;  margin:0 auto 0 auto !important; width:2000px; height:499px;}

#headerimgs{ margin:0 auto 0 auto !important; width:100%; height:647px;}
.headerimg { background-position: center top; background-repeat: no-repeat; height:499px; position:absolute !important; width:100%; margin:0 auto 0 auto}

.fadein img{ margin:0 auto 0 -40px; position:absolute; margin:0 auto 0 auto}
.awwward-in{z-index:5555}
#awwward{padding:20px 0 20px 0;  width:1000px; line-height:44px; letter-spacing:-2px; position:absolute; font-size:3.2em; color:#000; text-align:center; margin:500px 0 0 0; z-index:5555}
#awwward span{color:#434343;}
#awwward span b{font-weight:normal; color:#000000;}
#awwward a:hover{color:#000 !important;}
#awwward a:hover span{color:#000 !important}

#awwward a{color:#000}
#awwward span.pink{color:#ff0048 !important;}

/*** Like Buttons *****/ 
.social-box-line{text-align:center; padding:0px 0 0px 0px; margin:10px 0 0 0}
.social-box-bg {  text-align:center; font-weight:normal !important}
.sl{border:none !important}

.facebook-like{padding:13px 6px 6px 8px; width:60px;}
.linked-like{padding:13px 6px 6px 8px; width:62px;}
.twt-like{padding:13px 6px 6px 8px; width:61px;}
.google-like{padding:15px 6px 6px 8px; width:63px;}

.likeUs{border:0px solid #000; right:-313px; padding:0px;  position:fixed; top:80px; height:85px; z-index:9999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }	
.likeUs li{width:78px; height:85px; float:left; margin-left:0px; text-align:center; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0px; }

.likeUs li.like{background-position:-898px -2020px; border:0px solid #00ffff}
.likeUs li.fb-but{background-color:#3b5998;}
.likeUs li.ld-but{background-color:#0073b2;}
.likeUs li.twt-but{background-color:#00acee;}
.likeUs li.gp-but{background-color:#292929;}	


/* FOOTER CLASS  */ 
footer { z-index:150;}
.footer-in{font-size:0.8em; padding:0 0 0 0; color:#959595;}

.address{border-top:1px solid #ddd; padding:45px 0 50px 0; border-bottom:1px solid #ddd}
.address ul{margin:0 0 0 80px}
.address ul li{float:left; height:90px; padding-top:11px !important;  font-size:1.4em; color:#6d6d6d;}
.address ul li label{display:block; }
.address ul li.add{background-position:-62px -2022px; width:280px; padding:0 0 0 56px;}
.address ul li.add span{color:#000;}
.address ul li.mob{background-position:-65px -2214px; width:280px; padding:0 0 0 48px;  color:#6d6d6d !important; margin-left:90px;}
.address ul li.eml{background-position:-441px -2034px; width:186px; padding:0 0 0 63px;}
.address ul li.eml a{color:#000;}
.address ul li a:hover{color:#ee224d !IMPORTANT;}
.address ul li.sn{background-position:-438px -2212px; width:80px; padding:0 0 0 64px;}
.address ul li.sn a{color:#6d6d6d;}

.footer-in h6{text-align:center; background-position:center -2064px; font-size:3em; color:#393939; margin:0px 0 0 0}
.footer-in h6 a{background-color:#901b9c; color:#fff; font-size:1.3em; padding:12px 10px 8px 10px; width:402px; letter-spacing:-1px; display:block; margin:5px auto 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.footer-in h6 a:hover{background-color:#505050;}
.footer-in h6 span{font-size:14px}
.footer-in h6 span b{color:#ee224d !IMPORTANT;}

.footer-in .social-box-line{text-align:center !important; padding:0px 0 0px 281px; margin:10px 0 50px 0}
.footer-in .social-box-bg {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #e9e9e9; text-align:center; font-size:1.4em !important; color:#fff;  background-color:#fff; background-position:-268px -69px;  margin:0px 7px 0 0; float:left; height:20px; text-align:center; line-height:17px;}
.footer-in p{font-size:1.3em; color:#7c7c7c; text-align:center; margin:55px 0 0 0 ; line-height:20px;}
.footer-in p span{display:block; margin:50px 0 20px 0; font-size:0.8em;}
.footer-in p a{color:#000; text-decoration:underline; text-transform:uppercase}
.footer-in p a:hover{color:#ee224d !IMPORTANT;}


/********/

.res-bg{position:fixed; display:none1; width:100%; height:100%; top:0; background:url("../images/bb.png") 0 0 repeat;z-index:9999; border:0px solid #ff0000}
.res-bg-in{width:1075px; background-color:#ff0000; height:658px; margin:80px auto 0 auto; background:url("../images/responsive.png") 0 0 repeat;}
.res-bg-in a{display:block; height:100px; width:100px; margin:20px 20px 0 0; float:right; border:0px solid #000;}

/*********/

/****************** Portfolio Part ***************************/
header.port-header {height:69px;  position:fixed !important}





#link_part {padding-top:80px; padding-bottom:20px; width:100%; z-index:151; background-color:#fff;}
.links_in,#book_port, #brand_port, #app_port {width:1000px; margin:0 auto;}
.links_in .tab { cursor:pointer; float:left; font-family:'myriadPro-Semibold'; font-size:3.4em; color:#cacaca; letter-spacing:-5px; border-bottom:7px solid #b2b2b2;  padding-bottom:18px; width:285px; margin-right:47px;}
.links_in .tab:hover{    border-bottom: 7px solid #69408b;}

.links_in .tab label{cursor:pointer; letter-spacing: 0px;}
.links_in .tab a  {font-family:'myriadPro-Regular'; font-size:14px; letter-spacing:0px; display:block; float:left; width:260px; margin-top:8px; line-height:17px; color:#9d9d9d;}
.links_in .tab a:hover{
	color:#84188e;}

.links_in .tab label{float:left; margin:0 14px 60px 0}
.links_in .tab span.fst { margin-right:0; }
.links_in .tab span.trd { margin-right:0; }  

.links_in .active a{
	width:145px;} 
.links_in .active {border-bottom:7px solid #db242d; color:#000}





#portfolio {margin-top:0px;position:relative;}
#portfolio-in{width:1000px; height:1200px; margin:0 auto 0 auto; position:relative; overflow:hidden;}
#view-in{width:1170px; margin:0 auto 0 auto; position:relative; overflow:hidden;}


#view-in ul li {
	
    margin: 30px 0px 0px 0px;
       border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
	margin:5px;
}

#view-in ul li a {
  
   display: block;
   position: relative;
}

#view-in ul li a img {
   position: absolute;

		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}


#view-in ul li:hover #image-6 {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}














#view-in .otf li {
	width:23%;
    margin: 30px 0px 0px 0px;
        border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
	margin:5px;
}

#view-in .otf li a {
   min-height: 405px;
   display: block;
   position: relative;
}
#view-in .otf li a img {
    
	 padding:0px;
  box-shadow:none;
  background:#FFF;
  border:none;
  width:269px;
}
#view-in .otf li a img {
   position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}


#view-in .otf li:hover #image-6 {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#view-in .od li a {
   min-height: 270px;
   display: block;
   position: relative;
}
#view-in .od li a img {
    
	 padding:0px;
  box-shadow:none;
  background:#FFF;
  border:none;
  width:266px;
}
#portfolio-in .box span{ height:26px;  width:48px; float:right; text-align:center; background-color:#3f3f3f; display:inline-block; padding:11px 0;  font-size:22px; color:#fff; }
#portfolio-in .box h3{border:0px solid #000; position:absolute; margin:100px 0 0 20px; text-transform:uppercase; width:250px; float:left; font-size:1.4em; padding:10px 0 0 0; color:#767676;}
#book_port, #brand_port, #app_port{ width:100%; }
#portfolio-in .box {margin:0 1px 15px 0; float: left; width:332px; overflow:hidden;}
#portfolio-in .box a{display:block; margin-top:48px;}




#book_port .view {position:absolute; padding:7px 0 4px 0; background-color:#303030; bottom:0; width:100%; text-align:center; z-index:150; margin:20% auto 0 0; border:0px solid #99f; font-family: 'myriadPro-Regular';  color:#fff; font-size:1.3em; display:none}
/*----- Web Part -----*/
#book_port{}
#book_port .part1 {height:269px;}
#book_port .part2 {height:288px;}
#book_port .part3 {height:297px;}
#book_port .part4 {height:266px;}
#book_port .part5 {height:266px;}
#book_port .part6 {height:266px;}
#book_port .part7 {height:287px;}
#book_port .part8 {height:269px;}
#book_port .part9 {height:269px;}
#book_port .part10 {height:269px;}
#book_port .part11 {height:269px;}
#book_port .part12 {height:298px;}
#book_port .part13 {height:286px;}
#book_port .part14 {height:430px;}
#book_port .part15 {height:269px;}
#book_port .part16 {height:325px;}
#book_port .part17 {height:325px;}



/*------ Brand Part --------- +48 */
#brand_port { margin:0 0 0 100%;}
#brand_port .part1 {height:214px;}
#brand_port .part2 {height:336px;}
#brand_port .part3 {height:320px;}
#brand_port .part4 {height:500px;}
#brand_port .part5 {height:540px;}
#brand_port .part6 {height:392px;}
#brand_port .part7 {height:540px;}
#brand_port .part8 {height:432px;}
#brand_port .part9 {height:392px;}


/*------ Apps Part ---------*/
#app_port { margin:0 0 0 200% }
#app_port .part1 {height:348px; width:332px !important}
#app_port .part2 {height:298px;}
#app_port .part3 {height:248px;}
#app_port .part4 {height:318px;}
#app_port .part5 {height:185px;}
#app_port .part6 {height:442px; width:332px !important}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}

.desktop{display:block}
.mobl{display:none}
/*********************************************/
#book_port .box img {
	max-width:100%;}

/***********/

@media (max-width: 568px) {
	.mobl{display:block}
	.desktop{display:none}
	
	}

nav .blk_box, nav .blk_box .menu, nav .submenu,#slider, #slider .slider_in  {display:none;}
@media screen and  (min-width: 310px) and (max-width: 479px)
{
	

	#view-in{
		width:100%;}
		
.p210 li{    width: 95%!important;
}

.p211 li{    width: 95%!important;
}
.p212 li{    width: 95%!important;
}
.p213 li{    width: 95%!important;
}
.p214 li{    width: 95%!important;
}
.p215 li{    width: 95%!important;
}
.p216 li{    width: 95%!important;
}
.p217 li{    width: 95%!important;
}
.p218 li{    width: 95%!important;
}
.p219 li{    width: 95%!important;
}
.p220 li{    width: 95%!important;
}
.ods li{    width: 95%!important;
}
.combo li{    width: 94%!important;
}
.studio li{
	width:96%!important;}
.studio li a{
	height:auto!important;}
	
	nav{height:50px;}
	
	header.port-header {height:60px !important;}
	
	.awards-all{display:none}
	.res-bg{display:none}
	
	.undercns{height:437px; display:none; position:absolute; width:310px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	 
	 nav {overflow:visible;}
	 .nav-active{background-color:#000 !important; height:48px;}
	.nav-in-link {display:none;}
	.nav-in h1 a{height:48px !important; background-position: 0 -93px !important; background-size: 985px auto !important; -o-background-size:985px auto !important;  
  -webkit-background-size:985px auto !important;   
  -khtml-background-size:985px auto !important;   
  -moz-background-size:985px auto !important; width: 113px !important;}
	/*-------------------------- For Nevigation Part ----------------------------*/
	 nav .blk_box {background-color:#000; opacity:0.73; padding:24px 25px 24px 26px; position:fixed; z-index:1; display:block; top:0px; right:0px;}
	 nav .blk_box .menu { cursor:pointer; width:27px; position:fixed; z-index:99999; border:2px solid #FFF; display:block; right:9px; top:11px; background:url("../images/menu_icon1.png") center no-repeat; height:19px;}
	 nav .submenu { width:100%; text-align:center; z-index:-1; position:fixed; padding:47px 0 0;  display:none; right:0px; top:0;  background-color:#000; opacity:0.83; }
	 nav .submenu a {display:block; color:#FFF; font-size:1.1em !important;text-transform:uppercase; padding:15px 0; border-bottom:1px solid #8c8b8b;}
	 nav .submenu a.last{border:none;}
	 nav .submenu a#home {padding:15px 0; border-bottom:1px solid #8c8b8b;}
	/*-------------------------- End Nevigation Part ----------------------------*/
	#contact-us .contactusMap{background-image:none;}
	#contact-us h2 span {font-size:2em;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:100% !important;}
	#awwward{font-size:1.6em; line-height:24px; margin-top:338px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#Profile h2, #studio h2, #Showcase h2, #Services h2{font-size:1.7em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:4.5em; background-position:center -969px; padding:10px 0 30px 0 ; line-height:17px;
	background-size: 1070px auto !important;
 	-o-background-size:1070px auto !important;  
  -webkit-background-size:1070px auto !important;   
  -khtml-background-size:1070px auto !important;   
  -moz-background-size:1070px auto !important;}
	
	#creative-lab h2 span.one{margin:0 64px 0 -109px; letter-spacing:0; font-size:0.5em; line-height:42px;}
	#creative-lab h2 span.two{margin:0 0 0 187px; font-size:0.5em;}
	#lab{margin-top:0;}

	#Profile{padding-top:90px;}
	#Profile .work-in{margin-top:20px; line-height:21px;}
	#Profile .work-in p{font-size:0.9em; margin:0 30px ;}
	#Profile .work-in h4{ font-size:1.4em !important; margin-top:15px; margin-bottom:15px; line-height:25px;}	
	#Profile .work-in a.git{font-size:1.3em !important; width:265px; padding:15px 0 15px 0;}
		
	#Profile h3{font-size:1.3em; line-height:20px;  padding:0 0 20px 0;}
	
	
	#Showcase{padding-top:0px;}
	#Showcase .work-in{margin-top:20px; line-height:21px;}
	#Showcase .work-in p{font-size:0.9em; margin:0 30px ;}
	#Showcase .work-in h4{ font-size:1.4em !important; margin-top:15px; margin-bottom:15px; line-height:25px;}	
	#Showcase .work-in a.git{font-size:1.3em !important; width:265px; padding:15px 0 15px 0;}
		
	#Showcase h3{font-size:1.3em; line-height:20px;  padding:0 0 20px 0;}
	
	
/* SLIDER PART */
	#slider{height:425px; width:100%; display:block; margin:0 auto !important; }
	#slider img{width:100%; margin-top: 10px; height:340px;}
	/*#slider .slider_in { display:block; float:left; overflow:hidden; width:100%;}*/
	
/* END SLIDER PART */
	#headerimgs{height:327px; display:none;}
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:315px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:315px;}
	header .headerBg2-1{display:block; height:315px; width:100%; background-image:url("../images/topBanner-small2.jpg");  top:0px; background-position:center -35px; background-repeat:no-repeat; z-index:20;
	-o-background-size:530px auto !important;  
  -webkit-background-size:530px auto !important;   
  -khtml-background-size:530px auto !important;   
  -moz-background-size:530px auto !important;
  background-size: 530px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:700px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	#Profile .topicBg{height:437px;}
	#Profile .catagory {background:none;}
	#Profile .topicBg .catagory-in{width:310px !important;}
	#Profile .topicBg .catagory-in a{font-size:4.7em; letter-spacing:-5px; margin-top:0px !important; height:132px; text-align:center; border-bottom:5px solid #fff;}
	#Profile .topicBg .catagory-in a span{font-size:16px;  margin:-9px 0 0 6px; font-family:'myriadPro-Semibold'; line-height:17px; }
	
	#Profile .catagory .catagory-in a.web{width:275px; margin:9px 0 0 15px !important;}
	#Profile .catagory .catagory-in a.brand{margin-left:15px!important; width:275px; margin-top:7px !important}
	#Profile .catagory .catagory-in a.app{margin-left:15px !important; width:275px; border:none;  margin-top:7px !important}
	#Profile .topicBg .catagory-in a.app span {margin-top:0px;}
	
	
	
	
	#Showcase .topicBg{height:700px;}
	#Showcase .catagory {background:none;}
	#Showcase .topicBg .catagory-in{width:310px !important;}
	
	#Showcase .topicBg .catagory-in a span{font-size:16px; font-family:'myriadPro-Semibold'; line-height:17px; padding:0px!important; text-align:center; }
	
	#Showcase .catagory .catagory-in a.web{width:100%; margin:9px 0 0 15px !important; font-size:32px; letter-spacing:-2px;}
	#Showcase .catagory .catagory-in a.brand{margin-left:15px!important; width:275px; margin-top:7px !important; font-size:32px; letter-spacing:-2px;}
	#Showcase .catagory .catagory-in a.app{margin-left:15px !important; width:275px; border:none;  margin-top:7px !important; font-size:32px; letter-spacing:-2px;}
	#Showcase .topicBg .catagory-in a.app span {margin-top:0px;}
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #Profile .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
	
	#about{margin-top:0 !important; height:955px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:310px !important; font-size:1.2em;}
	#about ul{margin-top:8px;}
	#about ul li{float:left; height:90px;}
	#about ul li a{font-size:0.9em}
	#about .icon-button{
		height: 2rem;
		    width: 2rem;}
		#about .icon-button:hover span {
	width: 2rem;
    height: 2rem;
    border-radius: 3.6rem;
    margin: -1.0rem;
}
#about .icon-button i{
	    height: 2rem;
		width: 2rem;
		line-height: 2rem;}
	#about ul li.lr2 .social{
		width:98%;}

	#about ul li.lr{width:100%;}
	#about ul li .iq{padding-left:0; line-height:41px;}
	#about ul li.lr2{width:100% !important; padding:0px 0 0;}
	#about ul li.lr2 .social{margin-left:0px !important;  margin-top:13px;}
	
	#about ul li.m-email{width:100%; border:none;}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px; }
	#awwward{width:310px}
	
	#awards{width:310px; margin-top:85px; background-position:center -625px;
	-o-background-size:835px auto !important;  
  -webkit-background-size:835px auto !important;   
  -khtml-background-size:835px auto !important;   
  -moz-background-size:835px auto !important;
  background-size: 835px auto !important;}
	#awards a{padding:132px 0 10px; font-size:1.1em; width:310px;}
	
	#awards #awww {padding:20px 0; background-image:none; margin:25px 0;}
	#awww .awww_in, #awww .logobite {width:100%; float:left !important;}
	#awww .logobite {margin-top:20px;}
	.awww_in h3 { background-position:-908px -1684px;}
	.logobite h3 { background-position:-882px -1828px;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.3em; margin:0;}
	.awww_in h5, .logobite h5 {margin-top:6px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1.2em;}
	#awards p {font-size:1em;}
	#awards label {font-size:0.9em;}
	
	.servicebox .box{width: 90%; padding:5px 20px;}
	.servicebox .box img{width:15px;}
	.servicebox .box h3{font-size: 18px;}
	.servicebox .box p{font-size: 15px;}
	.ServicesBgIn, .ServicesBg, #Services .Services-in{height:1040px;}
	#Profile .catagory .catagory-in a{font-size: 32px; letter-spacing: -2px;}
	
	
	#about{height:180px;}	
	.b0 .n1, .b0 .n2{margin-top:0px;}
	.b0 .n2{margin-left:50px;}
	.cont div{height:200px;}	
	/*#Services{padding:0; padding-top:40px;}*/
	#jobwork{
		height:1725px;}
	
	.footer-in h6 a{font-size:1em; width:250px; margin-left:19px; padding: 8px 10px;}
	.footer-in p{font-size:1.3em; margin:30px 25px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:310px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;  margin-top:25px !important; font-size: 2.3em;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px; font-size:1em}
	.address ul li.add, .address ul li.mob, .address ul li.eml, .address ul li.sn {margin-left:30px;} 
	.address ul li.add{width:100%; padding:0 0 0 53px; margin:0px;}
	.address ul li.mob{width:100%;  padding:0 0 0 55px; margin-bottom:-12px; margin-left:0px;}
	.address ul li.eml{width:100%;  padding:0 0 0 53px; margin:0px;}
	.address ul li.sn{width:90px;  padding:0 0 0 55px; background-position: -438px -2202px;}
	
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #Services h4{width:298px; font-size:1.2em; padding:10px 0; margin-left:9px;}
	#studio p{margin:360px 0 80px; font-size:1.3em; }
	#studio .box{width:98px; height:55px; margin-top:-353px !important;}
	#studio .big-box{width:304px !important; margin-top:107px !important; height:160px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:3px; height: 201px; margin-top: 144px!important;}	
	#studio .box2{margin-left:101px; border-left:5px solid #fff}	
	#studio .box3{margin-left:204px; border-left:5px solid #fff}
	.b0{background-position:-5px -77px;
	background-size: 533px auto !important;
 	-o-background-size:533px auto !important;  
  -webkit-background-size:533px auto !important;   
  -khtml-background-size:533px auto !important;   
  -moz-background-size:533px auto !important; margin-left:9px;}
	.b0 .n1{width:46px;}
	.b0 .n2{margin-left:46px;}
	.b0 .n1, .b0 .n2{margin-top:27px;}
	.b0 .n1 span{background-position:-14px -101px  !important}
	.b0 .n2 span{background-position:-97px -1448px  !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 184px 3082px !important;
 	-o-background-size:184px 3082px !important;  
  -webkit-background-size:184px 3082px !important;   
  -khtml-background-size:184px 3082px !important;   
  -moz-background-size:184px 3082px !important;}
	.b2 h5 span.big{font-size:1.3em; }
	.b1 h5 span.big, .b2 h5 span.big, .b3 h5 span.big {font-family: 'myriadPro-Regular'; font-size:1em !important; letter-spacing:1px;}
	 .b1 h5 span.med, .b2 h5 span.med, .b3 h5 span.med {font-family: 'myriadPro-Regular';}	
	 .b1 h5 span.small {font-size:0.8em;}
	#creative-lab p{font-size:1.3em}
	.b1 h5{line-height:19px !important; margin-top:10px; font-size:1.8em; padding-top:10px;}
	.b2 h5, .b3 h5{line-height:22px !important; margin-top:10px !important; font-size:1.7em !important; padding-top:10px;}
	.work_box1, .work_box2, .work_box3{margin-top:13px;  margin:0 2px 0 2px; background-image:none; padding:10px 0 0 0; font-size:1em; height:50px; line-height:17px;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.work_box1 span,.work_box2 span,.work_box3 span {display:none;}
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:100% !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:566px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:224px;}
	.contact-us-in h6{padding:10px 0 30px; text-align:center;}
	.contact-us-in h6 span {margin:3px 60px 0 0;}
	.contact-us-in .quick-contact{height:179px;}
	
	.quick-contact-in ul li {margin-left:5px; width:310px;}
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{width:305px; padding-top:20px; text-align:center; line-height: 23px !important;}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em !important;}
	.quick-contact-in ul li.chat{padding-top:10px;}
	.quick-contact-in ul li.chat a {margin:0px 7px 7px 0px; font-family:'myriadPro-bold';}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:371px; padding:14px 0 0 0px;}
	.ins-quote-in ul li.form textarea{width:293px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:134px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:62px !important; width:308px !important; font-size:1.4em !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:179px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:-647px -9px;  background-size: 1177px auto !important; -o-background-size:1177px auto !important;  
  -webkit-background-size:1177px auto !important;   
  -khtml-background-size:1177px auto !important;   
  -moz-background-size:1177px auto !important; background-repeat:no-repeat; z-index:20;}

/*----- Start Portfolio Part ------*/
	#link_part {padding-top:60px;}	
	.links_in {width:290px;}
	.links_in a {width:82px; font-size:1.6em; letter-spacing:-1px; margin-right:22px; padding-bottom:5px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:25px;}
	#portfolio-in {width: 290px; height:3580px; }
	#portfolio-in .box {width:290px !important;}
	#portfolio-in .box a img {width:290px !important;}
	#portfolio-in .box h3 {font-size:1.2em;}
	
/*----- Web Part -----*/	
#book_port .part1 {height:285px;}
#book_port .part2 {height:260px;}
#book_port .part3 {height:386px; top: 580px;}
#book_port .part4 {height:264px; top: 970px;}
#book_port .part5 {height:280px; top: 1250px;}
#book_port .part6 {height:280px; top: 1545px;}
#book_port .part7 {height:264px; top: 1840px;}
#book_port .part8 {height:383px; top: 2120px;}
#book_port .part9 {height:348px; }
#book_port .part14 {height:385px;}
#book_port .part15 {height:348px; top: 2520px;}
/*------ Brand Part ---------*/
#brand_port .part1 {height:446px;}
#brand_port .part2 {height:291px;}
#brand_port .part3 {height:333px;}
#brand_port .part4 {height:445px;}
#brand_port .part5 {height:480px;}
#brand_port .part6 {height:350px;}
#brand_port .part7 {height:480px;}
#brand_port .part8 {height:385px;}
#brand_port .part9 {height:350px;}


/*------ Apps Part ---------*/
#app_port .part1 {height:248px;}
#app_port .part2 {height:538px;}
#app_port .part3 {height:543px;}
#app_port .part4 {height:543px;}
#app_port .part5 {height:543px;}
#app_port .part6 {height:222px;}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}
/*----- End Portfolio Part ------*/

.art {
	width:100%!important;}

.art .col-md-3{
	width:94%;}
	
	
.art .ih-item.circle .info	{
	width:100%!important;}
	
	.art .topicBg{
		height:auto!important;}

#jobwork .team-in{
	width:100%!important;}
	.nav-in h1 img {
    width: 52px!important;
}
.nav-active .nav-in h1 img {
    width: 40px;
}
.nav-active {
    height: 75px!important;
}
.servicebox .col-lg-6{
	width: 90%!important;
    margin: 0px!important;}
#changethewords{
	display:none;}
.nav-in h1{
	    width: 65px;
    height: 65px;}
}


@media screen and  (min-width: 480px) and (max-width: 629px){
	.nav-in h1{
	    width: 65px;
    height: 65px;}
	#changethewords{
	display:none;}
#jobwork .team-in{
	width:100%!important;}
.art {
	width:100%!important;}
.nav-active {
    height: 50px!important;
}
.art .col-md-3{
	width:94%;}
	
.servicebox .col-lg-6{
	width: 90%!important;
    margin: 0px!important;}	
.art .ih-item.circle .info	{
	width:100%!important;}
	
	.art .topicBg{
		height:auto!important;}
		
		.nav-in h1 img {
    width: 59px;
}
.nav-active .nav-in h1 img {
    width: 40px;
}		
		
	.lr{display:none;}
	
	.awards-all{display:none}
	header.port-header {height:49px !important;}
	.res-bg{display:none}
	.undercns{height:437px; display:none; position:absolute; width:480px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	.nav-in-link {display:none;}
	 nav {overflow:visible;}
	 .nav-active{background-color:#000 !important; height:48px;}
	.nav-in h1 a{height:48px !important; background-position: 0 -93px !important; background-size: 985px auto !important; -o-background-size:985px auto !important;  
  -webkit-background-size:985px auto !important;   
  -khtml-background-size:985px auto !important;   
  -moz-background-size:985px auto !important; width: 113px !important;}
	 /*-------------------------- For Nevigation Part ----------------------------*/
	 nav .blk_box {background-color:#000; opacity:0.73; padding:24px 25px 24px 26px; position:fixed; z-index:1; display:block; top:0px; right:0px;}
	 nav .blk_box .menu { cursor:pointer; width:27px; position:fixed; z-index:1; border:2px solid #FFF; display:block; right:9px; top:11px; background:url("../images/menu_icon1.png") center no-repeat; height:19px;}
	 nav .submenu { width:100%; text-align:center; z-index:-1; position:fixed; padding:47px 0 0;  display:none; right:0px; top:0;  background-color:#000; opacity:0.83; }
	 nav .submenu a {display:block; color:#FFF; font-size:1.1em !important;text-transform:uppercase; padding:15px 0; border-bottom:1px solid #8c8b8b;}
	 nav .submenu a.last{border:none;}
	 nav .submenu a#home {padding:15px 0; border-bottom:1px solid #8c8b8b;}
	/*-------------------------- End Nevigation Part ----------------------------*/
	#contact-us .contactusMap{background-image:none;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:480px !important;}
	#awwward{font-size:1.9em; line-height:30px; margin-top:339px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#Profile h2, #studio h2, #Showcase h2, #Services h2{font-size:1.9em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:5em; background-position:center -756px; padding:0 0 15px 0 ; line-height: 24px;
	background-size: 958px auto !important;
 	-o-background-size:958px auto !important;  
  -webkit-background-size:958px auto !important;   
  -khtml-background-size:958px auto !important;   
  -moz-background-size:958px auto !important;}
	
	#creative-lab h2 span.one{margin:0 62px 0 -122px; letter-spacing:0; font-size:0.6em; line-height: 43px;}
	#creative-lab h2 span.two{margin:0 0 0 202px; font-size:0.6em;}
	#lab{margin-top:0;}

	#Profile{padding-top:75px;}
	#Profile .work-in{margin-top:20px;}
	#Profile .work-in p{font-size:0.9em; margin:0 30px ;}
	#Profile .work-in h4{ font-size:1.4em !important; margin-top:20px; margin-bottom:30px;}	
	#Profile .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#Profile h3{font-size:1.5em; line-height:24px;  padding:0 0 20px 0;}
	
	
	#Showcase{padding-top:75px;}
	#Showcase .work-in{margin-top:20px;}
	#Showcase .work-in p{font-size:0.9em; margin:0 30px ;}
	#Showcase .work-in h4{ font-size:1.4em !important; margin-top:20px; margin-bottom:30px;}	
	#Showcase .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#Showcase h3{font-size:1.5em; line-height:24px;  padding:0 0 20px 0;}
	
	#headerimgs{display:none;}
/* SLIDER PART */
	#slider{height:440px; width:100%; display:block; margin:0 auto !important; }
	#slider img{width:100%; margin-top: 10px; height:340px;}
/* END SLIDER PART */
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:199px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:238px;}
	header .headerBg2-1{display:block; height:238px; width:100%; background-image:url("../images/topBanner.jpg");  top:0px; background-position:center -15px; background-repeat:no-repeat; z-index:20;
	-o-background-size:652px auto !important;  
  -webkit-background-size:652px auto !important;   
  -khtml-background-size:652px auto !important;   
  -moz-background-size:652px auto !important;
  background-size: 652px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:430px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:-376px -99px; background-size: 1014px auto !important; -o-background-size:1014px auto !important;  
  -webkit-background-size:1014px auto !important;   
  -khtml-background-size:1014px auto !important;   
  -moz-background-size:1014px auto !important; background-repeat:no-repeat; z-index:20;}
	
	#Profile .topicBg{height:375px;}
	#Profile .catagory {background:none;}
	#Profile .topicBg .catagory-in{width:480px !important;}
	#Profile .topicBg .catagory-in a{font-size:62px; letter-spacing:-5px; margin-top:25px !important; height:70px; border-bottom:5px solid;}
	#Profile .topicBg .catagory-in a span{font-size:16px; margin:-73px 0 0 204px; line-height: 16px;}
	
	#Profile .catagory .catagory-in a.web{width:415px; margin-left:30px !important;}
	#Profile .catagory .catagory-in a.brand{margin-left:30px !important; width:415px;}
	#Profile .catagory .catagory-in a.app{margin-left:30px !important; width:415px;}
	
	
	
	
	#Showcase .topicBg{height:375px;}
	#Showcase .catagory {background:none;}
	#Showcase .topicBg .catagory-in{width:480px !important;}
	#Showcase .topicBg .catagory-in a{font-size:62px; letter-spacing:-5px; margin-top:25px !important; height:70px; border-bottom:5px solid;}
	#Showcase .topicBg .catagory-in a span{font-size:16px; margin:-73px 0 0 204px; line-height: 16px;}
	
	#Showcase .catagory .catagory-in a.web{width:415px; margin-left:30px !important;}
	#Showcase .catagory .catagory-in a.brand{margin-left:30px !important; width:415px;}
	#Showcase .catagory .catagory-in a.app{margin-left:30px !important; width:415px;}
	
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #Profile .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
  
   #contact-us h2, #Showcase .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
  
  .ServicesBgIn, .ServicesBg, #Services .Services-in{height:850px;}
	
	#about{margin-top:0 !important; height:180px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:420px !important; font-size:1.5em;}
	#about ul{margin-top:8px;}
	#about ul li{float:left; height:45px;}
	#about ul li a{font-size:1em}

	#about ul li.lr{width:479px;}
	#about ul li .iq{padding-left:13px; line-height:41px;}
	#about ul li.lr2{width:370px !important; padding:0px 0 0;}
	#about ul li.lr2 .social{margin-left:136px !important;  margin-top:13px;}
	
	#about ul li.m-email{width:479px; border:none;}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px;  }
	#awwward{width:480px}
	
	#awards{width:480px; margin-top:65px; background-position:center -844px;
	-o-background-size:971px auto !important;  
  -webkit-background-size:971px auto !important;   
  -khtml-background-size:971px auto !important;   
  -moz-background-size:971px auto !important;
  background-size: 971px auto !important;}
	#awards a{padding:38px 0 10px; font-size:1.1em}
	
	#awards #awww {padding:20px 0; margin:10px 0; background-position: -192px -1616px; background-size: 909px auto !important;}
	#awww .awww_in {width:45% !important;}
	#awww .logobite {width:38% !important;}
	.awww_in h3 { background-position: -773px -1401px; background-size: 1100px auto;}
	.logobite h3 { background-position: -773px -1520px; background-size: 1100px auto;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.2em; margin:0;}
	.awww_in h5 {margin-top:10px !important;}
	.logobite h5 {margin-top:28px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1em;}
	#awards p {font-size:1.2em; margin:0 !important;}
	#awards label {font-size:0.8em;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:47px;}
	.footer-in p{font-size:1.5em; margin:30px 25px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:480px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;  margin-top:25px !important;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px; font-size:1em}
	.address ul li.add{width:198px; padding:0 0 0 53px; margin-left:10px; }
	.address ul li.mob{width:130px;  padding:0 0 0 55px;}
	.address ul li.eml{width:200px;  padding:0 0 0 53px; margin-left:10px; }
	.address ul li.sn{width:90px;  padding:0 0 0 55px;}
	
	.servicebox .box{width: 90%; padding:5px 20px;}
	.servicebox .box img{width:25px;}
	.servicebox .box h3{font-size: 22px;}
	.servicebox .box p{font-size: 16px;}
	.ServicesBgIn, .ServicesBg, #Services .Services-in{height:1040px;}
	#Profile .catagory .catagory-in a{font-size: 64px; letter-spacing: -2px;}
	
	#Showcase .catagory .catagory-in a{font-size: 64px; letter-spacing: -2px;}
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #Services h4{width:480px; font-size:1.3em; padding:10px 0;}
	#studio p{margin:380px 0 100px; font-size:1.3em; }
	#studio .box{width:145px; height:70px; margin-top:-350px !important;}
	#studio .big-box{width:460px !important; margin-top:145px !important; height:208px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:10px;}
	#studio .box2{margin-left:155px;}
	#studio .box3{margin-left:313px;width:144px !important; }
	.b0{background-position:-10px -150px;
	background-size: 823px auto !important;
 	-o-background-size:823px auto !important;  
  -webkit-background-size:823px auto !important;   
  -khtml-background-size:823px auto !important;   
  -moz-background-size:823px auto !important;}
	.b0 .n1{width:110px;}
	.b0 .n2{margin-left:33px;}
	.b0 .n1, .b0 .n2{margin-top:5px;}
	.b0 .n1 span{background-position:13px -121px !important}
	.b0 .n2 span{background-position:-112px -1725px !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 275px 3670px !important;
 	-o-background-size:275px 3670px !important;  
  -webkit-background-size:275px 3670px !important;   
  -khtml-background-size:275px 3670px !important;   
  -moz-background-size:275px 3670px !important;}
	.b2 h5 span.big{font-size:1.3em;}
	
		
	#creative-lab p{font-size:1.3em}
	.b1 h5{line-height:30px !important;}
	.b1 h5, .b2 h5, .b3 h5{line-height:35px; margin-top:22px; font-size:2.3em;}
	.work_box1, .work_box2, .work_box3{margin-top:13px;  margin:0 5px 0 5px; background-image:none; padding:20px 0 0 0; font-size:1.1em; height:50px; line-height:17px;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:100% !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2 {background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:471px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:234px;}
	.contact-us-in h6{padding:14px 7px 29px;}
	.contact-us-in h6 span {float:left;}
	.contact-us-in .quick-contact{height:100px;}
	
	.quick-contact-in ul li {width:229px;}
	
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.8em; width:241px; padding-top:28px; margin-left:10px; line-height:20px;}
	.quick-contact-in ul li.chat{padding-top:14px;}
	.quick-contact-in ul li.chat a { padding: 9px 0 8px 33px; width: 75px; font-size: 1em; margin:0px 6px 6px 0px; }
	.quick-contact-in ul li.chat a.skype { background-position: -82px -1346px; }
	.quick-contact-in ul li.chat a.skype:hover{background-position:-82px -1394px}
	.quick-contact-in ul li.chat a.gPlus { background-position: -251px -1343px; }
	.quick-contact-in ul li.chat a.gPlus:hover{background-position:-251px -1393px}
	.quick-contact-in ul li.chat a.yahoo { background-position: -425px -1345px; }
	.quick-contact-in ul li.chat a.yahoo:hover{background-position:-425px -1395px}
	.quick-contact-in ul li.chat a.msn { background-position: -588px -1344px; }
	.quick-contact-in ul li.chat a.msn:hover{background-position:-588px -1394px}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:650px; padding:18px 0 0 9px;}
	.ins-quote-in ul li.form textarea{width:446px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:211px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:187px !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:120px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/
	#link_part {padding-top:55px;}	
	.links_in {width:450px;}
	.links_in a {width:135px; font-size:1.8em; letter-spacing:-1px; margin-right:22px; padding-bottom:5px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:115px;}
	#portfolio-in {width: 450px; height: 4200px;}
	#portfolio-in .box h3 {font-size:1.2em;}
/*----- End Portfolio Part ------*/
}










@media screen and  (min-width: 630px) and (max-width: 759px) {
	.awards-all{display:none}
	header.port-header {height:69px !important;}
	.res-bg{display:none}
	
	.undercns{height:220px; display:none; position:absolute; width:640px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	#contact-us .contactusMap{background-image:none;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:640px !important;}
	#awwward{font-size:2.5em; line-height:37px; margin-top:230px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#Profile h2, #studio h2, #Showcase h2, #Services h2{font-size:1.9em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:5em; background-position:center -757px; padding:0px 0 20px 0 ; line-height: 24px;
	background-size: 958px auto !important;
 	-o-background-size:958px auto !important;  
  -webkit-background-size:958px auto !important;   
  -khtml-background-size:958px auto !important;   
  -moz-background-size:958px auto !important;}
	
	#creative-lab h2 span.one{margin:0 58px 0 -125px; letter-spacing:0; font-size:0.6em; line-height: 43px;}
	#creative-lab h2 span.two{margin:0 0 0 199px; font-size:0.6em;}
	#lab{margin-top:0;}

	#Profile{padding-top:50px;}
	#Profile .work-in{margin-top:20px;}
	#Profile .work-in p{font-size:0.9em; margin:0;}
	#Profile .work-in h4{ font-size:1.8em !important; margin-top:20px; margin-bottom:30px;}	
	#Profile .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#Profile h3{font-size:1.8em; line-height:29px;  padding:0 0 20px 0;}
	
	
	#Showcase{padding-top:90px;}
	#Showcase .work-in{margin-top:20px;}
	#Showcase .work-in p{font-size:0.9em; margin:0;}
	#Showcase .work-in h4{ font-size:1.8em !important; margin-top:20px; margin-bottom:30px;}	
	#Showcase .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#Showcase h3{font-size:1.8em; line-height:29px;  padding:0 0 20px 0;}
	
	
	
	#headerimgs{height:357px}
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:238px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:238px;}
	header .headerBg2-1{display:block; height:238px; width:100%; background-image:url("../images/topBanner.jpg");  top:0px; background-position:center -38px; background-repeat:no-repeat; z-index:20;
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:220px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	#Profile .topicBg{height:220px;}
	#Profile .topicBg .catagory-in{width:740px !important;}
	#Profile .topicBg .catagory-in a{font-size:2em; letter-spacing:-1px; margin-top:50px !important;}
	#Profile .topicBg .catagory-in a span{font-size:16px}
	
	#Profile .catagory .catagory-in a.web{width:206px; margin-left:20px !important;}
	#Profile .catagory .catagory-in a.brand{margin-left:70px !important; width:200px;}
	#Profile .catagory .catagory-in a.app{margin-left:15px !important; width:210px;}
	
	
	
	#Showcase .topicBg{height:220px;}
	#Showcase .topicBg .catagory-in{width:740px !important;}
	#Showcase .topicBg .catagory-in a{font-size:2em; letter-spacing:-1px; margin-top:30px !important;}
	#Showcase .topicBg .catagory-in a span{font-size:16px}
	
	#Showcase .catagory .catagory-in a.web{width:206px; margin-left:20px !important;}
	#Showcase .catagory .catagory-in a.brand{margin-left:60px !important; width:200px;}
	#Showcase .catagory .catagory-in a.app{margin-left:10px !important; width:210px;}
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #Profile .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
  
  
  #contact-us h2, #Showcase .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
	
	#about{margin-top:0 !important; height:220px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:580px !important; font-size:1.7em;}
	#about ul{margin-top:25px;}
	#about ul li{float:left; height:100px;}
	#about ul li a{font-size:0.8em}
	
	#about ul li.lr{width:49%;}
	#about ul li .iq{padding-left:13px; line-height:41px;}
	#about ul li.lr2{width:100% !important; padding:00px 0 0;}
	#about ul li.lr2 .social{margin-left:0 !important;  margin-top:5px;}
	
	#about ul li.m-email{width:49%; padding:0px 20px; border-right:none; padding:0px;}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px; width:85%; }
	#about ul li.lr .social a{ font-size:20px;}
	#awwward{width:640px}
	
	#awards{width:640px; margin-top:70px; background-position: center -844px;
	-o-background-size:971px auto !important;  
  -webkit-background-size:971px auto !important;   
  -khtml-background-size:971px auto !important;   
  -moz-background-size:971px auto !important;
  background-size: 971px auto !important;}
	#awards a{padding:36px 0 10px; font-size:1.1em}
	#awards #awww {padding:20px 0;  background-position: -324px -2385px; margin:13px 0 15px 0}
	.awww_in h3 {background-position:-924px -1684px;}
	.logobite h3 {background-position: -904px -1828px;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.3em; margin: 4px 0 2px;}
	.awww_in h5, .logobite h5 {margin-top:10px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1em;}
	#awards label {font-size:1em;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:131px;}
	.footer-in p{font-size:1.5em; margin:40px 95px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:640px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px;  font-size:1em}
	.address ul li.add{width:220px; padding:0 0 0 53px; margin-left:0px; }
	.address ul li.mob{width:200px;  padding:0 0 0 55px;}
	.address ul li.eml{width:220px;  padding:0 0 0 53px; margin-left:0px; }
	.address ul li.sn{width:220px;  padding:0 0 0 55px;}
	
	.servicebox .box{width:43%!important;}
	.servicebox .box img{width:30px;}
	.servicebox .box h3{font-size:24px;}
	.servicebox .box p{font-size:16px;}
	
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #Services h4{width:640px; font-size:1.5em; padding:10px 0;}
	#studio p{margin:380px 0 100px; font-size:1.5em; }
	#studio .box{width:184px; height:70px; margin-top:-350px !important;}
	#studio .big-box{width:580px !important; margin-top:117px !important; height:257px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:30px;}
	#studio .box2{margin-left:215px;}
	#studio .box3{margin-left:413px;}
	.b0{background-position:-10px -206px;
	background-size: 1013px auto !important;
 	-o-background-size:1013px auto !important;  
  -webkit-background-size:1013px auto !important;   
  -khtml-background-size:1013px auto !important;   
  -moz-background-size:1013px auto !important;}
	.b0 .n1{width:110px;}
	.b0 .n2{margin-left:70px;}
	.cont div {height:250px;}
	.b0 .n1, .b0 .n2{margin-top:5px;}
	.b0 .n1 span{background-position:13px -162px !important}
	.b0 .n2 span{background-position:-144px -2148px !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 314px 4572px !important;
 	-o-background-size:314px 4572px !important;  
  -webkit-background-size:314px 4572px !important;   
  -khtml-background-size:314px 4572px !important;   
  -moz-background-size:314px 4572px !important;}
		
	.b1 h5, .b2 h5, .b3 h5{line-height:35px; margin-top:22px; font-size:2.3em;}
	.work_box1, .work_box2, .work_box3{margin-top:15px;  background-image:none; padding:0; font-size:1.3em;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:640px !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:471px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:234px;}
	.contact-us-in h6{padding:14px 25px 11px;}
	.contact-us-in .quick-contact{height:100px;}
	
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.9em; width:284px; padding-top:19px; margin-left:25px}
	.quick-contact-in ul li.chat{padding-top:9px;}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:650px; padding:18px 0 0 26px;}
	.ins-quote-in ul li.form textarea{width:572px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:125px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:62px !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.4em !important;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:120px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/
	#link_part {padding-top:80px;}	
	.links_in {width:600px;}
	.links_in a {width:185px; font-size:1.9em; letter-spacing:-1px; margin-right:22px; padding-bottom:8px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:148px;}
	#portfolio-in {width: 600px; height:2035px; }
	#portfolio-in .box {width:297px !important;}
	#portfolio-in .box a img {width:297px !important;}
	
	/*----- Web Part -----*/	
#book_port .part1 {height:444px;}
#book_port .part2 {height:289px;}
#book_port .part3 {height:332px;}
#book_port .part4 {height:444px;}
#book_port .part5 {height:480px;}
#book_port .part6 {height:348px;}
#book_port .part7 {height:478px;}
#book_port .part8 {height:383px;}
#book_port .part9 {height:348px;}
/*------ Brand Part ---------*/
#brand_port .part1 {height:446px;}
#brand_port .part2 {height:291px;}
#brand_port .part3 {height:333px;}
#brand_port .part4 {height:445px;}
#brand_port .part5 {height:480px;}
#brand_port .part6 {height:350px;}
#brand_port .part7 {height:480px;}
#brand_port .part8 {height:385px;}
#brand_port .part9 {height:350px;}


/*------ Apps Part ---------*/
#app_port .part1 {height:248px;}
#app_port .part2 {height:538px;}
#app_port .part3 {height:543px;}
#app_port .part4 {height:543px;}
#app_port .part5 {height:543px;}
#app_port .part6 {height:222px;}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}
/*----- End Portfolio Part ------*/
}







@media screen and  (min-width: 760px) and (max-width: 980px) {
	.awards-all{display:none}
	header.port-header {height:69px !important;}
	.res-bg{display:none}
	
	.undercns{height:253px; display:none; position:absolute; width:738px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:760px !important;}
	
	#awwward{font-size:3.0em; line-height:37px;}
	#about .about-in h2{font-size:1.8em; width:700px !important;}
	#Profile h2, #studio h2, #Showcase h2, #Services h2{font-size:2.9em; line-height:39px; padding:0 0 30px 0; background-position:center -614px;
	
		background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;
		
		}
		
		
	#creative-lab	h2{font-size:6.1em; background-position:center -1842px; padding:0 0 15px 0 ; line-height: 29px; }
	#creative-lab h2 span.one{margin:0 55px 0 -155px; letter-spacing:0; line-height: 61px;}
	#creative-lab h2 span.two{margin:0 0 0 255px;}
	#lab{margin-top:0;}
		
		#Profile .work-in h4{ font-size:2em !important; margin-top:40px;}	
	#Profile .work-in a.git{font-size:1.5em !important; width:300px;}
		
	#Profile h3{font-size:2.1em; line-height:29px;  padding:0 0 30px 0;}
	
	#Showcase .work-in h4{ font-size:2em !important; margin-top:40px;}	
	#Showcase .work-in a.git{font-size:1.5em !important; width:300px;}
		
	#Showcase h3{font-size:2.1em; line-height:29px;  padding:0 0 30px 0;}
	
	/*#studio h2{background-position:0 0;}*/
	#studio .studio-in h4, #Services h4{font-size:1.8em; padding:10px 0;}
	header{height:292px !important; position:relative !important; top:-1px !important;}
	header .header-in{position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:292px;}
	header .headerBg2-1{display:block; height:292px; width:100%;background-image:url("../images/topBanner.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;
		
		-o-background-size:920px auto !important;  
  -webkit-background-size:920px auto !important;   
  -khtml-background-size:920px auto !important;   
  -moz-background-size:920px auto !important;
  background-size:920px auto !important;
		
		}
	nav {
    top: 0;
    height: 105px!important;
  
}
	.topicBg2{display:none;}
	.topicBg2-none{height:253px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	.links_in .tab{ width:42%!important;}
	#Profile .topicBg{height:253px;}
	#Profile .topicBg .catagory-in{width:760px !important;}
	#Profile .topicBg .catagory-in a{font-size:25px; letter-spacing:0px; margin-top:66px !important;}
	#Profile .topicBg .catagory-in a span{font-size:17px}
	
	#Profile .catagory .catagory-in a.web{width:205px; margin-left:36px!important;}
	#Profile .catagory .catagory-in a.brand{margin-left:54px !important; width:200px;}
	#Profile .catagory .catagory-in a.app{margin-left:55px !important; width:210px;}
	
	
	#Showcase .topicBg{height:253px;}
	#Showcase .topicBg .catagory-in{width:760px !important;}
	#Showcase .topicBg .catagory-in a{font-size:25px; letter-spacing:0px; margin-top:30px !important;}
	#Showcase .topicBg .catagory-in a span{font-size:17px; padding-left:20px!important;}
	
	#Showcase .catagory .catagory-in a.web{width:205px; margin-left:10px!important;}
	#Showcase .catagory .catagory-in a.brand{margin-left:90px !important; width:200px;}
	#Showcase .catagory .catagory-in a.app{margin-left:55px !important; width:185px;}
	
	#view-in{
		width:100%;}
		
.p210 li{    width: 47%!important;
}

.p211 li{    width: 47%!important;
}
.p212 li{    width: 47%!important;
}
.p213 li{    width: 47%!important;
}
.p214 li{    width: 47%!important;
}
.p215 li{    width: 47%!important;
}
.p216 li{    width: 47%!important;
}
.p217 li{    width: 47%!important;
}
.p218 li{    width: 47%!important;
}
.p219 li{    width: 47%!important;
}
.p220 li{    width: 47%!important;
}
.ods li{    width: 47%!important;
}
.combo li{    width: 46%!important;
}

.p220 li a{
	    min-height: auto!important;}


.studio li{
	width:46%!important;}
.studio li a{
	height:auto!important;}
	.popup{
		width:55%!important;}
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}
	
	
	 #contact-us h2, #Profile .catagory{
		-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  background-size: 1384px auto !important;
		
		}
	
	 #contact-us h2, #Showcase .catagory{
		-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  background-size: 1384px auto !important;
		
		}
	#changethewords{ display:none;}
	#about{margin-top:86px !important;}
	#about ul li.lr{width:48%!important;}
	#about ul li { height:100px;}
	#about ul li.m-email{width:48%; border-right:none!important;}
	#about ul li.lr .social{margin-left:9px;     width: 95%!important;}
	#awwward{width:780px}
	#about ul li.lr2 {
    width: 100% !important;
    padding: 00px 0 0;
}
.art {
    width: 100%!important;
    
}
.nav-in-link a {
   
       padding: 25px 5px 24px 5PX!important;
    font-size: 14px;
  
}
.nav-in h1 img {
    width: 100px;
}
	.topicBg .col-md-3{
		    width: 46%!important;}
	#awards{width:760px; margin-top:95px;}
	.awww_in h3 {background-position: -914px -1684px;}
	.logobite h3 {background-position: -884px -1828px;}
	#awww .awww_in a, #awww .logobite a {font-size:1.2em;}
	
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:760px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-200px -1498px !important;}
	
	
	.address{font-size:1.2em; padding:25px 0 20px;}
	.address ul li{font-size:1.1em}
	.address ul li.add{width:225px; padding:0 0 0 48px;}
	.address ul li.mob{width:200px;  padding:0 0 0 40px;margin-left: 15px;}
	.address ul li.eml{width:168px;  padding:0 0 0 53px;}
	.address ul li.sn{width:80px;;  padding:0 0 0 55px;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:191px;}
	#studio .studio-in h4{width:760px}
	#studio p{margin:430px 0 30px;}
	#studio .box{width:224px; height:161px; margin-top:-127px !important;}
	#studio .big-box{width:700px !important; margin-top:90px !important;}
	#studio .big-box, #studio .box1{margin-left:30px; margin-top:150px !important;}
	#studio .box2{margin-left:255px;}
	
	
	
	#studio .box3{margin-left:492px;}
	.work_box1, .work_box2, .work_box3{margin-top:15px;}
	.work_box1{background-position:25px -1578px;}
	.work_box1:hover{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box2:hover{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.work_box3:hover{background-position:-425px -1578px;}
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:100% !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; 
	}
	
	header .headerBg3{background-position:49% -11px}
	header .headerBg31{background-position:49% -388px}
	header .headerBg32{background-position:48% -768px}
		
	header .headerBg4{background-position:51% -1152px;}
			
	header{height:444px; overflow:hidden; z-index:300;}
	#about .about-in h2{padding:0 0 30px 0; width:760px; margin-top:-60px;}
	
	
	#contact-us h2{font-size:2.9em; line-height:39px; padding:20px 0 27px 0;}
	.contact-us-in .quick-contact{height:136px;}
	.quick-contact-in ul li h3{padding:52px 0 0 26px; font-size:2.2em}
	.quick-contact-in ul li.header{width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.9em; width:284px; padding-top:22px;}
	.quick-contact-in ul li.chat{padding-top:15px;}
	.ins-quote-in ul li.header{width:263px;}
.ins-quote-in ul li.form{width:410px;}
.ins-quote-in ul li.form textarea{width:370px;}
	.ins-quote-in ul li.form input{width:167px;}
	.process{margin-right:0;}
	.likeUs{display:none}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.4em;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:140px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/	
	.links_in {width:720px;}
	.links_in a {width:225px; font-size:3em; letter-spacing:-4px; margin-right:22px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; width:130px;  margin-top:5px;}
	.links_in a span.fst {margin-right: 0;}
	.links_in a span.trd {margin-right: 0;}
	#portfolio {margin-top:40px;}
	#portfolio-in {width: 720px; height: 2300px; }
/*----- End Portfolio Part ------*/
}

@media screen and (max-width: 1400px) {
	
	.Services-in{
	transform:scale(0.75,0.75);
-ms-transform:scale(0.75,0.75);
-webkit-transform:scale(0.75,0.75);
	}
	/*.ServicesBg{height:680px}*/
	
}

@media screen and (max-width: 1020px) {
	
	/*#Services, #lookbooks-services, #ServicesTrionn{
	display:none;
	}*/
	
	
}


@media screen and  (min-width: 981px) and (max-width: 1124px) {
	
	
	.res-bg{display:block}
	a.bth{margin:-305px 0 0 746px;}	
	/*#about .about-in h2{padding:0 0 30px 0 !important; margin-top:-60px; width:900px; margin: auto;}*/
	.about-in{margin: 0 auto 0 auto; width: 760px !important;}
	#about .about-in h2 {
    padding: 0 0 30px 0;    
    margin-top: -60px;
	    font-size: 1.8em;
    width: 700px !important;
}
	#about ul li.lr {width: 210px;}
	#about ul li.m-email {width: 320px;}
	.social{width:140px;}
	
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:160px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	
	.cont .n1 span{background-position:4px -232px !important; margin-top:0 !important;}
	.cont .n2 span{background-position:-187px -1500px !important;  margin-top:0 !important;}
	
	.nav-in{width:980px !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1634px auto !important;
 	-o-background-size:1634px auto !important;  
  -webkit-background-size:1634px auto !important;   
  -khtml-background-size:1634px auto !important;   
  -moz-background-size:1634px auto !important;
  height:444px; 
	}
	
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4, .studioBg2{display:none;}
	header .headerBg{margin-top:-100px !important; height:443px;}
	header .headerBg2-1{display:block; height:443px; width:100%;background-image:url("../images/topBanner.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;
		
			-o-background-size:1400px auto !important;  
  -webkit-background-size:1400px auto !important;   
  -khtml-background-size:1400px auto !important;   
  -moz-background-size:1400px auto !important;
  background-size: 1400px auto !important;
		
		}
	#Profile .catagory .catagory-in a{font-size:36px;}
	#Showcase .catagory .catagory-in a{font-size:36px;}
	.topicBg2{display:none !important;}
	.topicBg2-none{height:367px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	/*header .headerBg3{background-position:52% 0}
	header .headerBg31{background-position:52% -447px}
	header .headerBg32{background-position:52% -897px}
		
	header .headerBg4{background-position:48% -1352px;}
		*/	
	header{height:444px; overflow:hidden; z-index:300;}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em;}
	
	.links_in a span { margin-top:5px;}
}

.col-md-12{
   width: 96%;
    float: left;
    text-align: right;
}
.col-md-12 a{
    font-size: 15px;
    color: #9d1dad;
}
.col-md-12 a:hover{
	  color: #000;
	
}
.col-md-3{
    width: 22%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
}
.col-md-3 img {
    max-width: 100%;
}
.col-lg-3 {
    width: 22%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

.col-lg-6 {
    width: 50%!important;
    margin: 0px 199px!important;
}
.art{
	width:1200px;
	margin:0 auto;}


.art .image-slider {
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 3px 2px 3px #ddd;
    padding: 5px;
}

.art .image-slider img{
	width:250px;
	height:350px;}
	
	
	


#changethewords {
	    position: absolute;
    z-index: 999;
    top: 72px;
    left: 25%;
	width:50%;
	text-align:center;
  
   
    
}

#changethewords .kohli {
	  
    font-size: 28px;
   
    font-weight: 600;
    
    color: #fff;
   
    
}

#changethewords .p10{
	  
    font-size: 22px;
   
    font-weight: 500;
    
    color: #fff;
   
    
}


@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}




.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 1.6rem;
	height: 3.2rem;
	line-height: 3.2rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.2rem;
	
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
	

.icon-button:hover span {
	width: 3.4rem;
    height: 3.4rem;
    border-radius: 3.6rem;
    margin: -1.7rem;
}


.icon-button:hover .fa-linkedin {
	
	color:#007fb1;
}
.icon-button:hover .fa-instagram{
	
	color:#5c3d2e;
}
.icon-button:hover .fa-facebook{
	
	color:#3B5998;
}
.icon-button:hover .fa-skype {
	
	color:#00AFF0;
}

.icon-button:hover .fa-whatsapp {
	
	color:#189d0e;
}

.icon-button:hover .fa-whatsapp {
	
	color:#189d0e;
}



.linkedin span {
	background-color: #e2e2e2;
	
	
}
.instagram span{
	background-color: #e2e2e2;
	
}
.facebook span {
	background-color: #e2e2e2;
	
}
.skype span {
	background-color: #e2e2e2;
	
}

.whatsapp span {
	background-color: #e2e2e2;
	
}
.youtube span {
	background-color: #e2e2e2;
	
}



.youtube {
	background-color: #c4302b;
	color: white;
}
.whatsapp {
	background-color: #189d0e;
	color: white;
}
.linkedin {
	background-color: #007fb1;
	color: white;
}
.instagram{
	background-color: #5c3d2e;
	color: white;
}
.facebook {
	background-color: #3B5998;
	color: white;
}
.skype {
	background-color: #00AFF0;
	color: white;
}
/* Icons */
.icon-button i {
	background: none;
	height: 3.2rem;
	left: 0;
	line-height: 3.2rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.2rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
	color: white;
}


	
	
.art .la-hover-plugin .ih-item.circle{
	width:auto!important;
	height:auto!important;}	




.ult-ih-wrapper{
    border-radius: 0;
	position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-style: solid;
	border-color: rgba(255,255,255,0.2); 
	border-width: 15px;
	    z-index: 9;


}












.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

#art-work h3{
	text-align:left!important;
	padding-top:0px!important;
	padding-bottom:10px!important;
	    padding-left: 15px;}

#art-work .topicBg{
	    height: 245px!important;}
		
		
		

	
.prot-nav{
	    height: 67px;}
		
		
		

	 
	 
	 
#portfolio h2{
	    background-position: center -1668px;}
	
#portfolio h2{
	color: #5e5e5e;
    position: relative;
    font-size: 3.9em;
    line-height: 53px;
    z-index: 10;
    padding: 0px 0 35px 0;
    text-align: center;
    text-transform: uppercase;
	font-family: 'modern_no._20regular';
	    background-image: url(../images/common5.png);
    background-repeat: no-repeat;}
	
	
#portfolio h2 span {
    color: #1a1a1a;
    display: block;
    /*font-size: 1em;*/
    font-size: 45px;
}


.studio li{    width: 32%;
border:none!important;
box-shadow: none!important;
}
.studio li a{
	    min-height: 305px}

.studio li a img {
	max-width:100%;
	height:auto!important;}
	
	

.ods li{    width: 31%;
}
.ods li a{
	    min-height: 400px;}

.ods li a img {
	max-width:100%;
	width:auto;
	/*height:400px;*/
    
}
	
	
.combo li{    
/*    width: 47%;*/
/*border: 5px solid #ccc!important;*/
/*    margin: 10px!important;*/
}	
.combo li a{
	    min-height: 445px;
		border:none!important;}

.combo li a img {
	max-width:100%;
	width:auto;
	height:445px;
	object-fit: inherit!important;}	

.p210 li{    width: 23%;
}
.p210 li a{
	    min-height: 200px;}

.p210 li a img {
	max-width:100%;
	width:auto;
	height:260px;}
	
	
	
.p211 li{    width: 23%;
}
.p211 li a{
	    min-height: 175px;}

.p211 li a img {
	max-width:100%;
	width:auto;
	height:175px;}
	
	
.p220 li{    width: 48%;
}

.p220 li a img {
	max-width:100%;
	width:auto;
	}	
	
.p212 li{    width: 23%;
}
.p212 li a{
	    min-height: 200px;}

.p212 li a img {
	max-width:100%;
	width:auto;
	height:200px;}
	
	
	
	
.p213 li{    width: 31%;
}
.p213 li a{
	    min-height: 228px;}

.p213 li a img {
	max-width:100%;
	width:auto;
	height:228px;}

.p214 li{    width: 23%;
}
.p214 li a{
	    min-height: 170px;}

.p214 li a img {
	max-width:100%;
	width:auto;
	height:170px;}
	
	.p215 li{    width: 23%;
}
.p215 li a{
	    min-height: 185px;}

.p215 li a img {
	max-width:100%;
	width:auto;
	height:185px;}
	
	.p216 li{    width: 23%;
}
.p216 li a{
	    min-height: 175px;}

.p216 li a img {
	max-width:100%;
	width:auto;
	height:175px;}
	
	.p217 li{    width: 23%;
}
.p217 li a{
	    min-height: 185px;}

.p217 li a img {
	max-width:100%;
	width:auto;
	height:185px;}
	
	
.p218 li{    width: 31%;
cursor:auto!important;
}
.p218 li .example-image-link{
	    min-height: 385px;
		float:none;}
		
		
.p218 li ul li{
    width: auto!important;
    border: none!important;
    float: none!important;
    box-shadow: none!important;
    margin: 0px!important;
}
		
		
.p9{
   color: #882171;
    display: block;
    font-size: 5em;
    /* line-height: 38px; */
    font-weight: 800;
    margin-bottom: 38px;
    /* text-transform: uppercase; */
    margin-top: 20px;
    font-family: 'Tangerine', serif;
 
}

.p218 li a img {
	max-width:100%;
	width:auto;
	}
	
	
	
.p219 li{    width: 23%;
}
.p219 li a{
	    min-height: 270px;}

.p219 li a img {
	max-width:100%;
	width:auto;
	height:270px;}
	
.p221 li{    width: 31%;
}
.p221 li a{
	    min-height: 200px;
		display:block;}

.p221 li a img {
	max-width:100%;
	width:auto;
	height:300px;}	
	
.bright{
	color:rgb(175, 5, 145)!important;}
	
.soft{
	color:rgba(175, 5, 145, 0.63)!important;}
	
	
.book_catagory{
	    width: 1155px;
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
	    margin-bottom: 20px;}
.book_catagory .fa{
	margin-right:5px;
	color: #8d1a99;}	
.book_catagory ul li{
	font-family: 'myriadPro-Regular';
    font-size: 14px;
    letter-spacing: 0px;
    display: block;
    float: left;
   width: 25%;
    margin-top: 8px;
    line-height: 17px;
    color: #9d9d9d;
	}










        .demo-gallery > ul {
  margin-bottom: 0;
}
.demo-gallery > ul > li {
  margin-bottom: 15px;
}
.demo-gallery > ul > li a {
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  width: 100%;
    position: relative!important;
	object-fit: cover;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
  height:auto!important;
}
.demo-gallery > ul > li a .demo-gallery-poster {
 
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
    height:auto!important;
  
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;


  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;

}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

.pull-center{
	text-align:center;}
.button-secondary {
    color: #aa1fb9;
    font: 700 14px/normal Montserrat,sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 35px;
    border-radius: 8px;
    display: inline-block;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 2px solid #aa1fb9;
	margin-bottom:30px;
}

.button-secondary:hover{

	color:#fff;

	background:#aa1fb9;

	border:2px solid #aa1fb9;}
.d1{
	display: flex;
	margin-bottom:15px;}

.d1 strong{
	float:left;
	    line-height: 20px;
		width:45px;}
	
.d1 table{
	float:right;
	width:85%}
	
.d1 table td{
	text-align:center;
	    }
	
	
.d2 table{
	
	width:100%;
	margin-bottom:10px;}
	
.d2 table td{
	text-align:center;
	padding: 5px;
	    text-transform: capitalize;}
	
	
	
.d5{
    width: 70%;
    margin: 0 auto;
    margin-top: 10px;
}

.d5 a{
    background: #ec3237;
    color: #fff;
    padding: 4px 0px;
    text-align: center;
	    display: block;
    position: relative;
}

.detail h2{
	
    text-align: left!important;
    font-size: 20px!important;
    color: #000!important;
    font-family: initial!important;
    font-weight: 700!important;
	padding-bottom:0px!important;
	
}

.d6{
    width: 35%;
    margin: 0 auto;
    margin-top: 10px;
	 background: #40a535;
    color: #fff;
    padding: 4px 0px;
    text-align: center;
	margin-bottom:15px;
}

.d4{
	 width: 25%;
    margin: 0 auto;
	text-align:center;
	margin-top:15px;
}
	
.d4 a{
    background: #2f94ff;
    color: #fff;
    padding: 4px 0px;
    text-align: center;
    margin: 6px 0px;
	    display: block;
    position: relative;
}



.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index:99999;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 32%;
  position: relative;
  transition: all 5s ease-in-out;
  overflow:hidden;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup form{
	text-align:left;}
.popup form label{
}
.popup .close {
 position: absolute!important;
    top: 0px!important;
    right: 15px!important;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background: none;
	    padding: 0px;
    width: auto;
    height: auto;
	margin: 0px;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.popup input {
    padding: 11px 13px 9px;
    border: 1px solid #c9c9c9;
        width: 93%;
    font-size: 1.2em;
    float: left;
    margin: 5px 8px 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.popup .p_20  {
        background: #851991;
    color: #fff;
    padding: 4px 0px;
    text-align: center;
    width: 30%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
}
.popup .submit {
    background: #7f188a;
    color: #fff;
	border:1px solid #7f188a;
    width: 100%;
    box-shadow: none;
    text-shadow: none;
    font-size: 18px;
	cursor:pointer;
	 -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.popup .submit:hover{
	border:1px solid #7f188a;
	background: #fff;
	color: #7f188a;
	}
	
#portfolio h3{
    text-align: center;
    font-size: 30px;
    color: #9e1dac;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    /* font-style: oblique; */
}
@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}






.error { 
	display: none; 
	padding:5px; 
	margin:0 0 0px 0;
	color: #D8000C; 
	font-size:12px;
	background-color: #FFBABA;
}
.error img { 
	vertical-align:top; 
}
.success { 
	display: none; 
	color: #000; 
	font-size:14px;

}

.success h2{
    color: #851991!important;
    line-height: 20px;
    font-size: 14px!important;
}

#book_port{
	height:auto!important;}
	
	

	
.parpal{
	color:#851991;}
	
	
	
	
.sear{
	width:500px!important;
	    padding-bottom: 0px!important;}



.page_search li
	{
    border: none!important;
    float: none!important;
    box-shadow: none!important;
	cursor:auto!important;
	overflow:auto!important;
	margin-bottom: 25px!important;
}
.page_search li a{
    color: #ae20bf;
    font-size: 24px;
}
.page_search li a:hover{
    color: #000;
	text-decoration:underline;

}
.page_search strong{
    float: left;
    margin-right: 10px;
	    color: #ae20bf;
    font-size: 24px;
}
.page_search .searcha{
	    font-size: 16px;
    color: #db242d;
   margin-left: 24px;}
.page_search li p{	
margin: 3px 0px 0px 23px;}













@media screen and  (min-width: 630px) and (max-width: 759px) {
	
	.sear {
    width: 100%!important;
    padding-bottom: 0px!important;
    
	margin-top:15px!important;
}
.art{
	width:100%;}	
	
.art .col-md-3{
	width:45%;}	
	
.nav-in h1 img {
    width: 63px!important;
}
.nav-in-link{
	display:none;}	
nav .blk_box{
	background-color: #000;
    opacity: 0.73;
    padding: 24px 25px 24px 26px;
    position: fixed;
    z-index: 1;
    display: block;
    top: 0px;
    right: 0px;}
	
nav .blk_box .menu {
    cursor: pointer;
    width: 27px;
    position: fixed;
    z-index: 1;
    border: 2px solid #FFF;
    display: block;
    right: 9px;
    top: 11px;
    background: url(../images/menu_icon1.png) center no-repeat;
    height: 19px;
}
nav .submenu {
    width: 100%;
    text-align: center;
    z-index: -1;
    position: fixed;
    padding: 47px 0 0;
    display: none;
    right: 0px;
    top: 0;
    background-color: #000;
    opacity: 0.83;
}
nav .submenu a#home {
    padding: 15px 0;
    border-bottom: 1px solid #8c8b8b;
}
nav {
    overflow: visible;
}
nav .submenu a {
    display: block;
    color: #FFF;
    font-size: 1.1em !important;
    text-transform: uppercase;
    padding: 15px 0;
    border-bottom: 1px solid #8c8b8b;
}

#changethewords{
	display:none;}
	
	}
	
	
@media screen and (max-width: 980px) and (min-width: 760px){
	.nav-in-link{
	display:none;}	
nav .blk_box{
	background-color: #000;
    opacity: 0.73;
    padding: 24px 25px 24px 26px;
    position: fixed;
    z-index: 1;
    display: block;
    top: 0px;
    right: 0px;}
	
nav .blk_box .menu {
    cursor: pointer;
    width: 27px;
    position: fixed;
    z-index: 1;
    border: 2px solid #FFF;
    display: block;
    right: 9px;
    top: 11px;
    background: url(../images/menu_icon1.png) center no-repeat;
    height: 19px;
}
nav .submenu {
    width: 100%;
    text-align: center;
    z-index: -1;
    position: fixed;
    padding: 47px 0 0;
    display: none;
    right: 0px;
    top: 0;
    background-color: #000;
    opacity: 0.83;
}
nav .submenu a#home {
    padding: 15px 0;
    border-bottom: 1px solid #8c8b8b;
}
nav {
    overflow: hidden;
    height: 68px!important;
}
nav .submenu a {
    display: block;
    color: #FFF;
    font-size: 1.1em !important;
    text-transform: uppercase;
    padding: 15px 0;
    border-bottom: 1px solid #8c8b8b;
}
#jobwork .team-in{
	width:auto!important;}
#jobwork .teamBg .teamBgIn{
	height:715px!important;}
body{
    overflow-x: hidden;
}
}	
	
@media screen and  (min-width: 310px) and (max-width: 479px)
{
	#portfolio h2 span {
    color: #1a1a1a;
    display: block;
    /*font-size: 0.7em!important;*/
    font-size: 22px!important;
}
	.sear {
    width: 100%!important;
    padding-bottom: 0px!important;
    font-size: 20px!important;
	margin-top:15px!important;
}
.sear label {
  
    margin: 0 14px 10px 0!important;
}
	.popup {
    width: 85%!important;
	margin: 35px auto!important;
}
	.popup input{
		width:88%!important;}
	.book_catagory ul li{
		width:50%!important;}
	.book_catagory{
		width:100%!important;}
.detail h2{
	font-size:14px!important;
	    line-height: 20px!important;}	
.tdw{
	width:36%!important;
	text-align: left;}	
.popup .p_20{
	width: 80%;}
	}	
	
	
	
	
	#dialog .popup{
		    
   
    background-color: #eff2f3;
	width:100%;
	margin:0px;
	    padding: 0px 0px;}
	
	#dialog .popup img {
		max-width:100%;}
	
	#dialog .popup .close {
       top: 10px!important;
  
}
	
	
	
.tdw{
	width:26%;
	text-align:left;}		
.button_link{
		width: 146px; height: 40px; border: 0; position: absolute; top: 89%;
    left: 37%;     z-index: 999;}
	
	.button_link2{width: 180px; height: 60px; border: 0; position: absolute; top: 86%; left: 67%;     z-index: 999;}
	
	
	
	
	
	
	
	
	
	
	
	
	@media (min-width: 1200px) {
	
	
	
	
	#aniimated-thumbnials{
		height:100%!important;
		}
	
#aniimated-thumbnials a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:23%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;
		
		}
		
#aniimated-thumbnials a .img-responsive{
	max-width: 100%!important;
	height: 225px!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
   
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
	
#aniimated-thumbnials a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#aniimated-thumbnials a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#aniimated-thumbnials a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}
#aniimated-thumbnials a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#aniimated-thumbnials a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}




















	#thumbnials-without-animation{
		height:100%!important;
		}
	
#thumbnials-without-animation a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:23%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;}
		
#thumbnials-without-animation a .img-responsive{
	max-width: 100%!important;
	height: 225px!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
  
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
#thumbnials-without-animation a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}	
#thumbnials-without-animation a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#thumbnials-without-animation a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#thumbnials-without-animation a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#thumbnials-without-animation a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
}


@media screen and  (min-width: 760px) and (max-width: 980px) {
	
	
	#aniimated-thumbnials{
		height:100%!important;
		}
	
#aniimated-thumbnials a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:47%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;
		
		}
		
#aniimated-thumbnials a .img-responsive{
	max-width: 100%!important;
	height: auto!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
   
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
	
#aniimated-thumbnials a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#aniimated-thumbnials a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#aniimated-thumbnials a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}
#aniimated-thumbnials a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#aniimated-thumbnials a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}




















	#thumbnials-without-animation{
		height:100%!important;
		}
	
#thumbnials-without-animation a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:47%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;}
		
#thumbnials-without-animation a .img-responsive{
	max-width: 100%!important;
	height: auto!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
  
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
#thumbnials-without-animation a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}	
#thumbnials-without-animation a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#thumbnials-without-animation a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#thumbnials-without-animation a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#thumbnials-without-animation a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

}


@media screen and  (min-width: 310px) and (max-width: 479px){
	
	
	#aniimated-thumbnials{
		height:100%!important;
		}
	
#aniimated-thumbnials a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:95%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;
		
		}
		
#aniimated-thumbnials a .img-responsive{
	max-width: 100%!important;
	height: auto!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
   
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
	
#aniimated-thumbnials a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#aniimated-thumbnials a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#aniimated-thumbnials a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}
#aniimated-thumbnials a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#aniimated-thumbnials a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}




















	#thumbnials-without-animation{
		height:100%!important;
		}
	
#thumbnials-without-animation a{
	    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
	    display: block;
		min-height: 200px;
		width:95%!important;
		left:auto!important;
		height:auto!important;
		top:auto!important;}
		
#thumbnials-without-animation a .img-responsive{
	max-width: 100%!important;
	height: auto!important;
	    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%!important;
    position: relative!important;
  
	    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0px!important;
	}
#thumbnials-without-animation a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);}	
#thumbnials-without-animation a:hover .demo-gallery-poster > .icon {
    opacity: 1;
    height: auto!important;
}	
#thumbnials-without-animation a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
	background:none;
}
#thumbnials-without-animation a .demo-gallery-poster .icon {
    left: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    opacity: 0;
    position: absolute!important;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    height: auto!important;
}
#thumbnials-without-animation a:hover > .img-responsive {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}


}



#view-2 {
    width: 1170px;
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
}

#view-2 ul li {
    margin: 30px 0px 0px 0px;
    border: 5px solid #fff;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 5px;
}
#view-2 ul li img{
	width: 100%;
    object-fit: cover;}
#view-2 ul li h1{
    position: absolute;
    bottom: 0px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
	    -webkit-transition: top 0.3s;
    transition: bottom 0.3s;
}
.carousel-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 12.5%;
	width: 100%;
	background-color: rgba(170, 31, 185, 0.86);
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
}
#view-2 ul li .slide:hover .carousel-overlay {
    height: 90%;
	width:91%;
}

#view-2 ul li .slide:hover h1{
	font-size: 26px;
	bottom:40%;}
	
	
#view-2 ul li .slide:hover span{
    border: 2px solid #fff;
    padding: 15px;
}


/*Whatsapp Chat by Ayan*/
#whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
}

#whatsapp-button img {
    width: 50px;
    height: auto;
}

#whatsapp-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9998;
    display: none;
}

.header-chat {
    background-color: #25d366;
    color: #fff;
    padding: 10px;
    text-align: right;
}

.header-chat .close {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}

/*End Whatsapp Chat*/