/**
* Theme Name: Phainc Child
* Description: This is a child theme of Phainc, generated by Merlin WP.
* Author: <a href="https://creativesplanet.com/">Creative's Planet</a>
* Template: phainc
* Version: 1.0
*/

/* ---------- NVS ---------- */

.grecaptcha-badge { visibility: hidden; }

.cspt-header-search-form-wrapper {
  background: rgba(20,53,90,0.99) !important;
  }

.cspt-main-logo {
  width: 100%;
  height: 80px;
  }

.bg-blue-light {
	background-color: rgba(244,245,246,1) !important;
	}

.bg-blue-gradient {
	background-color: #005ca9 !important;
	background-image: url(images/bg-blue-gradient.svg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
	color: #ffffff;
	}
	
	.bg-blue-gradient .btn-primary {
		color: #ffffff;
		}
	
	.bg-blue-gradient .btn-secondary {
		background-color: transparent !important;
		border-color: transparent !important;
		color: #ffffff;
		padding-left: 0 !important;
		padding-right: 0 !important;
		}

	.bg-blue-gradient img {
		border-radius: 100rem;
		}

.wave-before:before {
	content: '';
	background-image: url(images/wave-before.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	}

.wave-after:before {
	content: '';
	background-image: url(images/wave-after.svg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	}

.cspt-bg-color-blackish.cspt-bg-image-yes::before {
	background: rgba(20,53,90,0.8) !important;
	}

/* LAYOUT */

.row-referenties h3 {
  margin-bottom: 0.5rem !important;
	}

 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
  font-size: 2rem !important;
  }

.dienst-item > div > div {
  background-color: #ffffff;
  border-radius: 0.35rem !important;
  box-shadow: 0px 0px 15px 0px rgba(0,93,169,0.1);
  height: 100%;
  overflow: hidden;
  padding: 1.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

.dienst-item:hover > div > div {
  box-shadow: 0px 0px 20px 0px rgba(0,93,169,0.2);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .dienst-item > div {
    height: 100%;
    }

    .dienst-item .vc_icon_element-icon {
      color: #005ca9 !important;
      }

    .dienst-item .vc_custom_heading {
      font-weight: 600 !important;
      font-size: 20px;
      margin-bottom: 1rem !important;
      }

      .dienst-item .vc_custom_heading a {
        text-decoration: none !important;
        }
    
    .dienst-item .vc_btn3-container {
      margin-bottom: 0;
      }

      .vc_btn3.vc_btn3-style-simple {
      background: none !important;
      border: none !important;
      color: #6baa43 !important;
      padding: 0 !important;
      }
	  
	 .vc_pageable-slide-wrapper .vc_btn3.vc_btn3-style-simple {
		 text-decoration: underline !important;
	 	}
    
      .vc_btn3.vc_btn3-style-simple:hover {
	    color: #005ca9 !important;
    	}

      .diensten .vc_general.vc_btn3.vc_btn3-style-simple::after {
        position: relative;
        content: '>';
        display: block !important;
        }

      .vc_general.vc_btn3.vc_btn3-style-simple::after {
        display: none !important;
        }

.grid-blog .vc_pageable-slide-wrapper {
	justify-content: left !important;
	}

/* FONTS */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 300 !important;
	margin-bottom: 1rem !important;
	}

.h2 {
  font-family: "Titillium Web",sans-serif;
  font-size: 36px !important;
  line-height: 46px;
  letter-spacing: 0;
  color: #1b1b1b;
  text-transform: none;
  font-weight: 300;
  font-style: normal;
  }

h3 {
  font-size: 22px !important;
	font-weight: 600 !important;
	margin-bottom: 2.5rem !important;
	}

.h3 {
  font-family: Titillium Web,sans-serif !important;
  font-size: 22px !important;
  line-height: 30px !important;
  letter-spacing: .05rem;
  color: #005ca9 !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-style: normal;
  }

  #hero .h3 {
    color: #ffffff !important;
    }

.creativesplanet-sidebar h2,
.creativesplanet-sidebar h3 {
	 font-family: Titillium Web,sans-serif !important;
	  font-size: 22px !important;
	  line-height: 30px !important;
	  letter-spacing: .05rem;
	  color: #005ca9 !important;
	  text-transform: uppercase;
	  font-weight: 600 !important;
	  font-style: normal;
	  margin-bottom: 1.5rem !important;
	  }
	  
	  .creativesplanet-sidebar h2:after {
		  display: none;
	  	}

h3.h4 {
  font-size: 22px;
  font-weight: 600 !important;
	margin-bottom: 0.25rem !important;
  text-transform: none;
  }

.cspt-blog-classic h1 {
  font-family: "Titillium Web",sans-serif;
  font-size: 36px !important;
  line-height: 46px;
  letter-spacing: 0;
  color: #1b1b1b;
  text-transform: none;
  font-weight: 600 !important;
  font-style: normal;
  }
  
  .cspt-blog-classic .cspt-entry-content {
 	margin-top: 32px !important;
  	}

article a, article a:hover, article a:active, article a:focus {
	text-decoration: underline !important;
	}

b, strong {
	font-weight: 600 !important;
	}

.cspt-header-style-2 .cspt-header-button a, .cspt-header-style-2 .cspt-phonenumber, .cspt-blog-classic .cspt-read-more-btn a, .error-404 .footer-message::after, button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-family: inherit !important;
  }

.cspt-header-box-title a {
  color: #000000;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], select, textarea {
  border-color: #666666 !important;
  color: #666666 !important;
  }

input[type="submit"]:hover {
    box-shadow: none !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }

.wpcf7-list-item {
  margin-left: 0;
  display: block;
  }
 
 .widget_wp_categories_widget ul li, .widget_wpcategorieswidget ul li {
    border-bottom: none !important;
	}
 
.phainc_recent_posts_widget .cspt-rpw-title a,
.widget_wp_categories_widget ul li a,
.widget_wpcategorieswidget ul li a {
	color: #000000 !important;
	}

.widget_wpcategorieswidget ul li span,
.widget_wp_categories_widget ul li span {
	float: right;
	background-color: #eeeeee;
	border-radius: 100px;
	text-align: center;
	height: 28px;
	width: 28px;
	font-size: 90%;
	line-height: 200%;
	}

/* Menu */

.cspt-base-icon-down-open-big {
  color: #ffffff;
  }

.cspt-navbar ul .menu-item-362 ul {
  display: none !important;
  }

/* WPBAKERY GRID TEMPLATE */

.vc_grid-item-mini {
  background-color: #ffffff;
  border-radius: 0.35rem !important;
  box-shadow: 0px 0px 15px 0px rgba(0,93,169,0.1);
  
  overflow: hidden;
  }

    .vc_gitem_row .vc_custom_heading {
      font-size: 20px;
      font-weight: 600 !important;
      }

    .vc_gitem_row .vc_btn3-style-simple {
      background: none !important;
      border: none !important;
      color: #6baa43 !important;
      text-decoration: underline;
      }
    
    .vc_gitem_row .vc_btn3-style-simple:hover {
	    color: #005ca9 !important;
    	}

      .vc_general.vc_btn3.vc_btn3-style-simple::after {
        display: none !important;
        }
	
	.vc_btn3-style-simple {
		text-decoration: none !important;
		}
	
	.vc_btn3-style-simple span {
		color: #000000 !important;
		}
	
		.vc_btn3-style-simple span:after {
			color: #6baa43;
			content: "\f061";
			display: inline-block;
			font-family: 'Font Awesome 5 Free';
			font-size: 90%;
			margin-left: 8px;
			}
	
	.vc_btn3-style-simple span:hover {
		color: #6baa43 !important;
		}

.vc_gitem-zone-mini .vc_gitem-post-data-source-post_excerpt {
  font-weight: 300 !important;
  font-size: 18px;
  }
  .vc_gitem-zone-mini .vc_btn3-container {
    margin-bottom: 0 !important;
    }

.vc_grid-item-zone-c-right.vc_col-sm-12 {
    padding-right: 0 !important;
    }

/* Referenties */

.bg-blue-green-gradient .vc_pageable-slide-wrapper {
  position: relative;
  padding-top: 5rem;
  }

.bg-blue-green-gradient .vc_pageable-slide-wrapper:before {
  background-image: linear-gradient(to right,#6baa43,#005ca9);
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  }

.bg-blue-green-gradient .wpb_content_element {
  margin-bottom: 0;
  }

  .bg-blue-green-gradient .vc_grid-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
    }

  .row-referenties .vc_grid-item-mini {
    background-color: transparent !important;
    box-shadow: none !important;
    }

  .row-referenties .vc_gitem-col .referentietekst {
    background-color: #ffffff;
    border-radius: 0.35rem !important;
    box-shadow: 0px 0px 15px 0px rgba(0,93,169,0.1);
    }

    .row-referenties .vc_gitem-col .vc_custom_heading {
      font-size: 18px;
      font-weight: 300 !important;
      }
    
    .row-referenties .vc_gitem-col .referentietekst *:before {
      color: #f3ac33;
      content: "\f005\f005\f005\f005\f005";
      display: block;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 1.25rem;
      letter-spacing: 5px;
      margin-bottom: 0.5rem;
    }
    
    .row-referenties .vc_gitem-col .referentietekst p {
      margin-bottom: 0;
      }
    
    .row-referenties .vc_gitem-col .referentie-naam {
      color: #ffffff;
      font-size: 22px;
      font-weight: 600 !important;
      }

/* Header */

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-1:before,
.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-2:before{
    background: none !important;
	}

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-1 > div:before,
.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-2 > div:before {
	color: #6baa43;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 10px;
	text-align: center;
	}

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-1 .first:before {
	content: '\f3c5';
	}

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-1 .second:before {
	content: '\f3c5';
  visibility: hidden;
	}

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-2 .first:before {
	content: '\f0e0';
	}

.cspt-header-style-2 .cspt-header-info-inner > .cspt-header-box-2 .second:before {
	content: '\f095';
	}

.cspt-title-bar-content, .cspt-title-bar-wrapper {
    min-height: 150px !important;
    }

  .cspt-title-bar-content {
      padding: 24px 0 !important;
      }

/* Footer */

.site-footer .widget-title,
.cspt-color-white .cspt-footer-big-title {
  font-weight: 600 !important;
  text-transform: none !important;
}

.site-footer .widget-title {
  font-size: 24px !important;
  }

.social-media-icons .fab {
  background-color: #ffffff;
  border-radius: 100px;
  color: #14355a;
  padding: 0.5rem;
  text-align: center;
  min-width: 34px;
  margin-right: 4px;
}

.btn-nieuwsbrief {
  color: #ffffff !important;
  }

  .btn-nieuwsbrief:after {
    content: "\f061";
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-size: 90%;
    font-weight: 900;
    margin-left: 0.5rem;
    display: inline;
  }

/* OVERRIDE BOOTSTRAP VARIABLES */

.font-weight-bold {
  font-weight: 600 !important;
  }

.btn,
.vc_btn3 {
  background-image: none !important;
  border-radius: 0.35rem !important;
	font-size: inherit !important;
	font-weight: 600 !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	}

.btn:hover,
.vc_btn3:hover {
	text-decoration: none !important;
	}

.btn-primary,
.vc_btn3-style-flat {
	background-color: #6baa43 !important;
	border-color: #6baa43 !important;
	font-weight: 600 !important;
	}

.btn-primary:hover,
.vc_btn3-style-flat:hover {
	background-color: #2c722b !important;
	border-color: #2c722b !important;
	color: #ffffff !important;
	}
.vc_btn3.vc_btn3-style-outline
.btn-outline-primary,
.vc_btn3-style-outline {
  color: #6baa43 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #6baa43 !important;
  border-width: 1px !important;
}

  #hero .vc_btn3-style-outline {
    color: #ffffff !important;
    border-color: #ffffff !important;
    }

