/* ============================
Theme Name: Your lead machine
Version: 1.2
Description: Your lead machine
Author: Nisha
First Update: 08/01/2021
Last Update: 08/01/2021
License: GNU General Public License v2 or later
============================*/

/* ============================
# VARIABLES
============================*/
:root {--brand-color-1   : #218EED;
	--brand-color-2   : #218EED;
	--brand-color-dark: #218EED;
	--color           : #000000
}

/* ============================
# RESET STYLES
============================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	position: relative;
}
button,
a { display: inline-block; }
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
button,
button:hover,
button:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p { font-weight: 400; }
img { max-width: 100%; }

/* ============================
# BOOTSTRAP / USER RESET
============================*/
button:focus,
.btn:focus { box-shadow: none; }
.form-control { height: auto; }
.form-control:focus { box-shadow: none; }
.ul-unstyle {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ============================
# ELEMENTS
============================*/
.btn-primary,
.btn-light {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 28px;
	border: 0;
	border-radius: 3px;
}
.btn-primary {
	background: #218EED;
	color: #FFFFFF;
}
.btn-light {
	background: #FFFFFF;
	color: #000000;
}
.btn-primary:hover,
.btn-primary:active {
	background:#231F20;
	color: #FFFFFF;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: #231F20;
}
.btn-primary.focus,
.btn-primary:focus {
	background-color: #231F20;
	box-shadow: none;
}
.form-group-line { margin-bottom: 1.875rem; }
.form-group-line .form-control {
	font-size: 1rem;
	color: #000000;
	padding: 0.8rem 0;
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid #909090;
}
.form-group-line .form-control:focus { border-color: #218EED; }
.form-group-line .form-control::-webkit-input-placeholder { color: #787878; }
.form-group-line .form-control::-moz-placeholder { color: #787878; }
.form-group-line .form-control:-ms-input-placeholder { color: #787878; }
.form-group-line .form-control:-moz-placeholder { color: #787878; }
.main-title {
	font-size: 2.125rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.panel-content p {
	font-size: 1.05rem;
	margin-bottom: 0;
	line-height: 1.9;
}
.panel-content p + p { margin-top: 1.5rem; }

@media (max-width: 991px) {}
@media (max-width: 767px) {
	.main-title {
		font-size: 1.625rem;
		margin-bottom: 1.2rem;
	}
	.panel-content p {
		font-size: 1rem;
		line-height: 1.8;
	}
	.panel-content p + p { margin-top: 1.3rem; }
	.form-group-line { margin-bottom: 1rem; }
	.form-group-line .form-control {
		padding: 0.6rem 0;
	}
}


/* ============================
# HEADER
============================*/
.site-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #FFFFFF;
	z-index: 1000;
}
.navbar { transition: all .30s ease-in-out; }
.navbar .navbar-brand img {
	max-width: 160px;
	background: #FFFFFF;
	transition: all .30s ease-in-out;
}
.navbar .navbar-nav .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	text-transform: uppercase;
	padding: 4px 16px;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: #218EED; }
.navbar .navbar-nav  .nav-item.last-item a {
	font-weight: 600;
	color: #FFFFFF;
	padding: 12px 16px;
	background: #218EED;
	border-radius: 3px;
}
.navbar-nav .menu-item {
    position: relative;
}
.navbar-nav > .menu-item.menu-item-has-children > a { padding-right: 38px; }
.navbar-nav > .menu-item.menu-item-has-children > a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 24px;
	position: absolute;
	    top: -2px;
    right: -2px;
}
.navbar-nav .menu-item .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 280px;
/* 	background: #218EED; */
	padding: 4px 0;
	color: #218EED;
	display: none;
}
ul.sub-menu li a {
    width: 100%;
    display: block;
}
.navbar-nav .menu-item:hover .sub-menu { display: block; }
.navbar-nav .menu-item .sub-menu .menu-item { border-bottom: 1px solid rgba(255,255,255,0.1); }
.navbar-nav .menu-item .sub-menu .menu-item:last-child { border-bottom: 0; }
.navbar-nav .menu-item .sub-menu .menu-item a { padding: 14px 24px; }
.navbar-nav .menu-item .sub-menu .menu-item:hover a {
	background: #FFFFFF;
	color: #000000;
}




.h-tel {
	padding: .22rem 1.025rem;
	font-size: 1.3rem;
	color: rgba(0, 0, 0, .5);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: .25rem;
	text-align: center;
	margin-left: auto;
	margin-right: 20px;
}
.h-tel:hover { color: #218EED; }
.site-header.scrolled .navbar {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.site-header.scrolled .navbar .navbar-brand img { max-width: 150px; }

@media (max-width: 1199px) {
	.navbar {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.navbar .navbar-brand img { max-width: 155px; }
	.navbar .navbar-nav .nav-link {
		font-size: 14px;
		padding: 4px 14px;
	}
}
@media (max-width: 991px) {
	.navbar .navbar-nav .nav-link {
		padding: 10px 16px;
		text-align: center;
	}
	.navbar .navbar-nav .nav-item { border-top: 1px solid #E5E5E5; }
	.navbar .navbar-nav .nav-item.last-item { display: none; }
}

section.servinnersection p {
    color: #000;
}
/* ============================
# HOME PAGE
============================*/

/* ======== SECTION CAROUSEL ======== */
.section-carousel {
	height: calc(100vh - 122px);
	margin-top: 122px;
}
.main-carousel .owl-dots { display: none; }
.main-carousel .owl-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}
.main-carousel .owl-nav button.owl-prev,
.main-carousel .owl-nav button.owl-next {
	width: 64px;
	height: 68px;
	display: inline-block;
	background: #000000;
}
.main-carousel .owl-nav button.owl-prev { float: left; }
.main-carousel .owl-nav button.owl-next { float: right; }
.main-carousel .owl-nav button.owl-prev:hover,
.main-carousel .owl-nav button.owl-next:hover { background: #218EED; }
.main-carousel .carousel-inner { position: relative; }
.main-carousel .carousel-inner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 10;
}
.main-carousel .carousel-inner > img {
	height: calc(100vh - 122px);
	object-fit: cover;
	object-position: center;
	position: relative;
}
.main-carousel .carousel-inner .container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 100;
}
.main-carousel .carousel-inner .row [class*="col-"] {
	position: relative;
	z-index: 100;
}
.main-carousel .carousel-inner .container img {
	width: 260px;
	margin: 0 auto;
}
.main-carousel .carousel-inner .container h1 { font-size: 2.8rem; }

@media (max-width: 1399px) {
	.main-carousel .carousel-inner .container h1 { font-size: 2.8rem; }
}
@media (max-width: 1199px) {
	.main-carousel .carousel-inner .container img { width: 240px; }
	.main-carousel .carousel-inner .container h1 { font-size: 2.6rem; }
}
@media (max-width: 991px) {
	.main-carousel .owl-nav button.owl-prev,
	.main-carousel .owl-nav button.owl-next {
		width: 48px;
		height: 48px;
	}
	.main-carousel .owl-nav button.owl-prev img,
	.main-carousel .owl-nav button.owl-next img {
		width: 24px;
		height: 24px;
	}
	.main-carousel .carousel-inner .container h1 br { display: none; }
}
@media (max-width: 991px) {
	.main-carousel .carousel-inner .container img { width: 180px; }
	.main-carousel .carousel-inner .container h1 { font-size: 1.8rem; }
}


/* ======== SECTION ABOUT ======== */
.section-about { padding: 110px 0 110px 0; }

@media (max-width: 1199px) {
	.section-about { padding: 100px 0 100px 0; }
}
@media (max-width: 991px) {
	.section-about { padding: 80px 0 80px 0; }
}
@media (max-width: 767px) {
	.section-about { padding: 70px 0 70px 0; }
}


/* ======== SECTION PLEDGE ======== */
.section-pledge {
	color: #FFFFFF;
	padding: 120px 0 140px 0;
	background: url('../img/pledge-bg.png') no-repeat center/cover;
}

@media (max-width: 1199px) {
	.section-pledge { padding: 90px 0 100px 0; }
}
@media (max-width: 991px) {
	.section-pledge { padding: 70px 0 80px 0; }
}
@media (max-width: 767px) {
	.section-pledge { padding: 60px 0 70px 0; }
}


/* ======== SECTION SERVICES ======== */
.section-services { padding: 110px 0 110px 0; }
.section-services .main-title { margin-bottom: 3.2rem; }
.section-services h3 {
	font-size: 1.875rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

@media (max-width: 1199px) {
	.section-services { padding: 100px 0 100px 0; }
	.section-services h3 {
		font-size: 1.7rem;
		margin-bottom: 1.1rem;
	}
}
@media (max-width: 991px) {
	.section-services { padding: 80px 0 80px 0; }
}
@media (max-width: 767px) {
	.section-services { padding: 60px 0 70px 0; }
	.section-services .main-title { margin-bottom: 2.4rem; }
	.section-services h3 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
}


/* ======== SECTION BANNER ======== */
.section-banner {
	background: #218EED;
	padding: 0;
}
.page-overlay {
    background: #00000052;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.section-banner .main-title {
	line-height: 1.4;
	margin-bottom: 2.7rem;
}

@media (max-width: 991px) {
	.section-banner { padding: 70px 0 80px 0; }
}
@media (max-width: 767px) {
	.section-banner { padding: 60px 0 70px 0; }
	.section-banner .main-title {
		font-size: 1.45rem;
		margin-bottom: 1.875rem;
	}
}


/* ======== SECTION CONTACT ======== */
.section-contact { padding: 110px 0 110px 0; }

@media (max-width: 1199px) {
	.section-contact { padding: 90px 0 100px 0; }
}
@media (max-width: 991px) {
	.section-contact { padding: 70px 0 80px 0; }
}
@media (max-width: 767px) {
	.section-contact { padding: 60px 0 70px 0; }
	.section-contact .lead { font-size: 1rem; }
}


/* ======== SECTION KEEP INFORMED ======== */
.section-keep-informed .col-media img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.section-keep-informed .panel-content {
	width: 630px;
	padding-top: 140px;
	padding-bottom: 150px;
}

@media (max-width: 1399px) {
	.section-keep-informed .panel-content {
		width: 540px;
	}
}
@media (max-width: 1199px) {
	.section-keep-informed .panel-content {
		width: 450px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.section-keep-informed .panel-content {
		width: 690px;
		padding-top: 70px;
		padding-bottom: 80px;
		margin-right: auto;
	}
	.section-keep-informed .col-media img {
		position: static;
	}
}
@media (max-width: 767px) {
	.section-keep-informed .panel-content {
		width: 510px;
		padding-top: 60px;
		padding-bottom: 70px;
	}
}
@media (max-width: 575px) {
	.section-keep-informed .panel-content {
		width: 100%;
	}
}


/* ============================
# FOOTER
============================*/
.site-footer {
	background: #000000;
	color: #FFFFFF;
	padding: 5rem 0;
}
.site-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer a { color: #FFFFFF; }
.site-footer a:hover {
	color: #218EED;
	text-decoration: underline;
}
.footer-panel { margin: 1.1rem 0; }
.footer-panel h4 {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 26px;
}
.footer-menu li {
	padding-left: 1.5rem;
	margin-bottom: 0.7rem;
	position: relative;
}
.footer-menu li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #218EED;
}
.footer-contact-list li {
	padding-left: 2.8rem;
	margin-bottom: 1.1rem;
	position: relative;
}
.footer-contact-list li img {
	position: absolute;
	top: 6px;
	left: 0;
}

@media (max-width: 767px) {
	.site-footer { padding: 3.5rem 0 0; }
	.footer-panel > img { width: 120px; }
	.footer-panel h4 { font-size: 18px; }
}


/* ============================
# CONTAINER
============================*/
@media (min-width: 576px) {
	.container { max-width: 540px; }
}
@media (min-width: 768px) {
	.container { max-width: 720px; }
}
@media (min-width: 992px) {
	.container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
	.container { max-width: 1320px; }
}

.video-bg 
{
    position: relative;pointer-events: none;
    overflow: hidden;
        background: #000;
}


.video-bg iframe 
{
    /* via: https://stackoverflow.com/questions/21314206/full-width-vimeo-wrapper-background */
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* stole swift ideas theme .sf-parallax-video stuff */
.video-bg > .video-bg-overlay
{
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.video-bg .container 
{
    position: relative;
    z-index: 4;
}

/* START jumbotron ------------------------------------- */
.jumbotron 
{
    margin-bottom: 0;
    /* no actual source - no biggie */
    background: url('../img/fpo.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: #ffffff;

    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 100vh;
}

.jumbotron h1 
{
    font-weight: 400;
    font-size: 1.5rem;
}

/* using this to control video height */
.jumbotron .height-control 
{
    min-height: 320px;
}

@media (min-width: 576px)
{
    .jumbotron
    {
        padding: 2rem 2rem;
    }

    .jumbotron h1 
    {
        font-size: 2.0rem;
    }
}

@media (min-width: 992px)
{
    .jumbotron h1 
    {
        font-size: 2.5rem;
    }
}

@media (min-width: 1200px)
{
    .jumbotron .height-control 
    {
        min-height: 340px;
    }
}
nav#mainNavigation {
    padding: 25px 50px;
}
ul.header-social {
    margin-bottom: 0;
}
ul.header-social li{
	list-style: none;
	display: inline-block;
	margin-left: 5px;
}
ul.header-social li a{
	border: 1px solid #218EED;
	border-radius: 50%;
	    padding: 3px 10px;
	}
section.aboutsection {
    padding: 6em 0;
}
section.aboutsection h1{
	color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
section.contact.section-banner.section-blog-banner h1{
	
	    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
section.aboutsection h2{
	color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
section.section-banner.section-about-banner h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 10px;
}
section.section-banner.section-case-banner .banner-content {
    padding: 20em 1em 2em;
}
section.carrier.section-banner.section-testi-banner .banner-content {
    padding: 19em 1em 2em;
}
section.aboutsection p {
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #0F0F0F;
    opacity: 1;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 1.5em;
}
.btnbrand {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background: #218EED 0% 0% no-repeat padding-box;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #218EED;
}
.btnbrand:hover{
	background: #fff;
	 color: #218EED;
}
.bluelinebtn {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #218EED;
    text-transform: uppercase;
    opacity: 1;    
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #218EED;
}

.bluelinebtn:hover{
	background: #218EED;
	color: #fff;
}
.whitebtn {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #218EED;
    text-transform: uppercase;
    opacity: 1;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #fff;
}
.whitebtn:hover{
	background: #218EED;
	color: #fff;
}
a.btn.whitebroder-btn{
	 transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    background: transparent 0% 0% no-repeat padding-box;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #fff;
}
a.btn.whitebroder-btn:hover{
	background: #fff;
	color: #218EED;
}
.servicesblk{
	padding: 6em 0 3em;
    background: #218EED19;
}
.content {
    position: relative;
}
.content-details.fadeIn-bottom {
    position: absolute;
    bottom: 0;
    background: #00000091;
    /* height: 100%; */
    background: transparent linear-gradient(
180deg
, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    padding: 100px 25px 40px;
    color: #fff;
}
p.content-text {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
}
h3.content-title {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 1em;
}
.maintitle{
letter-spacing: 0px;
color: #218EED;
text-transform: uppercase;
font-weight: 600;
}
.form-control {
    background: #E9F4FE 0% 0% no-repeat padding-box;
    border: 1px solid #D9EDFF;
    border-radius: 26px;
    opacity: 1;
	margin-bottom: 1.5em;
	padding: 10px 20px;
}
.form-group.form-group-button.button-right {
    text-align: right;
}
.callsection{
	background: url(../img/callbg.png)no-repeat;
	background-position: center;
	background-size: cover;
}
.calblk {
    background: rgb(0 0 0 / 75%);
    padding: 3em 6em 3em 7.5em;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
  }
  section.callsection .container-fluid {
    padding: 0;
}
.calblk h2 {
    color: #fff;
    text-transform: uppercase;
   /* font-size: 61px;*/
    font-size: 53px;
    font-weight: 100;
    margin-bottom: 30px;
}
.calblk h2 span {
    color: #218EED;
    display: block;
}
.calblk p {
    color: #fff;
    line-height: 30px;
}
.hometestimonial{
	background: #218EED19;
	    padding: 6em 0;
}
.profileimg {
    margin: 0 auto;
    display: inline-block;
    float: right;
}
.nametesti {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    font-size: 15px;
    font-weight: 600;
        padding-top: 2.5em;
}
.blockquote-contnent p {
    font-size: 15px;
    line-height: 25px;
}
.detailstestimonial {
    width: 100%;
    padding: 1em 2em 1em 0em;
}
a.clickcall {
    background: #218EED;
    color: #fff;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
}
.bottomfooter {
    background: #051421;
    color: #fff;
    padding: 2em 0 0;
        font-size: 18px;
}
ul.footer-social li {
    list-style: none;
    display: inline-block;
    padding: 10px;
}
ul.footer-social li a {
    color: #fff;
    font-size: 20px;
}
.bottomright {
    text-align: right;
}
section.section-banner.section-about-banner{	
	background-image: url(../img/about-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 630px;
    position: relative;
    z-index: 10;
}
.banner-content {
    padding: 14em 1em 2em;
    color: #fff;
}
p.banner-note {
    line-height: 30px;
}
p {
    line-height: 29px;
}
h2.page-banner-title {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1em;
}
h1.page-banner-title {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1em;
        font-size: 2rem;
}
section.aboutinnersection{
	    padding: 5em 0 0;
	    position: relative;
}
section.aboutinnersection:after {
    content: "";
    position: absolute;
    width: 86.7%;
    height: 3px;
    background: #218EED;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
section.aboutinnersection h1 {
    color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
section.aboutinnersection p {
    font-weight: 500;
    line-height: 29px;
}
.visionContent {
  
    padding: 4em 0em 4em 0em;
}
.visionContent h2 {
    color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
.visionContent p{
	line-height: 30px;
	font-weight: 500;
}
section.visionsection {
  /*  background: #E9F4FE;*/
}
.buttondiv {
    padding-top: 1em;
}
.serviceblklist {
  background: #218EED;
	color: #fff;
	padding: 3em 3em;
	position: relative;
	top: 48%;
	left: -50px;
	width: calc(100% + 50px);
	transform: translateY(-50%);
}
.careersblkm button.btn.btnbrand {
    width: initial;
}
.contentgrid ul {
    padding-left: 0;
}
.contentgrid ul li {
    list-style: none;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    padding-left: 2em;
}
.contentgrid ul li:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #218EED;
    left: 0;
    top: 13px;
    border-radius: 50%;
}
.serviceblklist-gray {
  background: #434F55;
	color: #fff;
	padding: 3em 3em;
	position: relative;
	top: 50%;
	right: -50px;
	width: calc(100% + 50px);
	left: 0;
	transform: translateY(-50%);
}
/*section.call-servicersection {
    padding: 5em 0 0;
}*/
.calbg{
	position: relative;
	    background: #218EED;
}
.calbg:after {
    position: absolute;
    content: "";
    background: url(../img/callbottomright.png) #fff;
    width: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    right: 0;
    top: 0;
    background-position: inherit;
}
.calblkbootmsection {
    width: 440px;
    padding: 9em .1em 0 2.5em;
    color: #fff;
}
.calblkbootmsection h2 {
    font-size: 39px;
    font-weight: 300;
}

section.blog-list {
    padding: 7em 0 2em;
}
.bloglist p {
    color: #0F0F0F;
    font-size: 16px;
}
.bloglist h2 {
    font-size: 20px;
    color: #0F0F0F;
}
.bloglist h2 a{
	 color: #0F0F0F;
}
.blogblk {
    padding: 0 2em;
    margin-bottom: 4em;
}
.blogblk img {
    width: 100%;
}
.postdate {
   /* padding: .5em 0 1em;*/
   padding: 0;
    color: #676767;
    font-size: 15px;
    text-transform: uppercase;
}
.bloglist h2 {
    margin-bottom: 1em;
}
a.bluelink {
    color: #218EED;
    font-weight: 600;
}
.buttondiv span {
    padding-left: 5px;
    font-size: 18px;
}
section.section-banner.section-blog-banner {
    background-image: url(../img/blog-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 630px;
    position: relative;
    z-index: 10;
}
.blogimg {
    text-align: center;
    margin-bottom: 2em;
}
.blogimg {
    text-align: center;
}
section.section-blogsingle-page {
    padding: 7em 0;
}
.blogimg img {
    width: 100%;
}
.blogsinglecontent h1 {
    color: #218EED;
    font-size: 26px;
   padding: 20px 0;
}
.blogsinglecontent h3 {
    font-size: 21px;
    color: #434F55;
}
.blogsinglecontent p{
	color: #434F55;
	line-height: 30px;
}
section.section-banner.section-testi-banner{	
	background-image: url(../img/about-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 530px;
    position: relative;
    z-index: 10;
}
section.testimonial-section {
    padding: 3em 0 1em;
}
section.testimonial-section h2 {
    letter-spacing: 0px;
    color: #218EED;
    text-transform: uppercase;
    opacity: 1;
        padding: 1em 0 1em;
}
.testimonialblk{

position: relative;
background: #fff;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 25px #00000029;
border-radius: 9px;
opacity: 1;
    padding: 4.5em 2.5em 3em;
    margin-bottom: 5em;
}
.testimonialblk .testimonialautor h3{
text-align: left;
font-size: 18px;
letter-spacing: 0px;
color: #218EED;
font-weight: 600;
opacity: 1;
}
.testimonialblk span {
    width: 5%;
}
section.testimial-list {
    padding: 3em 0;
}
.testimonialblk span {
 /*   background: #218EED;
    border-radius: 50%;*/
    top: -33px;
    position: absolute;
    left: 20px;
    right: 0;
   /* width: 50px;
    height: 50px;
    padding: 12px 17px;*/
}
.testimonialblk span i.fa.fa-quote-left {
    color: #fff;
    font-size: 21px;
}
.bootomsocial {
    padding: 2em 0 0;
}
.bootomsocial h4 {
    margin-bottom: 1em;
}
section.clientsection {
    background: #F4F4F4;
     padding: 6em 0;
}
ul.clientlist li {
    list-style: none;
    display: inline-block;
}
ul.clientlist {
    padding-left: 0;
}
section.clientsection h3 {
    padding: 1em 1.5em;
    color: #218EED;
}
section.contactpage-section {
    padding: 5em 1em;
}
section.contactpage-section h2 {
    color: #218EED;
    text-transform: uppercase;
    margin-bottom: 2em;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
	    background: #E9F4FE 0% 0% no-repeat padding-box !important;
    border: 1px solid #D9EDFF!important;
    border-radius: 26px!important;
    opacity: 1!important;
    margin-bottom: 0.6em!important;
    padding: 10px 20px!important;
    height: 45px !important;
}
input#wpforms-183-field_5 {
    padding-left: 60px !important;
}
ul#wpforms-183-field_8 input[type=checkbox] + label {
  display: block!important;
  margin: 0.2em!important;
  cursor: pointer!important;
  padding: 0.2em!important;
}

ul#wpforms-183-field_8 input[type=checkbox] {
  display: none!important;
}

ul#wpforms-183-field_8 input[type=checkbox] + label:before {
  content: "\2714"!important;
  border: 0.1em solid #218EED!important;
  border-radius: 0.2em!important;
  display: inline-block!important;
  width: 1.5em!important;
  height: 1.5em!important;
  padding-left: 0.2em!important;
  padding-bottom: 0.3em!important;
  margin-right: 0.2em!important;
  vertical-align: bottom!important;
  color: transparent!important;
  transition: .2s!important;
}
ul#wpforms-183-field_8 input[type=checkbox] + label:active:before {
  transform: scale(0);
}

ul#wpforms-183-field_8 input[type=checkbox]:checked + label:before {
  background-color: #218EED!important;
  border-color: #218EED!important;
  color: #fff!important;
}

ul#wpforms-183-field_8 input[type=checkbox]:disabled + label:before {
  transform: scale(1)!important;
  border-color: #218EED!important;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1)!important;
  background-color: #218EED!important;
  border-color: #218EED!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    display: inline!important;
    vertical-align: baseline!important;
    font-size: 17px!important;
    font-weight: 500!important;
    line-height: 1.3!important;
}
.wpforms-submit-container {
    text-align: right;
}
button#wpforms-submit-183{
	transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
.bgblue {
    background: #E9F4FE;
}
.innerbkl {
    padding: 5em 5em;
}
.innerbkl h3 {
    color: #218EED;
}
.calbk {
    padding: 5em 0 0;
   /* width: 50%;
    float: left;*/
}
.emailblk{
	padding: 3em 0;
   /* width: 50%;
    float: right;*/
}
.emailblk a{
color: #000;
font-weight: 500;	
}
.calbk ul {
    padding-left: 0;
}
.calbk ul li {
    list-style: none;
    font-weight: 500;
}
.calbk ul li a {
    color: #000;
    font-family: 'Roboto', sans-serif;
}
ul#wpforms-183-field_9 {
    font-family: 'Roboto', sans-serif;
}
.careersblk{

background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 25px #00000029;
border-radius: 9px;
opacity: 1;
padding: 5em 1.5em 0em;
margin-bottom: 6em;
    min-height: 645px;
}
.careersblkm{

/*background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 25px #00000029;*/
border-radius: 9px;
opacity: 1;
padding: 0em 1.5em 3em;

 /*   min-height: 670px;*/
}
.row.borderdiv {
    border-bottom: 1px dotted #ccc;
    
}
.col-lg-6.borderdiv-right {
    border-right: 1px dotted #ccc;
}
.careersblkm .informationbox {
    padding: 2em 0 0;
}
.careersblkm span.mainicon img {
    width: 9%;
}
.modal-content {
    border: 0;
}
.jobdetails {
    min-height: 166px;
        padding-top: 20px;
}
.informationbox .buttondiv button {
    width: 100%;
    display: block;
}
.blkcarier p {
    font-size: 13px;
        margin-bottom: 0;
}
.blkcarier h6 {
    font-size: 14px;
}
.informationbox h3 {
    font-size: 18px;
    color: #218EED;
}
button.btn.btngrey {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #000;
    text-transform: uppercase;
    opacity: 1;
    background: #dbdbdb 0% 0% no-repeat padding-box;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #dbdbdb;
}
button.btn.btngrey:hover{
	background: #fff;

}
.blkcarier {
    margin-bottom: 2em;
        padding-top: 10px;
}
.informationbox ul {
    padding-left: 0;
}
.informationbox ul li {
    list-style: none;
    display: inline-block;
    width: 24%;
}
.careersblk span.mainicon {
    top: -27px;
    position: absolute;
    left: 41px;
    right: 0;
}
.informationbox h3 {
    padding-left: 0em;
    padding-bottom: 1em;
}
span.mainicon img {
    width: 15%;
}
#modalform2 .informationbox .buttondiv button {
    width: initial;
    display: block;
    }
    div#modalform2 .modal-content {
    padding: 0;
}
div#modalform2 .modal-contentarea {
    padding: 0;
}
section.career-list .modal-content {
    padding: 3em 4em;
}
h2.modal-title {
    color: #218EED;
    text-transform: uppercase;
    margin-bottom: 2em;
}
input#wpforms-213-field_7 {
  display: inline-block;
    position: relative;
    width: 280px;
    margin: auto;
    cursor: pointer;
    border: 0;
    height: 40px;
    border-radius: 5px;
    outline: 0;
}
input#wpforms-213-field_7:after {
   transition: 200ms all ease;
    background: #218EED;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0px;
    width: 104px;
    height: 30px;
    display: block;
    content: 'Choose File';
    line-height: 30px;
    border-radius: 5px;
}
div#wpforms-213-field_7-container label.wpforms-field-label {
    display: inline-block;
        padding-right: 15px;
}
textarea#wpforms-213-field_8 {
    height: 160px !important;
}
button#wpforms-submit-213 {
    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 20px!important;
    border: 1px solid #218EED!important;
}
.modal-contentarea {
    padding: 3em;
}
.testimonial-carousel .owl-dots {
    line-height: 0;
    text-align: center;
    margin-top: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.testimonial-carousel button.owl-dot.active {
      background: #218EED;
    position: relative;
    width: 40px;
    height: 5px;
    border-radius: 20%;
}
.testimonial-carousel button.owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #bab6b6;
    margin: 0 10px;
}
.priceblk.blue-blk {
    background: #218EED 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
    padding: 3em 2em 1.5em;
    text-align: center;
    color: #fff;
}
.priceblk h6 {
    margin-bottom: 3em;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 14px;
}
.priceblk h4 {
    font-size: 40px;
    letter-spacing: 0;
    margin-bottom: 1em;
    font-family: 'Roboto', sans-serif;
}
.priceblk p {
    text-transform: uppercase;
    font-weight: 500;
   
}
section.pricesection {
    background: #E9F4FE 0% 0% no-repeat padding-box;
    opacity: 0.75;
    padding: 7em 0;
}
.pricesectiontitle h3 {
    color: #218EED;
    margin-bottom: 2em;
    font-weight: 500;
    text-align: center;
}
span.nbnote {
    padding: 14px 0;
    display: block;
    font-size: 12px;
}
.pricecontent-b p {
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.menubar {
	display: flex;
	align-items: center;
	margin-left: auto;	
}
.menubar .menu {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.menubar .menu li { margin-right: 10px; }
.menubar .menu li a {
	font-size: 18px;
	color: #FFFFFF;
	padding: 13px 16px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	display: block;
}
.menubar .menu li:hover a,
.menubar .menu li.active a { 
	border-color: #FFFFFF; 
	background: rgba(255,255,255,0.3);
}
ul#menu-menu li a {
    color: #434F55;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    padding: 4px 16px;
}

button#wpforms-submit-251 {
    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 55px!important;
    border: 1px solid #218EED!important;
}
input#wpforms-251-field_5 {
    padding-left: 55px !important;
}
.priceblk.grey-blk {
    background: #434F55 0% 0% no-repeat padding-box;
	opacity: 1;
    border-radius: 18px;
    opacity: 1;
    padding: 10px 2em 1.5em;
    text-align: center;
    color: #fff;
}
.priceblk.grey-blk h6 {
    padding-top: 15px;
    margin-bottom: 0;
    padding-bottom: 7px;
}
.badge {
    display: inline-block;
    padding: .8em 1.5em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase;
    background:#218EED;
    margin-top: 20px;
}
section.relatedpost {
    background: #E9F4FE 0% 0% no-repeat padding-box;
    opacity: 0.75;
    padding: 5em 0;
}
h2.raltedmaintitle {
    color: #218EED;
}
.relatedpost .postdate {
    padding-top: 1em;
}
ul#menu-menu li a {
    color: #434F55;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
        padding: 4px 18px;
}


