body{
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	overflow-x:hidden;
	overflow-y:scroll;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

a{text-decoration: none;}

img{max-width:100%;}

.container{max-width: 1240px;}
.container-lg{max-width: 950px;}
.container-md{max-width: 850px;}
.container-sm{max-width: 750px;}

.clr-fx:after{content: " ";display: block;clear:both;}

#page{padding:0px 0px;margin:0px 0px;position:relative;}

#header{
	position:relative;
	border-bottom: 4px solid #d83b0c;
	padding:0px 20px;
	z-index:22;
    display: block;
    background: #fff;
}

#site_header{
	display: flex;
    max-width: 1240px;
	padding:18px 0px;
    margin: 0px auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
#site_header #logo{display: block;max-height: 85px;position: relative;z-index: 3;}
#site_header #logo img{margin-bottom: -135px;}

#site_header .hdr-nav{
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
	padding:35px 0px;
}
#site_header .hdr-nav .main-nav{padding: 0px 40px 0px 0px;}
#site_header .hdr-nav .main-nav ul{
	padding: 0px 0px;
    margin: 0px 0px;
    list-style: none;
    display: block;
    text-align: right;
}
#site_header .hdr-nav .main-nav ul li{
	display: inline-block;
    margin: 0px 9px;
	position:relative;
}
#site_header .hdr-nav .main-nav ul li a{
    color: #ef4127;
    font-size: 18px;
    padding: 0px 0px;
    line-height: 1;
    display: inline-block;
}
#site_header .hdr-nav .main-nav ul li:after{
	content: " ";
    display: block;
    border-bottom: 4px solid #fff;
    width: 20px;
    position: absolute;
    bottom: -8px;
    left: 0px;
}
#site_header .hdr-nav .main-nav ul li:hover:after,
#site_header .hdr-nav .main-nav ul li.current_page_item:after{ border-bottom: 4px solid #0084d6;}

#site_header .hdr-nav .hdr-phone{}
#site_header .hdr-nav .hdr-phone a{
	font-size: 30px;
    font-weight: 700;
    color: #0084d6;
    line-height: 1;
}

#header *{transition:all ease 0.5s;}
.sticky {
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 99999 !important;
}

.sticky + .home-video {
  padding-top: 102px;
}
.sticky #site_header #logo img {
	margin-bottom: -110px;
	max-width: 160px;
	margin-top: -10px;
}
.sticky #site_header .hdr-nav {
	padding: 10px 0px;
}
#site_header .hdr-nav .hdr-phone {
	margin-top: -5px;
}
.home-tagline{
    margin: 0px 0px 60px;
}
.home-tagline .ht-copy{
        background: #f0420d;
padding: 30px 40px;
margin: 0px;
border-radius: 10px;
text-align: center;
}
.home-tagline .ht-copy p{
        color: #fff;
font-size: 25px;
font-weight: 300;
margin: 0px;
}

.page-content .cs-copy .cs-copy-b3 .alignleft{float:left;margin-right:20px;margin-bottom:20px;}
.page-content .cs-copy .cs-copy-b3 .alignright{float:right;margin-left:20px;margin-bottom:20px;}
.page-content .cs-copy .cs-copy-b3 p:last-child{clear:both;}

.wpcf7-form ol{padding: 0px 0px;}
.wpcf7-form ol h5{
	color: #f0420d;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}
.wpcf7-form ol input[type="email"],
.wpcf7-form ol input[type="text"] {
	background: #f5f5f5;
	border: 0px;
	border-radius: 4px;
	color: #3d3d3d;
	width: 100%;
	padding: 10px 15px;
	outline: none;
	margin: 10px 0px 0px;
}
.wpcf7-form ol li textarea {
	background: #f5f5f5;
	border: 0px;
	border-radius: 4px;
	color: #3d3d3d;
	width: 100%;
	padding: 10px 15px;
	outline: none;
	margin: 10px 0px 0px;
	resize: none;
	height: 99px;
}
	
	.gallery{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.gallery .gallery-item img{max-width: 100%;height: auto;}
	.gallery-columns-2 .gallery-item{flex: 0 0 auto;width: 50%;}
	.gallery-columns-3 .gallery-item{flex: 0 0 auto;width: 33.33333333%;}
	.gallery-columns-4 .gallery-item{flex: 0 0 auto;width: 25%;}
	.gallery-columns-5 .gallery-item{flex: 0 0 auto;width: 20%;}

.white-stripe{
	background: transparent url(../images/website-stripev2.png) repeat 0px 0px;
    display: block;
    width: 390px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -40px;
    z-index: 1;
}

.aligncenter{margin: 0px auto;display: block;}

.inner-page #page h1{
    text-align: center;
    color: #0084d6;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 600;
    padding: 140px 0px 80px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem;
}
.inner-page #page h1:before{
    content: " ";
    display: block;
    width: 100%;
    max-width: 494px;
    margin: 0px auto 20px;
    border-top: 1px solid #0084d6;
}
.inner-page #page h1:after{
    content: " ";
    display: block;
    background: url(../images/bottom-line.png) center no-repeat;
    width: 100%;
    max-width: 494px;
    height: 50px;
    margin: 20px auto 0px;
}

.inner-page ul{margin-bottom:25px;}
.inner-page ul li{
	font-size: 18px;
	font-weight: 300;
	line-height: 155%;
	margin-bottom:10px;
}
.inner-page p{
	font-size: 18px;
	font-weight: 300;
	line-height: 155%;
	margin-bottom:25px;
}


.embed-form h2{
	color: #0084d6;
    font-size: 45px;
    text-align: center;
	margin-bottom:25px;
}
.embed-form form:after{
	content: " ";
    display: block;
    clear: both;
}
.embed-form form .infusion-field,
.embed-form form .infusion-submit{
	float: left;
    width: 50%;
    padding: 0px 8px;
}

.embed-form form .infusion-field label{display: none;}
.embed-form form .infusion-field select,
.embed-form form .infusion-field input[type="text"]{
	background: #f5f5f5;
    border: 0px;
    border-radius: 4px;
    color: #3d3d3d;
    width: 100%;
    padding: 12px 15px;
    outline: none;
    margin: 15px 0px 0px;
}
.embed-form form .infusion-field textarea{
	background: #f5f5f5;
    border: 0px;
    border-radius: 4px;
    color: #3d3d3d;
    width: 100%;
    padding: 12px 15px;
    outline: none;
    margin: 15px 0px 0px;
    height: 110px;
}

