/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
	-webkit-backface-visibility: hidden;
	outline: none;
  }
  
  .pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .pswp img {
	max-width: none;
  }
  
  /* style is added when JS option showHideOpacity is set to true */
  .pswp--animate_opacity {
	/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
	opacity: 0.001;
	will-change: opacity;
	/* for open/close transition */
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  }
  
  .pswp--open {
	display: block;
  }
  
  .pswp--zoom-allowed .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
  }
  
  .pswp--zoomed-in .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
  }
  
  .pswp--dragging .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
  }
  
  /*
	  Background is added as a separate element.
	  As animating opacity is much faster than animating rgba() background-color.
  */
  .pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1);
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity;
  }
  
  .pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  
  .pswp__container,
  .pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
  }
  
  /* Prevent selection and tap highlights */
  .pswp__container,
  .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
  }
  
  .pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	/* for open/close transition */
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  }
  
  .pswp__bg {
	will-change: opacity;
	/* for open/close transition */
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  }
  
  .pswp--animated-in .pswp__bg,
  .pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none;
  }
  
  .pswp__container,
  .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden;
  }
  
  .pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
  }
  
  .pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
  }
  
  /*
	  stretched thumbnail or div placeholder element (see below)
	  style is added to avoid flickering in webkit/blink when layers overlap
  */
  .pswp__img--placeholder {
	-webkit-backface-visibility: hidden;
  }
  
  /*
	  div element that matches size of large image
	  large image loads on top of it
  */
  .pswp__img--placeholder--blank {
	background: #222;
  }
  
  .pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0;
  }
  
  /*
	  Error message appears when image is not loaded
	  (JS option errorMsg controls markup)
  */
  .pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC;
  }
  
  .pswp__error-msg a {
	color: #CCC;
	text-decoration: underline;
  }
  
  /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
  /*
  
	  Contents:
  
	  1. Buttons
	  2. Share modal and links
	  3. Index indicator ("1 of X" counter)
	  4. Caption
	  5. Loading indicator
	  6. Additional styles (root element, top bar, idle state, hidden state, etc.)
  
  */
  /*
	  
	  1. Buttons
  
   */
  /* <button> css reset */
  .pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  
  .pswp__button:focus,
  .pswp__button:hover {
	opacity: 1;
  }
  
  .pswp__button:active {
	outline: none;
	opacity: 0.9;
  }
  
  .pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0;
  }
  
  /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
  .pswp__ui--over-close .pswp__button--close {
	opacity: 1;
  }
  
  .pswp__button,
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
	background: url(default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px;
  }
  
  @media (-webkit-min-device-pixel-ratio: 1.1),
  (-webkit-min-device-pixel-ratio: 1.09375),
  (min-resolution: 105dpi),
  (min-resolution: 1.1dppx) {
  
	/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
	  background-image: url(default-skin.svg);
	}
  
	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
	  background: none;
	}
  }
  
  .pswp__button--close {
	background-position: 0 -44px;
  }
  
  .pswp__button--share {
	background-position: -44px -44px;
  }
  
  .pswp__button--fs {
	display: none;
  }
  
  .pswp--supports-fs .pswp__button--fs {
	display: block;
  }
  
  .pswp--fs .pswp__button--fs {
	background-position: -44px 0;
  }
  
  .pswp__button--zoom {
	display: none;
	background-position: -88px 0;
  }
  
  .pswp--zoom-allowed .pswp__button--zoom {
	display: block;
  }
  
  .pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
  }
  
  /* no arrows on touch screens */
  .pswp--touch .pswp__button--arrow--left,
  .pswp--touch .pswp__button--arrow--right {
	visibility: hidden;
  }
  
  /*
		Arrow buttons hit area
		(icon is added to :before pseudo-element)
	*/
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute;
  }
  
  .pswp__button--arrow--left {
	left: 0;
  }
  
  .pswp__button--arrow--right {
	right: 0;
  }
  
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute;
  }
  
  .pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px;
  }
  
  .pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px;
  }
  
  /*
	
		2. Share modal/popup and links
	
	 */
  .pswp__counter,
  .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
  }
  
  .pswp__share-modal--hidden {
	display: none;
  }
  
  .pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	will-change: transform;
  }
  
  .pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
  }
  
  .pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000;
  }
  
  .pswp__share-tooltip a:first-child {
	/* round corners on the first/last list item */
	border-radius: 2px 2px 0 0;
  }
  
  .pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px;
  }
  
  .pswp__share-modal--fade-in {
	opacity: 1;
  }
  
  .pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
  
  /* increase size of share links on touch devices */
  .pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px;
  }
  
  a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
  }
  
  a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF;
  }
  
  a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A;
  }
  
  a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF;
  }
  
  a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D;
  }
  
  a.pswp__share--download:hover {
	background: #DDD;
  }
  
  /*
	
		3. Index indicator ("1 of X" counter)
	
	 */
  .pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: 0.75;
	padding: 0 10px;
  }
  
  /*
		
		4. Caption
	
	 */
  .pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px;
  }
  
  .pswp__caption small {
	font-size: 11px;
	color: #BBB;
  }
  
  .pswp__caption__center {
	text-align: center;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC;
  }
  
  .pswp__caption--empty {
	display: none;
  }
  
  /* Fake caption element, used to calculate height of next/prev image */
  .pswp__caption--fake {
	visibility: hidden;
  }
  
  /*
	
		5. Loading indicator (preloader)
	
		You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
	
	 */
  .pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	will-change: opacity;
	direction: ltr;
  }
  
  .pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px;
  }
  
  .pswp__preloader--active {
	opacity: 1;
  }
  
  .pswp__preloader--active .pswp__preloader__icn {
	/* We use .gif in browsers that don't support CSS animation */
	background: url(preloader.gif) 0 0 no-repeat;
  }
  
  .pswp--css_animation .pswp__preloader--active {
	opacity: 1;
  }
  
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
  }
  
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  }
  
  .pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0;
  }
  
  .pswp--css_animation .pswp__preloader__cut {
	/* 
				The idea of animating inner circle is based on Polymer ("material") loading indicator 
				 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
			*/
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden;
  }
  
  .pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0;
  }
  
  @media screen and (max-width: 1024px) {
	.pswp__preloader {
	  position: relative;
	  left: auto;
	  top: auto;
	  margin: 0;
	  float: right;
	}
  }
  
  @-webkit-keyframes clockwise {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @keyframes clockwise {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @-webkit-keyframes donut-rotate {
	0% {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
  
	50% {
	  -webkit-transform: rotate(-140deg);
	  transform: rotate(-140deg);
	}
  
	100% {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
  }
  
  @keyframes donut-rotate {
	0% {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
  
	50% {
	  -webkit-transform: rotate(-140deg);
	  transform: rotate(-140deg);
	}
  
	100% {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
  }
  
  /*
		
		6. Additional styles
	
	 */
  /* root element of UI */
  .pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550;
  }
  
  /* top black bar with buttons and "1 of X" indicator */
  .pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%;
  }
  
  .pswp__caption,
  .pswp__top-bar,
  .pswp--has_mouse .pswp__button--arrow--left,
  .pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  }
  
  /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
  .pswp--has_mouse .pswp__button--arrow--left,
  .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible;
  }
  
  .pswp__top-bar,
  .pswp__caption {
	background-color: rgba(0, 0, 0, 0.5);
  }
  
  /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
  .pswp__ui--fit .pswp__top-bar,
  .pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3);
  }
  
  /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
  .pswp__ui--idle .pswp__top-bar {
	opacity: 0;
  }
  
  .pswp__ui--idle .pswp__button--arrow--left,
  .pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0;
  }
  
  /*
		pswp__ui--hidden class is added when controls are hidden
		e.g. when user taps to toggle visibility of controls
	*/
  .pswp__ui--hidden .pswp__top-bar,
  .pswp__ui--hidden .pswp__caption,
  .pswp__ui--hidden .pswp__button--arrow--left,
  .pswp__ui--hidden .pswp__button--arrow--right {
	/* Force paint & create composition layer for controls. */
	opacity: 0.001;
  }
  
  /* pswp__ui--one-slide class is added when there is just one item in gallery */
  .pswp__ui--one-slide .pswp__button--arrow--left,
  .pswp__ui--one-slide .pswp__button--arrow--right,
  .pswp__ui--one-slide .pswp__counter {
	display: none;
  }
  
  .pswp__element--disabled {
	display: none !important;
  }
  
  .pswp--minimal--dark .pswp__top-bar {
	background: none;
  }
