/* Common Style */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	font-family: 'Stolzl';
}
header .container {
	max-width:100% !important;
}
.container {
	max-width: 1510px;
	width: 100%;
	padding: 0 20px;
}
.ctacontainer {
	display: flex;
}
@media only screen and (min-width:200px) and (max-width: 795px) {
	.ctacontainer {
		display: block;
	}
}
.ctacontainer p.small {
    text-align: left !important;
    margin-bottom: 0px !important;
    color: #222 !important;
}
.ctacontainer h2 {
	margin-bottom: 5px !important;
}
.ctacontainer p {
	margin-bottom: 10px;
}
.mediacta {
	margin-right: 80px !important;
}
.row {
	margin: 0 -20px;
}
.col-padding {
	padding: 0 20px;
}
.module {
	padding: 50px 0px;
}

.media-container {
	position: relative;
	height: 0;
	padding-top: 100%;
}
.media {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	top: 0;
}

.hidden-desktop {
	display: none !important;
}

span.specials {
    /*border-bottom: 3px solid #4dc4cf;
	border-top: 3px solid #4dc4cf;*/
    padding-bottom: 0px;
    text-transform: uppercase;
}
span.specials a {
	color: #4dc4cf !important;
	border-bottom:0px !important;
}
p.terms a {
	color: #4dc4cf !important;
	border-bottom: 1px solid #4dc4cf !important;
	font-weight: bold;
}
a.headerspecial {
	color: #4dc4cf !important;
	border-top: 3px solid #4dc4cf !important;
	border-bottom: 3px solid #4dc4cf !important;
	border-left: 3px solid #4dc4cf !important;
	border-right: navajowhite;
	margin-right: -5px;
	font-weight: bold;
}
a.headerspecial:hover {
	background: transparent !important;
	border-right: none !important;
}
.homespecial a {
	letter-spacing: 0px !important;
}
.banner-home {
	padding: 70px 190px 0;
}
header+section.banner-home {
    
    background-image: url(/uploads/cctv.jpg) !important;
    height: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 200px) and (max-width: 518px) {
	.homespecial a {
		letter-spacing: 0px !important;
		padding: 0 10px !important;
		font-size: 12px !important
	}
	.emergencybutt {
		display: block !important;
	}
}
/** TABLE **/
th {
	width: 20% !important;
  }
  table {
	text-align: center;
	width: 100%
  }
  table td, table th {
	border: 1px solid #ddd;
	padding: 28px;
  }
  
  table tr:nth-child(even){background-color: #f2f2f2;}
  
  table tr:hover {background-color: #eee;}
  
  table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #222;
	color: white;
	text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1px;
  }
  @media only screen and (min-width: 200px) and (max-width: 600px) {
	table {
	  overflow-x: auto;
	  white-space: nowrap;
	  display: block;
	}
  }
/** END TABLE **/
a.ctabut,
a.ctabut:hover {
    background: #4dc4cf;
    border-color: #4dc4cf !important;
	color: #fff;
	border: 3px solid;
}
a.ctabut:hover {
	background: transparent !important;
	border: 3px solid;
}
ul ul {
    list-style-type: disc;
}
ul li {
    font-family: 'Degular';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
}
/*Header Style */
header {
	position: fixed;
	height: 120px;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
}
header+section.module {
	margin-top: 120px;
	background: #eaeaea;
}
.box-social ul {
    list-style: none;
    display: inherit;
    margin-left: -35px;
    margin-top: 8px;
}
.box-social ul li {
    margin: 0 12px 0 0;
}
.box-social ul li span {
    width: 45px;
    height: 45px;
    border: 2px solid #222;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    border-radius: 100%;
}
/*Module Styling*/
.module__banner h1 {
	max-width: 100%;
	margin-bottom: 23px;
	text-transform: uppercase;
    font-size: 34px;
    line-height: 1.3;
}
.modeule-homepage h1 {
	text-transform: inherit !important;
}
.module__three-col--wrapper {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

.module__three-col--wrapper .column {
	flex: 0 0 25%;
	max-width: 25%;
}

.module__three-col--wrapper .column .col--wrapper {
	display: block;
}

.module__three-col--wrapper .column .col--wrapper .media-container {
	padding-top: 87.5%;
}

.module__three-col--wrapper .column .col--wrapper .media-container .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	text-align: center;
	transition: 0.2s;
	display: flex;
    align-items: center;
    justify-content: center;
}

.module__three-col--wrapper .column .col--wrapper .media-container .overlay:hover {
	background: rgba(0, 0, 0, 0.1);
	transition: 0.2s;
}

.module__three-col--wrapper .column .col--wrapper .media-container .overlay h3 {
	text-transform: uppercase;
}

.module__copy-image .module__copy-image--wrapper__image {
	padding-right: 15px;
}

.module__copy-image .module__copy-image--wrapper__image .media-container {
	padding-top: 69.44%;
}

.module__copy-image .module__copy-image--wrapper__copy {
	/*padding-left: 125px;*/
	margin: auto;
	width: 100%;
	padding: 0 45px !important;
}

.module__copy-image .module__copy-image--wrapper__copy h2 {
	margin-bottom: 30px;
}

.module__copy-image .module__copy-image--wrapper__copy p {
	margin-bottom: 30px;
}

.module__copy-image .module__copy-image--wrapper {
	align-items: center;
}

.module__link-tiles {
	background: rgba(21, 44, 85, 0.05);
	padding: 100px 0px;
}

.module__link-tiles h2 {
	margin-bottom: 40px;
}

.module__link-tiles .media-container {
	padding-top: 63.84%;
}

.module__link-tiles .row {
	margin: 0 -15px;
}
.module__link-tiles .col-md-4 {
	padding: 0 15px;
}

.module__link-tiles h4 {
	margin-top: 20px;
	margin-bottom: 16px;
}

.module__link-tiles p {
	margin-bottom: 20px;
}

.module__copy-image.bg-light-grey {
	background: #E7E9ED;
	padding: 100px 0px 50px;
}
.module__sales-banner {
	background: #E7E9ED;
	padding: 50px 0px;
}
.module__sales-banner--wrapper {
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 30px 0px;
	margin: 0 0px;
	display: flex;
	flex-flow: row wrap;
}

.module__sales-banner--wrapper .sales-box {
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.module__sales-banner--wrapper .sales-box h2 {
	margin-bottom: 4px;
}

/* MODULE TWO IMAGE */

.module__two-image {
	background: #E7E9ED;
	padding: 50px 0px 100px;
	display: none;
}
.module__two-image--wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}

.module__two-image__left {
	padding: 0 15px;
	flex: 0 0 50%;
	max-width: 50%;
}

.module__two-image__right {
	padding: 0 15px;
	flex: 0 0 50%;
	max-width: 50%;
}

.module__two-image .media-container {
	padding-top: 65.27%;
}

.module__project-listing-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.module__project-listing__wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}