section.contact-home {
    padding: 4em 0;
}
section.servicesblk .container-fluid {
    padding: 0;
}
section.hometestimonial h2.maintitle {
    margin-bottom: 3em;
}
section.contact-home h2.maintitle {
    margin-bottom: 2em;
}
.testicon img {
    width: 8% !important;
}
.testicon {
    margin-bottom: 1em;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 150px !important;
}
section.section-blogsingle-page.servicesingle {
    background: url(https://www.yourleadmachine.co.uk/wp-content/uploads/2021/02/servicesinglebg.png);
    width: 100%;
    height: auto;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.addressblkc {
    position: relative;
    padding-left: 4em;
    padding-bottom: 2em;
}
.addressblkc:after {
    content: "";
    position: absolute;
    background: url(../img/locationcontact.svg);
    position: absolute;    
    top: 0.2em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
.calbk {
    position: relative;
        padding-left: 4em;
}
.calbk:after {
    content: "";
    position: absolute;
    background: url(../img/calbk.svg);
    position: absolute;
    top: 5.2em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
.emailblk {
    position: relative;
        padding-left: 4em;
}
.emailblk:after {
    content: "";
    position: absolute;
    background: url(../img/emailblk.svg);
    position: absolute;
    top: 3em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
ul#menu-menu {
    padding-right: 3em;
}
.bootomtestimonial{
	padding:10em 0;
	position: relative;
}

.cont {
    position: relative;
    padding: 0 5em;
}
.bootomtestimonial .cont:before{
	position: absolute;
	content: "";
width: 80px;
    height: 74px;
    background: url(../img/botomicon.svg);
    bottom: -22px;
    background-repeat: no-repeat;
    right: 0;
	}
	.bootomtestimonial .cont:after{
	position: absolute;
	content: "";
width: 80px;
    height: 69px;
    background: url(../img/topicon.svg);
    background-repeat: no-repeat;
    top: -5em;
    left: 19px;
	}
.bootomtestimonial span{
	color: #218EED;
	font-weight: 600;
}
.buttondiv a.btn.whitebtn {
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
}
.postdate {
    font-family: 'Roboto', sans-serif;
}
ul.footer-contact-list a.number {
    font-family: 'Roboto', sans-serif;
}
.registernumber p {
    font-size: 16px;
  
}
.jobdetails ul li {
    display: block;
    width: 100%;
    line-height: 30px;
    position: relative;
    list-style: none;
        padding-left: 20px;
}
.jobdetails ul li:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    left: 0;
    top: 15px;
    background: #218EED;
}

.sectioncontent h3 {
    margin-bottom: 1em;
}
.banner-casestudy img {
    width: 100%;
}
.banner-casestudy h2.page-banner-title.mt-5 {
    font-weight: 600;
    font-size: 40px;
}
.banner-casestudy h1.page-banner-title.mt-5 {
    font-weight: 600;
    font-size: 40px;
}
section.section-casestudy-page .imgblk img {
    width: 100%;
}
section.section-casestudy-page .imgblk {
    text-align: center;
    margin-bottom: 3em;
}
.banner-casestudy {
    padding: 9em 1em 0em;
        text-align: center;
}


.casestudyblk {
    padding: 1em 4em 0;
}
.casestudyblk .buttondiv .btn.bluelinebtn {
    margin-left: 1.5em;
}
section.casestudy-list {
    padding: 5em 0;
}
section.section-banner.section-case-banner {
    width: 100%;
    height: 525px;
    position: relative;
    z-index: 10;
}
video#myVideo {
    width: 100%;
}
.section1img img {
    width: 100%;
}
.about-firstblk {
 /*   padding: 0em 10em 1em 5em;*/
 padding-bottom: 1em;
}
.section.aboutfullsection{

}
section.servinnersection {
    padding: 5em 0 3em;
}
section.servinnersection h1 {
    color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
section.casestudy-list .row.mb-5 {
    margin-bottom: 6em !important;
}
section.section-casestudy-page .sectioncontent h3{
	position: relative;
	padding-left: 26px;
}
section.section-casestudy-page .sectioncontent h3:before {
    content: "";
       width: 20px;
    height: 4px;
    background: #218EED;
    position: absolute;
    left: 0px;
    top: 16px;
}
section.aboutfullsection:after {
    content: "";
    position: absolute;
    width: 86.7%;
    height: 3px;
    background: #218EED;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
section.aboutfullsection:before {
    content: "";
    position: absolute;
    width: 86.7%;
    height: 3px;
    background: #218EED;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
section.aboutfullsection{
	position: relative;
	/*background: url(../img/fullbg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
    background-position: center;*/
   /* padding: 4em 0;*/
    /*text-align: center;*/

}
section.aboutfullsection h2{
	    color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
.blogsinglecontent {
    padding: 1em 0;
}
div#testimonialCarousel .blockquote-contnent {
    min-height: 155px;
}

section.aboutinnersectionnew {
    padding: 5em 0em 1em;
}
section.visionsectionnew{
 padding: 5em 0em 1em;	
}
section.aboutinnersectionnew .aboutnew-firstblk h2{
	    color: #fff;
	      margin-bottom: 15px;
}
.visionContentnew h2 {
    color: #fff;
        margin-bottom: 15px;
}
.visionContentnew1 h2{
	 color: #218EED;
        margin-bottom: 1em;
}
section.aboutfullsectionnew {
    padding: 5em 0em 5em;
   /* background: url(../img/fullbgnew.svg);
    background-position: center;
        background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;*/
    /*    margin-top: 5em;
    margin-bottom: 1em;*/
}
section.visionsectionnew-botom{
	/*margin-bottom: 2em;*/
	padding:0em 0em 2em;
}
/*.aboutfullsectionnew{
	position: relative;
}*/
.aboutnew-firstblk {
    background: #434F55;
    color: #fff;
    padding: 5em 3em;
    position: relative;
    top: 50%;
    right: -50px;
    width: calc(100% + 50px);
    left: 0;
    transform: translateY(-50%);
        z-index: 10;
}
.section1img2 img{
width: 100%;
}
span.m {
    font-size: 12px;
    display: block;
}
body.page-template.page-template-page-aboutnew.page-template-page-aboutnew-php .visionContentnew p {
    line-height: 25px;
}
.visionContentnew {
    background: #218EED;
    color: #fff;
    /*padding: 3em 3em;*/
    padding: 2em 1em 2em 3em;
    position: relative;
    top: 50%;
    left: -50px;
    width: calc(100% + 50px);
    transform: translateY(-50%);
    z-index: 10;
}

section.blog-list .blogblk .postdate {
    padding: 15px 0;
}
.about-firstblk h2 {
    color: #218EED;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 1em;
}
.sectioncontent-servicesingle {
    padding: 1em 1.5em;
}
.sectioncontent-servicesingle button.btn.btnbrand {
    margin-top: 1em;
}
.pricecontent-b:before {
    content: "\002A";
    position: absolute;
    color: #187bf6;
    font-size: 50px;
    top: -10px;
    left: 0;
}
.pricecontent-b {
    position: relative;
    padding-left: 1.2em;
}
.pricecontent-b p{

    font-style: italic;
}
.serviceblklist .buttondiv a.btn.whitebroder-btn {
    margin-right: 12px;
}
.serviceblklist-gray .buttondiv a.btn.whitebroder-btn {
    margin-right: 12px;
}
body.services-template-default.single.single-services.postid-30.logged-in.admin-bar.customize-support .priceblk.blue-blk {
    min-height: 370px;
}
body.services-template-default.single.single-services.postid-30.logged-in.admin-bar.customize-support .priceblk.grey-blk {
    min-height: 370px;
}
section.servicesblk .serviceblklist {
    padding: 3em 3em;
}

section.section-banner.defalutpage {
    width: 100%;
    height: 530px;
    position: relative;
    z-index: 10;
}
section.section-default-page {
    padding: 4em 0;
}
.copyright {
    font-size: 16px;
}
section.career-list {
    padding: 8em 0 2em;
}
table {
    border-collapse: collapse;
    width: 100%;
}
.registernumber span{
	    font-family: 'Roboto', sans-serif;
}
.contentgrid .btn {
    padding: 7px 28px;
}
div#exitmodal h3.section-title {
    text-align: center;
    text-transform: uppercase;
	color:#218EED;
	    margin-bottom: 20px;
}
.modal-content {
    padding: 1em;
}
div#exitmodal .fw-bold{
	  text-align: center;
	letter-spacing: 0px;
color: #0F0F0F;
}
div#exitmodal input#wpforms-536-field_5 {
    padding-left: 3.5em !important;
}
button#wpforms-submit-536 {
    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
div#exitmodal  .wpforms-submit-container {
    text-align: center;
}
span.wpforms-page-indicator-steps {
    line-height: 24px;
    width: 120px !important;
    font-weight: bold;
}

span.wpforms-page-indicator-page-title {
    margin-bottom: 30px !important;
    font-weight: bold;
    font-size: 24px !important;
    color: #218EED;
}
button.wpforms-page-button.wpforms-page-next {
    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
button.wpforms-page-button.wpforms-page-prev{
	    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
div#wpforms-550 .wpforms-submit-container {
    text-align: center;
}
div#wpforms-550 button#wpforms-submit-550{
		    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
div#wpforms-550 {
  
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 19px #00000036;
    border-radius: 15px;
    opacity: 1;
    padding: 4em 4em;
}
.progress{
	flex-wrap: wrap !important;
}
input#wpforms-550-field_27 {
    padding-left: 50px !important;
}
ul#wpforms-550-field_21 {
    font-family: 'Roboto', sans-serif;
}
form#wpforms-form-550 div.wpforms-container-full .wpforms-form .wpforms-field-label {
    padding-bottom: 20px !important;
}
 div.wpforms-container-full .wpforms-form .wpforms-field-label {
    padding-bottom: 20px !important;
}
.bluebroder-btn {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    letter-spacing: 0.38px;
    color: #218EED;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 20px;
    border: 1px solid #218EED;
}
.bluebroder-btn:hover{
	background: #218EED;
	color: #fff;
}
.sectioncontent-servicesingle .bluebroder-btn {
    margin-top: 1em;
        margin-left: 1em;
}
.pricesectiontitle span {
    font-family: 'Roboto', sans-serif;
}
.buttonleft {
    text-align: right;
}
div#wpforms-550 .wpforms-submit-container {
    text-align: right!important;
    position: relative!important;
    top: -60px!important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	.about-firstblk {
    padding: 1em 1em;
}
section.section-blogsingle-page.servicesingle video {
    width: 100% !important;
    height: auto !important;
}
.wpforms-recaptcha-container.wpforms-is-recaptcha {
    display: none;
}

