html {
	background: #e6e9e9;
	background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%,
		rgb(216, 221, 221) 100%);
	-webkit-font-smoothing: antialiased;
}

body {
	background: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
	color: #545454;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 auto;
}

h1, h2, h3, h4, h5 {
	color: #222;
	font-weight: 600;
	line-height: 1.3;
	font-family: fantasy;
}

h6 {
	color: #222;
	font-weight: 600;
	line-height: 1.3;
	font-family: system-ui;
}

a {
	color: #000;
}

a:hover {
	color: #000;
	text-decoration: none;
}

b, strong {
	font-weight: 600;
}

samp {
	display: none;
}

ul>li {
	list-style: none;
}

.btn-primary:focus {
	box-shadow: none;
}

.btn-primary:not (:disabled ):not (.disabled ):active:focus {
	box-shadow: none;
}

/*======
    Nav-bar
    ======*/
header {
	padding: 45px 0;
	color: #000000;
	background-color: #ffffff;
}

header h6 {
	font-size: 14px;
	letter-spacing: 4px;
	font-family: fantasy;
}

.btn-success:not (:disabled ):not (.disabled ):active:focus,
	.btn-success.focus, .btn-success:focus {
	box-shadow: none;
}

nav {
	background-color: #ffffff !important;
	border-top: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1607843137254902);
	-moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1607843137254902);
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1607843137254902);
}

header .fa {
	font-size: 20px;
	margin-left: 15px;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active>.nav-link
	{
	font-weight: 600;
	color: #000;
}

.navbar-dark .navbar-nav .nav-link {
	color: #000;
	font-size: 22px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 15px 15px;
	font-family: serif;
}

.navbar-nav {
	justify-content: center;
	width: 100%;
}

.navbar {
	padding: 0;
}

.navbar-nav .nav-item {
	border-right: 1px solid #ccc;
}

.navbar-nav .nav-item:last-child {
	border-right: 0;
}

.fa-facebook-official {
	color: #4867aa;
}

.fa-twitter {
	color: #1da1f2;
}

.fa-pinterest {
	color: #bd081b;
}

.fa-youtube {
	color: #f00;
}

.sticky-top {
	transition: all 0.25s ease-in;
}

/* style for when sitcky is applied */
.stuck .sticky-top {
	background-color: #ffffff !important;
}

.jumbotron {
	width: 100%;
	height: 672px;
	position: relative;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.jumbotron h1, .jumbotron h2, .jumbotron h4 {
	color: #ffffff;
	text-transform: uppercase;
}

.jumbotron h4 {
	font-size: 16px;
	background: #000;
	letter-spacing: 5px;
	padding: 15px 40px;
	display: initial;
}

.jumbotron a {
	margin-top: 60px;
}

.jumbotron .btn-success, .jumbotron .btn-success:not (:disabled ):not (.disabled
	):active {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	border-radius: 100px;
	padding: 8px 35px;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	border: 2px solid #b4dc2d;
}

.jumbotron .btn-success:hover {
	color: #fff;
	background-color: transparent;
	border: 2px solid #b4dc2d;
}

.jumbotron h2 {
	font-size: 22px;
	margin-top: 0;
	font-weight: 500;
	padding-bottom: 30px;
}

.jumbotron h1 {
	font-size: 51px;
	font-weight: 700;
	text-transform: uppercase;
}

.jumbotron1 {
	width: 100%;
	height: 772px;
	position: relative;
	background-image: url(../images/index2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.jumbotron1 h1, .jumbotron1 h2, .jumbotron1 h4 {
	color: #ffffff;
	text-transform: uppercase;
}

.jumbotron1 h4 {
	font-size: 16px;
	background: #000;
	display: inline;
	letter-spacing: 5px;
	padding: 15px 40px;
}

.jumbotron1 a {
	margin-top: 60px;
}

.jumbotron1 .btn-success, .jumbotron1 .btn-success:not (:disabled ):not
	(.disabled ):active {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	border-radius: 100px;
	padding: 8px 35px;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	border: 2px solid #b4dc2d;
}

.jumbotron1 .btn-success:hover {
	color: #fff;
	background-color: transparent;
	border: 2px solid #b4dc2d;
}

.jumbotron1 h2 {
	font-size: 22px;
	margin-top: 0;
	font-weight: 500;
	padding-bottom: 30px;
}

.jumbotron1 h1 {
	font-size: 51px;
	font-weight: 700;
	text-transform: uppercase;
}

.jumbotron2 {
	width: 100%;
	height: 772px;
	position: relative;
	background-image: url(../images/index3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.jumbotron2 h1, .jumbotron2 h2, .jumbotron2 h4 {
	color: #ffffff;
	text-transform: uppercase;
}

.jumbotron2 h4 {
	font-size: 16px;
	background: #000;
	display: inline;
	letter-spacing: 5px;
	padding: 15px 40px;
}

.jumbotron2 a {
	margin-top: 60px;
}

.jumbotron2 .btn-success, .jumbotron2 .btn-success:not (:disabled ):not
	(.disabled ):active {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	border-radius: 100px;
	padding: 8px 35px;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	border: 2px solid #b4dc2d;
}

.jumbotron2 .btn-success:hover {
	color: #fff;
	background-color: transparent;
	border: 2px solid #b4dc2d;
}

.jumbotron2 h2 {
	font-size: 22px;
	margin-top: 0;
	font-weight: 500;
	padding-bottom: 30px;
}

.jumbotron2 h1 {
	font-size: 51px;
	font-weight: 700;
	text-transform: uppercase;
}

.content {
	position: relative;
	text-align: center;
}

.gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',
		endColorstr='#b3000000', GradientType=1);
}

.thumbnail {
	background-color: whitesmoke;
	height: 320px;
	border: none;
	border-radius: 0px;
	text-align: center;
}

/*=============================
     section-2 Styles
=============================*/
.section-2 {
	width: 100%;
	height: auto;
}

.section-2 {
	padding-top: 30px;
	padding-bottom: 50px;
}

.section-2 .fa {
	color: #c2c2c2;
	font-size: 30px;
	text-align: center;
}

.section-2 h3 {
	color: #000000;
	font-size: 33px;
	line-height: 60px;
	padding: 0px 0px 0px 0px;
	font-family: serif;
}

.section-2 p {
	font-size: 16px;
	font-weight: 300;
}

.section-2 .box-1, .section-2 .box-2, .section-2 .box-3 {
	padding-left: 30px;
	padding-right: 30px;
}

.section-2 p a {
	position: absolute;
	bottom: -46px;
	right: -38px;
}

.section-2 .box {
	box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important;
	padding: 30px 20px;
}

/*=============================
     section-3 Styles
=============================*/
.section-3 {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	border-bottom: 1px solid #e5e5e5;
}

.section-3 h2 {
	color: #737373;
	font-size: 38px;
	line-height: 60px;
	margin-top: -13px;
	padding-bottom: 10px;
}

.section-3 h2 span {
	display: block;
}

.section-3 figure {
	margin: 0;
}

.section-3 figure .out-sideimg {
	width: 100%;
	height: 670px;
	object-fit: cover;
}

.section-3 figure .inner-img {
	width: 380px;
	height: 380px;
	object-fit: cover;
	position: absolute;
	bottom: 0;
	left: -60px;
}

.section-3 ul {
	padding: 0;
}

.section-3 ul>li {
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
}

.section-3 ul>li a {
	color: #525252;
}

.section-3 ul>li a:hover {
	color: #759800;
}

.section-3 ul>li {
	font-size: 24px;
	font-weight: 300;
}

.section-3 ul .fa {
	font-size: 25px;
	margin-right: 15px;
}

/*=============================
     section-4 Styles
=============================*/
.section-4 {
	width: 100%;
	height: auto;
	padding-top: 75px;
	padding-bottom: 100px;
	border-bottom: 1px solid #e5e5e5;
}

.section-4 h3 {
	color: #737373;
	font-size: 28px;
	line-height: 60px;
	padding-bottom: 40px;
	margin-top: -13px;
}

.section-4 .box-1 h2 {
	color: #000;
	font-size: 28px;
	font-weight: 400;
	padding-bottom: 10px;
}

.section-4 h3 span {
	display: block;
}

.section-4 .heading .btn-success {
	color: #fff;
	padding: 12px 35px;
	letter-spacing: 1px;
	border-radius: 0;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	text-transform: uppercase;
}

.section-4 .btn-success {
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	border-radius: 100px;
}

.section-4 .btn-success:hover, .btn-success:not (:disabled ):not (.disabled
	):active {
	background-color: #000;
	border-color: #000;
}

.section-4 .heading .btn-success:hover {
	color: #fff;
	background-color: black;
	border: 1px solid #000;
}

.section-4 figure figcaption p {
	font-size: 16px;
	color: black;
	font-weight: 300;
	line-height: 27px;
}

.section-4 .box-1 img {
	width: 100%;
	height: 580px;
	object-fit: cover;
	margin-bottom: 20px;
}

.section-4 .box-2 img, .section-4 .box-6 img, .section-4 .box-4 img {
	width: 100%;
	height: 258px;
	object-fit: cover;
	padding-left: 30px;
}

.section-4 .box-2 figure, .section-4 .box-4 figure, .section-4 .box-6 figure
	{
	margin: 0 0 55px;
}

.section-4 h4 {
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 10px;
}

.section-4 h5 {
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 30px;
	padding-right: 40px;
	line-height: 25px;
}

/*=============================
     Section-5 Styles
=============================*/
.section-5 {
	width: 100%;
	height: auto;
	padding-top: 45px;
}

.section-5 h3 {
	color: #737373;
	font-size: 32px;
	line-height: 60px;
	padding: 30px 0px 0px 0px;
	font-weight: 600;
}

.section-5 h5 {
	font-size: 16px;
	font-weight: 400;
}

.section-5 h3 span {
	display: block;
}

.section-5 .btn-success {
	color: #fff;
	padding: 12px 35px;
	letter-spacing: 1px;
	border-radius: 0;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	text-transform: uppercase;
}

.section-5 .btn-success:hover {
	color: #ffffff;
	background-color: #000;
	border: 1px solid #000;
}

.section-5 hr {
	padding-bottom: 60px;
}

.section-5 .more-button {
	text-align: center;
	padding-top: 75px;
}

.section-5 .btn-primary {
	color: #dddddd;
	background-color: transparent;
	border-color: #b2b2b2;
	border: 2px solid #b2b2b2;
	font-weight: 700;
	font-size: 14px;
	border-radius: 100px;
	padding: 14px 30px;
	text-transform: uppercase;
	margin: 10px;
}

.section-5 .btn-primary:hover {
	color: #ffffff;
	background: #000000;
	border: 2px solid #000000;
}

.section-5 .btn-primary:not (:disabled ):not (.disabled ):active {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}

.section-5 .box {
	position: relative;
	padding: 0;
}

.section-5 .img-fluid {
	display: block;
	width: 100%;
	object-fit: cover;
	height: 400px;
}

.section-5 .box:hover .overlay {
	opacity: 1;
}

.section-5 .text span {
	display: block;
}

.section-5 .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',
		endColorstr='#b3000000', GradientType=1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-5 .overlay img {
	width: 20%;
	right: 0;
	bottom: 0;
	background: #000;
	position: absolute;
}

.section-5 .text {
	color: white;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
	position: absolute;
	bottom: 8%;
	left: 10%;
}

.section-5 h4 {
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
}

.section-5 h4 span {
	display: block;
}

.section-5 .other1 .overlay img {
	width: 15%;
}

.section-5 .modal {
	z-index: 99999;
}

.section-5 .modal-backdrop.show {
	opacity: .8;
}

.section-5 .modal-backdrop {
	z-index: 9999;
}

/*==============================
      Section-6 Styles
==============================*/
.section-6 {
	width: 100%;
	height: auto;
	color: #000;
	padding: 100px 0;
}

.section-6 .main {
	border: 1px solid #c4c4c4;
	padding: 60px 0;
}

.section-6 form {
	float: left;
}

.section-6 .heading h3 {
	color: #4c4c4c;
	font-size: 38px;
	font-weight: 500;
	line-height: 67px;
	padding-right: 18px;
	text-align: right;
}

.section-6 .form-control {
	margin-bottom: 19px;
	font-size: 14px;
	border-radius: 0;
	font-style: italic;
	padding: 10px 10px;
}

.section-6 .input-group {
	padding: 7px 0;
}

.section-6 .btn-info {
	width: 170px;
	height: 56px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	font-size: 19px;
	border-radius: 0;
	font-weight: 500;
	border: none;
	background: #000;
}

.section-6 .btn-info:not (:disabled ):not (.disabled ):active,
	.section-3 .btn-info:hover {
	color: #000;
	background-color: transparent;
	border: 1px solid #000;
}

.section-6 .btn-info:hover {
	color: #ffffff;
	background-color: #b4dc2d;
	border: 1px solid #b4dc2d;
}

.section-6 input {
	font-size: 12px;
	width: 290px;
	height: 56px;
	padding: 0 18px;
	border: none;
	color: #000;
	background: #fff;
	border: 1px solid #d2d2d2;
}

.btn-info:focus, .btn-info:not (:disabled ):not (.disabled ):active:focus
	{
	box-shadow: none;
}

.section-6 textarea {
	resize: none;
}

.section-6 ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #cacaca;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Montserrat', sans-serif;
}

.section-6 ::-moz-placeholder {
	/* Firefox 19+ */
	color: #cacaca;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Montserrat', sans-serif;
}

.section-6 :-ms-input-placeholder {
	/* IE 10+ */
	color: #cacaca;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Montserrat', sans-serif;
}

.section-6 ::placeholder {
	color: #cacaca;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Montserrat', sans-serif;
}

/*==============================
      //footer Styles //
==============================*/
.page-footer {
	border-top: 1px solid #cccccc;
}

.page-footer .box-1 {
	border-right: 1px solid #cccccc;
	padding-top: 75px;
	padding-bottom: 80px;
}

.page-footer .box-2, .page-footer .box-3, .page-footer .box-4 {
	padding-top: 75px;
}

.footer-copyright {
	position: relative;
	background-image: url("../images/footer-bg.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.footer-copyright p {
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	position: relative;
	text-transform: uppercase;
	padding: 40px 0;
	margin-bottom: 0;
}

.footer-copyright p a {
	color: #8dc63f;
}

.page-footer img {
	margin-bottom: 30px;
}

.page-footer h5 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1.5rem !important;
}

.page-footer p {
	font-size: 16px;
	font-weight: 300;
	padding-right: 40px;
}

.page-footer ul>li a {
	color: #707070;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.page-footer ul>li a:hover {
	color: #8dc63f;
}

/*===============================
           About-Page
===============================*/
#about-us {
	padding-top: 60px;
	padding-bottom: 0px;
	background-color: #fff;
}

#about-us h3 {
	color: #737373;
	font-size: 33px;
	padding-bottom: 30px;
	text-transform: capitalize;
	font-weight: 600;
}

#about-us p {
	margin: 0;
	color: #8d8d8d;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.5px;
	text-align: left;
	font-weight: 400;
	margin-bottom: 200px;
}

