/*
Template Name: Archipix 
Template URI: http://capricorn-theme.net/html/archipix
Description: Architecture & Interior Design HTML Template 
Author: Mihir Kanti Ghosh
Author URI: mihir@capricorn-theme.net
Version: 1.0
 */

/* CSS Index
============

01. Google Font Import 
02. Common CSS
03. Bacground Color & Overlay  
05. Pre-loader
06. Scroll Top 
07. Sticky 
08. Header Area  
09. Main Menu 
10. Slider & Hero Area
11. Info Section 
12. Service Section 
13. About Section
14. Portfolio Section 
15. Achievement Section 
16. Testimonial Section 
17. Team Section 
18. Blog Section 
19. Contact Section 
20. Footer Area
21. Process Section 
22. Choose Us Section 
23. Price Section 
24. Intro Section 
25. Breadcrumb Section 
26. Single Portfolio 
27. Single Blog 
28. FAQ's 

/*01. Google Font Import 
======================= */

/*	Theme Main Color: #333;
	Theme Primary Color: #fc0000; #fc0000

/* 02. Common CSS 
============== */

html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	min-width: 1300px;
}

body {
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	color: #333;
	overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-weight: 700;
	margin: 0;
	color: #333;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 40px;
}

h6 {
	font-size: 20px;
	font-weight: 300;
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	text-transform: uppercase;
	color: #fc0000;
	letter-spacing: 3px;
}


a {
	text-decoration: none;
	cursor: pointer;
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	color: #333;
	font-size: 15px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color: #252531;
}

p {
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	position: relative;
    color: #4c4c4c;
}

textarea,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
	outline-width: 0 !important;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

img {
	display: inline-block;
	max-width: 100%;
}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}

table,
th,
tr,
td {
	border: 1px solid #ddd;
}

th,
tr,
td {
	padding: 10px;
}

hr {
	border-top: 1px solid #ddd;
}

.pad-top-0 {
	padding-top: 0;
}

.pad-bot-0 {
	padding-bottom: 0;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-bot-20 {
	padding-bottom: 20px;
}

.pad-top-30 {
	padding-top: 30px;
}

.pad-bot-30 {
	padding-bottom: 30px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-bot-40 {
	padding-bottom: 40px;
}

.pad-top-50 {
	padding-top: 50px;
}

.pad-bot-50 {
	padding-bottom: 50px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mt-70 {
	margin-top: 70px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mt-90 {
	margin-top: 90px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mt-150 {
	margin-top: 150px;
}

.mb-150 {
	margin-bottom: 150px;
}

.spacer {
	margin-top: 50px;
}

/*Section Title */

.section-title {
	position: relative;
}

.section-title h2 {
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-size: 45px;
	font-weight: 500;
	line-height: 55px;
	color: #ddd;
}

.section-title h2 b{
    display: block;    
	margin-top: -30px !important;
    margin-bottom: 10px;
	color: #000;
}
.services-area{
	padding-top: 0px !important;
}
/*Button Style */

.main-btn {
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	display: inline-block;
	background: #fc0000;
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 18px;
	padding: 15px 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;

}

.main-btn:hover {
	background: #252531;
	color: #fff;
}

/*Form Style CSS */

input,
textarea,
select {
	width: 100%;
	background: transparent;
	border: 0;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	-webkit-transition: .3s;
	transition: .3s;
	margin-bottom: 20px;
}

textarea {
	height: 150px;
	resize: none;
}

input[type="submit"],
button[type="submit"] {
	border: none;
	display: inline-block;
	background: #333;
	color: #fff;
	padding: 12px 20px;
	margin: 20px 0;
	width: auto;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
}

input::placeholder,
textarea::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

/* Bacground Color & Overlay  
============== */

.gray-bg {
	background: #eee;
}

.white-bg {
	background: #fff;
}

.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.overlay {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*
	background-color: #252531a8;
	*/
}

.overlay-2 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #252531e0;
}

/* Pre-Loader CSS 
============== */
#loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #252531;
	z-index: 999999;
}

#loader .loading,
#loader .loading > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#loader .loading {
	display: block;
	font-size: 0;
	color: #fc0000;
	width: 40px;
	height: 40px;
}

#loader .loading > div {
	display: inline-block;
	float: none;
	border: 3px solid;
	width: 40px;
	height: 40px;
	background: transparent;
	border-bottom-color: transparent;
	border-radius: 100%;
	-webkit-animation: loading .75s linear infinite;
	-moz-animation: loading .75s linear infinite;
	-o-animation: loading .75s linear infinite;
	animation: loading .75s linear infinite;
}

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

	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

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

	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Scroll Top 
============== */
.go-top {
	background-color: #fc0000;
	color: #fff;
	width: 40px;
	height: 40px;
	bottom: 6em;
	right: 2em;
	font-size: 18px;
	line-height: 43px;
	text-align: center;
	text-decoration: none;
	display: none;
	position: fixed;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 1;
}

.go-top:hover {
	background-color: #fff;
	color: #252531;
}

/* Header Area 
============== */
/*
.header-area .logo img {
	margin-top: 7px;
}
*/
.header-area .header-btn.main-btn {
	margin-top: 17px;
	padding: 14px 30px;
}

.header-area.absolute-header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	padding: 10px 0;
	-webkit-transition: .3s;
	transition: .3s;
}