.embed-form form .infusion-submit{text-align: right;}
.embed-form form .infusion-submit button[type="submit"]{
	display: inline-block;
    background: #f0420d;
    border: 0px;
    border-radius: 2px 2px;
    color: #fff;
    font-size: 14px;
    padding: 14px 50px 13px;
    margin: 15px 0px 0px;
    text-transform: uppercase;
}

.section-team{padding:0px 0px !important;}
.section-team .margin-top-custom p{
        color: #fff;
    z-index: 11;
    position: relative;
    text-align: center;
    font-size: 22px;
    max-width: 920px;
    margin: 0px auto 65px;
}
.section-team .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 1600px;
    margin: 0 auto;
}
.section-team .grid-container .swiper-wrapper{width: unset;margin-bottom:80px;}
.title-bar{top:0px;}

.section-team .cell{padding: 0 40px;}
.section-team .cell .swiper-button-next1 {right: 10px !important;}
.section-team .cell .swiper-button-prev1 {left: 10px !important;}
.section-team .swiperCharacters{display: block;}
.section-team .character-card{
	border: 0px;
	border-radius: 0px;
}
.section-team .character-card .character-avatar{
	background: #ef4127;
	border-radius: 0px;
	padding: 20px 20px 0px;
	display: block;
	text-align: center;
	box-sizing: border-box;
}
.section-team .character-card .character-avatar img{    max-height: 325px;}
.section-team .character-card .character-avatar .character-category{
	position: relative;
	top: -17px;
	bottom: 0px;
	right: unset;
	margin-bottom: -5px;
}
.section-team .character-card .character-name{    background: #ef4127;}
.section-team .character-card .character-name h3{
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	font-family: "Poppins", sans-serif !important;
	display: block;
	margin: 0px 0px;
	padding: 0px 0px 10px;
}
.section-team .character-card .character-description{padding: 0px 25px 25px;position:relative;}
.section-team .character-card .character-description:before{
	content: " ";
	display: block;
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ef4127;
	margin: 0px auto 25px;
}
.section-team .character-card .character-description p{
	font-size: 15px;
	color: #000;
	line-height: 150%;
	padding: 0px 0px;
	margin: 0px 0px 25px;
}
.section-team .character-card .character-description .character-button{
	margin: 0px 0px;
	padding: 0px 0px;
}
.section-team .character-card .character-description .character-button .open-modal,
.section-team .character-card .character-description .character-button .open-modal b{
	background: #00a9ee;
	border-radius: 3px;
	color: #fff;
	font-family: "Poppins", sans-serif !important;
	font-size: 16px;
	font-weight: 500;
}

.section{position:relative;clear:both;}


.home-video{
	background: #f0420d;
    text-align: center;
}
.home-video .video-player{
	max-width: 1240px;
    margin: 0px auto;
    padding: 88px 25px;
	position:relative;
}
.home-video .video-player .video{
	height: 715px; overflow: hidden; display: block;
	position:relative;z-index:3;
}
.home-video .video-player .video img{height:100%;width:auto;cursor:pointer;cursor:hand;}
.home-video .video-player .video video{cursor:pointer;cursor:hand;max-width: 1145px;}
.home-video .switcher{
	background: #0084d6;
    position: absolute;
    top: -4px;
    right: 0;
    height: calc(100% + 4px);
    width: 40px;
    z-index: 24;
    color: #fff;
    padding-top: calc(42vh + 4px) 0px;
    box-sizing: border-box;
}
.home-video .switcher h4{
	position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
}
.home-video .switcher span{
	position: absolute;
    top: 0px;
    left: 35px;
    background: none;
    transform-origin: 0 0;
    transform: rotate(90deg);
    display: block;
    white-space: nowrap;
}
.home-video .switcher span:before{
    content: " ";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #fff;
    margin: 0px 20px 0px 0px;
}


.s-company-gallery{padding:0px 20px;}
.s-company-gallery .scg-wrap{
	max-width: 1240px;
    margin: 0px auto;
    padding:90px 0px 80px;
	position:relative;
}
.s-company-gallery .gallery{margin-bottom: 60px;position:relative;z-index:3;}
.s-company-gallery .gallery .gblock1{float: left;width: 55%;}
.s-company-gallery .gallery .gblock1 .g-img{}
.s-company-gallery .gallery .gblock1 .c-1{text-align: right;padding-top: 75px;}
.s-company-gallery .gallery .gblock1 .c-2{}
.s-company-gallery .gallery .gblock1 .r-1{float: left;width: 30%;}
.s-company-gallery .gallery .gblock1 .r-2{float: left;width: 30%;}
.s-company-gallery .gallery .gblock1 .r-3{float: left;width: 40%;}

.s-company-gallery .gallery .gblock2{float: left;width: 45%;}
.s-company-gallery .gallery .gblock2 .g-img{}
.s-company-gallery .gallery .gblock2 .g-img img{}

.s-company-gallery .hdr-copy{position:relative;z-index:3;}
.s-company-gallery .hdr-copy h1{
	color: #0084d6;
    font-size: 45px;
    font-weight: 500;
}
.s-company-gallery .hdr-copy p{
	color: #3d3d3d;
    font-size: 18px;
    max-width: 530px;
    padding: 0px 0px 0px 50px;
}


.wl-ta{}
.wl-ta .wl-s-hdr{
	background: transparent url(../images/website-stripev2.png) repeat 0px 0px;
	padding-top: 60px;
}
.wl-ta h2{
	color: #f0420d;
    font-size: 45px;
    font-weight: 500;
	text-align: center;
}
.wl-ta .wl-s-content{padding: 60px 0px 80px;}
.wl-ta .wl-s-content .wl-s-copy{padding: 0px 15px;}
.wl-ta .wl-s-content .wl-s-copy p{
	font-size: 18px;
    font-weight: 300;
    line-height: 155%;
    margin-bottom: 25px;
}
.wl-ta .wl-s-content .wl-ta-list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff{
	flex: 0 0 auto;
    width: 50%;
    padding: 15px 15px;
    max-width: 400px;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff a{
	display: block;
    border-radius: 8px 8px;
    overflow: hidden;
    position: relative;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff img{
	max-width: 100%;
    height: auto;
    transition: all 0.5s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff:hover img{
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta{
	position: absolute;
    left: 0px;
    bottom: 0px;
    background: #0084d6c9;
    padding: 20px 20px;
	margin-bottom:-10px;
    border-radius: 8px 8px 0px 0px;
	opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
	width: 100%;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff:hover .team-meta{
	opacity: 1;
	margin-bottom:0px;
    visibility: visible;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta h5{
	    color: #fff;
    margin: 0px 0px;
    font-size: 20px;
    font-weight: 600;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta p{
	    color: #fff;
    margin-bottom: 0px;
    font-size: 18px;
}
.wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta .qt{
	margin: 20px 0px 10px;
}


.s-services{
	padding:80px 20px 0px;
	z-index:11;
}
.s-services:before{
	content: " ";
    display: block;
	background:#f0420d;
	width:100%;
	height:70%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

.s-services .services-offer{
	position: relative;
    z-index: 7;
    max-width: 825px;
    margin: 0px auto 45px;
}
.s-services .services-offer ul{
	padding: 0px 0px;
    margin: 0px 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.s-services .services-offer ul li{
    margin-bottom: 25px;
    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px 20px;

	color: #fff;
    font-size: 22px;
    font-weight: 500;
	text-align: center;
}
.s-services .services-offer ul li a{color: #fff;}
.services-gallery2{
    position: relative;
    z-index: 22;
}
.services-gallery2 h2{
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
}

.s-services .services-gallery{
	position:relative;
	z-index:8;
	max-width: 845px;
    margin: 0px auto 0px;
}

.s-services .services-gallery .gblock1{
	float: left;
    width: 40%;
	text-align: right;
}
.s-services .services-gallery .gblock1 img{}

.s-services .services-gallery .gblock2{
	float: left;
    width: 60%;
}

.s-services .services-gallery .gblock2 .c-1{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.s-services .services-gallery .gblock2 .c-1 .c-1-1{flex: 0 0 auto;width: 48%;}
.s-services .services-gallery .gblock2 .c-1 .c-1-2{flex: 0 0 auto;width: 52%;}
.s-services .services-gallery .gblock2 .c-2{
	background: transparent url(../images/website-stripev2.png) repeat 0px 0px;
	padding-bottom:100px;
}
.s-services .services-gallery .gblock2 .c-2 .c-2-1{float: left;}
.s-services .services-gallery .gblock2 .c-2 .c-2-2{float: left;}

.services-gallery2 .bx-wrapper {
    padding: 0px 0px;
    box-shadow: none;
    border: 0px;
    z-index: 44;
    background: transparent;
}

.bxslider-portfolio li {
    padding: 0px 10px;
}
.bxslider-portfolio li img {
    max-width: 100%;
    display: block;
    padding: 15px 20px;
    margin-bottom:10px;
    box-shadow: 0px 3px 5px 0px #00000040;
    border-radius: 5px;
    background: #fff;
}
.services-gallery2 .bx-wrapper .bx-controls-direction a.bx-prev{left: -45px;}
.services-gallery2 .bx-wrapper .bx-controls-direction a.bx-next{right: -45px;}




.wlw-owrk{
	background: #f0420d;
    padding: 60px 0px 100px;
}
.wlw-owrk:after{
    content: " ";
    display: block;
    background: #fff;
    height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.wlw-owrk .row{position:relative;z-index:5;}
.wlw-owrk h2{
	color: #fff;
    font-size: 45px;
    font-weight: 500;
    text-align: center;
    margin: 0px 0px 50px;
}

.wlw-owrk .toolbar{
	text-align: center;
    margin-bottom: 25px;
}
.wlw-owrk .toolbar .btn{
	border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    min-width: 125px;
    display: inline-block;
    border-radius: 4px;
    margin: 0px 11px 22px;
    text-align: center;
    text-transform: uppercase;
}
.wlw-owrk .toolbar .btn.active,
.wlw-owrk .toolbar .btn:hover{
	background:#fff;
	color: #f0420d;
}

.wlw-owrk #portfolio{
	margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.wlw-owrk #portfolio .tile{
	display: none;
	margin: 0px 0px -7px;
    width: 100%;
	height:unset !important;
}
.wlw-owrk #portfolio .tile img{
	max-width: 100%; 
    height: auto;
    display: block; 
	width: 100%;
}

.wlw-section{
    border-top: 4px solid #d9d9d9;
    padding: 110px 20px 0px;
    z-index: 5;
    background: rgb(242, 246, 245);
    background: linear-gradient(0deg, rgba(242, 246, 245, 1) 0%, rgba(223, 227, 226, 1) 100%);
}
.wlw-section:after{
    content: " ";
    display: block;
    background: #fff;
    width: 100%;
    height: 38%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.wlw-section .wlw-block1{position: relative;z-index: 2;}
.wlw-section .wlw-block1 .wlw-b-1{
	float: left;
    width: 62%;
}
.wlw-section .wlw-block1 .wlw-b-1 .txt-3d{
	color: #fff;
    font-size: 90px;
    font-weight: 300;
    max-width: 500px;
    letter-spacing: 22px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #dddfde, 0 2px 0 #dddfde, 0 3px 0 #dddfde, 0 4px 0 #dddfde, 0 5px 0 #dddfde, 0 6px 0 #dddfde, 0 7px 0 #dddfde, 0 8px 0 #dddfde, 0 9px 0 #dddfde, 0 10px 0 #dddfde, 0 11px 0 #dddfde, 0 12px 0 #dddfde, 0px 20px 20px #000;
    margin: 0px auto 80px;
}
.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev .wlw-app{
	flex: 0 0 auto;
    width: 33.33333333%;
    text-align: center;
}
.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev .wlw-app img{
	display: inline-block;
    margin-bottom: 10px;
}
.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev .wlw-app label{
	color: #0084d6;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.wlw-section .wlw-block1 .wlw-b-2{
	float: left;
    width: 38%;
	background: transparent url(../images/website-stripev2.png) repeat 0px 0px;
}
.wlw-section .wlw-block1 .wlw-b-2 .wlwb2wrap{
	background: #fff;
    padding: 25px 30px 10px;
    box-shadow: 0px 0px 18px 0px #0000002e;
	margin-bottom:150px;
}
.wlw-section .wlw-block1 .wlw-b-2 h3{
	color: #f0420d;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
}
.wlw-section .wlw-block1 .wlw-b-2 p{
	color: #3d3d3d;
    font-size: 12px;
    line-height: 200%;
    margin-bottom: 25px;
}
.wlw-section .wlw-block1 .wlw-b-2 .cbtn{
	display: inline-block;
    background: #f0420d;
	border-radius:2px 2px;
    color: #fff;
    font-size: 14px;
	font-weight: 400;
    padding: 11px 22px;
}

.s-blog-teaser{
	background: #fff;
	padding:0px 20px;
}
.s-blog-teaser .blog-row .p0{padding:0px 0px;}
.s-blog-teaser .blog-row .bwrap{
	box-shadow: 0px 0px 18px 0px #0000004a;
}
.home .s-blog-teaser .blog-row .bwrap{box-shadow:none;}
.s-blog-teaser .blog-row img{width: 100%;}
.s-blog-teaser .blog-row p{
	background: #0084d6;
    color: #fff;
    font-size: 17px;
    margin: 0px 0px;
    padding: 15px 12px 15px 55px;
    line-height: 130%;
    position: relative;
}
.s-blog-teaser .blog-row p:before{
	content: " ";
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url(../images/blog-arrow.png) no-repeat center center;
}

@keyframes pulse {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.1, 1.1);
    }

    100% {
    transform: scale(1, 1);
    }
}

.pulse-1{animation: pulse 3s linear infinite;}

.b-form{margin: 110px 0px 110px;}
.b-form h2{
	color: #0084d6;
    font-size: 45px;
    text-align: center;
}
.b-form form{max-width: 940px;}
.b-form form .block{
	float:left;width:50%;padding:5px 5px;
}
.b-form form .block .field{}
.b-form form .block .field p{margin-bottom:0px;}
.b-form form .block .field input[type="email"],
.b-form form .block .field input[type="text"]{
	background: #f5f5f5;
    border: 0px;
    border-radius: 4px;
    color: #3d3d3d;
    width: 100%;
    padding: 10px 15px;
    outline: none;
    margin: 10px 0px 0px;
}
.b-form form .block .field textarea{
	background: #f5f5f5;
    border: 0px;
    border-radius: 4px;
    color: #3d3d3d;
    width: 100%;
    padding: 10px 15px;
    outline: none;
    margin: 10px 0px 0px;
	resize: none;
    height: 99px;
}
.b-form form .option{clear:both;text-align:right;padding: 0px 5px;}
.b-form form .option input[type="submit"]{
	display: inline-block;
    background: #f0420d;
	border:0px;
	border-radius:2px 2px;
    color: #fff;
    font-size: 14px;
    padding: 11px 22px;
	margin:0px 0px;
	max-width: 160px;
}
.b-form form .option .wpcf7-spinner{
	display: block;
    margin-top: -35px;
}

.wpcf7 .form-col{float:left;width:50%;padding:0px 15px 0px;}
.wpcf7 h2{
	color: #0084d6;
    font-size: 45px;
    text-align: center;
}
.wpcf7 p{display:block;width:100%;clear:both;}
.wpcf7 .form-col p{
    display: block;
    width: 100%;
    clear: both;
	margin-bottom:0px;
}
.wpcf7 .form-col label{
    width: 100%;
}
.wpcf7 .form-col input[type="text"],
.wpcf7 .form-col input[type="email"],
.wpcf7 .form-col input[type="number"]{
    border: 1px solid #ccc;
    padding: 10px 20px;
    outline: none;
    width: 100%;
}
.wpcf7 .form-col textarea{
    border: 1px solid #ccc;
    padding: 10px 20px;
    outline: none;
    width: 100%;
    height: 108px;
}
.wpcf7 .wpcf7-submit{
    display: block;
    width: 100%;
    max-width: 200px;
    background: #0084D6;
    border: 0px;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
    margin: 0px auto;
}

.inner-page #page_wrap .ip-ws-wrap{
	position: relative;
    max-width: 1240px;
    margin: 0px auto;
	padding:0px 10px 80px;
}

.inner-page #page_wrap .container,
.inner-page #page_wrap .container-lg{position: relative;z-index:5;}

.pc-wrap{}
.pc-wrap p{
	font-size: 22px;
    font-weight: 300;
    line-height: 180%;
    margin-bottom:45px;
}



.wl-testimonial{
    padding: 90px 0px 20px;
	background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 85%, rgba(235, 238, 238, 1) 95%, rgba(223, 227, 226, 1) 100%);
}
.wl-testimonial .wl-t-copy h2{
	color: #f0420d;
    font-size: 45px;
    font-weight: 500;
}
.wl-testimonial .wl-t-copy p{
	font-size: 20px;
    color: #3d3d3d;
    padding: 10px 0px 0px 50px;
    margin: 0px 0px;
}
.wl-testimonial .wl-t-lists{
	padding:80px 0px 80px;
	align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}
.single-testmonial {
	display: block;
	position: relative;
	padding: 35px 30px;
	background: #F5F5F5;
	border: 1px solid #f0f0f0;
	margin-bottom: 30px;
	overflow: hidden;
}

.wl-testimonial .single-testmonial img {
	width: 80px;
	height: 80px;
	border: 5px solid #fff;
	box-shadow: 0 4px 4px #ccc;
	border-radius: 50%;
}

.wl-testimonial .person-image {
	position: absolute;
	display: inline-block;
}

.wl-testimonial .single-testmonial i {
	background: #f0420d;
	font-size: 14px;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	bottom: 0;
	left: -4px;
	border-radius: 50%;
	text-align: center;
	cursor: default;
	transition: all 0.5s ease;
}

.wl-testimonial .single-testmonial:hover i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wl-testimonial .single-testmonial p {
	font-size: 14px;
    line-height: 22px;
    color: #777;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.wl-testimonial .single-testmonial h5 {
	color: #f0420d;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0 0;
}

.wl-testimonial .single-testmonial h5 span{
	font-size: 12px;
	color: #777;
	font-style: italic;
}

.wl-testimonial .single-testmonial p,
.wl-testimonial .single-testmonial h5 {
	margin-left: 110px;
}


.chdr h2{
	text-align: center;
    color: #0084d6;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 600;
    margin: 0px 0px 45px;
}

.chdr h2:before {
    content: " ";
    display: block;
    width: 100%;
    max-width: 494px;
    margin: 0px auto 20px;
    border-top: 1px solid #0084d6;
}
.chdr h2:after {
    content: " ";
    display: block;
    background: url(../images/bottom-line.png) center no-repeat;
    width: 100%;
    max-width: 494px;
    height: 50px;
    margin: 20px auto 0px;
}

.section-section{padding-left:20px;padding-right:20px;}
.section-gallery,
.section-team{
	background:#f8f9f2;
	padding-top:60px;
	padding-bottom:60px;
}
.aboutus-section.section-gallery{padding:60px 15px;}

.about-us-gallery{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    column-gap: 0px;
}
.about-us-gallery .ag-photo{
	flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px 0px;
    margin: 0px 0px;
	position:relative;
}
.about-us-gallery .ag-photo a{display:block;}
.about-us-gallery .ag-photo .clrd{
	width: 100%;
}
.about-us-gallery .ag-photo .drkr{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.about-us-gallery .ag-photo:hover .drkr{opacity:0;}

.about-us-ceos{
	background: #f0420d;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.about-us-ceos .au-ceos-p{
	flex: 0 0 auto;
    width: 50%;
}
.about-us-ceos .au-ceos-p img{}
.about-us-ceos .au-ceos-c{
	flex: 0 0 auto;
    width: 50%;
    padding: 50px 50px;
}
.about-us-ceos .au-ceos-c p{
	color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 180%;
	margin-bottom:35px;
}
.about-us-ceos .au-ceos-c p:last-child{margin-bottom:0px;}



.about-expertise{
	padding:60px 15px;
}
.about-expertise p{
	font-size: 28px;
    font-weight: 300;
    line-height: 180%;
	margin-bottom:35px;
}


.about-our-team{padding:0px 0px;}
.about-our-team p{
	font-size: 28px;
    font-weight: 300;
    line-height: 180%;
	margin-bottom:35px;
	text-align:center;
}
.about-our-team .our-team-list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    column-gap: 0px;
}
.about-our-team .our-team-list .staff{
	flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px 0px;
    margin: 0px 0px;
	position:relative;
}
.about-our-team .our-team-list .staff a{display:block;}
.about-our-team .our-team-list .staff .clrd{width: 100%;}
.about-our-team .our-team-list .staff .drkr{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.about-our-team .our-team-list .staff:hover .drkr{opacity:0;}


.about-apply{padding:60px 15px;}
.about-apply p{
	font-size: 28px;
    font-weight: 300;
    line-height: 180%;
	margin-bottom:35px;
	text-align:center;
}


.case-study-list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    column-gap: 0px;
	margin-bottom: 100px;
}

.case-study-list .cs-item{
	flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px 0px;
    margin: 0px 0px;
	position:relative;
}
.case-study-list .cs-item a{display:block;}
.case-study-list .cs-item a h3{
	margin: 0px 0px;
    background: #f0420d;
    color: #fff;
    text-align: right;
    padding: 10px 15px;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.case-study-list .cs-item a h3 .fa{
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    position: relative;
    top: -2px;
    background: #fff;
    color: #f0420d;
    border-radius: 20px;
    padding: 8px;
}
.case-study-list .cs-item .size-case-study-cover{
	width: 100%;
	height:auto;
	filter: grayscale(80%);
	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.case-study-list .cs-item:hover .size-case-study-cover{
	filter: grayscale(0);
}


.testimonials-list{margin-bottom: 100px;}
.testimonials-list .testimonial-player{
	background: #fb5c3c;
    padding: 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.testimonials-list .testimonial-player .tp-video{
	flex: 0 0 auto;
    width: 65%;
    position: relative;
}
.testimonials-list .testimonial-player .tp-video iframe{
	margin: 0px 0px;
    padding: 0px 0px;
    display: block;
	max-width:100%;
}
.testimonials-list .testimonial-player .tp-meta{
	flex: 0 0 auto;
    width: 35%;
    padding: 30px 30px;
}
.testimonials-list .testimonial-player .tp-meta .name{
	color: #fff;
    font-size: 20px;
    margin-bottom: 35px;
}
.testimonials-list .testimonial-player .tp-meta .name .n{
	font-size: 34px;
    font-weight: 300;
    display: block;
    text-align: center;
}
.testimonials-list .testimonial-player .tp-meta .name .c{
	font-size: 18px;
    text-align: center;
    display: block;
}
.testimonials-list .testimonial-player .tp-meta .quote{
	font-size: 36px;
    color: #fff;
    font-weight: 300;
    position: relative;
    padding: 0px 20px;
    text-align: center;
}
.testimonials-list .testimonial-player .tp-meta .quote:before{
    content: " ";
	background:transparent url(../images/quote-left-white.png) no-repeat 0px 0px;
	background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.testimonials-list .testimonial-player .tp-meta .quote:after{
    content: " ";
	background:transparent url(../images/quote-right-white.png) no-repeat 0px 0px;
	background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    position: relative;
    top: 12px;
}

.testimonials-list .testimonial{
	padding: 0px 0px;
    margin: 0px 0px;
}
.testimonials-list .testimonial a{display: block;position: relative;}
.testimonials-list .testimonial .clrd{width: 100%;}
.testimonials-list .testimonial .drkr{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.testimonials-list .testimonial:hover .drkr {
    opacity: 0;
}

.cs-f-imgs{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	margin-bottom: 60px;
}
.cs-f-imgs .cs-logo{
	float: left;
	width: 25%;
	text-align: center;
}
.cs-f-imgs .cs-logo img{}
.cs-f-imgs .cs-logo a{
	display: block;
	color: #fff;
	background: #f0420d;
	padding: 10px 25px;
	text-transform: uppercase;
	max-width: 240px;
	text-align: center;
	margin: 45px auto 0px;
}
.cs-f-imgs .cs-m-image{
	float: left;
	width: 75%;
}
.cs-f-imgs .cs-m-image img{}

.cs-copy{margin-bottom: 20px;}
.cs-copy p{
	font-size: 18px;
	font-weight: 300;
	line-height: 170%;
	margin-bottom: 25px;
}

.cs-back{margin-bottom: 100px;}
.cs-back a{
	color: #f0420d;
	text-transform: uppercase;
}
.cs-back a span{
	font-size: 22px;
	position: relative;
	bottom: -4px;
}

.career-type{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    width: 100%;
    justify-content: center;
    margin: 60px 0px 100px;
}
.career-type .ctc{
	flex: 0 0 auto;
    width: 50%;
}
.career-type .ctc h3{
	color: #0084d6;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
}
.career-type .ctc a{
	display: block;
    max-width: 250px;
    text-align: center;
    margin: 20px auto 0px;
    padding: 0px 0px;
    border-top: 1px solid #afd3f1;
}
.career-type .ctc a .tf{
	padding:25px 25px;
	position: relative;
	bottom:0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.career-type .ctc a .tf img{width: 100%;max-width:116px;height:auto;}
.career-type .ctc a:hover .tf{
    bottom: -25px;
}
.career-type .ctc a h4{
	color: #0084d6;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px 0px;
}
.career-type .ctc a:after{
	content: " ";
    display: block;
    background: transparent url(../images/bottom-line2.png) no-repeat 0px 0px;
    background-size: contain;
    height: 48px;
	position: relative;
	bottom:0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.career-type .ctc a:hover:after{
    bottom: -50px;
}
.career-type .c-account{border-right: 1px solid #f1f1f1;}

.blog-lists{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.blog-lists .blr{
	flex: 0 0 auto;
    width: 25%;
    padding: 0px 10px;
    margin-bottom: 20px;
}
.blog-lists .blr .blr-wrap{
	box-shadow: 3px 3px 10px 0px #00000036;
}
.blog-lists .blr a{display:block;}
.blog-lists .blr a img{    width: 100%;}
.blog-lists .blr a p{
	background: #0084d6;
    color: #fff;
    font-size: 16px;
    margin: 0px 0px;
    padding: 15px 12px 15px 55px;
    line-height: 130%;
    position: relative;
}
.blog-lists .blr a p:before {
    content: " ";
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url(../images/blog-arrow.png) no-repeat center center;
}


.single #page h1{
	max-width: 1024px;
    margin-left: auto;
    margin-left: auto;
}
.single .blog-content{padding-right:20px;}
.single .blog-content .wp-post-image{
	display: inline-block;
    width: 100%;
    height: auto;
    max-width: 560px;
    float: left;
    margin-right: 25px;
}
.single .blog-content .blog-meta{
	display: inline-block;
    color: #fff;
    font-style: italic;
    font-size: 15px;
    margin: 0px 0px 30px;
    padding: 5px 12px 3px 15px;
    background: #ef4127;
    position: relative;
}
.single .blog-content .blog-meta:after{
    content: " ";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #ef4127;
    position: absolute;
    right: -10px;
    top: 0px;
}
.single .blog-content p{}
.single .blog-content a{color: #ef4127;}
.single .blog-content a:hover{color: #b61a12;}
.single .blog-content ul{}

.single .blog-content h2,
.single .blog-content h3,
.single .blog-content h4,
.single .blog-content h5,
.single .blog-content h6{
	font-weight: bold;
    font-style: normal;
    color: #0084d6;
    text-rendering: optimizeLegibility;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 1.2125em;
}

.single .blog-content h2{font-size: 36px;margin-top: 35px;}
.single .blog-content h3{font-size: 32px;margin-top: 35px;}
.single .blog-content h4{font-size: 26px;margin-top: 25px;}
.single .blog-content h5{font-size: 22px;margin-top: 25px;}
.single .blog-content h6{
	color: #ef4127;
	font-size: 20px;
    text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 15px;
}

.single #sidebar ul{
	padding: 0px 0px;
    margin: 0px 0px;
    list-style: none;
}
.single #sidebar ul li{
	font-size: 18px;
    font-weight: 300;
    line-height: 155%;
    margin-bottom: 10px;
}
.single #sidebar ul li h4{
	color: #0084d6;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    padding: 30px 0px 10px;
    margin: 30px 0px 0px;
}
.single #sidebar ul li h4:first-child{
	border-top: 0px;
    padding: 0px 0px 10px;
    margin: 0px 0px;
}
.single #sidebar ul li ul{}
.single #sidebar ul li ul li{line-height: 125%;}
.single #sidebar ul li ul li a{
	color: #ef4127;
    font-size: 16px;
    line-height: 125%;
    position: relative;
    padding-left: 22px;
    display: block;
}
.single #sidebar ul li ul li a:before {
	content: " ";
    display: block;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url(../images/blog-arrow.png) no-repeat 3px center;
    background-size: 7px auto;
}

.single #sidebar ul li ul li a:hover{color: #b61a12;}

.wpcf7-form{
	max-width: 680px;
    margin: 40px auto 0px;
}
.wpcf7-form h2{
	color: #0084d6;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 50px 0px 20px;
    text-align: center;
}
.wpcf7-form label{
	width: 100%;
    font-size: 16px;
    color: #6e6d6d;
}
.wpcf7-form label .wpcf7-form-control-wrap{
	display: block;
    margin: 0px 0px 15px;
    width: 100%;
}
.wpcf7-form label .wpcf7-form-control-wrap input[type="text"],
.wpcf7-form label .wpcf7-form-control-wrap input[type="email"]{
	border: 1px solid #ccc;
    padding: 10px 20px;
    width: 100%;
    outline: none;
}
.wpcf7-form .wpcf7-file{
	border: 1px solid #ccc;
    width: 100%;
    padding: 10px 10px;
}
.wpcf7-form .math-captc{margin: -20px 0px 0px;}
.wpcf7-form .wpcf7-submit{margin: 25px auto 0px;}


.single #page_wrap{padding:0px 10px 60px;}
.mmtrgger{
	display: none;
	cursor: pointer;
	cursor: hand;
}
.mmtrgger i{
	font-size: 30px;
	color: #f0420d;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #0278c1;
  overflow-x: hidden;
  padding-top: 40px;
  transition: 0.5s;
}
.sidenav .menu{
	padding: 0px 0px;
	margin: 0px 0px 20px;
	list-style: none;
}
.sidenav .menu li{padding: 5px 20px 5px;}
.sidenav .menu li a{
	text-decoration: none;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	display: block;
	transition: 0.3s;
	border-bottom: 1px solid #2b8ecb;
	padding: 10px 0px 10px;
	white-space:nowrap;
}
.sidenav .menu li a:hover{border-bottom: 1px solid #fff;}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 36px;
	color: #fff;
	background: #0769a5;
	width: 100%;
	height: 40px;
	line-height: 1;
	padding: 3px 10px 10px;
	text-align: right;
}
.sidenav .hdr-phone{    text-align: center;}
.sidenav .hdr-phone a{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	border: 2px solid #0278c1;
	padding: 7px 20px;
	border-radius: 5px;
	letter-spacing: 1px;
	white-space:nowrap;
}
.sidenav .hdr-phone a:hover{border: 2px solid #fff;}

#mn_overlay{
	background-color:rgba(0,0,0,0.4);
	display:none;
	width:100%;
	height:100%;
	position: fixed;
	z-index: 95;
}


.blog-lists .pagination{
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 40px;
}
.blog-lists .pagination .page-numbers{
	display: inline-block;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 5px 6px;
	line-height: 100%;
	width: 35px;
}
.blog-lists .pagination .page-numbers.dots{    border: 0px;    padding: 0px 0px;}
.blog-lists .pagination a.page-numbers:hover,
.blog-lists .pagination .page-numbers.current{
	color: #fff;
	background: #f0420d;
	border: 1px solid #f0420d;
}

.expertiseSide {position:fixed; top: 110px; left:0; bottom:0; width:130px; background:white; text-align:center;font-family: 'Fjalla One', sans-serif; font-weight:300; font-size:17px;border-right: 1px solid #EDEEE9;color:#0084d6;}
.expertiseSide a {
	color:#0084d6;display: block;padding: 12px 0;-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.expertArrow {width:17px; margin-left:8px; display:inline; vertical-align:middle;}
.expertiseSide li {list-style:none; margin: 0;}
.expertiseSide li a:hover, .expertiseSide .active {background:#0084d6; color:white;}
.expertiseC {margin:auto; width:100%; font-size:30px; padding:0px;}
.expertiseC p {}
.expertiseC h2 {margin: auto auto 20px;position:relative;}
.expertiseC .red {background:#ef4127; color:white;padding: 30px; text-align:center;}
.expertiseC .red h2 {color:white; max-width:none; margin:auto;}
.expertiseC .red p {margin:0;}
.expertiseC .red ul {display:inline-block; margin:20px 40px;padding:0px 0px;}
.expertiseC .red li {text-align:center; list-style:none;}
.expertiseSide span {display:none;}


.smallvideoWrapper {
	position: relative;
	padding-bottom: 17.1%;
	padding-top: 25px;
	height: 0;
	width: 33%;
	float: left;
	margin: -1px;
}

/**
* Section Blocks CSS Templates added by wilson
*/
.section-block{padding: 20px 0;}
.bg-rgb{background-color: transparent;}
.bg-img{
    background-repeat: no-repeat;
    background-position: 100% top;
    background-size: cover;
}
.col-block h6{color: #538fff;}
.col-block h2{color: #ffffff;}

.rgb-bg{background-color:#ffffff;}
.rgb-bg.blue{background-color:#0084d6;}
.rgb-bg.red, .rgb-bg .red{background-color:#f0420d;}
    .banner-desc{
        max-width: 1180px;
        margin: 0 auto;
        padding-top: 80px;
    }
    .block-table h5{
        text-align: center;
        background: #0084d6;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 0;
    }
        .col-block h3{color: #f0420d; margin-bottom: 35px;}
        .col-block h4{color: #0084d6;}
        .col-block ul li::marker{color: #0084d6;}
        .col-block .cta-btn{
            text-align: center;
            text-transform: capitalize;
            display: inline-block;
            color: #ffffff;
            padding: 10px 35px;
            margin-bottom: 20px;
        }
        .col-block .cta-btn:hover{opacity: 0.8;}
            .cta-btn.bg-blue{background-color: #0084d6;}
            .cta-btn.bg-red{background-color: #f0420d;}
            .cta-btn.small{padding: 10px 35px;}
            .cta-btn.medium{padding: 12px 35px;}
            .cta-btn.large{padding: 15px 35px;}
    .block-testimonial{
        max-width: 1216px;
        margin: 0 auto;
        background-color: #f0420d;
        padding: 30px 15px;
        color: #ffffff;
    }
    .block-testimonial img{margin: 0 auto; display: block;}
    .block-testimonial .col-block h4{text-align: center; color: #ffffff;} 
    .block-testimonial .col-block span{text-align: center; font-size: 18px; display: block;}
    .block-testimonial .col-block blockquote{font-weight: 100; font-size: 22px;}

    /* Media Queries min-width */
    @media (min-width: 320px){
        .block-testimonial .col-block h4{margin-top: 15px;}
    }
    @media (min-width: 480px){
        
    }
    @media (min-width: 768){
        .block-testimonial .col-block h4{margin-top: 0;}
    }
    @media (min-width: 992px){
        .block-testimonial .col-block blockquote{font-size: 26px;}
    }
    @media (min-width: 1200px){
        .block-testimonial .col-block h4{font-size: 34px;}
        .block-testimonial .col-block blockquote{
            font-size: 34px;
            line-height: 40px;
        }
    }
    /* Media Queries max-width */
    @media (max-width: 576px){
       #block-id.bg-img{
            background-position: 73% top;
            background-size: initial;
       }
    }



#footer{
	padding: 35px 20px 55px;
    background: #f0420d;
}
#footer .footer-logo{}
#footer .footer-logo img{}
#footer .addr{}
#footer .addr p{
	color: #fff;
	font-size:12px;
    margin: 20px 0px 25px;
}
#footer .addr p a{color: #fff;font-size:14px;font-weight:600;}

#footer .social-media{
	padding: 0px 0px;
    margin: 20px 0px 0px;
    list-style: none;
    display: inline-block;
    max-width: 200px;
}
#footer .social-media li{
	display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0px 5px 10px;
}
#footer .social-media li a{
	display: block;
    background: #fff;
    text-align: center;
    padding: 6px 5px;
    border-radius: 5px;
}

#footer .copyright{	color: #fff;font-size:12px;text-align: center;margin-top:20px;}

@media only screen and (max-width: 1024px) {
	#site_header .hdr-nav .main-nav,
	#site_header .hdr-nav .hdr-phone{display:none;}
	
	.mmtrgger{display:block;}
	.home-video .video-player .video {
		max-width: 100%;margin:0px auto;
	}
	
	#site_header #logo {
		max-height: 60px;
	}
	#site_header #logo img {
		margin-bottom: -100px;
		max-width: 200px;
	}
	#site_header .hdr-nav {
		padding: 15px 0px;
	}
	.wl-ta {padding: 0px 10px;}
	.wl-ta .wl-s-hdr{background-image:none;}
	.wlw-owrk {
		padding: 60px 15px 100px;
	}
	.home-video .video-player .video{height: 600px;}
	.s-company-gallery .hdr-copy p {

		padding: 20px 0px 0px 0px;
	}
	.home-video .video-player {
		padding: 115px 65px 50px 25px;
	}
	.home-video .video-player .video img {height:unset;max-width: 80%;}
	.home-video .video-player .video video {
		margin-top: 50px;
	}
	.wlw-section .wlw-block1 .wlw-b-1 .txt-3d{    font-size: 70px;}
	
	.testimonials-list {
		margin-bottom: 0px;
	}
	.testimonials-list .testimonial-player {

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
		padding: 10px 15px;
	}
	.testimonials-list .testimonial-player .tp-video {
		width: 100%;
	}
	.testimonials-list .testimonial-player .tp-meta {
		width: 100%;
		padding: 0px 0px 25px;
	}
	.testimonials-list .testimonial-player .tp-meta .name .n {
		font-size: 28px;
	}
	.testimonials-list .testimonial-player .tp-meta .name .c {
		font-size: 16px;
	}
	.testimonials-list .testimonial-player .tp-meta .quote {
		font-size: 28px;
	}
	.testimonials-list .testimonial-player .tp-video iframe{    margin: 0px auto 25px;}
	.blog-lists .blr {
		width: 33.333%;
	}
	.single .blog-content{    padding-right: 0px;}
}
@media only screen and (max-width: 768px) {
    
    #header { z-index: 999;}
    #site_header .hdr-nav{z-index: 55;}
    #site_header #logo img {
        max-width: 135px;
    }
    .sticky #site_header #logo img {
        margin-bottom: -110px;
        max-width: 120px;
        margin-top: 10px;
    }
    .white-stripe{max-width: 60%;}
    
    .home-video .video-player{min-height: 320px;}
    
    .s-company-gallery .gallery .gblock1 .g-img .g-img.r-1{display:none;}
    .s-company-gallery .gallery .gblock1 .g-img .g-img{float:none;width:100%;}

	.s-company-gallery .gallery .gblock2,
	.s-company-gallery .gallery .gblock1 {
		width: 100%;
	}
	.s-company-gallery .gallery .gblock1 .c-1 {
		padding-top: 0px;
	}
	
	.s-company-gallery .hdr-copy h2 {
		text-align: center;
	}
	.s-company-gallery .hdr-copy p {
		max-width: 100%;
		text-align: center;
		margin: 0px 0px;
	}
	
	.s-services .services-offer ul li {
		color: #fff;
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 15px;
		width: 50%;
		padding: 0px 0px;
	}
	.s-services .services-offer ul li a{color: #fff;}
	
	.wlw-section{    padding: 45px 20px 0px;}
	.wlw-section .wlw-block1 .wlw-b-1,
	.wlw-section .wlw-block1 .wlw-b-2{
		float: none;
		width: 100%;
	}
	.wlw-section .wlw-block1 .wlw-b-1 .txt-3d{margin: 0px auto 50px;}
	.wlw-section .wlw-block1 .wlw-b-2 .wlwb2wrap {
		margin-bottom: 80px;
		margin-top: 40px;
	}
	.wlw-section:after {
		height: 25%;
	}
	
	.b-form {
		margin: 65px 0px 110px;
	}
	.right-on-mobile{text-align:right;}
	.wlw-section .wlw-block1 {
		padding: 0px 0px;
	}
	.wlw-section .wlw-block1 .wlw-b-1 .txt-3d{font-size: 56px;}
	.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev .wlw-app img {
		max-width: 50px;
	}
	.wlw-section .wlw-block1 .wlw-b-1 .wlw-dev .wlw-app label {
		font-size: 16px;
	}
	.inner-page #page h1{font-size: 48px;padding-bottom:40px;}
	.case-study-list .cs-item{width: 50%;}
	
	.blog-lists .blr {
		width: 50%;
	}
	
	.single #sidebar{margin-top:40px;}
	
	.wpcf7 .form-col {
		float: none;
		width: 100%;
	}
	.about-us-ceos {flex-wrap: wrap;}
	.about-us-gallery .ag-photo{width:50%;}
	
	.about-us-ceos .au-ceos-p,
	.about-us-ceos .au-ceos-c{
		width: 100%;
	}
	.about-us-ceos .au-ceos-c {
		padding: 20px 25px 40px;
	}
	
	.career-type .ctc.col3 {
		width: 33.333%;
	}
	.career-type .c-web,
	.career-type .c-design{border-right: 1px solid #f1f1f1;}

	#footer .addr p {
		margin: 0px 0px 25px;
	}
	#footer .social-media {
		margin: 20px auto 0px;
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	
	.s-blog-teaser .col-sm-4{width: 100%;}
	.s-blog-teaser p {
		margin: 0px 0px 25px;
	}
	.s-services .services-offer ul li {
		font-size: 18px;
		font-weight: 400;
	}
	.s-services .services-gallery .gblock1 {
		float: none;
		width: 100%;
		text-align: center;
	}
	.s-services .services-gallery .gblock2 {
		float: none;
		width: 100%;
	}
	.blog-lists .blr {
		width: 100%;
	}
	.b-form form .block {
		float: none;
		width: 100%;
	}
	.single-testmonial {
        padding: 18px 25px;
    }
}
@media only screen and (max-width: 520px) {
	.s-services .services-offer ul li {
		font-size: 17px;
		font-weight: 400;
	}
}

/*
* Added by: Lyndon
* 02-05-2025
*/

@media(max-width: 430px){
    .s-services::before{
        height: 76%;
    }
    .services-gallery2 .bx-wrapper{
        margin-bottom: 0px;
    }
        .services-gallery2 .bx-wrapper .bx-controls-direction a.bx-next{
            right: -14px;
            top: -15px;
            bottom: 0;
            margin: auto;
        }
        .services-gallery2 .bx-wrapper .bx-controls-direction a.bx-prev{
            left: -14px;
            top: -15px;
            bottom: 0;
            margin: auto;
        }
    #the-agency.wl-ta .wl-s-content{
        padding-top: 20px;
    }
        #the-agency.wl-ta .wl-s-content .wl-s-copy{
            text-align: center;
        }
    .home-tagline .container-md{
        max-width: 95%;
    }
    #testimonial{
        padding-top: 60px;
    }
        #testimonial h2{
            text-align: center;
        }
        #testimonial .wl-t-lists{
            padding-top: 20px;
            padding-bottom: 40px;
        }
    .section-team .margin-top-custom p{
        margin-top: 65px;
    }
    .section-team .swiperCharacters{
        padding: 0px !important;
    }
    .section-team .cell .swiper-button-next1,
    .section-team .cell .swiper-button-prev1{
        display: block !important;
    }

    .section-team .cell .swiper-button-next1 img,
    .section-team .cell .swiper-button-prev1 img{
        max-width: 20px;
    }
    #testimonial .single-testmonial{
        margin-bottom: 15px;
    }
    .home-video.home-video-client{
        overflow: hidden;
    }
    .wl-ta .wl-s-content .wl-ta-list .wl-staff{
        padding: 10px;
    }
    .wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta h5{
        font-size: 16px !important;
    }
    .wl-ta .wl-s-content .wl-ta-list .wl-staff .team-meta p{
        font-size: 11px !important;
    }
    .case-study-list{
        flex-direction: column;
    }
        .case-study-list .cs-item{
            width: 100%;
        }
    .chdr h2{
        font-size: 42px;
    }
    .inner-page #page h1{
        font-size: 42px;
    }
    .cs-copy{
        display: flex;
        flex-direction: column;
    }
    .page-content .cs-copy .cs-copy-b1, .page-content .cs-copy .cs-copy-b2{
        width: 100% !important;
        border: 0px !important;
    }
    .case-studies-template-default .cs-banner-img{
        margin: 0px;
    }
    .infusion-form .infusion-field, .infusion-form .infusion-submit{
        width: 100% !important;
    }
    .sidenav .menu li{
        display: block;
        width: 100%;
    }
}