/*
 * Author:Bhagwati
 * Website:www.39articles.net/
 * Website:www.DesignPrefix.com/
 */
@font-face{font-family:'sConv_Helvetica';  src:url('helvetica.eot');  src:url('helvetica.eot@#iefix') format('embedded-opentype'), url('helvetica.woff') format('woff'), url('helvetica.ttf') format('truetype'), url('helvetica.svg#helvetica') format('svg');  font-weight:normal;  font-style:normal}
/*--------------- Css Reset ---------------*/
body{    margin:0px;     padding:0px;     color:#666;  font-family:'Helvetica'; font-size:11px}
fieldset, ul, li{    padding:0px;     margin:0px;     border:none}
li{list-style:none}
img{max-width:100%; height:auto}
.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}
* a:hover{color:#8d92ef!important;  text-decoration:none !important}
p{padding:0xp; margin:0px}

h2{color:#333; font-size:18px; line-height:18px; padding:0px; margin:0px; margin-bottom:25px; font-weight:bold}
h3{color:#404040; font-size:12px; padding-bottom:15px; text-align:left; text-transform:uppercase; margin-bottom:20px}
h3.bor-bot{background:url(../images/bor.png) no-repeat bottom left}

/*--------------- TOP Section ---------------*/
.ex-right{margin-right:0px !important}
#top_line{background:none repeat scroll 0 0 #8d92ef;  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.Rss a{   background:url(../images/social.png) no-repeat -95px -2px;     width:18px;     height:18px;     float:left;     display:block}
ul.social li.Rss a:hover{   background-position:-95px -21px}
ul.social li.power a{   background:url(../images/social.png) no-repeat -128px -2px;  width:18px;  height:18px;  float:left;  display:block}
ul.social li.power a:hover{background-position:-128px -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:helvetica}
.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;  x padding:0;  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 #e1e1e1; color:#999; float:left; font-family:'Helvetica'; font-size:11px;  margin-left:5px; margin-top:19px; padding:4px 13px 5px 15px}
#logo, #logo1{float:left;  margin:0px 10px 2px 0}

/*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 #8d92ef;  border-bottom:7px solid #EDEBEB;  margin-top:50px;  overflow:hidden}
.body_heading a:hover{color:#fff !important}
.heading_intro{float:left;  margin-left:25px}
.heading_intro2{float:left;  margin-left:25px}
.heading_intro h2{border-bottom:2px solid #DDD;  float:left;  font-size:25px;  margin-bottom:20px;  margin-top:20px; line-height:30px;}
.heading_intro2 h2{ float:left;  font-size:25px;  margin-bottom:20px;  margin-top:20px; line-height:30px;}
.heading_intro h2 a{color:#FFF;  font-weight:bold;  text-decoration:none;  text-transform:uppercase}
.heading_intro2 h2 a{color:#FFF;  font-weight:bold;  text-decoration:none; }
.heading_intro p{color:#FFF;  float:left;  font-size:15px;  margin:26px 0 0 20px}
.heading_intro2 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 #444cdf;  color:#FFF;  font-size:14px;  font-weight:bold;  margin:16px;  padding:11px 21px;  text-align:center;  text-decoration:none}
.button_head:hover{background:#2f35a5}

/*--------------- 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:url(../images/slider-bg.jpg) center center ; background-size:auto}
#slider{height:340px; margin-bottom:25px; 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:Helvetica,sans-serif; font-size:14px}
.my_asyncslider h1{margin-bottom:0px; font-size:25px; color:#333333; line-height:normal; padding-bottom:20px; 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:Helvetica}

.my_asyncslider .description p{font-size:14px}
#slide-01 .description{width:470px !important; margin-top:3px;  padding-top:20px; padding-left:80px;}
#slide-02 .description{width:576px !important; padding-right:50px; padding-top:20px;}
#slide-02 .bannerimg{ padding-top:35px; }
#slide-03 .description{width:490px !important;padding-right:50px; padding-top:20px;}
.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:342px; max-width:960px; margin:0 auto; display:block; padding:0px 0px 10xp; z-index:0 !important}


 /* Prev Next Nav */
#asyncslider_next_prev_nav{position:relative}
#asyncslider_next_prev_nav li{color:#000; position:absolute}
#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}
#asyncslider_next_prev_nav li.next a{background:url(../images/slid-ar.png) no-repeat right}


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

.btn{background:none repeat scroll 0 0 #8d92ef;  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 #444cdf;}
.btn:hover{ color:#fff !important; background:#444;}

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

/*ITEMS*/
.body_contant{margin:70px 0 0;  overflow:hidden}
#body_wrapper{margin-bottom:70px; overflow:hidden}
.top_container{overflow:hidden}
.box{overflow:hidden; padding-bottom:40px}
.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 #8d92ef;  border-bottom:1px solid #444cdf;  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:25px}
.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 #8d92ef;}
.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:Georgia, "Times New Roman", Times, 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:35px}
.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: 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:15px;}
.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}
.project_description h2 a{color:#404040; 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 #8d92ef;}
.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 #8d92ef;  border-bottom:1px solid #444cdf;  color:#FFF !important;  text-transform:uppercase}


/*--------------- Bottom Wrapper ---------------*/
.bottom_wrapper{   overflow:hidden}
.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:Georgia,"Times New Roman",Times,serif; line-height:15px; color:#999}
.intro .details img{margin-right:5px}
.intro .details span{font-family:sans-serif; font-size:50px}
.intro .name{float:right;  font-size:11px;  margin-top:-21px;  text-align:right;  font-weight:bold; padding-right:10px;}
.intro .name a{cursor:pointer;  font-size:12px;  font-weight:bold;  margin-right:5px; color:#000}
.intro .name strong{cursor:pointer;  font-size:12px;  font-weight:bold;  margin-right:5px; color:#000}

/*--------------- Footer Section ---------------*/
#footer{ background:#333333; border-top:5px solid #EDEBEB; width:100%}
#footer_wrapper{margin:0 auto; max-width:960px; padding-top:15px; color:#777}
#footer_wrapper .divider_text{height:25px}
#footer_wrapper h2{color:#666}
#footer_wrapper .line_min{background:#595959; border:none; width:50px; border-bottom:2px solid #282827;}
.bottom_mar{ margin-top:25px}
#footer_wrapper p a{color:#fff}
p.w90{width:85%}
#footer_wrapper .one_half{width:39.3%}
/*--- COntect info ---*/
.contactinfo{float:left; padding-left:15px}
.contactinfo ul li{line-height:24px}
.contactinfo ul li span{color:#fff; font-weight:bold}
.contactinfo ul li a{color:#777; 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:Georgia,"Times New Roman",Times,serif; font-size:11px; font-style:italic; padding-bottom:8px}
ul.news li input[type="text"]{font-family:Helvetica; 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="submit"]{ background:#595959 !important;  border:none;  height:26px;  padding:0; text-transform:uppercase; padding:2px 5px; font-size:11px; color:#fff !important;  font-family:helvetica; border-radius:0px !important; border-bottom:2px solid #282827;}
ul.news li input[type="submit"]:hover{background:#676766;  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:url(../images/footer-bg.png) repeat-x #302d2d; height:43px;  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:15px; color:#fff}

/*--- Clients Box ---*/
.client-box, testimoniol{width:100% !important}
ul.client{float:left; width:98.5%; border:1px solid #e5e3e3; border-bottom:none; border-right:none}
ul.client li{border-right:1px solid #e5e3e3; border-bottom:1px solid #e5e3e3}
ul.client li, ul.client li a{float:left; width:150px; height:118px; display:block}
ul.client li a.client1{background:url(../images/client1.png) no-repeat center center}
ul.client li a.client1:hover{background:url(../images/client1-hvr.png) no-repeat center center}
ul.client li a.client2{background:url(../images/client2.png) no-repeat center center}
ul.client li a.client2:hover{background:url(../images/client2-hvr.png) no-repeat center center}
ul.client li a.client3{background:url(../images/client3.png) no-repeat center center}
ul.client li a.client3:hover{background:url(../images/client3-hvr.png) no-repeat center center}
ul.client li a.client4{background:url(../images/client4.png) no-repeat center center}
ul.client li a.client4:hover{background:url(../images/client4-hvr.png) no-repeat center center}
ul.client li a.client5{background:url(../images/client5.png) no-repeat center center}
ul.client li a.client5:hover{background:url(../images/client5-hvr.png) no-repeat center center}
ul.client li a.client6{background:url(../images/client6.png) no-repeat center center}
ul.client li a.client6:hover{background:url(../images/client6-hvr.png) no-repeat center center}

/** 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_half{width:48%}
.one_half_tips{width:100%}
.one_half_tips2{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_half,
.one_half_tips,
.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 ;}
.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:'Helvetica'; 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:#99999}
.borbot{background:url(../images/bor.png) no-repeat left bottom}
p.borbot{padding-bottom:25px}
h2.borbot{padding-bottom:18px}
.borbot_tips{background:url(../images/bor.png) no-repeat left bottom}
p.borbot_tips{padding-bottom:25px}
h2.borbot_tips{padding-bottom:18px}

/*--- Team Detail ---*/
.team{width:100%; float:left; padding-top:0px}
.team-thumb{width:100%}
.team h3{color:#404040; font-size:12px; padding-top:0px; text-align:left; text-transform:uppercase;  margin-bottom:0px; padding-bottom:0px}
.team h3 a{color:#404040; text-decoration:none}
.team-detail{text-align:left;  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:left; font-style:italic; margin-bottom:25px}

/*--- Vision ---*/
.vision, .client-say{padding-top:25px; float:left; width:100%; padding-bottom:25px}
.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}
.client-say h3{text-align:center}
.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.leftli 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 #e4593a;}
/** 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%; background:url(../images/post-divdr.jpg) repeat-x bottom; padding-bottom:40px; margin-bottom:40px}
.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:50px;  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}

/* Setting for holygen */

.holygen{ position:absolute; width:100%; height:100%;  position:absolute; left:0px; top:0px; background:url(../images/holygen.png) no-repeat center center ; z-index:130; background-size:135%; -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; cursor:pointer; }
.holygen:hover{opacity:0;}

/*------------- 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:inset 1px 0px 0px rgba(255,255,255,.3); box-shadow:inset 0px 1px 0px rgba(255,255,255,.3)}

.button:active{-webkit-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.08); box-shadow:inset 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:inset 1px 0px 0px rgba(255,255,255,.3); box-shadow:inset 0px 1px 0px rgba(255,255,255,.3); padding:7px 14px !important; font-size:14px; width:auto !important; float:left}

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

/* Yellow Button
==========================*/
.button.yellow{border:1px solid #e6bd4c; background-image:linear-gradient(bottom,#FCCC73 0%,#FAE198 100%); background-image:-o-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%); background-image:-moz-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%); background-image:-webkit-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%); background-image:-ms-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%); background-color:#FCCC73; color:#754c00; text-shadow:1px 1px 0px #ffebb7; filter:dropshadow(color=#ffebb7,offx=1,offy=1)}

.button.yellow:hover{background:#fbd684}

/* White Button
==========================*/
.button.white{border:1px solid #ddd; background-image:linear-gradient(bottom,#F7F7F7 0%,#FFF 100%); background-image:-o-linear-gradient(bottom,#F7F7F7 0%,#FFF 100%); background-image:-moz-linear-gradient(bottom,#F7F7F7 0%,#FFF 100%); background-image:-webkit-linear-gradient(bottom,#F7F7F7 0%,#FFF 100%); background-image:-ms-linear-gradient(bottom,#F7F7F7 0%,#FFF 100%); background-color:#F7F7F7; color:#444; text-shadow:1px 1px 0px #fff; filter:dropshadow(color=#fff,offx=1,offy=1)}

.button.white:hover{background:#fbfbfb; color:#444 !important}

/* Black Button
==========================*/
.button.black{border:1px solid #464646; background-image:linear-gradient(bottom,#464646 0%,#656565 100%); background-image:-o-linear-gradient(bottom,#464646 0%,#656565 100%); background-image:-moz-linear-gradient(bottom,#464646 0%,#656565 100%); background-image:-webkit-linear-gradient(bottom,#464646 0%,#656565 100%); background-image:-ms-linear-gradient(bottom,#464646 0%,#656565 100%); background-color:#464646; color:#fff; text-shadow:1px -1px 0px #444; filter:dropshadow(color=#4444,offx=1,offy=1)}

.button.black:hover{background:#535353; color:#fff !important}

/* Red Button
==========================*/
.button.gray{border:1px solid #bfbebf; background:#bebebe; /* Old browsers */background-image:-moz-linear-gradient(top, #c9c9ca 0%,#aeafaf 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c9c9ca),color-stop(100%,#aeafaf)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #c9c9ca 0%,#aeafaf 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #c9c9ca 0%,#aeafaf 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #c9c9ca 0%,#aeafaf 100%); /* IE10+*/background-image:linear-gradient(to bottom, #c9c9ca 0%,#aeafaf 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9ca',endColorstr='#aeafaf',GradientType=0 ); /* IE6-9 */color:#5a5a5a; text-shadow:1px -1px 0px #c5c5c5; filter:dropshadow(color=#c5c5c5,offx=1,offy=1)}

.button.gray:hover{background:#bebebe; color:#5a5a5a !important}

/* Green Button
==========================*/
.button.sblue{border:1px solid #aebac3; background-color:#bccad5; /* Old browsers */background-image:-moz-linear-gradient(top, #bccad5 0%,#87a1b4 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bccad5),color-stop(100%,#87a1b4)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #bccad5 0%,#87a1b4 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #bccad5 0%,#87a1b4 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #bccad5 0%,#87a1b4 100%); /* IE10+*/background-image:linear-gradient(to bottom, #bccad5 0%,#87a1b4 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccad5',endColorstr='#87a1b4',GradientType=0 ); /* IE6-9 */color:#51606b; text-shadow:1px -1px 0px #c5c5c5; filter:dropshadow(color=#c5c5c5,offx=1,offy=1)}

.button.sblue:hover{background:#9cb2c1; color:#51606b !important}

/* Blue Button
==========================*/
.button.blue{border:1px solid #9ed0e4; background-image:-moz-linear-gradient(top, #b4e3f8 0%,#6fcef4 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4e3f8),color-stop(100%,#6fcef4)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #b4e3f8 0%,#6fcef4 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #b4e3f8 0%,#6fcef4 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #b4e3f8 0%,#6fcef4 100%); /* IE10+*/background-image:linear-gradient(to bottom, #b4e3f8 0%,#6fcef4 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e3f8',endColorstr='#6fcef4',GradientType=0 ); /* IE6-9 */background-color:#b4e3f8; color:#427a90; text-shadow:1px -1px 0px #b8e4f9; filter:dropshadow(color=#b8e4f9,offx=1,offy=1)}

.button.blue:hover{background:#93d9f5;  color:#427a90 !important}

/* Pink Button
==========================*/
.button.pink{border:1px solid #e37892; background-image:-moz-linear-gradient(top, #f38097 0%,#f16678 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f38097),color-stop(100%,#f16678)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #f38097 0%,#f16678 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #f38097 0%,#f16678 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #f38097 0%,#f16678 100%); /* IE10+*/background-image:linear-gradient(to bottom, #f38097 0%,#f16678 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38097',endColorstr='#f16678',GradientType=0 ); /* IE6-9 */background-color:#f38097; color:#913946 !important; text-shadow:1px -1px 0px #e8909c; filter:dropshadow(color=#e8909c,offx=1,offy=1)}

.button.pink:hover{background:#f38097;  color:#913946 !important}

/* Green Button
==========================*/
.button.green{border:1px solid #a2c161; background-image:-moz-linear-gradient(top, #c9df86 0%,#9ecb57 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c9df86),color-stop(100%,#9ecb57)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #c9df86 0%,#9ecb57 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #c9df86 0%,#9ecb57 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #c9df86 0%,#9ecb57 100%); /* IE10+*/background-image:linear-gradient(to bottom, #c9df86 0%,#9ecb57 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9df86',endColorstr='#9ecb57',GradientType=0 ); /* IE6-9 */background-color:#b5d66d; color:#5d7735 !important; text-shadow:1px -1px 0px #c0d594; filter:dropshadow(color=#c0d594,offx=1,offy=1)}

.button.green:hover{background:#b5d66d}

/* Green Button
==========================*/
.button.purple{border:1px solid #c2a3be; background-image:-moz-linear-gradient(top, #e7c4dd 0%,#d195c3 100%); /* FF3.6+*/background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e7c4dd),color-stop(100%,#d195c3)); /* Chrome,Safari4+*/background-image:-webkit-linear-gradient(top, #e7c4dd 0%,#d195c3 100%); /* Chrome10+,Safari5.1+*/background-image:-o-linear-gradient(top, #e7c4dd 0%,#d195c3 100%); /* Opera 11.10+*/background-image:-ms-linear-gradient(top, #e7c4dd 0%,#d195c3 100%); /* IE10+*/background-image:linear-gradient(to bottom, #e7c4dd 0%,#d195c3 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7c4dd',endColorstr='#d195c3',GradientType=0 ); /* IE6-9 */background-color:#e7c4dd; color:#886485 !important; text-shadow:1px -1px 0px #dcadd0; filter:dropshadow(color=#dcadd0,offx=1,offy=1)}

.button.purple:hover{background:#e7c4dd}

/*------------- Alert Box ------------*/
.notification{font-family:Arial,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}

ul.cont-frm, ul.cont-frm li{float:left; width:100%; list-style:none; padding:0px; margin:0px}
ul.cont-frm li.wsmall{width:300px; 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 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:75px; -moz-border-radius:75px; -o-border-radius:75px; -ms-border-radius:75px; -khtml-border-radius:75px; border-radius:75px}
 
.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}
 
/*------------- 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:#8d92ef; color:#fff; 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:Georgia,"Times New Roman",Times,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:Georgia,"Times New Roman",Times,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}

/*------------- 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(../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:#8d92ef; 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; background:url(../images/por.png) no-repeat left; padding-left:30px}
.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:0px;}
.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 .button{border-radius:0px}
.box_heading{float:left; width:100%}