body {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 1.8em;
	color: #444
}
@font-face {
	font-family: "Flaticon";
	src: url("../fonts/Flaticon.eot");
	src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "Flaticon";
		src: url("../fonts/Flaticon.svg#Flaticon") format("svg")
	}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	font-family: Flaticon;
	font-size: 20px;
	font-style: normal;
	margin-left: 0
}
.flaticon, .flaticon:after, .flaticon:before {
	font-family: Flaticon
}
.flaticon-mail:before {
	content: "\f100"
}
.flaticon-facebook:before {
	content: "\f101"
}
.flaticon-linkedin-logo:before {
	content: "\f102"
}
.flaticon-phone-receiver:before {
	content: "\f103"
}
.left {
	float: left
}
.right {
	float: right
}
br.clear {
	clear: both;
	line-height: 0
}
.clear {
	clear: both
}
p {
	line-height: 1.6em
}
.hidden {
	display: none
}
a {
	color: #353536
}
.container {
	width: 1280px;
	max-width: 90%
}
#header {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 6;
	padding-top: 30px
}
#header.sticky {
	background: #fff;
	padding: 10px 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	position: fixed
}
#header.sticky nav li {
	padding: 10px 0
}
#header.sticky nav li li {
	padding: 0
}
#header.sticky .brand_logo img {
	width: 100px
}
#header.sticky nav {
	margin-top: 0
}
#header .container {
	max-width: 90%
}
#header .brand_logo {
	float: left;
	margin: 0;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	line-height: 0;
}
#header .brand_logo img {
	width: 200px;
	display: block
}
#header nav {
	margin-top: 27px
}
#header nav li {
	margin-left: 30px;
	padding-bottom: 20px
}
#header nav li a {
	color: #363636;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
	font-weight: 500;
	position: relative
}
#header nav li ul {
	position: absolute;
	right: 0;
	margin: auto;
	top: 40px;
	background: #232e42;
	border-radius: 3px;
	display: none;
	list-style: none;
	padding-left: 0;
	width: 230px;
	padding: 10px
}
#header nav li ul:before {
	content: "";
	right: 15px;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #232e42;
	position: absolute;
	top: -10px
}
#header nav li:hover ul {
	display: block;
	text-align: left
}
#header nav li ul a {
	color: #fff !important;
	font-size: 13px;
	padding: 5px 10px;
	display: block;
	text-decoration: none !important
}
#header nav li ul li:hover a {
	background: #00afda;
	border-radius: 3px
}
#header nav li ul li a:after {
	display: none !important
}
#header nav li ul li {
	margin: 0;
	padding: 0
}
#header nav li a:hover, #header nav li a:focus, #header nav li.current-menu-item a, #header nav li.current-page-ancestor a {
	background: none;
	outline: none;
	color: #00afda
}
#header nav li a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
	margin: auto;
	height: 1px;
	background: #00afda;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
#header nav li a:hover:after {
	width: 100%
}
#spotlight {
	position: relative
}
#spotlight:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 70%;
	right: 0;
	z-index: 5;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}
#spotlight img {
	display: block;
	width: 100%;
	height: auto
}
#spotlight .content {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 25%;
	width: 100%;
	max-width: 1280px;
	color: rgba(35, 46, 66, 1);
}
#spotlight .content .cover {
	background: rgba(255, 255, 255, 0.3);
	padding: 40px 40px 40px 40px;
	max-width: 60%;
	backdrop-filter: blur(5px);
}
#spotlight h2 {
	font-size: 50px;
	font-weight: 700;
	margin: 0 0 20px 0
}
#spotlight .content p {
	font-size: 25px;
	line-height: 30px
}
.owl-item.active .content {
	animation: 0.8s .4s fadeInLeft both
}
#badge_cover {
	padding: 70px 0 70px;
	background: url(../images/line-pattern.png) repeat scroll 0 0 #00afda
}
#badge ul {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 0
}
#badge li {
	color: #fff;
	display: inline-block;
	width: 33%;
	padding: 0 20px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative
}
#badge li:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 60%;
	background: #fff;
	right: 0;
	bottom: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