.btn-outline-primary:hover,
.vc_btn3-style-outline:hover {
  color: #005ca9 !important;
  background-color: inherit !important;
  border-color: #005ca9 !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus,
.vc_btn3-style-outline:focus, .vc_btn3-style-outline.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 92, 162, 0.5) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled,
.vc_btn3-style-outline.disabled, .vc_btn3-style-outline:disabled {
  color: #007bff !important;
  background-color: transparent !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.vc_btn3-style-outline:not(:disabled):not(.disabled):active, .vc_btn3-style-outline:not(:disabled):not(.disabled).active,
.show > .vc_btn3-style-outline.dropdown-toggle {
  color: #6baa43 !important;
  background-color: #cccccc !important;
  border-color: #cccccc !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.vc_btn3-style-outline:not(:disabled):not(.disabled):active:focus, .vc_btn3-style-outline:not(:disabled):not(.disabled).active:focus,
.show > .vc_btn3-style-outline.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 92, 162, 0.5) !important;
}

input[type="submit"]:hover {

}

/* ADD EXTRA BOOTSTRAP PADDING/MARGIN */

.m-6 {
	margin: 4.5rem !important;
  }
  
  .mt-6,
  .my-6 {
	margin-top: 4.5rem !important;
  }
  
  .mr-6,
  .mx-6 {
	margin-right: 4.5rem !important;
  }
  
  .mb-6,
  .my-6 {
	margin-bottom: 4.5rem !important;
  }
  
  .ml-6,
  .mx-6 {
	margin-left: 4.5rem !important;
  }

  .p-6 {
	padding: 4.5rem !important;
  	}
  