#style-2.header-area.absolute-header .logo a {
	color: #fff;
}


/* Sticky CSS 
============== */

.header-area .is-sticky .sticky-area {
	background: #fff;
	box-shadow: 0 3px 16px -2px #d0cece;
	z-index: 999 !important;
	-webkit-animation: slideInDown .6s forwards;
	animation: slideInDown .6s forwards;
	margin-top: 0;
}

.header-area .is-sticky .navigation {
	margin-top: 0;
}

.header-area .is-sticky .navigation {
	height: 100px;
}
.header-area .is-sticky .navigation .col-lg-3{
	width: 300px;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
}
.header-area .is-sticky .navigation .col-lg-9{
	width: 900px;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 900px;
    flex: 0 0 900px;
    max-width: 900px;
}
.header-area .is-sticky .main-menu .navbar-nav .nav-link {
	padding: 40px 0;
}

.header-area .is-sticky .header-btn.main-btn {
	margin-top: 18px;
}

.header-area .is-sticky .main-menu li:hover .sub-menu {
	top: 100px;
}

#style-2.header-area.absolute-header .is-sticky .navigation {
	background: #252531;
}

#style-2.header-area.absolute-header .is-sticky .sticky-area {
	box-shadow: 0 3px 16px -2px #56635c;
}

#style-2.header-area.absolute-header .is-sticky .logo a {
	color: #fff;
}


/* Main Menu 
============== */

.header-area .navigation {
	background: #fff;
	height: 100px;
	position: relative;
	z-index: 9;
}

.main-menu .navbar {
	padding: 0;
}

.main-menu li.nav-item {
	position: relative;
	width: 108px;
	text-align: right;
}

/*
.main-menu li.nav-item:last-child {
	margin-right: 0;
}
*/

.main-menu .navbar-nav .nav-link {
	font-size: 17px;
	font-weight: 500;
	color: #333;
	display: block;
	line-height: 100px;
	padding: 0px !important;
	letter-spacing: 1px;
}

.main-menu .navbar-nav .nav-link.active {
	color: #fc0000;
}

#style-2.header-area.absolute-header .navigation {
	background: transparent;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-link {
	color: #fff;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-link:hover {
	color: #fc0000;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-link.active {
	color: #fc0000;
}

.auto-container {
	position: static;
	max-width: 1170px;
	padding: 0px 15px;
	margin: 0 auto;
}

#style-3.header-area .navigation {
	background: #252531;
}

#style-3.header-area .logo a {
	color: #fff;
}

#style-3.header-area .main-menu .navbar-nav .nav-link {
	color: #fff;
}

#style-3.header-area .main-menu .navbar-nav .nav-link.active {
	color: #fc0000;
}




/*Dropdown Menu */

.sub-menu {
	position: absolute;
	left: 0;
	top: 120px;
	width: 180px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
	z-index: 99;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.sub-menu::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
	background: #fc0000;
	visibility: hidden;
	opacity: 0;
}

.main-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 100px;
}

.main-menu li:hover .sub-menu::after {
	opacity: 1;
	visibility: visible;
}

.main-menu ul.sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu .sub-menu li {
	display: block;
	border-bottom: 1px solid #eee;
}