.priceblk h4 {
    font-size: 30px;
    }
    .sectioncontent-servicesingle .btnbrand {
    font-size: 14px;
    padding: 8px 18px;
}
.sectioncontent-servicesingle .bluebroder-btn {
    margin-top: 1em;
        margin-left: 0;
            font-size: 14px;
}
button.wpforms-page-button.wpforms-page-prev{
	    padding: 8px 20px!important;
}
button.wpforms-page-button.wpforms-page-next{
	padding: 8px 35px!important;
}
div#wpforms-550-field_23-container {
    width: 100%;
}
div#wpforms-550-field_26-container {
    width: 100%;
    margin-left: 0 !important;
}
div#wpforms-550-field_27-container {
    width: 100%;
}
input#wpforms-550-field_27 {
    padding-left: 50px !important;
}
div#wpforms-550-field_28-container {
    width: 100%;
    margin-left: 0 !important;
}
section.section-banner.defalutpage h1.page-banner-title {
    font-size: 23px;
}
body.page-template-default.page.page-id-551.gdpr-infobar-visible.iti-mobile .banner-content {
    padding: 10em 1em 0;
    color: #fff;
}
div#wpforms-550{
	padding: 1em ;
}
body.page-template-default.page.page-id-551.logged-in.admin-bar.customize-support.iti-mobile .banner-content {
    padding: 8em 1em 0;
    color: #fff;
}
.visionContentnew .buttondiv {
    text-align: left;
}
div#wpforms-550 button#wpforms-submit-550{
padding: 8px 15px!important;	
}
div#wpforms-550 .wpforms-submit-container {
    text-align: right!important;
    position: relative!important;
    top: -90px!important;
    width: 57%;
    float: right;
}
ul.navbar-nav.align-items-lg-center.ml-auto li:last-child {
    border-bottom: 0;
}
.bloglist a.btn.btnbrand {
    padding: 10px 20px;
    font-size: 15px;
}
button.btn.btngrey{
	    font-size: 15px;
    padding: 8px 13px;
}
.informationbox .btnbrand {
    font-size: 15px;
    padding: 8px 12px;
}
.careersblkm .informationbox .btnbrand {
    font-size: 15px;
    padding: 8px 25px;
}
h2.modal-title {
    color: #218EED;
    text-transform: uppercase;
    margin-bottom: 2em;
    font-size: 20px;
    padding: 1em 0;
}
.casestudyblk .buttondiv a {
    display: inline-block;
    margin-bottom: 0 !important;
        padding: 8px 20px;
}
.casestudyblk .buttondiv  {
      text-align: inherit;
}
section.servinnersection {
    padding: 3em 0 3em;
}
section.servinnersection h1 {
    color: #218EED;
    text-transform: inherit;
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 1em;
}
section.servinnersection h2 {
    color: #218EED;
    text-transform: inherit;
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 1em;
}
nav#mainNavigation{
	    padding: 25px 10px;
}
.relpost {
    margin-bottom: 2em;
}
section.career-list{
	    padding: 4em 0 0em;
}
section.section-banner.section-testi-banner{
	    height: 270px;
}
section.careerblog .blogcont {
    text-align: center;
}
.sectioncontent-servicesingle {
    text-align: center;
}
.sectioncontent-servicesingle p {
    text-align: left;
}
.bootomtestimonial .cont:before{
	bottom: -80px;
	    background-size: 65%;
}
.bootomtestimonial{
	    padding: 6em 0 8em;
}
.wpforms-submit-container {
    text-align: center;
}
section.casestudy-list .row.mb-5 {
    margin-bottom: 0 !important;
}
.bootomtestimonial .cont:after{
	background-size: 65%;
}
section.visionsectionnew {
    padding: 0em 0em 1em;
}
.visionContentnew {
    background: #218EED;
    color: #fff;
    /* padding: 3em 3em; */
    padding: 2.5em 1em 2em 3em;
    position: relative;
    top: 0;
    left: 0;
    width: initial;
    transform: none;
    padding: 2em;
}
section.aboutinnersectionnew {
    padding: 1em 0em 1em;
}
section.aboutfullsectionnew {
    padding: 0em 0em 1em;
}
.registernumber p
{
	text-align: center;
}
.aboutnew-firstblk{
	    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    left: 0;
    transform: none;
    padding: 2em;
}
.footer-contact-list li img {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.video-bg{
	margin-top: 6em;
}
.bootomsocial {
    padding: 0em 0 0;
}
.footer-panel > img {
    width: inherit;
}
.bootomsocial h4 {
    display: none;
    padding-top: 0;
}
section.section-banner.defalutpage {
    width: 100%;
    height: 280px;
    position: relative;
    z-index: 10;
}
.serviceblklist .buttondiv a.btn.whitebroder-btn {
    margin-right: 0;
}
.serviceblklist-gray .buttondiv a.btn.whitebroder-btn {
    margin-right: 0;
}
.cont {
    position: relative;
    padding: 0 1em;
}
section.aboutinnersection:after{
	    width: 95.7%;
}
section.aboutfullsection:before{
	width: 95.7%;
}
section.aboutfullsection:after{
	width: 95.7%;
}
section.aboutfullsection {
        padding: 3em 0;
    }
	.addressblkc:after {
    content: "";
    position: absolute;
    background: url(../img/locationcontact.svg);
    position: absolute;    
    top: 7.4em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
	.calbk:after {
    content: "";
    position: absolute;
    background: url(../img/calbk.svg);
    position: absolute;
    top: 2.4em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
.emailblk:after {
    content: "";
    position: absolute;
    background: url(../img/emailblk.svg);
    position: absolute;
    top: 0em;
    left: 0;
    width: 66px;
    height: 65px;
    background-size: 59%;
    background-repeat: no-repeat;
}
	.calbg:after {
		display: none;
	}
	section.casestudy-list {
    padding: 2em 0;
}
section.section-banner.section-case-banner {
    width: 100%;
    height: 260px;
    position: relative;
    z-index: 10;
}
.casestudyblk .buttondiv a.btn.btnbrand {
  
}
.casestudyblk .buttondiv button.btn.bluelinebtn {
  
   
}
.casestudyblk h2 {
    font-size: 20px;
}
	.casestudyblk {
    padding: 2em 1em;
}
	.casestudyblk .buttondiv .btn.bluelinebtn {
    margin-left: 0;
}
	.banner-casestudy h2.page-banner-title.mt-5 {
    font-weight: 600;
    font-size: 26px;
        margin-bottom: 0;
}
.banner-casestudy {
    padding: 1em;
    text-align: center;
    margin-top: 7em;
}
.banner-casestudy h1.page-banner-title.mt-5 {
    font-weight: 600;

    font-size: 1.8rem;
}
.casestudyblk .btnbrand {
    font-size: 16px;
    }
section.contactpage-information .bgblue{
	display: none;
}
section.section-casestudyheader .row.justify-content-md-center.mb-5 {
    margin-bottom: 25px !important;
}
body.services-template-default.single.single-services section.section-banner.section-about-banner {
    height: 530px;
}
section.section-casestudyheader h1.page-banner-title{
	margin-bottom: 0;
}
.sectioncontent h3 {
    margin-bottom: 1em;
    font-size: 20px;
}

	.calblkbootmsection {
		width: 100%;
		padding: 1em;
	}
	.serviceblklist{
	top: 0;
    left: 0;
        width: 100%;
        transform: inherit;
	}
	.serviceblklist-gray {
     padding: 1.5em 1em;
    top: 0;
    right: 0;
        width: 100%;
        transform: inherit;
}
.buttondiv {
    padding-top: 1em;
 
}
.buttondiv a.btn.whitebtn {
    margin-left: 0;

}
ul.header-social {
    display: none;
}
ul.mobile-social {
    margin-bottom: 0;
}
ul.mobile-social li{
	list-style: none;
	display: inline-block;
	margin-left: 5px;
}
ul.mobile-social li a{
	border: 1px solid #218EED;
	border-radius: 50%;
	    padding: 3px 10px;
	}
	ul.header-social {
	    display: none !important;
	}
a.clickcall {
    display: none;
}

section.aboutsection h2{
	text-align: left;
	font-size: 30px;
}
section.aboutsection h1 {
    color: #4d4c4c;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
	}
	.calblk h2 span {
    color: #218EED;
    display: contents;
}
	.calblk h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
}
.calblk {
    background: rgb(0 0 0 / 75%);
    padding: 1em;
        padding: 3em 1em;
    text-align: center;
}
.callsection{
	    background-position: center;
    background-size: cover;
}
section.aboutsection {
    padding: 3em 0 1em;
        text-align: left;
}
.servicesblk {
    padding: 2em 0 0em;
    background: #fff;
}
.maintitle {
  
    font-size: 24px;
    margin-bottom: 1em;
}
div#wpforms-251-field_1-container {
    width: 100%;
        margin-left: 0 !important;
}
div#wpforms-251-field_2-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-251-field_3-container {
    margin-left: 0;
    width: 100%;
}
div#wpforms-251-field_4-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-251-field_5-container {
    width: 100%;
    margin-left: 0;
}
.wpforms-submit-container button#wpforms-submit-251 {
    width: 100%;
}
.detailstestimonial {
    width: 100%;
    padding: 0;
    text-align: center;
}
ul.footer-social {
    padding-left: 0;
    width: 100%;
    text-align: center;
}
.jumbotron {
      height: 100%;
}
.banner-content {
    padding: 9em 1em 1em;
    color: #fff;
        background: #00000061;
}
.h2, h2 {
    font-size: 1.5rem;
}
iframe {
    height: 200px !important;
}
section.carrier.section-banner.section-testi-banner .banner-content {
    padding: 10em 1em 0em;
}
section.section-banner.section-case-banner .banner-content{
	    padding: 10em 1em 0;
}
body.page-template.page-template-page-service.page-template-page-service-php.page.page-id-84{

    color: #fff;
}
section.aboutinnersection {
    padding: 3em 0 2em;
}
.visionContent {
    padding: 2em 2em 2em 1em;
}
section.section-banner.section-blog-banner{
	height: 580px;
}
span.firstb {
    display: block;
   /* font-size: 12px;*/
    margin-bottom: 10px;
}
.bottomfooter {
    background: #051421;
    color: #fff;
    padding: 1em 0 1em;
    }
