/* --------------------------------------
1. Header
	+ logo
	+ top navigation
	
2. Content
	+ sections
	+ page title
	+ backgrounds

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	+ site search
	+ tabs
	+ portfolio widgets
	
4. Footer
	+ copyrights
	+ google map
	
5. Resets
--------------------------------------------------------*/

/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/
body {
	font-family: "Lato", sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}
a, a:hover {
	transition: all 0.3s ease-in-out 0s;
	color: #3a3460
}
a {
	color: #e57119
}
p {
	font-family: "Lato", sans-serif;
	font-size: 16px;
	color: #585858;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
	color: #3a3460
}
h1 {
	font-size: 38px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
.site-header {
	width: 100%;
	padding: 0 1rem;
	position: absolute;
}
.site-header.inner-menu {
	position: inherit;
}
.site-header .pin-start {
	padding: 0 1rem;
}
.site-header .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.btn {
	font-size: 15px;
	font-weight: bold;
}
.btn-white {
 padding: .375rem .75rem;
	background: #fff;
	font-size: 15px;
	text-transform: uppercase;
	color: #3a3460;
 padding: .70rem 1.50rem;
}
.btn-white:hover {
	background: #3a3460;
	color: #fff;
}
.btn-white.st-one {
 padding: .375rem .75rem;
	background: #3b3366;
	font-size: 15px;
	text-transform: uppercase;
	color: #ffff;
 padding: .70rem 1.50rem;
}
.btn-white.st-one:hover {
	background: #e57119;
	color: #fff;
}
.btn-colored {
 padding: .375rem .75rem;
	background: #3a3460;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding: 1.0rem 2rem;
	border-radius: 50px;
}
.btn-colored:hover {
	background: #e57119;
	color: #fff;
}
.btn-orange {
    padding: .375rem .75rem;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	padding: 1.2rem 2rem;
	background: rgb(241,160,16);
	background: linear-gradient(90deg, rgba(241,160,16,1) 0%, rgba(229,111,26,1) 100%);
	border: 0;
	border-radius:50px;
}
.btn-orange.sty-1{
	border-radius: 10px;
	padding: 1.0rem 1.5rem;
	margin-left: 5px;
}
.btn-orange.sty-2{
	border-radius: 10px;
	padding: 1.0rem 1.5rem;
	margin-left: 5px;
}
.btn-orange.sty-2:hover{
	background-color: #ffffff;
	color: #000;
}
.btn-orange:hover {
	background: #3a3460;
	color: #fff;
}
.pin-start .btn-white {
 padding: .375rem .75rem;
	background: #e57119;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
 padding: .70rem 1.50rem;
}
.pin-start .btn-white:hover {
	background: #3a3460;
	color: #fff;
}
ol li {
	margin-bottom: 15px;
}
ul.plain {
	margin: 0;
	padding: 0;
}
ul.plain li {
	margin-bottom: 15px;
	list-style: none;
}
.form-col {
	padding: 30px;
	border-radius: 10px;
	background: #fff url("../images/form-bg.jpg") no-repeat bottom left;
	-webkit-box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.06);
	box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.06);
}
.form-col h2 {
	font-size: 40px !important;
	font-weight: bold;
}
.form-col .nav-tabs {
	border-bottom: 1px solid #dee2e6;
}
.form-col .nav-tabs .nav-item.show .nav-link, .form-col .nav-tabs .nav-link.active {
	color: #3a3460;
	background-color: transparent;
	border-bottom: 1px solid #3a3460;
}
.form-col .nav-tabs .nav-link {
	border: 0px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: #99999c;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	padding-left:35px;
	padding-right:35px;
	margin: 0 25px;
}
.tab-content h2{
	font-size: 20px !important;
	font-weight: 700;
	color: #282828;
}
.form-control{
	border: solid 1px #dcdcdc;
	padding: 12px 15px;
	margin-bottom: 15px;
}
.wide-full {
	width: 100%;
}
.inputbox, textarea, select {
	border: solid 1px #dedede;
	display: block;
	width: 100%;
	padding: 15px 10px;
	color: #979797;
	border-radius: 8px;
	font-size: 15px;
}
.input-box-style {
	border: 0;
	border-bottom: solid 1px #dedede;
	background-color: transparent;
	display: block;
	width: 100%;
	padding: 10px 0 2px 0;
	color: #979797;
	border-radius: 0px;
	font-size: 15px;
	margin-bottom: 8px;
}
.input-box-style.qutr {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.input-box-style.qutr.lst {
	margin-right: 0%;
}
.border-right {
	border-right: solid 1px #ebebeb;
}
.text-base.sub-links {
	float: left;
}
.text-base.sub-links a {
	color: #6c757d;
	padding: 5px 5px;
	font-size: 13px;
}
.text-base.sub-links a:hover {
	color: #e57119;
}
.wide-full {
	width: 100%;
	float: left;
}
.red {
	color: #F00;
}
ul.tabs{
	padding:0 !important;
	margin: 0 0 0 10px;
}
ul.tabs li{
	list-style:none;
	margin-bottom: 6px;
}
.m-cions{
	height: 72px;
}
.bor-15{
	border-radius: 15px;
}
.mega-list-h{
	height: 230px;
}
.line-h-con{
	margin-bottom: 37px;
}
.line-h-ski{
	margin-bottom: 88px;
}
.line-h-voc{
	margin-bottom: 63px;
}
.mb-col-h{
	height: 150px;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	background: url("../images/get-custom-website.png") no-repeat top right/cover;
	padding: 200px 0 130px 0;
}
#hero .container {
  max-width: 75% !important;
  margin: auto;
}
#hero h1{
  margin: 0 0;
  font-weight: bold;
  color: #3a3460;
}
#hero h1.font35{
  margin: 0 0;
  font-size: 35px;
  color: #3a3460;
  font-weight: bold;
}
.carousel-item.banner-col{
	height: 250px;
}
.uppercase{
	text-transform: uppercase;
}
#hero .btn-scroll {
	transition: 0.4s;
	color: rgba(255, 255, 255, 0.6);
	animation: up-down 1s ease-in-out infinite alternate-reverse both;
}
#hero .btn-scroll i {
	font-size: 48px;
}
#hero .btn-scroll:hover {
	color: #ffb727;
}
.banner-bg{
	/*background: url("../images/slbg.png") no-repeat center center/cover;*/
	text-align: left;
	padding: 0px;
	border-radius: 10px;
}
.font30{
	font-size: 30px;
}
.font27{
	font-size: 27px;
}
.font22{
	font-size: 22px;
}
.pad-30{
	padding-top: 30px;
}
.pad-20{
	padding-top: 20px;
}
.pad-10{
	padding-top: 10px;
}
.sl-bg{
	background: url("../images/slbg.png") no-repeat center center/cover;
	text-align: center;
}
.sl-bg.sty1{
	padding: 40px;
}
.carousel-indicators li {
  background-color: #3a3460;
  height: 5px;
  width: 30px;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -80px;
  margin-right: 0%;
  margin-left: 0%;
  justify-content: left;
}
/* Style tab links */
.tab-btn{
	text-align: center;
	margin-bottom: 10px;
}
/* Style tab links */
.tablink {
  color: #3a3a3a;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 12px;
  font-size: 14px;
  font-weight:600;
  background: none;
  text-transform: uppercase;
  border-radius: 6px;
  margin: 0 10px;
}