.pt-6,
.py-6 {
	padding-top: 4.5rem !important;
  	}
  
.pr-6,
.px-6 {
	padding-right: 4.5rem !important;
	}
  
.pb-6,
.py-6 {
	padding-bottom: 4.5rem !important;
 	}
  
.pl-6,
.px-6 {
	padding-left: 4.5rem !important;
  	}

@media (min-width: 576px) {
  .m-sm-6 {
    margin: 4.5rem !important;
  }

  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important;
  }

  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important;
  }

  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important;
  }

  .p-sm-6 {
    padding: 4.5rem !important;
  }

  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important;
  }

  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important;
  }

  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important;
  }


}

@media (min-width: 768px) {
  .m-md-6 {
    margin: 4.5rem !important;
  }

  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important;
  }

  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important;
  }

  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important;
  }

  .p-md-6 {
    padding: 4.5rem !important;
  }

  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important;
  }

  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important;
  }

  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important;
  }

}

@media (min-width: 992px) {
  .m-lg-6 {
    margin: 4.5rem !important;
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important;
  }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important;
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important;
  }

  .p-lg-6 {
    padding: 4.5rem !important;
  }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important;
  }

  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important;
  }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important;
  }

}

@media (min-width: 1200px) {
  .m-xl-6 {
    margin: 4.5rem !important;
  }

  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important;
  }

  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important;
  }

  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important;
  }

  .p-xl-6 {
    padding: 4.5rem !important;
  }

  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important;
  }

  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important;
  }

  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important;
  }

}