span.secondb {
    margin-bottom: 10px;
    display: block;
}
.blogblk {
    padding: 0;
    margin-bottom: 4em;
}
.postdate {
    padding: 1em 0 1em;
}
.careersblk span.mainicon {
    top: -30px;
    position: absolute;
    left: 22px;
    right: 0;
}
.careersblkm{
	padding: 0;
}
.informationbox h3 {
    padding-left: 0em;
    padding-bottom: 1em;
    padding-top: 1em;
}
span.mainicon img {
    width: 15%;
}
.informationbox ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
    margin-bottom: 2em;
    vertical-align: top;
}
.careersblk{
	padding:1em 1em 2em;
}
section.career-list .modal-content {
    padding: 1em;
}
.modal-contentarea {
    padding: 0;
}
div#wpforms-213-field_1-container {
    width: 100%;
}
div#wpforms-213-field_2-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-213-field_3-container {
    width: 100%;
}
div#wpforms-213-field_4-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-213-field_5-container {
    width: 100%;
    margin-left: 0;
}
.calbk {
    padding: 2em 4em;
    width: 100%;
    float: none;
}
.innerbkl {
    padding: 1em;
}
button#wpforms-submit-183 {
    width: 100%;
}
.emailblk {
       padding: 0em 4em 3em;
    width: 100%;
    float: right;
}
.bgblue {
    background: #E9F4FE;
    padding: 1em;
}
section.contactpage-section {
    padding: 2em 1em;
}
section.contactpage-section h2 {  
    font-size: 25px;
}
div#wpforms-183-field_1-container {
    width: 100%;
}
div#wpforms-183-field_2-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-183-field_3-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-183-field_4-container {
    width: 100%;
    margin-left: 0;
}
div#wpforms-183-field_6-container {
    width: 100%;
    margin-left: 0;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 115px !important;
}
div#wpforms-183-field_5-container {
    width: 100%;
    margin-left: 0;
}
section.aboutinnersection h1 {
    color: #218EED;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 1em;
    line-height: 40px;
}
section.call-servicersection {
    padding: 0;
}
.serviceblklist {
    background: #218EED;
    color: #fff;
    padding: 1.5em 1em;
    position: relative;
    top: 0;
    left: 0;
}
section.servicesblk .serviceblklist {
    padding: 1.5em 2em;
}
.calblkbootmsection h2 {
    font-size: 27px;
    font-weight: 300;
}
section.section-blogsingle-page {
    padding: 6em 0 0;
}
body.services-template-default.single.single-services section.section-blogsingle-page {
    padding: 2em 0 0;
}
.sectioncontent-servicesingle {
    padding: 2em 0;
}
section.pricesection {
    padding: 2em 0px;
}
.priceblk {
    margin-bottom: 1em;
}
.testimonialblk {
    opacity: 1;
    padding: 1em;
    margin-bottom: 2em;
}
section.blog-list {
    padding: 1em 0;
}
h2.raltedmaintitle {
    color: #218EED;
    text-align: center;
}
.buttonleft {
    text-align: center;
    margin-top: 1em;
}
.testimonialblk span img {
    display: none;
}
ul.navbar-nav.align-items-lg-center.ml-auto {
    background: #E9F4FE;
    padding: 1em;
}
ul.navbar-nav.align-items-lg-center.ml-auto li {
    margin-bottom: 1em;
    border-bottom: 1px solid #d7e3ed;
    text-align: left;
    padding-left: 0;
}
.footer-menu li:before {
	display: none;
	}