.tablink:hover{
  color: #3a3460;
  background: none;
  border-radius: 6px;
  background-color: #e4e0ff;
}
h1.head-line{
	color: #e57119 !important;
}
h1.head-line .typewrite {
	border-bottom: 0px dashed #e57119;
	padding-right: 30px;
}
h1.head-line span.wrap {
	padding-right: 6px;
}
h1.ah-words-wrapper {
	color: #3a3460 !important
}
.sub-header {
	width: 100%;
	background: url("../images/subheader2.jpg") no-repeat left bottom/cover;
	padding: 120px 0 120px 0;
}
.sub-header h2, .sub-header h1 {
	color: #ffffff;
	font-size: 32px;
}
.sub-header h3{
	color: #ffffff;
	font-size: 28spx;
}
.sub-header.one {
	background: url(../images/subheader1.jpg) no-repeat center bottom/cover;
}
.sub-header.three {
	background: url(../images/subheader3.jpg) no-repeat left bottom/cover;
}
.sub-header.four {
	background: url(../images/subheader4.jpg) no-repeat left bottom/cover;
}
.sub-header.five {
	background: url(../images/subheader5.jpg) no-repeat center bottom/cover;
}
.sub-header.six {
	background: url(../images/subheader6.jpg) no-repeat center bottom/cover;
	padding: 10px 0 30px 0;
}
.sub-header.six.stle {
	background: url(../images/subheader6.jpg) no-repeat center bottom/cover;
	padding: 100px 0 80px 0;
}
.sub-header.six a {
	background: #000;
	color: #ffce00;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px
}
.sub-header.six a:hover {
	background: #fff;
	color: #000
}
.sub-header.seven {
	background: url(../images/subheader7.jpg) no-repeat center bottom/cover;
}
.sub-header.eight {
	background: url(../images/subheader8.jpg) no-repeat center bottom/cover;
}
.sub-header.nine {
	background: url(../images/subheader9.jpg) no-repeat center bottom/cover;
}
.sub-header.ten {
	background: url(../images/subheader10.jpg) no-repeat center bottom/cover;
}
.sub-header.eleven {
	background: url(../images/subheader11.jpg) no-repeat center bottom/cover;
}
.sub-header.twelve {
	background: url(../images/subheader12.jpg) no-repeat left bottom/cover;
}
.sub-header.thirteen {
	background: url(../images/subheader13.jpg) no-repeat center bottom/cover;
}
.sub-header.fourteen {
	background: url(../images/subheader14.jpg) no-repeat center bottom/cover;
}
.sub-header.fifteen {
	background: url(../images/subheader15.jpg) no-repeat center bottom/cover;
}
.sub-header.sixteen {
	background: url(../images/subheader16.jpg) no-repeat center bottom/cover;
}
.sub-header.seventeen {
	background: url(../images/subheader17.jpg) no-repeat center bottom/cover;
}
.sub-header.eighteen {
	background: url(../images/subheader18.jpg) no-repeat center bottom/cover;
}
.sub-header.nineteen {
	background: url(../images/subheader19.jpg) no-repeat center bottom/cover;
}
.sub-header.twenty {
	background: url(../images/subheader20.jpg) no-repeat center bottom/cover;
}
.sub-header.twentyone {
	background: url(../images/subheader21.jpg) no-repeat center bottom/cover;
}
.sub-header.twentytwo {
	background: url(../images/subheader22.jpg) no-repeat center bottom/cover;
}
.sub-header.twentythree {
	background: url(../images/subheader23.jpg) no-repeat left bottom/cover;
}
.sub-header.twentyfour {
	background: url(../images/subheader24.jpg) no-repeat left bottom/cover;
}
.sub-header.twentyfive {
	background: url(../images/subheader25.jpg) no-repeat left bottom/cover;
}
.sub-header.twentysix {
	background: url(../images/subheader26.jpg) no-repeat left bottom/cover;
}
.sub-header.twentyseven {
	background: url(../images/subheader27.jpg) no-repeat center bottom/cover;
}
.sub-header.twentyeight {
	background: url(../images/subheader28.jpg) no-repeat center bottom/cover;
}
.sub-header.twentynine {
	background: url(../images/subheader29.jpg) no-repeat center bottom/cover;
}
.sub-header.thirty {
	background: url(../images/subheader30.jpg) no-repeat left bottom/cover;
}
.sub-header.thirtyone {
	background: url(../images/subheader31.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtytwo {
	background: url(../images/subheader32.jpg) no-repeat left bottom/cover;
}
.sub-header.thirtythree {
	background: url(../images/subheader33.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtyfour {
	background: url(../images/subheader34.jpg) no-repeat center bottom/cover;
	padding: 170px 0 170px 0;
}
.sub-header.thirtyfive {
	background: url(../images/subheader35.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtysix {
	background: url(../images/subheader36.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtysiven {
	background: url(../images/subheader37.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtyeight {
	background: url(../images/subheader38.jpg) no-repeat center bottom/cover;
}
.sub-header.thirtynine {
	background: url(../images/subheader39.jpg) no-repeat center bottom/cover;
}
.sub-header.fourty {
	background: url(../images/subheader.jpg) no-repeat center bottom/cover;
}
.sub-header.letuswork {
	background: url(../images/letuswork.jpg) no-repeat center bottom/cover; 
}
.sub-header.our-solutions {
	background: url(../images/our-solutions.jpg) no-repeat center bottom/cover; 
}
.sub-header.hiring {
	background: url(../images/hiring-heroes-bg.jpg) no-repeat left top/cover;
}
.sub-header.consultnet {
	background: url(../images/consultnet-bg.jpg) no-repeat left top/cover;
}
.sub-header.permnet {
	background: url(../images/permnet-bg.jpg) no-repeat left top/cover;
}
.sub-header.rpo {
	background: url(../images/rpo-bg.jpg) no-repeat left top/cover;
}
.sub-header.rapid-talent {
	background: url(../images/rapid-talent-bg.jpg) no-repeat left top/cover;
	padding: 100px 0 80px 0;
}
.sub-header.sme {
	background: url(../images/sme.jpg) no-repeat left top/cover;
}
.sub-header.soft-skill-intelligence {
	background: url(../images/soft-skill-intelligence.jpg) no-repeat left top/cover;
}
.sub-header.scrutiny {
	background: url(../images/scrutiny.jpg) no-repeat left top/cover;
}
.sub-header.multi-tier-vetting {
	background: url(../images/multi-tier-vetting.jpg) no-repeat left top/cover; 
}
.sub-header.workforce {
	background: url(../images/workforce.jpg) no-repeat left top/cover;
}
.sub-header.our-team {
	background: url(../images/our-team.jpg) no-repeat left top/cover;
}
.sub-header.enablement {
	background: url(../images/enablement.jpg) no-repeat left top/cover;
}
.sub-header.data-analytics {
	background: url(../images/data-analytics.jpg) no-repeat left top/cover;
}
.sub-header.certification{
	background: url(../images/certification.jpg) no-repeat left top/cover;
}
.sub-header.aboutus{
	background: url(../images/about-us.jpg) no-repeat left top/cover;
}
.sub-header.wedo{
	background: url(../images/wedo.jpg) no-repeat left top/cover;
}
.sub-header.strategic{
	background: url(../images/strategic.jpg) no-repeat left top/cover;
}
.sub-header.innovation{
	background: url(../images/innovation.jpg) no-repeat left top/cover;
}
.sub-header.training{
	background: url(../images/trainingb.jpg) no-repeat left top/cover;
}
.sub-header.resilient{
	background: url(../images/resilient.jpg) no-repeat left top/cover;
}
.text-black{
	color: #000 !important;
}
h1.f50{
	font-size: 50px;
}
h1.f45{
	font-size: 40px;
	font-weight: 700;
}
.breadcrumb {
	background: #2c2c2c;
	width: 100%;
	border-radius: 0;
	color: #fff;
	text-align: right;
	margin: 0
}
.breadcrumb a {
	color: #f4a040
}
.breadcrumb a:hover {
	color: #fff
}
.breadcrumb span {
	padding: 0 10px
}
.bread-title {
	padding: 25px 0;
	border-bottom: solid 1px #dedede;
	width: 100%;
	color: #0a090a;
	margin-bottom: 15px
}
.bread-title h2 span {
	float: left;
	position: relative;
	background: #e18c2b;
	width: 80px;
	height: 5px;
	margin-top: 5px
}
.bread-title h3 span {
	float: left;
	position: relative;
	background: #e18c2b;
	width: 80px;
	height: 5px;
	margin-top: 5px
}
.bread-title h1 span {
	float: left;
	position: relative;
	background: #e18c2b;
	width: 80px;
	height: 5px;
	margin-top: 5px
}
.bread-title h3.grey {
	color: #6b6a6a;
	font-size: 25px;
	padding-top: 5px;
}
.text-info-box {
	padding: 25px;
	background: #efefef;
}
.text-info-box ul {
	margin: 0 20px !important;
}
.h-100-card {
	height: 100% !important;
	background-color: #efefef;
}
.card-h-full{
	height: 100% !important;
}
.sol-col{
	height: 385px;
}
/*--------------------------------------------------------------
# sections
--------------------------------------------------------------*/
section {
	padding: 80px 0;
}
.col-auto {
	margin: auto;
}
.text-color {
	color: #e57119;
}
.sec-titles {
	font-family: "Lato", sans-serif;
}
.sec-titles h5 {
	font-size: 15px;
	font-weight: bold;
}
.sec-titles h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 35px;
}
.sec-titles h2 a {
	font-size: 20px;
	border: solid 1px #e57119 !important;
	border-radius: 8px;
	color: #000;
	padding: 10px 20px !important;
	text-decoration: none;
}
.sec-titles h2 a:hover {
	background: #e57119 !important;
	color: #fff;
}
span.smart{
	background-color: #f2f1ff;
	border-radius: 5px;
	padding: 0 10px;
}
span.fst{
	background-color: #fff0e4;
	border-radius: 5px;
	padding: 0 10px;
}
span.str{
	background-color: #eaeaea;
	border-radius: 5px;
	padding: 0 10px;
}
.sm-text{
	font-size: 15px;
}
.list-menu{
	padding: 0;
	margin: 0;
}
ul.list-menu li{
	margin: 0 0 10px 0px;
	font-size: 20px;
	background: url(../images/arrow-orange.png)  no-repeat left 7px;
	list-style: none;
	display: inline;
	padding: 0px 0 8px 30px;
	font-weight: 600;
	color: #5d5c69;
	float: left;
	width: 100%;
}
.smt-text{
	line-height: 45px;
}
ul.lst-menu{
	margin: 0;
	padding: 0;
}
ul.lst-menu li{
	margin: 0 0 10px 0px;
	font-size: 18px;
	background: url(../images/lst-arrow.png)  no-repeat left 6px;
	list-style: none;
	display: inline;
	padding: 6px 0 6px 40px;
	font-weight: 600;
	color: #3a3460;
	float: left;
	width: 100%;
}
h2.head-titile {
	background: url(../images/title-line.png) center 18px no-repeat;
	font-size: 35px;
}
h2.head-titile-two {
	font-size: 35px;
}
.bg-orange {
	background: #e57119;
}
.sol-col{
	background-color: #e57119;
	border-radius: 30px;
	padding: 35px;
}
.sol-col.sol-con{
	background-color: #3a3460;
}
.sol-col h2{
	font-size: 26px;
	font-weight: 600;
	color: #ffffff;
}
.sol-col p{
	font-size: 16px;
	color: #ffffff;
}
.ser-box {
	padding: 35px 35px;
	background: #ffffff;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 5px;
}
.ser-box:hover, .ser-box.active { 
	padding: 35px 35px;
	color: #ffffff;
	background: #f58a3a url("../images/banner-abstract.png") no-repeat left top;
}
.ser-box h5 {
	font-weight: bold;
	color: #333333;
	font-size: 18px;
}
.ser-box:hover h5, .ser-box.active h5, .ser-box.active p, .ser-box:hover p {
	color: #ffffff;
}
.ser-box .icon-set {
	width: 120px;
	height: 120px;
	background: #fdf5eb url("../images/icon-1.png") no-repeat center center;
	border-radius: 10px;
	transition: all 0.3s ease-in-out 0s;
}
.ser-box:hover .icon-set, .ser-box.active .icon-set {
	background: #f07c25 url("../images/icon-1w.png") no-repeat center center;
}
.ser-box .icon-set.one {
	background: #fdf5eb url("../images/icon-2.png") no-repeat center center;
}
.ser-box:hover .icon-set.one {
	background: #f07c25 url("../images/icon-2w.png") no-repeat center center;
}
.ser-box .icon-set.two {
	background: #fdf5eb url("../images/icon-3.png") no-repeat center center;
}
.ser-box:hover .icon-set.two {
	background: #f07c25 url("../images/icon-3w.png") no-repeat center center;
}
.ser-box .icon-set.three {
	background: #fdf5eb url("../images/icon-4n.png") no-repeat center center;
}
.ser-box:hover .icon-set.three {
	background: #f07c25 url("../images/icon-4nw.png") no-repeat center center;
}
.ser-box .icon-set.four {
	background: #fdf5eb url("../images/icon-5n.png") no-repeat center center;
}
.ser-box:hover .icon-set.four {
	background: #f07c25 url("../images/icon-5nw.png") no-repeat center center;
}
.ser-box .icon-set.five {
	background: #fdf5eb url("../images/icon-6.png") no-repeat center center;
}
.ser-box:hover .icon-set.five {
	background: #f07c25 url("../images/icon-6w.png") no-repeat center center;
}
.ser-box a, a.read-more {
	color: #333333;
	padding-right: 25px;
	background: url("../images/arrow.png") no-repeat right 3px;
}
.ser-box:hover a, .ser-box.active a {
	color: #ffffff;
	background: url("../images/arrow-white.png") no-repeat right 3px;
}
a.read-more {
	color: #e57119;
	padding-right: 25px;
	background: url("../images/arrow-orange.png") no-repeat right 3px;
}
a.read-more:hover {
	color: #333333;
	background: url("../images/arrow.png") no-repeat right 3px;
}
.text-right{
	text-align: right;
}

.crd-sty {
	padding: 1.55rem;
}
.services {
	background: url("../images/shapes-one.png") no-repeat right center;
}
.about {
	background: #f5f5f5;
	padding: 80px 0;
}
.about-info h2 {
	font-size: 45px;
  color: #cccccc;
  font-weight: 800;
}
.about-info h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 32px
}
.exp-col{
	background-color: #3a3460;
	width: 215px;
	border-radius: 10px;
	color: #ffffff;
	padding: 10px 10px 20px 20px;
	overflow: hidden;
}
.exp-col span{
	font-size: 20px;
}
.yrs{
	float: left;
	margin: -50px 0 0 110px;
}
.exph{
	float: left;
}

.lets-work {
	background: url("../images/texture.jpg") repeat right center;
	padding: 100px 0 80px 0;
}
.products {
	background: url("../images/shapes-three.png") no-repeat left center;
	padding: 70px 0 55px 0;
}
.product-box {
	box-shadow: inset 0 0 10px 6px rgba(222,222,222,1);
	background: url("../images/e-church.png") no-repeat right bottom;
	border-radius: 8px;
	padding: 30px;
}
.product-box p {
	padding-right: 6rem;
}
.product-box.e-church {
	background: #fff url("../images/e-church.png") no-repeat right bottom;
	border-radius: 8px;
}
.product-box.e-restaurant {
	background: #fff url("../images/e-restaurant.png") no-repeat right bottom;
	border-radius: 8px;
	margin-bottom: 30px;
}
.product-box.web-solution {
	background: url("../images/web-solution-bg.jpg") no-repeat right bottom;
	border-radius: 8px;
}
.product-box.web-solution {
	box-shadow: none;
	border: solid 1px #c4c4c4;
	border-radius: 8px 0 0 8px;
}
.product-box.web-solution p {
	padding-right: 0;
	padding-bottom: 30px
}
.product-box.e-realtor {
	box-shadow: none;
	border: solid 1px #c4c4c4;
	border-radius: 8px;
	background: url("../images/e-realtor.png") no-repeat right bottom;
	margin-top: -20px;
	padding-bottom: 145px
}
.product-box.e-realtor p {
	padding-right: 0;
}
.product-box.e-real-hungry {
	background: url("../images/e-real-hungry.jpg") no-repeat left bottom;
	border-radius: 8px;
}
.product-box.e-real-hungry {
	box-shadow: none;
	border: solid 1px #c4c4c4;
	border-radius: 0 8px 8px 0;
	padding-bottom: 85px;
	border-left: 0;
}
.product-box.e-real-hungry p {
	padding-right: 0rem;
}
.our-works {
	padding: 80px 0 80px 0;
	width: 100%;
	background: url("../images/ser-bgs.jpg") no-repeat center center/cover;
}
.our-branding {
	background-color: #f5f5f5;
	padding: 60px 0 60px 0;
}
.our-branding h4 {
	font-size: 20px;
	font-weight: bold;
}
.our-branding h6 {
	font-weight: bold;
}
.img-rounded {
	border-radius: 8px;
}
.reviews {
	background: #e57119 url("../images/shapes-two.png") no-repeat right center;
	padding: 45px 0 35px 0;
}
ul.list-itns {
	margin: 0;
	padding: 0 0 0 15px
}
ul.list-itns li {
	margin-bottom: 12px;
	float: left;
	width: 25%;
}
ul.list-style {
	margin: 20px 0 20px 0px;
	padding: 0 0 0 15px
}
ul.list-style li {
	margin: 0 0 10px;
	list-style: disc;
	padding: 0
}
.card-header {
 padding: .15rem 1.25rem;
}
.bg-warning {
	background-color: #e57119 !important;
}
.job-lists {
	margin: 20px 0 10px;
	padding: 0;
}
.job-lists li {
	margin: 0 0 5px;
	background: #f0f0f0;
	padding: 7px 10px;
	border: 1px solid #dedede;
	list-style: none
}
.bg-light-grey {
	background-color: #ececec;
}
.bg-light-drk {
	background-color: #fbf7ee;
}
.font20 {
	font-size: 20px;
}
.fun-col {
	background: #fafafa;
	border: 1px solid #e4e3e4
}
.fun-col h4 {
	color: #fff;
	background: #393939;
	margin: 0;
	padding: 15px 30px;
	font-size: 18px;
}
.fun-col ul {
	padding: 25px 30px 10px 30px;
}
.fun-col ul li {
	list-style: none!important;
	margin-bottom: 10px;
	background: url(../images/arrow.jpg) no-repeat left 8px;
	padding-left: 15px;
}
.simplistic {
	background: url(../images/ser-bg.png) left top no-repeat;
	padding: 20px 30px 35px;
	margin-top: 30px;
	background-size: cover;
}
ul.ulist {
	padding: 0;
	margin: 0;
}
ul.ulist li {
	list-style: none!important;
	margin-bottom: 10px;
	background: url(../images/arrow-tr.png) no-repeat left 8px;
	padding-left: 15px;
}
.extensive h2, .simplistic h2 {
	font-weight: 700;
	color: #FFF;
	font-size: 35px
}
.simplistic ul {
	margin: 25px 0 0 120px
}
.extensive ul li, .simplistic ul li {
	list-style: none;
	color: #FFF;
	margin-bottom: 10px;
	background: url(../images/arrow-sm.png) left 8px no-repeat;
	padding: 0 0 0 15px;
}
.extensive {
	background: url(../images/ser-bg1.png) left top;
	padding: 20px 25px 35px 30px;
	margin-top: 30px;
	margin-bottom: 25px
}
.extensive ul {
	margin: 15px 0 0 50px
}
.extensive ul li ul {
	margin: 5px 0 10px 15px
}
.p-info {
	float: left;
	width: 48%;
	margin-top: 35px
}
.p-full {
	float: left;
	width: 100%;
}
.tohilight {
	float: left;
	height: 60px;
	width: 60px;
	line-height: 56px;
	color: #FFF;
	font-weight: 700;
	font-size: 25px;
	background: url(../images/shape.png) left top no-repeat;
	margin-left: 7px;
	margin-top: 80px;
	margin: 313px auto auto 527px;
	position: absolute;
	z-index: 9999;
	text-align: center;
}
.content .memberegi {
	background: url(../images/member-gray.gif) left 2px no-repeat
}
.featureslist {
	margin: 0 0 38px;
	padding-right: 10px
}
.featureslist h3 {
	color: #222
}
.featureslist img {
	float: left;
	margin: 0 10px 55px 0
}
.content .features {
	float: left;
	margin: 20px 20px 20px 0;
	padding: 0 0 5px 80px;
	width: 47%
}
.features h2 {
	margin-top: 0;
	font-size: 18px
}
.content .features.lst {
	margin: 20px 0
}
.content .memberegi:hover {
	background: url(../images/member-blue.gif) left 2px no-repeat
}
.content .contentmang {
	background: url(../images/content-gray.gif) left 2px no-repeat
}
.content .contentmang:hover {
	background: url(../images/content-blue.gif) left 2px no-repeat
}
.content .event {
	background: url(../images/calendar-gray.gif) left 2px no-repeat
}
.content .event:hover {
	background: url(../images/calendar-blue.gif) left 2px no-repeat
}
.content .bolgs {
	background: url(../images/blog-gray.gif) left 2px no-repeat
}
.content .bolgs:hover {
	background: url(../images/blog-blue.gif) left 2px no-repeat
}
.content .message {
	background: url(../images/board-gray.gif) left 2px no-repeat
}
.content .message:hover {
	background: url(../images/board-blue.gif) left 2px no-repeat
}
.content .emailer {
	background: url(../images/mail-gray.gif) left top no-repeat
}
.content .emailer:hover {
	background: url(../images/mail-blue.gif) left top no-repeat
}
.content .classif {
	background: url(../images/clasiffis-gray.gif) left 2px no-repeat
}
.content .classif:hover {
	background: url(../images/clasiffis-blue.gif) left 2px no-repeat
}
.content .donate {
	background: url(../images/giving-gray.gif) left top no-repeat
}
.content .donate:hover {
	background: url(../images/giving-blue.gif) left top no-repeat
}
.content .prayer {
	background: url(../images/prayer-gray.gif) left 2px no-repeat
}
.content .prayer:hover {
	background: url(../images/prayer-blue.gif) left 2px no-repeat
}
#content .sermonnew {
	background: url(../images/sermon-gray.gif) left 2px no-repeat
}
.content .sermonnew:hover {
	background: url(../images/sermon-blue.gif) left 2px no-repeat
}
.img-border {
	border: 5px solid #CCC;
}
.submenu-list {
	float: left;
	margin: 0 0 10px 10px;
	padding: 20px 15px;
	background: rgba(255,255,255,.2);
	color: #FFF;
	width: 260px;
	text-align: left
}
.submenu-list:hover {
	background: rgba(253,164,51,1);
	color: #FFF
}
.submenu-list a, .submenu-list:hover a, .submenu-list:hover i {
	color: #FFF
}
.submenu-list i {
	color: #fda433;
	font-size: 30px;
	float: left;
	padding-right: 10px
}
footer {
	padding: 65px 0 30px 0;
	font-size: 15px;
}
footer.inner-bg {
	background: #f8f8f8;
}
.address-col {
	float: left;
	margin-left: 20px;
	width: 79%
}
.links-mid {
	margin: 0 0 10px
}
.links-mid a {
	background: #da882a
}
.links-mid a.active, .links-mid a:hover {
	background: #000
}
.links-mid a, .links-mid a.active, .links-mid a:hover {
	padding: 8px 35px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 45px;
}
.headerfont {
	background: #ffead0;
	padding: 10px !important;
	color: #000;
}
.table11 {
	width: 100%;
}
table td {
	padding: 10px 0;
}
.pay-form .inputbox, .pay-form .listmenu {
	width: 300px;
	height: 45px;
	border: 1px solid #dedede;
	color: #848484;
	border-radius: 4px;
	margin: 5px 10px 10px 0;
	float: left;
	padding: 5px 10px;
}
.pay-form span {
	color: #e18c2b;
	font-weight: 700;
}
.form-box, .re-form-box {
	box-shadow: 0 1px 5px rgba(0,0,0,.35);
	padding: 35px 24px 30px;
	overflow: hidden
}
.form-box {
	margin: 0 auto 20px;
	max-width: 470px
}
.re-form-box {
	max-width: 98%;
	margin-bottom: 20px
}
.form-box-shadow {
	box-shadow: 0 1px 5px rgba(0,0,0,.35);
	padding: 35px 24px 30px;
	overflow: hidden;
	max-width: 100%;
}
.re-form-box label {
	clear: both;
	float: left;
	padding: 5px 5px 5px 0;
	width: 35%
}
.re-form-box.stye label {
	clear: both;
	float: left;
	padding: 5px 5px 5px 0;
	width: 100%
}
.re-form-box .input-box, .re-form-box .select-lst {
	width: 100%;
	border: 1px solid #dedede;
	color: #848484;
	border-radius: 4px;
	margin: 0px 0px 10px 0;
	padding: 10px 10px;
}
.re-form-box .input, .re-form-box .select {
	width: 62%;
	float: left;
	border: 1px solid #dedede;
	color: #848484;
	border-radius: 4px;
	margin: 0px 0px 10px 0;
	padding: 10px 10px;
}
.re-form-box .col-lg-12 label {
	width: 17%
}
.re-form-box .col-lg-12 textarea {
	width: 81.5%;
	margin-right: 0
}
.re-form-box .textareaa {
	width: 100%;
	margin-right: 0
}
.re-form-box input.submit {
	width: 130px;
	margin-right: 16px;
	float: right
}
.textarea.wid-full {
	width: 62%
}
footer a {
	color: #333333;
}
footer a:hover {
	color: #e57119;
}
footer h4 {
	color: #3a3460;
	font-size: 20px;
	font-weight: bold;
}
footer h5 {
	font-size: 17px;
	font-weight: 600;
}
.div-line {
	height: 1px;
	width: 100%;
	background: #e1e1e1;
}
footer ul {
	margin: 0;
	padding: 0;
}
footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
.f-links a {
	font-size: 14px;
}
.f-links span {
	padding: 0 3px;
}
.font25 {
	font-size: 25px;
}
.tab-pane h3 {
	font-size: 18px;
	color: #e57119;
}
.btn-link {
	color: #5c5c5c;
	font-size: 16px;
}
.btn-link:hover {
	color: #e57119;
	text-decoration: none;
}
.copy-right {
	font-size: 14px;
}
.sitemap ul, .sitemap:hover ul {
	border-bottom: solid 4px #000;
	padding: 20px
}
.sitemap h2, .sitemap i {
	font-size: 20px;
	line-height: 45px
}
.sitemap i {
	width: 45px;
	height: 45px;
	display: inline-block;
	text-align: center;
	background: #e18c2b;
	color: #FFf;
	margin-right: 15px;
}
.sitemap h4.bggreen {
	background: #4eca72;
}
a.knowmore:hover {
	background: #f77703;
	color: #fff
}
.sitemap {
	margin-bottom: 15px
}
.sitemap h4 {
	background: #fda433;
	color: #FFF;
	margin-bottom: 0
}
.sitemap h4 a {
	color: #FFF
}
.sitemap ul {
	background: #f0f0f0;
	margin: 0
}
.sitemap:hover ul {
	background: #fbb25f;
	margin: 0
}
.sitemap ul li {
	list-style: none !important;
	margin-bottom: 10px;
	background: url(../images/arrow-tr.png) no-repeat left 8px;
	padding-left: 15px;
}
.sitemap ul li a {
	color: #676767
}
.sitemap:hover ul li, .sitemap:hover ul li a {
	color: #fff
}
.sitemap ul li a:hover {
	color: #000
}
.sitemap ul li i {
	background-color: transparent;
	width: auto;
	height: auto;
	line-height: normal;
	font-size: 16px;
	color: #333;
	margin: 3px 10px 0 0
}
.carousel-indicators.head-text {
	bottom: -75px;
	justify-content: left;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
.carousel-indicators.head-text li {
	background-color: #3a3460;
	height: 13px;
	width: 13px;
	border-radius: 100%
}
.custom-popup {
    position: fixed;

    z-index: 999;
    right: 0px;
    top: 30%;
}
.error{ color:red;}
.popupaoc-link-image{
color: #fff;
    background: #e57119 !important;
    padding: 14px 7px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}
#x_card_num {
	background-image: url(../images/card.png), url(../images/card.png);
	background-position: 2px -121px, 260px -61px;
	background-repeat: no-repeat;
	background-size: 120px 361px, 120px 348px;
	padding-left: 54px;
	width: 300px;
	height: 32px;
}
.required{ border:1px solid red !important; }
/* scroll up */
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 22px;
	right: 20px;
	display: none;
	border-radius: 50px;
	text-indent: -9999px;
	background: #3a3460 url(../images/scroll-top-arrow.png) no-repeat 15px 14px;
	z-index: 999;
}
.badge-bg {
	width: 100%;
	background-color: #ffffff;
	padding: 20px 0px 0px 0px;
	margin: 0 0 0px 0;
	border-top: solid 1px #3a3460;
}
.bor-left {
	border-left: solid 1px #b3b3b3;
	padding-left: 25px;
}
ul.sub-nav{
	padding: 0 0 0 10px;
}
ul.sub-nav li{
	list-style:none;
	margin-bottom: 10px;
}
.pro-grid{
    padding: 0;
    border-radius: 4px;
    box-shadow: hsl(0, 0%, 80%) 0 0 16px;
    overflow: hidden;
    background-color: hsl(0, 0%, 100%);
    width: 100%;
}
.pro-thumb{
	width:100%;
}
.pro-thumb img{
	width:215px;
	height:215px;
}
.pro-info{
	padding: 15px;
	width:100%;
}
.pagination {
  text-align:center;
  display:inline-flex;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  color: black;
  float: left;
  text-decoration: none;
display: block;
padding: .8rem 1rem;
margin-left: -1px;
line-height: 1.25;
color: #6c757d;
background-color: #fff;
border: 1px solid #dee2e6;
}
.pagination li:first-child a{
  border-radius:5px 0 5px 0
}
.pagination li:last-child a{
  border-radius:0 5px 0 5px
}
.pagination li a:hover:not(.active) {background-color: #ffb435; color: #000;}
.qouts{
	font-size: 45px;
}

/* ---------------------- responsive ---------------------------------- */  

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.container, #hero .container {
	max-width: 85% !important;
	margin: auto;
}
.header-section ul li a {
	padding: 30px 16px;
}
.header-section ul li.contact-btn {
	margin: 13px 0 0 85px;
}
#hero h1 {
	font-size: 25px;
}
#hero h2 {
	margin-bottom: 18px !important;
	font-size: 20px;
}
.form-col {
	padding: 2rem 2rem;
}
#hero h1.font35 {
    margin: 0 0;
    font-size: 28px;
    color: #3a3460;
    font-weight: bold;
}
#hero h3 {
    font-size: 20px;
}
#hero {
	padding: 150px 0 120px 0;
	background: url("../images/get-custom-websites.png") no-repeat top right/cover;
}
.header-section ul li.mega-menu > ul > li .text-base {
  font-size: 13px;
}
.owl-nav {
	margin: -80px 8px 0 -405px !important;
}
.header-section ul li a h4, .wide25 h6 {
	font-size: 14px;
}
.header-section ul li ul li.wide50 a {
	color: #333333;
	padding: 15px 0px;
}
.header-section ul li ul li a {
	font-size: 13px;
}
.form-col h2 {
	font-size: 40px !important;
}
.about-info h2 {
	font-size: 55px !important;
}
.about-info h4 {
	font-size: 23px;
	line-height: 35px;
}
.sub-header {
	background-position: center bottom;
}
p {
	font-size: 15px;
}
.product-box p {
	padding-right: 6.800rem;
}
.product-box.e-church {
	padding-bottom: 52px;
}
.header-section ul li.mega-menu > ul > li.wide50 {
	width: 81.500%;
}
.header-section ul li.mega-menu > ul > li.wide25.learn {
	width: 15.000%;
	text-align: center;
	padding-left: 1%;
}
.reviews {
	padding: 60px 0 40px 0;
}
.carousel-item h5 {
	font-size: 16px;
	line-height: 30px;
}
.crd-sty {
	padding: 3.500rem 4rem;
}
footer, .f-links a, .copy-right {
	font-size: 13px;
}
.header-section ul li.mega-menu > ul > li .nav-custom h4 {
	font-size: 14px;
}
.header-section ul li.mega-menu > ul > li.wide50 a, .header-section ul li.mega-menu > ul > li.wide25 a {
	padding: 15px 6px 0px 6px;
}
.header-section ul li.mega-menu > ul > li.learn a.pro-inq {
	font-size: 13px;
	padding: 10px 0 10px 0 !important;
}
.header-section ul li.mega-menu > ul > li.learn a.int-inq {
	font-size: 13px;
	padding: 10px 0 10px 0 !important;
}
.pt-1.pl-3 {
	padding-left: 0 !important;
}
.header-section ul li.mega-menu > ul > li .nav-custom h4 {
	font-size: 14px;
}
.header-section ul li.mega-menu > ul > li .text-base {
	font-size: 13px;
}
.col-lg-4.mb-4.mt-4 {
	margin-top: 0.850rem!important;
}
}
@media only screen and (max-width:1366px) {
#hero {
	padding: 170px 0 60px 0;
}
#hero h1 {
	margin: 0 0;
	font-size: 32px;
	font-family: Lato, sans-serif;
	color: #3a3460;
	font-weight: bold;
	line-height: 48px;
}
.form-col h2 {
	font-size: 30px !important;
}
.analysis h5 {
	font-size: 13px;
	margin-bottom: 5px;
}
.analysis p {
	font-size: 12px;
}
.inputbox, textarea, select {
	font-size: 14px;
}
.products {
	padding: 50px 0 40px 0;
}
.product-box p {
	padding-right: 6.250rem;
}
.product-box.e-restaurant p {
	padding-right: 8.000rem;
}
.crd-sty {
	padding: 2.500rem 2rem;
}
.owl-nav {
	margin: -70px 8px 0 -380px !important;
}
section.services {
	padding-bottom: 20px
}
.our-branding {
	padding: 65px 0 50px 0;
}
.text-base.sub-links a {
	font-size: 12px;
}
.header-section ul li.mega-menu > ul > li.wide25.learn a.pb-2 {
	padding-bottom: 0px;
	margin-bottom: -10px;
}
.header-section a img.img-hight {
	height: 120px;
}
.sub-header h2, .sub-header h3 {
	color: #ffffff;
	font-size: 24px;
}
ul.list-itns li {
	width: 100%;
}
.header-section ul li.mega-menu > ul > li.wide50 a, .header-section ul li.mega-menu > ul > li.wide25 a {
	padding: 15px 0px 15px 0px;
}
.pt-1.pl-3 {
	padding-left: 0 !important;
}
.header-section ul li.mega-menu > ul > li .nav-custom h4 {
	font-size: 14px;
}
.header-section ul li.mega-menu > ul > li .text-base {
	font-size: 13px;
}
.hr {
	margin-top: 37px;
}
}
@media only screen and (max-width:1280px) {
.header-section ul li a {
	padding: 30px 16px;
}
.header-section ul li.contact-btn {
	margin: 13px 0 0 25px;
}
.header-section ul li a h4, .wide25 h4 {
	font-size: 14px;
}

.header-section ul li.mega-menu > ul > li.wide50 {
	width: 79.000% !important;
}
.header-section ul li.mega-menu > ul > li.wide25, .header-section ul li.mega-menu > ul > li.wide25.learn {
	width: 18.500%;
}
.pt-3.text-center {
	padding-top: 1rem !important;
}
#hero .container {
	max-width: 90% !important;
	margin: auto;
}
.header-section ul li.mega-menu > ul > li.learn a.pro-inq, .header-section ul li.mega-menu > ul > li.learn a.int-inq {
	font-size: 13px;
	padding: 6px 0 !important;
}
.mb-col-h{
	height: 160px;
}
#hero h1{
  font-size: 28px;
  color: #3a3460;
}
#hero h1.font30{
  font-size: 23px;
  color: #e57119;
}
#hero h1.font35{
  font-size: 26px;
  color: #3a3460;
}
#hero h1.font27{
  font-size: 20px;
  color: #e57119;
}
#hero h2{
  font-size: 20px;
  color: #3a3460;
}
#hero h3{
  font-size: 20px;
  color: #3a3460;
}
.pad-10 {
  padding-top: 0px;
}
.pad-20 {
  padding-top: 2px;
}
.pad-30 {
  padding-top: 3px;
}
.carousel-item.banner-col{
	height: 260px;
}
}
@media only screen and (min-width:1000px) and (max-width:1169px) {
.container, #hero .container {
	max-width: 95% !important;
	margin: auto;
}
.header-section ul li.contact-btn {
	margin: 15px 0 0 35px;
}
.header-section ul li a {
	padding: 30px 10px;
	font-size: 14px;
}

