.popup-inline:hover, .video-link:hover {
	cursor: pointer;
}
.mfp-content button.mfp-close {
    font-size: 16px;
    width: auto;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}
.mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close {
    width: auto;
    border-radius: 0;
    padding: 0 10px;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
}
.section_has_divider {
	.et_pb_row {
		z-index: 10;
	}
}

.et_pb_with_border img {
    border-style: solid;
}
.et_pb_section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.force_fullwidth_on {
    width: 100%;
    max-width: initial;
}
.fullwidth_columns_tablet {
  .et_pb_column {
    @media(max-width:1024px) {
      width: 100% !important;
    }
  }
}  
.mobile-white-bg-overlay {
  position: relative;
  @media(max-width:1024px) {
    &:before {
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, .85);
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      z-index: 3;
    }
  }
  .et_parallax_bg {
    z-index: 0;
  }
  .et_pb_row {
    z-index: 5;
  }
}
.no-bg-mobile {
  @media(max-width: 980px) {
    .et_parallax_bg {
      display: none !important;
    }
    &.et_pb_column {
      background-image: none !important;
    }
  }
}
.mobile-bg-cover {
  @media(max-width: 980px) {
    background-position: center center !important;
    background-size: cover !important;
  }
}
.soft-gated-content {
	display: none;
}
.et_pb_section {
	.et_pb_column {    
	    z-index: initial;
	}
}
body {
	.mfp-bg {
	  z-index: 1010;
	}
	.mfp-wrap {
	  z-index: 1015;
	}
}

.mp4-popup-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	padding: 20px;
	max-width: 800px;
	display: block;
	box-sizing: border-box;
	z-index: 10000;
	.mp4-popup {
		background: #fff;
		position: relative;
		video {
		    width: 100% !important;
		    height: auto;
		    position: relative;
		    z-index: 10;
		    display: block;
		    margin: 0px 0 -1px 0;
		}
		.mp4_loader{
			position: absolute;
			z-index: 1;
			top: 50%;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			-webkit-animation: mp4loader 1s linear infinite alternate;
			-moz-animation: mp4loader 1s linear infinite alternate;
			animation: mp4loader 1s linear infinite alternate;
			margin: 0px auto; /* Not necessary- its only for layouting*/  
			left: 50%;
			margin-left: -15px;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
		}
	}
	.mfp-close {
	    background: #fff;
	    opacity: 1;
	    border-radius: 50%;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    top: 5px;
	    right: 5px;
	    &:hover {
	    	background: #222;
	    	color: #fff;
	    }
	}
}

@-webkit-keyframes mp4loader{
    0%{
        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    25%{ 
        background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,1);
    }
}

@-moz-keyframes mp4loader{
    0%{
        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    25%{ 
        background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,1);
    }
}

@keyframes mp4loader{
   0%{
        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    25%{ 
        background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,2), 
                    24px 0px 0px 0px rgba(0,0,0,0.2);
    }
    75%{
        background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2), 
                    24px 0px 0px 0px rgba(0,0,0,1);
    }
}
.mfp-wrap .mfp-container .mp4-popup .mfp-close {
    background: #fff !important;
    padding: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 20px;
    top: 5px;
    right: 5px;
    box-shadow: 0 0 10px #222;
    opacity: 1;
    &:hover {
    	color: #fff;
    	background: #222 !important;
    }
}
a.image-link-hover-opacity:hover img {
    opacity: .5;
}
table.wpseo-opening-hours td.time {
    padding-left: 10px;
}
.et_pb_blurb_title {
    padding-bottom: 15px;
}
.footer-widget {
  .fwidget {
    .title {
      margin-bottom:15px;
    }
  }	
}
.blog_feed_slick_slider {
	&.slick-slider {
		.slick-next {
			right: -20px;
			z-index: 40;
			&.slick-arrow {
				&:before {
	    			color: #222;
	    			font-size: 24px;
	    		}
	    	}
	    }
	    .slick-prev {
		    left: -20px;
			z-index: 40;
			&.slick-arrow {
				&:before {
	    			color: #222;
	    			font-size: 24px;
	    		}
	    	}
	    }
	}
}
//Post Updated Date
.updated:not(.published) {
    display: none;
}
//Magnific Popup
.mfp-wrap .mfp-arrow-left .mfp-a, 
.mfp-wrap .mfp-arrow-left:after, 
.mfp-wrap .mfp-arrow-right .mfp-a, 
.mfp-wrap .mfp-arrow-right:after {
    font-size: 48px;
    line-height: 48px;
}
.mfp-wrap {
	.mfp-iframe-scaler {
	    width: 100%;
	    height: 0;
	    overflow: hidden;
	    padding-top: 56.25%;
	    background: #fff;
	    z-index: 1112;
	    @media(max-width:980px) {
	    	padding-top: 100%;
	    }
	    @media(max-width:480px) {
	    	padding-top: 150%;
	    }
	    iframe {
	    	z-index: 1050;
	    }
	    .mfp-iframe-preloader{
			position: absolute;
			z-index: 1;
			top: 50%;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			-webkit-animation: mp4loader 1s linear infinite alternate;
			-moz-animation: mp4loader 1s linear infinite alternate;
			animation: mp4loader 1s linear infinite alternate;
			margin: 0px auto; /* Not necessary- its only for layouting*/  
			left: 50%;
			margin-left: -15px;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
		}
	}
	.mfp-iframe-holder {
		.mfp-close {
		    font-size: 20px;
		    font-family: 'Open Sans',Arial,sans-serif;
		    font-weight: 200;
		    opacity: .2;
		    line-height: 1;
		    height: 20px;
		    width: 20px;
		    top: 0px;
		    background: #fff;
		    padding: 0;
		    margin: 0;
		    display: block;
		    opacity: 1;
		    text-align: center;
		    border-radius: 50%;
		    color: #222;
		    box-shadow: 0 0 10px 1px rgba(34, 34, 34, 0.79), 0 0 2px 0px rgba(34, 34, 34, 0.4) inset;
		    z-index: 1111;
		}
		iframe {
			background: rgba(0,0,0,0); 
		}
		.mfp-content {
		    line-height: 0;
		    width: 100%;
		    max-width: 900px;
		    z-index: 1100;
		}
	}
	.mfp-image-holder .mfp-close {
	    font-size: 20px;
	    font-family: 'Open Sans',Arial,sans-serif;
	    font-weight: 200;
	    opacity: .2;
	    line-height: 1;
	    height: 20px;
	    width: 20px;
	    top: 30px;
	    background: #fff;
	    padding: 0;
	    margin: 0;
	    display: block;
	    opacity: 1;
	    text-align: center;
	    border-radius: 50%;
	    color: #222;
	    box-shadow: 0 0 10px 1px rgba(34, 34, 34, 0.79), 0 0 2px 0px rgba(34, 34, 34, 0.4) inset;
	    z-index: 1111;
	}
}
//General UL/OL Settings
ul,ol {
	@media(max-width: 980px) {
	    display: block;
	    max-width: 600px;
	    margin: auto;
	}
	@media(max-width: 768px) {
	    display: block;
	    max-width: 480px;
	    margin: auto;
	}
	@media(max-width: 480px) {
	    display: block;
	    max-width: 320px;
	    margin: auto;
	}
	@media(max-width: 360px) {
	    display: block;
	    max-width: 250px;
	    margin: auto;
	}
	li {
		text-align: left;
	}
}


.footer-roadside {
		color: #cded2c;
}
#footer-bottom {
	#footer-info {
		float: none;
		a {
			&:hover {
				color: #fff;
				opacity: 1;
			}
		}
	}
}
.logo_container {
  z-index: 100;
}
//Parallax Band Fix for OS
.et_mobile_device {
	@media(max-width:1024px) {
	  #main-content {
	    .et_pb_section {
	      &.band-parallax, &.band-quote, &.band-dark,&.band-dark-alt,&.band-light,&.band-light-alt, &.band-hero, &.band-hero-alt {
	        @media(max-width:980px) {
	          background-attachment: initial !important;
	        }
	      }
	    }
	  }
	}
}
.et_pb_column {
	.et_pb_text_align_left, .et_pb_text_align_right {
	  @media(max-width:980px) {
		  text-align: center;
		}
	}
}
.et_pb_section {
	.et_pb_row.et_pb_row_fullwidth,
	.et_pb_specialty_fullwidth > .et_pb_row {
		@media (max-width: 980px) {
			width: 100% !important;
    	max-width: 100% !important;
		}
	}
}
#page-container {
  overflow: hidden;
}
#main-content {
	.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {
		@media (min-width: 981px) {
			width: 100% !important;
			max-width: 100% !important;
		}
	}
}
.et_header_style_split {
	@media (max-width: 980px) {
		#main-header {
			padding: 0 !important;
			.container {
				&.et_menu_container {
					#et-top-navigation {
				    display: block;
				    padding-top: 0px;
				    line-height: initial;
				    padding: 0px 0 !important;
						#et_mobile_nav_menu {
					    display: block;
					    float: none;
					    position: relative;
					    margin-top: 0px;
							.mobile_nav {
						    display: block;
						    padding: 5px 0px 0;
						    -webkit-border-radius: 5px;
						    -moz-border-radius: 5px;
						    border-radius: 5px;
						    background-color: rgba(0, 0, 0, 0);
						    text-align: right;
								.mobile_menu_bar {
							    display: block;
							    position: relative;
							    line-height: 0;
							    padding: 5px 0px;
							    z-index: 105;
								}
								.et_mobile_menu {
							    top: 65px;
							    text-align: left;
							    padding: 0;
								}
								.select_page {
							    display: none;
							  }
							}
						}
					}
				}
			}
		}
	}
}