#badge li b {
	font-size: 40px;
	line-height: 40px;
	display: block;
	-ms-text-align-last: auto;
	text-align-last: auto;
	color: #fff;
	font-weight: normal;
	margin-bottom: 10px
}
#badge li:last-child:after {
	display: none
}
#expertise {
	padding: 80px 0;
	color: #363636
}
#expertise .expert_item .col {
	padding: 15px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	text-align: center;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease;
	position: relative
}
#expertise .expert_item .col:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	background: #232e42;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
#expertise .expert_item .col:hover:after {
	height: 100%
}
#expertise .expert_item .col:nth-child(2n) {
	border-right: none
}
#expertise .expert_item .col:nth-child(5), #expertise .expert_item .col:nth-child(6) {
	border-bottom: none
}
#expertise .expert_item .col svg {
	width: 50px;
	height: auto;
	margin-bottom: 10px;
	fill: #333
}
#expertise .expert_item .col:hover svg {
	fill: #00abdc
}
#expertise .expert_item .col img {
	width: 60px;
	height: auto;
	margin-bottom: 10px
}
#expertise .expert_item .col h3 {
	font-size: 15px;
	color: #252a2c;
	margin-top: 0;
	font-weight: 400;
	text-transform: uppercase
}
#expertise .expert_item .inner {
	position: relative;
	z-index: 99
}
#expertise .expert_item .col:hover h3 {
	color: #00abdc
}
h2.title, span.title, h5.title {
	color: #363636;
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 20px;
	display: block
}
span.title, #we_do span.title b {
	font-size: 30px
}
#we_do span.title b {
	font-weight: 700
}
h2.title a, h5.title a {
	position: relative;
	text-decoration: none !important;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
h2.title a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #000;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
h2.title a:hover:after {
	width: 100%
}
h2.title a:hover {
	color: #000
}
h2.title b {
	font-weight: 900
}
#we_do {
	padding-top: 80px
}
#we_do .container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.left_section {
	padding-right: 60px
}
.right_section {
	padding-left: 60px
}
.section p {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 2em;
	color: #555
}
#we_do .col span.icon {
	width: 80px;
	height: 80px;
	position: relative;
	display: block;
	margin: 0 auto 20px
}
#we_do .col span.icon svg, #widgets .widget span.icon svg {
	width: 100%;
	height: auto;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
#we_do .col img {
	width: 100%;
	height: auto;
	opacity: 0.7
}
#we_do p {
	color: #363636;
	margin-bottom: 0
}
.section strong, .section b {
	font-weight: 700;
	font-weight: normal
}
#we_do .col {
	margin: 0;
	text-align: center;
	background: #fff;
	position: relative
}
#we_do .col:after {
	content: "";
	width: 1px;
	height: 50%;
	position: absolute;
	top: 0;
	right: 1px;
	bottom: 0;
	margin: auto;
	background: #ddd
}
#we_do h3, #we_do b {
	font-size: 18px;
	color: #232e42;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	text-decoration: none !important
}
#we_do a {
	text-decoration: none !important;
	display: block
}
#we_do .inner {
	position: relative;
	display: block;
	padding: 30px 0;
	outline: none !important
}
#we_do .col:before {
	content: "";
	height: 100%;
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(35, 46, 66, 1);
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	margin: auto
}
#we_do .col:hover:before, #we_do .col.active:before {
	width: 100%;
	height: 100%
}
#we_do .col:hover:after, #we_do .col:last-child:after, #we_do .col.active:after {
	display: none
}
#we_do .col.active .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid rgba(35, 46, 66, 1);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -10px
}
#we_do .col:hover span.icon svg, #we_do .col.active span.icon svg {
	fill: #00afda
}
#we_do .col:hover span.icon svg path, #we_do .col.active span.icon svg path{
	fill: #00afda
}
#widgets .widget:hover span.icon svg {
	fill: #00afda
}
#we_do .col:hover h3, #we_do .col.active h3 {
	color: #00afda !important
}
a.button, .button {
	text-transform: uppercase;
	color: #00afda;
	border: 1px solid  #00afda;
	display: block;
	width: 200px;
	text-align: center;
	height: 45px;
	line-height: 40px;
	font-size: 13px;
	margin: 20px auto 0;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
a.button span, .button span{
	position: relative;
	z-index: 2
}
a.button:after, .button:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 200px;
	z-index: 1;
	background: #00afda; 
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg)
}
a.button:hover, .button:hover{
	text-decoration: none !important;
	color: #fff
}
a.button:hover:after, .button:hover:after {
	width: 100%
}
.button.career_trigger {
	margin: 0;
}
.tseep_btn
{
	float:right;
}
.mt40 {
	margin-top: 40px !important
}
.mt20 {
	margin-top: 20px !important
}
.images .image {
	overflow: hidden;
	position: relative;
	height: 400px
}
.images:before {
	content: "";
	position: absolute;
	top: -50px;
	height: 100%;
	width: 1px;
	right: -20px;
	background: #ddd
}
.images.pull-right:before {
	left: -20px;
	right: unset
}
.images .image.two {
	margin-top: 30px;
	float: right
}
.images .image img {
	width: auto;
	height: auto;
	position: absolute;
	left: -100px;
	top: 0;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease
}
.section:hover .image img {
	left: -200px
}
#technology, #industry {
	padding: 70px 0;
	background: #fcfcfc;
	text-align: center
}
#technology .container {
	width: 60%
}
#products {
	padding: 80px 0;
	/* background: #d3edfa; */
	background-color: transparent;
  	background-image: linear-gradient(135deg, #D0EEFD 0%, #E8E4DA 100%);
}
.products_list {
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed
}
.products_list .product_item {
	position: relative;
	display: inline-block;
	width: 49%;
	padding: 10px
}
.products_list .product_item span {
	border: 1px solid #f5f5f5;
	display: block;
	padding: 40px 20px
}
.products_list img {
	width: 200px;
	height: auto;
	position: relative;
	z-index: 1;
	background: #fff
}
.slide_me.owl-carousel .owl-item img, .slide_me_2.owl-carousel .owl-item img {
	width: auto;
	display: block;
	margin: 0 auto;
	max-height: 75px
}
#tech_slide {
	position: relative;
	margin: 50px 0
}
#tech_slide .logo {
	background-size: contain;
	height: 75px;
	background-position: center center;
	background-repeat: no-repeat;
}
#channels {
	padding: 30px;
	margin-top: 50px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	position: relative
}
.slide_me .owl-nav div, #clients .owl-nav div {
	width: 26px;
	height: 39px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	text-indent: -9999px;
	overflow: hidden
}
.slide_me .owl-prev, #clients .owl-prev {
	background: url(../images/left-arrow.png);
	left: 0
}
.slide_me .owl-next, #clients .owl-next {
	background: url(../images/right-arrow.png);
	right: 0
}
#channels .owl-nav {
	display: none
}
#channels h5 {
	margin: 0;
	color: #363636;
	font-size: 23px
}
#channels h5 b {
	font-weight: 700;
	font-weight: normal
}
#clients {
	text-align: center;
	padding: 50px 0
}
#clients .container {
	padding: 30px 0 25px
}
#clients span.title {
	text-align: left
}
h2.title.center {
	text-align: center
}
#clients div.item {
	padding: 0;
	position: relative
}
#clients div.item img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
.clients {
	padding: 0 34px
}
#testimonial {
	background: url(../images/bg.jpg) no-repeat fixed center center;
	min-height: 500px;
	padding: 50px 0;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover
}
#testimonial h2.title {
	color: #fff
}
#testimonial div.item {
	color: #fff;
	font-size: 15px;
	text-align: center
}
#testimonial div.item div.content {
	margin: 0;
	overflow: hidden;
	padding: 0 20%
}
#testimonial div.item div.content p {
	margin-bottom: 0
}
#testimonial div.item span, #testimonial div.item small {
	display: block
}
#testimonial div.item img.photo {
	display: block;
	width: 100%;
	margin: 0 auto 15px;
	width: 100px;
	height: auto;
	border-radius: 50%;
	border: 3px solid #fff
}
#testimonial div.item img.quote {
	width: 24px;
	height: auto;
	margin: 0 0 10px -50px
}
#testimonial div.item img.right-quote {
	float: right;
	margin: 0 -50px 0 0
}
#testimonial  .owl-nav div {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	text-indent: -9999px;
	overflow: hidden
}
#testimonial .owl-prev {
	background: url(../images/left-arrow-white.png);
	left: 0
}
#testimonial .owl-next {
	background: url(../images/right-arrow-white.png);
	right: 0
}
#testimonial_2 {
	padding: 60px 0;
	background: #f9f9fb;
}
#testimonial_2 img {
	max-width: 350px;
	height: auto;
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}
#testimonial_2 span {
	font-weight: 700;
	color: #000;
	display: block;
	font-size: 22px;
}
#testimonial_2 small {
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
}
#testimonial_2 h5.title {
	margin-bottom: 60px;
}
#testimonial_2 p{
	font-size: 15px;
	line-height: 1.8em;
}
#testimonial_2 .content {
	padding-top: 40px;
	color: #000;
}
#testimonial_2 .owl-nav div{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.4;
	background: url(../images/next.svg) no-repeat scroll 0 0;
}
#testimonial_2 .owl-next{
	right: -60px;
}
#testimonial_2 .owl-prev {
	left: -60px;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