#about-us .image {
	float: left;
	width: 478px;
	height: 394px;
	shape-margin: 20px;
	margin-right: 50px;
	margin-bottom: 52px;
}

#about-us .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
	object-fit: cover;
}

#about-us p {
	margin: 0;
	color: #000000;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.5px;
	text-align: left;
	font-weight: 400;
	margin-bottom: 0px;
}

#about-us .image {
	float: left;
	width: 547px;
	height: 458px;
	shape-margin: 20px;
	margin-right: 50px;
	margin-bottom: 40px;
}

#about-us .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
	object-fit: cover;
}

/*=============================
        Contact-Page
=============================*/
#contact {
	padding-top: 0;
	padding-bottom: 200px;
	text-align: left;
	border-bottom: 1px solid #b2b2b2;
}

#contact h3 {
	color: #737373;
	font-size: 33px;
	padding-bottom: 15px;
	text-transform: capitalize;
	font-weight: 600;
}

.py-5 {
	width: 755px;
}

#contact input {
	height: 58px;
}

#contact p {
	font-size: 16px;
	text-align: left;
	line-height: 36px;
	color: rgba(0, 0, 1, 0.54);
}

#contact .text-left {
	padding-bottom: 10px;
}

#contact select {
	width: 100%;
	height: 52px;
	color: #d3d0d0;
	font-size: 12px;
	padding: 0 8px;
	cursor: pointer;
	margin-bottom: 10px;
}

#contact .btn-primary {
	color: #fff;
	font-size: 14px;
	padding: 15px 50px;
	font-weight: 600;
	background-color: #000000;
	border-color: #000000;
	border-radius: 0;
	text-transform: uppercase;
}

#contact .btn-primary:hover {
	background-color: #b4dc2d;
	border-color: #b4dc2d;
}

#contact .form-group {
	padding: 0;
	margin-bottom: 0;
}

#contact .form-control {
	border-radius: 0;
	margin-bottom: 25px;
	border: 1px solid #909090;
}

#contact input {
	height: 63px;
	border-radius: 0;
	margin-bottom: 16px;
	border: 1px solid #acacac;
}

textarea.form-control {
	height: auto;
	margin-bottom: 15px;
	padding: 20px 13px;
}

#contact ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #c2c2c2;
	font-style: italic;
	font-size: 13px;
	font-weight: 200;
}