#main-header {
	@media(max-width: 980px) {
		height: 65px;
	}

	.centered-inline-logo-wrap {
		@media(min-width:981px) {
			width: auto !important;
			margin: 0 !important;

			.logo_container {
				-webkit-transform: translateY(50%);
				-moz-transform: translateY(50%);
				transform: translateY(50%);
				display: inline-block;
				height: auto;
				z-index: 100;
				a {
					position: relative;
			    top: 0;
			    left: 0;
			    -webkit-transform: translateY(0);
			    -moz-transform: translateY(0);
			    -o-transform: translateY(0);
			    transform: translateY(0);
					img {
						height: auto;
					}
				}
			}
		}
	}
	.logo_container {
		z-index: 100;
		&.et_header_style_centered {
			a {
				position: absolute;
				top: 10px;
				left: 0;
				-webkit-transform: translateY(0%);
				-moz-transform: translateY(0%);
				-o-transform: translateY(0%);
				transform: translateY(0%);
			}
		}
		a {
			position: absolute;
    	top: 50%;
			left: 10px;
			display: inline-block;
    	-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			height: 100%;
			z-index: 1001;
			.logo {
				display: block;
		    height: 60%;
		    position: absolute;
		    width: auto;
		    max-width: inherit !important;
		    top: 50%;
		    -webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%);
				@media (max-width:980px) {
					display: none;
				}
				&#slogo {
					display: none;
				}
				&#mlogo {
					display: none;
				}
				@media (max-width:980px) {
					&#mlogo {
						display: inline-block;
					}
					&#slogo {
						display: none;
					}
				}
			}
		}
	}
	&.et-fixed-header {
		.logo_container {
			z-index: 100;
			a {
				.logo {
					display: none;
					&#slogo {
						display: inline-block;
						@media (max-width:980px) {
							display: none !important;
						}
					}
				}
			}
		}
	}
	@media (min-width: 981px) {
		#et-top-navigation {
			z-index: 105;
			position: relative;
			.nav {
				li {
					ul.sub-menu {
	    			padding: 0 !important;
						li {
							width: 100%;
							padding: 0 !important;
							a {
								width: 100% !important;
							}
						}
					}
				}
			}
		}
	}
}
.container{
	@media(max-width:980px) {
		&.et_menu_container {
    	z-index: 99;
    	width: 100% !important;
			height: 65px;
			#et-top-navigation {
		    display: block;
		    padding-top: 0px;
		    line-height: 50px;
		    padding: 5px 0 !important;
				.mobile_menu_bar {
				  display: block;
				  position: relative;
				  line-height: 0;
		      padding: 5px 5px;
					z-index: 105;
					&:before {
						font-size: 50px;
					}
				}
			}
		}
	}
}
.et_header_style_slide,.et_header_style_fullscreen {
	ul#mobile_menu_slide {
    display: block !important;
    padding: 10px 0px !important;
    border: none;
    background: none;
    box-shadow: none;
	}
	.et_slide_menu_top {
    padding: 0 25px;
    background: rgba(0, 0, 0, 0.1);
    line-height: 78px;
	}
	#main-header {
		#et-top-navigation {
			padding: 14px 0 14px 0 !important;
			@media(max-width:980px) {
				padding: 8px 0 8px 0 !important;
			}
		}
	}
	#main-header {
		.logo_container {
			display: inline-block;
			width: auto;
		}
		#et-info-phone {
			@media(max-width:980px) {
				display: none;
			}
	    margin-right: 13px;
	    position: absolute;
	    right: 80px;
	    display: inline-block;
	    font-size: 26px;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
	.mobile_menu_bar.et_pb_header_toggle {
    width: 50px;
		padding: 0 !important;
		&:before {
			font-size: 50px;
		}
		&:after {
			left: -50px;
			font-size: 50px;
		}
	}
	.mobile-icons {
		@media(min-width: 981px) {
			display: none;
		}
		display: block;
		position: absolute;
		top: 0;
		right: 60px;
		width: 100px;
		a {
			line-height: 50px;
			padding: 14px 0;
			width: 50px;
			text-align: center;
			display: inline-block;
			font-size: 50px;
			i {
				width: 100%;
    		display: block;
			}
			.fa-map-marker {
				font-size: 44px;
				-webkit-transform: translateY(-3px);
				-moz-transform: translateY(-3px);
				transform: translateY(-3px);

			}
		}
	}
}
.mobile-icons {
	display: none;
	@media(max-width:980px) {
		display: block;
		position: absolute;
		top: 0;
		right: 60px;
		width: 100px;
		z-index: 1000;
		a {
			line-height: 50px;
			padding: 8px 0;
			width: 50px;
			text-align: center;
			display: inline-block;
			font-size: 50px;
			.fa-map-marker {
				font-size: 44px;
		    -webkit-transform: translateY(-3px);
		    -moz-transform: translateY(-3px);
		    transform: translateY(-3px);
			}
		}
	}
}

#et-main-area .et_pb_row {
    max-width: 1555px !important;
    margin: auto;
}
/*====== Zoom effect ======*/
.mfp-zoom-in {
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
  }
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s ease-out;
  }
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  /* animate out */
  &.mfp-removing {
    .mfp-with-anim {
      transform: scale(0.8);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
  }
}
/*====== 3d unfold ======*/
.mfp-3d-unfold {


  .mfp-content {
    perspective: 2000px;
  }

  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
  }


  &.mfp-bg {
    opacity: 0;
	  transition: all 0.5s;
  }

  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: rotateY(0deg);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }

  /* animate out */
  &.mfp-removing {

    .mfp-with-anim {
      transform: rotateY(60deg);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }

  }

}
/*====== Zoom-out effect ======*/
.mfp-zoom-out {

  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
  }

  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s ease-out;
  }

  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }

  /* animate out */
  &.mfp-removing {

    .mfp-with-anim {
      transform: scale(1.3);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }

  }

}

/*====== SUPER GRAVITYFORMS LABEL MASKING ======*/
.sgform {
  position: relative;
  label {
    position: absolute;
    line-height: 48px;
    margin: 0 10px;
    left: 0;
    .white-popup {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
		&.hideme {
			opacity: 0 !important;
		}
  }
  &.gf_right_half label {
    position: absolute;
    margin: 0 25px;
    .section-plcolumn.span12 {
      padding-left: 3%;
    }
  }
  .focus {
    bottom: 0;
    color: #fff;
    display: inline-block;
    left: 0;
    width: 80px;
    height: 30px;
    text-align: center;
    margin: 0;
    right: 0;
    top: -42px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
    position: absolute;
    white-space: nowrap;
    border-radius: 5px;
    opacity: 1 !important;
    &:after, &:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }
    &:after {
      border-width: 10px;
      margin-left: -10px;
    }
  }
}

