/* HTML5 Template */


/************ TABLE OF CONTENTS ***************
1.  Google Fonts
2.  Reset
3.  Global
4.  Scroll To Top
5.  Preloader
6.  Header Top
7.  Main Header
8.  Search Popup
9.	Rev Slider Wrapper
10.	wellcome Section
11. Vedio Section
12. Service Section
13. Featured Section
14. Team Section
15. Fact Counter Section
16. Blog Section
17. Contact Section
18. Footer Style
19. Title Menu
20. About Section
21. Service Page Style Two
22. Service Details
23. Gallery Page
24. Faq Page
25. Error Section
26. Contact Us
27. Google Map Section
28. Blog Page
29. Styled Pagination
30. Blog Details

**********************************************/


/***

====================================================================
	Google Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/*** 

====================================================================
	Reset
====================================================================

 ***/

@import url('animate.min.css');
@import url('owl.css');
@import url('bootstrap.4_3_0.min.css');
@import url('jquery.bxslider.css');
@import url(../revolution/css/settings.css);
@import url(../revolution/css/layers.css);
@import url(../revolution/css/navigation.css);
@import url('jquery.fancybox.css');
@import url('hover.css');
 @media (min-width:1200px) {
 .container {

 padding: 0px;
}
}
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}
/***

====================================================================
	Global style
====================================================================

***/