footer {
	background: #232e42;
	position: relative;
	z-index: 1
}
#contact .scl a, #contact .email, #contact .phone, footer {
	color: rgba(255, 255, 255, 0.8)
}
#contact .scl img {
	width: 32px;
	height: auto
}
#contact img.white_logo {
	width: 100px;
	margin-bottom: 10px
}
footer .partners img {
	padding: 0 10px;
	background: #fff;
	margin-bottom: 10px;
	width: 35%;
	height: auto !important;
}
#map {
	width: 100%;
	height: 400px
}
.gm-style .gm-style-iw {
	color: #000
}
#contact {
	padding: 40px 0;
}
#contact span.title {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 30px;
	display: block;
	color: #eee
}
#contact p {
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 30px
}
#contact .scl {
	margin-bottom: 20px;
}
#contact .scl a {
	margin: 0 10px;
	text-decoration: none;
	margin-top: 20px
}
#contact .scl a i:before {
	font-size: 30px
}
#contact .scl a img {
	width: 40px;
	height: 40px
}
#contact .scl a:hover {
	opacity: 0.7;
}
#contact .email, #contact .phone {
	font-size: 15px;
	display: inline-block;
	padding-left: 0;
	position: relative;
	height: 36px;
	line-height: 36px;
	margin: 0 20px 20px;
	text-decoration: none !important
}
#contact .email {
	height: auto;
	margin: 0 0 10px
}
#contact .phone i, #contact .email i {
	margin-right: 5px
}
#secfoot {
	padding: 15px 0 15px;
	background: #182132;
	color: #7d7d7d
}
#secfoot ul {
	margin-right: 20px;
	padding-left: 0;
	margin-bottom: 0;
	text-align: center
}
#secfoot ul li {
	display: inline-block;
	list-style: none;
	margin-left: 20px;
	font-size: 13px
}
#secfoot ul li a {
	color: #7d7d7d
}
#secfoot p {
	margin-bottom: 0
}
#spotlight.banner {
	height: 400px;
	-webkit-background-size: cover;
	background-size: cover
}
#spotlight.tseep_banner  {
	position: relative;
}
#spotlight.tseep_banner .banner_title {
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	margin: auto;
	max-width: 90%;
}
#spotlight.banner .container {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	z-index: 5;
	padding: 0 0 50px 0
}
#spotlight.banner h1, #spotlight .banner_title h1 {
	color: #232e42;
	font-size: 50px;
	font-weight: 300
}
#spotlight .banner_title h1  {
	line-height: 65px;
	width: 50%;
}
.panel-layout {
	padding: 50px 0
}
#main_content {
	min-height: 500px
}
#portfolio {
	padding: 30px 0
}
.section {
	overflow: hidden
}
#portfolio .box {
	background: rgba(35, 46, 66, 0.9);
	padding: 40px;
	color: #fff !important;
	margin-top: -20%;
	backdrop-filter: blur(2px);
}
#portfolio .box h5.title a, #portfolio .box p {
	color: #fff
}
#portfolio img {
	width: 100%;
	display: block;
	height: auto
}
.single_page {
	font-weight: 400
}
.single_page ul {
	list-style-image: url('../images/dot.png');
	padding-left: 18px;
	margin-bottom: 20px
}
.single_page li {
	color: #000;
	margin-bottom: 10px;
	line-height: 1.6em
}
.single_page h3 {
	color: #222;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 25px
}
.single_page form h3 {
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px
}
.single_page .wp-caption {
	max-width: 100% !important;
}
.single_page .wp-caption img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}
#inner_content h3.title_1::after, #inner_content h2.title_1::after {
	content: "";
	display: block;
	height: 3px;
	width: 50px;
	background: #ac2629;
	margin: 5px 0
}
h2.title {
	font-weight: 300
}
.single_page h3.title_1 {
	text-transform: none;
	font-size: 20px;
	line-height: 1.5em
}
.single_page h1 {
	font-weight: 700;
	color: #000;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 33px
}
.single_page h2 {
	font-weight: 700;
	color: #000;
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 30px
}
.single_page b, .single_page strong {
	font-weight: normal;
	font-weight: 700
}
.single_page img {
	width: auto;
	max-width: 100%;
	height: auto
}
.single_page h3 {
	font-size: 24px;
}
.single_page h1, .single_page h2, .single_page h3, .single_page h4, .single_page h5, .single_page h6 {
	margin: 0;
	margin-bottom: 30px
}
.single_page h4 {
	margin-top: 20px;
	font-size: 16px;
	color: #000
}
.single_page h5 {
	font-size: 18px;
	margin-bottom: 10px
}
.single_page h6 {
	font-size: 15px
}
.single_page p {
	margin-bottom: 20px;
	color: #111
}
.single_page p a, .single_page li a {
	color: #00abdc
}
#faculties_single img {
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	margin-bottom: 20px
}
.single_page table {
	border-collapse: collapse;
	width: auto !important
}
.single_page td {
	border: 1px solid #eee;
	padding: 10px;
	width: auto !important;
	vertical-align: top
}
.single_page td h4, .single_page td h3 {
	margin: 0
}
.pt-tabs ul {
	padding-left: 0
}
.pt-tabs ul li a {
	font-weight: 600;
	color: #fff !important;
	border-radius: 0 !important;
	background: #d3373c !important;
	border: none !important;
	border-top: 3px solid #d3373c !important;
	outline: none;
	padding: 15px 15px 11px;
	font-size: 16px
}
.pt-tabs ul li.active a {
	background: none !important;
	color: #000 !important
}
.single_page .single p {
	margin-bottom: 0
}
.blogpage img {
	height: auto;
	margin-bottom: 20px;
}
.blogpage img.aligncenter {
	margin: 0 auto;
	display: block;
}
.blogpage .date {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 13px
}
.blogpage .date b {
	color: #232e42;
	font-weight: 600;
	display: inline-block
}
#widgets {
	padding: 50px 0;
	background: #f5f5f5
}
#widgets .widget {
	padding: 30px 50px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 5px;
	display: inline-block;
	float: none;
	margin-left: -2px;
	vertical-align: top
}
#widgets .widget span.icon {
	width: 50px;
	height: 50px;
	opacity: 0.6;
	display: block
}
#widgets .widget img {
	width: 100%;
	height: auto
}
#widgets .widget h3 {
	font-size: 18px
}
#widgets .widget:hover {
	background: #fff;
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
	-ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08)
}
#widgets_2 {
	padding: 0 0 50px;
	background: #f5f5f5
}
#widgets_2 .widget .cover {
	border: 1px solid #ddd;
	padding: 15px;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 3px;
	min-height: 100px;
	background: #fff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