/*
  .main-container #main .container{
	max-width:991px;
	padding:0px 30px;
  }
	*/

	body{
		background-color:#f4f4f4;
	}

  .main-container .page-header{
	max-width:1420px;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  .page-header h1{
    font-family: 'Outfit-SemiBold';
    font-weight: 600;
    font-size: 40px;
    color: #252525;
    margin: 0px 0px 20px 0px;
    line-height: 50px;
  }
  .cms-content-wrapper{
    background-color:#fff;
	border-radius:6px;
	border:1px solid #ebebeb;
	padding:60px 60px 30px 60px;
	margin-bottom: 100px;
	

  }

  .atplast-img-text + .atplast-img-text{
	margin-top:60px;
  }

  .atplast-cms-left-img-wrapper{
	min-width:340px;
	width:340px;
	margin:0px 40px 0px 0px;
  }

  .atplast-cms-right-img-wrapper{
	min-width:340px;
	width:340px;
	margin:0px 0px 0px 40px;
	order:2;
  }

  .atplast-img-text p{
	text-align: justify;
	margin: 30px 0px 0px 0px;
  }

  .atplast-img-text p:first-child{
	margin-top:0px;
  }

  p{
	font-size: 17px;
    line-height: 24px;
    color: #7d7d7d;
    margin: 0px 0px 30px 0px;
	
  }

  #cms .page-cms img{
	position:relative;
	top:5px;
	max-width:100%;
	border-radius:6px;
  }



  .atplast-our-mission-location {
	position:relative;
    background-color: #e8f3fc;
    border-radius: 6px;
    padding: 30px 25px 50px 25px;
	margin:60px 0px;
}