#contact ::-moz-placeholder {
	/* Firefox 19+ */
	color: #c2c2c2;
	font-style: italic;
	font-weight: 200;
	font-size: 13px;
}

#contact ::-ms-input-placeholder {
	/* IE 10+ */
	color: #c2c2c2;
	font-style: italic;
	font-weight: 200;
	font-size: 13px;
}

#contact ::-moz-placeholder {
	/* Firefox 18- */
	color: #c2c2c2;
	font-weight: 200;
	font-style: italic;
	font-size: 13px;
}

#contact form {
	text-align: center;
}

#contact .form-control:focus {
	background-color: transparent;
	border-color: #acacac;
	box-shadow: none;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
	margin-bottom: 30px;
}

.portfolio #portfolio-flters {
	padding: 0;
	margin: 0 auto 25px auto;
	list-style: none;
	text-align: center;
}

.portfolio #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	padding: 10px 18px 12px 18px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	color: #555555;
	transition: all 0.3s ease-in-out;
	margin: 0 4px 10px 4px;
	background: whitesmoke;
	border-radius: 4px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active
	{
	background: #7cc576;
	color: #fff;
}

.portfolio #portfolio-flters li:last-child {
	margin-right: 0;
}

.portfolio .portfolio-wrap {
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
}

.portfolio .portfolio-wrap::before {
	content: "";
	background: rgba(21, 21, 21, 0.6);
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	bottom: 30px;
	transition: all ease-in-out 0.3s;
	z-index: 2;
	opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 3;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top: 35px;
	left: 35px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transition: all 0.5s ease 0s;
	z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	transition: all 0.5s ease 0s;
	z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	font-family: initial;
}

.portfolio .portfolio-wrap .portfolio-info p {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
	text-align: center;
	z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
	color: #fff;
	margin: 0 2px;
	font-size: 28px;
	display: inline-block;
	transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
	color: #7cc576;
}

.portfolio .portfolio-wrap:hover::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
	opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
	top: 15px;
	left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
	bottom: 15px;
	right: 15px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
	padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
	width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet
	{
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #7cc576;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active
	{
	background-color: #7cc576;
}

.portfolio-details .portfolio-info {
	padding: 30px;
	box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}

.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
	margin-top: 10px;
}

.portfolio-details .portfolio-description {
	padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
	padding: 0;
}

/*=============================
     Blog Styles
=============================*/
.blog {
	width: 100%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 100px;
	border-bottom: 1px solid #e5e5e5;
}

.blog h3 {
	color: #737373;
	font-size: 33px;
	padding-bottom: 40px;
	text-transform: capitalize;
	font-weight: 600;
}

.blog hr {
	padding-bottom: 40px;
}

.blog .box-1 h2 {
	color: #000;
	font-size: 28px;
	font-weight: 400;
	padding-bottom: 10px;
}

.blog figure figcaption p {
	font-size: 16px;
	color: black;
	font-weight: 300;
	line-height: 27px;
}

.blog .box-1 img {
	width: 100%;
	height: 580px;
	object-fit: cover;
	margin-bottom: 20px;
}

.blog .box-2 img, .blog .box-6 img, .blog .box-4 img {
	width: 100%;
	height: 258px;
	object-fit: cover;
	padding-left: 30px;
}

.blog .box-2 figure, .blog .box-4 figure, .blog .box-6 figure {
	margin: 0 0 55px;
}

.blog h4 {
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 10px;
}

.blog h5 {
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 30px;
	padding-right: 40px;
	line-height: 25px;
}

.blog .bt {
	padding-top: 50px;
}

.blog .bt ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.blog .bt ul li {
	background: transparent;
	border: 1px solid #d4d4d4;
	display: inline-flex;
	text-align: center;
	border-radius: 100px;
	margin-right: 5px;
}

.blog .bt .active {
	background-color: #b4dc2d;
	border: 1px solid #b4dc2d;
	color: white;
	border-radius: 100px;
}

.blog .btn-success {
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	background-color: #b4dc2d;
	border-color: #b4dc2d;
	border-radius: 100px;
}

.blog .btn-success:hover {
	color: #ffffff;
	background-color: #000;
	border-color: #000;
}

.blog .bt a:hover {
	background-color: #b4dc2d;
	border: 1px solid #b4dc2d;
	color: white;
	border-radius: 100px;
}

.blog .bt ul li a {
	width: 37px;
	height: 37px;
	color: #ffffff;
	margin: 0 auto;
	font-size: 16px;
	background-color: #363636;
	border-radius: 100px;
	padding: 7px 0;
	font-weight: 600;
	text-decoration: none;
}

/*==============================
        Blog_single-page
==============================*/

/* ==== blog-single ==== */
#blog-single {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	border-bottom: 1px solid #b2b2b2;
}

#blog-single .heading-1 h3 {
	color: #737373;
	font-size: 33px;
	padding-bottom: 40px;
	text-transform: capitalize;
	font-weight: 600;
}

#blog-single .heading {
	text-align: center;
}

#blog-single .heading h2 {
	color: #000;
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	padding-bottom: 30px;
}

#blog-single .section4 .card-deck {
	margin-left: -30px;
	margin-right: -30px;
}

#blog-single .section4 h2 {
	font-size: 50px;
	margin-top: 30px;
	margin-bottom: 80px;
	font-weight: 200;
	color: #2e2c39;
	text-align: center;
	text-transform: uppercase;
}

#blog-single .section4 h2.background {
	position: relative;
	z-index: 1;
}

#blog-single .section4 h2.background:before {
	border-top: 1px solid #666666;
	content: "";
	margin: 0 auto;
	/* this centers the line to the full width specified */
	position: absolute;
	/* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

#blog-single .section4 h2.background span {
	/* to hide the lines from behind the text, you have to set the background color the same as the container */
	background: #fff;
	padding: 0 15px;
}

#blog-single .box p {
	margin: 0;
	color: #636363;
	font-size: 17px;
	line-height: 30px;
	text-align: justify;
	word-spacing: -1px;
	margin-top: -7px;
	padding-bottom: 40px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

#blog-single .box a {
	color: #ed1c24;
	border-bottom: 1px solid #ed1c24;
}

.social-buttons .inner-text span:first-child {
	color: black;
	font-weight: 600;
}

.social-buttons .inner-text span:last-child {
	color: #737373;
	font-weight: 500;
	border-bottom: 1px solid gray;
}

#blog-single h4 {
	font-size: 28px;
	font-style: italic;
	text-align: left;
	color: #545454;
	line-height: 47px;
	font-family: 'Montserrat', sans-serif;
}

#blog-single .inner-text a {
	color: #737373;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

#blog-single .inner-text a:hover, #blog-single .inner-text a:focus {
	text-decoration: none;
	border-bottom: 1px solid #fc4733;
	color: #fc4733;
}

#blog-single .qutation {
	width: 59%;
	text-align: center;
	padding: 73px 0;
	margin: 0 auto;
}

.social-buttons {
	border: 1px solid #c2c2c2;
	margin-top: 0;
	margin-bottom: 40px;
}

.social-buttons h3 {
	color: #737373;
	font-size: 17px;
	font-weight: 200;
	text-align: left;
	margin-left: 20px;
	padding: 47px 20px;
	font-family: 'Montserrat', sans-serif;
}

#blog_single .heading {
	font-size: 45px;
	padding-top: 60px;
}

#blog_single .heading h2 {
	font-size: 33px;
}

/*-- social buttons --*/
.mbm_social {
	padding: 0;
	font-size: 0;
	float: right;
	background: #fff;
	margin: 43px 25px;
	text-align: center;
}

.mbm_social li {
	display: inline-block;
	margin: 0 16px 0 0;
}

.mbm_social a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 px;
	width: 116px;
	height: 31px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	z-index: 2;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 5px;
}

.mbm_social a:hover {
	color: #fff;
}

.mbm_social a:hover .tooltip {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(0, -33px);
	transform: translate(0, -33px);
}

.mbm_social a:active {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}