#widgets_2 img {
	height: 80px;
	width: auto;
	max-width: 90%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
#widgets_2 .widget .cover:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
#widgets_2 .widget .cover:hover {
	border-color: #00afda
}
#widgets_2 h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #555;
	margin-bottom: 30px
}
#portfolio_content {
	padding: 50px 0;
}
#portfolio_menu {
	padding-left: 0;
	text-align: center;
	margin-bottom: 30px
}
#portfolio_menu li {
	display: inline-block;
	cursor: pointer;
	color: #868686;
	padding: 5px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 500
}
#portfolio_menu li.active {
	background: #232e42;
	color: #fff
}
#portfolio_widgets .hideme {
	display: none !important
}
#portfolio_widgets .cover {
	position: relative;
	z-index: 3;
}
#portfolio_widgets .cover img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
#portfolio_widgets .widget {
	float: none;
	vertical-align: top;
	margin-left: -3px;
	position: relative;
	padding: 20px;
	display: inline-block;
	overflow: hidden;
}
#portfolio_widgets a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	font-size: 0;
	height: 100%;
	z-index: 4;
}
#portfolio_widgets .overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: -100%;
	z-index: 0;
	font-size: 0;
	z-index: 3;
	background: #f5f5f5;
}
#portfolio_widgets .widget:hover, 
#portfolio_widgets .widget:hover div.details div.text b {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
#portfolio_widgets .widget.active {
	display: inline-block
}
#portfolio_widgets a {
	text-decoration: none !important
}
#portfolio_widgets .cover {
	position: relative;
}
#portfolio_widgets .cover .img {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
#portfolio_widgets .cover div.details {
	display: block;
}
#portfolio_widgets .cover:hover div.details {
	display: block
}
#portfolio_widgets div.details div.text {
	display: block
}
#portfolio_widgets div.details div.text b {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 20px;
	color: #222;
}
#portfolio_widgets div.details div.text p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px
}
#portfolio_widgets div.details a, #portfolio_widgets div.details small {
	color: #00afda;
	display: block;
	margin-top: 10px;
	font-size: 14px;
	margin-right: 10px
}
#portfolio_widgets div.details img {
	width: 15px;
	height: auto;
	display: inline-block
}
#portfolio_widgets .product-term {
	background: #232e42;
	padding: 3px 5px;
	color: #fff;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 12px;
}
/*careers section*/
.contact_page {
	padding: 70px 0 50px;
}
.nf-field-label label
{
	display: block !important;
	font-weight: normal !important;
}
.nf-before-form-content
{
	display: none !important;
}
.nf-field-element input, .nf-field-element textarea
{
	border: 1px solid #ddd;
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.nf-field-element textarea {
	height: 140px !important;
}
.submit-wrap .nf-field-element input[type="button"] {
    width: 200px;
    background: none !important;
    border: 2px solid rgba(55, 156, 213, 255) !important;
    height: 45px;
    border-radius: 3px;
    padding: 10px;
    align-items: flex-start;
    text-align: center;
    color: #555 !important;
    line-height: normal;
    width: 200px !important;
    padding: 0 !important;
}
.nf-fu-progress
{
	display: none;
}
.file_upload-wrap .btn {
    background: #333333 !important;
    }
.wpcf7 label {
	display: block;
	font-weight: normal;
}
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ddd;
	height: 40px;
	width: 100%;
	margin-bottom: 0;
	border-radius: 3px;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7 textarea {
	height: 100px
}
.wpcf7 input[type="submit"] {
	width: 200px;
	background: none;
	border: 2px solid rgba(55, 156, 213, 255);
	line-height: 45px;
	height: 45px;
	border-radius: 3px;
	padding: 0;
}
div.wpcf7 input[type="file"] {
	opacity: 0;
	position: relative;
	z-index: 99;
}
div.wpcf7 .resume {
	position: relative;
	padding-bottom: 10px;
}
div.wpcf7 .resume:after {
	content: "Select File";
	display: block;
	width: 200px;
	background: #232e42;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.careers_form div.wpcf7 input[type="submit"]{
	margin-top: 23px;
	float: right;
	background: #00afda;
	color: #fff;
	border: none;
}
.wpcf7-form-control-wrap {
	display: block
}
span.wpcf7-not-valid-tip {
	position: absolute;
	bottom: 0;
	right: 0
}
.contact_page .address {
	padding-top: 10px
}
.contact_page .address img.black_logo {
	margin-bottom: 10px;
	width: 100px;
	height: auto
}
.contact_page .address p {
	font-size: 15px;
	margin-bottom: 20px
}
.contact_page .address h3 {
	text-transform: uppercase;
	color: #000;
	font-size: 25px;
	margin-bottom: 20px;
	margin-top: 0
}
.contact_page .address .scl  a {
	text-decoration: none !important
}
.contact_page .address .scl img {
	width: 40px;
	margin-right: 10px
}
.contact_page .scl svg {
	width: 40px;
	height: 40px;
	fill: #000
}
.contact_page .scl svg path, .contact_page .scl svg rect {
	fill: #000
}
.inner_footer #map {
	height: 400px
}
#main_content #widgets_2 {
	background: none
}
.product_boxes .product_box .image {
	text-align: left;
	margin-bottom: 30px;
}
.modal-body {
	padding: 30px
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
	border-color: #00afda
}
#product_content {
	padding: 50px 0;
	background: #f4f8fa;
}
.product_boxes {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.product_boxes .product_box {
	margin-bottom: 40px;
	float: none;
	vertical-align: top;
	font-size: 16px;
}
.product_boxes .product_box p {
	line-height: 1.8em
}
.product_boxes .product_box h3 {
	color: #232e42;
	font-size: 20px;
	margin-bottom: 15px
}
.product_boxes .product_box small.more_btn {
	font-weight: 500;
	color: #00afda;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	position: relative
}
.product_boxes .product_box small.more_btn span {
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 2;
	padding-right: 20px
}
.product_boxes .product_box small.more_btn:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 0;
	-webkit-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease;
	background: #232e42;
	z-index: 1
}
.product_boxes .product_box small.more_btn:hover:after {
	width: 100%
}
.modal-content {
	border-radius: 0 !important;
	border: none !important
}
.product_popbox .modal-body {
	background: #fff
}
.product_popbox  .single_page, .product_popbox .single_page p {
	color: #232e42
}
.product_popbox .single_page h3 {
	font-weight: 600;
	font-size: 26px;
	color: #232e42
}
.product_popbox .bgimage {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	margin: auto;
	opacity: 0.2
}
#side_popup {
	position: fixed;
	right: 5%;
	bottom: 5%;
	background: #00afda;
	padding: 20px;
	color: #fff;
	text-align: center;
	z-index: 9999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 3px
}
#side_popup img.gitex {
	width: 300px;
	margin-bottom: 10px
}
#side_popup p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #232e42
}
#side_popup b {
	font-weight: 700;
	font-size: 18px
}
#side_popup span.close_p {
	position: absolute;
	right: -32px;
	top: -32px;
	cursor: pointer
}
#side_popup span.close_p img {
	opacity: 1
}
#side_popup span.hided {
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	border-radius: 3px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	cursor: pointer
}
#side_popup span.hided:after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	right: -5px;
	top: -5px
}
#side_popup span.hided img {
	opacity: 0
}
.blog_page {
	padding: 80px 0
}
#sidebar h3 {
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px
}
#sidebar .widget-container {
	background: #f2f2f2;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 20px;
	border-radius: 3px
}
.bloglist {
	font-size: 0
}
.bloglist h3 a {
	color: #000;
	font-size: 20px;
	text-decoration: none
}
.bloglist article {
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	float: none
}
.bloglist a.more {
	color: #00afda;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600
}
.bloglist a:hover {
	opacity: 0.4
}
.bloglist a.thumb {
	display: block;
	border-radius: 3px;
	overflow: hidden
}
.bloglist a.thumb img {
	display: block;
	width: 100%
}
.wp-pagenavi a, .wp-pagenavi span {
	background: #232e42;
	padding: 5px 10px;
	border: none;
	color: #fff
}
.wp-pagenavi span.current {
	color: #fff;
	background: #00afda
}
#wp-calendar {
	text-align: center;
	width: 100%
}
#wp-calendar th {
	text-align: center
}
.tagcloud a {
	background: #fff;
	padding: 5px 10px;
	color: #000;
	font-size: 13px !important;
	text-decoration: none;
	border-radius: 3px;
	margin-right: 5px;
	display: inline-block;
	margin-bottom: 10px
}
.tagcloud a:hover {
	background: #232e42;
	text-decoration: none;
	color: #fff
}
#sidebar .widget-container ul {
	padding-left: 20px
}
#sidebar .widget-container li {
	margin-bottom: 15px
}
.twitter-share-button {
	float: left;
	margin-top: 1px;
	margin-right: 10px
}
.current_openings {
	padding: 70px 0;
	background: #f5f5f5;
}
.current_openings h5.title, .form h5 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
}
.current_openings h2 {
	margin-top: 0;
	font-size: 21px;
	font-weight: 700;
	color: #444;
	margin-bottom: 30px;
}
.job h5 {
	color: #26ace2;
	font-size: 18px;
	padding: 20px 0
}
.opng-top {
	background: #f5f5f5;
	padding: 40px;
	overflow: hidden
}
.opng-top p {
	margin-bottom: 20px;
}
.button2 {
	font-weight: bold;
	background: #00afda;
	padding: 10px 20px;
	border-radius: 2px;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	border: none;
}
.button2:hover {
	background: #232e42
}
#secfoot ul ul {
	display: none !important;
	visibility: hidden
}
.tablist .list {
	padding-left: 0;
	width: 90%; 
	margin-top: 10px;
}
.tablist .list li {
	list-style: none;
	display: block;
	margin-bottom: 20px;
}
.tablist .list li a {
	display: block;
	background: #fff;
	color: #fff;
	padding: 15px 20px;
	color: #3c3c3c;
	font-weight: 600;
	position: relative;
}
.tablist .list li a:after {
	content: "";
	height: 0;
	width: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #00b0d9;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}
.tablist .list li.active a:after {
	border-left-color: #fff;
}
.tablist .list li.active a {
	background: #232e42;
	color: #fff;
}
.tablist .list li a:hover, .tablist .list li a:focus {
	text-decoration: none;
	outline: none;
}

.modal-open {
	padding: 0 !important;
}
.modal-open footer {
	position: relative;
}
.modal-open .bglayer {
	position: unset;
}
.modal-header {
	padding: 5px 10px;
	background: #F3890B;
	border-bottom: none !important;
}
.close{
	opacity: 1;
	text-shadow: none !important;
	filter: alpha(opacity=0);
	color: #fff;
}
.modal-content {
	border: 1px solid #00b0d9;
	border-radius: 0 !important;
}
#careersForm h2 {
	font-weight: 700;
	color: #F3890B;
	font-size: 30px;
	text-align: center;
	margin: 10px 0;
}
.file_upload-wrap {
	text-align: center;
}
.file_upload-wrap .btn {
	background: #F3890B;
	border-radius: 0;
	border: none;
}
.file_upload-wrap input[type="file"]{
	padding: 0;
	height: 0 !important;
	width: 0;
}
h5.job {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.border {
	position: relative;
}
.border img {
	width: 80% !important;
}
.border:after {
	content: "";
	width: 70%;
	height: 300px;
	border: 10px solid #eee;
	position: absolute;
	z-index: -1;
}
.border.top_left:after {
	top: 0;
	left: 0;
}
.joblist_mobile {
	display: none;
}
#job_accordion h5 a, #job_accordion h5 a.collapsed {
	display: block;
	background: #fff;
	color: #fff;
	padding: 15px 25px;
	color: #3c3c3c;
	font-weight: 600;
	position: relative;
}
#job_accordion h5 a, #job_accordion h5 a:hover, #job_accordion h5 a:focus{
	background: #232e42;
	color: #fff;
	text-decoration: none !important;
	outline: none !important;
}
#job_accordion .panel-heading {
	padding: 0;
	border-radius: 0;
}
#job_accordion .panel {
	border-radius: 0;
	margin-bottom: 15px;
}
#job_accordion h5 a.collapsed:after {
	content: "";
	height: 0;
	width: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #00b0d9;
	border-left-color: rgb(0, 176, 217);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}