.atplast-our-mission-location:before{
	content:'';
	position:absolute;
	width:1px;
	height:calc(100% - 60px);
	background-color:rgba(0, 0, 0, 0.1);
	border-radius:6px;
	left:50%;
	top:30px;
}

.atplast-our-mission-location .box{
	padding:0px 25px;
	width:50%;
}

.atplast-our-mission-location p{
	font-size: 18px;
    line-height: 28px;
    color: #7d7d7d;
	margin:0px;
	text-align: center;
}

.atplast-our-mission-location img{
	width:120px;
	display:inline-block;
	margin-bottom:30px;
	top: auto !important;
  }

  table{
	margin-bottom:50px;
  }

  .table-bordered{
	border:none;
  }

  .table-bordered td:first-child{
	width:25%;
  }

  .table-bordered:not(.table-striped) td:first-child{
	background-color: #f4f4f4;
  }

  table.table-bordered table{
	width:100%;
  }

  table.table-bordered table td:first-child{
    width:50%;
	background-color: #fff !important;
  }

  table.table-bordered table{
	margin:-15px 0px;
  }

  table.table-bordered table td{
	border-top:0px;
	border-bottom:0px;
	padding:15px;
  }
  table.table-bordered table td:first-child{
	border-left:0px;
	padding-left:0px;
  }
  table.table-bordered table td:last-child{
	border-right:0px;
	padding-right:0px;
  }

  table b, table strong{
	font-family: 'Outfit-SemiBold';
	font-weight: 600;
  }

  table td{
	vertical-align: top;
    padding: 15px;
	font-size:17px;
    line-height: 22px;
  }

  table td img{
	top:auto !important;
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f4f4f4;
}