.mbm_social .tooltip {
	opacity: 0;
	position: absolute;
	top: 2px;
	left: 50%;
	z-index: 1;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mbm_social .tooltip span {
	font-size: 10px;
	font-weight: bold;
	left: -50%;
	line-height: 1;
	padding: 6px 8px 5px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.mbm_social .tooltip span:after {
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
}

.mbm_social .social-twitter {
	background: #00abdc;
	border-radius: 5px;
	background: -webkit-linear-gradient(#00abdc, #00abdc);
	background: linear-gradient(#00abdc, #00abdc);
	border-bottom: 1px solid #00abdc;
}

.mbm_social .social-twitter:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #00abdc;
}

.mbm_social .social-twitter span {
	background: #00abdc;
	background: -webkit-linear-gradient(#00abdc, #00abdc);
	background: linear-gradient(#00abdc, #00abdc);
	color: #fff;
}

.mbm_social .social-twitter span:after {
	border-top-color: #00abdc;
}

.mbm_social .social-facebook {
	background: #325c94;
	border-radius: 5px;
	background: -webkit-linear-gradient(#4562a0, #385693);
	background: linear-gradient(#4562a0, #385693);
	border-bottom: 1px solid #2f487c;
}

.mbm_social .social-facebook:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #2f487c;
}

.mbm_social .social-facebook span {
	background: #3b5a9b;
	background: -webkit-linear-gradient(#5873aa, #3b5a9b);
	background: linear-gradient(#5873aa, #3b5a9b);
	color: #fff;
}

.mbm_social .social-facebook span:after {
	border-top-color: #325c94;
}

.mbm_social .social-google-plus {
	background: #cb2027;
	background: -webkit-linear-gradient(#cb2027, #cb2027);
	background: linear-gradient(#cb2027, #cb2027);
	border-bottom: 1px solid #cb2027;
}

.mbm_social .social-google-plus:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #ea4335;
}

.mbm_social .social-google-plus span {
	background: #cb2027;
	background: -webkit-linear-gradient(#cb2027, #cb2027);
	background: linear-gradient(#cb2027, #cb2027);
	color: #fff;
}

.mbm_social .social-google-plus span:after {
	border-top-color: #cb2027;
}

.mbm_social i {
	position: relative;
	top: 1px;
	font-size: 14px;
}

.mbm_social small {
	font-size: 14px;
	margin: 0 0 0 16px;
}

/*== contact form ==*/
#blog-single .img-thumbnail {
	border-radius: 0;
	padding: 0;
	border: none;
}

#blog-single .image {
	width: 100%;
	height: 365px;
	object-fit: cover;
	shape-margin: 20px;
	margin: 40px 0;
}

.mbm_social {
	background-color: transparent;
}

/*---- Section4-Styles ----*/
.section4 {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
}

.section4 .card {
	text-align: center;
	border: none;
}

.section4 .card .card-text {
	color: #363636;
	font-size: 23px;
	font-weight: 500;
}

.section4 .card .text-muted {
	color: #b8b8b8;
	font-size: 13px;
	font-weight: 400;
}

.section4 .btn {
	padding: 8px 20px;
	border-radius: 0;
	border: none;
	background: -moz-linear-gradient(-45deg, rgba(157, 196, 51, 0.8) 0%,
		rgba(51, 209, 210, 0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(157, 196, 51, 0.8) 0%,
		rgba(51, 209, 210, 0.8) 100%);
	background: linear-gradient(135deg, rgba(157, 196, 51, 0.8) 0%,
		rgba(51, 209, 210, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9dc433',
		endColorstr='#cc33d1d2', GradientType=1);
}

.section4 .card-deck .card {
	margin-left: 40px;
	margin-right: 40px;
}

.section4 .card {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.section4 .card .card-body a {
	color: #363636;
}

.section4 .card-deck {
	margin-left: -25px;
	margin-right: -25px;
}

.section4 .card:hover {
	-moz-box-shadow: 0 0 15px 1px #afafaf;
	-webkit-box-shadow: 0 0 15px 1px #afafaf;
	box-shadow: 0 0 15px 1px #afafaf;
}

/*=============================
     Services Styles
=============================*/
.services {
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 0px;
}

.services h2 {
	color: #737373;
	font-size: 33px;
	padding-top: 30px;
	text-transform: capitalize;
	font-weight: 600;
}

.services .fa {
	color: #c72929;
	font-size: 32px;
	float: right;
}

.services h3 {
	font-size: 34px;
	text-transform: uppercase;
	margin-top: -10px;
	font-weight: 600;
	padding-top: 5px;
}

.services p {
	color: #848484;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
}

.services .box-1, .services .box-2, .services .box-3 {
	padding-left: 30px;
	padding-right: 30px;
}

.services p a {
	position: absolute;
	bottom: -46px;
	right: -38px;
}

.services .box {
	box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important;
	padding: 60px 20px;
	margin-bottom: 20px;
}

@media ( max-width :1024px) {
	header {
		padding: 30px 0;
	}
	.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .active>.nav-link
		{
		font-size: 12px;
		padding: 4px 10px;
		color:#000;
	}
	header .navbar-brand img {
		width: 75%;
	}
	header .fa {
		font-size: 18px;
		margin-left: 10px;
	}
	.jumbotron {
		height: 400px;
	}
	.jumbotron h4 {
		font-size: 14px;
		letter-spacing: 2px;
		padding: 10px 20px;
		display: inline;
	}
	.jumbotron h1 {
		font-size: 44px;
	}
	.jumbotron a {
		margin-top: 50px;
	}
	.jumbotron h2 {
		font-size: 18px;
		padding-bottom: 25px;
	}
	.jumbotron .btn-success, .btn-success:not (:disabled ):not (.disabled ):active
		{
		font-size: 14px;
	}
	.jumbotron1 {
		height: 400px;
	}
	.jumbotron1 h4 {
		font-size: 14px;
		letter-spacing: 2px;
		padding: 12px 30px;
	}
	.jumbotron1 h1 {
		font-size: 34px;
	}
	.jumbotron1 a {
		margin-top: 50px;
	}
	.jumbotron1 h2 {
		font-size: 18px;
		padding-bottom: 25px;
	}
	.jumbotron1 .btn-success, .btn-success:not (:disabled ):not (.disabled ):active
		{
		font-size: 14px;
	}
	.jumbotron2 {
		height: 400px;
	}
	.jumbotron2 h4 {
		font-size: 14px;
		letter-spacing: 2px;
		padding: 12px 30px;
	}
	.jumbotron2 h1 {
		font-size: 34px;
	}
	.jumbotron2 a {
		margin-top: 50px;
	}
	.jumbotron2 h2 {
		font-size: 18px;
		padding-bottom: 25px;
	}
	.jumbotron2 .btn-success, .btn-success:not (:disabled ):not (.disabled ):active
		{
		font-size: 14px;
	}
	.section-2 h3 {
		font-size: 33px;
		margin-top: -9px;
	}
	.section-2 .fa {
		font-size: 25px;
	}
	.section-2 p {
		font-size: 14px;
	}
	.section-2 .box {
		padding: 20px 10px;
	}
	.section-2 p a {
		bottom: -37px;
		right: -28px;
	}
	.section-3 h2 {
		font-size: 32px;
		line-height: 40px;
		margin-top: 0;
		padding-bottom: 0;
	}
	.section-3 ul>li {
		font-size: 18px;
	}
	.section-3 ul .fa {
		font-size: 20px;
	}
	.section-3 figure .out-sideimg {
		height: 550px;
	}
	.section-3 figure .inner-img {
		width: 350px;
		height: 286px;
	}
	.section-4 h3 {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 40px;
		margin-top: 0;
	}
	.section-4 .heading .btn-success {
		font-size: 12px;
		padding: 10px 30px;
	}
	.section-4 .box-1 img {
		height: 515px;
	}
	.section-4 .box-1 h2 {
		font-size: 22px;
		padding-bottom: 5px;
	}
	.section-4 h4 {
		font-size: 22px;
		padding-bottom: 5px;
	}
	.section-4 figure figcaption p {
		font-size: 14px;
		line-height: 25px;
	}
	.section-4 h5 {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.section-4 .btn-success {
		font-size: 14px;
		padding: 5px 18px;
	}
	.section-4 .box-2 img, .section-4 .box-4 img, .section-4 .box-6 img {
		height: 243px;
		padding-left: 0;
	}
	.section-4 .box-2 figure, .section-4 .box-4 figure {
		margin: 0 0 20px;
	}
	.section-4 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-2 {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.section-3 {
		padding-bottom: 50px;
	}
	.section-5 h3 {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 30px;
		margin-top: 0;
	}
	.section-5 .btn-success {
		font-size: 12px;
		padding: 10px 30px;
	}
	.section-5 {
		padding-top: 50px;
	}
	.section-5 .img-fluid {
		height: 250px;
	}
	.section-6 {
		padding: 50px 0;
	}
	.section-6 .heading h3 {
		font-size: 24px;
		line-height: 51px;
		padding-right: 0;
		text-align: center;
	}
	.section-6 .btn-info {
		font-size: 14px;
		height: 45px;
		width: 125px;
	}
	.section-6 input {
		height: 45px;
	}
	.section-6 .main {
		padding: 20px 0;
	}
	.page-footer .box-1 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.page-footer .box-2, .page-footer .box-3, .page-footer .box-4 {
		padding-top: 50px;
	}
	.page-footer h5 {
		font-size: 13px;
	}
	.page-footer p {
		font-size: 12px;
		letter-spacing: 0.5px;
		font-weight: 400;
		padding-right: 30px;
	}
	.footer-copyright p {
		padding: 25px 0;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	#about-us {
		padding-top: 30px;
	}
	#about-us .image {
		width: 330px;
		height: 330px;
	}
	#about-us p {
		font-size: 12px;
		margin-bottom: 0px;
	}
	#about-us h3 {
		font-size: 28px;
		padding-bottom: 25px;
	}
	#contact h3 {
		font-size: 26px;
	}
	#contact p {
		font-size: 12px;
		letter-spacing: 0.5px;
		line-height: 25px;
		padding-bottom: 0;
	}
	#contact input {
		height: 55px;
	}
	#contact .btn-primary {
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	#contact {
		padding-bottom: 100px;
	}
	.py-5 {
		width: 100%;
		padding-top: 1rem !important;
	}
	.portfolio h3 {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 30px;
		margin-top: 0;
	}
	.portfolio .btn-success {
		font-size: 12px;
		padding: 10px 30px;
	}
	.portfolio {
		padding-top: 50px;
	}
	.portfolio .img-fluid {
		height: 250px;
	}
	.blog h3 {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 40px;
		margin-top: 0;
	}
	.blog .heading .btn-success {
		font-size: 12px;
		padding: 10px 30px;
	}
	.blog .box-1 img {
		height: 515px;
	}
	.blog .box-1 h2 {
		font-size: 22px;
		padding-bottom: 5px;
	}
	.blog h4 {
		font-size: 22px;
		padding-bottom: 5px;
	}
	.blog figure figcaption p {
		font-size: 14px;
		line-height: 25px;
	}
	.blog h5 {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.blog .btn-success {
		font-size: 14px;
		padding: 5px 18px;
	}
	.blog .box-2 img, .blog .box-4 img, .blog .box-6 img {
		height: 243px;
		padding-left: 0;
	}
	.blog .box-2 figure, .blog .box-4 figure {
		margin: 0 0 20px;
	}
	.blog {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#blog-single .heading h2 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.mbm_social li {
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.mbm_social a {
		width: 85px;
		height: 27px;
	}
	.mbm_social small {
		font-size: 12px;
		margin: 0 0 0 8px;
	}
	.mbm_social i {
		font-size: 12px;
	}
	.social-buttons h3 {
		font-size: 12px;
		font-weight: 400;
		padding: 45px 0;
		padding: 30px 25px;
	}
	#blog-single .heading-1 h3 {
		font-size: 22px;
		padding-bottom: 0;
	}
	#blog-single .box p {
		margin: 0;
		font-size: 14px;
		line-height: 25px;
		word-spacing: 0;
		margin-top: 0;
		padding-bottom: 25px;
	}
	#blog-single .section4 h2 {
		font-size: 30px;
	}
	#blog-single .section4 h2 {
		margin-bottom: 40px;
	}
	.mbm_social {
		margin: 30px 25px;
	}
	.section4 .card .card-text {
		font-size: 16px;
	}
	.section4 .card .card-body a {
		font-size: 14px;
	}
	#blog-single .image {
		margin: 20px 0;
		height: 200px;
	}
	.section4 .card-deck .card {
		margin-left: 10px;
		margin-right: 10px;
	}
	.section4 .btn {
		padding: 5px 12px;
	}
	.more-blog {
		padding-bottom: 0;
	}
	.services h3 {
		font-size: 26px;
		margin-top: -8px;
	}
	.services .fa {
		font-size: 25px;
	}
	.services .box {
		padding: 40px 20px;
		margin-top: 10px;
	}
	.services p {
		color: #848484;
		line-height: 25px;
		font-size: 14px;
	}
}

@media ( max-width :768px) {
	.jumbotron h1 {
		font-size: 36px;
	}
	.jumbotron h2 {
		font-size: 16px;
		padding-bottom: 20px;
	}
	.jumbotron h4 {
		font-size: 12px;
		padding: 12px 20px;
	}
	.jumbotron a {
		margin-top: 35px;
	}
	.jumbotron .btn-success, .btn-success:not (:disabled ):not (.disabled ):active
		{
		padding: 8px 30px;
	}
	.section-2 .fa {
		padding-bottom: 20px;
	}
	.section-2 h3 {
		font-size: 33px;
		margin-top: 0;
	}
	.section-2 .box-1, .section-2 .box-2, .section-2 .box-3 {
		padding-bottom: 30px;
	}
	.section-2 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.section-3 figure .inner-img {
		width: 50%;
		height: 300px;
		left: 0;
	}
	.section-3 figure .out-sideimg {
		height: 300px;
		width: 50%;
		float: right;
	}
	.section-3 h2 span {
		display: inline;
	}
	.section-3 h2 {
		font-size: 26px;
		line-height: 40px;
		margin-top: 0;
	}
	.section-4 h3 {
		font-size: 25px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	.section-4 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section-4 .box-1 img {
		height: 250px;
	}
	.blog h3 {
		font-size: 25px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	.blog {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.blog .box-1 img {
		height: 250px;
	}
	.section-5 {
		padding-top: 30px;
	}
	.section-5 h3 {
		font-size: 30px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	.section-5 .img-fluid {
		height: 200px;
	}
	.section-6 input {
		width: 100%;
		height: 45px;
		margin-bottom: 10px;
	}
	.section-6 form {
		float: none;
	}
	.section-6 .btn-info {
		width: 100%;
	}
	.section-6 {
		padding: 30px 0;
	}
	.page-footer .box-1 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.page-footer .box-2, .page-footer .box-3, .page-footer .box-4 {
		padding-top: 0;
	}
	.page-footer h5 {
		font-size: 14px;
		margin-bottom: 0.5rem !important;
	}
	.page-footer p {
		padding-right: 0;
	}
	.page-footer .box-1 {
		border-right: 0;
	}
	#about-us .image {
		width: 100%;
		height: 250px;
		margin-bottom: 25px;
	}
	#about-us p {
		font-size: 12px;
		margin-bottom: 0;
	}
	#about-us {
		padding-top: 20px;
	}
	#about-us h3 {
		font-size: 24px;
	}
	#contact p {
		line-height: 20px;
	}
	#contact {
		padding-bottom: 70px;
	}
	#contact input {
		height: 40px;
	}
	#contact .form-control {
		margin-bottom: 10px;
	}
	.portfolio {
		padding-top: 30px;
	}
	.portfolio h3 {
		font-size: 24px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	.portfolio .img-fluid {
		height: 200px;
	}
	.mbm_social {
		float: none;
		margin: 0;
		margin-bottom: 0;
		text-align: right;
	}
	.social-buttons h3 {
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		padding-bottom: 0;
	}
	.social-buttons {
		padding: 20px;
	}
	#blog-single .box p {
		margin: 0;
		font-size: 12px;
		line-height: 20px;
		margin-top: 0;
	}
	#blog-single .heading h2 {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 0;
	}
	#blog-single .section4 h2 {
		font: 24px sans-serif;
		margin-top: 25px;
		margin-bottom: 34px;
	}
	.social-buttons {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#blog-single .section4 .card-deck {
		margin-left: -15px;
		margin-right: -15px;
	}
	.social-buttons .inner-text {
		padding-top: 5px;
	}
	.section4 .btn {
		padding: 5px 12px;
		font-size: 13px;
	}
	.services h2 {
		font-size: 24px;
		padding-bottom: 0px;
	}
	.services {
		padding-top: 0;
	}
	.services h3 {
		font-size: 20px;
		margin-top: -5px;
	}
	.services .fa {
		font-size: 20px;
	}
	.services p {
		font-size: 12px;
	}
	.services h3 {
		padding-bottom: 0;
	}
}