.main-menu .sub-menu li:last-child {
	border-bottom: none;
}

.main-menu .sub-menu li a {
	font-size: 14px;
	font-weight: 400;
	display: block;
	padding: 12px;
	color: #333;
	-webkit-transition: .3s;
	transition: .3s;
	text-align: center
}

.main-menu .sub-menu li:hover > a {
	background: #fc0000;
	color: #fff;
}

.dropdown-toggle::after {
	display: none !important;
}

.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
	display: none;
}

/*Header Right Content */

.header-area .main-btn {
	margin-top: 14px;
}

/* Slider & Hero Area 
==================*/


.contact-content {
	margin-top: 50px;
}

.contact-section .contact-info i {
	font-size: 30px;
	margin-left: 0;
	background: #fc0000;
	color: #fff;
	padding: 10px;
	border-radius: 0;
	float: left;
}

.contact-inner {
	margin-bottom: 30px;
}

.contact-inner h6 {
	color: #333;
	font-weight: 400;
	padding-left: 100px;
}

.contact-inner p {
	padding-left: 100px;
}

.contact-section button.main-btn {
	border: none;
}

.contact-section button.main-btn:hover {
	background: #fff;
	color: #017D3F;
}

.contact-form {
	margin-top: 80px;
}

/* Footer Area
============== */

.footer-area {
	background: #111;
	color: #fff;
    float: left;
    width: 100%;
}

.footer-area h6 {
	color: #fc0000;
	margin: 0px 0 20px;
}

.footer-area p {
	color: #fff;
	opacity: .5;
	margin-top: 16px;
}
.copyright-line a{
	font-size: 16px !important;
    color: #999 !important;
}
.contact-info p {
	margin-bottom: 10px;
}

.footer-area ul li a {
	display: block;
	color: #fff;    
	font-size: 16px;
    letter-spacing: 1px;
}

.footer-area ul li a:hover {
	color: #fc0000;
}

.footer-bottom .justify-content-center .col-lg-6 p{
	color: #999 !important;
}

.subscribe-form button {
	padding: 15px 40px;
	font-size: 16px;
	line-height: 13px;
	background: #fc0000;
	color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border: 0;
	cursor: pointer;
}

.footer-area .subscribe-form button:hover {
	background: #fff;
	color: #fc0000;
}

.subscribe-form {
	position: relative;
}

.subscribe-form input {
	border: 0;
	background: #fff;
}

.subscribe-form input::placeholder {
	color: #333;
	font-size: 14px;
}

.footer-up {
	padding: 30px 0 0;
}

.footer-up ul li{
	display: block;
	width: 160px;
	float: left;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	background: url(../picture/011.png) top right no-repeat;
	padding-bottom: 15px;
}
.footer-up ul li:first-child{
	text-align: left;
	width: 120px
}
.footer-up ul li:last-child{
	text-align: right;
	width: 120px;
	background: none;
}
.footer-up .daohang{
	height: 50px;
}

.footer-up .social-area i {
	color: #fff;
	font-size: 21px;
	margin-right: 10px;
	margin-top: 20px;
}

.footer-bottom {
	border: 1px solid rgba(255, 255, 255, 0.7);
	padding: 20px 0;
	background: #000;
	float: left;
	width: 100%;
}

.footer-bottom p {
	margin: 0;
}

p.privacy {
	text-align: right;
}

/* Process Section
============== */

.ewmz{
	width: 534px;
	height: 180px;
}
.ewmz img{
	width: 110px;
}
.ewm{
	width: 110px;
	margin-right: 20px;
	display: block;
	float: left;
	line-height: 40px;
	font-size: 14px !important;
	text-align: center;
}
.zuoce{
	width: 300px;
	float: right;
}
.youce{
	width: 900px;
	float: left;
}
.contact-info .las{
	margin-right: 10px;
}
.footer-bottom .col-lg-6{    
	padding: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 600px !important;
    flex: 0 0 600px !important;
    max-width: 600px !important;
	width: 600px !important;
	padding: 0px !important;
	margin: 0px !important;
}
#style-1 .row .col-lg-9 {
    padding: 0px !important;
    width: 900px !important;
}
#style-1 .row .col-lg-3 {
    padding: 0px !important;
    width: 300px !important;
}