#hero h1 {
	font-size: 22px;
}
    #hero h1.font35 {
        font-size: 20px;
        color: #3a3460;
    }
	    #hero h3 {
        font-size: 18px;
        color: #3a3460;
    }
	    #hero h1.font30 {
        font-size: 18px;
        color: #e57119;
    }
	    #hero h1.font27 {
        font-size: 17px;
        color: #e57119;
    }
.form-col {
	padding: 1rem 2rem;
}
.pin-start .btn-white {
	font-size: 13px;
}
#hero {
	background: url("../images/get-custom-website.png") no-repeat center center;
	padding: 180px 0 100px 0;
}
#hero .hero-container {
	width: 90%;
}
#hero h2 {
	font-size: 15px;
	margin: 0px 0 15px 0 !important;
}
.sub-header {
	background-position: center bottom;
}
.services {
	padding-top: 0px
}
.about-info h4 {
	font-size: 16px;
	line-height: 25px;
	margin-top: 25px !important;
}
.about-info h2.mb-4.mt-5.pt-4 {
	margin: 15px 0 15px 0 !important;
	padding: 0 !important;
	font-size: 35px;
}
.product-box.e-real-hungry {
	padding-bottom: 105px;
}
.address-col {
	width: 74.300%;
}
.product-box.e-church, .product-box.e-restaurant {
	background-size: 30%;
}
.product-box p {
	padding-right: 3rem;
}
.e-restaurant p {
	padding-right: 2rem !important;
}
input, select, textarea {
	font-size: 13px !important;
}
section.services {
	padding: 60px 0 20px 0 !important;
}
.about-info h2 {
	font-size: 35px;
}
footer h5 {
	font-size: 16px;
}
.btn-colored {
	padding: 1rem 2rem;
}
.btn-orange {
	padding: 1.10rem 2rem;
}
.header-section ul li.mega-menu > ul > li.wide50 {
	width: 82%;
}
.header-section ul li a h4 {
	color: #3a3460;
	font-size: 15px;
}
.sec-titles h2 {
	font-size: 26px;
}
.owl-nav {
	margin: -20px 8px 0 -243px !important;
}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.container, #hero .container {
	max-width: 90% !important;
}
.header-section ul li.mega-menu > ul > li.wide50 {
	width: 100% !important;
}
#hero {
	width: 100%;
	background: url(../images/get-custom-website.png) no-repeat top center/cover;
	padding: 100px 0 80px 0;
}
.site-header .pin-start {
	padding: 0rem 1rem 1rem 1rem;
	background: #fff;
}
.col-lg-8.pl-5 {
	padding-left: 20px !important;
}
.col-lg-5.text-right {
	text-align: left !important;
}
.header-section ul li.contact-btn {
	margin: 0px 0 0 0px;
}
.inputbox, textarea, select {
	font-size: 13px;
}
.header-section #menu > ul li ul li .py-3.pl-3 a {
	padding-left: 0px;
}
.header-section #menu > ul li ul li a {
	padding-left: 0px;
}
.header-section ul li.mega-menu > ul > li.wide25 {
	width: 48.600% !important;
	float: left !important;
}
}
@media only screen and (min-width:640px) and (max-width:767px) {
.container, #hero .container {
	max-width: 100% !important;
	margin: auto;
}
.header-section ul li.contact-btn {
	margin: 0px 0 0 0px;
}
.site-header .pin-start {
	padding: 0rem 1rem 1rem 1rem;
	background: #fff;
}
#hero {
	width: 100%;
	background: url("../images/get-custom-website.png") no-repeat top center/cover;
	padding: 270px 0 175px 0;
}
.col-lg-8.pl-5 {
	padding-left: 0px
}
}
@media only screen and (min-width:480px) and (max-width:639px) {
.container, #hero .container {
	max-width: 100% !important;
	margin: auto;
}
.header-section ul li.contact-btn {
	margin: 0px 0 0 0px;
}
}
@media only screen and (max-width:479px) {
.container, #hero .container {
	max-width: 100% !important;
	margin: auto;
}
.mega-list-h {
  height: 200px;
}
#hero {
	background: url("../images/get-custom-website.png") no-repeat center center/cover;
	padding: 100px 0 80px 0;
}
.site-header .pin-start {
	padding: 0rem 1rem 1rem 1rem;
	background: #fff;
}
.col-lg-8.pl-5 {
	padding-left: 18px !important;
	margin-top: 20px;
}
p {
	font-size: 15px;
}
.product-box p {
	padding-right: 0rem;
}
.product-box.e-church, .product-box.e-restaurant {
	background-size: 30%;
}
.about-info h2 {
	font-size: 40px;
}
.form-col {
	padding: 1rem;
}
#hero .hero-container {
	width: 95%;
}
.no-dis {
	display: none
}
.sub-header {
	padding: 75px 0 80px 0;
}
.site-header {
	width: 100%;
	padding: 0 0rem;
}
.header-section .logo {
	width: 80%;
	margin-top: 18px;
}
.header-section img {
	max-width: 100%;
}
#hero h1 {
	font-size: 27px;
	line-height: 45px;
}
.pad-30{
	padding-top: 15px;
}
.form-col h2 {
	font-size: 18px !important;
}
.container {
	max-width: 100% !important;
	margin: auto;
}
.col-lg-5.text-right {
	text-align: left !important;
}
.site-header .pin-start {
	padding: 0rem 0rem 1rem 0rem;
}
.col-md-6.text-right, .col-lg-6.text-right {
	text-align: left !important;
	margin-top: 15px;
}
.sub-header h2, .sub-header h3 {
	font-size: 22px;
}
.header-section ul li.contact-btn {
	margin: 0px 0 0 0px;
}
.bread-title h3.grey {
	font-size: 20px;
}
.header-section #menu > ul li ul li a {
	padding-left: 20px;
}
.header-section #menu > ul li ul li .py-3.pl-3 {
	padding-top: 0px !important;
}
.header-section #menu > ul li ul li .py-3.pl-3 a {
	padding-left: 0px;
}
.product-box.e-restaurant p {
	padding-right: 2rem;
}
.sec-titles h2 a {
	display: block;
}
.bor-left {
	border-left: solid 0px #b3b3b3;
}
.simplistic ul {
    margin: 25px 0 0 -35px;
}
.extensive ul {
    margin: 15px 0 0 -35px;
}
.links-mid a, .links-mid a.active, .links-mid a:hover {
    padding: 8px 40px;
}
.pay-form .inputbox, .pay-form .listmenu {
    width: 50% !important;
}
.content .features {
    width: 100%;
}
}
@media only screen and (max-width:320px) {
.header-section .logo {
	width: 85%;
}
.header-section img {
	max-width: 90%;
}
.header-section ul li.mega-menu > ul > li.wide50 {
	width: 100% !important;
}
.header-section .logo {
	display: inline-block;
	margin-top: 19px;
}
.mega-list-h {
  height: 200px;
}
#hero h1 {
	font-size: 26px;
}
.sl-bg {
    padding: 15px 10px;
}
.sl-bg.sty1 {
    padding: 15px 10px;
}
#hero h1.f40 {
    font-size: 25px;
}
#hero h1.f35 {
    font-size: 25px !important;
	line-height: 20px;
}
#hero h1.f30 {
    font-size: 18px !important;
	line-height: 20px;
}
#hero h1.f23 {
    font-weight: bold;
    font-size: 20px !important;
	line-height: 20px;
	margin-top: 10px;
	color: #fff !important;
}
#hero h1.f25 {
    font-weight: bold;
    font-size: 25px !important;
	color: #fff !important;
}
#hero p {
    font-size: 18px;
}
.site-header {
	padding: 0 0rem;
	margin-top: 0 !important;
}
.address-col {
	margin-left: 15px;
	width: 79%;
}
footer h5 {
	font-size: 14px;
}
.header-section ul li.menu-icon {
	padding: 17px 0 0 30px;
}
.product-box.e-restaurant p {
	padding-right: 0rem;
}
.bor-left {
	border-left: solid 0px #b3b3b3;
	padding-left: 0px;
}
.links-mid a, .links-mid a.active, .links-mid a:hover {
    padding: 8px 25px;
}
.pay-form .inputbox, .pay-form .listmenu {
    width: 50% !important;
}
.content .features {
    width: 100%;
}
}