/*--------------- Css Reset ---------------*/
body{    margin:0px;     padding:0px;     color:#666;  font-family: Tahoma, Geneva, sans-serif; font-size:11px; overflow-x:hidden;}
fieldset, ul, li{    padding:0px;     margin:0px;     border:none}
li{list-style:none}
img{max-width:100%; height:auto; border:0px;}
.flleft{float:left !important}
.flright{float:right !important}
a{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none; color:#CC0035 }
* a:hover{color:#d9d9d9 !important;  text-decoration:none !important}
p{padding:0px; margin:0px}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif !important; color:#1e1e1e !important;text-transform:uppercase; }
h2{color:#333; font-size:18px; line-height:18px; padding:0px; margin:0px; margin-bottom:25px; font-weight:bold !important; }
h3{color:#404040; font-size:12px; padding-bottom:15px; text-align:left; margin-bottom:20px}
h3, h4{font-weight:600 !important;}
/*--------------- TOP Section ---------------*/
.ex-right{margin-right:0px !important}
#top_line{background:none repeat scroll 0 0 #cc0033;  height:4px;  margin:0;  padding:0}
#Container{}
#Navigation{max-width:960px; margin:0 auto}
#center_wrapper{max-width:960px; margin:0 auto}

/*--------------- SOCIAL LOGO TOP ---------------*/
.contact_info{   font-size:11px;     font-weight:normal;     margin:8px 0;     padding-right:5px;     text-align:right}
.social_media_wrapper{   overflow:hidden}
.social_media{   float:right}
ul.social{   float:left;     margin-right:11px;     padding-top:7px;     width:100%}
ul.social li{   float:left;     height:18px;     margin-left:5px;     margin-right:5px;     width:18px}
ul.social li.slogo a{   background:url("../images/social.png") no-repeat scroll -6px -2px transparent;     display:block;     float:left;     height:18px;     width:18px}
ul.social li.slogo a:hover{   background-position:-6px -21px}
ul.social li.facebook a{   background:url(../images/social.png) no-repeat -38px -2px;     width:18px;     height:18px;     float:left;     display:block}
ul.social li.facebook a:hover{   background-position:-38px -21px}
ul.social li.googlePlus a{   background:url(../images/social.png) no-repeat -66px -2px;     width:18px;     height:18px;     float:left;     display:block}
ul.social li.googlePlus a:hover{   background-position:-66px -21px}
ul.social li.linkedin a{   background:url(../images/social.png) no-repeat -95px -2px;     width:18px;     height:18px;     float:left;     display:block}
ul.social li.linkedin a:hover{   background-position:-95px -21px}
ul.social li.twitter a{   background:url(../images/social.png) no-repeat -128px -2px;  width:18px;  height:18px;  float:left;  display:block}
ul.social li.twitter a:hover{background-position:-128px -21px}
ul.social li.wpp{width:28px;}
ul.social li.wpp a{   background:url(../images/social.png) no-repeat -150px -2px;     width:45px;     height:18px;     float:left;     display:block}
ul.social li.wpp a:hover{   background-position:-150px -21px}

/* SEARCH BOX*/
.search_box{   float:right;     height:34px;     margin-right:-18px;     overflow:hidden; position:relative}
.search_box input[type="text"]{   background:none repeat scroll 0 0 #f8f8f8;     border:none;     padding:8px 50px 8px 2px;     width:80px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none; color:#999; font-family:Tahoma, Geneva, sans-serif}
.search_box input:focus{width:130px}
.search_box input[type="submit"]{   background:url(../images/search.png) repeat scroll 0 22px transparent;  border:medium none;  height:20px;  padding:0px;  position:absolute;  width:19px;  z-index:554; top:5px; right:25px}
.search_box input[type="submit"]:hover{background-position:0px -7px;  cursor:pointer}



/* COMPANY INFO*/
#slogan, #slogana{ border-left:1px solid #cc0033; color:#cc0033; float:left; font-size:11px;  margin-left:5px; margin-top:19px; padding:4px 13px 5px 15px}
#logo, #logo1{float:left;  margin:0px 10px 2px 0;letter-spacing: 0.09em;}

/*MENU CONTAINER*/
#menu_container{}
#company{float:left; margin-top:-35px}
#company480{display:none; text-align:center; float:left; width:100%}
#menu, #primary-nav{float:right;  font-size:15px;  margin:2px 0 0}

/*BODY*/
.body_heading{background:none repeat scroll 0 0 #cc0033;   margin-top:50px;  overflow:hidden; }
.body_heading a:hover{color:#fff !important}
.heading_intro{float:left;  margin-left:25px}
.heading_intro h2{  float:left;  font-size:25px;  margin-bottom:20px;  margin-top:20px; line-height:30px;}
.heading_intro h2 {color:#FFF !important;  font-weight:bold;  text-decoration:none;  text-transform:uppercase}
.heading_intro p{color:#FFF;  float:left;  font-size:15px;  margin:26px 0 0 20px}
.right_button_holder{float:right;  margin-top:30px}
.button_head{background:none repeat scroll 0 0 #ab002b;  color:#FFF;  font-size:14px;  font-weight:bold;  margin:16px;  padding:11px 21px;  text-align:center;  text-decoration:none}
.button_head:hover{background:#dc0238}

/*--------------- Slider ---------------*/
#slider{}
#slider img{width:100%}
.slider-wrapper{ border-bottom:1px solid #EDEBEB !important;  margin:0 auto;  overflow:hidden;  position:relative;  width:100%}

/*-------------------------asyncslider-------------------------*/
.asyn-wrap{ background-size:auto}
#slider{height:368px; margin-bottom:0px; overflow:hidden}
.my_asyncslider{list-style:none; margin:0px; padding:0px; padding-top:26px !important; height:352px !important}
.my_asyncslider img{}
.my_asyncslider .description{width:400px; float:left; margin-top:10px; color:#666666; line-height:25px; font-family:Tahoma, Geneva, sans-serif; font-size:14px}
.my_asyncslider h1{margin-bottom:0px; font-size:25px; color:#333333; line-height:normal; padding-bottom:10px; font-weight:normal}

.header-wrapper-light .my_asyncslider .description{color:#5b5e66; text-shadow:0px 1px 0px #fff}
.header-wrapper-light .my_asyncslider h1{ color:#333333; text-shadow:0px 1px 0px #fff; font-family:Tahoma, Geneva, sans-serif}

.my_asyncslider .description p{font-size:14px}
#slide-01{background:url(../images/dove-slider-bg.jpg) no-repeat center top #d5d5d5}
#slide-01 .description{width:440px !important; margin-top:3px;  padding-top:20px; padding-right:20px;}
#slide-02{background:url(../images/rafhan-birthday-bang-Slider-Bg.jpg) no-repeat center top #d7d7d7}
#slide-02 .description{width:400px !important; padding-right:0px; padding-top:20px;}
#slide-02 .bannerimg{ padding-top:0px;}
#slide-03{background:url(../images/luxstyle-pk-Slider-Bg.jpg) no-repeat center top #d7d7d7}
#slide-03 .description{width:400px !important;padding-right:20px; padding-top:20px;}
#slide-03 .bannerimg{ padding-top:100px;}
#slide-04{background:url(../images/pso-Slider-Bg.jpg) no-repeat center top #d7d7d7}
#slide-04 .description{width:400px !important;padding-right:30px; padding-top:0px; margin-top:0px;}
#slide-04 .bannerimg{ padding-top:50px;}
#slide-05{background:url(../images/mobilink-Slider-Bg.jpg) no-repeat 40% top #d7d7d7}
#slide-05 .description{width:400px !important;padding-right:50px; padding-top:20px;}
#slide-05 .bannerimg{ padding-top:171px;}
#slide-06{background:url(../images/Nestle-Crunch-Slider-Bg.jpg) no-repeat 60% top #d7d7d7}
#slide-06 .description{width:400px !important;padding-right:50px; padding-top:0px;}
#slide-06 .bannerimg{ padding-top:165px; width: 51%;}
#slide-07{background:url(../images/blue-band-Slider-Bg.jpg) no-repeat 45% top #d7d7d7}
#slide-07 .description{width:400px !important;padding-right:50px; padding-top:0px;}
#slide-07 .bannerimg{ padding-top:65px; width: 51%;}

#slide-08{background:url(../images/zong-Slider-Bg.jpg) no-repeat 45% top #FFF}
#slide-08 .description{width:400px !important;padding-right:70px; padding-top:0px;}
#slide-08 .bannerimg{ padding-top:0px; width: 40%;}
#slide-09{background:url(../images/jazz-awaz-slider-bg.jpg) no-repeat 45% top #000}
#slide-09 .description{width:450px !important;padding-right:70px; padding-top:0px;}
#slide-09 .bannerimg{ padding-top:0px; width: 51%;}
#slide-09 p{ color:#FFF}

#slide-10{background:url(../images/converge-slider-bg.jpg) no-repeat 53% top #000}
#slide-10 .description{width:450px !important;padding-right:70px; padding-top:0px;}
#slide-10 .bannerimg{ padding-top:0px; width: 51%;}
#slide-10 p{ margin-left:60px; width:100%;}
#slide-10 h1 img{ margin-left:60px;}



.partner{float:left; margin-right:20px}
.partner img, .clients img{position:relative !important; border:1px solid #eaeaea; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.partner img:hover, .clients img:hover{border:1px solid #f00; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}

.slogan{font-weight:100; color:#666; font-size:36px}
.my_asyncslider .description ul li{width:180px; font-size:11px; float:left; margin-right:20px; padding-bottom:3px; padding-top:3px; font-style:italic; border-bottom:1px solid #dedede}
.my_asyncslider > div{min-height:368px;  padding:0px 0px 10px; z-index:0 !important;  max-width:100%;}
.wrapper{  display:block;max-width:960px;margin:0 auto;}

 /* Prev Next Nav */
#asyncslider_next_prev_nav{position:relative; margin:0 !important; left:0px !important;float: left;width: 100%;}
#asyncslider_next_prev_nav li{color:#000;float:left;}
#asyncslider_next_prev_nav li + li{float:right;}
#asyncslider_next_prev_nav li a{width:68px; height:63px; }
#asyncslider_next_prev_nav li.prev a{background:url(../images/slid-ar.png) no-repeat left; left:0px !important; margin-left:25px !important;}
#asyncslider_next_prev_nav li.next a{background:url(../images/slid-ar.png) no-repeat right;left:0px !important; margin-left:-25px !important}

.bannerimg{float:left}
.viewPro{padding-top:20px}

.btn{background:none repeat scroll 0 0 #cc0033;  border-bottom:1px solid #BEBEBE;  color:#fff;  font-size:12px;  font-weight:bold;  padding:8px 10px;  text-transform:uppercase;  text-decoration:none; border-bottom:1px solid #96351f;}
.btn:hover{ color:#fff !important; background:#444;}

.marnone{ margin-bottom:0px;}
.bottom_wrapper .marnone{ margin-bottom:14px;}

/*ITEMS*/
.body_contant{margin:40px 0 0;  overflow:hidden}
#body_wrapper{margin-bottom:70px; overflow:hidden}
.top_container{overflow:hidden}
.box{overflow:hidden; padding-bottom:40px}
.top_container .project_box{    margin-bottom: 10px;    margin-right: 0;    padding-top: 0px;}
.box .body_heading{}
.box .box_heading img{float:left;  margin-right:5px}
.box .box_heading h3{float:left;  font-size:12px;  margin:7px 5px;  text-transform:uppercase}
.box .box_heading h3 a{color:#404040}
.box p{float:left;  font-size:11px;  line-height:15px;  margin-left:5px;  overflow:hidden}
.box .read_more_button{clear:both;  padding-left:4px; padding-top:9px}
.button{background:none repeat scroll 0 0 #E5E3E3;  border-bottom:1px solid #BEBEBE;  color:#666;  font-size:10px;  font-weight:bold;  padding:6px 8px;  text-transform:uppercase;  text-decoration:none}
.read_more_button a.button, .button_holder a.button{border-radius:0px !important; margin:0px !important}
.button:hover{background:none repeat scroll 0 0 #cc0033;  border-bottom:1px solid #96351f;  color:#FFF !important;  text-transform:uppercase}
.left{margin-right:50px}
.middle{margin:0 10px;  width:280px}
.right{margin-left:55px;  width:240px}
.line{background:none repeat scroll 0 0 #e1e1e1;  border-bottom:1px solid #e1e1e1;  height:6px;  width:40px;  margin:auto}
.divider{margin-bottom:20px;  margin-top:20px}
.divider .divider_text{}
.divider .divider_text h2{color:#404040;  font-size:12px;  text-align:center;  text-transform:uppercase; background:url(../images/text-bg.png); padding-left:15px; text-align:left; line-height:40px; border-left:4px solid #cc0033;}
.divider .divider_text h2 span {    float: right;    font-size: 9px !important;    font-style: italic;    margin-right: 15px;    text-align: right;    text-transform: none; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.divider .divider_text h2 span a{ font-size:11px; text-decoration:none; color:#999;}

/*Latest Products*/
.latest_products{overflow:hidden;  margin-bottom:0px}
.latest_products .line{background:none;  border-bottom:1px solid #E1E1E1}
.project_box{float:left;  margin-right:26px; width:100%}
.tumbnail{margin-bottom:20px; text-align:center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none; cursor:pointer}
.tumbnail:hover{opacity:0.5}

.plus{ -moz-transition:all 0.6s ease-in-out 0s; height:51px !important;  margin-left:79px;  top:-34px;  position:absolute;  width:50px !important; z-index:9999}
.tumbnail:hover .plus{top:23%; opacity:1; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */-moz-transform:rotate(180deg)}

/*--------------- Project Box ---------------*/
.project_description{padding-bottom:17px; width:90%; margin:0 auto; padding-top:5px;}
.project_description p{font-size:11px;  line-height:15px;  margin:0 5px;  overflow:hidden;  text-align:center}
.project_description h2{color:#404040;  font-size:12px;  text-align:center;   text-transform:uppercase; padding-top:6px; margin-bottom:0px; line-height:15px;}
.project_description h2 a{color:#404040; text-decoration:none}
.project_description h2 a:hover{color:#CC0035 !important ; text-decoration:none}
.button_holder{text-align:center;  height:40px}
.project_box .tumbnail-post{ margin:0 0 10px;  overflow:hidden}
.project_box .tumbnail_post_pic{height:220px;  width:220px;  background:none repeat scroll 0 0 #E5E3E3; position:relative; -moz-transition:all 0.6s ease-in-out 0s;  -webkit-transition:all 0.6s ease-in-out 0s; cursor:pointer; -o-transition:all 0.6s ease-in-out 0s}

.kreis{-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;  height:39px !important;     margin-left:90px;  top:-50px;  position:absolute;  width:40px !important; z-index:9999; background:url(../images/plus.png) no-repeat center center}
.kreis:hover{background:url(../images/plus-hvr.png) no-repeat center center}
.tumbnail_post_pic:hover .kreis{margin-top:63%; opacity:1; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */-webkit-transform:rotate(180deg);  /*Safari and Chrome */-o-transform:rotate(180deg); /* Opera */-moz-transform:rotate(180deg)}
.tumbnail_post_pic:hover:hover{background:#999}
.latest_posts{margin-bottom:66px;  overflow:hidden}
.latest_posts .project_box{ background:url(../images/text-bg.png); border-bottom:4px solid #e5e3e3;}
.latest_posts .project_box .tumbnail-post{ margin:0 0 3px;  overflow:hidden}
.latest_posts .project_box .button_holder{ background:url(../images/port-arrow.png) no-repeat center bottom;}

.latest_posts .project_box:hover {border-bottom:4px solid #e4593a;}
.latest_posts .project_box:hover .button_holder{ background:url(../images/port-arrow-hvr.png) no-repeat center bottom;}
.latest_posts .project_box:hover .button{background:none repeat scroll 0 0 #e4593a;  border-bottom:1px solid #96351f;  color:#FFF !important;  text-transform:uppercase}

/*--------------- Bottom Wrapper ---------------*/
.bottom_wrapper{  }
.bottom_wrapper_left{   float:left;     margin-right:37px;     width:200px}
.line_min{   background:none repeat scroll 0 0 #E5E3E3;     border-bottom:1px solid #BEBEBE;     height:5px;     width:70px}
.line_min1{       border-bottom:1px solid #e5e3e3;     height:3px;     width:40px}
.bottom_wrapper_heading{   margin-bottom:16px}
.divider_text{       overflow:hidden}
.bottom_wrapper_heading h2{   color:#404040;     font-size:12px;     text-align:left;     text-transform:uppercase}
.bottom_wrapper_center{   overflow:hidden;     float:left;     margin:0 10px}
.bottom_wrapper_right{   float:left;     margin-left:20px}
.bottom_wrapper_center .images_wrapper{   width:456px}
.images_wrapper div{   border:1px solid #E5E3E3;     float:left;     height:115px;     text-align:center;    width:30%}
.images_wrapper div a{  display:block; height:100%; text-decoration:none !important;  width:100%}
.images_wrapper div a:hover{}
.images_wrapper div img{   margin:30px 0;     border:none}
.bottom_wrapper_right .contant_right{}
.intro .details{  background:url(../images/intro_bk.png) no-repeat scroll 0 0 transparent;  font-size:10px;  font-style:italic;  height:135px;  padding:13px 14px 0 10px;  width:193px; font-family:Tahoma, Geneva, sans-serif; line-height:15px; color:#999}
.intro .details img{margin-right:5px}
.intro .details span{font-family: sans-serif;
font-size: 11px;
width: 384px;
margin-left: -211px;
text-align: left;margin-bottom: -54px;}
.intro .name{float: right;
font-size: 11px;
margin-top: -28px;
text-align: left;
font-weight: bold;
padding-right: 24px;}
.intro .name a{cursor:pointer;  font-size:12px;  font-weight:bold;  margin-right:5px; color:#000}

/*--------------- Footer Section ---------------*/
#footer{ background:#363636;width:100%}
#footer_wrapper{margin:0 auto; max-width:960px; padding-top:15px; color:#d9d9d9}
#footer_wrapper .divider_text{height:25px}
#footer_wrapper h2{color:#e9e9e9 !important;}
#footer_wrapper .line_min{background:#cc0033; width:50px;border-bottom:none;}
.bottom_mar{ margin-top:25px}
#footer_wrapper p a{color:#fff}
p.w90{width:85%}
#footer_wrapper .one_half{width:39.3%}

#footer_wrapper .one_fourth , #footer_wrapper .one_third{  margin-right: 1%;}
/*--- COntect info ---*/
.contactinfo{ padding-left:45px}
.contactinfo ul li{line-height:24px}
.contactinfo ul li span{color:#fff; font-weight:bold}
.contactinfo ul li a{color:#CC0035; text-decoration:none}

/*--- Twitter Box ---*/
.twitterbx{width:86%; background:url(../images/twiter-divider.png) no-repeat left bottom; float:left; padding-bottom:15px; margin-bottom:15px}
.twitterbx:last-child{background:none}
.twitterbx a{color:#fff; text-decoration:none}
.twit-thumb{float:left}
.twit-des{float:right; width:79%}
.twit-des span{display:block; color:#fff}

/*--- Newsletter ---*/
ul.news li{font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-style:italic; padding-bottom:8px}
ul.news li input[type="text"]{font-family:Tahoma, Geneva, sans-serif; padding:8px 3px; width:95%; border:none; color:#666; font-size:11px; background:#2f2d2e; border-bottom:1px solid #3f4041; border-right:1px solid #3f4041}
ul.news li input[type="button"]{ background:#ab002b !important;  border:none;  height:26px;  padding:0; text-transform:uppercase; padding:2px 5px; font-size:11px; color:#fff !important;  font-family:Tahoma, Geneva, sans-serif; border-radius:0px !important; border-bottom:2px solid #ab002b;}
ul.news li input[type="submit"]:hover{background:#ab002b;  cursor:pointer}

/*--- Social connect ---*/
/*ul.socialf{padding-top:20px}
ul.socialf li{float:left; width:34px; height:55px; overflow:hidden; margin-right:13px}
ul.socialf li a.twitter{background:url(../images/socialf.png) no-repeat left top; display:block; float:left; width:34px; height:55px; padding-top:40px; text-align:center; color:#fff; text-decoration:none}
ul.socialf li a.twitter:hover{background:url(../images/socialf-hvr.png) no-repeat left top; color:#fff !important}

ul.socialf li a.gplus{background:url(../images/socialf.png) no-repeat -48px top; display:block; float:left; width:34px; height:55px; padding-top:40px; text-align:center; color:#fff; text-decoration:none}
ul.socialf li a.gplus:hover{background:url(../images/socialf-hvr.png) no-repeat -48px top; color:#fff !important}

ul.socialf li a.rssf{background:url(../images/socialf.png) no-repeat -97px top; display:block; float:left; width:34px; height:55px; padding-top:40px; text-align:center; color:#fff; text-decoration:none}
ul.socialf li a.rssf:hover{background:url(../images/socialf-hvr.png) no-repeat -97px top; color:#fff !important}*/

/*--- Footer Info ---*/
#footer-info{background:#565656; height:50px;  width:100%}
#footer-info a{color:#fff; text-decoration:none}
#footer-info a:hover{color:#cac6c6 !important; text-decoration:none}
#footer-info-inn{margin:0 auto; max-width:960px; padding-top:18px; color:#fff}

/*--- Clients Box ---*/
.client-box, testimoniol{width:100% !important}
ul.client{float:left; width:98.5%;}
ul.client li{border-right:1px solid #e5e3e3;}
ul.client li, ul.client li a{float:left; width:150px; height:85px; display:block; cursor:auto;}

ul.client li a.client1{background:url(../images/client/unilever-gray.png) no-repeat center center}
ul.client li a.client1:hover{background:url(../images/client/unilever.png) no-repeat center center}

ul.client li a.client2{background:url(../images/client/mobilink-gray.png) no-repeat center center}
ul.client li a.client2:hover{background:url(../images/client/mobilink.png) no-repeat center center}

ul.client li a.client3{background:url(../images/client/pso-gray.png) no-repeat center center}
ul.client li a.client3:hover{background:url(../images/client/pso.png) no-repeat center center}

ul.client li a.client4{background:url(../images/client/nokia-gray.jpg) no-repeat center center}
ul.client li a.client4:hover{background:url(../images/client/nokia-01.jpg) no-repeat center center}

ul.client li a.client5{background:url(../images/client/british-council-gray.jpg) no-repeat center center}
ul.client li a.client5:hover{background:url(../images/client/british-council.jpg) no-repeat center center}

ul.client li a.client6{background:url(../images/client/lg-gray.jpg) no-repeat center center}
ul.client li a.client6:hover{background:url(../images/client/lg.jpg) no-repeat center center}

ul.client li a.client7{background:url(../images/client/bank-alfalah-gray.jpg) no-repeat center center}
ul.client li a.client7:hover{background:url(../images/client/bank-alfalah.jpg) no-repeat center center}

ul.client li a.client8{background:url(../images/client/hp-gray.jpg) no-repeat center center}
ul.client li a.client8:hover{background:url(../images/client/hp.jpg) no-repeat center center}

ul.newswpp{float:left; width:86.4%;}
ul.newswpp li{border-right:1px solid #e5e3e3; border-bottom:1px solid #e5e3e3;}
ul.newswpp li img{ float:left;}
ul.newswpp li, ul.newswpp li a{float:left; display:block;}
ul.newswpp li a{ opacity:0.4;filter:alpha(opacity=40);}
ul.newswpp li a:hover{ opacity:1.0;filter:alpha(opacity=100);}
.wpppage h3{ font-weight:bold !important; padding-bottom:0px; margin-bottom:0px;}

/* ---------------------ticker-------------------------------- */

.tickercontainer { /* the outer div with the black border */
	width: 96.4%;
	height: 85px;
	margin: 0;
	float:left;
	overflow: hidden;
	color:#fff;
	border:1px solid #e5e3e3;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
float: left;
    overflow: hidden;
    position: relative;
    width: 745px;
}
ul.newsticker { /* that's your list */
	position: relative;
	/*left: 750px;*/
	list-style-type: none;
	margin: 0px;
	padding: 0;

}
ul.newsticker li {
 float: left;
    line-height: 24px;
    margin: 0;
    padding: 3px 0px;
	  background:url(../images/spt.html) no-repeat right top;
	 
}
ul.newsticker li img{ border:1px solid #303030; float:left;}	
ul.newsticker li span {float:left; margin-left:5px;}
ul.newsticker li span.uname{ color:#c4101e;}
ul.newsticker li a.song{font-size:11px; color:#b7b7b7;float:left; margin-left:5px;}
ul.newsticker li a.song:hover{ color:#FFFFFF}
/* ---------------------end ticker-------------------------------- */

/** Accordian **/
#accordion{float:left; width:100%;  margin-bottom:45px}
#accordion h3{background:url(../images/plus.jpg) no-repeat left 5px;  line-height:18px; font-weight:bold;  font-size:11px; padding-left:10px; width:91%; float:left; outline:none; margin:0px; padding-bottom:0px}
#accordion h3 a{display:block; text-decoration:none; color:#888a90}
#accordion h3.ui-state-active{border-bottom:none; background:url(../images/minus.jpg) no-repeat left 5px}
#accordion h3.ui-state-active a{display:block}
#accordion h3.ui-state-default a{color:#888a90}
#accordion div{padding:0 0 15px 9px; background:#fff; float:left}
#accordion div p{padding:0px; margin:0px}
ul.category li{font-weight:bold;  color:#E4593A; line-height:23px}
ul.category li a{color:#666; text-decoration:none}

/* ---------------- Shortcode Styles ------------------------ */
.one_half a.flleft{margin-right:10px}
.one{width:75%}
.one_half{width:48%}
.one_third{width:30.66%}
.two_third{width:65.33%}
.one_fourth{width:22%}
.three_fourth{width:74%}
.one_fifth{width:16.8%}
.two_fifth{width:37.6%}
.three_fifth{width:58.4%}
.four_fifth{width:67.2%}
.one_sixth{width:13.33%}
.five_sixth{width:82.67%}
.one,
.one_half, 
.one_third, 
.two_third, 
.three_fourth, 
.one_fourth, 
.one_fifth, 
.two_fifth, 
.three_fifth, 
.four_fifth, 
.one_sixth, 
.five_sixth{position:relative; margin-right:4%; margin-bottom:20px; float:left; line-height:15px}
.full-width{position:relative;  margin-bottom:20px; float:left; line-height:15px; width:100%}
.column-last{margin-right:0!important; clear:right}
.mar-right{margin-right:3% !important}

/* ---------------- About ------------------------ */
strong{color:#333}
#title{width:100%; background:url(../images/text-bg.png); border-bottom:1px solid #e1e1e1; height:120px; margin-bottom:40px ; border-top:1px solid #e1e1e1 ;}
.three_fourth .bor-bot {margin-bottom:0px;}
.title-inner{max-width:960px; margin:0 auto}
.title-inner h2{font-size:23px; color:#999; font-weight:bold; padding:0px; margin:0px; font-family:'Tahoma, Geneva, sans-serif'; line-height:50px; background:url(../images/h2-bor.png) no-repeat left bottom; padding-top:18px}
.page{line-height:39px; color:#333; font-weight:normal}
.page a{color:#333; text-decoration:none}
.page span{color:#999999;}
p.borbot{padding-bottom:25px}
h2.borbot{padding-bottom:18px}

/*--- Team Detail ---*/
.team{width:100%; float:left; padding-top:25px}
.team-thumb{width:100%; text-align:center;}
.team h3, .team h4{color:#404040; font-size:12px; padding-top:0px; text-align:center; text-transform:uppercase; margin-bottom:0px; padding-bottom:0px}
 .team h4{margin:0px; font-size:10px}
.team h3 a{color:#404040; text-decoration:none}
.team-detail{  margin:0 auto; width:100%;  padding-bottom:6px}
.team-detail p{margin-top:6px}
.contact-ph{border:1px solid #e1e1e1; border-right:none; border-left:none; height:30px; line-height:30px; text-align:center; font-style:italic; margin-bottom:25px}

/*--- Vision ---*/
.vision, .client-say{padding-top:0px; float:left; width:100%; padding-bottom:10px}
.client-say{border-top:1px solid #e1e1e1; padding-top:40px; margin-top:25px}
.quot{width:70%; background:url(../images/quot.png) no-repeat left top; padding:0 30px; margin:0 auto; text-align:center; font-size:12px; line-height:20px}
.vision h2{padding-bottom:5px; margin-bottom:0px;}
.client-say a{color:#333}

/************************* Service *************************/
.service .one_third{margin-right:5%; padding-right:5%; background:url(../images/shedow-ser.png) no-repeat right top; min-height:612px;}
.service .two_fifth{margin-right:24.7%}
.service h2{line-height:14px}
ul.leftmenu{float:left; width:100%; border-top:1px solid #e1e1e1}
ul.leftmenu li{width:100%; float:left; border-bottom:1px solid #e1e1e1; line-height:31px}
ul.nobor{border-top:0px}
ul.leftmenu li a{color:#666; text-decoration:none}
ul.leftmenu li strong{float:left}
ul.leftmenu li span{float:right}

/************************* Blog *************************/
/** blog full both sidebar **/
.blog .one_fourth{width:22%}
.blog .one_half{width:46%}
h2.blghead{   color:#404040; font-size:13px; text-align:left;  background:url(../images/text-bg.png); padding-left:15px; text-align:left; line-height:40px; border-left:4px solid #cc0033; margin:0px 0 10px;}
/** Single Post **/
.single p{padding-bottom:25px}
.single p:last-child{padding-bottom:0px}
.single ul li{list-style:disc; padding-left:10px}
.single ul{padding-bottom:20px; padding-left:35px}

/** COMMENTS SECTION **/
.comments-sec{float:left; width:100%}
ol.commentlist{float:left; width:100%; margin-top:0px; padding-left:0px; padding-bottom:25px}
ol.commentlist li{float:left; border-top:1px solid #e1e1e1}
ol.commentlist li:first-child{border:none; padding-top:0px; margin-top:0px}
ol.commentlist li{padding-top:19px; margin-top:19px}
ol.commentlist img{ float:left}
ol li ol.childlist{float:right; width:95%;  margin-top:19px}
ol.commentlist li ol.childlist li:first-child{border-top:1px solid #e1e1e1; padding-top:19px}
.comments{float:left}
ol li ol.childlist .comment-des{float:right; width:100%}
.avtar{float:left; margin-right:3%; margin-bottom:3%}

/*--- Comment Description ---*/
.comment-des{float:right; width:100%}
.comment-by strong{float:left; color:#333; padding-right:5px; font-size:11px; font-weight:bold}
.comment-des span{float:left; color:#8c8f93}
.comment-by{float:left; width:80%;  padding-bottom:5px; padding-top:5px}
.comment-by span.reply{color:#729700;  float:left}
.comment-by span.reply a{color:#666; text-decoration:none}
.comment-by span.reply a:hover{border:none;  border-bottom:1px solid transparent}
.comment-by span.date{color:#666; padding-right:7px; float:left}

/*--- contact Form ---*/
.comment-frm{float:left; width:100%}
.comment-frm ul.cont-frm li.wsmall{margin-right:25px; width:130px}
.comment-frm ul.cont-frm li.last-child{margin-right:0px}

/** Recent Post **/
.contnr{width:100%; float:left; padding-bottom:35px}
.recent-post{width:100%; float:left; padding-bottom:35px; overflow:hidden}
.recent-post:last-child{padding-bottom:0px}
.pst-thumb{height:69px; width:69px; float:left; margin-right:17px}
.Rpost-des{float:left}
h3.Rpost-head{   color:#404040; font-size:12px; text-align:left; background:url(../images/heading-bg.png) no-repeat left bottom; padding-bottom:8px; text-transform:uppercase; margin-bottom:8px}
.Rpost-date{font-size:11px; color:#999}

/** Video widget **/
.video-contnr{width:100%; min-height:161px; float:left; overflow:hidden}

/** twitter widget **/
.twitter-widget{float:left; width:100%; font-size:11px; background:url(../images/heading-bg.png) no-repeat left bottom; padding-bottom:18px; margin-bottom:18px}
.twitter-widget:last-child{background:none; margin:0px; padding:0px}
.twitter-widget a{color:#333}
.twitter-widget span{float:left; display:block; width:100%; color:#333}

.Rcomment{padding-bottom:18px}
 .Rcomment a{color:#666}
 
/** Comments widget **/
ul.archive, ul.archive li{float:left; font-weight:bold; width:100%; padding:0px; margin:0px; list-style:none}
ul.archive li a{color:#666; text-decoration:none}
ul.archive li{line-height:28px; border-bottom:1px solid #e1e1e1}
.text-widget{float:left; width:100%}

/** Flickr widget **/
#flickr_badge_uber_wrapper{text-align:center; width:100%; overflow:hidden}
#flickr_badge_wrapper{padding:0px 0 10px 0}
.flickr_badge_image{margin:0; float:left}
.flickr_badge_image img{width:62px}
.flickr_badge_image{margin-right:5px !important}

#flickr_badge_source{text-align:left; margin:0 10px 0 10px}
#flickr_badge_icon{float:left; margin-right:5px}
#flickr_www{display:block; padding:0 10px 0 10px !important; font:11px Arial,Helvetica,Sans serif !important; color:#3993ff !important}
#flickr_badge_uber_wrapper a:hover, 
#flickr_badge_uber_wrapper a:link, 
#flickr_badge_uber_wrapper a:active, 
#flickr_badge_uber_wrapper a:visited{text-decoration:none !important; background:inherit !important; color:#666}
#flickr_badge_wrapper{}
#flickr_badge_source{padding:0 !important; font:11px Arial,Helvetica,Sans serif !important; color:#666 !important}

/** Main Post **/
.post{float:left; width:100%; padding-bottom:0px; margin-bottom:10px}
.last-post{background:none}
.post-detail{padding-bottom:30px}
.post-detail, .post-summry, .post-img{float:left; width:100%}
.post h2{color:#404040; font-size:18px; text-align:left; background:url(../images/heading-bg.png) no-repeat left bottom; padding-bottom:8px; font-weight:normal; margin-bottom:10px; float:left}
.post h2 a{color:#404040; text-decoration:none}
.post .date, .post .author, .post .comments, .post .tag{float:left; display:block; color:#999; padding-right:12px}
.post .date a, .post .author a, .post .comments a, .post .tag a{color:#999; text-decoration:none}
.post .author a{text-decoration:underline}
.post-img{float:left;  overflow:hidden; margin-bottom:30px; position:relative; width:100%}
.post-img img{width:100%}
.post-img-lbl{position:absolute; right:0px; top:0px}

/** Pagination **/
.blog .w75{width:73%}
.pagination{float:right; width:auto;  background:url(../images/heading-bg.png) no-repeat left top; padding-top:20px}
.pagination ul, .pagination span, .pagination .nxt-pre{float:left; width:auto}
.pagination ul li{float:left; padding-right:7px; list-style:none; padding-left:0px}
.pagination ul li a, .nxt-pre a{color:#666; text-decoration:none}
.nxt-pre a{padding-right:5px; padding-left:5px}
.pagination span{color:#333; padding-right:7px; font-weight:bold}

.medium .post-img{width:60%; position:relative; margin-right:20px}
.medium .post-summry, .medium .post-detail{width:30%}

/*------------- Portfolio ------------*/
.portfolio_conr{width:100%; float:left; position:relative}
.portfolio_container{position:relative}
.portfolio_contain{margin:9px 0 0 0px; padding:0px; width:100%; float:left}

/* portfolio_list */
.portfolio_list{float:left;  list-style:none; position:relative; padding:0 0 0 0px;  height:44px; width:100%;  background:url(../images/heading-bg.png) no-repeat left bottom; padding-bottom:6px; margin-bottom:35px}
.portfolio_list li{float:left; margin:0px; padding:13px 0; text-transform:uppercase}
.portfolio_list li:after{content:"-"}
.portfolio_list li.filter{color:#333; font-weight:bold}
.portfolio_list li:last-child:after{content:""}
.portfolio_list li:first-child:after{content:""}
.portfolio_list a{color:#676767; float:left; padding:0 5px; text-decoration:none; width:auto !important}
ul.portfolio_list li.active a, ul.portfolio_list li a:hover{color:#E4593A}
.ie6 #portfolio_list li, .ie7 #portfolio_list li{display:inline}
.ie6 #magic-line{bottom:-3px}

/** portfolio structure **/
.qitem, .main{float:left; padding:0 !important;  overflow:hidden; position:relative}
.omega{margin:0px !important}
.main{margin-bottom:40px;  border:0px solid #fff}
.main h2{text-align:center; width:100%}
.main p{width:100%; text-align:center}
.qitem img{border:0; position:absolute; z-index:200}

/* Setting for corners */
ul.portfolio_list li.active a{}
li:last-child{margin-right:0px}
li.main img{padding-bottom:12px; margin-bottom:6px; width:100%}
.portfolio_conr .plus{display:none}
ul.gallery li.last{margin-right:0px}
ul.gallery li .project_box{margin-right:0px}

.port-bot{margin-top:25px}
.port-top{margin-bottom:40px; float:left; background-position:bottom left;  padding-top:0px;  padding-bottom:20px}

/*------------- Portfolio ------------*/
.portfolio_contain .line{background:none; }
.p3Ls .project_box{max-width:194px}
.p3Ls .project_description, .p4Ls .project_description, .p2 .project_description{width:100%; margin:0 auto}
.p3Ls .project_description p, .p4Ls .project_description p, .p2 .project_description p{margin:0px}
.p2Ls .project_box{max-width:280px}
.p4Ls .project_box{max-width:154px}
.p2 .project_box .rounded_image{max-width:200px; float:left; margin-right:4%}
.p2 .project_description{float:left; width:50%; padding-top:58px;}
.p2 .project_description p, .p2 .project_description h2{text-align:left !important}
.p2 .project_description .line{margin-top:13px; float:left}
.p2 .project_box .button_holder{float:left}

/*------------- Archive page ------------*/
h3.archive-post, h3.columshead{text-transform:none; font-size:14px; font-weight:normal; margin-bottom:0px}
h4.columshead{text-transform:none; font-size:12px; font-weight:normal; margin-bottom:0px; padding-bottom:5px; font-weight:normal; color:#333; text-transform:uppercase}
ul.last-post, ul.last-post li{float:left; width:100%}
ul.last-post li a{color:#666; line-height:25px}

/*------------- FAQ ------------*/
.faq p{padding-bottom:25px; padding-left:0px; margin-left:0px}
.faq p:last-child{padding-bottom:0px}
.faq h3{width:100%; float:left}

/*------------- Buttons ------------*/
.button{display:inline-block; font-weight:bold; font-family: Arial,sans-serif; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 21px 21px 0; *float:left; -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,.3); box-shadow: 0px 1px 0px rgba(255,255,255,.3)}
.button:active{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08)}
.button.medium i{float:left; margin:2px 5px 0px -5px}
.button.small i{float:left; margin:1px 5px 0px -3px}
.button.medium{padding:8px 22px; font-size:14px; text-transform:none}
.button.small{padding:6px 12px; font-size:12px; font-family:Arial,sans-serif; line-height:16px}

/*------------- Input Buttons ------------*/
input[type="button"]{display:inline-block; font-weight:bold; font-family: Arial,sans-serif; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 5px 5px 0; *float:left; -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,.3); box-shadow: 0px 1px 0px rgba(255,255,255,.3); padding:4px 14px !important; font-size:14px; width:auto !important; float:left}

/*input[type="button"]:active{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08)}*/

/*------------- Alert Box ------------*/
/*.notification{font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; margin-bottom:15px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.notification p{margin:0}
.notification span{font-weight:bold}
.notification.success{background-color:#EBF6E0; color:#5f9025; border:1px solid #b3dc82; padding:14px 18px; background-image:linear-gradient(bottom,#EBF6E0 0%,#F0FAE7 100%); background-image:-o-linear-gradient(bottom,#EBF6E0 0%,#F0FAE7 100%); background-image:-moz-linear-gradient(bottom,#EBF6E0 0%,#F0FAE7 100%); background-image:-webkit-linear-gradient(bottom,#EBF6E0 0%,#F0FAE7 100%); background-image:-ms-linear-gradient(bottom,#EBF6E0 0%,#F0FAE7 100%)}
.notification.error{background-color:#ffe9e9; color:#de5959; border:1px solid #fbc4c4; padding:14px 18px; background-image:linear-gradient(bottom,#FFE9E9 0%,#FFF2F2 100%); background-image:-o-linear-gradient(bottom,#FFE9E9 0%,#FFF2F2 100%); background-image:-moz-linear-gradient(bottom,#FFE9E9 0%,#FFF2F2 100%); background-image:-webkit-linear-gradient(bottom,#FFE9E9 0%,#FFF2F2 100%); background-image:-ms-linear-gradient(bottom,#FFE9E9 0%,#FFF2F2 100%)}
.notification.warning{background-color:#FBFADD; color:#8f872e; border:1px solid #ded58a; padding:14px 18px; background-image:linear-gradient(bottom,#FBFADD 0%,#FCFBE6 100%); background-image:-o-linear-gradient(bottom,#FBFADD 0%,#FCFBE6 100%); background-image:-moz-linear-gradient(bottom,#FBFADD 0%,#FCFBE6 100%); background-image:-webkit-linear-gradient(bottom,#FBFADD 0%,#FCFBE6 100%); background-image:-ms-linear-gradient(bottom,#FBFADD 0%,#FCFBE6 100%)}
.notification.notice{background-color:#E9F7FE; color:#5091b2; border:1px solid #b6d7e8; padding:14px 18px; background-image:linear-gradient(bottom,#E9F7FE 0%,#F2FAFE 100%); background-image:-o-linear-gradient(bottom,#E9F7FE 0%,#F2FAFE 100%); background-image:-moz-linear-gradient(bottom,#E9F7FE 0%,#F2FAFE 100%); background-image:-webkit-linear-gradient(bottom,#E9F7FE 0%,#F2FAFE 100%); background-image:-ms-linear-gradient(bottom,#E9F7FE 0%,#F2FAFE 100%)}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close{padding:0px 14px; position:absolute; right:0; top:20px; display:block; height:8px; weight:8px}
.notification.success .close{background:url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat}
.notification.error .close{background:url(../images/alert_boxes_close_ico.png) 0 0 no-repeat}
.notification.warning .close{background:url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat}
.notification.notice .close{background:url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat}*/

.divider1{border-bottom:1px solid #e1e1e1; height:1px; clear:both; width:100%;  margin:6px 0px 46px 0px}
.divider2{border-bottom:1px solid #e1e1e1; height:1px; clear:both; width:100%; float:left; margin:6px 0px 30px 0px}
.non{ background:url(../images/shedow.png) no-repeat center; height:8px; border:none;}

/*********************** Contact Us *********************/
.w960{ margin:0 auto;  max-width:960px; margin-bottom:35px}
.map{margin-bottom:35px}
.contact h3{padding-bottom:5px;margin-bottom:5px;}
ul.cont-frm, ul.cont-frm li{float:left; width:100%; list-style:none; padding:0px; margin:0px}
ul.cont-frm li.wsmall{width:310px; margin-right:25px}
ul.cont-frm li label, ul.cont-frm li input[type="text"]{display:block; float:left; width:100%}
ul.cont-frm li label{padding-bottom:10px; color:#333}
ul.cont-frm li label span{color:#666}
ul.cont-frm li input[type="text"]{border:1px solid #c8c8c8; padding:6px 4px; width:93%; color:#333; margin-bottom:20px}
ul.cont-frm li input[type="radio"]{border:1px solid #c8c8c8; padding:6px 4px; color:#333; margin-bottom:20px}
ul.cont-frm li textarea.txtarea{width:98%; float:left;  border:1px solid #c8c8c8; padding:6px 4px; margin-bottom:20px}

/************************* Gallery *************************/
/*ul.gallerys{float:left; width:100%}
ul.gallerys li{float:left; margin-right:17px; border-bottom:8px solid #edebeb; margin-bottom:12px; position:relative; overflow:hidden}
ul.gallerys li img{float:left}
ul.gallerys li{margin-bottom:20px; text-align:center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none; cursor:pointer; background:}
ul.gallerys li.last-child{margin-right:0px !important}
.zoom{ -webkit-transition:all 0.6s ease-in-out 0s; height:27px !important; margin-left:40%; margin-top:-34px;  position:absolute;  width:25px !important; z-index:9999}
ul.gallerys li:hover .zoom{top:74%; opacity:1}
.bg{position:absolute; opacity:0; left:0px; top:0px}
ul.gallerys li:hover .bg{opacity:0.5; top:0px}*/

/*------------- Rounded COrner Images ------------*/
.rounded_image{position:relative; text-align:center; /* Modify the width and the height according to your images sizes,   For this effect,it is necessary to have the same width and height */ position:relative;}
 
.rounded_image img.rounded_img, 
.rounded_image img.squared_img{width:100%; display:block; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; transition:all 0.6s}
.rounded_image img.rounded_img, 
.rounded_image img.squared_img:hover{-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px}
.rounded_image img.rounded_img:hover, 
.rounded_image img.squared_img{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -khtml-border-radius:0; border-radius:0}
img.rounded_img{-webkit-transition:all 0.6s linear; -moz-transition:all 0.6s linear; -o-transition:all 0.6s linear; -transition:all 0.6s linear; -webkit-border-radius:232px 232px 232px 232px; -moz-border-radius:232px 232px 232px 232px; -o-border-radius:232px 232px 232px 232px; -ms-border-radius:232px 232px 232px 232px; -khtml-border-radius:232px 232px 232px 232px; border-radius:232px 232px 232px 232px}
img.rounded_img:hover{-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px}
 
/*------------- Typography ------------*/
h1.std{font-size:24px; font-weight:bold; color:#000; line-height:normal; padding:0 0 5px; margin:0px}
h2.std{font-size:18px; font-weight:bold; color:#000; line-height:normal; padding:0 0 5px; margin:0px}
h3.std{font-size:14px; font-weight:bold; color:#000; line-height:normal; padding:0 0 5px; margin:0px}
h4.std{font-size:10px; font-weight:bold; color:#000; line-height:normal; padding:0 0 5px; margin:0px}

.bigRnd, .big, .bigsqr, .bigI{background:#666; border-radius:27px; color:#FFF; display:block; float:left; font-size:38px;  font-weight:bold; height:19px; line-height:21px; margin-right:8px; padding:13px 12px}
.big, .bigI{background:none; color:#666}
.bigsqr{border-radius:0px; padding:13px 10px}
.bigI{font-style:italic}

span.yellow-bg{background:#faa31a; color:#fafc47; padding:0 3px}
span.blue-bg{background:#056a76; color:#04f6ff; padding:0 3px}
span.black-bg{background:#000; color:#fff; padding:0 3px}
span.green-bg{background:#199f35; color:#acef36; padding:0 3px}

.blockq{font-family:Tahoma, Geneva, sans-serif; font-size:16px; border-left:3px solid #bdbdbd; padding-left:12px; color:#bdbdbd; line-height:22px; margin-bottom:0px}

/*------------- Price Table ------------*/
.pricetbl{max-width:180px; font-size:12px; color:#444;  line-height:34px; float:left; border-right:1px solid #e5e4e3}
.pricetbl td{border-bottom:1px solid #f1f1ef}
.pricehead{font-size:18px; text-transform:uppercase; color:#444; line-height:50px}
.price-count{line-height:34px; color:#e4593a; font-family:Tahoma, Geneva, sans-serif; font-size:15px}
.pro-detail{font-weight:bold; color:#444; font-size:12px; padding:10px 0px; line-height:17px}
.price-outer{background:#f8f8f8; border:1px solid #d3d3d3; border-radius:5px; width:99.8%; height:408px}
.pricetbl .tbl-divdr{background:url(../images/tbl-divder.png) no-repeat bottom center; border-bottom:0px solid #f1f1ef}
.sign-ar{background:#eea899; height:63px}
.sign-ar a{ width:auto; background:#e5e3e3; padding:6px 11px; color:#666; font-size:10px; text-transform:uppercase; text-decoration:none; border-bottom:1px solid #c0bcbc}
.pricetbl-big{background:none repeat scroll 0 0 #FFF;  border:1px solid #D3D3D3;  border-radius:5px 5px 5px 5px;  margin-top:-20px;  max-width:100%; width:238px}
.pricetbl-big .pricehead{font-size:23px; line-height:69px}
.pricetbl-big .sign-ar{height:85px; background:#e9775e}
.pricetbl-big .sign-ar a{ width:auto; background:#e5e3e3; padding:7px 20px; color:#666; font-size:16px; text-transform:uppercase; text-decoration:none; border-bottom:1px solid #c0bcbc}
.cntr-tbl{float:left; width:238px !important}

/*------------- Tabs ------------*/
.ui-tabs .ui-tabs-hide{position:absolute;  left:-10000px}
.tabs{margin:0 0 20px 0}
.tabs ul.nav{list-style:none; margin:0 0 0 1px; padding:0}
.tabs ul.nav li{float:left; position:relative; margin:0 0px 0px -1px; z-index:10}
.tabs ul.nav li a{border:1px solid #d7d7d7; border-bottom:none; display:block; overflow:hidden; padding:8px 20px 5px; height:24px; background:#f8f8f8; color:#333; line-height:22px; text-decoration:none; font-size:14px}
.tabs ul.nav li.ui-tabs-selected a{height:25px; background:#fff; color:#535763}
.tabs .tab{background:#fff; padding:15px 22px; border:1px solid #cfd2d7; color:#777b83; float:left}

/*------------- Toggle ------------
.toggle{margin:0 0 12px 0; float:left; width:100%}
.toggle h4{font-size:12px; padding:10px; background:#f4f4f4; border:1px solid #cfd2d7; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#535763; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.toggle h4.ui-state-active{background:#fff; border-bottom:none}
.toggle-inner{padding:10px; background:#fff; border:1px solid #cfd2d7; border-top:none}
.toggle .ui-icon{background:#F00; width:10px; height:10px; float:left; margin:3px 10px 0 0}
.toggle .ui-icon{  background:url(../images/plus.png) no-repeat right;     width:12px;     height:12px;     float:right;     margin:3px 10px 0 0}
.toggle .ui-state-active .ui-icon{background:url(../images/minus.png) no-repeat right}*/

/*------------- Accrdian ------------*/
#toggel{float:left; width:99%;  margin-bottom:45px; border:1px solid #d7d7d7; border-bottom:0px solid #d7d7d7}
#toggel h3{background:url(../images/plus-2.png) no-repeat right #f8f8f8; line-height:36px; font-weight:normal;  font-size:11px; padding-left:10px; width:95%; float:left; outline:none; margin:0px; padding-bottom:0px; border-bottom:1px solid #d7d7d7; font-size:13px; text-transform:none}
#toggel h3 a{display:block; text-decoration:none; color:#333}
#toggel h3.ui-state-active{border-bottom:none; background:url(../images/minus1.png) no-repeat right #f8f8f8; border-bottom:1px solid #d7d7d7}
#toggel h3.ui-state-active a{display:block}
#toggel h3.ui-state-default a{}
#toggel div{padding:15px 0 15px 9px; background:#fff; float:left; border-bottom:1px solid #d7d7d7}
#toggel div p{padding:0px; margin:0px}

/*------------- Work ------------*/
ul.Iwork .one_fourth{ margin-right:1% !important;  width:24%; margin-bottom:30px}
ul.Iwork .project_box{margin-right:0px; padding-top:28px; border:1px solid #e5e3e3; margin-bottom:20px}
ul.Iwork .button_holder{margin:0 auto; display:table}
ul.Iwork .project_description h2 a{text-decoration:underline}
/*-------------quotes------------------*/
.quotes{text-align:center;font-size:16px; color:#cc0033; line-height:18px;font-family: 'Open Sans', sans-serif !important; font-weight:600; }
.quotes img{padding:0px 10px 0px 0px; }
.quotes img.end{ padding:5px 40px;margin-top:5px }
/*------------- Testimoniols ------------*/
#testimonials{position:relative; margin:0 0 10px 0}
#testimonials .testimonial{background:none; padding:0 0 0 25px; border:0; width:68%; margin:0 auto; text-align:center; position:absolute; top:0; left:15%; z-index:5; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; -ms-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; background:url(../../www.converget.com/images/quotes.png) no-repeat left top; padding-left:25px}
#testimonials .testimonial.active{opacity:1; -moz-opacity:1; filter:alpha(opacity=1)}
#testimonials .testimonial p{font-size:12px; line-height:22px; margin-bottom:10px}
#testimonials .testimonial span{font-size:12px; line-height:20px; text-transform:uppercase; color:#333; font-weight:bold}
#testimonials .testimonial a:hover{color:#ff4629}
#testimonials .testimonial-nav-wrapper{position:relative; width:100%; height:64px; margin:0 0 0 0px; padding:100px 0 0px 0; overflow:hidden}
#testimonials .testimonial-nav{height:64px; margin:0; overflow:hidden}
#testimonials .testimonial-nav li{display:block; float:left; margin:0 11px}
#testimonials .testimonial-nav a{display:block; background:none; padding:0; border:0; width:64px; height:64px; position:relative}
#testimonials .testimonial-nav a img{display:block}
#testimonials .testimonial-nav a span{display:block; position:absolute; top:0; left:0; width:64px; height:64px; background:#ff4629; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px}
#testimonials .testimonial-nav li a:hover span, 
#testimonials .testimonial-nav li a.active span{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=4)}

/*------------- Single Portfolio ------------*/
.port-top-nav{height:40px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; width:100%; float:left}
.go-port{float:left; line-height:40px; height:40px; font-weight:bold;color:#000;text-transform:uppercase;  }
.single-port .nivo-directionNav{display:none !important}
.port-smal-nav{float:right; line-height:40px; height:40px}
.port-smal-nav a{color:#666; text-decoration:none}
.single-port .three_fourth{ margin-bottom:15px;}
.port-img-cont{width:100%; position:relative}
.port-img-cont #slider{ height:auto;}

.port-img-cont .nivo-controlNav{position:absolute; bottom:0px; right:30px;  z-index:10000}
.single-port .nivo-controlNav a{display:inline-block; width:8px; height:8px; background:url(../images/dot.png) no-repeat; text-indent:-9999px; border:0; margin:0 2px}
.single-port .nivo-controlNav a.active{background-position:0 -13px}

.single-port .nivo-directionNav a{display:block; width:16px; height:15px; background:url(../images/arro.png) no-repeat; text-indent:-9998px; border:0}
.single-port a.nivo-prevNav{}
.single-port a.nivo-nextNav{background:url("../images/arro.png") no-repeat scroll -20px 0 transparent}

ul.skills li{background:url(../images/right.png) no-repeat left; padding-left:28px; line-height:25px}

.port-social{background:url("../images/post-divdr.jpg") repeat-x scroll center bottom transparent; padding-bottom:25px; margin-bottom:30px}
.single-port .main{margin-bottom:0px}
.view-web{margin-top:15px}
.view-web .buttonInquiry, .view-web .buttonLive, .view-web .buttonShare{background:url(../images/button-inquiry.jpg) no-repeat 0 0; display: block;    float: left;    height: 18px;    margin-right: 3px;
    padding-top: 32px;    text-align: center;    text-decoration: none;    width: 50px; color:#919191; }
.view-web .buttonShare{background:url(../images/button-share.jpg) no-repeat 0 0;}
.view-web .buttonLive{background:url(../images/button-live.jpg) no-repeat 0 0;}
.view-web .buttonInquiry:hover{background:url(../images/button-inquiry-hover.jpg) no-repeat 0 0; color:#FFF!important;}
.view-web .buttonShare:hover{background:url(../images/button-share-hover.jpg) no-repeat 0 0;color:#FFF!important;}
.view-web .buttonLive:hover{background:url(../images/button-live-hover.jpg) no-repeat 0 0;color:#FFF !important;}
.view-web  .buttonShare .addthis_toolbox{display:none;}
.view-web .buttonShare:hover .addthis_toolbox{display:block;}
.view-web .button{border-radius:0px}
.box_heading{float:left; width:100%}
.floatr{float:right}
.hidden{display:none;}

#portfolio  .project_description {width:100%;}
#portfolio .one_fourth{margin:1.5% !important}

.socialIcon{ width:105px; margin:0 auto; padding-left:10px;}
.socialIcon a{ margin-right:10px; float:left; width:16px; height:16px;}
.socialIcon .facebook-icon{background:url(../images/facebook-icon.png) no-repeat 0 0; }
.socialIcon .facebook-icon:hover{background-position:0px -16px; }
.socialIcon .twitter-icon{background:url(../images/twitter-icon.png) no-repeat 0 0; }
.socialIcon .twitter-icon:hover{background-position:0px -16px; }
.socialIcon .googleplus-icon{background:url(../images/googleplus-icon.png) no-repeat 0 0; }
.socialIcon .googleplus-icon:hover{background-position:0px -16px; }
.socialIcon .linkedin-icon{background:url(../images/linkedin-icon.png) no-repeat 0 0; }
.socialIcon .linkedin-icon:hover{background-position:0px -16px;}
#msgdiv{background-color:#CC0033; padding:10px; color:#fff; float:left; margin-bottom:15px; width:98%; display:none;}

#slide-06 h1 {    padding-bottom: 20px !important;}

.footer-brain{ float: left;    margin-top: -27px;    text-align: center;    width: 53%; margin-bottom:10px;}

/*.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: -25px;
    color: #fff;
    content: attr(title);
    left: -95px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
*/

.tooltip {
position:relative; /* make span relative to anchor */
text-decoration:none; /* no underline */
cursor:pointer; /* make cursor point */
}
.tooltip span { /* main body of tooltip */
position:absolute; /* AP it */
bottom:6px; /* FADE IN/OUT BEGIN */
left:43%; /* CENTER TOOLTIP */
margin-left:-100px; /* CENTER TOOLTIP */
width:200px; /* tootip width */
opacity:0; /* HIDE TOOLTIP in modern browsers */
visibility:hidden; /* HIDE TOOLTIP in IE */
padding:10px 5px; /* padding */
color:#fff; /* text color */
font:bold 75%/1.5 Arial, Helvetica, sans-serif; /* font */
text-align:center; /* center text */
pointer-events:none; /* no unintended tooltip popup for modern browsers */
border-radius:5px; /* round corners */
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); /* text shadow */
background:#2F2D2E; /* IE6/7/8 */
background:#2F2D2E; /* modern browsers */
border:2px solid rgb(255,255,255); /* IE6/7/8 */
border:2px solid rgba(255,255,255,.8); /* modern browsers */
box-shadow:0px 2px 4px rgba(0,0,0,0.5); /* shadow */
-webkit-transition:all 0.3s ease-in-out; /* animate tooltip */
-moz-transition:all 0.3s ease-in-out; /* animate tooltip */
-o-transition:all 0.3s ease-in-out; /* animate tooltip */
-ms-transition:all 0.3s ease-in-out; /* animate tooltip */
transition:all 0.3s ease-in-out; /* animate tooltip */
}
.tooltip span.dif { /* different width tooltip */
width:190px; /* width */
margin-left:-102px; /* center it */
}
.tooltip span:before, .tooltip span:after { /* bottom triangle - the white border */
content:''; /* add html content */
position:absolute; /* AP bottom triangle */
bottom:-13px; /* position bottom triangle */
left:43%; /* center bottom triangle */
border-left:12px solid transparent; /* build bottom triangle */
border-right:12px solid transparent; /* build bottom triangle */
border-top:12px solid rgb(255,255,255); /* build bottom triangle IE6/7/8 */
border-top:12px solid rgba(255,255,255,.8); /* build bottom triangle modern browsers */
}
.tooltip span:after { /* top triangle - the blue background */
bottom:-10px; /* position top triangle */
margin-left:2px; /* center top triangle */
border-width:10px; /* build top triangle */
border-top:10px solid rgb(46,182,238); /* build top triangle IE6/7/8 */
border-top:10px solid #2F2D2E; /* build top triangle modern browsers */
}
.tooltip:hover span { /* reveal tooltip */
opacity:1; /* REVEAL TOOLTIP in modern browsers */
bottom:75px; /* FADE IN/OUT END */
visibility:visible; /* REVEAL TOOLTIP in IE */
}
.error404, .thankpage{ text-align:center; line-height:30px !important;  margin-top:50px; padding-bottom:50px;}
.error404 h2, .thankpage h2{font-size: 66px;line-height: 80px; margin-bottom:10px;}
.error404 .right_button_holder{float:none}
.error404 p, .thankpage p{ font-size:17px;}
.tooltip span:hover {
visibility:hidden; /* hide tooltip when moving from link to span in IE */


}
@media screen and (min-device-width:320px) and (max-device-width:768px) {.tooltip span{display:none;}.tooltip:hover span{display:block;} } /* iPad & iPhone simulate :hover */
.intro .name2{float:right;  font-size:11px;  font-weight:bold; padding-right:10px; width:95%; text-align:center; margin-top:-25px}
.intro .name2 a{cursor:default;  font-size:12px;  font-weight:bold;  margin-right:5px; color:#000}
.name-ceo{cursor:default;  font-size:12px;  font-weight:bold; color:#000; width:41% !important; float:left; margin-top:15px;}
.testimonial-nav2{ float:left; margin-left:22%;}