#job_accordion h5 a:after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
}
.nf-field-element textarea
{
	height:100px !important;
}
#product_list .row {
	display: flex;
	flex-wrap: wrap;
}
#product_list .row .product_item {
	margin-bottom: 30px;
}
#product_list {
	padding-top: 50px;
}
#product_list .section {
	padding-left: 10%;
}
#product_list .owl-stage {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0;
	padding-left: 0 !important;
}
#product_list .owl-stage .product_item {
	height: 100%;
}
#product_list h3 {
	margin-bottom: 30px;
	color: #000;
	font-size: 30px;
}
#product_list h3 a{
	color: #000;
}
#product_list h3 a:hover {
	text-decoration: none;
}
#product_list .cover {
	padding: 30px;
	padding-top: 100px;
	position: relative;
	background: rgba(255, 255, 255, 0.4);
	height: 100%;
	backdrop-filter: blur(5px);
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 18px;
	margin-bottom: 30px;
}
#product_list .cover p {
	color: #444;
	font-size: 18px;
}
#product_list .cover:hover {
	background: rgba(255, 255, 255, 1);
}
#product_list .cover .product_logo {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 100%;
	max-width: 200px;
	height: auto;
}
#product_list .product_logo img {
	width: 100%;
	height: auto;
}
#product_list .more {
	color: #00afda;
	font-weight: 700;
}
#product_single {
	padding: 100px 0;
}
#product_list .row .cover {
	background: rgba(255, 255, 255, 1);
}
@media all and (max-width:1200px) {
	#spotlight .content {
		bottom: 10%
	}
	#spotlight h2 {
		font-size: 30px
	}
	#spotlight .content p {
		font-size: 15px
	}
	#header nav li {
		margin-left: 30px
	}
}
@media all and (max-width:1200px) {
	#header .brand_logo {
		position: relative;
		z-index: 1000
	}
	.navbar-toggle {
		background: none;
		border-radius: 0;
		padding: 5px 10px;
		margin: 17px 0 0;
		position: relative;
		z-index: 1000;
		border: none;
		width: 55px;
		height: 39px
	}
	.navbar-toggle.collapsed {
		background: #fff
	}
	.navbar-toggle.collapsed small.five, .navbar-toggle.collapsed small.six, .navbar-toggle small {
		display: none
	}
	.navbar-toggle small.five {
		content: "";
		height: 1px;
		width: 35px;
		background-color: #000;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		z-index: 1;
		display: block
	}
	.navbar-toggle small.six {
		content: "";
		height: 1px;
		width: 35px;
		margin-top: 0;
		background-color: #000;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		z-index: 2;
		display: block
	}
	.navbar-toggle.collapsed small {
		height: 1px;
		width: 35px;
		display: block;
		border-radius: 20px;
		background: #000;
		margin: 5px 0;
		position: relative;
		z-index: 999
	}
	#navbar_content {
		position: fixed;
		right: 0;
		width: 300px;
		bottom: 0;
		z-index: 999;
		top: 0;
		background: rgba(255, 255, 255, 0.8);
		margin: 0;
		border-top: none;
		box-shadow: none;
		padding: 0;
		height: 100% !important;
		display: block !important;
		transform: translateX(300px);
		transition: transform 0.2s ease-in-out;
		backdrop-filter: blur(5px);
	}
	.collapse.in {
		transform: translateX(20px) !important;
	}
	#header nav {
		overflow: hidden
	}
	#header nav ul {
		margin: 100px 0 0 0
	}
	#header nav li {
		margin-left: 0;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	#header nav li a {
		display: block;
		padding: 0 20px 10px 50px
	}
	#header nav li a::after {
		display: none
	}
	#header nav {
		margin-top: 0
	}
	.navbar-left, .navbar-right {
		float: none !important
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px
	}
	.navbar-collapse.collapse {
		display: none !important
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.collapse.in {
		display: block !important
	}
	#we_do .col {
		margin-bottom: 20px
	}
	#contact .container {
		width: 90%
	}
	#header nav li ul {
		display: none !important;
		opacity: 0;
		visibility: hidden
	}
	#header.sticky nav li {
		padding: 0
	}
	#header.sticky .navbar-toggle {
		margin-top: 0;
	}
}
@media all and (max-width:992px) {
	.career_trigger
	{
		width:100% !important;

	}
	.button.career_trigger
	{
		margin-bottom: 20px !important;
	}
	}