/*.module__project-listing__wrapper .Project-list {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0 15px;
}*/
.module__project-listing__wrapper .Service-list {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0 15px;
}
.module__project-listing__wrapper .Project-list {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
}

.module__project-listing__wrapper .Project-list .media-container,
.module__project-listing__wrapper .Service-list .media-container {
	padding-top: 100%;
}

.module__project-listing__wrapper .Project-list .bottom-content,
.module__project-listing__wrapper .Service-list .bottom-content {
	position: absolute;
	padding:14px 18px;
	bottom: 0px;
	width: 100%;
}

.module__project-listing__wrapper .Project-list .bottom-content p,
.module__project-listing__wrapper .Service-list .bottom-content p {
	font-size: 14px;
	line-height: 17px;
	font-family: 'Stolzl';
	font-weight: 400;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
}
.module__project-listing__wrapper .Project-list .bottom-content p {
	font-size: 18px !important;
}
.module__nav-links {
	background: #F3F4F6;
	padding: 100px 0px;
}

.module__nav-links--wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}

.module__nav-links--box {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0 15px;
}

.module__nav-links--box .media-container {
	padding-top: 76.59%;
}

.module__clients--box__wrapper img {
	width: 100%;
	min-height: 108px;
	    object-fit: contain;
}

.module__nav-links--box .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
}

.module__clients {
	padding: 100px 0px;
}

.module__clients h2 { 
	margin-bottom: 40px;
}

.module__clients--wrapper {
	display: flex;
	margin: 0 -15px;
	flex-flow: row wrap;
}

.module__clients--box {
    flex: 0 0 20%;
    padding: 20px 15px;
}

.module__clients--box__wrapper {
	border: 1px solid #E7E7E7;
	padding: 38px 30px;
}

.module__cta {
	background:rgba(77,196,1207,0.2);
	padding: 100px 0px;
}

.module__cta--wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.module__cta p.small {
	text-align: center;
	font-family: 'Stolzl';
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #222 !important;
}

.module__cta h2 {
	margin-bottom: 20px;
	color: #222;
}
.footer-cta h2 {
	color:#22285a !important;
}

.module__cta p {
	margin-bottom: 20px;
	color: #222 !important;
}
/*FOoter style*/
.footer-cta a.btn {
	border: 1px solid #222;
}
.footer-cta a:hover {
	text-decoration: none;
}
.site__footer {
	padding: 70px 0px 60px;
}
.site__footer--top {
	display: flex;
    flex-flow: row wrap;
}
.site__footer--top--logo {
	display: flex;
    flex-direction: column;
    flex: 0 0 25%;
    max-width: 25%;
}
.site__footer--top--logo img {
	max-width: 310px;
}
.site__footer--top--logo p.medium {
    font-family: 'Stolzl';
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 5px;
	width: 90%;
}
.site__footer--top--logo p {
	font-family: 'Stolzl';
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1.08px;
	margin-top: 40px;
 }
.site__footer--top--links {
	display: flex;
    flex-flow: row wrap;
    flex: 0 0 75%;
    max-width: 75%;
    justify-content: space-between;
    margin: 0 -15px;
}
.site__footer--top--links ul.iframez {
	
	flex: 0 0 30% !important;
	
}
.site__footer--top--links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 0 15px;
}
.site__footer--top--links .contact-links li {
	padding-bottom: 0px;
}
.site__footer--top--links .contact-links li.heading {
	
}
.site__footer--top--links ul li.social {
    display: inline-block;
	padding-right: 20px;
}
.site__footer--top--links ul li.social i {
	font-size: 18px;
}
.site__footer--top--links ul li.heading {
	padding-left: 0;
	font-family: 'Stolzl';
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 20px;
	opacity: 0.6;
	text-transform: uppercase;
}
.site__footer--top--links ul li {
	
}
.site__footer--top--links ul li a {
	padding-left: 0;
	font-family: 'Stolzl Book';
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	margin-bottom: 13px;
	opacity: 1;
	text-transform: inherit;
}
.site__footer--bottom {
	border-top: 2px solid rgba(255,255,255,0.5);
	padding: 30px 0px 0px;
	margin-top:100px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.site__footer--bottom p,.site__footer--bottom a {
	font-family: 'Stolzl Book';
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0px;
	opacity: 0.5;
}
.site__footer--bottom a {
	display: inline-block;
	margin-left: 40px;
}
.site__footer--bottom p a {
	opacity: 1;
	text-decoration: none;
	margin-left: 0;
}
.site__footer--bottom__wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.site__footer--bottom--left {
    display: flex;
    flex-flow: row wrap;
}

/*Project Page Styling*/
.module__project-listing.our-projects-lists {
	padding: 100px 0px 60px;
	background: #F3F4F6;
}
.module__project-listing.our-projects-lists .Project-list,
.module__project-listing.our-projects-lists .Service-list {
	padding-bottom: 40px;
}

/*rahul css start*/
/*news page */
.order-cstm
{
	display: flex;
	
}
.news_btn {
	   font-size: 14px;
    font-weight: 400;
    padding-bottom: 1px;
    padding-right: 10px;
    font-weight: 400;
}
.news_btn:hover{
text-decoration: none;
}
.news_section1 p{
	margin-bottom: 20px!important;
}
.news_section1 h2{
	margin-bottom: 20px!important;
}
.news_section1 span {
	font-size: 14px;
    font-weight: 400;
}

.news_section1 h2{
	font-size: 36px;
    line-height: 40px;
}
.news_section
{
    background: #F3F4F6;	
    padding-bottom: 70px;
}
.pd-news
{
	padding: 10px 0px 20px 0px;
}
.grid-news .media-container
{
margin-bottom: 20px;
}
.grid-news span
{
    margin-top: 20px;
    font-size: 14px;
    color: #707070;
    font-weight: 300;
}
.grid-news h4{
	font-weight: 400;
	margin-top: 10px;
}
.grid-news
{
	    margin-bottom: 40px;
}
/*news page */

/*gallery page*/

.project-container .thumbnail {
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-position: center;
	transition: 0.5s;
  }
  .project-container .thumbnail:hover {
	cursor: pointer;
	opacity: 0.8;
	transition: 0.5s;
  }
  @media only screen and (min-width: 768px) {
	.module__link-tiles--tile .btn-primary {
		position: absolute;
		bottom: -40px;
	}
	.project-container {
	  margin-bottom: 30px;
  }
  .project-container {
	  position: relative;
	  display: block;
	  width: 100%;
	  margin-bottom: 20px;
	  overflow: hidden;
  }
  
  }
  .lightbox {
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	padding-right: 17px;
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.7);
  }
  .lightbox .close-form {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	background: rgba(0, 0, 0, 0);
  }
  
  .lightbox-inner {
	max-width: 100%;
	width: 100%;
	min-height: 350px;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 11;
  }
  @media only screen and (min-width: 768px) {
	.lightbox-inner {
	  top: 50%;
	  transform: translateY(-45%);
	}
  }
  .lightbox-inner #tab-wrapper {
	max-width: 991px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	opacity: 1;
	transition: 0.3s ease;
	position: relative;
	padding: 50px 25px;
  }
  @media only screen and (min-width: 1280px) {
	.lightbox-inner #tab-wrapper {
	  max-width: 1150px;
	  padding: 0;
	}
  }
  @media only screen and (min-width: 1520px) {
	.lightbox-inner #tab-wrapper {
	  max-width: 1258px;
	}
  }
  .lightbox-inner #tab-wrapper .close {
	position: absolute;
	right: 25px;
	top: 0;
	font-size: 30px;
	font-family: monospace;
	color: #fff;
	opacity: 1;
	display: block;
  }
  @media only screen and (min-width: 768px) {
	.lightbox-inner #tab-wrapper .close {
	  font-size: 40px;
	}
  }
  @media only screen and (min-width: 1520px) {
	.lightbox-inner #tab-wrapper .close {
	  right: -20px;
	}
  }
  .lightbox-inner #tab-wrapper .close:hover {
	cursor: pointer;
  }
  .lightbox-inner .full-image {
	width: 100%;
	max-width: 900px;
	min-height: 70vh;
	margin: 0 auto;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
  }
  @media only screen and (min-width: 280px) and (max-width: 993px) {
  	.site-header__top-nav .dropdown-arrow {
    	position: relative;
    	left: 10px;
		top: 0px;
		}
	}
  @media only screen and (min-width: 1280px) {
	.lightbox-inner .full-image {
	  margin: 50px auto 0;
	  background-position: center;
	}
  }