table td p{
	margin:0px;
	font-size: 17px;
    line-height: 24px;
}

table td p + p{
	margin-top:15px;
}

table td p b{
	color:#252525;
}

table th{
	padding:15px;
}

table td ul{
	padding:0px;
	margin:0px;
}
h3 + ul:not(.row){
	padding:0px;
	margin:0px 0px 50px 0px;
}

table td p + ul{
	margin-top:15px;
}

table td ul li, h3 + ul:not(.row) li{
	position:relative;
	list-style-type: none;
	padding-left:15px;
	font-size: 17px;
    line-height: 24px;
    color: #252525;
}
h3 + ul:not(.row) li{
	color:#7d7d7d;
}
table td ul li:not(:first-child), h3 + ul:not(.row) li:not(:first-child){
	margin-top:5px;
}

table td ul li:before, h3 + ul:not(.row) li:before{
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	background-color: #83a7d4;
	border-radius:50%;
	left:0px;
	top:10px;
}

table td ul + p{
	margin-top:15px;
	padding-left:15px;
}

h2,h3,h4,h5,h6{
	margin:0px 0px 20px 0px;
}

h3{
	font-size:36px;
}

ul.row{
	padding:0px;
	margin-bottom:0px;
}

ul.row li{
	list-style-type: none;
	margin:0px 0px 30px 0px;
}

ul.row li .img-container{
	position:relative;
	width:100%;
	height:0px;
	padding-bottom:75%;
	border-radius:6px;
	overflow:hidden;
	cursor:pointer;
}
ul.row.row2 li .img-container {
    border: 1px solid #e1e1e1;
}
ul.row li .zoom-icon{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: #83a7d4;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    z-index: 5;
    opacity: 0;
}

#cms .page-cms ul.row li img{
	width:100%;
	height:100%;
	object-fit: cover;
	position:absolute;
	left:0px;
	top:0px;
	scale:1;
	transition:scale 0.3s ease-in-out;
}

#cms .page-cms ul.row li .img-container:hover img{
	scale:1.05;
}
#cms .page-cms ul.row li .img-container:hover .zoom-icon{
	transition:opacity 0.3s ease-in-out;
	opacity: 1;
}



.site-benefits-section {
	padding-top: 30px;
	
}

.site-benefits-wrapper {
	background-color: #e8f3fc;
	border-radius: 6px;
	padding: 50px;
}

.site-benefits-section .col-sm-4:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.site-benefit-box {
	gap: 20px;
}

.site-benefit-box-icon {
	width: 100%;
	height: 80px;
	font-size: 80px;
	color: #83a7d4;
}

.site-benefit-box-icon i.icon-handshake {
	position: relative;
	top: 5px;
	font-size: 100px;
}

.site-benefit-box-content {
	gap: 20px;
}

.site-benefit-box-content h4 {
	font-family: 'Outfit-SemiBold';
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #252525;
	margin: 0px;
}

.site-benefit-box-content p {
	font-size: 16px;
	line-height: 26px;
	color: #7d7d7d;
	max-width: calc(100% - 30px);
	margin: auto;
}


.site-individual-orders-section {
	padding: 60px 0px 30px 0px;
}

.site-individual-orders-wrapper {
	padding-right: 70px;
}

.site-individual-orders-item-image {
	width: 600px;
	min-width: 600px;
	margin-right: 100px;
}

.site-individual-orders-item-image img {
	width: 100%;
}

.site-individual-orders-item-content {
	width: calc(100% - 600px);
	gap: 30px;
}

.site-individual-orders-item-content h3 {
	font-family: 'Outfit-SemiBold';
	font-weight: 600;
	font-size: 50px;
	color: #252525;
	margin: 10px 0px 0px 0px;
	line-height: 60px;
}

.site-individual-orders-item-content h3 span {
	color: #83a7d4;
	display: block;
}

