@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-family: 'gotham_bookregular';}
h6{color:#000000; font-weight:bold; font-size:44px; text-transform:uppercase;}
h5,h4{ color:#000000; font-weight:bold; font-size:30px; text-transform:uppercase;}
h3{ color:#000000; font-weight:bold; font-size:27px; text-transform:uppercase; margin-bottom:15px; border-bottom:#b1b1b1 solid thin; padding-bottom:10px;}
img{ border:none;}
a{ text-decoration:none; outline:none;}
p{ color:#545454; font-size:15px; line-height:26px;}
.clear{ clear:both;}
.pull-left{ float:left;}
.pull-right{ float:right;}
header, section, footer, aside, nav, main, article, figure {display: block;}
.canvas{ width:1000px; margin:0 auto; position:relative;}
.img-responsive{ display:block; max-width:100%; height:auto;}

/*------Header Section----------*/

#headerbg{ background:url(../images/headerbg.jpg) no-repeat -155px; height:127px; padding-top:11px;}

/*Menu Section*/
#menu-section{ float:right;}
#main-menua a{  padding:0 8px 0 0;font-size:22px; color:#ffffff; text-transform:uppercase; display:inline-block; outline:none; margin-top:48px; font-family: 'bebas_neueregular';}
#main-menua a:hover{ color:#000000;}
#homeicon{ width:22px; height:19px; background:url(../images/homeicon.png) no-repeat;}
#homeicon:hover{ background:url(../images/homehover.png) no-repeat; }
a#cntsty{ padding:0;}

.chromestyle{}
.chromestyle:after{}
.chromestyle ul{}
.chromestyle ul li{}
.chromestyle ul li.first{}
.chromestyle ul li a{}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{}
.dropmenudiv{position:absolute; top:0px;border-bottom-width: 0;line-height:18px;z-index:9999;visibility:hidden;margin-top:10px;background:#dd9b17; margin-left:-5px;}
.dropmenudiv a{width: auto;display: block;text-indent: 3px;
border-bottom: 1px solid #ccc;padding:10px;text-decoration: none;color:#fff; font-size:24px;text-transform:uppercase;-webkit-transition: all .2s ease-in-out .0s;-moz-transition: all .2s ease-in-out .0s;-ms-transition: all .2s ease-in-out .0s;-o-transition: all .2s ease-in-out .0s;transition: all .2s ease-in-out .0s; font-family: 'bebas_neueregular';}
* html .dropmenudiv a{width: 100%;text-transform:uppercase;}
.dropmenudiv a:hover{background-color:#dd9b17; color:#000000;}
#mobile_menu_part{ display:none;}
/*Menu Section End*/
/*------Header Section End----------*/

/*-----Banner Section----------*/

#banner{ width:100%; position:relative;}
#shape{position:absolute; top:0; right:0px; z-index:1;}
h6.banner-caption{ color:#FFF; position:absolute; right:0px; top:116px; z-index:100; background:url(../images/captionline.png) no-repeat; font-family: 'bebas_neueregular'; font-size:79px; font-weight:normal; width:305px; padding:25px 0 59px 0;}
.yellow-clr{ color:#f5a70d;}
#bannerbotom-shadow{ background:url(../images/bannerbotomshadow.png) repeat-x; height:17px; margin-bottom:22px;}
#arow-box{ width:91px; height:42px; background:#FFF; position:absolute; top:410px; left:468px;}

/*-----Banner Section End----------*/

/*--------Content part----------*/

#aboutcontent{ float:left; background:url(../images/aboutimg.jpg) no-repeat left top; padding-top:182px; position:relative; margin-bottom:30px;}
#aboutcontent p{ width:454px; background:url(../images/abtcontentline.jpg) no-repeat left top; padding:0 0 29px 142px; margin-top:35px; border-bottom:#ce9806 solid thin;}
#readmore{ height:16px;  color:#000000; font-size:14px; text-transform:uppercase; display:block; background:url(../images/arow.jpg) no-repeat right 3px; padding:0px 0 0 0; font-weight:bold; overflow:hidden; margin-top:17px;}
#readmore:hover{ background:url(../images/arow.jpg) no-repeat right -10px; color:#ce9806; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
#whatwedo-section{ width:335px; height:456px; float:right; background:url(../images/wedoancor.png) no-repeat right bottom;}
.whatwedo-boxes{position:relative; margin-top:30px; float:left;}
.box-content{ position:absolute; width:267px; background:url(../images/waywork1.png) no-repeat; top:0; padding:28px 0 35px 0;}
.box-number{ color:#000; font-size:17px; margin:2px 0 0 21px; float:left;}
.box-content p{ font-size:20px; color:#FFF; margin-left:30px; float:left; text-transform:uppercase;}
.box-content-two{ position:absolute; width:267px; background:url(../images/waywework.png) no-repeat; top:73px; left:23px; padding:28px 0 35px 0;}
.secondbox-numberstyle{ float:right; margin-right:19px;}
.secondbox-style{ float:right; margin-right:30px; color:#FFF; font-size:20px;text-transform:uppercase;}
#whatwedo{ background:url(../images/wedobg.jpg) no-repeat center; height:700px; padding-top:0; margin-bottom:32px;}
#wedomore{ float:right; border: #FFF solid 3px; padding:12px 27px 11px 28px; color:#FFF; text-transform:uppercase; font-size:15px; margin-top:-45px;}
#wedomore:hover{ background:#FFF; font-weight:bold; color:#f5a70d; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
#wedo-circlebox{ width:1000px; margin:37px auto 0 auto; position:relative;}
.wedo-circle1{ width:184px; height:183px; background: url(../images/circle1.png) no-repeat; float:left; z-index:9999; position:relative; margin-right:14px; text-align:center; outline:none; padding-top:30px; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; margin-bottom:-20px; cursor:pointer;}
.wedo-circle1 p{ width:183px; background:url(../images/box.png) no-repeat center top; line-height:22px; font-size:16px; color:#FFF; margin-top:20px; padding-top:46px;}
.wedo-circle1:hover{ color:#000; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);transform: rotate(360deg);}
.wedo-line{ position:absolute; left:138px; top:143px; z-index:0;}
.wedo-circle2{ background:url(../images/circle2.png) no-repeat;}
#design{ background:url(../images/creative.png) no-repeat center top;}
#wedo-line2{ left:337px;}
#event{ background:url(../images/event.png) no-repeat center top;}
#wedo-line3{ left:539px;}
#wedo-line4{ left:744px;}
#wedo-line5{ left:243px; top:336px;}
#wedo-line6{ left:446px; top:336px;}
#wedo-line7{ left:651px; top:336px;}
#mangement{ background:url(../images/exibition.png) no-repeat center top;}
.wedo-circle3{ width:171px; height:159px; background:url(../images/wedocircle3.png) no-repeat; padding-top:14px; float:left;}
#launch{ background:url(../images/prodlaunch.png) no-repeat center top;}
#circle3-mrgn{ margin-left:101px; margin-right:35px;}
.wedo-circle4{ width:171px; height:144px; background:url(../images/circle4.png) no-repeat;}
#wedo-circle10{margin-left:200px}
#wedo-circle11{margin-left:10px}
#wedo-circle12{margin-left:10px}

#sponsership{ background:url(../images/sponser.png) no-repeat center top; margin-top:10px;}
#video{ background:url(../images/video.png) no-repeat center top; font-size:17px; margin-top:21px; padding-top:30px;}
#retail{ background:url(../images/retail.png) no-repeat center top; font-size:17px; margin-top:12px; padding-top:42px;}
h5.wedoalign{ text-align:center; color:#FFF;}
#weboopacitybg{ width:100%; height:51px; background:url(../images/wedoopacity.png) repeat;top:0px; padding-top:16px;}
.wedo-circle3 p , .wedo-circle4 p{ width:171px;}
#vid{ margin-left:-15px; margin-right:19px;}
#digital{ background:url(../images/digital.png) no-repeat center top; margin-top:10px;}
#digital-mrg{ margin-right:14px;}
#staff{ background:url(../images/staff.png) no-repeat center top; margin-top:13px;}
#Collaterals{ background:url(../images/Collaterals.png) no-repeat center top; margin-top:-1px; padding-top:39px;}
#gift{ background:url(../images/gift.png) no-repeat center top; font-size:16px; margin-top:12px; padding-top:42px; line-height:18px;}
#last-circle{ margin:0 auto; width:187px; display:block;}
#last-circlemrgn{ margin-top:-14px;}

/*project*/

#product-box{ float:left;}
#product_scroll_fix{width:624px!important;margin:24px 0 0 0; float:left;}
#product_scroll_fix img{ width:100%; height:100%;}
#product_scroll_fix li{list-style:none;display:block;width:302px!important;margin:0 20px 0 0;position:relative;height:190px;}
#product_scroll_fix li p{ font-size:15px; color:#FFFFFF; line-height:22px; position:absolute; left:0; bottom:0; background:url(../images/pronamebg.png) repeat; padding:15px 36px 9px 30px; border-right: #f5b301 solid 3px; text-transform:uppercase;}
.project-icon{ position:absolute; top:0; right:0; width:81px; height:97px; background:url(../images/projecticon.png) no-repeat;}
.morearow{ border:#787878 solid 2px; padding:7px 36px 7px 35px; color:#000000; font-weight:bold; font-size:15px; float:right; margin-top:-38px; margin-left:-128px;}
.morearow:hover{ background:#787878; color:#FFF;}

/*project end*/

#client-box{ float:right; width:312px;}
#clientmore{ margin-top:1px;}
#client-slider{ margin:10px 0 0 0;}
#client-slider li{ height:auto !important; width:143px; float:left; margin:0 26px 0 0;}
.client-img{ display:block width:149px; height:93px; margin:0px 0 15px 0; border:#b8b8b8 solid thin;}
.client-img img{ width:100%; height:100%;}

#clientshow{ margin-top:63px; display:block !important;}


/*--------innerpage content part----------*/

#innerheading{ width:100%; background:url(../images/headingbg.jpg) no-repeat center; background-size:cover; padding:21px 0 19px 0; -moz-box-shadow: -1px 3px 20px #1f1f1f;-webkit-box-shadow: -1px 3px 20px #1f1f1f;box-shadow: -1px 3px 20px #1f1f1f; z-index:100;position:relative;}
#innerheading h6{ font-family: 'bebas_neueregular'; font-size:53px; color:#FFF; font-weight:normal;}
#innercontent-box{ background:url(../images/wedobg.jpg) repeat; padding:45px 0 45px 0; background-size:cover}
#innercontent-lftbox{ width:602px; float:left; background:#FFF; padding:36px 34px 18px 36px; font-size:15px; color:#545454;}
#innercontent-lftbox img{ width:100%; height:100%;}
#innercontent-lftbox p{ width:100%;}
#innercontent-rightbox{ width:304px; float:right; background:#FFF;}
.aboutrightlogobox{float:left; margin:0 20px 28px 0; font-size:14px; width:180px; color:#545454;}
.logo-box{ width:150px !important; height:105px !important; display:block;  margin:0 0 10px 0;}



#innercontent-rightbox h6{ background:#dd9b17; color:#fff; padding:14px 0 14px 26px; font-size:16px;}
.services-inner{font-size:15px; color:#545454; border-bottom:#D0D0D0 solid thin; background:#FFF url(../images/servicearow.png) no-repeat right center; padding:10px 32px 10px 26px; display:block;}
.services-inner:hover{ color:#FFF; background:#b9670f url(../images/servicearowhover.png) no-repeat right center;-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; m-o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.contact-inner{ display:inline-block; width:263px; margin:0 0 15px 21px;}
.cnt-icon{ width:48px; height:48px; float:left; border:#dd9b17 solid 2px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background:url(../images/contactinnerphone.jpg) no-repeat center;} 
.contact-inner p{ float:left; border-bottom:#dd9b17 solid thin; padding-bottom:8px; margin-top:12px; margin-left:19px; width:73%; font-size:14px;}
#fax-icon{ background:url(../images/contactinnerfax.jpg) no-repeat center;}
#mail-icon{ background:url(../images/contactinnermail.jpg) no-repeat center;}
#cnt-icon{ background:url(../images/contactinnerads.jpg) no-repeat center;}
.wework-box{ border-bottom:#c5c5c5 solid thin; padding-bottom:30px; margin-bottom:25px;}
ul#clients-box{ list-style:none; float:left;}
ul#clients-box li{ float:left; border:#b8b8b8 solid thin; margin: 0 12px 20px 16px;}
#chirman{ width:89px !important; float:left; margin-right:15px; margin-bottom:15px; height:189px !important;}
.we-workimg{ width:116px !important; float:left; margin-right:20px; }
#chairman2{ width:100%; background:url(../images/chairman2.png) no-repeat 146px 8px;}

/*project gallery*/
#gal_listed{margin:0;padding:0;}
#gal_listed li{list-style:none;float:left;width:219px;margin:0 11px 15px 0px;position:relative; cursor:pointer; height:151px;}

.inn_gal_img{width:219px;height:151px;}
.inn_gal_img img{width:100%;height:100%;}
.inn_gal_txt{display:none;background:#0033CC;height: 100%;position: absolute;top:198px;width: 100%;z-index:999; }
#gal_listed li:hover .inn_gal_txt{background:#000000;display:block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; top:0;}
.txt_gal_fix{padding:15px;font:500 16px; }
.txt_gal_fix span{border-bottom:solid 2px #fff;}
#pagination{width:auto;text-align:center;margin:15px auto 0 auto;}
#pagination a{text-decoration:none;color:#666;background:#fff;padding:1px 8px;display:inline-table;border:solid 1px #ccc;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#pagination span{background:#dc9917;color:#fff;padding:2px 8px;margin:0 3px 0 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
#pagination a:hover{background:#dc9917;color:#fff;}

/*project gallery end*/

#map{height:266px; display:block;}
.cnt-frm{ display:inline-block; width:457px; margin-top:50px;}
.cnt-frm .inputstyle{ width:93%; display:block; border:#b1b1b1 solid thin; padding:16px 10px 13px 20px; color:#545454; font-size:14px; margin-bottom:5px; margin-top:14px; outline:none;}
#msg{ height:79px; overflow:auto; resize:none; font-family: 'gotham_bookregular'; font-size:15px !important; margin-bottom:15px; display:block;}
.cnt-frm #captha{ border:#b1b1b1 solid thin; padding:12px 10px 8px 20px; color:#545454; font-size:14px; margin-bottom:6px; outline:none; width:94px; margin-left:5px; margin-right:5px;}
#cnt-btn{ width:100px; background:#b9670f; height:38px; text-align:center; color:#FFF; font-size:15px; border:none; cursor:pointer; outline:none; margin:9px 0 0 0;}
#cnt-btn:hover{ background:#dc9917;}
.cnt-frm img{ float:left; width:74px; height:39px;}
#rtbox-cover{ width:398px; float:right; margin-top:50px;}
#right-bx{ background:#dd9c17; padding:20px 20px 20px 19px;}
.cntmain-box{display:block; padding-bottom:10px; border-bottom:#FFF solid thin; margin-bottom:16px;}
.cntmain-boxtxt{ color:#FFF; float:left; margin-left:20px; width:73%; margin-top:13px;}
.cnt-iconmain{ width:48px; height:48px; float:left; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background:#FFF url(../images/contactinnerphone.jpg) no-repeat center;} 
#fx{ background: #FFF url(../images/contactinnerfax.jpg) no-repeat center; }
#mal{ background: #FFF url(../images/contactinnermail.jpg) no-repeat center;}
#ads{ background: #FFF url(../images/contactinnerads.jpg) no-repeat center;}
#project-canvas{ width:92%; background:#FFF; padding:36px 34px 43px 36px; font-size:14px;}
#gallery-canvas{ width:96%; background:#FFF; padding:20px 20px 20px 20px; font-size:14px;}
.clent-txt{ float:left;}
.whus{width:30%;float:right;}
#youtubevideo{ width:407px; height:328px; float:right; background:#000;}
#youtubevideo iframe{ width:100%; height:100%;}
#photogallery{ width:515px; float:left;}

/*Thumbnail Gallery Slider
----------------------------------------------------*/ 
.rg-image-wrapper{position:relative;min-height:20px;}
.rg-image{position:relative;text-align:center;line-height:0px;background:#eeeeee;padding:35px 0;}
.rg-image img{max-height:100%;max-width:100%;}
.rg-image-nav a{display:none}
.es-carousel-wrapper{background: #607183;padding:10px 27px;position:relative;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{display:block;border-style:solid;border-color:#222;opacity:0.8;-webkit-touch-callout:none;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a{border-color:#fff;opacity:1.0;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span{position:absolute;top:50%;left:8px;background:transparent url(../images/nav_thumbs.png) no-repeat top left;width:14px;height:26px;
margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:8px;left:auto;background-position:top right;}
.es-nav span:hover{opacity:1.0;}


/*FRM Form Style
--------------------------------------------*/
fieldset{ width:auto;border:0;margin:15px 0 0 0;}
legend{ color:#6e6e6e;font-size:13px;font-weight:bold;}
.dropfield{	width:82px;font-size:12px;font:12px 'Open Sans', Arial, sans-serif;color:#6e6e6e;padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:solid 1px #ccc;}
.dropfield1{ margin-left:0px;font:12px 'Open Sans', Arial, sans-serif;font-size:12px;	line-height:12px;font-weight:normal;color:#454545;width:260px;border:solid 1px #ccc;padding:5px;	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset label{ text-align:left;float: left;width: 130px;	margin-right: 1em;color:#6e6e6e;}
.lab1{text-align:left;float: left;width: 125px;margin-right: 1em;color:#000}
fieldset input {margin-left:0px;font-size:11px;line-height:12px;font-weight:normal;color:#454545;width:250px;border:solid 1px #ccc;padding:8px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset select {margin-left:0px;font-size:11px;line-height:12px;font-weight:normal;color:#454545;width:263px;border:solid 1px #ccc;padding:8px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset ul {} 
fieldset li {text-align:left;padding-bottom: 10px; color:#6e6e6e;font-size:13px;list-style:none} 
fieldset li span {padding-left: 10px;color:#F00;font-size:11px;} 
.txt{margin-left:0px;margin-right:15px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.label1{margin-left:0px;margin-right:35px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.spantxt { color:#000;font-size:12px;} 
.err { font-size:10px;font-weight:normal;font-family:Tahoma, Geneva, sans-serif;color:#F00;font-size:11px;} 
.sub_mit {width:100px;margin:0px 0px 0px 0;background:#b9670f;color:#fff;font:600 14px 'Open Sans', Arial, sans-serif;cursor:pointer;border:0!important;} 
.sub_mit:hover{background:#dc9917;}  
fieldset textarea{border:solid 1px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:248px;padding:5px;font:12px;color:#6e6e6e;}
fieldset submit{width:500px!important;}

#form_right{background:#2968b5;width:410px;float:right;padding:20px;color:#fff;}
.contact_field1{width:190px;padding:11px 5px;color:#6e6e6e;font:normal 12px 'Open Sans', Arial, sans-serif;border:0;margin:0 0 6px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.contact_field2{width:400px;padding:11px 5px;color:#6e6e6e;font:normal 12px 'Open Sans', Arial, sans-serif;border:0;margin:0 0 6px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:80px;}
#map_left{float:left;width:550px;height:366px;}
.contact_field3{width:70px;text-align:center;font:600 15px 'Open Sans', Arial, sans-serif;padding:4px 0;margin:0 10px 0 10px}
.sub_mit2{background:#6b9e41;color:#fff;text-align:center;font:normal 13px 'OpenSansBold', Arial, sans-serif;border:0;text-transform:uppercase;padding:6px 20px;cursor:pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#address_inn_part{background:#fff url(../images/shadow3.png) repeat-x;}
#address_inn_fix{width:1000px;margin:0 auto 0 auto;padding:25px 0;color:#6e6e6e}
#contact_addr_bx{float:left;padding:0 80px 0 0;border-right:solid 1px #ccc;}
#contact_num_inn{float:left;padding:0 80px 0 80px;border-right:solid 1px #ccc;width:250px;}
#contact_social{float:right;}
.head8_nw{color:#3b444d;display:block;font:600 16px 'Open Sans', Arial, sans-serif;margin:0 0 7px 0;}
.mail_1{font: 15px/19px "Open Sans",Arial,sans-serif;background:url(../images/phone2.png) no-repeat 0 3px;padding:0 0 0 26px;}
.mail_2{font: 15px/19px "Open Sans",Arial,sans-serif;background:url(../images/mail2.png) no-repeat 0 3px;padding:0 0 0 26px;}
.fax{font: 15px/19px "Open Sans",Arial,sans-serif;background:url(../images/fax.png) no-repeat 0 3px;padding:0 0 0 26px;}
.lab{font: 15px/19px "Open Sans",Arial,sans-serif;background:url(../images/lab.png) no-repeat 0 3px;padding:0 0 0 26px;}
.service-width{ width:900px !important;}

#testimonial-box{ background:#f5a70d url(../images/testbg.png) no-repeat center; text-align:center; margin:22px 0 0 0; padding:27px 0 0 0;}
#testimonial-box h6{font-size:25px; color:#FFF;}
#testimonial_fix{width:946px!important;margin:12px auto 0 auto; padding:0 0 30px 0;}
#testimonial_fix li{list-style:none;display:block;width:100%;text-align:center; margin:0 50px 0 0; height:auto !important; position:relative;}
#testimonial_fix li p{ font-size:16px; position:relative; line-height:23px; padding:0 85px 0 77px; color:#FFF;}
#leftquote{ position:absolute; top:0; left:0;}
#rightquote{ position:absolute; bottom:0; right:0;}
.name{ display:inline-block; margin:11px auto 0 auto; font-size:17px; color:#FFFFFF; font-weight:bold;}
.designation{ color:#000;}
ul#whyus{ width:257px;list-style:none; padding:0; display:block; margin:13px 0 0 24px;}
ul#whyus li{ display:block; background:url(../images/whyusicon.png) no-repeat left; padding-left:31px; font-size:15px; color:#545454; margin-bottom:15px;}
#whyustxt{ display:block; font-size:25px; margin:24px 0 0 28px; text-transform:uppercase; font-weight:bold;}

#gallery_items{list-style:none;}
#gallery_items li a{list-style:none;float:left;float:left; margin:0 20px 28px 0; font-size:14px; width:180px; color:#545454;}
#gallery_items li a:hover{ color:#f5a70d; text-decoration:underline;}


/*--------innerpage content part End----------*/

/*Footer Section*/

#bottom-box{ background: #272d36 url(../images/bottomshape.png) no-repeat center; padding-top:78px; padding-bottom:27px; margin-top:33px;}
#bottom-adres{ float:left;}
#bottom-adres p{ color:#FFF; background: url(../images/bottomicon.jpg) no-repeat 6px 4px; padding-left:39px; margin-bottom:10px;}
p#fax{ background:url(../images/fax.jpg) no-repeat left;}
p#mail{ background:url(../images/mail.jpg) no-repeat left;}
#socialicon-box{ float:left; margin-left:145px; margin-top:-30px; text-align:center;}
#socialicon-box h4{ color:#FFF; font-size:19px;}
.social-icon{ width:56px; height:56px; background:url(../images/fb.png) no-repeat center; float:left; margin-top:15px; margin-right:5px;  -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.social-icon:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform:rotate(360deg);}
#gplus{ background:url(../images/gplus.png) no-repeat;} 
#in{ background:url(../images/linkedin.png) no-repeat;}
#youtube{ background:url(../images/youtube.png) no-repeat;}
p#copyrt{ font-size:14px; float:right; color:#FFF; margin-top:29px;}
.yellow{ color:#f5a70d;}
#banner2{ display:none;}


#map{height:238px; display:block; width:526px; float:left;}
#map2{ float:left; width:393px; height:238px;}
#map2 img{ width:100%; height:100%;}
/*Footer Section End*/

@media screen and (max-width: 992px){
.canvas{ width:768px;}
#menu-section{display:none;}
#mobile_menu_part{ display:block; z-index:9999; position:relative; margin:0 30px 0 0;}
#headerbg{ background:url(../images/headerbg.jpg) no-repeat -224px top; height:127px; padding-top:11px;}
#mobile_menu{ width:100%; margin:39px auto 0 auto; text-align:right;}
#mobile_menu a{text-decoration:none;color:#FFFFFF; font-size:18px;text-transform:uppercase;display:block;padding:5px 0; font-weight:bold;}
#mobile_menu a:hover{color:#000000;}
.mtoggle{cursor:pointer;}
#mobile_drop{width:100%;margin:10px auto 0 auto;border-top:solid 1px #ccc;overflow-x:hidden; background:#dc9818; padding:0 10px 0 10px; display:block;}
#mobile_drop li{list-style:none;display:block;text-transform:uppercase;z-index:9999}
#mobile_drop li a{color:#FFFFFF;padding:7px 0 7px 0;display:block;border-bottom:solid 1px #e0e0e0; font-size:14px;}
#mobile_drop li a:hover{color:#000000;}
#mobile_drop li ul li{margin:0 0 0 30px;}
#banner1{ display:block;}
#aboutcontent{ width:50%; float:left; background:url(../images/aboutimg2.jpg) no-repeat left top; }
#aboutcontent p{ width:72%; padding-left:130px;}
h5.wedoalign{ text-align:left;}
.wedo-line{ display:none;}
#whatwedo{ background:#e3e3e3; height:auto; padding-top:0px; margin-bottom:32px; position:relative;}
#weboopacitybg{top:0px;}
#wedo-circlebox{ width:100%;}
.wedo-circle1{ width:48%; background-position:center; margin-bottom:10px;}
.smallcircle{ width:23%;}
#circle3-mrgn{ margin:0 10px 0 97px;}
.wedo-circle1 p{ margin:27px auto 0 auto; font-size:17px;}
#vid{ margin-left:0; margin-right:0;}
#product-box{ width:100%; margin-bottom:30px;}
#product_scroll_fix{ width:100%!important;}
#product_scroll_fix li{ width:250px!important; margin:0 10px 0 0;}
#client-box{ margin:24px auto 0 auto; float:none;}
#clientshow{ display:none !important;}
.client2{ display:block; margin-top:58px;}
.client3{ display:none;}
#socialicon-box{ margin-left:33px;}
#bottom-adres p{ margin-bottom:4px;}
#bottom-box{ margin-top:52px;}
#banner1{ display:none;}
#banner2{ display:block;}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:52px 0 0 0;z-index:2;top:-53px}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:100%;float:left;width:100%;border:0;}
#bannerbotom-shadow{ margin-top:-52px;}
#innercontent-lftbox { width:91%;}
#innercontent-rightbox{ width:100%; float:left; margin-top:25px;}
.contact-inner{ width:46%;}
#top-mrgn{ float:left;}
ul#clients-box li{margin: 0 -1px 20px 11px;}
#cnt-frm{ width:46%;}
#rtbox-cover{ width:330px;}
#project-canvas{ width:90%;}
#circle3-mrgn{ margin-bottom:10px; margin-left:0;}
#sponsership{ margin-top:32px;}
#digital{ margin-top:36px;}
#last-circle{ width:100%; margin-top:0px;}
.AccordionPanelOpen .AccordionPanelTab{ background:#dc9917 url(../images/minusicon.png) no-repeat 651px center;}
#wedo-circle10{margin-left:-13px}
#wedo-circle11{margin-left:-13px}
#wedo-circle12{margin-left:2px}
.clent-txt{ margin-left:0;}
#testimonial_fix{ width:100% !important;}
ul#whyus{ width:447px;}
#map{ width:444px; height:192px;}
#map2{ width:238px; height:192px;}
.whus{display:none}
#client-slider{ margin:20px 0 0 0;}
p#copyrt{ width:172px; margin-top:0; }
#youtubevideo{ width:100%; display:block; float:none; margin-bottom:20px;}
#photogallery{ width:100%; float:none; }
.aboutrightlogobox{ width:211px;}
.cnt-frm, #rtbox-cover{ width:100%;}
}

@media screen and (max-width: 768px){
.canvas{ width:448px;}
#headerbg{ background:url(../images/headerbg.jpg) no-repeat -193px top;}
#aboutcontent{ width:100%;}
#whatwedo-section{ width:398px; margin:0 auto; background:url(../images/wedoancor.png) no-repeat 196px  46px;}
.wedo-circle1{ width:46%;}
#digital-mrg{ margin-left:17px;}
#last-circlemrgn{ margin-top:0;}
#Collaterals{ margin-top:14px;}
#product_scroll_fix li{ width:220px!important;}
.client3{ display:block; margin-top:58px;}
.client2{ display:none;}
#bottom-box{ background-image:none; padding-top:48px;}
#bottom-adres{ width:38%; float:left;}
#socialicon-box{ width:45%;  float:right;}
#socialicon-box h4{ font-size:15px; margin-top:29px;}
.social-icon{ margin-right:-6px;}
#bottom-box{ margin-top:38px;}
p#copyrt{ width:100%; text-align:center; margin-top:11px;}
#innercontent-lftbox{ width:85%;}
ul#whyus{ background:none; width:309px;}
.contact-inner{ width:98%;}
ul#clients-box li{margin: 0 19px 20px 11px;}
#gal_listed li{ width:100%; height:100%;}
.inn_gal_img{ width:100%; height:100%;}
#cnt-frm{ width:94%;}
#rtbox-cover{ width:97%; float:left;}
#project-canvas{ width:84%;}
.rt-cover{ width:446px; background:#FFF; margin-left:-36px; margin-top:42px;}
#rtbox-cover{ margin-left:0;}
#wedo-circle10{margin-left:-8px}
#wedo-circle11{margin-left:-12px}
#chairman2{ background-image:none;}
#whyus-cover{ background-image:none;}
#map{ width:100%;}
#map2{ width:100%; height:100%;}
#gallery-canvas{ width:87%;}
#youtubevideo{ height:300px;}
.aboutrightlogobox{ width:100%;}
fieldset label{ width:100%;}
}
@media screen and (max-width: 448px){
.canvas{ width:300px;}
#headerbg{ background:url(../images/headerbg.jpg) no-repeat -343px top;}
#mobile_menu{margin: 41px auto 0 17px;}
#aboutcontent p{ width:100%; padding:5px 0 22px 0; background:none; margin-top:10px;}
#aboutcontent{background:url(../images/aboutimg3.jpg) no-repeat left top;}
#whatwedo-section {background: url("../images/wedoancor.png") no-repeat scroll 167px 46px;width: 300px;}
#whatwedo-section{ width:300px;}
#wedomore{ padding: 12px 12px 11px 12px;}
h5.wedoalign{ font-size:29px;}
.wedo-circle1{ width:90%;}
#circle3-mrgn{ margin-bottom:10px;}
#weboopacitybg{ padding-top:15px;}
#wedomore{ margin-top:-41px;}
#vid{ margin-top:7px;}
#product_scroll_fix li{ width:310px!important;}
#bottom-adres{ width:72%; margin:0 auto; float: none;}
#socialicon-box{ width:252px; margin:0 auto; float:none;}
.social-icon{margin-right:5px;}
h6{ font-size:40px;}
#innercontent-lftbox{ width:78%;}
.contact-inner{ width:85%;}
h3{ font-size:24px;}
ul#clients-box li{margin: 0 19px 20px 38px;}
.cntmain-boxtxt{ margin-left:8px;}
.we-workimg{ margin:0 auto; float:none; display:block;}
.wework-box, .wework-txt h3 p{ text-align:center !important;}
#project-canvas{ width:78%;}
.box-content-two{left:18px;}
box-content{left:-2px}
#digital-mrg{ margin-left:auto;}
#wedo-circle11{margin-left:-8px;}
#wedo-circle12{margin-left:-8px;}
ul#whyus li{ text-align:left;}
.client-img{ float:none; margin:17px auto 0 auto;}
#testimonial_fix li p{ font-size:14px; padding: 0 27px 0 47px;}
ul#whyus{ background:none; width:189px;}
#client-box{ width:300px;}
#client-slider li{ margin:0 10px 0 0;}
#youtubevideo{ width:100%; height:100%;}
#gallery-canvas{ width:80%;}
fieldset input, fieldset textarea{ width:222px;}
.cnt-frm .inputstyle{ width:86%;}
.cntmain-box{ text-align:center;}
.cntmain-boxtxt{ display:block; margin-left:0; float:none; width:auto; text-align:center;}
.cnt-iconmain{ float:none; margin:0 auto; display:block;}
}