@media ( max-width :425px) {
	.navbar-dark .navbar-toggler {
		position: absolute;
		right: 20px;
		top: -55px;
	}
	header .box-1 {
		text-align: left !important;
	}
	.navbar-expand-sm>.container {
		padding: 0 0;
	}
	.navbar-nav .nav-item {
		border-right: none;
	}
	header {
		padding: 15px 0;
	}
	.navbar-dark .navbar-toggler {
		color: #5564d2;
		border-color: rgba(255, 255, 255, 0.1);
		background: #55aad2;
	}
	.navbar-toggler {
		padding: .15rem .25rem;
	}
	header {
		text-align: center;
	}
	.text-left, .text-right {
		display: none;
	}
	.jumbotron h2 {
		font-size: 12px;
		letter-spacing: 0.5px;
		padding-bottom: 20px;
	}
	.jumbotron h1 {
		font-size: 30px;
	}
	.jumbotron .btn-success, .btn-success:not (:disabled ):not (.disabled ):active
		{
		padding: 5px 15px;
		font-size: 12px;
	}
	.jumbotron h4 {
		font-size: 12px;
		padding: 3px 6px;
		letter-spacing: 3px;
		display: block;
	}
	.jumbotron {
		height: 250px;
	}
	.jumbotron a {
		margin-top: 20px;
	}
	.jumbotron h2 {
		padding-bottom: 10px;
	}
	.section-2 p a {
		bottom: -20px;
		right: -10px;
	}
	.section-5 h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.section-5 .img-fluid {
		height: 250px;
	}
	.portfolio h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.portfolio .img-fluid {
		height: 250px;
	}
	.section-3 h2 {
		font-size: 21px;
		line-height: 40px;
	}
	.section-5 .btn-success, .section-4 .heading .btn-success {
		margin-bottom: 20px;
	}
	.section-3 ul>li {
		font-size: 16px;
	}
	.section-3 figure .out-sideimg, .section-3 figure .inner-img, .section-4 .box-2 img,
		.section-4 .box-4 img, .section-4 .box-6 img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	.blog .heading .btn-success {
		margin-bottom: 20px;
	}
	.blog .box-2 img, .blog .box-4 img, .blog .box-6 img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	.blog h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.blog .box-1 img, .blog .box-2 img, .blog .box-3 img {
		padding-left: 0;
	}
	.blog .box-5, .blog .box-3 {
		padding-bottom: 30px;
	}
	.blog .box-1 figure, .blog .box-4 figure {
		margin: 0 0 30px;
	}
	.blog .box-1 h2 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.blog h4 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.blog h5 {
		font-size: 12px;
		font-weight: 400;
	}
	.blog figure figcaption p {
		font-size: 12px;
		font-weight: 400;
	}
	.blog .btn-success {
		font-size: 12px;
		padding: 5px 15px;
	}
	.section-4 h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.section-4 .box-1 img, .section-4 .box-2 img, .section-4 .box-3 img {
		padding-left: 0;
	}
	.section-4 .box-5, .section-4 .box-3 {
		padding-bottom: 30px;
	}
	.section-4 .box-1 figure, .section-4 .box-4 figure {
		margin: 0 0 30px;
	}
	.section-4 .box-1 h2 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.section-4 h4 {
		font-size: 18px;
		padding-bottom: 0;
	}
	.section-4 h5 {
		font-size: 12px;
		font-weight: 400;
	}
	.section-4 figure figcaption p {
		font-size: 12px;
		font-weight: 400;
	}
	.section-4 .btn-success {
		font-size: 12px;
		padding: 5px 15px;
	}
	.section-6 .heading h3 {
		font-size: 22px;
	}
	.section-6 .btn-info {
		font-size: 12px;
	}
	.section-2 p {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.5px;
	}
	.section-2 h3 {
		font-size: 30px;
		font-family: serif;
	}
	.section-2 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.jumbotron h1 {
		font-size: 26px;
	}
	.page-footer img {
		width: 30%;
	}
	.section-3 h2 {
		font-size: 21px;
		line-height: 30px;
	}
	.section-3 h2 span {
		display: block;
	}
	.section-3 ul>li a {
		font-weight: 400;
	}
	.section-6 ::placeholder {
		font-size: 12px;
	}
	.section-6 :-moz-placeholder {
		font-size: 12px;
	}
	.section-6 :-ms-input-placeholder {
		font-size: 12px;
	}
	.section-6 ::-webkit-input-placeholder {
		font-size: 12px;
	}
	.footer-copyright p {
		padding: 14px 0;
		font-size: 11px;
	}
	#contact .btn-primary {
		padding: 10px 30px;
	}
	#contact {
		padding-bottom: 30px;
	}
	#contact h3 {
		font-size: 22px;
		padding-bottom: 10px;
	}
	.social-buttons h3 {
		text-align: center;
	}
	.mbm_social {
		text-align: center;
		padding: 6px 0;
	}
	#blog-single .box p {
		padding-bottom: 10px;
	}
	#blog-single .heading-1 h3 {
		font-size: 20px;
	}
	.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
	header .navbar-brand img {
		width: 60%;
	}
	.navbar-nav {
		padding: 10px 0;
	}
	.services .fa {
		font-size: 25px;
		float: left;
		padding-bottom: 25px;
	}
	.services .box {
		padding: 20px 20px;
		margin-bottom: 25px;
	}
}