/* MEDIA QUERIES */

/* Mobile devices only (phones, 575.98px and down) */
@media (max-width: 575.98px) {

  h1.vc_custom_heading {
    font-size: 30px !important;
    line-height: 48px !important;
    }

  .vc_pageable-slide-wrapper.row {
    margin: 0 !important;
    }
  
  .vc_grid-item.vc_col-sm-4 {
    width: 100%;
    padding: 0 0 24px 0 !important;
    }
  
  .vc_grid-item.vc_col-sm-6 {
    width: 100%;
    padding: 0 0 24px 0 !important;
    }
  
  .row-referenties .bg-blue-green-gradient .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

    .row-referenties .bg-blue-green-gradient .vc_column-inner .vc_grid-item.vc_col-sm-6 {
      width: 100%;
      padding: 0 15px 24px 15px !important;
      }
  
  .vc_grid-item-zone-c-right .vc_gitem-animated-block,
  .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    width: 100% !important;
    }
	
	.vc_gitem-animated-block {
		height: 100%;
		}
	
	.vc_gitem-animated-block div {
		height: 100%;
		}

	.referentie-intro {
		margin-bottom: 3rem;
		}

  #overons .cspt-extended-bg-first-col {
    position: relative !important;
    height: 250px;
    margin-bottom: 24px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .cspt-title-bar-content, .cspt-title-bar-wrapper, {
    min-height: 300px !important;
    }

  .cspt-title-bar-content {
    padding: 64px 30px !important;
    }
  
  .bg-blue-green-gradient .vc_grid-item {
    padding-left: 30px !important;
    padding-right: 30px !important;
    }

    .referentie-intro {
      padding-left: 20vw !important;
      }

    .bg-blue-green-gradient .vc_pageable-slide-wrapper {
      padding-left: 5rem;
      padding-right: 2.5rem;
      }
    
    .bg-blue-green-gradient .vc_pageable-slide-wrapper:before {
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
      height: 60%;
      }
    
     .row-referenties .vc_gitem-col .referentie-naam {
      color: #1b1b1b;
      }
  
  .cspt-extended-bg-first-col .cspt-extended-bg-col {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    }
  
  .cspt-extended-bg-last-col .cspt-extended-bg-col {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    }

  .vc_grid-item {
    width: 100%;
    }
  
    .dienst-item:nth-child(2) > div,
    .dienst-item:nth-child(5) > div,
    .dienst-item:nth-child(8) > div {
      margin-top: 1.5rem;
      }

  .dienst-item > div > div {
    padding: 2.5rem;
    padding-bottom: 1rem;
    }
  
  .bg-blue-green-gradient .vc_grid-item {
    padding-left: 15px !important;
    padding-right: 45px !important;
    }
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
  

}

/* Mobile to XL devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {

  .cspt-navbar > div {
    background: rgba(20,53,90,0.99) !important;
    }

}

/* XL devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  
}

/* 2XL devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .vc_col-sm-4{width:33.3% !important}
}}
/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
  .vc_col-sm-4{width:33.3% !important}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
  .vc_col-sm-4{width:33.3% !important}
}}