/*==== Show/Hide Classes ==== */
.show-desktop {
	@media(max-width:980px) {
		display:none;
	}
}
.show-tablet {
	display: block;
	@media(min-width:981px) {
		display: none;
	}
	@media(max-width:480px) {
		display: none;
	}
}
.show-mobile {
	display: block;
	@media(min-width:481px) {
		display: none;
	}
}
.hide-desktop {
	@media(min-width:981px) {
		display:none;
	}
}
.hide-tablet {
	@media(max-width:980px) {
		display: none;
	}
	@media(min-width:481px) {
		display: none;
	}
}
.hide-mobile {
	@media(max-width:480px) {
		display: none;
	}
}
.center-mobile-tablet {
	@media(max-width:980px) {
		.et_pb_text_align_left {
			text-align: center;
		}
		&.et_pb_text_align_left {
			text-align: center;
		}
	}
}
@media(min-width:981px) {
    
    .et_pb_column_5_6 .et_pb_row_inner, 
    .et_pb_column_4_5 .et_pb_row_inner {
        padding: 3.735% 0;
    }
    
    .et_pb_gutters1 { 
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5, body &.et_pb_row > .et_pb_column_1_5 {
        	width: 20%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5, body &.et_pb_row > .et_pb_column_2_5 {
        	width: 40%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5, body &.et_pb_row > .et_pb_column_3_5 {
        	width: 60%;
    	}
      .et_pb_column_4_5, .et_pb_row .et_pb_column_4_5, body &.et_pb_row > .et_pb_column_4_5 {
        	width: 80%;
    	}
    	/* Six Columns*/
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6, body &.et_pb_row > .et_pb_column_1_6 {
        	width: 16.665%;
    	}
    	.et_pb_column_2_6, .et_pb_row .et_pb_column_2_6, body &.et_pb_row > .et_pb_column_2_6 {
        	width: 33.332%;
    	}
    	.et_pb_column_3_6, .et_pb_row .et_pb_column_3_6, body &.et_pb_row > .et_pb_column_3_6 {
        	width: 50%;
    	}
    	.et_pb_column_4_6, .et_pb_row .et_pb_column_4_6, body &.et_pb_row > .et_pb_column_4_6 {
        	width: 66.665%;
    	}
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6, body &.et_pb_row > .et_pb_column_5_6 {
        	width: 83.33%;
    	}
    	/* 7 Columns */
    	/* 8 Columns */
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8, body &.et_pb_row > .et_pb_column_1_8 {
        	width: 12.5%;
    	}
    	.et_pb_column_2_8, .et_pb_row .et_pb_column_2_8, body &.et_pb_row > .et_pb_column_2_8 {
        	width: 25%;
    	}
    	.et_pb_column_3_8, .et_pb_row .et_pb_column_3_8, body &.et_pb_row > .et_pb_column_3_8 {
        	width: 37.5%;
    	}
    	.et_pb_column_4_8, .et_pb_row .et_pb_column_4_8, body &.et_pb_row > .et_pb_column_4_8 {
        	width: 50%;
    	}
    	.et_pb_column_5_8, .et_pb_row .et_pb_column_5_8, body &.et_pb_row > .et_pb_column_5_8 {
        	width: 62.5%;
    	}
    	.et_pb_column_6_8, .et_pb_row .et_pb_column_6_8, body &.et_pb_row > .et_pb_column_6_8 {
        	width: 75%;
    	}
    	.et_pb_column_7_8, .et_pb_row .et_pb_column_7_8, body &.et_pb_row > .et_pb_column_7_8 {
        	width: 87.5%;
    	}
    	/* 9 Columns */
    	/* 10 Columns */
    	.et_pb_column_1_10,	.et_pb_row .et_pb_column_1_10, body &.et_pb_row > .et_pb_column_1_10 {
		  	width: 10%;
		  }
    	.et_pb_column_2_10, .et_pb_row .et_pb_column_2_10, body &.et_pb_row > .et_pb_column_2_10 {
		  	width: 20%;
		  }
		  .et_pb_column_3_10, .et_pb_row .et_pb_column_3_10, body &.et_pb_row > .et_pb_column_3_10 {
		  	width: 30%;
		  }
		  .et_pb_column_4_10, .et_pb_row .et_pb_column_4_10, body &.et_pb_row > .et_pb_column_4_10 {
			  width: 40%;
		  }
		  .et_pb_column_5_10, .et_pb_row .et_pb_column_5_10, body &.et_pb_row > .et_pb_column_5_10 {
          width: 50%;
      }
		  .et_pb_column_6_10, .et_pb_row .et_pb_column_6_10, body &.et_pb_row > .et_pb_column_6_10 {
          width: 60%;
      }
		  .et_pb_column_7_10, .et_pb_row .et_pb_column_7_10, body &.et_pb_row > .et_pb_column_7_10 {
		  	width: 70%;
		  }
		  .et_pb_column_8_10, .et_pb_row .et_pb_column_8_10, body &.et_pb_row > .et_pb_column_8_10 {
		  	width: 80%;
		  }
		  .et_pb_column_9_10, .et_pb_row .et_pb_column_9_10, body &.et_pb_row > .et_pb_column_9_10 {
		  	width: 90%;
		  }
    	.et_pb_column_1_12,	.et_pb_row .et_pb_column_1_12, body &.et_pb_row > .et_pb_column_1_12 {
			  width: 8.333%;
		  }
      .et_pb_column_2_12, .et_pb_row .et_pb_column_2_12, body &.et_pb_row > .et_pb_column_2_12 {
        width: 16.666%;
      }
      .et_pb_column_3_12, .et_pb_row .et_pb_column_3_12, body &.et_pb_row > .et_pb_column_3_12 {
        width: 25%;
      }
      .et_pb_column_4_12, .et_pb_row .et_pb_column_4_12, body &.et_pb_row > .et_pb_column_4_12 {
        width: 33.333%;
      }
      .et_pb_column_5_12, .et_pb_row .et_pb_column_5_12, body &.et_pb_row > .et_pb_column_5_12 {
        width: 41.666%;
      }
      .et_pb_column_6_12, .et_pb_row .et_pb_column_6_12, body &.et_pb_row > .et_pb_column_6_12 {
        width: 50%;
      }
      .et_pb_column_7_12, .et_pb_row .et_pb_column_7_12, body &.et_pb_row > .et_pb_column_7_12 {
        width: 58.333%;
      }
      .et_pb_column_8_12, .et_pb_row .et_pb_column_8_12, body &.et_pb_row > .et_pb_column_8_12 {
        width: 66.666%;
      }
      .et_pb_column_9_12, .et_pb_row .et_pb_column_9_12, body &.et_pb_row > .et_pb_column_9_12 {
        width: 75%;
      }
      .et_pb_column_10_12, .et_pb_row .et_pb_column_10_12, body &.et_pb_row > .et_pb_column_10_12 {
        width: 83.333%;
      }
      .et_pb_column_11_12, .et_pb_row .et_pb_column_11_12, body &.et_pb_row > .et_pb_column_11_12 {
        width: 91.66%;
      }
    }    
    
    /* Gutters 2 (3%) -- 5 -- 6 -- 8 -- 10 -- 12 */ 
    .et_pb_gutters2 {
    	/* 5 columns */   
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5, body &.et_pb_row > .et_pb_column_1_5 {
        	width: 17.6%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5, body &.et_pb_row > .et_pb_column_2_5 {
        	width: 38.2%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5, body &.et_pb_row > .et_pb_column_3_5 {
        	width: 58.8%;
    	}
      .et_pb_column_4_5, .et_pb_row .et_pb_column_4_5, body &.et_pb_row > .et_pb_column_4_5 {
        	width: 79.4%;
    	}
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6, body &.et_pb_row > .et_pb_column_1_6 {
        	width: 14.16%;
    	}
    	.et_pb_column_2_6, .et_pb_row .et_pb_column_2_6, body &.et_pb_row > .et_pb_column_2_6 {
        	width: 31.33%;
    	}
    	.et_pb_column_3_6, .et_pb_row .et_pb_column_3_6, body &.et_pb_row > .et_pb_column_3_6 {
        	width: 48.5%;
    	}
    	.et_pb_column_4_6, .et_pb_row .et_pb_column_4_6, body &.et_pb_row > .et_pb_column_4_6 {
        	width: 65.66%;
    	}
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6, body &.et_pb_row > .et_pb_column_5_6 {
        	width: 82.83%;
    	}
    	
      .et_pb_column_1_8, .et_pb_row .et_pb_column_1_8, body &.et_pb_row > .et_pb_column_1_8 {
        	width: 9.875%;
    	}
    	.et_pb_column_2_8, .et_pb_row .et_pb_column_2_8, body &.et_pb_row > .et_pb_column_2_8 {
        	width: 22.75%;
    	}
    	.et_pb_column_3_8, .et_pb_row .et_pb_column_3_8, body &.et_pb_row > .et_pb_column_3_8 {
        	width: 35.62%;
    	}
    	.et_pb_column_4_8, .et_pb_row .et_pb_column_4_8, body &.et_pb_row > .et_pb_column_4_8 {
        	width: 48.5%;
    	}
    	.et_pb_column_5_8, .et_pb_row .et_pb_column_5_8, body &.et_pb_row > .et_pb_column_5_8 {
        	width: 61.37%;
    	}
    	.et_pb_column_6_8, .et_pb_row .et_pb_column_6_8, body &.et_pb_row > .et_pb_column_6_8 {
        	width: 74.25%;
    	}
    	.et_pb_column_7_8, .et_pb_row .et_pb_column_7_8, body &.et_pb_row > .et_pb_column_7_8 {
        	width: 87.12%;
    	}

    	.et_pb_column_1_10,	.et_pb_row .et_pb_column_1_10, body &.et_pb_row > .et_pb_column_1_10 {
		  	width: 7.3%;
		  }
    	.et_pb_column_2_10, .et_pb_row .et_pb_column_2_10, body &.et_pb_row > .et_pb_column_2_10 {
		  	width: 17.6%;
		  }
		  .et_pb_column_3_10, .et_pb_row .et_pb_column_3_10, body &.et_pb_row > .et_pb_column_3_10 {
		  	width: 27.9%;
		  }
		  .et_pb_column_4_10, .et_pb_row .et_pb_column_4_10, body &.et_pb_row > .et_pb_column_4_10 {
        width: 38.2%;
      }
		  .et_pb_column_5_10, .et_pb_row .et_pb_column_5_10, body &.et_pb_row > .et_pb_column_5_10 {
		  	width: 48.5%;
		  }
		  .et_pb_column_6_10, .et_pb_row .et_pb_column_6_10, body &.et_pb_row > .et_pb_column_6_10 {
		  	width: 58.8%;
		  }
		  .et_pb_column_7_10, .et_pb_row .et_pb_column_7_10, body &.et_pb_row > .et_pb_column_7_10 {
		  	width: 69.1%;
		  }
		  .et_pb_column_8_10, .et_pb_row .et_pb_column_8_10, body &.et_pb_row > .et_pb_column_8_10 {
		  	width: 79.4%;
		  }
		  .et_pb_column_9_10, .et_pb_row .et_pb_column_9_10, body &.et_pb_row > .et_pb_column_9_10 {
		  	width: 89.7%;
		  }
    	.et_pb_column_1_12, .et_pb_row .et_pb_column_1_12, body &.et_pb_row > .et_pb_column_1_12 {
			  width: 5.583%;
		  }
      .et_pb_column_2_12, .et_pb_row .et_pb_column_2_12, body &.et_pb_row > .et_pb_column_2_12 {
			  width: 14.16%;
		  }
		  .et_pb_column_3_12, .et_pb_row .et_pb_column_3_12, body &.et_pb_row > .et_pb_column_3_12 {
			  width: 22.75%;
		  }
		  .et_pb_column_4_12, .et_pb_row .et_pb_column_4_12, body &.et_pb_row > .et_pb_column_4_12 {
			  width: 31.33%;
		  }
		  .et_pb_column_5_12, .et_pb_row .et_pb_column_5_12, body &.et_pb_row > .et_pb_column_5_12 {
			  width: 39.91%;
		  }
      .et_pb_column_6_12, .et_pb_row .et_pb_column_6_12, body &.et_pb_row > .et_pb_column_6_12 {
			  width: 48.5%;
		  }
      .et_pb_column_7_12, .et_pb_row .et_pb_column_7_12, body &.et_pb_row > .et_pb_column_7_12 {
			  width: 57.08%;
		  }
		  .et_pb_column_8_12, .et_pb_row .et_pb_column_8_12, body &.et_pb_row > .et_pb_column_8_12 {
			  width: 65.66%;
		  }
		  .et_pb_column_9_12, .et_pb_row .et_pb_column_9_12, body &.et_pb_row > .et_pb_column_9_12 {
        width: 74.25%;
      }
		  .et_pb_column_10_12, .et_pb_row .et_pb_column_10_12, body &.et_pb_row > .et_pb_column_10_12 {
        width: 82.83%;
      }
		  .et_pb_column_10_12, .et_pb_row .et_pb_column_10_12, body &.et_pb_row > .et_pb_column_10_12 {
        width: 82.83%;
      }
		  .et_pb_column_11_12, .et_pb_row .et_pb_column_11_12, body &.et_pb_row > .et_pb_column_11_12 {
        width: 91.41%;
      }
    }
    /*gutters 3 --- 5% ----*/
    .et_pb_gutters3 {
    	/* 5 columns */   
    	.et_pb_column_1_5, 
    	.et_pb_row .et_pb_column_1_5, 
    	body &.et_pb_row > .et_pb_column_1_5 {
        	width: 15.6%;
    	}
    	.et_pb_column_2_5,
    	.et_pb_row .et_pb_column_2_5, 
    	body &.et_pb_row > .et_pb_column_2_5 {
        	width: 36.7%;
    	}
    	.et_pb_column_3_5, 
    	.et_pb_row .et_pb_column_3_5, 
    	body &.et_pb_row > .et_pb_column_3_5 {
        	width: 57.8%;
    	}
        .et_pb_column_4_5, 
        .et_pb_row .et_pb_column_4_5, 
        body &.et_pb_row > .et_pb_column_4_5 {
        	width: 78.9%;
    	}
    	/* Six Columns*/
    	.et_pb_column_1_6, 
    	.et_pb_row .et_pb_column_1_6, 
    	body &.et_pb_row > .et_pb_column_1_6 {
        	width: 12.08%;
    	}
    	.et_pb_column_2_6, 
    	.et_pb_row .et_pb_column_2_6, 
    	body &.et_pb_row > .et_pb_column_2_6 {
        	width: 29.66%;
    	}
    	.et_pb_column_3_6, 
    	.et_pb_row .et_pb_column_3_6, 
    	body &.et_pb_row > .et_pb_column_3_6 {
        	width: 47.25%;
    	}
    	.et_pb_column_4_6, 
    	.et_pb_row .et_pb_column_4_6, 
    	body &.et_pb_row > .et_pb_column_4_6 {
        	width: 64.83%;
    	}
    	.et_pb_column_5_6, 
    	.et_pb_row .et_pb_column_5_6, 
    	body &.et_pb_row > .et_pb_column_5_6 {
        	width: 82.41%;
    	}
    	/* 7 Columns */
    	/* 8 Columns */
    	.et_pb_column_1_8, 
    	.et_pb_row .et_pb_column_1_8, 
    	body &.et_pb_row > .et_pb_column_1_8 {
        	width: 7.687%;
    	}
    	.et_pb_column_2_8, 
    	.et_pb_row .et_pb_column_2_8, 
    	body &.et_pb_row > .et_pb_column_2_8 {
        	width: 20.87%;
    	}
    	.et_pb_column_3_8, 
    	.et_pb_row .et_pb_column_3_8, 
    	body &.et_pb_row > .et_pb_column_3_8 {
        	width: 34.06%;
    	}
    	.et_pb_column_4_8, 
    	.et_pb_row .et_pb_column_4_8, 
    	body &.et_pb_row > .et_pb_column_4_8 {
        	width: 47.25%;
    	}
    	.et_pb_column_5_8, 
    	.et_pb_row .et_pb_column_5_8, 
    	body &.et_pb_row > .et_pb_column_5_8 {
        	width: 60.43%;
    	}
    	.et_pb_column_6_8, 
    	.et_pb_row .et_pb_column_6_8, 
    	body &.et_pb_row > .et_pb_column_6_8 {
        	width: 73.62%;
    	}
    	.et_pb_column_7_8, 
    	.et_pb_row .et_pb_column_7_8, 
    	body &.et_pb_row > .et_pb_column_7_8 {
        	width: 86.81%;
    	}
    	/* 9 Columns */
    	/* 10 Columns */
    	.et_pb_column_1_10,
		.et_pb_row .et_pb_column_1_10, 
        body &.et_pb_row > .et_pb_column_1_10 {
		  	width: 5.05%;
		}
    	.et_pb_column_2_10,
		.et_pb_row .et_pb_column_2_10, 
        body &.et_pb_row > .et_pb_column_2_10 {
		  	width: 15.6%;
		}
		.et_pb_column_3_10,
		.et_pb_row .et_pb_column_3_10, 
        body &.et_pb_row > .et_pb_column_3_10 {
		  	width: 26.15%;
		}
		.et_pb_column_4_10,
		.et_pb_row .et_pb_column_4_10, 
        body &.et_pb_row > .et_pb_column_4_10 {
			width: 36.7%;
		}
		.et_pb_column_5_10,
		.et_pb_row .et_pb_column_5_10, 
        body &.et_pb_row > .et_pb_column_5_10 {
		  	width: 47.25%;
		}
		.et_pb_column_6_10,
		.et_pb_row .et_pb_column_6_10, 
        body &.et_pb_row > .et_pb_column_6_10 {
		  	width: 57.8%;
		}
		.et_pb_column_7_10,
		.et_pb_row .et_pb_column_7_10, 
        body &.et_pb_row > .et_pb_column_7_10 {
		  	width: 68.35%;
		}
		.et_pb_column_8_10,
		.et_pb_row .et_pb_column_8_10, 
        body &.et_pb_row > .et_pb_column_8_10 {
		  	width: 78.9%;
		}
		.et_pb_column_9_10,
		.et_pb_row .et_pb_column_9_10, 
        body &.et_pb_row > .et_pb_column_9_10 {
		  	width: 89.45%;
		}
    	/* 11 Columns */ 
    	/* 12 Columns*/
    	.et_pb_column_1_12,
    	.et_pb_row .et_pb_column_1_12, 
        body &.et_pb_row > .et_pb_column_1_12 {
			width: 3.291%;
		}
		.et_pb_column_2_12,
		.et_pb_row .et_pb_column_2_12, 
        body &.et_pb_row > .et_pb_column_2_12 {
			width: 12.08%;
		}
		.et_pb_column_3_12,
		.et_pb_row .et_pb_column_3_12, 
        body &.et_pb_row > .et_pb_column_3_12 {
			width: 20.87%;
		}
		.et_pb_column_4_12,
		.et_pb_row .et_pb_column_4_12, 
        body &.et_pb_row > .et_pb_column_4_12 {
			width: 29.66%;
		}
		.et_pb_column_5_12,
		.et_pb_row .et_pb_column_5_12, 
        body &.et_pb_row > .et_pb_column_5_12 {
			width: 38.45%;
		}
		.et_pb_column_6_12,
		.et_pb_row .et_pb_column_6_12, 
        body &.et_pb_row > .et_pb_column_6_12 {
			width: 47.25%;
		}
		.et_pb_column_7_12,
		.et_pb_row .et_pb_column_7_12, 
        body &.et_pb_row > .et_pb_column_7_12 {
			width: 56.04%;
		}
		.et_pb_column_8_12,
		.et_pb_row .et_pb_column_8_12, 
        body &.et_pb_row > .et_pb_column_8_12 {
			width: 64.83%;
		}
		.et_pb_column_9_12,
		.et_pb_row .et_pb_column_9_12, 
        body &.et_pb_row > .et_pb_column_9_12 {
			width: 73.62%;
		}
		.et_pb_column_10_12,
		.et_pb_row .et_pb_column_10_12, 
        body &.et_pb_row > .et_pb_column_10_12 {
			width: 82.41%;
		}
		.et_pb_column_11_12,
		.et_pb_row .et_pb_column_11_12, 
        body &.et_pb_row > .et_pb_column_11_12 {
			width: 91.20%;
		}
    }
    
    /*gutters 4 --- 8% ---*/
    .et_pb_gutters4 {
    	/* 5 columns */   
    	.et_pb_column_1_5, 
    	.et_pb_row .et_pb_column_1_5, 
    	body &.et_pb_row > .et_pb_column_1_5 {
        	width: 13.6%;
    	}
    	.et_pb_column_2_5,
    	.et_pb_row .et_pb_column_2_5, 
    	body &.et_pb_row > .et_pb_column_2_5 {
        	width: 35.2%;
    	}
    	.et_pb_column_3_5, 
    	.et_pb_row .et_pb_column_3_5, 
    	body &.et_pb_row > .et_pb_column_3_5 {
        	width: 56.8%;
    	}
        .et_pb_column_4_5, 
        .et_pb_row .et_pb_column_4_5, 
        body &.et_pb_row > .et_pb_column_4_5 {
        	width: 78.4%;
    	}
    	/* Six Columns*/
    	.et_pb_column_1_6, 
    	.et_pb_row .et_pb_column_1_6, 
    	body &.et_pb_row > .et_pb_column_1_6 {
        	width: 10%;
    	}
    	.et_pb_column_2_6, 
    	.et_pb_row .et_pb_column_2_6, 
    	body &.et_pb_row > .et_pb_column_2_6 {
        	width: 28%;
    	}
    	.et_pb_column_3_6, 
    	.et_pb_row .et_pb_column_3_6, 
    	body &.et_pb_row > .et_pb_column_3_6 {
        	width: 46%;
    	}
    	.et_pb_column_4_6, 
    	.et_pb_row .et_pb_column_4_6, 
    	body &.et_pb_row > .et_pb_column_4_6 {
        	width: 64%;
    	}
    	.et_pb_column_5_6, 
    	.et_pb_row .et_pb_column_5_6, 
    	body &.et_pb_row > .et_pb_column_5_6 {
        	width: 82%;
    	}
    	/* 7 Columns */
    	/* 8 Columns */
    	.et_pb_column_1_8, 
    	.et_pb_row .et_pb_column_1_8, 
    	body &.et_pb_row > .et_pb_column_1_8 {
        	width: 5.5%;
    	}
    	.et_pb_column_2_8, 
    	.et_pb_row .et_pb_column_2_8, 
    	body &.et_pb_row > .et_pb_column_2_8 {
        	width: 19%;
    	}
    	.et_pb_column_3_8, 
    	.et_pb_row .et_pb_column_3_8, 
    	body &.et_pb_row > .et_pb_column_3_8 {
        	width: 32.5%;
    	}
    	.et_pb_column_4_8, 
    	.et_pb_row .et_pb_column_4_8, 
    	body &.et_pb_row > .et_pb_column_4_8 {
        	width: 46%;
    	}
    	.et_pb_column_5_8, 
    	.et_pb_row .et_pb_column_5_8, 
    	body &.et_pb_row > .et_pb_column_5_8 {
        	width: 59.5%;
    	}
    	.et_pb_column_6_8, 
    	.et_pb_row .et_pb_column_6_8, 
    	body &.et_pb_row > .et_pb_column_6_8 {
        	width: 73%;
    	}
    	.et_pb_column_7_8, 
    	.et_pb_row .et_pb_column_7_8, 
    	body &.et_pb_row > .et_pb_column_7_8 {
        	width: 86.5%;
    	}
    	/* 9 Columns */
    	/* 10 Columns */
    	.et_pb_column_1_10,
		.et_pb_row .et_pb_column_1_10, 
        body &.et_pb_row > .et_pb_column_1_10 {
		  	width: 2.8%;
		}
    	.et_pb_column_2_10,
		.et_pb_row .et_pb_column_2_10, 
        body &.et_pb_row > .et_pb_column_2_10 {
		  	width: 13.6%;
		}
		.et_pb_column_3_10,
		.et_pb_row .et_pb_column_3_10, 
        body &.et_pb_row > .et_pb_column_3_10 {
		  	width: 24.4%;
		}
		.et_pb_column_4_10,
		.et_pb_row .et_pb_column_4_10, 
        body &.et_pb_row > .et_pb_column_4_10 {
			width: 35.2%;
		}
		.et_pb_column_5_10,
		.et_pb_row .et_pb_column_5_10, 
        body &.et_pb_row > .et_pb_column_5_10 {
		  	width: 46%;
		}
		.et_pb_column_6_10,
		.et_pb_row .et_pb_column_6_10, 
        body &.et_pb_row > .et_pb_column_6_10 {
		  	width: 56.8%;
		}
		.et_pb_column_7_10,
		.et_pb_row .et_pb_column_7_10, 
        body &.et_pb_row > .et_pb_column_7_10 {
		  	width: 67.6%;
		}
		.et_pb_column_8_10,
		.et_pb_row .et_pb_column_8_10, 
        body &.et_pb_row > .et_pb_column_8_10 {
		  	width: 78.4%;
		}
		.et_pb_column_9_10,
		.et_pb_row .et_pb_column_9_10, 
        body &.et_pb_row > .et_pb_column_9_10 {
		  	width: 89.2%;
		}
    	/* 11 Columns */ 
    	/* 12 Columns*/
    	.et_pb_column_1_12,
    	.et_pb_row .et_pb_column_1_12, 
        body &.et_pb_row > .et_pb_column_1_12 {
			width: 1%;
		}
		.et_pb_column_2_12,
		.et_pb_row .et_pb_column_2_12, 
        body &.et_pb_row > .et_pb_column_2_12 {
			width: 10%;
		}
		.et_pb_column_3_12,
		.et_pb_row .et_pb_column_3_12, 
        body &.et_pb_row > .et_pb_column_3_12 {
			width: 19%;
		}
		.et_pb_column_4_12,
		.et_pb_row .et_pb_column_4_12, 
        body &.et_pb_row > .et_pb_column_4_12 {
			width: 28%;
		}
		.et_pb_column_5_12,
		.et_pb_row .et_pb_column_5_12, 
        body &.et_pb_row > .et_pb_column_5_12 {
			width: 37%;
		}
		.et_pb_column_6_12,
		.et_pb_row .et_pb_column_6_12, 
        body &.et_pb_row > .et_pb_column_6_12 {
			width: 46%;
		}
		.et_pb_column_7_12,
		.et_pb_row .et_pb_column_7_12, 
        body &.et_pb_row > .et_pb_column_7_12 {
			width: 55%;
		}
		.et_pb_column_8_12,
		.et_pb_row .et_pb_column_8_12, 
        body &.et_pb_row > .et_pb_column_8_12 {
			width: 64%;
		}
		.et_pb_column_9_12,
		.et_pb_row .et_pb_column_9_12, 
        body &.et_pb_row > .et_pb_column_9_12 {
			width: 73%;
		}
		.et_pb_column_10_12,
		.et_pb_row .et_pb_column_10_12, 
        body &.et_pb_row > .et_pb_column_10_12 {
			width: 82%;
		}
		.et_pb_column_11_12,
		.et_pb_row .et_pb_column_11_12, 
        body &.et_pb_row > .et_pb_column_11_12 {
			width: 91%;
		}
    }
}

@media (max-width: 980px) {
    /*gutters 1*/
    .et_pb_gutters1 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6, 
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8 {
        	width: 33.3% !important;
        	margin-right: 0%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5 {
        	width: 40%;
        	margin-right: 0%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5 {
        	width: 60%;
        	margin-right: 0%;
    	}
    }
    
    /*gutters 2*/
    .et_pb_gutters2 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8 {
	        width: 31.28% !important;
    	    margin-right: 3%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5 {
        	width: 38.5%;
        	margin-right: 3%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5 {
        	width: 58.5%;
        	margin-right: 3%;
    	}
    }
    
    /*gutters 3*/
    .et_pb_gutters3 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8 {
        	width: 29.667% !important;
        	margin-right: 5.5%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5 {
        	width: 34.6%;
        	margin-right: 5.5%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5 {
        	width: 59.9%;
        	margin-right: 5.5%;
    	}
    }
    
    /*gutters 4*/
    .et_pb_gutters4 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8 {
        	width: 28% !important;
        	margin-right: 8%;
    	}
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5 {
        	width: 36.6%;
        	margin-right: 8%;
    	}
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5 {
        	width: 55.40%;
        	margin-right: 8%;
    	}
    } 
    .et_pb_section .et_pb_row .et_pb_column.et_pb_specialty_column, .et_pb_section .et_pb_row .et_pb_column.et_pb_column_single {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .et_pb_column_1_7:nth-child(3n+0), .et_pb_row .et_pb_column_1_7:nth-child(3n+0)
    , .et_pb_column_1_8:nth-child(3n+0), .et_pb_row .et_pb_column_1_8:nth-child(3n+0)
    , .et_pb_column_1_6:nth-child(3n+0), .et_pb_row .et_pb_column_1_6:nth-child(3n+0)
    , .et_pb_column_1_5:nth-child(3n+0), .et_pb_row .et_pb_column_1_5:nth-child(3n+0) {
        margin-right: 0 !important;
    }
}

@media (max-width: 767px) {
    
    /*gutters 1*/
    .et_pb_gutters1 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8,
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5,
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5,
    	.et_pb_column_4_5, .et_pb_row .et_pb_column_4_5 {
        	width: 100% !important;
        	margin-right: 0%;
    	}
    }
    
    /*gutters 2*/
    .et_pb_gutters2 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8,
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5,
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5,
    	.et_pb_column_4_5, .et_pb_row .et_pb_column_4_5 {
	        width: 100% !important;
    		margin-right: 0;
    	}
    }
    
    /*gutters 3*/
    .et_pb_gutters3 {
    	.et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8,
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5,
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5,
    	.et_pb_column_4_5, .et_pb_row .et_pb_column_4_5 {
        	width: 100% !important;
    		margin-right: 0;
    	}
    } 

    
    /*gutters 4*/
    .et_pb_gutters4 {
	    .et_pb_column_1_6, .et_pb_row .et_pb_column_1_6,
    	.et_pb_column_1_7, .et_pb_row .et_pb_column_1_7,
    	.et_pb_column_1_8, .et_pb_row .et_pb_column_1_8,
    	.et_pb_column_5_6, .et_pb_row .et_pb_column_5_6,
    	.et_pb_column_1_5, .et_pb_row .et_pb_column_1_5,
    	.et_pb_column_2_5, .et_pb_row .et_pb_column_2_5,
    	.et_pb_column_3_5, .et_pb_row .et_pb_column_3_5,
    	.et_pb_column_4_5, .et_pb_row .et_pb_column_4_5 {
        	width: 100% !important;
    		margin-right: 0;
    	}
    }
    
    .et_pb_column_1_6:nth-child(even), .et_pb_row .et_pb_column_1_6:nth-child(even),
    .et_pb_column_1_7:nth-child(even), .et_pb_row .et_pb_column_1_7:nth-child(even)
    .et_pb_column_1_8:nth-child(even), .et_pb_row .et_pb_column_1_8:nth-child(even),
    .et_pb_column_5_6:nth-child(even), .et_pb_row .et_pb_column_5_6:nth-child(even),
    .et_pb_column_1_5:nth-child(even), .et_pb_row .et_pb_column_1_5:nth-child(even),
    .et_pb_column_2_5:nth-child(even), .et_pb_row .et_pb_column_2_5:nth-child(even),
    .et_pb_column_3_5:nth-child(even), .et_pb_row .et_pb_column_3_5:nth-child(even),
    .et_pb_column_4_5:nth-child(even), .et_pb_row .et_pb_column_4_5:nth-child(even),
    .et_pb_column_1_4:nth-child(even), .et_pb_row .et_pb_column_1_4:nth-child(even) {
        margin-right: 0 !important;
    }
}

@media (max-width: 479px) {
    .et_pb_section {
    	.et_pb_row {
    		.et_pb_column {
    			&.et_pb_column_1_6,
    			&.et_pb_column_1_7,
    			&.et_pb_column_1_8,
    			&.et_pb_column_5_6,
    			&.et_pb_column_1_5,
    			&.et_pb_column_2_5,
    			&.et_pb_column_3_5,
    			&.et_pb_column_4_5 {
        			width: 100%  !important;
        			margin: 0 0 30px 0;
    			}
    		}
    	}
    }
    .et_pb_row {
    	.et_pb_column {
    		&.et_pb_column_1_6:last-child,
    		&.et_pb_column_1_7:last-child,
    		&.et_pb_column_1_8:last-child,
    		&.et_pb_column_5_6:last-child,
    		&.et_pb_column_1_5:last-child,
    		&.et_pb_column_2_5:last-child,
    		&.et_pb_column_3_5:last-child,
    		&.et_pb_column_4_5:last-child {
		        margin-bottom: 0;
		    }
		}
    }
}
// ACCORDION
// ===========

.mydivi-accordion {
  border-top: 1px solid @accordion-top-border-color;
  margin: 0 auto !important;
  list-style-type: none !important;
  padding: 0 !important;
  .et_pb_mydivi_accordion_item {
    border-bottom: 1px solid @accordion-top-border-color;
    position: relative;
    .acc-content {
      display: none;
      padding: 20px 40px;
      color: @accordion-body-color;
      background: @accordion-bg;
      font-size: 16px;
      line-height: 1.5;
      p {
        color: @accordion-body-color;
      }
    }
    .accordion-title {
      width: 100%;
      display: block;
      cursor: pointer;
      font-family: @accordion-title-font;
      text-transform: @accordion-title-transform;
      font-weight: 600;
      line-height: 1;
      font-size: 1.25rem;
      padding-top: 2px;
      text-indent: 0;
      user-select: none;
      position: relative;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s;
      padding: 20px 30px;
      &:before {
        content: "";
        display: block;
        height: 100%;
        background: @accordion-hover-left-title-bar;
        width: 0px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
      }
      &:hover {
        &:before {
          content: "";
          display: block;
          height: 100%;
          width: 5px;
          position: absolute;
          left: 0;
          top: 0;
        }
      }
      &:after {
        display: none;
      }
      &.active {
        &:after {
          -webkit-transform: rotate(45deg) translateY(-50%);
          -moz-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
        }
      }
    }
  }
}
// Circle Image Hover
.fancy-caption2 {
  display: block;
  position: relative;
  margin: 10px;
  width: 100%;
  max-width: 480px;
  border-radius: 50%;
  overflow: hidden;
  @media(max-width:980px) {
    border-radius: 50%;
    overflow: hidden;
  }
  @media (max-width: 767px) {
    width: 100% !important;
  }
  margin: auto;
  &.ci_left {
    margin-left: 0;
  }
  &.ci_right {
    margin-right: 0;
  }
  img {
    display: block;
    max-width: 480px !important;
    width: 100% !important;
    border-radius: 50%;
  }
  &:before{
    opacity: 0;
    position: absolute;
    left:0;
    width: 100%;
    max-width: 480px;
    color: #fff;
    padding: 20px;
    text-align: center;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 100%;
    border-radius: 50%;
    background: inherit;
    font-size: 2.7rem;
    font-weight: 300;
    top: 0;
    @media(max-width:980px) {
      opacity: .9;
      position: absolute;
      left: 0;
      width: 100%;
      max-width: 480px;
      color: #fff;
      padding: 20px;
      text-align: center;
      -webkit-transition: opacity .3s;
      -moz-transition: opacity .3s;
      transition: opacity .3s;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      content: "";
      height: 30px;
      border-radius: 0;
      background: inherit;
      font-size: 2.7rem;
      font-weight: 300;
      top: initial;
      bottom: 40px;
      display: none;
    }
  }
  &:after {
    content: attr(data-title);
    opacity: 0;
    position: absolute;
    top: 50%;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 300;
    color: @circle-image-font-color;
    text-align: center;
    width: 100%;
    max-width: 480px;
    padding: 20px;
    box-sizing: border-box;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    @media(max-width:980px) {
      content: attr(data-title);
      opacity: 1;
      position: absolute;
      top: initial;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 300;
      color: #fff;
      text-align: center;
      width: 100%;
      left: 0%;
      bottom: 50px;
      max-width: 480px;
      padding: 10px 40px;
      line-height: 20px;
      box-sizing: border-box;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(0%);
      transform: translateY(0);
      -webkit-transition: opacity .3s;
      -moz-transition: opacity .3s;
      transition: opacity .3s;
      background: inherit;
    }
  }
  &:hover {
    &:before {
      opacity: .9;
    }
    &:after {
      opacity: 1;
    }
  }
}
//FA List
.falist {
  &.facenter {
  text-align: center;
  }
  &.faleft {
  text-align: left;
  margin-left: @fa-list-left-margin;
  }
  &.faright {
  text-align: right;
  }
  ul {
  padding: 0px !important;
  list-style: none;
  display: inline-block;
  text-align: left;
  position: relative;
    li {
      margin-bottom: 10px;
      position: relative;
      &:nth-last-child(1) {
        margin-bottom: 0;
      }
      i {
        margin-left: @fa-icon-margin;
        position: absolute;
        font-size: 24px;
        line-height: inherit;
        top: 0;
        left: 0;
      }
      img {
        margin-left: @fa-icon-margin;
        position: absolute;
        max-height: 24px;
        top: 0;
        left: 0;
      }
      div.list__wrap {
        margin-left: 5rem;
      }
      &.color-primary {
        p {
          color: @color-primary !important;
        }
      }
      &.color-secondary {
        p {
          color: @color-secondary !important;
        } 
      }
      &.color-tertiary {
        p {
          color: @color-tertiary !important;
        }
      }
      &.color-accenta {
        p {
          color: @color-accenta !important;
        }
      }
      &.color-accentb {
        p {
          color: @color-accentb !important;
        }
      }
    }
  }
  @media (max-width:480px) {
    &.facenter {
      text-align: left;
      margin-left: 45px;
    }
    &.faleft {
      text-align: left;
      margin-left: 45px;
    }
    &.faright {
      text-align: left;
      margin-left: 45px;
    }
  }
}
// Feature Box
.fbwo {
  figure {
    position:relative;
    margin:0 auto;
    padding-bottom:0;
    overflow: hidden;
    display: block;
    max-width: 480px;
    width: 100%;
    background: @feature_overlay_bg_color;
    -webkit-transition:box-shadow 1s;
    -moz-transition:box-shadow 1s;
    transition:box-shadow 1s;
     img{
      width: 100%;
      display:block;
      position:relative;
      -webkit-transition:-webkit-transform 0.5s .05s ease,opacity 0.3s;
      transition: transform 0.5s .05s ease,opacity 0.3s;
      opacity:1;
     }
     a {
      display:block;
       &:hover {
         &:after {
           opacity:1;
           color: @feature_overlay_overlay_font_color;
         }
       }
       &:after {
         display: block;
         position: absolute;
         width: 100%;
         padding: 0 10px;
         box-sizing: border-box;
         top: 50%;
         margin-top: -30px;
         color: @feature_overlay_overlay_font_color;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         -webkit-transition: opacity 0.5s .2s;
         -moz-transition: opacity 0.5s .2s;
         -o-transition: opacity 0.5s .2s;
         transition: opacity 0.5s .2s;
         content: attr(data-title);
         font-size: inherit;
         line-height: @feature_overlay_overlay_font_size;
         font-weight: @feature_overlay_overlay_font_weight;
         text-align:center;
         opacity:0;
       }
     }
      &:hover {
        img{
          -webkit-transform:scale(1.1);
          -moz-transform:scale(1.1);
          -o-transform:scale(1.1);
          transform:scale(1.1);
          opacity: @feature_overlay_imgopacity;
          -webkit-transform-origin:center center;
          -moz-transform-origin:center center;
          -o-transform-origin:center center;
          transform-origin:center center;
         }
        a {

        }
      }
    }
    figcaption{
      position:absolute;
      left:0;
      width:100%;
      color:#fff;
      box-sizing:border-box;
      text-align:center;
      top:auto;
      bottom:0;
      opacity:1;
      padding:10px;
      background: @feature_overlay_barcolor;
      color: @feature_overlay_barfont !important;
      p {
        padding:0;
      } 
      .fbwo_title {
        margin:0;
        padding: 2px 0 0;
        font-size: @feature_overlay_title_font_size;
        line-height: @feature_overlay_title_font_size;
        font-family: @feature_overlay_title_font_family;
        font-weight: @feature_overlay_title_font_weight;
        color: @feature_overlay_title_font_color;
        z-index: 10;
        position: relative;
      }
    }
    .triangle {
      width: 30px;
      height: 30px;
      position: absolute;
      top: -15px;
      left: 50%;
      margin-left: -15px;
      overflow: hidden;
      -ms-transform: scale(.8, 1);
      -moz-transform: scale(.8, 1);
      -webkit-transform: scale(.8, 1);
      transform: rotate(45deg);
      background: @feature_overlay_title_font_color;
      z-index: 1;
    }  
}
// Gallery Band
.gallery-band {
  .image-link {
    position: relative;
    display: block;
    &:before {
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0);
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s;
      z-index: 1;
    }
    &:after {
      content: "\f00e";
      display: block;
      width: 100%;
      text-align: center;
      color: #fff;
      font-family: "Font Awesome 5 Pro";
      font-size: 50px;
      top: 50%;
      left: 0;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s;
      position: absolute;
      opacity: 0;
      z-index: 2;
    }
    &:hover {
      &:before {
        background: rgba(0,0,0,.5);
      }
      &:after {
        opacity: 1;
      }
    }
  }
}
//Google Maps
.maphldr {
  width: 100%;
  position: relative;
  .gmapc {
    width: 100%;
  }
}
// Icon Image Card
.icon-img-card-wrap {
  display: block;
  width: 100%;
  margin: 0;
  &:after {
  content: "";
  clear: both;
  display: table;
  }
  .icon-img-card-hldr {
    position: relative;
    &.autoheight {
      height: auto !important;
    }
    &.center {
      text-align: center;
    }
    &.left {
      text-align: left;
    }
    &.right {
      text-align: right;
    }
    &.justify {
      text-align: justify;
    }
    &.one {
      width: 100%;
      display: block;
      @media (max-width:768px) {
      	height: auto !important;
      }
    }
    &.two {
      width: 50%;
      display: block;
      float: left;
      @media (max-width:768px) {
      	height: auto !important;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        &:nth-last-child(1) {
          margin-bottom: 0;
        }
      }
    }
    &.three {
      width: 33.333%;
      display: block;
      float: left;
      @media (max-width:768px) {
        height: auto !important;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        &:nth-last-child(1) {
          margin-bottom: 0;
        }
      }
    }
    &.four {
      width: 25%;
      display: block;
      float: left;
      @media (max-width: 1024px) {
      	width: 50%;
      }
      @media (max-width:768px) {
        height: auto !important;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        &:nth-last-child(1) {
          margin-bottom: 0;
        }
      }
    }
    &.five {
      width: 20%;
      display: block;
      float: left;
      @media (max-width:768px) {
        height: auto !important;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        &:nth-last-child(1) {
          margin-bottom: 0;
        }
      }
    }
    &.six {
      width: 16.666%;
      display: block;
      float: left;
      @media (max-width: 1024px) {
      	width: 33.333%;
        float: left;
        margin-bottom: 20px;
      }
      @media (max-width: 768px) {
        height: auto !important;
        width: 50%;
        float: left;
        margin-bottom: 20px;
      }
    }
    .icon-img-card {
      display: block;
      max-width: 320px;
      width: 100%;
      margin: auto;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      a {
        &:hover {
          .icon-hldr, .heading-hldr {
            opacity: .7;
          }
        }
      }
      @media(max-width: 767px) {
        height: auto !important;
      }
      &.autoheight {
        height: auto !important;
      }
      &.bottom-padding {
        padding-bottom: 50px;
      }
      .heading-hldr {
        .heading-tertiary {
          padding: 15px 0 20px;
          @media(max-width:767px) {
          	padding: 0px 0 20px;
          }
        }
        a {
          .heading-tertiary {
            opacity: 1;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
            padding: 15px 0 20px;
            &:hover {
              opacity: .7;
            }
          }
          &:hover {
             opacity: .7;
          }
        }
      }
      .icon-hldr {
        &.circularborder {
          width: 160px;
          height: 160px;
          border: 1px solid #222;
          border-radius: 50%;
          margin: 0 auto 30px;
          i {
            line-height: 160px;
          }
        }
        a {
          opacity: 1;
          -webkit-transition: all .4s;
          -moz-transition: all .4s;
          transition: all .4s;
          &:hover {
            opacity: .7;
          }
        }
        i {
          line-height: 120px;
          font-size: 100px;
        }
        img {
          height: 120px;
          margin: 10px 0 0;
        }
      }
    }
    .desc-hldr {
      padding: 0px 0px 20px;
      &.cta-bottom-padding {
        padding: 0px 20px 20px;
        @media (max-width: 767px) {
          padding: 0px 20px 20px !important;
        }
      }
      ul, ol {
        margin: 15px 30px;
      }
    }
    .icon-img-cta-hldr {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      height: auto;
      width: 100%;
      max-width: 320px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      transform: translateX(-50%);
      box-sizing: initial;
      -moz-box-sizing: initial;
      -webkit-box-sizing: initial;
      &.cta-center {
        text-align: center;
      }
      &.cta-left {
        text-align: left;
      }
      &.cta-right {
        text-align: right;
      }
      .icon-img-cta {
        background: #222 !important;
        color: #fff !important;
        padding: 0 20px !important;
        line-height: 36px !important;
        margin-top: 24px;
        display: inline-block;
      }
    }
  }
}
//Image Module
.et_pb_image {
	a {
    	color: #d9b310;
    	display: inline-block;
    	position: relative;
    	.et_pb_hover_text {
    		margin: 0 !important;
    		&:before {
    			display: none;
    		}
    		div{
    			display: block;
    			width: 100%;
    			height: auto;
    			top: 50%;
    			position: absolute;
    			left: 0;
    			-webkit-transform: translateY(-50%);
    			-moz-transform: translateY(-50%);
    			transform: translateY(-50%);
                padding: 20px;
                box-sizing: border-box;
                line-height: 1.2;
    		}
    	}
	}
}
// Location Grid
.location-grid {
    display: grid;
	&:after {
	    content: "";
	    clear: both;
	    display: block;
	    width: 100%;
	    @media(max-width:980px) {
	    	display: none;
	    }
	}
  	&.lg-half {
    	grid-template-columns: 50% 50%;
    	@media (max-width:767px) {
	        grid-template-columns: 100%;
	        margin: 10px auto;
	    }
  	}
  	&.lg-third {
    	grid-template-columns: 33% 33% 33%;
    	@media (max-width:1024px) {
	        grid-template-columns: 100%;
	        margin: 10px auto;
	    }
  	}
	&.lg-fourth {
	    grid-template-columns: 25% 25% 25% 25%;
	    @media (max-width:1024px) {
	        grid-template-columns: 50% 50%;
	        .lg-box {
	        	grid-template-columns: 100%;
	        }
	    }
	    @media (max-width:767px) {
	        grid-template-columns: 100%;
	        margin: 10px auto;
	        .lg-box {
	        	grid-template-columns: 100%;
	        }
	    }
	}
  	.lg-box {
	    overflow: hidden;
	    display: block;
	    float: left;
	    position: relative;
	    width: 100%;
	    &:after {
	    	content: "";
	      	display: block;
	      	padding-top: 100%;
	        -webkit-transition: padding-top .5s;
	        -moz-transition: padding-top .5s;
	        -ms-transition: padding-top .5s;
	        -o-transition: padding-top .5s;
	        transition: padding-top .5s;
	      	@media (max-width:1024px) {
	        	display: none;
	      	}
	    }
    	.lg-icon-wrap {
      		padding: 0 20px 20px; 
    	}
    	.lg-location-hldr {
      		top: 50%;
      		position: absolute;
      		display: block;
      		width: 100%;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -ms-transition: all 1s;
      		transition: all 1s;
      		z-index: 10;
    	}
    	.lg-location {
      		width: 80%;
      		margin: auto;
      		position: relative;
      		text-align: center;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
      		transition: all .5s;
      		.lg-heading {
        		color: #fff !important;
        		padding: 0;
        		margin: 0 0 15px;
      		}
      		@media(max-width:1024px) {
      		    width: 100%
      		}
    	}
    	.lg-address {
      		width: 80%;
      		margin: auto;
      		text-align: center;
		    -webkit-transition: all .5s;
		    -moz-transition: all .5s;
		    -ms-transition: all .5s;
      		transition: all .5s;
      		p {
        		color: rgba(0,0,0,0) !important;
        		opacity: 0;
        		font-size: 18px;
        		font-weight: 300;
        		margin: 0 0 0px;
        		padding: 10px 0px 15px;
        		position: relative;
		        -webkit-transition: all .5s;
		        -moz-transition: all .5s;
		        -ms-transition: all .5s;
		        transition: all .5s;
      		}
      		@media(max-width:1024px) {
      		    width: 100%;
      		}
      		a {
        		opacity: 0;
        		margin-top: 15px;
      		}
    	}
    	.lg-color-overlay {
      		background: rgba(0,0,0,0.4);
      		position: absolute;
		    top: 0;
      		left: 0;
      		width: 100%;
      		height: 100%;
      		z-index: 1;
		    -webkit-transition: all .5s;
		    -moz-transition: all .5s;
		    -ms-transition: all .5s;
		    -o-transition: all .5s;
		    transition: all .5s;
		    @media(max-width:1024px) {
		    	display: none;
		    }
		    &.lg_overlay_static_0_1 {
		    	opacity: 0.1;
		    }
		    &.lg_overlay_static_0_2 {
		    	opacity: 0.2;
		    }
		    &.lg_overlay_static_0_3 {
		    	opacity: 0.3;
		    }
		    &.lg_overlay_static_0_4 {
		    	opacity: 0.4;
		    }
		    &.lg_overlay_static_0_5 {
		    	opacity: 0.5;
		    }
		    &.lg_overlay_static_0_6 {
		    	opacity: 0.6;
		    }
		    &.lg_overlay_static_0_7 {
		    	opacity: 0.7;
		    }
		    &.lg_overlay_static_0_8 {
		    	opacity: 0.8;
		    }
		    &.lg_overlay_static_0_9 {
		    	opacity: 0.9;
		    }
		    &.lg_overlay_static_1_0 {
		    	opacity: 1;
		    }
    	}
    	.lg-mobile-img-wrap {
    		display: none;
    	}
    	@media(min-width: 1025px) {
	    	&:hover,&.focused {
	      		.lg-color-overlay {
	        		background: rgba(0,0,0,.8);
	        		&.lg_overlay_hover_0_1 {
				    	opacity: 0.1;
				    }
				    &.lg_overlay_hover_0_2 {
				    	opacity: 0.2;
				    }
				    &.lg_overlay_hover_0_3 {
				    	opacity: 0.3;
				    }
				    &.lg_overlay_hover_0_4 {
				    	opacity: 0.4;
				    }
				    &.lg_overlay_hover_0_5 {
				    	opacity: 0.5;
				    }
				    &.lg_overlay_hover_0_6 {
				    	opacity: 0.6;
				    }
				    &.lg_overlay_hover_0_7 {
				    	opacity: 0.7;
				    }
				    &.lg_overlay_hover_0_8 {
				    	opacity: 0.8;
				    }
				    &.lg_overlay_hover_0_9 {
				    	opacity: 0.9;
				    }
				    &.lg_overlay_hover_1_0 {
				    	opacity: 1;
				    }
	      		}
	      		.lg-location-hldr {
	        		top: 50%;
	        		margin-top: 0;
			        -webkit-transform: translateY(-50%);
			        -moz-transform: translateY(-50%);
			        transform: translateY(-50%);
			        height: auto;
			        margin-top: 0 !important;
	      		}
	      		.lg-address {
	        		p {
	          			color: rgba(255,255,255,1) !important;
	          			opacity: 1;
	          			&:after {
				            background: #fff;
	          			}
	        		}
	        		a {
	          			opacity: 1;
	        		}
	      		}
	    	}
    	}
    	@media(max-width: 1024px) {
    		display: grid;
    		grid-template-columns: 50% 50%;
    		background: none !important;
    		.lg-icon-wrap {
    			i {
			    	color: inherit !important;			    
				}
				&.invert-color {
					img {
						-wenbit-filter: invert(1);
						-moz-filter: invert(1);
						filter: invert(1);
					}
				}
				&.hide-icon {
					display: none;
				}
			}
    		.lg-mobile-img-wrap {
	    		display: block;
	    	}
		    .lg-color-overlay {
        		background: rgba(0,0,0,.8);
      		}
      		.lg-location-hldr {
        		top: 0;
        		-webkit-transform: translateY(0%);
		        -moz-transform: translateY(0%);
		        transform: translateY(0%);
		        height: auto;
		        position: relative;
		        margin-top: 20px !important;
		        margin-bottom: 40px;
			    .lg-location {
			    	padding: 0 0px 0px; 
			        .lg-heading {
			        	color: inherit !important;
			        }
			    }
      		}
      		.lg-address {
        		p {
        			font-size: 18px;
			        color: inherit !important;
			        padding: 0px 0px 20px;
			        opacity: 1;
          			&:after {
			            background: #fff;
          			}
        		}
        		a {
			        opacity: 1;
        		}
      		}
    	}
    	@media(max-width:767px) {
		    grid-template-columns: 100%;
		}
  	}
}
// Team Card
.team-card {
  display: block;
  position: relative;
  text-align:center;
  a {
    display: block;
    max-width: 480px;
    width: 100%;
    opacity: 1;
    margin: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    &:hover {
      opacity: .7;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
    }
    &.alt-img-hover {
	  img {
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		transition: all .4s linear;
	  }
	  &:hover {
	    opacity: 1;
		img {
		  opacity: 0;
		  &.mt-hover-image {
		    opacity: 1;
		  }
		}
	  }
	}
  }
  .heading-tertiary {
    text-align: center;
    margin: 0;
    padding: 0 0 0px;
    line-height: 1;
  }
  p {
    margin: 0 0 0;
    text-transform: uppercase;
  }
}
.team-card__img-wrap {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  display: block;
  &.mt_circular {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 5;
    &:before {
      position: absolute;
      content:"Full Bio";
      width: 100%;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background: #222;
      color: #fff;
      bottom: 0;
      z-index: 1;
    }
  }
  img {
    max-width: 100%;
    height: auto;
    padding: 0;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
    display: block;
    margin: auto;
    &.mt-hover-image {
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
    	display: block;
    	opacity: 1;
    	top: 0;
    	left: 0;
    }
  }

}
.team-card-popup {
  position: relative;
  background: none repeat scroll 0% 0% #FFF;
  padding: 0px 0px 10px 0px;
  width: auto;
  margin: 0px auto;
  max-width: 600px;
  box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.4);
  @media (max-width:768px) {
    margin: 0px auto;
  }
  & > div {
    background: #FFF;
    padding: 20px;
    margin: auto;
  }
  p {
    text-align: justify;
  }
  img {
   padding: 0;
  }
  .tcp-title-wrap {
	  .heading-tertiary {
	    text-align: left;
	    text-align: left;
	    margin: 0;
	    padding: 0 0 0px;
	    line-height: 1;
	  }
	  p {
	    text-align: left;
	    margin: 0;
	    padding: 0;
	    line-height: 1.5;
	  }
	  margin: 0 0 15px;
  }
  ul {
    list-style-type: disc;
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mtp-cta {
  	padding-top: 30px;
  }
}
.team-card-popup__img {
  max-width: 140px;
  height: auto;
  float: left;
  margin: 0 20px 0;
  @media (max-width:480px) {
    max-width: 180px;
    height: auto;
    float: none;
    margin: 0 auto 20px;
  }
}
//Headings
.et_pb_mydivi_headings {
  a:hover {
	h1, h2, h3, h4, h5, h6, div {
	    opacity: 0.6;
	  }
	}
}
//Primary Button
.btn-holder {
  display: block;
  position: relative;
}
.btn, #footer-widgets .footer-widget .btn {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.25;
  color: #333;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 2px solid;
  border-radius: 0px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-shadow: none;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  &.btn-0x {
    font-size: 14px;
    padding: 8px 10px;
  }
  &.btn-1x {
    font-size: 16px;
    padding: 8px 20px;
  }
  &.btn-2x {
    font-size: 18px;
    padding: 10px 30px;
  }
  &.btn-3x {
    font-size: @body-font-size+4px;
    padding: 10px 40px;
  }
  &.btn-4x {
    font-size: @body-font-size+8px;
    padding: 6px 40px;
  }
  &:hover {
    &.hover-glow {
      box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    }
    &.hover-shadow {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    }
  }
}
@color-white: #fff;
@color-black: #000;

.ccolor(@name, @color) {
  .@{name} {
    color: @color;
  }
  .@{name}-bg {
    background: @color;
  }
  .@{name}i {
    color: @color !important;
  }
  .@{name}-hdri {
    .heading-hero,.heading-hero-alt,.heading-primary,.heading-secondary,.heading-tertiary,h1,h2,h3,h4,h5,h6 {
      color: @color !important;
    }
  }
  .@{name}-bgi {
    background: @color !important;
  }
  .@{name}-btn, #footer-widgets .footer-widget .@{name}-btn {
    border-color: @color;
    background: @color;
    color: contrast(@color, @color-white, @color-black) !important;
    position: relative;
    overflow: hidden;
    &.btn-ghost {
      background: rgba(0,0,0,0) !important;
      border-color: @color !important;
      color: @color !important;
    }
    &.animBtn {
      background: @color;
      color: contrast(@color, @color-black, @color-white) !important;
    }
  }
  .@{name}-icon, #footer-widgets .footer-widget .@{name}-icon {
    i {
      color: @color;
    }
  }
  .@{name}-btn-hover, #footer-widgets .footer-widget .@{name}-btn-hover {
    &.animBtn {

      &:after {
        background: none repeat scroll 0 0 @color;
      }
    }
    &:hover {
      border-color: @color;
      background: @color !important;
      color: contrast(@color, @color-white, @color-black) !important;
      position: relative;
      overflow: hidden;
      &.btn-ghost {
        border-color: @color !important;
        background: @color !important;
        color: contrast(@color, @color-white, @color-black) !important;
      }
      &.animBtn {
        color: contrast(@color, @color-black, @color-white) !important;
        &:after {
          background: none repeat scroll 0 0 @color;
        }
      }
    }
  }
  .@{name}-btn-hover-saturate, #footer-widgets .footer-widget .@{name}-btn-hover-saturate {
    &.animBtn {
      &:after {
        background: none repeat scroll 0 0 saturate(@color, 50%);
      }
    }
    &:hover {
      border-color: saturate(@color, 50%);
      background: saturate(@color, 50%) !important;
      position: relative;
      overflow: hidden;
      &.btn-ghost {
        border-color: @color !important;
        background: @color !important;
        color: contrast(@color, @color-white, @color-black) !important;
      }
      &.animBtn {
        color: contrast(@color, @color-black, @color-white) !important;
        &:after {
          background: none repeat scroll 0 0 saturate(@color, 50%);
        }
      }
    }
  }
  .@{name}-btn-hover-lighten-x, #footer-widgets .footer-widget .@{name}-btn-hover-lighten-x {
    &.animBtn {
      &:after {
        background: none repeat scroll 0 0 lighten(@color, 10%);
      }
    }
    &:hover {
      border-color: lighten(@color, 10%);
      background: lighten(@color, 10%) !important;
      position: relative;
      overflow: hidden;
      color: contrast(@color, @color-white, @color-black) !important;
      &.btn-ghost {
        border-color: lighten(@color, 10%) !important;
        background: lighten(@color, 10%) !important;
        color: contrast(lighten(@color, 10%), @color-white, @color-black) !important;
      }
      &.animBtn {
        color: contrast(@color, @color-black, @color-white) !important;
        &:after {
          background: none repeat scroll 0 0 lighten(@color, 10%);
        }
      }
    }
  }
  .@{name}-btn-hover-lighten-xx, #footer-widgets .footer-widget .@{name}-btn-hover-lighten-xx {
    &.animBtn {
      &:after {
        background: none repeat scroll 0 0 lighten(@color, 20%);
      }
    }
    &:hover {
      border-color: lighten(@color, 20%);
      background: lighten(@color, 20%) !important;
      position: relative;
      overflow: hidden;
      color: contrast(@color, @color-white, @color-black) !important;
      &.btn-ghost {
        border-color: lighten(@color, 20%) !important;
        background: lighten(@color, 20%) !important;
        color: contrast(lighten(@color, 20%), @color-white, @color-black) !important;
      }
      &.animBtn {
        color: contrast(@color, @color-black, @color-white) !important;
        &:after {
          background: none repeat scroll 0 0 lighten(@color, 20%);
        }
      }
    }
  }
  .@{name}-btn-hover-lighten-xxx, #footer-widgets .footer-widget .@{name}-btn-hover-lighten-xxx {
    &.animBtn {
      &:after {
        background: none repeat scroll 0 0 lighten(@color, 30%);
      }
    }
    &:hover {
      border-color: lighten(@color, 30%);
      background: lighten(@color, 30%) !important;
      position: relative;
      overflow: hidden;
      color: contrast(@color, @color-white, @color-black) !important;
      &.btn-ghost {
        border-color: lighten(@color, 30%) !important;
        background: lighten(@color, 30%) !important;
        color: contrast(lighten(@color, 30%), @color-white, @color-black) !important;
      }
      &.animBtn {
        color: contrast(@color, @color-black, @color-white) !important;
        &:after {
          background: none repeat scroll 0 0 lighten(@color, 30%);
        }
      }
    }
  }
}
.ccolor(color-primary, @color-primary);
.ccolor(color-secondary, @color-secondary);
.ccolor(color-tertiary, @color-tertiary);
.ccolor(color-accenta, @color-accenta);
.ccolor(color-accentb, @color-accentb);