/*team page */
.team-description {
	text-align: left !important;
}
.team-grid h2 {
    text-align: left;
    font-weight: 400;
    font-size: 34px;
    margin-bottom: 0px !important;
}
.team-grid span {
	text-align: left;
	margin-bottom: 10px;
}
.team-grid {
	padding: 60px 0px 60px 0px;
}
.team-grid h4 {
	text-align: center;
	font-weight: 400;

}

.team-grid p {
    text-align: left;
    padding-bottom: 20px;
    margin: 0 auto 21px;
}

.team-grid-2 h5
{
	color: #2C58A6;
    padding-top: 22px;
    font-weight: 400;
    font-size: 20px;
}

.team-grid-2 span{
	font-size: 14px;
    color: #EF3639;
}
.team-grid-2
{
	    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
}
.team-grid-2
{
	    transition: all .3s ease-in-out;
}
.team-grid-2:hover{

    transform: scale(1.02);
}
/*team page */

/*careers page */
.careers-grid{
	padding: 40px 0px 60px 0px;
}

	.careers-grid h5
{
    color: #152C55;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 25px;
}
.careers-grid p {
    text-align: center;
    padding-bottom: 20px;
}
.careers-grid h4
{
font-size: 32px;
text-align: center;
}
.careers-uper
{
	display: flex;
    justify-content: space-between;
}
.border-crresr
{
	border-bottom: 2px solid #E7E7E7;
	margin: 5px 0px;
}
.bg-careers h3
{
	    font-size: 14px;
    color: #2C58A6;
    font-weight: normal;
    line-height: 0px;
    padding-top: 20px;
}
.careers-uper h6
{
	color: #EF3639;
    font-size: 20px;
    font-weight: 300;
    margin-top: -12px;

}
.spacer-70
{
	height: 70px;
	width: 100%;
}
.bg-careers
{
background-color: #fff;
    padding: 30px 20px 20px 20px;
    margin-bottom: 20px;
}
.bg-careers h2
{
	font-size: 20px;
    margin-bottom: 0px;
    line-height: 0px;
    font-weight: 400;
    letter-spacing: -1px;
}
/*careers page */
/*article page */
.img_test12 {
	position: relative;
	margin-bottom: 50px;
}
.img_test12 img {
	width: 60%;
}
.grid-article h2, .grid-article h1 {
    font-size: 28px;
    letter-spacing: 0.1px;
    line-height: 1.2;
    margin: 25px auto;
}
.article-grid
{

	/*margin-top: 300px;*/
}
/*.spacer-artcile
{
	height: 340px;
	width: 100%;
}*/
.article-grid h2 {
    font-size: 40px;
    line-height: 67px;
    text-align: center;
    display: block;
    padding-top: 200px;
    font-weight: 400;
}
.article-grid span{
    text-align: center;
    display: block;
    font-size: 14px;
    color: #707070;
    opacity: 0.60;
    font-weight: 300;
    padding-bottom: 50px;
}
.grid-article
{
	background-color: #F3F4F6;
    position: relative;
    /* top: 300px; */
    padding-bottom: 56px;
 /*   margin-top: 240px;*/
    z-index: -1;
}