@media ( max-width : 375px) {
	.section-6 .heading h3 {
		font-size: 18px;
	}
	.page-footer ul>li a {
		color: #707070;
		font-size: 10px;
		font-weight: 600;
	}
	#about-us h3 {
		font-size: 21px;
	}
	.services h2 {
		font-size: 20px;
	}
	.services h3 {
		font-size: 18px;
		margin-top: 0;
	}
	.services {
		padding-bottom: 0px;
	}
}

@media ( max-width : 320px) {
	.jumbotron h1 {
		font-size: 23px;
	}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
}

.contact .info i {
	font-size: 20px;
	color: #7cc576;
	float: left;
	width: 44px;
	height: 44px;
	background: #eaf6e9;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.contact .info h4 {
	padding: 0 0 0 60px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #151515;
}

.contact .info p {
	padding: 0 0 0 60px;
	margin-bottom: 0;
	font-size: 14px;
	color: #484848;
}

.contact .info .email, .contact .info .phone {
	margin-top: 40px;
}

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i
	{
	background: #7cc576;
	color: #fff;
}

.contact .php-email-form {
	width: 100%;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
}

.contact .php-email-form .form-group {
	padding-bottom: 8px;
}

.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .error-message br+br {
	margin-top: 25px;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
}

.contact .php-email-form input {
	height: 44px;
}

.contact .php-email-form textarea {
	padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
	background: #7cc576;
	border: 0;
	padding: 10px 24px;
	color: #fff;
	transition: 0.4s;
	border-radius: 4px;
}

.contact .php-email-form button[type="submit"]:hover {
	background: #61b959;
}

@
-webkit-keyframes animate-loading { 0% {
	transform: rotate(0deg);
}

100%
{
transform
:

rotate
(360deg);


}
}
@
keyframes animate-loading { 0% {
	transform: rotate(0deg);
}

100%
{
transform
:

rotate
(360deg);


}
}
.company__outline {
	margin: 0 auto;
	width: 100%
}

.company__outline th {
	padding: 1em 0 .5em 0;
	width: 100%;
	font-size: calc(36/ 750 * 100vw);
	font-weight: 700;
	text-align: left;
	line-height: 1.8em;
}

.company__outline td {
	padding-bottom: 1em;
	width: 100%;
	border-bottom: 1px solid #333;
	font-size: calc(32/ 750 * 100vw);
	line-height: 1.8em
}

@media screen and (min-width: 751px) {
	.company__outline {
		width: calc(800/ 1300 * 100vw)
	}
	.company__outline th {
		padding: 10px 0px 0px 10px;
		width: 15.38vw;
		border-bottom: 3px solid #333;
		font-size: calc(18/ 1300 * 100vw)
	}
	.company__outline td {
		padding: 10px 0px 0px 10px;
		width: calc(100% - 15.38vw);
		border-bottom: 1px solid #333;
		font-size: calc(16/ 1300 * 100vw)
	}
}

@media screen and (min-width: 1279px) {
	.company__outline {
		width: 800px
	}
	.company__outline th {
		width: 200px;
		font-size: 18px;
		font-size: 1.8rem
	}
	.company__outline td {
		width: calc(100% - 200px);
		font-size: 16px;
		font-size: 1.6rem
	}
}

@media screen and (max-width: 750px) {
	.company__outline th, .company__outline td {
		display: block
	}
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
	background: whitesmoke;
	padding: 15px 0;
	text-align: center;
}

.clients img {
	width: 70%;
	filter: grayscale(100);
	transition: all 0.4s ease-in-out;
	display: inline-block;
	padding: 15px 0;
}

.clients img:hover {
	filter: none;
	transform: scale(1.2);
}

@media ( max-width : 768px) {
	.clients img {
		width: 60%;
	}
}

@media ( max-width : 575px) {
	.clients img {
		width: 80%;
	}
}

/*------------------------------------
.start about_area
------------------------------------*/
.title-lefts h1 {
	font-size: 50px;
	font-weight: 900;
	color: #364167;
	line-height: 50px;
	text-transform: capitalize;
}