.animBtn, #footer-widgets .footer-widget .animBtn {
  font-size: 16px;
  padding: 8px 20px;
  &.btn-0x {
    font-size: 14px;
    padding: 8px 10px;
  }
  &.btn-1x {
    font-size: 16px;
    padding: 8px 20px;
  }
  &.btn-2x {
    font-size: 18px;
    padding: 10px 30px;
  }
  &.btn-3x {
    font-size: @body-font-size+4px;
    padding: 10px 40px;
  }
  &.btn-4x {
    font-size: @body-font-size+8px;
    padding: 6px 40px;
  }
}
.animBtn,
.animBtn:visited {
  position: relative;
  display: inline-block;
  margin: 0px auto 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.animBtn span,
.animBtn:visited span {
  position: relative;
  z-index: 1;
}
.animBtn:after,
.animBtn:visited:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.animBtn:hover,
.animBtn:visited:hover {
  color: #333;
  text-shadow: none;
}
.animBtn:hover:after,
.animBtn:visited:hover:after {
  height: 700%;
}
.animBtn.themeA:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.animBtn.themeB:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.animBtn.themeC:after {
  opacity: .5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.animBtn.themeC:hover:after {
  height: 140%;
  opacity: 1;
}
.animBtn.themeD:after {
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.animBtn.themeD:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}

//Basic Slick Settings
.slick-slider {
  height: inherit !important;
  .slick-slide {
    height: inherit !important;
    img {
      display: block;
      margin: auto;
    }
  }
  .slick-prev {
    left: 20px;
    z-index: 1;
    &:before {
      content: '\f053';
      font-family: "Font Awesome 5 Pro";
    }
  }
  .slick-next {
    right: 20px;
    z-index: 1;
    &:before {
      content: '\f054';
      font-family: "Font Awesome 5 Pro";
    }
  }
}
//Video Popup
@indicator-color: @color-primary;
@button-background-color: @color-primary;
@button-background-hover-color: lighten(@color-primary, 10%);
@button-text-color: #fff;
.video-image-preview-wrap {
  text-align: center;
  &.et_pb_text_align_left {
    text-align: left;
  }
  .vp-trouble-link {
  	font-size: 14px;
  	display: block;
  	padding: 20px 5px;
  }
}
.video-image-preview {
  padding: 0;
  display: block;
  position: relative;
  text-align: center;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 100%;
  max-width: 480px;
  margin: auto;
}
.ie {
    .video-image-preview img {
      width: 100%;
    }
}
.video-image-preview img {
  padding: none;
  display: block;
  max-width: 480px !important;
  margin: auto;
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.video-image-preview .video-overlay-indicator {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-image-preview .fa-stack {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: rgba(0,0,0,0.8);
    line-height: 80px;
    font-size: 32px;
    height: 80px;
    border-radius: 50%;
    opacity: 1;
    width: 80px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.video-image-preview .fa-play {
  color: #fff;
  margin-left: 3px;
  z-index: 2;
}
.video-image-preview:hover {
  opacity: 1 !important;
}
.video-image-preview:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.video-image-preview:hover .fa-stack {
  opacity: .75;
}
.video-image-preview {
	&.vid-pop-style-2 {
		.fa-stack {
		    top: initial;
		    left: 0;
		    bottom: 0;
		    border-radius: 0;
		    width: 100%;
		    margin-left: 0;
		    line-height: 50px;
		    height: 50px;
		    font-size: 16px;
		    color: #fff;
		    i {
			    position: relative;
			    display: inline-block;
			    width: auto;
			    font-size: 80%;
			    margin-right: 10px;
			}
		}
	}
	&.vid-pop-style-3 {
	    width: 250px;
	    height: 250px;
	    border-radius: 50%;
	    overflow: hidden;
	    img {
		    position: absolute;
		    height: 100% !important;
		    width: auto !important;
		    left: 50%;
		    transform: translateX(-50%);
		}
	}
}
/*====== Zoom effect ======*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

// Call Overlay Widget LESS
.calloverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.9);
  top: 0;
  left: 0;
  z-index: 120000;
  .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    &:hover {
      cursor: pointer;  
    }
    i {
      color: #16bdcd;
      font-size: 30px;
      z-index: 1102;
      line-height: 50px;
    }
  }
  &.cohidden {
    display: none !important;
  }
  &.covisible {
    display: block !important;;
  }
  .calloverlaytxt {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3B5062;
    font-size: 40px;
    .l_hldr:nth-child(2) {
      margin-top: 30px;
    }
    .overlay-title {
      font-weight: 400;
      text-align: center;
      color: #3b5062;
      font-size: 40px;
      margin: 0;
      line-height: 1.2;
      margin-bottom: 15px;
    }
  }
}
.masonryholder .grid li.shown,
.no-js .masonryholder .grid li,
.no-cssanimations .masonryholder .grid li {
	opacity: 1;
  background:#ccc;
}
.masonryholder {
	.grid {
		max-width: 100%;
		list-style: none;
		margin: 30px auto;
		padding: 0;
		li {
			display: block;
			float: left;
			margin: .5%;
			padding: 0;
			width: 24%;
			opacity: 0;
			background: #ccc;
			a, img {
				outline: none;
				border: none;
				display: block;
				max-width: 100%;
			}
			img {
  			width:100%;
			}
		}
	}
}
/* Effect 1: opacity */
.masonryholder .grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.masonryholder .grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.masonryholder .grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.masonryholder .grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.masonryholder .grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.masonryholder .grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.masonryholder .grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.masonryholder .grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.masonryholder .grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.masonryholder .grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.masonryholder .grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.masonryholder .grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.masonryholder .grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 768px) {
	.masonryholder .grid li {
		width: 32%;
    margin:.5%;
	}
}

@media screen and (max-width: 480px) {
	.masonryholder .grid li {
		width: 98%;
	}
}
.masonryholder .grid p {
    color: inherit !important;
    padding: 20px;
    margin: 0;
}