body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}
.page-wrapper {
	overflow: hidden;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a:hover, a:focus, a:visited {
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
input, button, select, textarea {
	font-family: 'Roboto', sans-serif;
}
p {
	position:relative;
	font-size: 14px;
	line-height:1.8em;
	font-family: 'Roboto', sans-serif;
}
.strike-through {
	text-decoration:line-through;
}
.auto-container {
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.small-container {
	max-width:680px;
	margin:0 auto;
}
.page-wrapper {
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}
ul, li {

	list-style:none;
	padding:0px;
	margin:0px;
}
.section-title h2 {
	position: relative;
	font-size: 48px;
	color: #222222;
	line-height: 60px;
	font-weight: 600;
	padding-bottom: 14px;
	margin-bottom: 10px;
	margin-bottom: 50px;
}
.section-title h2:before {
	position: absolute;
	bottom: 0px;
	left: 0;
	right:0px;
	margin:auto;
	width: 100px;
	height: 3px;
	background: #fff;
	border-bottom:3px double #00cc99;
	content: '';
}
.section-title p {
	font-size: 15px;
	color: #848484;
	font-weight: 400;
	line-height: 28px;
	font-family: 'Roboto', sans-serif;
}
.anim-3, .anim-3-all * {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.anim-5, .anim-5-all * {
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.anim-7, .anim-7-all * {
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:    #222222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #222222;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #222222;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #222222;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color:    #222222;
}
.btn-style-one {
	font-size: 30px;
	color: #00cc99;
	line-height: 28px;
	font-weight: 600;
	padding: 10px 24px;
	background: #fff;
	border-radius:6px;
	border: 1px solid #fff;
	text-transform: capitalize;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.btn-style-one:hover {
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/***

====================================================================
	Preloader style
====================================================================

***/

.preloader {
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	width: 100%;
	z-index:99999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/icons/preloader.gif);
}
/***

====================================================================
	Header Top
====================================================================

***/

.search_option {
	position: relative;
	float: right;
	margin-left: 20px;
}

/*** 

====================================================================
	Main Header
====================================================================

***/

@-webkit-keyframes menu_sticky {
 0% {
margin-top:-150px;
}
 50% {
margin-top: -130px;
}
 100% {
margin-top: 0;
}
}
@keyframes menu_sticky {
 0% {
margin-top:-150px;
}
 50% {
margin-top: -130px;
}
 100% {
margin-top: 0;
}
}
.main-header-block {
	position:relative;
	background: #6699FF;
	width:100%;
	z-index: 9999;
	padding: 0px 0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.fixed-header {
	position:fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: #6699FF;
	transition:all 500ms ease;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}
.main-header-block .logo {
	position: relative;
	float: left;
}
.main-header-block .header-area {
	position: relative;
	float: right;
	margin-top: 5px;
}
.main-header-block .header-area .main-menu-navigation {
	position: relative;
	float: left;
}
.main-header-block .link-button {
	float: right;
}
.main-menu-navigation .navbar-collapse {
	padding:0px;
}
.main-menu-navigation .navigation {
	position:relative;
	margin:0px;
}
.main-menu-navigation .navigation > li {
	position:relative;
	text-align: left;
	padding-right: 10px;
	margin-right: 36px;
	display: inline-block;
}
.main-menu-navigation .navigation > li > a {
	position:relative;
	display:block;
	font-size: 22px;
	color:#fff;
	line-height: 26px;
	font-weight:500;
	opacity:1;
	padding: 12px 0px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu-navigation .navigation > li >a:hover{
    color: #222;
}
.main-menu-navigation .navigation > li > ul {
	position:absolute;
	left:0px;
	top: 160%;
	width:220px;
	padding:0px;
	z-index:1;
	display:none;
	background:#012f5d;
	border-top:3px solid #00cc99;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


/*** 

====================================================================
	Introduction Section
====================================================================

***/

.introduction-area {
	padding: 40px 0px;
}
.introduction-area .section-title {
	margin-bottom: 10px;
	margin-top: 10px;
}
.introduction-area .item-holder-box p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	font-family: 'Roboto', sans-serif;
}
/***

====================================================================
	Input Section
====================================================================

***/
.custom-row-width {
	width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
	align-items: center;
}
.input-form {
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
.form-group {
	margin: 10px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.form-group.text-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
}
.row {

    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
  
  input[type="text"],
  input[type="file"] {
	padding: 10px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	font-size: 16px;
	width: 100%;
	max-width: 400px;
  }
  
  input[type="text"]::placeholder,
  input[type="file"]::placeholder {
	color: #aaa;
  }
.btn-style-get-smiles {
	padding: 4px 6px;
	margin: 10px;
	border:  1px solid #00cc99;
	background-color: #fff;
	color: #00cc99;
	border-radius: 2px;
	font-size: 16px;
}
.btn-style-get-smiles:hover {
	background-color: #00cc99;
	color: #fff;
	
}
.checkbox-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 10px;
	margin-right: 100px;
	max-width: 500px;
}
  
 .checkbox-group {
	margin: 10px 0;
 }
  
 .checkbox-group label {
	font-size: 16px;
 }
.text{
	margin-top: 50px;
}
.btn-style-submit {
	font-size: 30px;
	color: #fff;
	line-height: 28px;
	font-weight: 600;
	padding: 10px 24px;
	background: #00cc99;
	border-radius:6px;
	border: 1px solid #fff;
	bottom: 0;
	text-transform: capitalize;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.btn-style-submit:hover {
	color: #00cc99;
	border: 1px solid #00cc99;
	background: transparent;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/***

====================================================================
	Footer Style
====================================================================

***/

.main-footer-area {
	position: relative;
	z-index: 1;
	border-top: 5px solid #00cc99;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.main-footer-area:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(38, 44, 55, 0.95);
}
.main-footer-area .footer-top {
	padding: 90px 0px;
}
.footer-top .sec-title h6 {
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	line-height: 30px;
	padding: 20px 0px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.footer-top p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #d4dae3;
	margin-top: -5px;
}
.footer-top .about-widget-box {
	margin-right: -25px;
}
.footer-top .footer-logo {
	margin-top: 10px;
	margin-bottom: 25px;
}
.footer-top .social-links {
	padding-top: 10px;
}
.footer-top .social-links li {
	display: inline-block;
	margin-right: 10px;
}
.footer-top .social-links li i {
	font-size: 14px;
	line-height: 35px;
	width: 38px;
	height: 38px;
	color: #d4dae3;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	transition:all 500ms ease;
}
.footer-top .social-links li:hover i {
	background: #00cc99;
	border-color: #00cc99;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link ul {
	margin-top: -10px;
}
.footer-top .footer-menu-link li {
	padding: 6px 0px;
}
.footer-top .footer-menu-link li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #d4dae3;
	font-family: 'Roboto', sans-serif;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link li:hover a {
	color: #00cc99;
	text-decoration: underline;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link li i {
	margin-right: 8px;
}
.footer-top .footer-gallery-widget {
	position: relative;
	margin: 0px 45px;
}
.footer-top .footer-gallery-widget .image {
	position:relative;
	float:left;
	border-radius:6px;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.footer-top .footer-gallery-widget .image img {
	position:absolute;
	top: 0;

	width:100%;
}
.footer-top .footer-gallery-widget .image .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.footer-top .footer-gallery-widget .image .lightbox-image i {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.footer-top .footer-gallery-widget .image:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer-top .footer-newsletter-cloumn input {
	height: 50px;
	width: 100%;
	padding: 0px 20px;
	background: #ffffff;
	margin-bottom: 20px;
}
.footer-top input::-webkit-input-placeholder {
 color: #848484!important;
}
.footer-bottom {
	padding: 13px 0px;
	border-top: 1px solid #474b5a;
	background-color:#6699FF;
}
.footer-bottom .copyright-text p {
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
	margin-bottom: 0px;
	letter-spacing: .5px;
	padding: 6px 0px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.footer-bottom .copyright-text a {
	color: #00cc99;
}
/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
	padding: 30px 0px;
	position: relative;
	z-index: 1;
	background: #f7f7f7;
}
.page-title .title h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 60px;
	color: #222222;
	text-transform: capitalize;
}
.page-title .title-manu li {
	font-size: 15px;
	line-height: 26px;
	font-weight: 600;
	color: #00cc99;
	margin: 0px 5px;
	padding: 17px 0px;
	display: inline-block;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.page-title .title-manu li a {
	color: #222222;
	transition: all 500ms ease;
}
.page-title .title-manu li a:hover {
	color: #00cc99;
	transition: all 500ms ease;
}
/***

====================================================================
	Title Menu
====================================================================

***/

.title-menu {
	position: relative;
	padding: 15px 0px;
	background: #f5f5f8;
}
.title-menu li {
	font-size: 15px;
	line-height: 30px;
	font-weight: 600;
	padding-right: 4px;
	color: #848484;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
}
.title-menu li a {
	color: #848484;
	-o-transition:all 0.5s ease;
}
.title-menu li a:hover {
	color: #f5b946;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/***

====================================================================
	About Section
====================================================================

***/

.about-area {
	margin: 50px 0px;
}
.about-area .section-title h2:before {
	left: 0;
	margin-left: 0px;
}
.about-area img {
	width: 100%;
}
.about-area .content-box {
	margin: 25px 15px;
}
.about-area .content-box p {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	padding-bottom: 10px;
}
/***

====================================================================
	Service Page Style Two
====================================================================

***/

.service-area.style-two {
	padding: 70px 0px;
}
.service-area.style-two .item-holder-box {
	margin-bottom: 30px;
}
/***

====================================================================
	Service Details
====================================================================

***/

.service-details {
	margin: 50px 0px;
}
.service-details .service-memu-area {
    width: 100%; /* 你期望的宽度值 */
    /* 其他样式属性 */
}
.service-details .service-memu-area li {
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.fixed-width {
    width: 100px;
    max-width: 100px;
    word-wrap: break-word;
}

.service-details .service-memu-area li a {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
}
.service-details .service-memu-area li:hover a {
	color: #00cc99;
	transition:all 0.5s ease;
}
.service-details .service-memu-area li:hover {
	padding-left: 20px;
	/* border-bottom: 1px solid #00cc99; */
	transition:all 0.5s ease;
}
.result-table {
    margin-top: 20px;
	width: 100%;

	
}

.result-table table {
	width: 100%;
	border-collapse: collapse;
}

.result-table th,
.result-table td {
	width: 200px;
	padding: 10px;
	text-align: left;
	border: 1px solid #ccc;
}

.result-table th {
	background-color: #f2f2f2;
	font-weight: bold;
}

.result-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.result-table tbody tr:hover {
	background-color: #e3e3e3;
}
/***

====================================================================
	Gallery Page
====================================================================

***/

.team-area.style-two .image-box .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background: rgba(40, 40, 52, 0.7);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.team-area.style-two .image-box .lightbox-image i {
	color: red;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 6px;
	border: 2px solid #ffffff
}
.team-area.style-two .image-holder-block:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.team-area.style-two .image-holder-block {
	margin-bottom: 45px;
}
/***

====================================================================
	Faq Page
====================================================================

***/

.faq-section {
	margin: 50px 0px;
}
.faq-section .section-title {
	margin-bottom: 40px;
}
.faq-section .faq-container {
	margin: 0px 50px;
}
.faq-section .left-side {
	margin-right: 20px;
}
.faq-section .right-side {
	margin-right: 20px;
}
.faq-section .faq-area {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.faq-section .faq-area h5 {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	color: #222222;
	margin-bottom: 15px;
}
.faq-section .faq-area p {
	color: #848484;
	padding-bottom: 0px;
}
/***

====================================================================
	Error Section
====================================================================

***/

.error-area {
	padding: 200px 0px;
}
.error-area h1 {
	font-size: 70px;
	line-height: 26px;
	font-weight: 400;
	color: #343434;
	margin-top: 22px;
	margin-bottom: 30px;
}
.error-area p {
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
}
.error-area .search-box {
	position: relative;
	height: 48px;
	width: 100%;
	margin-top: 48px;
	margin-bottom: 50px;
	border: 1px solid #f9f9f9;
}
.error-area .search-box input {
	color: #222222;
	width: 100%;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
}
.error-area .search-box button {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	background: transparent;
}
/***

====================================================================
	Contact Us 
====================================================================

***/

.contact-us {
	margin: 50px 0px;
}
.contact-us .sec-title h3 {
	font-size: 40px;
	line-height: 26px;
	color: #222222;
	margin-bottom: 15px;
}
.contact-us .sec-title p {
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	padding-bottom: 10px;
}
.contact-us .contact-form .form-group {
	margin-bottom: 32px;
}
.contact-us .contact-form .form-group.button {
	margin-bottom: 0px;
}
.contact-us .contact-form input {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #f7f7f7;
}
.contact-us .contact-form textarea {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	width: 100%;
	height: 130px;
	padding: 10px 20px;
	box-shadow: none;
	resize: none;
	border-radius: 0px;
	border: 1px solid #f7f7f7;
}
.contact-us .contact-info-area {
	margin-left: 20px;
	padding: 50px 30px;
	background: rgba(0, 0, 0, 0.1);
}
.contact-us .contact-info-area h4 {
	font-size: 30px;
	color: #333;
	line-height: 38px;
	margin-bottom: 20px;
}
.contact-us .contact-info-area .item {
	position: relative;
	padding-left: 40px;
	margin-bottom: 25px;
}
.contact-us .contact-info-area .item:last-child {
	margin-bottom: 0px;
}
.contact-us .contact-info-area .item strong {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.contact-us .contact-info-area .item p {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	font-weight: 400;
	margin-top: 10px;
}
.contact-us .contact-info-area .item i {
	position: absolute;
	top: 5px;
	left: 0px;
	color: #00cc99;
	font-size: 24px;
}
/***

====================================================================
	Google Map Section 
====================================================================

***/

.google-map-area {
	position: relative;
}
#contact-google-map {
	height: 400px;
	width: 100%;
}
/***

====================================================================
	Blog Page
====================================================================

***/

.blog-area.style-two {
	margin: 50px 0px;
	padding-bottom: 0px;
}
.blog-area.style-two .right-side {
	margin-left: 20px;
}
.blog-area.style-two .search-box {
	position: relative;
	margin-bottom: 30px;
}
.blog-area.style-two .search-box input {
	position: relative;
	height: 50px;
	width: 100%;
	color: #848484;
	padding: 0px 15px;
	background: #ffffff;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #f6f6f6;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-two .search-box button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent;
}
.blog-area.style-two .search-box button i {
	font-size: 14px;
	color: #222222;
}
.blog-area.style-two h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.blog-area.style-two .categories-memu-area li {
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-two .categories-memu-area li:hover a {
	color: #00cc99;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li:hover {
	padding-left: 20px;
	border-bottom: 1px solid #00cc99;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li i {
	margin-right: 10px;
}
.blog-area.style-two .sidbar-blog-area {
	margin-top: 30px;
}
.blog-area.style-two .blog_details {
	margin-top: 30px;
}
.blog-area.style-two .sidbar-blog-area .blog_item {
	position: relative;
	padding-left: 100px;
	margin-bottom: 25px;
	overflow: hidden;
}
.blog-area.style-two .sidbar-blog-area .blog-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 85px;
	height: 85px;
}
.blog-area.style-two .sidbar-blog-area .blog-img img {
	border-radius:6px;
	border:2px solid #ccc;
}
.blog-area.style-two .sidbar-blog-area i {
	margin-right: 10px;
}
.blog-area.style-two .sidbar-blog-area p {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #848484;
}
.blog-area.style-two .sidbar-blog-area h6 {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #222222;
	margin-bottom: 10px;
}
.blog-area.style-two .archives-links {
	margin-top: 40px;
}
.blog-area.style-two .archives-links li {
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
}
.blog-area.style-two .archives-links li {
	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	padding: 5px 0px;
}
.blog-area.style-two .archives-links li a {
	color: #848484;
}
.blog-area.style-two .gallery-width {
	margin-top: 30px;
}
.blog-area.style-two .gallery-width .image {
	position:relative;
	float:left;
	border-radius:6px;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.blog-area.style-two .gallery-width .image img {
	position:relative;
	width:100%;
}
.blog-area.style-two .gallery-width .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.blog-area.style-two .gallery-width .lightbox-image i {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.blog-area.style-two .gallery-width .image:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
/***

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	margin-top: 10px;
}
.styled-pagination li {
	position:relative;
	display:inline-block;
	margin-right: 5px;
}
.styled-pagination li a {
	position: relative;
	display: block;
	line-height: 45px;
	font-size: 18px;
	width: 45px;
	height: 45px;
	color: #848484;
	font-weight: 600;
	text-align: center;
	background: #ffffff;
	border: 1px solid #f6f6f6;
	font-family: 'Roboto', sans-serif;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}
.styled-pagination li a.prev, .styled-pagination li a.next {
	font-size:18px;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
	color:#ffffff;
	background:#00cc99;
	border-color: #00cc99;
	transition:all 500ms ease;
}
/***

====================================================================
	Blog Details
====================================================================

***/

.blog-area.style-three .media-links {
	margin-top: 20px;
	border-top: 1px solid #f6f6f6;
}
.blog-area.style-three .media-links .social-links li {
	display: inline-block;
	font-size: 13px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 15px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .media-links .social-links li i {
	color: #a2a2a2;
}
.blog-area.style-three .media-links .social-links li:hover i {
	color: #00cc99;
}
.blog-area.style-three .item-holder-box {
	margin-bottom: 60px;
}
.blog-area.style-three .comment-area {
	margin-bottom: 80px;
}
.blog-area.style-three .comment-area h5 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 20px;
}
.blog-area.style-three .comment-area .item {
	position: relative;
	padding-left: 100px;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}
.blog-area.style-three .comment-area .item.reply {
	position: relative;
	padding-left: 80px;
	margin-left: 50px;
}
.blog-area.style-three .comment-area .image-box {
	position: absolute;
	top: 5px;
	left: 0px;
}
.blog-area.style-three .comment-area .item h6 {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #222222;
}
.blog-area.style-three .comment-area .item span {
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .comment-area .item i {
	margin-right: 10px;
}
.blog-area.style-three .comment-area .item p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
}
.blog-area.style-three .form-area h5 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 20px;
}
.blog-area.style-three .form-group {
	margin-bottom: 20px;
}
.blog-area.style-three .form-group input {
	height: 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	box-shadow: none;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid #f6f6f6;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .form-group textarea {
	height: 160px;
	border-radius: 0px;
	box-shadow: none;
	padding: 10px 20px;
	resize: none;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #f6f6f6;
}