.bg_gray {
	background: #f4f4fb !important;
	background-image: linear-gradient(to right bottom, #f4f4fb, #f4f4fb, #f4f4fb, #f4f4fb,
		#f4f4fb) !important;
}

.title-lefts .bottom_h {
	font-size: 20px;
	line-height: 35px;
	color: #37456D;
	margin: 25px 0px;
}

.about-s {
	font-size: 25px;
	color: #37456c;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 55px;
}

.c_f {
	color: #fff !important;
}

.about-bottom-s {
	font-size: 20px;
	color: #a6acb7;
	line-height: 35px;
	margin: 0px 0px 20px 0px;
	font-weight: 500;
	text-transform: capitalize;
}

.bg_blue_img {
	background-color: #01020b !important;
	background: url(../images/service.jpg) right top no-repeat;
}

.hed_img {
	margin: 30px 0px;
}

.button_about_shadow {
	box-shadow: -1px 5px 10px #888 !important;
}

.about_top-100 {
	margin-top: 120px;
}

.contact_bottom_r {
	font-size: 30px;
	color: #3b4a6b;
	font-weight: 540;
	margin-bottom: 30px;
}

label {
	font-size: 16px;
	color: #98a4b2;
	font-weight: 400;
	margin: 10px 0px;
}

.right_icone li {
	list-style: none;
	background: url(../images/right.png) 0 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	text-transform: capitalize;
}
.right_icone1 li {
	list-style: none;
	background: url(../images/right.png) 0 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 18px;
	color: #000000;
	line-height: 35px;
	text-transform: capitalize;
}

.services-right {
	padding-top: 40px;
	padding-left: 35px;
	padding-right: 25px;
}

.services-right-text {
	font-size: 22px;
	line-height: 45px;
	color: #90a0b4;
	padding-right: 0px;
	text-transform: capitalize;
}

.owl-dots {
	display: none !important;
}

.title h1 {
	font-size: 35px;
	font-weight: 600;
	color: #364167;
	line-height: 50px;
	text-transform: capitalize;
}

.title p {
	font-size: 18px;
	line-height: 30px;
	color: #a6acb7;
	font-weight: 500;
	text-transform: capitalize;
	margin-top: 0px;
}

.text-left {
	text-align: left !important;
	padding: 10px 0px 0px 0px;
}

.service_banner {
	padding: 30px 15px 40px 20px;
	background: #fff;
	transition-duration: 1s;
	text-align: left;
	box-shadow: 0px 4px 30px #cccccc78;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.service_banner h2 {
	font-weight: 650;
	font-size: 20px;
	text-align: left;
	margin: 10px 0;
	text-transform: capitalize;
	line-height: 35px;
	color: #1d233b;
}

.service_banner p {
	color: #a6acb7;
	font-size: 18px;
	padding-top: 20px;
}

.service_banner {
	line-height: 80px;
	margin-bottom: 45px;
}

.top_service {
	position: relative;
	bottom: 55px;
}

.service_banner.green-after:after {
	background-color: #da9be1;
}

.service_banner:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	transition: all 0.3s ease 0.0s;
}

.service_banner:hover:after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: all 0.3s ease 0.0s;
}

.service_banner:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.service_banner.pink-after:after {
	background-color: #ffb062;
}

.service_banner.purple-after:after {
	background-color: #e75b93;
}

.border_img {
	border: 10px solid #eff0f6;
}

.bg_Consultation {
	background: #141211;
}

.c_brown {
	color: #615631 !important;
}

.Lawyers_one {
	background: rgba(255, 255, 255, 0);
	background-image: url(../images/s_c.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.Lawyers_to {
	background: rgba(255, 255, 255, 0);
	background-image: url(../images/service.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.Lawyers_tree {
	background: rgba(255, 255, 255, 0);
	background-image: url(../images/service.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.inner_text h1 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	line-height: 50px;
	text-transform: capitalize;
}

.inner_text {
	padding-top: 150px;
	padding-bottom: 30px;
	padding-left: 60PX;
}

.inner_text h1::before {
	content: url(../images/service.jpg);
	position: relative;
	top: -3px;
}

.bottom_service {
	position: relative;
	top: 90px;
}

.pt-70 {
	padding-top: 70px;
}

.bg_tree {
	background: #1e1a4c !important;
}

.section-title {
	color: #007bff;
	font-size: 40px;
	font-weight: 900;
}

@media ( max-width : 991.98px) {
	.section-title {
		font-size: 30px;
	}
}

.position-relative {
	position: relative;
}

.footer-subscribe .btn {
	height: 43px;
}

/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
.featured {
	padding: 40px 0 0 0;
	background: white;
}

.featured .nav-tabs {
	border: 0;
}

.featured .nav-link {
	border: 0;
	padding: 0px;
	color: #151515;
	transition: 0.3s;
}

.featured .nav-link h4 {
	font-size: 18px;
	font-weight: 600;
	transition: 0.3s;
}

.featured .nav-link:hover h4 {
	color: #7cc576;
}

.featured .nav-link p {
	font-size: 14px;
	margin-bottom: 0;
}

.featured .nav-link.active {
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.08);
	padding: 15px;
}

.featured .nav-link.active h4 {
	color: #7cc576;
}

.featured .tab-pane.active {
	-webkit-animation: slide-down 0.5s ease-out;
	animation: slide-down 0.5s ease-out;
}

@
-webkit-keyframes slide-down { 0% {
	opacity: 0;
}

100%
{
opacity
:

1;
}
}
@
keyframes slide-down { 0% {
	opacity: 0;
}

100%
{
opacity
:

1;
}
}

        img{
            width: 100%;
            height: auto;
        }
        #mainImg{
            margin-bottom: 10px;
        }
        #subImg{
            display: flex;
            justify-content: space-between;
        }
        #subImg li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }



        #mainImg2{
            margin-bottom: 10px;
        }
        #subImg2{
            display: flex;
            justify-content: space-between;
        }
        #subImg2 li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg2 li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }


      #mainImg3{
            margin-bottom: 10px;
        }
        #subImg3{
            display: flex;
            justify-content: space-between;
        }
        #subImg3 li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg3 li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }


      #mainImg4{
            margin-bottom: 10px;
        }
        #subImg4{
            display: flex;
            justify-content: space-between;
        }
        #subImg4 li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg4 li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }




      #mainImg5{
            margin-bottom: 10px;
        }
        #subImg5{
            display: flex;
            justify-content: space-between;
        }
        #subImg5 li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg5 li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }



      #mainImg6{
            margin-bottom: 10px;
        }
        #subImg6{
            display: flex;
            justify-content: space-between;
        }
        #subImg6 li{
            width: 24%;
            border: 1px solid #ccc;
        }
        #subImg6 li.current{
            border: 1px solid #14dfff;
        }
        @media (max-width: 1000px) {}
        }
/* ----------------------------------------
 * 打合せ
 * ------------------------------------- */
.and-block-01 {
	margin: 0 6.1% 0 6.1%;
	padding: 55px 10% 62px 10.8%;
}

@media only screen and (max-width: 768px) {
	.and-block-01 {
		margin-left: 6%;
		margin-right: 6%;
		padding: 29px 6% 29px 6%;
	}
}

.and-block-01-inner {
	position: relative;
}

.and-block-01-inner:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 36px;
	left: 54px;
	display: block;
	width: 10px;
	height: 1085px;
	background-color: #1620f5cf;
}

@media only screen and (max-width: 768px) {
	.and-block-01-inner:before {
		display: none;
	}
}

.and-block-01-list {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: flex;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list {
		flex-wrap: wrap;
	}
}

.and-block-01-list .andu {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .andu {
		flex-basis: 100%;
	}
}

.and-block-01-list .andu p {
	width: 118px;
	height: 118px;
	padding-top: 24px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #575de3;
	font-size: 20px;
	color: #ffffff;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .andu p {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		padding: 5px 10px 4px 10px;
		border-radius: 0;
		font-size: 16px;
		font-weight: bold;
		background-color: #003bffad;
	}
}

.and-block-01-list .andu p span {
	display: block;
	margin-top: -7px;
	font-size: 40px;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .andu p span {
		display: inline;
		margin-top: 0;
		font-size: 16px;
	}
}

.and-block-01-list .content {
	flex-basis: 79.5%;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .content {
		flex-basis: 100%;
	}
}

.and-block-01-list .content dl dt {
	margin: 0 0 14px 0;
	color: #f68b00;
	font-size: 30px;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .content dl dt {
		margin-bottom: 5px;
		font-size: 16px;
	}
}

.and-block-01-list .content dl dd {
	line-height: 1.6;
	font-size: 18px;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .content dl dd {
		font-size: 14px;
	}
}