.site-individual-orders-item-content p {
	font-size: 18px;
	line-height: 28px;
	color: #7d7d7d;
	margin: 0px 0px 12px 0px;
}

.site-individual-orders-item-content .site-btn {
	width: fit-content;
	min-width: 220px;
	font-size: 16px;
	padding: 11px 5px;
}

@media (max-width: 1600px) {
	.site-individual-orders-item-image {
		margin-right: 8.5vw;
	}
}



@media (max-width: 1350px) {
	.cms-content-wrapper {
		padding: 60px 30px 30px 30px;
		margin-bottom:80px;
		
		
	}
	.atplast-cms-left-img-wrapper{
		margin-right:30px;
	}
	.atplast-cms-right-img-wrapper{
		margin-left:30px;
	}
}

@media (max-width: 1175px) {
	.page-header h1{
		font-size:32px;
		line-height:42px;
	}
	.cms-content-wrapper {
		padding: 40px 30px 10px 30px;
		margin-bottom: 60px;
		
		
	}
	.atplast-img-text p{
		font-size:16px;
		line-height:22px;
	}

	.atplast-our-mission-location{
		margin-top:40px;
	}

	h3{
		font-size:30px;
		line-height:38px;
	}
	table {
		margin-bottom: 40px;
	}

	.site-benefits-section {
		padding-top: 10px;
	}

	.site-benefits-wrapper {
		padding: 40px 20px;
	}

	.site-benefit-box-content p {
		max-width: calc(100% - 10px);
	}

	.site-individual-orders-section {
		padding: 40px 0px 30px 0px;
	}

	.site-individual-orders-item-image {
		width: 50%;
		min-width: 50%;
		margin-right: 3.947vw;
	}

	.site-individual-orders-item-content {
		width: 50%;
		gap: 30px;
	}

	.site-individual-orders-item-content h3 {
		margin: 0px;
	}
	
}


@media (max-width: 975px) {
	.atplast-cms-left-img-wrapper, .atplast-cms-right-img-wrapper{
		min-width: 34.872vw;
        width: 34.872vw;
	}
	
	
}

@media (max-width: 767px) {
	table td ul li, h3 + ul:not(.row) li{
		font-size:15px;
		line-height:20px;
	}
	table td ul li:before, h3 + ul:not(.row) li:before{
		top:7px;
	}
	h3 + ul:not(.row) {
		padding: 0px;
		margin: 0px 0px 30px 0px;
	}
	ul.row li .zoom-icon{
		width:50px;
		height:50px;
		font-size:20px;
	}
	ul.row{
		margin:0px -10px;
	}
	ul.row li{
		padding:0px 10px;
		margin-bottom:20px;
	}
	table {
		margin-bottom: 30px;
	}
	.table-bordered td{
		min-width:250px;
	}
	table td{
		font-size:15px;
		line-height:20px;
	}
	table td ul li{
		font-size:14px;
		line-height:20px;
	}
	table td p{
		font-size:14px;
		line-height:20px;
	}
	h3{
		font-size:22px;
		line-height:28px;
	}
	.atplast-our-mission-location {
		padding: 30px 0px 40px 0px;
	}
	.atplast-our-mission-location img {
        width: 80px;
        margin-bottom: 10px;
    }
	.atplast-our-mission-location p{
		font-size:15px;
		line-height:22px;
	}
	.main-container .page-header{
		padding:0px 15px;
	}
	.page-header h1{
		font-size: 24px;
        line-height: 30px;
        margin: -5px 0px 15px 0px;
	}
	.cms-content-wrapper {
		padding: 20px 20px 0px 20px;
		margin-bottom: 40px;
		
		
	}

	.atplast-img-text{
		flex-direction: column;
	}
	.atplast-cms-left-img-wrapper, .atplast-cms-right-img-wrapper {
        min-width: 100%;
        width: 100%;
		margin:0px 0px 30px 0px;
    }
	.atplast-img-text + .atplast-img-text {
		margin-top: 30px;
	}
	.atplast-cms-right-img-wrapper{
		order:1;
	}
	.atplast-cms-right-text-wrapper{
		order:2;
	}
	.atplast-img-text p {
        font-size: 14px;
        line-height: 20px;
    }

	.site-benefits-section .col-sm-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.site-benefits-section .col-sm-4:not(:last-child) {
		border-right: none;
	}

	.site-benefits-section .col-sm-4:not(:first-child) {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		padding-top: 30px;
		margin-top: 30px;
	}

	.site-benefit-box-content p {
		max-width: 100%;
		font-size: 15px;
		line-height: 24px;
	}

	.site-benefits-wrapper .row {
		margin: 0px;
	}

	.site-benefit-box-content {
		gap: 15px;
	}

	.site-benefit-box {
		gap: 15px;
	}

	.site-benefits-wrapper {
		padding: 30px 20px;
	}

	.site-individual-orders-section {
		padding: 30px 0px;
	}

	.site-individual-orders-item {
		flex-direction: column;
	}

	.site-individual-orders-item-image {
		width: 100%;
		min-width: initial;
		margin-right: 0px;
		margin-bottom: 25px;
	}

	.site-individual-orders-item-content {
		width: 100%;
		gap: 15px;
	}

	.site-individual-orders-item-content h3 {
		font-size: 26px;
		line-height: 32px;
	}

	.site-individual-orders-item-content p {
		font-size: 15px;
		line-height: 24px;
	}

	.site-individual-orders-item-content h3 span {
		display: inline-block;
	}

	.site-individual-orders-item-content .site-btn {
		margin-top: -5px;
	}
}


