/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 10 2020 | 06:38:23 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

body{
  font-family: 'proxima-nova', sans-serif !important;
}

p{
 	line-height: 22px; 
}

.disabled{
 display: none !important;
}

.align-right{
  text-align: right;
}

header{
 display: block !important;
}

.portfolio_page-template-default .title_outer{
  display: none !important;
}

.pro_form input.wpcf7-form-control.wpcf7-text, .pro_form textarea.wpcf7-form-control.wpcf7-textarea{
  	background-color: transparent !important;
    border: 1px solid #fff;
    color: #ffffff !important;
}

.art_form input.wpcf7-form-control.wpcf7-text, .art_form textarea.wpcf7-form-control.wpcf7-textarea{
  	background-color: transparent !important;
    border: 1px solid #fff;
    color: #ffffff !important;
}

.q_font_awsome_icon_stack .fa-circle, .q_icon_with_title.boxed .icon_holder .fa-stack{
  color: #f3f3f3 !important;
}

.services-list li{
  list-style: initial;
}

.footer_bottom div.social-icons span i.fa-vimeo{
  display: none;
}

.page-id-15512 .footer_bottom div.social-icons span:nth-child(2), 
.page-id-15526 .footer_bottom div.social-icons span:nth-child(2), 
.page-id-15698 .footer_bottom div.social-icons span:nth-child(2){
  display: none;
}

.page-id-15512 .footer_bottom div.social-icons span:nth-child(4), 
.page-id-15526 .footer_bottom div.social-icons span:nth-child(4), 
.page-id-15698 .footer_bottom div.social-icons span:nth-child(4){
  display: none;
}

.page-id-15512 .footer_bottom div.social-icons span i.fa-vimeo, 
.page-id-15526 .footer_bottom div.social-icons span i.fa-vimeo, 
.page-id-15698 .footer_bottom div.social-icons span i.fa-vimeo{
  display: block !important;
}

#mobile-heading{
  display: none;
}

.pro_form label{
  color: #ffffff !important;
}

#sp-tabpro-wrapper_15771.sp-tab__lay-default .sp-tab__tab-content > .sp-tab__tab-pane{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.contact-left{
    padding-left: 30px;
}

#pro-about-content .wpb_wrapper h3, #pro-about-content .wpb_wrapper p, #pro-about-content .wpb_wrapper li{
  color: #ffffff !important;
}

#pro-about-content .wpb_text_column ul.services-list li::marker{
  color: #272727;
}

.portfolio_page-template-default .content_inner .container{
  background-color: #272727;
}

.portfolio_page-template-default p{
  line-height: 1.3 !important;
}

.sp-tab__tab-pane .section_inner_margin p{
  text-align: center;
}

article .image_holder .hover_feature_holder_title p{
  display: none;
}

article .image_holder .hover_feature_holder_title h5{
  font-weight: bolder !important;
  line-height: 1.3;
}

.portfolio_main_holder .item_holder .portfolio_title{
  margin-bottom: 0px !important;
}

.projects_holder.v4.hover_text .mix {
    margin: 0 0 0.6% !important;
}

/* For mobile : like samsung grand(480 * 800): */
@media screen and (max-width : 480px){
  #buy-stream{
    text-align: left;
  }
  .contact-img img{
    display: none;
  }
  #pro-about-content{
    padding-left: 20px !important;
    padding-right: 25px !important;
  }
  #mobile-heading{
    display: block;
  }
}


/* For iphone: */
@media screen and (max-width : 320px){
  #buy-stream{
    text-align: left;
  }
  .contact-img img{
    display: none;
  }
  #pro-about-content{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #mobile-heading{
    display: block;
  }
} 


/* For ipad: */
@media screen and (max-width : 768px){
  #buy-stream{
    text-align: left;
  }
  .contact-img img{
    display: none;
  }
  #pro-about-content{
    padding-left: 20px !important;
    padding-right: 25px !important;
  }
  #mobile-heading{
    display: block;
  }
}

/* Media query for 2 column on mobile devices */
@media only screen and (max-width: 480px){
  .projects_holder.v2 .mix, .projects_holder.v2.hover_text .mix, .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix, .projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix, .projects_holder.v5 .mix, .projects_holder.v5.hover_text .mix, .projects_holder.v6 .mix, .projects_holder.v6.hover_text .mix {
    width: 48% !important;
    margin: 3px !important;
    float: left !important;
    min-height: 100px !important;
  }
/*   .page-id-15483 .vc_col-sm-6{
  	width: 50% !important;
    float: left;
  } */
  .projects_holder article span.text_holder{
    background-color: rgba(21,21,21,0.5);
  }
  span.project_category {
    font-size: 8px !important;
  }
  h5.portfolio_title.entry_title a {
  	font-size: 8px !important;
  }
  .contact-left{
    padding-left: 0px !important;
  }
  .vc_row.full_screen_section{
    padding: 0px !important;
  }
}

@media only screen and (max-width: 768px){
  .projects_holder.v2 .mix, .projects_holder.v2.hover_text .mix, .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix, .projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix, .projects_holder.v5 .mix, .projects_holder.v5.hover_text .mix, .projects_holder.v6 .mix, .projects_holder.v6.hover_text .mix {
    width: 48% !important;
    margin: 3px !important;
    float: left !important;
    min-height: 100px !important;
  }
  .portfolio_main_holder .item_holder.slow_zoom .text_holder{
    opacity:1 !important;
    background:rgba(0,0,0,0.5) !important;
  }
/*   .page-id-15483 .vc_col-sm-6{
    width: 50% !important;
    float: left;
  } */
/*   .projects_holder article span.text_holder{
    background-color: rgba(21,21,21,0.5);
  } */
  span.project_category {
  	font-size: 8px !important;
  }
  h5.portfolio_title.entry_title a {
   	font-size: 8px !important;
  }
  .contact-left{
    padding-left: 0px !important;
  }
  .vc_row.full_screen_section{
    padding: 0px !important;
  }
}