.and-block-01-list .content p {
	margin-top: 16px;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list .content p {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 768px) {
	.and-block-01-list ~ .and-block-01-list {
		margin-top: 25px;
	}
}

.and-block-01-list ~ .and-block-01-list .andu, .and-block-01-list ~
	.and-block-01-list .content {
	margin-top: 45px;
	padding-top: 43px;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list ~ .and-block-01-list .andu, .and-block-01-list ~
		.and-block-01-list .content {
		margin-top: 0;
		padding-top: 0;
	}
}

.and-block-01-list ~ .and-block-01-list .content {
	border-top: 1px dotted #999;
}

@media only screen and (max-width: 768px) {
	.and-block-01-list ~ .and-block-01-list .content {
		border-top: none;
	}
}

.and-block-02-all {
	margin: 0 9.2% 50px 9.2%;
}

@media only screen and (max-width: 768px) {
	.and-block-02-all {
		margin: 0 6% 29px 6%;
	}
}

.and-block-02 {
	display: -webkit-box;
	display: flex;
}

@media only screen and (max-width: 768px) {
	.and-block-02 {
		flex-wrap: wrap;
	}
}

.and-block-02-list {
	position: relative;
	display: -webkit-box;
	display: flex;
	flex-basis: 21.7%;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	height: 180px;
	margin-right: 4.3%;
	text-align: center;
	line-height: 1.8;
	background-color: #f7f5f1;
	font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.and-block-02-list {
		flex-basis: 100%;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: 0;
		font-size: 14px;
	}
}

@media only screen and (max-width: 768px) {
	.and-block-02-list ~ .and-block-02-list {
		margin-top: 25px;
	}
}

.and-block-02-list:nth-child(4n) {
	margin-right: 0;
}

.and-block-02-list:after {
	content: "";
	z-index: 10;
	position: absolute;
	top: 64px;
	right: -52px;
	display: block;
	width: 0;
	height: 0;
	border-left: 26px solid #f7f5f1;
	border-right: 26px solid transparent;
	border-top: 26px solid transparent;
	border-bottom: 26px solid transparent;
}

@media only screen and (max-width: 768px) {
	.and-block-02-list:after {
		top: auto;
		bottom: -26px;
		right: auto;
		left: 50%;
		margin-left: -13px;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
		border-top: 13px solid #f7f5f1;
		border-bottom: 13px solid transparent;
	}
}

.and-block-02-list:nth-child(4n):after {
	display: none;
}

/* line 1, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_1 {
	background-image: url(../images/management/management1.jpg);
}

/* line 3, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_2 {
	background-image: url(../images/management/management2.jpg);
}

/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_3 {
	background-image: url(../images/management/management3.jpg);
}
/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_4 {
	background-image: url(../images/management/management4.jpg);
}
/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_5 {
	background-image: url(../images/management/management5.jpg);
}
/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_6 {
	background-image: url(../img/consulting/zeikin.jpg);
}
/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_7 {
	background-image: url(../img/consulting/kyouiku.jpg);
}
/* line 5, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_bg_8 {
	background-image: url(../img/consulting/energy.jpg);
}

/* line 8, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area {
	padding-top: 50px;
	padding-bottom: 20px;
}

@media ( max-width : 767px) {
	/* line 8, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
	.service_area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	/* line 8, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
	.service_area {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

/* line 19, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service {
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	background-position: center;
	overflow: hidden;
}

/* line 25, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover {
	text-align: center;
	padding: 84px 0 94px 0;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	position: relative;
}

/* line 34, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover h3 {
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0;
}

/* line 40, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover .hover_content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	background: #2a34b8;
	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
}

/* line 54, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover .hover_content .hover_content_inner
	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 20px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	/* line 54, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
	.service_area .single_service .service_hover .hover_content .hover_content_inner
		{
		padding: 0 10px;
	}
}

/* line 62, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover .hover_content .hover_content_inner h4
	{
	font-size: 18px;
	color: #fff;
	margin-bottom: 8px;
}

/* line 67, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service .service_hover .hover_content .hover_content_inner p
	{
	font-size: 16px;
	color: #fff;
}

/* line 74, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service:hover {
	background-position: top;
}

/* line 76, ../../Arafath/CL/CL October/213. Business/HTML/scss/_service.scss */
.service_area .single_service:hover .hover_content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	visibility: visible;
}

/* front steps */
.front-steps-wrapper h2, .ecommerce .front-steps-wrapper h2 {
	color: #f0f0f0;
	font-size: 22px;
	line-height: 1.2;
	padding-top: 10px;
	margin-bottom: 5px;
}

.front-steps-wrapper .front-step1 h2, .ecommerce .front-steps-wrapper .front-step1 h2
	{
	color: #fefefe;
}

.front-steps-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
}

.front-steps-wrapper .front-step-col {
	padding-left: 0;
	padding-right: 0;
}

.front-steps-wrapper .front-step-col:first-child {
	padding-left: 0px;
}

.front-steps-wrapper .front-step-col:last-child {
	padding-right: 0px;
}

.front-steps-wrapper .front-step {
	position: relative;
	padding: 15px 20px 33px;
}

.front-steps-wrapper .front-step1 {
	background: #E84D1C;
}

.front-steps-wrapper .front-step2 {
	background: #7c858e;
}

.front-steps-wrapper .front-step3 {
	background: #68727c;
}

.front-steps-wrapper .front-step4 {
	background: #636a72;
}

.front-steps-wrapper .front-step5 {
	background: #5e6369;
}

.front-steps-wrapper .front-step6 {
	background: #55585d;
}

.front-steps-wrapper .front-step:before {
	color: #fff;
	font: 300 125px 'Open Sans', sans-serif;
	font-weight: bold;
	display: block;
	position: absolute;
	right: 0px;
	bottom: -40px;
	opacity: 0.1;
}

.ie8 .front-steps-wrapper .front-step:before {
	display: none !important;
}

.front-steps-wrapper .front-step1:before {
	content: "1";
	opacity: 0.2;
}

.front-steps-wrapper .front-step2:before {
	content: "2";
	right: 0px;
}

.front-steps-wrapper .front-step3:before {
	content: "3";
}

.front-steps-wrapper .front-step4:before {
	content: "4";
}

.front-steps-wrapper .front-step5:before {
	content: "5";
}

.front-steps-wrapper .front-step6:before {
	content: "6";
}

.front-steps-wrapper .front-step:after {
	top: 50%;
	width: 0;
	height: 0;
	left: 100%;
	z-index: 2;
	content: " ";
	display: block;
	margin-top: -1em;
	position: absolute;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.ie8 .front-steps-wrapper .front-step:after {
	display: none !important;
}

.front-steps-wrapper .front-step-col:last-child .front-step:after {
	display: none;
}

.front-steps-wrapper .front-step2:after {
	border-left-color: #899199;
}

.front-steps-wrapper .front-step3:after {
	border-left-color: #778089;
}

.front-steps-wrapper .front-step4:after {
	border-left-color: #727980;
}

.front-steps-wrapper .front-step5:after {
	border-left-color: #6E7278;
	top: auto;
	bottom: 10%;
}

.circle-icon-wrap {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #71bc42;
	display: inline-block;
	position: relative;
}

/*テーブル全体*/
.table2 {
	width: 100%;
	text-align: left;
	font-weight: bold;
	border: 1px solid #e0e0e0;
}
/*見出しセル*/
.table2 th {
	background: #f7f7f7 !important;
	font-size: 17px;
	border: solid 1px #e0e0e0;
	padding: 7px;
	width: 30%;
	white-space: nowrap;
}
/*見出し以外のセル*/
.table2 td {
	padding: 7px;
	border: solid 1px #e0e0e0;
	font-size: 15px;
	font-family: serif;
	color: #000;
}
/*マウスを乗せた時のカラー*/
.table2 tr:hover {
	background: #ffffe0;
}
/*スマホ用テーブル*/
@media ( max-width :500px) {
	.table2 th, .table2 td {
		width: 100%;
		display: block;
		border-top: none;
		font-family: serif;
	}
	.table2 tr:first-child th {
		border-top: 1px solid #e0e0e0;
	}
}

.box28 {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 2px #FFC107;
}

.box28 .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #FFC107;
	color: #ffffff;
	font-weight: bold;
}

.box28 p {
	margin: 0;
	padding: 0;
}

#page_top {
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
}

#page_top a {
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	text-decoration: none;
}

#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #ffffff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	text-shadow: 1px 1px 0 #0000ff, -1px -1px 0 #0000ff, -1px 1px 0 #0000ff, 1px -1px
		0 #0000ff, 0px 1px 0 #0000ff, 0 -1px 0 #0000ff, -1px 0 0 #0000ff, 1px 0 0 #0000ff;
}

#page_top a::after {
	content: 'PAGE TOP';
	font-size: 13px;
	color: #ffffff;
	position: absolute;
	top: 45px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #0000b5;
	text-shadow: 1px 1px 0 #0000ff, -1px -1px 0 #0000ff, -1px 1px 0 #0000ff, 1px -1px
		0 #0000ff, 0px 1px 0 #0000ff, 0 -1px 0 #0000ff, -1px 0 0 #0000ff, 1px 0 0 #0000ff;
}

ul.blocka {
   float: left;
   width: 50%;
}



table , td, th {
border: solid 1px #000;
border-collapse: collapse;
width: 500px;
hight:150px;
margin:auto;
font-size: 20px;
}

th {
padding: 6px;
width: 100％;
hight:30px;
}

td {
padding: 6px;
hight:30px;
}