ul#menu-footer-menu {
	position: relative;
	    margin-bottom: 2em;
}
ul#menu-footer-menu li:after {
 
    display: none;
}
ul#menu-service-menu{
	position: relative;
	    margin-bottom: 2em;
}
.footer-panel h4{
	position: relative;
	    font-size: 22px;
    font-weight: 600;
}
.footer-menu li {
    padding-left: 0;
    margin-bottom: 0.7rem;
    position: relative;
}
.footer-panel h4:after {
    position: absolute;
    content: "";
    bottom: -15px;
    width: 25%;
    height: 1px;
    left: 0;
    right: 0;
    background: #afd8fb;
    margin: 0 auto;
}
.serviceblklist .buttondiv a.btn.whitebroder-btn {

}
.serviceblklist-gray .buttondiv a.btn.whitebroder-btn {
 
}
ul#menu-service-menu li:after {

    display: none;
}
.footer-panel{
	text-align: center;
}
.footer-contact-list li {
        padding-left: 0;
    margin-bottom: 0;
    position: relative;
    padding: 22px 0;
}
.copyright {
   text-align: center;
        font-size: 14px;
}
.copyright a {
 
}
.hometestimonial {
    background: #218EED19;
    padding: 3em 0;
}
.nametesti {
    display: block;
    vertical-align: middle;
    font-style: italic;
    font-size: 15px;
    font-weight: 600;
    padding-top: 2.5em;
    margin: 0 auto;
}
.profileimg {
    margin: 0 auto;
    display: inline-block;
    float: none;
}
.btnbrand{
	    font-size: 13px;
    padding: 8px 12px;
}
.content-details.fadeIn-bottom{

   padding: 94px 15px 90px;
    text-align: center;

}
p.content-text{
	    margin-bottom: 30px;
}
section.aboutsection p{
	    font-size: 15px;
}
section.contact-home {
    padding: 1em 0 2em;
}
section.hometestimonial h2.maintitle {
    margin-bottom: 1.5em;
}
div#servicecarousel .owl-dots {
    line-height: 0;
    text-align: center;
    margin-top: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
}
div#servicecarousel button.owl-dot.active {
    background: #218EED ;
    position: relative;
}
div#servicecarousel button.owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #F0F0F0;
    margin: 0 10px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.bottomright {
    text-align: center;
}
section.section-blogsingle-page.servicesingle video {
    width: 100% !important;
    height: auto !important;
}
ul.header-social{
	display: none;

}
.copyright {
    text-align: center;
}
div#mainNavBar a.clickcall {
    display: none;
}
div#mainNavBar ul.header-social{
	 display: none;
}
.serviceblklist {
  
    top: 40%;
    width: 100%;
    left: 0;
    right: 0;
    }
    .row.flex-row-reverse.mb-5 {
    margin-bottom: 4rem!important;
}
.serviceblklist-gray{
	   top: 40%;
	   width: 100%;
	    left: 0;
    right: 0;
}
.visionContentnew {
    background: #218EED;
    color: #fff;
  
    padding: 2em 1em 2em 3em;
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    }
    .aboutnew-firstblk {
    background: #434F55;
    color: #fff;
    padding: 5em 3em;
    position: relative;
    top: 50%;
    right: 0;
    width: 100%;
}
.imgServ {
    text-align: center;
}
.imgServ img {
    width: 100%;
}
.priceblk.grey-blk{
	    margin-bottom: 1em;
}
.priceblk.blue-blk{
	 margin-bottom: 1em;
}
	}
	/* ----------- iPad Pro ----------- */