@media all and (max-width:860px) {
	#header {
		position: relative;
		padding-top: 10px
	}
	#header .brand_logo img {
		width: 150px
	}
	.navbar-toggle {
		margin-top: 5px
	}
	#spotlight .item {
		max-height: 500px;
		overflow: hidden
	}
	#spotlight .content {
		padding: 30px;
		width: 70%
	}
	#spotlight h2 {
		margin-bottom: 10px
	}
	#spotlight.banner {
		height: 300px
	}
	#badge_cover {
		padding: 30px 0
	}
	h2.title {
		font-size: 40px
	}
	#channels h5 {
		text-align: center
	}
	#channels h5 br {
		display: none
	}
	#contact h3 {
		font-size: 24px
	}
	#spotlight.banner h1 {
		font-size: 34px
	}
	#technology {
		padding-top: 0
	}
	#header.sticky nav {
		margin-top: 0
	}
	#header.sticky nav .navbar-toggle {
		margin-top: 0
	}
}
@media all and (max-width:767px) {
	#badge .container {
		padding: 0
	}
	#badge li b {
		font-size: 25px;
		line-height: 25px
	}
	#badge li {
		font-weight: 400;
		font-size: 13px
	}
	#spotlight .content p {
		line-height: 23px
	}
	#spotlight .content {
		width: 80%;
		padding: 10px 10px 10px 20px
	}
	#spotlight h2 {
		font-size: 24px
	}
	h2.title {
		font-size: 25px
	}
	.section .image {
		float: none !important;
		margin-bottom: 20px
	}
	#channels h5 {
		font-size: 18px;
		margin-bottom: 20px
	}
	#channels {
		padding: 30px 0
	}
	#channels img {
		width: 100%
	}
	.clients {
		padding: 0
	}
	.clients .owl-nav {
		display: none !important
	}
	.section .image img {
		width: 100%
	}
	.contact_page .address {
		float: none !important
	}
	#widgets .widget {
		padding: 30px
	}
	#we_do {
		padding-top: 20px
	}
	.left_section, .right_section {
		padding: 0 !important;
		float: none !important
	}
	.images:before, #we_do .col:after {
		display: none
	}
	.products_list {
		display: none
	}
	.images {
		display: none
	}
	#we_do .container {
		padding: 0
	}
	#we_do .col {
		margin-bottom: 0
	}
	#we_do .col .inner {
		padding: 15px 0
	}
	#we_do .col span.icon {
		margin-bottom: 15px
	}
	h2.title, h5.title {
		font-size: 30px
	}
	#technology .container {
		width: 80%
	}
	.tablist .list {
		width: 100%;
		float: none;
	}
	#portfolio .box {
		margin-top: 0;
	}
	.joblist_desktop 
	{
		display: none;
	}
	.joblist_mobile {
		display: block;
	} 
	#spotlight.tseep_banner .banner_title {
		position: relative;
	}
	.tseep_banner .banner_title h1
	{
         line-height: 39px !important;
	}
	.tseep_banner .banner_title h1
	{
		font-size: 25px !important;
	}
	#spotlight .banner_title h1 {
		width: 100%;
	}
	#spotlight.tseep_banner {
		padding: 40px 0;
		background: #eee;
	}
	#spotlight .content .cover {
		width: 100%;
		max-width: 100%;
		padding: 15px;
	}
}
@media all and (max-width:480px) {
	#badge li {
		width: 100%;
		padding: 0
	}
	#badge li:after {
		position: unset;
		width: 62px;
		height: 1px;
		display: block;
		margin: 24px auto
	}
	#secfoot ul {
		text-align: center
	}
	#secfoot ul li {
		margin: 15px
	}
	#portfolio_widgets .widget {
		width: 100%
	}
	.blog_page .container {
		max-width: 100%
	}
	.bloglist article {
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		background: #fff
	}
	.bloglist article:nth-child(2n) {
		background: #eee
	}
	.wp-pagenavi {
		margin-top: 30px;
		text-align: center
	}
	.wp-pagenavi .pages {
		display: none
	}
	.blogpage {
		max-width: 100%
	}
	.tseep_banner .banner_title h1
	{
         line-height: 25px !important;
	}
}
@media all and (max-width: 360px) {
	#we_do .col {
		width: 100%;
	}
}
.grecaptcha-badge {
	opacity: 0 !important
}
#spotlight .casestudy {
	padding-top: 20vh;
}
#spotlight .casestudy img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
#spotlight .casestudy  h1{
	font-size: 20px;
	text-align: center;
	font-weight: 700;
}
#spotlight .casestudy p {
	max-width: 50%;
	margin: 20px auto;
	text-align: center;
	font-size: 16px;
}