/*
Theme Name:     Iwebgraph
Description:    Developed by Ashish Bakliwal
Author:         admin
Template:       kalium

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.main-header{
  padding-top: 15px !important;
    padding-bottom: 15px !important;
background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0 !important;
}

.header-logo.logo-image img{
Width:80%;
}

/*.main-header .logo-and-menu-container .logo-column{
padding-left:15px;
}*/


.teammember {
    margin: -20px;
}



.studio-tab .vc_column_container{
    padding: 0px;
}


.studio-tab .vc_column_inner {
   padding: 0px;
}

.studio-tab .vc_column_container>.vc_column-inner {
    padding: 0px;
}



li.vc_tta-tab.vc_active {
    border-bottom: 1px solid;
}

.about-tab .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a{
background-color:#fff;
}

/*****************individual project page***************************/
.portfolio-description-showinfo > p {
 display: none;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
    position: relative;
    padding: 0px 43px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .title {
     padding-right: 30px;
}

.single-portfolio-holder .social.social-links-plain{
	padding-bottom: 0px !important; 
}

.single-portfolio-holder .social {
 padding: 0px !important ;
}

.section-title.no-bottom-margin > h1 {
    display: none;
}

/*Edited by dayanand*/

.main-header{

}


/*.main-header .logo-and-menu-container {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
 }

.main-header .logo-and-menu-container .logo-column {
    display: block!important;
    margin: 10px 0;
}*/

.single-portfolio-holder .portfolio-navigation a{
background:rgba(255,255,255,0)!important;
border:0!important;
}



.single-portfolio-holder .portfolio-navigation a i{
color:#212121!important;
}



.about{
position: absolute !important;
    top: 15px;
    left: 44px;
}

.portfolio-description-showinfo .expand-project-info {
    left: 0;
}


.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
    padding-top: 5px!important;
font-size:18px;
}



a.expand-project-info {
    padding: 10px 0px 15px 0px  !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
     padding:10px 43px 0px 43px !important;
}

.section-title h1, .section-title h2, .section-title h3 {
    font-size: 18px !important;
}

.single-portfolio-holder .details .project-description p {
    font-size: 13px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .title {
    margin-bottom: 10px !important;
}

.single-portfolio-holder .social-buttons .social-share-icon {
    width: 30px !important;
    height: 30px !important;
}

.single-portfolio-holder .social-buttons .social-share-icon i {
    font-size: 14px !important;
    margin-top: -8px !important;    
}

i.icon {
    margin-left: 0px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
    background: rgba(255,255,255,0.7) !important;
    max-height:25% !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-showinfo{
    background: transparent !important;

}

.single-portfolio-holder .details .project-description p {
    width: 50%;
    text-align: justify;
color:#000;
}

.single-portfolio-holder .portfolio-navigation.right-side {
    right: 30px !important;
}

.portfolio-holder .product-box .photo .on-hover {
   margin: 20px;
}

/****************media **************************/



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

.mobile-menu-wrapper .mobile-menu-container .search-form {
    display: none!important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
    padding: 20px 35px 0px 20px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-navigation+.portfolio-description-container {
    right: 20px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
    margin-right: 0px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-navigation {
    margin: 0 8px 0 0;
}



.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .ps-scrollbar-y-rail .ps-scrollbar-y {
    margin-right: 3px !important;
}

.single-portfolio-holder .portfolio-navigation a{
width:30px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-navigation+.portfolio-description-container
{
right: 20px;
}

.single-portfolio-holder .portfolio-navigation {
     bottom: 30px !important;
}

.single-portfolio-holder .details .project-description p {
    width: 100%;
    padding: 0 10px 0 0;
    text-align: justify;
color:#000 !important;

}

.single-portfolio-holder.portfolio-type-5 .portfolio-navigation+.portfolio-description-container {
    right: 65px;
 background: rgba(255,255,255,0.7) !important;

}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-showinfo {
    background: transparent !important;
    height: 96px;
}

single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
    padding: 15px 43px 35px 43px !important;
    height: 81px;
}

.portfolio-description-showinfo h3 {
    font-size: 15px;
}


.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu>li>a {
    color: black !important;
}
}


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

.header-logo.logo-image img {
    width: 80%;
}
 


.single-portfolio-holder .portfolio-navigation.right-side {
     background: rgba(255,255,255,0.0) !important;
}
   
}


@media screen and (min-width: 769px) and (max-width: 1024px) { 
   .single-portfolio-holder.portfolio-type-5 .portfolio-description-container{
width:100%;
 max-width: 100%!important;
}

.about {
    top: 29px;
    left: 31px;
}



}

@media Screen and (min-width:1024px){
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container{
width:100%;
 max-width: 100%!important;
}


}

/*24-06-2016 */
.product-filter ul {
     float: left !important;
    margin-top: 20px;
    margin-bottom: 0px;
}


.menu-bar {
    text-align: right !important;
}

.product-filter ul li a {
      text-transform: uppercase;
}


.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a {
     text-transform: uppercase;
}

#about-tab .vc_tta-panel-body {
    padding: 20px 0px;
}

#about-tab .wpb_column.vc_column_container {
    padding-left: 0px;
   padding-right: 0px;	
}

.studio-title{
font-size: 25px;
line-height: 40px;
text-align: left;
font-family:Open Sans;
font-weight:300;
font-style:normal
}


#about-tab .wpb_text_column {
    padding: 60px;
}

#about-tab ul {
    padding-left: 20px;
}

#about-tab .wpb_content_element{
margin-bottom:0px;
}

#about-tab .vc_tta.vc_tta-controls-align-right .vc_tta-tabs-container {
    text-align: left;
}

#about-tab .vc_tta.vc_tta-spacing-25 .vc_tta-tabs-list {
    padding: 0px;
    margin-bottom: 14px;
    margin-top: 6px;
}

#about-tab .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    color: #777 !important;
    margin: 0px;
    border: 0px;
}

#about-tab .vc_tta.vc_general .vc_tta-tab>a {
    padding: 0px !important;
}
.portfolio-holder .product-box .photo .on-hover {
    background: #00b19e !important;
    opacity: 0.6;
}


.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
       padding: 15px 50px !important;
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo{
background: none !important;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
    background: rgba(255,255,255,0.7) !important;
}

div#about-tab {
    padding-left: 15px;
    padding-right: 15px;
}

/*12-07-2016*/
#publication .vc_column_container {
    padding: 15px 0px 15px 0px;
}

#publication .vc_column_container>.vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

#about-tab .wpb_single_image img {
    border: 0.01px solid lightgray;
}

@media (min-width:1441px){
header.main-header.menu-type-standard-menu .container {
    width: 97%;
}
}