/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	  	  	nav#mainNavigation {
    padding: 25px 3px;
}
.modal-contentarea {
    padding: 0em;
}
.informationbox ul li{
	float: left;
}
.careersblk{
	min-height: 775px;
}
section.section-blogsingle-page.servicesingle video {
    width: 100% !important;
    height: auto !important;
}
}


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
 
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
 
.alignleft {
    float: left;
}
/*-----[MOBILE MENU]-----*/
.mobile-menubar {
    position: fixed;    
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    z-index: 100;
    background: #000000;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition: all .30s ease-in-out;
}
.mobile-menubar.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.mobile-btn-panel {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-btn-panel .btn-menu-close {
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: transparent;
    border:  0;
}
.mobile-btn-panel .btn-menu-close svg {
    width: 20px;
    display: inline-block;
    margin-right: 4px;
}
.mobile-menu {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
.mobile-menu .menu-item { position: relative; }
.mobile-menu .menu-item a {
    display: block;
    position: relative;
}
.mobile-menu > .menu-item > a {
    font-size: 18px;
    color: #FFFFFF;
    padding: 10px 20px;
}
.mobile-menu > .menu-item.menu-item-has-children > a:before {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    transition: all .20s ease-in-out;
}
.mobile-menu .menu-item .sub-menu {
    list-style: none;
    margin: 0;
    padding: 8px 0 8px 40px;
    display: none;
}
.mobile-menu .menu-item.menu-item-has-children.active .sub-menu { display: block; }
.mobile-menu .menu-item .sub-menu .menu-item:before {
    content: '';
    position: absolute;
    top: 18px;
    left: -6px;
    width: 12px;
    height: 2px;
    border-radius: 3px;
    background: #E30613;
}
.mobile-menu .menu-item .sub-menu .menu-item a {
    font-size: 16px;
    color: #FFFFFF;
    padding: 6px 20px;
}
.mobile-menu .menu-item .sub-menu .menu-item:hover a { text-decoration: underline; }

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

nav#mainNavigation {
    padding: 25px 0px;
}
.wpforms-recaptcha-container.wpforms-is-recaptcha {
    display: none;
}
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

nav#mainNavigation {
    padding: 25px 0px;
}
.wpforms-recaptcha-container.wpforms-is-recaptcha {
    display: none;
}	
}