.media-container-{
	padding-bottom: 20px;
}
.media-container- img
{
height: 300px;
object-fit: cover;
width: 100%;
}
.img_article
{
	   /* position: absolute;*/
    display: block;
    width: 100%;
    margin: 0px auto;
    text-align: center;
 /*   left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}
.img_test12
{
	position: relative;
}
.img_test12:before
{
content: '';
position: absolute;
width: 100%;
height: 50%;
background-color: #fff;
z-index: -1;
}
.grid-news h4 a:hover {
	text-decoration: none;
	color:#222;
}
.serv_iclude
{
	background-color: #E7E9ED;

}
.inner-container{
	max-width: 970px;
	width: 100%;
	margin: 0px auto;
}
.inner-container span
{
	color: #222;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}
.inner-container p
{
	color: #222;
	font-size: 18px;
	line-height: 24px;
	
}
.inner-container img
{
width: 100%;
    max-height: 475px;
    object-fit: cover;
}
.img_grid_article
{
	display: flex;
padding-bottom: 20px;
}
.img_grd_artc_1
{
	padding-right: 12px;
}
.img_grd_artc_2
{
	padding-left: 12px;
}
.latest_new_artcile
{
	background-color: #eee;
	padding-bottom: 50px;
}
.latest_new_artcile h3{
	font-size: 40px;
    text-align: center;
    color: #222;
    line-height: 53px;
    font-weight: 400;
    padding-top: 90px;
    padding-bottom: 20px;
}
/*article page */
/*refrgiate page */
.serv_iclude{
	padding: 80px 0px 80px 0px;
}
.project_comm_ref h2 {
	font-size: 40px;
    color: #222;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 60px;
}
.project_comm_ref{
	padding-bottom: 90px;
}
.li_list ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.li_list li{
position: relative;
border-top: 2px solid #fff;
padding: 15px 0px;
padding-left: 20px;
}
.wh_re_ct
{
	font-family: 'Degular';
    font-weight: normal;
    font-size: 16px!important;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #222222!important;
}
.wh_re_ct_1{
	font-family: 'Degular';
    font-weight: normal;
    font-size: 16px!important;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #222222!important;
}
.li_list li:last-child{
border-bottom: 2px solid #fff;
}
.li_list li:before{
    content: '+';
    top: 17px;
    position: absolute;
    left: 0px;
    color: #EF3639;
}
.li_list a
{
	font-size: 20px;
    color: #152C55;
    text-decoration: none;
    padding-left: 20px;
}
.serv_iclude h2{
	    font-size: 40px;
    color: #152C55;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
}
/*refrgiate page */
/*Project Deatil Page  */
.project-grid p{
padding-top: 130px;
font-size: 14px;
color: #222;
line-height: 19px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
margin: 0px;
}
.project-grid h2 {
    font-size: 50px;
    line-height: 67px;
    text-align: center;
    display: block;
 /*   padding-top: 160px;*/
    font-weight: 400;
}
.project-grid span{
	    text-align: center;
    display: block;
    font-size: 14px;
    color: #707070;
    opacity: 0.60;
    font-weight: 300;
    padding-bottom: 50px;
}
.cstm_wd
{
	width: 55%;
}
.location_grid_proj
{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
    padding: 14px 0px 12px 0px;
}
.data_grid_proj h5
{
color: #152C55;
font-size: 14px;
line-height: 19px;
font-weight: 400;
}
.data_grid_proj h6
{
	color: #2C58A6;
	font-size: 24px;
	line-height: 32px;
	font-weight:  300;
	margin: 0px;
}
.rcnt_pro{

    max-height: 600px!important;
    
}
/*Project Deatil Page  */

/*ref tech careers Page  */
.ref-sec-2
{
	padding-top: 50px;
	background-color: #F3F4F6;
}
.cstm_grid_who
{
	position: relative;
}
.data_ref_grid{
	border-bottom: 1px solid #707070;
	border-top: 1px solid #707070;
	display: block;
}
.inner_cont_wd
{
	max-width: 720px;
	width: 100%;
	display: block;
	margin: 0px auto;
}
.ctm_btn_apply
{
	display: block;
	background-color: #2C58A6;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	margin: 0px auto;
margin-top: 50px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
/*.csmt_wh_t a
{
	display: none;
}*/
.ctm_btn_apply:hover{
	color: #fff;
}
.inner_ref_grid
{
	display: flex;
	justify-content: space-around;
	max-width: 600px;
	width: 100%;
	margin: 0px auto;

}
.ref_white h4
{
font-size: 22px;
font-weight: 400;
}
.data-block h6
{
font-size: 14px;
color: #2C58A6;
line-height: 19px;
font-weight: 400;
margin: 0px;
    padding: 25px 0px;
}
.jd_block h2
{
	    font-size: 20px;
    color: #2C58A6;
    font-weight: normal;
    line-height: 27px;
    letter-spacing: -1px;
    padding-bottom: 8px;
}
.spacer-50
{
	height: 50px;
	width: 100%;
}
.spacer-40
{
	height: 40px;
	width: 100%;
}
.jd_block ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
}
.jd_block li
{
	position: relative;
	font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #222;
}
.jd_block li:before {
    content: '+';
    top: -1px;
    position: absolute;
    left: -20px;
    color: #EF3639;
}
/*.jd_block li:before {
    content: '+';
    top: 17px;
    position: absolute;
    left: 0px;
    color: #EF3639;
}*/
/*ref tech careers Page  */

/*who are you page*/ 
 #pd_lft{
 	padding-right:125px;
 	padding-left: 18px; 
 }
 .cstm_grid_who
 {
 	    flex: 0 0 50%;
    max-width: 50%;
 }
 .whoe_we_img img
 {
 	height: 420px;
 }
 .pd_rm
 {
 	padding: 0px;
 }
 .csmt_wh_t
 {
 	height: 400px!important;
 }
 .number_section
 {
 	background-color: #2C58A6;
 	       padding: 37px 0px 42px 0px;
 }
 .grid_number
 {
 	    display: flex;
    justify-content: space-around;
 }
 .pls_sign
 {
 	position: relative;
 }
 .pls_sign:after
 {
 	content: '+';
  top: -3px;
    position: absolute;
    left: 0px;
    color: #fff;
    /* right: -11px; */
    left: 85px;
    font-size: 43px;
    right: 0px;
 }
 .pls_sign_1
 {
 	position: relative;
 }
 .pls_sign_1:after
 {
 		content: '+';
  top: -3px;
    position: absolute;
    left: 0px;
    color: #fff;
    
    left: 120px;
    font-size: 43px;
 }
 .innner-slide-box p
 {
 	text-align: center;
 }
 .innner-slide-box 
 {
 	    background-color: #FFFFFF;
    padding: 50px 40px;
    max-width: 95%;
    margin: 0px auto;
    width: 100%;
 }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2C58A6!important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 9px!important;
    height: 9px!important;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px!important;
}
button:focus {
    outline: 0px dotted!important;
    outline: 0px auto -webkit-focus-ring-color!important;
}
.owl-theme .owl-dots .owl-dot span {
   
    background: #e7e9ed!important;
    
  
    border: 2px solid #2c58a6!important;
}
 .innner-slide-box img
 {
 	max-width: 40px;
    margin: 0px auto;
    margin-bottom: 22px;

 }
 .innner-slide-box h4{
    font-size: 18px;
    color: #2C58A6;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    padding-top: 20px;
 }
  .innner-slide-box span
 {
 	    text-align: center;
    display: block;
    color: #A3A3A3;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
 }
 .blcKnm 
 {
 	display: block;
 	text-align: center;
 	margin-bottom: 10px;
 }
 .blcKnm p
 {
 	margin: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: -7px;
 }
 .counter 
 {
 	    font-size: 40px;
    color: #fff;
    font-weight: 300;
 }
/*Who we are page*/
/*rahul css end*/