@media (max-width: 550px) {
	.atplast-our-mission-location{
		flex-direction: column;
		margin:30px 0px;
	}
	.atplast-our-mission-location .box {
		padding: 0px 20px;
		width: 100%;
	}
	.atplast-our-mission-location .box + .box{
		margin-top:30px;
		padding-top:20px;
		border-top:1px solid rgba(0, 0, 0, 0.1);
	}
	.atplast-our-mission-location:before{
		display:none;
	}

	ul.row{
		margin:0px -10px;
	}
	ul.row li{
		padding:0px 10px;
		margin-bottom:20px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
}

@media (min-width: 768px) {
	.table-responsive.table-responsive2{
		display:table;
	}
	.table-responsive.table-responsive2.table-bordered td:first-child{
		width:initial;
	}
}


html,body,body>main{
    height:100%;
}

body>main{
    display:flex;
    flex-direction:column;
}
footer#footer{
    margin-top:auto;
}

.site-individual-orders-section .container, .site-benefits-section .container{
	max-width:100%;
	padding:0px;
}

.atplast-img-text-3 {
    margin-bottom: 60px;
}

.svg-animate-logo {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 50px;
    background-color: #f4f4f4;
}

ul.atplast-certificate-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
ul.atplast-certificate-list li {
	-ms-flex: 0 0 33.333333333%;
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
    margin-top: 20px !important;
    font-size: 17px !important;
    line-height: 20px !important;
	padding:0px 15px !important;
}

ul.atplast-certificate-list li:before {
    display:none !important;
}

ul.atplast-certificate-list li svg {
    width: 50px;
    min-width: 50px;
    margin-right: 10px;
}
.atplast-img-text-3{
	margin-bottom:60px;
}

@media (max-width: 1175px) {
	.atplast-img-text-3{
		margin-bottom:40px;
	}

	ul.atplast-certificate-list li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 767px) {
	.atplast-img-text-3{
		margin-bottom:30px;
	}
	ul.atplast-certificate-list li{
		font-size: 15px !important;
		line-height: 18px !important;
	}
	ul.atplast-certificate-list li:first-child, ul.atplast-certificate-list li:nth-child(2){
		margin-top:0px !important;
	}
}

@media (max-width: 550px) {
	ul.atplast-certificate-list li {
		font-size: 15px !important;
		line-height: 18px !important;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	ul.atplast-certificate-list li:nth-child(2){
		margin-top:20px !important;
	}
}