@media  screen and (max-width: 1600px) {
	nav#mainNavigation {
    padding: 25px  10px;
}

}
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

	a.clickcall {
    display: none;
}
	}

	/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
ul.header-social {
    display: none;
}
}
section.faqsection .panel.panel-default {
    
    margin-bottom: 1em;
    padding: 10px 20px 0;
}

section.faqsection .panel.panel-default a {
    display: block;
    color: #000;
    font-size: 19px;
}
section.section-banner.section-resource-banner {
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 10;
}
.resource-banner-content{
	    padding: 12em 1em 2em;
    color: #fff;
    text-align: center;
}
.sectionmainContent h1 {
    text-align: center;
    color: #218EED;
    font-size: 35px;
}

section.resource-list {
    padding: 7em 0 2em;
}
.sectionmainContent p{
	  text-align: center;
}
.resourceblk{
	margin-bottom: 4em;
}
.resourceblk img {
    width: 100%;
}
.resourc-contentblk h2 {
    font-size: 20px;
    color: #0F0F0F;
}
.resourc-contentblk {
    padding-top: 1em;
}
button#wpforms-submit-1159 {
    transition: all 0.8s!important;
    -webkit-transition: all 0.8s!important;
    letter-spacing: 0.38px!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    opacity: 1!important;
    background: #218EED 0% 0% no-repeat padding-box!important;
    border-radius: 25px!important;
    font-weight: 500!important;
    font-size: 15px!important;
    padding: 8px 44px!important;
    border: 1px solid #218EED!important;
}
div#wpforms-1159 .wpforms-submit-container {
    text-align: center;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.resourceblk {
    margin-bottom: 2em;
}
}