/*Project Page Styling*/
.module__project-listing.our-projects-lists {
	padding: 100px 0px 60px;
	background: #F3F4F6;
}
.module__project-listing.our-projects-lists .Project-list,
.module__project-listing.our-projects-lists .Service-list {
	padding-bottom: 40px;
}
/*Contact page styling*/
.module__contact-us {
	background: #F3F4F6;
	padding-top: 80px;
	padding-bottom: 0px;
}
.module__contact-us--wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}
.module__contact-us--wrapper__left,
.module__contact-us--wrapper__right {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}
.module__contact-us--wrapper__left--wrapper {
	max-width: 595px;
}
.module__contact-us--wrapper__left--wrapper  .box-wrap {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #BDBDBD;
	display: flex;
	flex-direction: column;
}
.module__contact-us--wrapper__left--wrapper  .box-wrap.flex-row {
	flex-flow: row wrap;
}
.module__contact-us--wrapper__left--wrapper  .box-wrap .flex-50 {
	flex: 0 0 50%;
	max-width: 50%;
	
}
.module__contact-us--wrapper__left--wrapper  .box-wrap .contact-label {
	margin: 0;
	letter-spacing: 0.35px;
	font-family: 'Stolzl';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 17px;
	color: #222;
	margin-bottom: 4px;
}
.module__contact-us--wrapper__left--wrapper  .box-wrap  a {
	letter-spacing: -0.6px;
	color: #222;
	font-size: 20px;
	font-family: 'Stolzl';
	line-height: 24px;
	text-decoration: none;
}
.module__contact-us--wrapper__left--wrapper .title {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
	flex-flow: row wrap;
}
.module__contact-us--wrapper__left--wrapper .title h4 {
	margin: 0;
}
.module__contact-us--wrapper__left--wrapper .title h4.secondary {
	font-family: 'Stolzl Book';
	font-weight: normal;
	color: #EF3639;
}
.module__contact-us .map-module {
	padding-top: 80px;
}
.module__contact-us .map-module iframe {
	width: 100%;
	height: 600px;
}
.bottom-content h4{
	margin: 0px;
}
.module__contact-us--wrapper__right--wrapper form{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}
.module__contact-us--wrapper__right--wrapper form .col {
	flex: 0 0 50%;
	max-width: 50%;
}
.module__contact-us--wrapper__right--wrapper form .col.full-col {
	flex: 0 0 100%;
	max-width: 100%;
}
.module__contact-us--wrapper__right--wrapper form .col.full-col input {
	min-height: 150px;
}
.module__contact-us--wrapper__right--wrapper .title {
	margin-bottom: 40px;
}
.module__contact-us--wrapper__right--wrapper form #submit-btn {
	margin-left: 15px;
	padding: 0 26px;
    height: 50px;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Stolzl';
    font-weight: medium;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 0.56px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 0;
    border: 0;
    transition: all 0.3s linear;
	background: #4dc4cf !important;
}
.module__contact-us--wrapper__right--wrapper form input[type="submit"]:hover {
	color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
/*Form styling*/
form h4.title {
	margin-bottom: 40px;
}
form label {
	letter-spacing: 0.35px;
	color: #222;
	text-transform: uppercase;
	font-size: 12px !important;
    line-height: 7px;
	width: 100%;
	font-weight: 500;
}
form .form-control {
	border-radius: 0px;
	letter-spacing: 0.35px;
	color: #4dc4cf;
	border-radius: 0px;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 8px;
	border: 0px;
	height: 50px;
	letter-spacing: -0.32px;
	color: #707070;
	font-size: 16px;
	font-family: 'Degular';
	line-height: 24px;
}
form .text-area-border {
	border-top: 2px solid #707070;
	padding-bottom: 40px;
}
form .checkbox-account label {
	letter-spacing: 0.35px;
	color: #4dc4cf !important;
	font-family: 'Stolzl' !important;
	font-weight: 500 !important;
	font-size: 14px !important;
}
form .checkbox-account label ol {
	padding:20px 0 16px;
	margin-left: -15px;
	margin-bottom: 0px;
}
form .m-20 {
	margin-bottom: 20px;
}
form .checkbox-account label ol li, form .checkbox-account label p {
	letter-spacing: -0.32px;
	color: #222222 !important;
	font-size: 16px !important;
	font-family: 'Degular';
	padding-left: 10px;

}
form .checkbox-account label p {
	padding: 0 !important;
	margin-left: -30px;
	margin-bottom: 0px;
}
.module__cash-sales-agreement--wrapper form  p.grey-copy {
	font-size: 14px;
	letter-spacing: -0.32px;
	color: #707070;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.module__cash-sales-agreement--wrapper form {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}
.module__cash-sales-agreement--wrapper form  .btn-full {
	max-width: 720px !important;
    margin: 0 auto;
    display: flex;
    min-width: auto !important;
}
.module__cash-sales-agreement--wrapper form .col {
	flex: 0 0 50%;
	max-width: 100%;
}
.module__cash-sales-agreement--wrapper form .col.full-col {
	flex: 0 0 100%;
	max-width: 100%;
}
.module__cash-sales-agreement--wrapper form .wf-checkbox {
	display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}
.module__cash-sales-agreement.account-application .module__cash-sales-agreement--wrapper form .col.col-three {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
.module__cash-sales-agreement.account-application .module__cash-sales-agreement--wrapper form .wf-checkbox {
	padding-bottom: 0px;
}
.module__cash-sales-agreement.account-application .module__cash-sales-agreement--wrapper form .wf-checkbox input {
	margin-bottom: 0px;
}
.module__cash-sales-agreement.account-application .module__cash-sales-agreement--wrapper form .wf-checkbox label {
	    padding-left: 10px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Degular';
    letter-spacing: -0.32px;
    color: #222222;
    color: #152C55 !important;
    font-family: 'Stolzl' !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 0px;
}
.module__cash-sales-agreement--wrapper form .wf-checkbox input {
	width: 16px;
    height: 16px;
    margin-left: 0;
    margin-top: 0.3rem;
}
.module__cash-sales-agreement.account-application form .wf-group,
.module__cash-sales-agreement.account-application form .wf-group.col.full-col {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 15px;
}
.module__cash-sales-agreement.account-application form .wf-group .col {
	padding: 0;
	flex: 0 0 100%;
	max-width: 100%;
}
.module__cash-sales-agreement.account-application form .wf-group.col {
	flex: 0 0 50%;
	max-width: 50%;
}
.module__cash-sales-agreement--wrapper form  .wf-group .col.pb-20 {
	padding-bottom: 20px;
}
.module__cash-sales-agreement--wrapper form .wf-checkbox label {
	padding-left: 15px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Degular';
    letter-spacing: -0.32px;
    color: #222222;
}
form .copy-border {
	border-bottom: 2px solid #707070;
}
form textarea.form-control {
	min-height: 150px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.module__terms {
	padding-top: 60px;
	max-width: 970px;
	margin: 0 auto;
}
.module__terms  h4 {
	margin-bottom: 30px;
}
.module__terms  p {
	margin-bottom: 20px;
	letter-spacing: -0.32px;
	color: #222222;
	font-size: 16px;
	font-family: 'Degular';
	line-height: 24px;
}

.module__terms  p:last-of-type {
	margin-bottom: 0;
}
/** testimonial **/
.swiper-container {
	width: 100%;
	height: 100%;
	z-index: 0;
  }
  
  .swiper-slide {
	margin-bottom: 0;
  }
.module-testimonial {
	text-align: center;
	margin: auto;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #4dc4cf !important;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*cash sales agreement page*/
.module__cash-sales-agreement  {
	padding: 80px 0px 100px;
	background: #F3F4F6;
}
.module__cash-sales-agreement--wrapper {
	max-width: 720px;
	margin: 0 auto;
}
.module__cash-sales-agreement--wrapper .copy {
	margin-bottom: 20px;
}
.module__cash-sales-agreement--wrapper h4 {
	color: #EF3639;
	margin-bottom: 20px;
}
.module__cash-sales-agreement--wrapper h4.secondary {
	margin-top: 20px;
}
.module__cash-sales-agreement--wrapper p {
	font-family: 'Degular';
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.32px;
	color: #222222;
}
.module__cash-sales-agreement--wrapper p.title-bold {
	letter-spacing: -0.32px;
	color: #152C55;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Stolzl';
	margin-bottom: 10px;
	font-weight: 500;
}
.module__cash-sales-agreement--wrapper .row .col .content {
	margin-bottom: 20px;
}
form .checkbox-col label {
	padding-left: 28px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Degular';
	letter-spacing: -0.32px;
	color: #222222;
}
form .checkbox-col {
	padding-bottom: 20px;
}
form .checkbox-col .form-check-input {
	width: 16px;
    height: 16px;
    margin-left: 0;
}
/*Forms page*/
.module__forms {
	padding: 80px 0px 100px;
	background: #F3F4F6;

}
.module__forms--wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
}
.module__forms--wrapper__left,
.module__forms--wrapper__right {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}
.module__forms--wrapper__left-content,
.module__forms--wrapper__right-content {
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 120px 20px;
	flex-direction: column;
}
.module__forms--wrapper__left-content h2,
.module__forms--wrapper__right-content h2 {
	letter-spacing: -0.96px;
	color: #2C58A6;
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 20px;
	text-align: center;
}
.module__cash-sales-agreement.account-application .col.checkbox-col.checkbox-account {
	padding-bottom: 20px;
}
.module__project-listing__wrapper.module__services-list .Project-list,
.module__project-listing__wrapper.module__services-list .Service-list {
	padding-bottom: 30px;
}
 @media screen and (max-width: 1200px) { 
	.module__copy-image .module__copy-image--wrapper__copy {
		padding-left: 20px;
	}
	.module__clients--box__wrapper {
		padding:30px 10px;
	}
}
@media only screen and (max-width: 992px) {
	.site__footer--top--links .contact-links {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.site__footer--top--links ul {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.module__project-listing__wrapper .Project-list .media-container,
	.module__project-listing__wrapper .Service-list .media-container {
		padding-top: 130%;
	}
	.module__project-listing__wrapper.module__services-list .Project-list,
	.module__project-listing__wrapper.module__services-list .Service-list {
		flex: 0 0 50%;
		max-width: 50%;
		padding-bottom: 30px;
	}
	.img_grid_article{
	width: 50%;
}
}


@media only screen and (max-width: 767px) {
	.col-padding{
		text-align: center;
	}
	.module__contact-us--wrapper__left,
	.module__contact-us--wrapper__right,
	.module__cash-sales-agreement--wrapper form .col,
	.module__cash-sales-agreement.account-application form .wf-group.col,
	.module__forms--wrapper__left, .module__forms--wrapper__right {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.module__project-listing__wrapper.module__services-list .Project-list,
	.module__project-listing__wrapper.module__services-list .Service-list {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.module__forms--wrapper__left-content, .module__forms--wrapper__right-content {
		padding:60px 20px;
	}
	.module__forms--wrapper__left {
		padding-bottom: 30px;
	}
	.module__cash-sales-agreement--wrapper form .btn-full {
		max-width: calc(100% - 30px) !important;
	}
	.counter {
    
    display: inline-block;
    padding: 0px 35px;
}
.pls_sign:after {
    content: '+';
    top: -3px;
    position: absolute;
    left: inherit;
    color: #fff;
    font-size: 43px;
    right: 0px;
}
.blcKnm p
{
	font-size: 14px;
}
.csmt_wh_t h3
{
margin-top: -20px;
}
.pls_sign_1:after {
  content: '+';
    top: -3px;
    position: absolute;
    /* left: 0px; */
    color: #fff;
    font-size: 43px;
    right: 0px;
    left: inherit;
}
.innner-slide-box p
{font-size: 14px;

}
.innner-slide-box h4
{
	font-size: 16px;
	padding-top: 0px;
}
.owl-item 
{
	/*width: 415px!important;*/
}
	.btn_md_shw
	{
		    position: absolute;
    top: 20px;
    top: 65%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    line-height: 52px;
	}
	.Wh_re_pd_md{
height: 25px;
	}
	.pd_rm_csts
	{
		padding: 10px 0px 40px!important;
	}
	.module__nav-links--box .overlay
	{
		height: 100%!important;
	}
	.csmt_wh_t
	{

	}
	.grid_number
	{
display: flex;

    flex-wrap: wrap;

	}
	.blcKnm 
	{
		width: 50%;
	}
	.csmt_wh_t {
    height: 100%!important;
}
	.wh_re_ct_1
	{
		    padding-top: 30px;
    /* margin-top: 30px; */
    /* position: relative; */
    /* top: 16px; */
    text-align: left;
    float: left;
	}
	.wh_re_ct{
		display: none;
	}
	.spacer-40{
		height: 30px;
	}
	.md_tp h2
	{
		line-height: 40px!important;
    padding-bottom: 40px!important;
	}
	.ref_white h4 {
    font-size: 20px;

    text-align: left;
}
.ref_white p{
	font-size: 14px;
    text-align: left;
    line-height: 19px;
}
.whoe_we_img img
{
	height:  100%;
}
#pd_lft
{
	    padding-right: inherit;
    padding-left: 20px;
}
.md_tp_wt_ref
{
	    padding: 50px 0px 30px!important;
}
.ref_white a{
	float: left;
}
	.ctm_btn_apply{
		    margin-top: 10px;
		        display: block;
    width: 100%;
	}
	.data_grid_proj
	{
		width: 90%;
	}
	.data_grid_proj h5 {
    
    line-height: 6px;
  
    padding-top: 15px;
}
	.data_grid_proj h6{
		font-size: 20px;
	}
	.module__clients--box__wrapper img {
  
    min-height: 250px;

}
.grid-news{
	margin-bottom: 0px;
	padding-bottom: 0px!important;
}
.latest_new_artcile{
	overflow:hidden;
}
.article-grid h2{
	font-size: 30px;
    max-width: 250px;
      width: 100%;
    margin: 0px auto;
    line-height: 45px;
    padding-bottom: 10px;
}
.project-grid h2{
	font-size: 30px;
    max-width: 250px;
      width: 100%;
    margin: 0px auto;
    line-height: 45px;
    padding-bottom: 10px;
}
.inner-container span {
    color: #152C55;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
}
.latest_new_artcile h3 {
    font-size: 26px;
    

    font-weight: 400;
  padding-top: 28px;
    padding-bottom: 10px;
}
.grid-article
{
	padding-bottom: 20px;
}
.cstm-order-2 h2
{
	font-size: 20px!important;
}
.cstm-order-2 p
{
font-size: 14px!important;
}
.cstm-order-2 br
{
display: none;
}
#fnt_wh h2
	{
font-size: 26px!important;
	}
.ct-us-cm-ref
{
	margin-bottom: 50px;
}
.serv_iclude h2{
	font-size: 26px;
	font-weight: 400;
    letter-spacing: 0.1px;
}
.li_list a {
    font-size: 16px;
font-weight: 300;
    letter-spacing: 0.1px;
}
.li_list li:last-child
{
	/*border:none;*/
}
.project_comm_ref h2
{    font-size: 26px;
    text-align: left;

}
.cstm-order-2
{
	order: 2;
}
.cstm-order-1
{
	order: 1;
}
.order-cstm
{
	display: flex;
	order: 2;
}
.careers-grid h4 {
    font-size: 24px;
    font-weight: 400;
}
.careers-grid p
{
	padding-bottom: 0px;
	font-size: 14px;
}
.team-grid-2 span {
    font-size: 12px;

}

.team-grid-2{
	width: 50%;
	padding-bottom: 15px;
}
.team-grid h4 {
  margin: 0px;
    padding-bottom: 10px;
}
.careers-grid h4{
	margin-top: 0px!important;
}
.team-grid-2 h5 {
   
    padding-top: 16px;
  
    font-size: 16px;
    margin: 0px;
}
.careers-grid h5{
	font-size: 20px;

    padding-bottom: 10px;

}
.careers-uper h2 {
    font-size: 20px!important;
   
    margin-bottom: 10px!important;
}
.bg-careers {
    
    padding: 19px 20px 20px 20px;
   
}
.careers-uper h6 {
    
    font-size: 16px;
    
    margin-top: -9px;
    padding-bottom: 10px;
}
.careers-uper
{
	display: block;
}
.news_section1{
	
    text-align: left;
    padding-top: 20px;
}
.news_section1 h2 {
     font-size: 24px;
    margin-top: 5px!important;
    line-height: 31px;
    margin-bottom: 6px!important;
}
.pd-news{
	margin-top: 0px!important;
}
.grid-news{
	text-align: left;
	padding-bottom: 0px;
}
.pd-news{
    padding: 30px 0px 30px!important;
}
	.module {
		padding:30px 0px;
	}
	.module__project-listing__wrapper .Project-list .bottom-content,
	.module__project-listing__wrapper .Service-list .bottom-content {
		padding: 20px;
	}
	.module__project-listing__wrapper .Project-list .bottom-content h4,
	.module__project-listing__wrapper .Service-list .bottom-content h4 {
		font-size: 20px;

	}
	.module__project-listing__wrapper .Project-list .media-container,
	.module__project-listing__wrapper .Service-list .media-container {
		padding-top: 100%;
	}
	.module__project-listing .hidden-desktop.text-center {
		margin-top: 20px;
	}
	.module__project-listing  .hidden-desktop.text-center .btn {
		min-width: 320px;
		width: 320px;
	}
	.module__project-listing__wrapper {
		margin: 0 -10px;
	}
	.module__project-listing__wrapper .Project-list,
	.module__project-listing__wrapper .Service-list {
		padding: 0 10px;
	}
	.module__project-listing-top {
		margin-bottom: 22px;
		margin-top: 30px;
	}
	.hidden-mobile {
		display: none !important;
	}
	.hidden-desktop {
		display: block !important;
	}
	.module__copy-image+.module__link-tiles  {
		margin-top: 30px;
	}
	#carousel .slick-list {
		padding:0 10% 0 0 !important;
	}
	header+section.module {
		padding-top: 50px;
	}
	.module__three-col--wrapper .column {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.module__three-col--wrapper .column .col--wrapper .media-container {
		padding-top: 61.11%;
	}
	.module__three-col--wrapper .column .col--wrapper .media-container .overlay h3{
		margin-left: 40px;
		margin-top: 40px;
	}
	.module__copy-image .module__copy-image--wrapper__copy{
		padding-left: 20px;
	}
	.module__copy-image .module__copy-image--wrapper__copy h2 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.module__link-tiles h2 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 30px;
	}
	.team-description {
		margin-top: 30px;
	}
	.module__link-tiles--tile.col-padding {
		padding-bottom: 30px;
	}
	.module__link-tiles {
		padding: 60px 0px 30px;
	}
	.module__copy-image.bg-light-grey {
		padding-bottom: 30px;
		padding-top: 60px;
	}
	.module__sales-banner {
		padding-bottom: 0px;
		padding-top: 30px;
	}
	.module__sales-banner--wrapper .sales-box,
	.module__clients--box {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.module__two-image__left,.module__two-image__right,
	.module__nav-links--box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.module__nav-links--box .media-container,
	.module__two-image .media-container {
		padding-top: 62.5%;
	}
	.module__nav-links--box,
	.module__two-image__left {
		padding-bottom: 20px;
	}
	.module__cta,.module__clients,
	.module__nav-links,
	.module__two-image {
		padding: 60px 0px;
	}
	.module__nav-links {
		padding: 60px 0px 40px;
	}
	.module__clients--box {
		padding: 0 10px 20px;
	}
	.module__clients--box__wrapper {
		padding: 30px 10px;
	}
	.module__clients h2 {
		font-size: 26px;
		line-height: 32px;
		max-width: 330px;
		margin: 0 auto 30px;
	}
	.module__cta p.small {
		margin-bottom: 14px;
	}
	.module__cta p {
		margin-bottom: 16px;
	}
	.module__cta h2 {
		margin-bottom: 8px;
	}
	.module__project-listing.our-projects-lists {
		padding: 60px 0px 40px;
	}
	.module__project-listing.our-projects-lists .module__project-listing__wrapper .Project-list, 
	.module__project-listing.our-projects-lists .module__project-listing__wrapper .Service-list {
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 20px;
	}
	.site__footer {
		padding: 60px 0px 40px;
	}
	.site__footer--bottom {
		margin-top: 0px;
		padding-top: 20px;
	}
	.site__footer--top--logo p {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.site__footer--top--links .contact-links {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.site__footer--bottom__wrapper,.site__footer--bottom--left {
		flex-direction: column;
	}
	.site__footer--bottom a {
		margin-left: 0px;
	}
	.site__footer--bottom p, .site__footer--bottom a {
		margin: 0;
	}
	.site__footer--top--logo,
	.site__footer--top--links {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.site__footer--top--links ul {
		flex: 0 0 50%;
		max-width: 100%;
		padding-bottom: 27px;
	}
	.module__contact-us--wrapper__right--wrapper .title {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.module__contact-us--wrapper__right--wrapper form{
		display: flex;
		flex-flow: row wrap;
		margin:  0 -15px;
	}
	.module__contact-us--wrapper__right--wrapper form .col {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.module__contact-us--wrapper__right--wrapper form .col.full-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
}



/*
Services FAQ Section Styling
*/
.flex_bx_faq{
	display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.bx_1{
  	width: 50%; /**33.3333%;**/
 	border: 1px solid #a5a7aa;
  	/*border-bottom: 1px solid #a5a7aa;*/
  	padding: 0;
  	position: relative;
  	-webkit-transition: background-color 300ms ease,border-color 300ms ease;
  	transition: background-color 300ms ease,border-color 300ms ease;
  	height: auto;
  	transition: .5s;
	margin-bottom: 50px;
	margin-right: -1px;
}
/*.bx_1 .inner_bx {
      padding: 30px;
      text-align: center;
      position: absolute;
      top: 50%;
      right: 30px;
      left: 30px;
      -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
      transform: translate(0,-50%);
}*/
.bx_1 .inner_bx{
	position: inherit;
	top: inherit;
	  left: 0px;
	  right: 0px;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
	padding: 30px;
      text-align: center;
 }
 .bx_1 .inner_bx ul li {
	color: #fff !important;
	list-style: none;
 }
      .bx_1:hover 
      {
      border-right: 1px solid #4dc4cf;
      background-color: #4dc4cf;
	  cursor: pointer;
      }
      .bx_1:hover h2{
      color: #fff;
      }
      .bx_1:hover h3{
      color: #fff;
      }
      .bx_1:hover h4{
      color: #fff;
      }
      .bx_1:hover svg {
      fill: #fff;
      }
      .bx_1:hover .svg_dt{
      border: 2px solid #fff;
      }
      .bx_1:hover .close-faq svg
      {
      fill: #fff;
      }
      .bx_1:hover .close-faq
      {
      border: 2px solid #fff;
      }
      .faq-active {
      background-color: #2956a4;
      }
      /*.bx_1:not(:last-child){
      border-right: 1px solid #a5a7aa;
      }*/
      .hide_shw
      {
      display: none;
      color:#fff;
      /*  transition: visibility 0s, opacity 0.5s linear;*/
      transition: transform ease-out 10s;
      }
      .bx_1.active-dt{
      background-color: #4dc4cf;
      transition: .5s;
      -webkit-transition: background-color 300ms ease,border-color 300ms ease;
      transition: background-color 300ms ease,border-color 300ms ease;
      }
      .bx_1.active-dt .svg_dt {
      display: none;
      }
      .svg_dt {
      border: 2px solid #fff;
      display: none;
      }
      /*.bg_color_faq .svg_dt svg {
      fill: #fff;
      }*/
      .active-dt .inner_bx h3
      {
      display: none;
      }
      .active-dt.bx_1 h2{
      color: #fff;
      }
      .active-dt .close-faq{
      border: 2px solid #fff;
      }
      .active-dt .close-faq svg {
      fill: #fff;
      }
      .active-dt .bx_1 h2 {
      color: #fff;
      }
      .active-dt .hide_shw
      {
      display: block;
      }
      a {
      text-decoration: none;
      color:#000;
      }
      .bx_1 h2
      {
      margin-bottom: 30px;
      line-height: 1.4;
      margin: 0 0 15px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: .8em;
      letter-spacing: 2px;
      color: #4dc4cf;
      }
      .bx_1 h3
      {
      font-weight: 500;
      font-size: 1.125em;
      line-height: 1.4;
      color: #4dc4cf;
      margin: 0 0 35px;
      /*   display: none;*/
      }
      .svg_dt
      {
      width: 35px;
      height: 35px;
      display: block;
      border: 2px solid #4dc4cf;
      margin: 0 auto;
      position: relative;
      -webkit-transition: border-color 300ms;
      transition: border-color 300ms;
      }
      .svg_dt svg
      { 
      width: 17px;
      height: 17px;
      fill: #4dc4cf;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      }
      .close-faq
      {
      width: 35px;
      height: 35px;
      display: block;
      border: 2px solid #2956a4;
      margin: 0 auto;
      position: relative;
      -webkit-transition: border-color 300ms;
      transition: border-color 300ms;
      transition: transform ease-out 10s;
      } 
      .close-faq svg
      {
      width: 17px;
      height: 17px;
      fill: #2956a4;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      }
      .hide_shw h4{
      color: #fff;
      margin-bottom: 10px;
      line-height: 1.5;
      /*   margin: 0 0 30px;*/
      text-transform: uppercase;
      font-weight: 700;
      font-size: .8em;
      letter-spacing: 2px;
      color: #fff;
      }
      .bg_color_faq h2{
      color: #fff;
      }
      .hide_shw p
      {
      margin-bottom: 0;
      color: #fff;
      margin-bottom: 30px;
      color: #fff;
      margin: 0 0 15px;
      line-height: 1.5;
      font-weight: 200;
      }
	  .hide_shw a {
		  color: #fff;
	  }
	  .hide_shw a:hover {
		  text-decoration: none;
	  }
  
	/*.flex_bx_faq{
			border-left: 1px solid #a5a7aa;
			border-bottom: 1px solid #a5a7aa;
	}*/

      @media screen and (max-width: 990px){
      .bx_1{
      width: 100%;
      }
      }

      @media screen and (max-width: 990px){
      .bx_1{
      width: 100%;
      height: auto;
      }
      .bx_1 .inner_bx{
         position: inherit;
         top: inherit;
  		 left: 0px;
  		 right: 0px;
    	 -webkit-transform: inherit;
    	 -ms-transform: inherit;
    	 transform: inherit;
      }
      }

/*ipad media query */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.article-grid span{
	padding-bottom: 0px;
}
/*.spacer-artcile {
    height: 260px;
    width: 100%;
}*/
}
/*ipad media query */

/** ISOTOPE GALLERY **/
.grid {height:3000px !important; }
.grid-item {
  width: 100%;
  height: 280px;
}

@media only screen and (min-width: 768px) {
  .grid-item {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-item {
    width: 16.65%;
  }
}


.grid-item--width2 {
  width: 100%;
  height: auto;
  
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .grid-item--width2 {
    width: 100%;
  }
}

.grid-item--width3 {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .grid-item--width3 {
    width: 66.6%;
  }
}

.grid-item--height2 {
  height: 280px;
}
@media only screen and (min-width: 1280px) {
  .grid-item--height2 {
    height: 560px;
  }
}
.grid-item--height2 .project-container {
  height: 560px !important;
}

.grid-item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.grid-item .project-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden;
	padding:10px
}
.grid-item .project-container .thumbnail {
  background-size: cover;
  background-position: center;
  transition: 0.3s ease;
 

  aspect-ratio: 1 / 1;
  
  
}



.filter {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0;
  margin-right: 10px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) {
  .filter {
    margin-bottom: 30px;
    
  }
}
@media only screen and (min-width: 1900px) {
  .filter {
    margin-left: 10px;
  }
}
.filter li {
  margin-right: 14px;
  font-family: "swissLT", sans-serif;
  padding: 10px 14px;
  background: transparent;
  color: #000;
  text-transform: uppercase;
  border:2px solid #000
}
@media only screen and (min-width: 1900px) {
  .filter li {
    
    margin-right: 14px;
  }
}
.filter li:hover {
  cursor: pointer;
}
.filter li.is-checked {
  color: #fff;
  opacity: 1;
  font-family: "swissB", sans-serif;
  background: #000;
  border:2px solid #000
}