/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/5293(这个说明仅在演示里会看到,下载的源码里没有)*//*������ȫ��õ�Bootstrapģ�壺http://www.bootstrapmb.comVersion: 1.0.0*//*-------------------------------------------------------------->>>TABLE OF CONTENTS:----------------------------------------------------------------# Typography# Normalize# Accessibility# Globals# Alignments# Clearings# Posts and pages# Captions# Galleries# Unit test# guterberg# Gutenberg	Default Style# Block Color Palette Colors# Sections    ## Breadcrumb    ## Comments    ## Widgets    ## Nav Bar    ## Header    ## Footer     ## Top bar     ## About Company    ## Counterup    ## Call To Action    ## Talented Team    ## Request Call Back    ## We Are Best    ## Why Us    ## Login# Elements    ## Back Top    ## Preloader    ## Search Popup    ## Video Popup    ## Button    ## Section Title    ## Subscribe Form    ## Projects    ## Team Member    ## Counterup Item    ## Blog    ## Request A Call Back    ## We are best item    ## Video With Image    ## Company Feature    ## Portfolio Item--------------------------------------------------------------*//*-----------------    # Typography-----------------*/@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto+Slab:400,700");/*--------------------------------------------------------------# Normalize--------------------------------------------------------------*/:root {  --main-color-one: #00999f;  --main-color-two: #ff8915;  --secondary-color: #1c2029;  --heading-color: #2d2d2d;  --paragraph-color: #777777;  --heading-font: 'Roboto Slab', serif;  --body-font: 'Open Sans', sans-serif; }html {  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  overflow-x: hidden;  font-family: var(--body-font); }* {  -webkit-box-sizing: border-box;  box-sizing: border-box;  outline: none;  -moz-osx-font-smoothing: grayscale;  /* Firefox */  -webkit-font-smoothing: antialiased;  /* WebKit  */ }body {  margin: 0;  color: var(--paragraph-color);  overflow-x: hidden;  font-family: var(--body-font); }h1 {  font-size: 48px;  line-height: 1.0833333333333333; }h2 {  font-size: 36px;  line-height: 1.4444444444444444; }h3 {  font-size: 24px;  line-height: 1.0833333333333333; }h4 {  font-size: 20px;  line-height: 1.2380952380952381; }h1,h2,h3,h4,h5,h6 {  color: var(--heading-color);  font-family: var(--heading-font); }p {  color: var(--paragraph-color);  -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;  margin-bottom: 10px; }a {  color: inherit;  text-decoration: none;  color: var(--paragraph-color); }a,a:hover,a:focus,a:active {  text-decoration: none;  outline: none;  color: inherit; }pre {  word-break: break-word; }a i {  padding: 0 2px; }img {  max-width: 100%; }ol {  counter-reset: counter;  padding-left: 0; }ol li {  list-style: none;  margin-bottom: 1rem; }ol li:before {  counter-increment: counter;  content: counter(counter);  font-weight: 500;  margin-right: 10px; }/*input and button type focus outline disable*/input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,select:focus {  outline: none;  -webkit-box-shadow: none;  box-shadow: none;  border: 1px solid #ddd; }code {  color: #faa603; }.section-bg-1 {  background-color: #f7faff; }.check-list {  margin: 0;  padding: 0;  list-style: none; }  .check-list li {    display: block;    padding-left: 20px;    position: relative;    z-index: 0; }    .check-list li:after {      position: absolute;      left: 0;      top: 0;      font-family: 'fontawesome';      content: "\f00c";      color: #27ae60; }.arrow-list {  margin: 0;  padding: 0;  list-style: none; }  .arrow-list li {    display: block;    padding-left: 20px;    position: relative;    z-index: 0;    line-height: 1.6; }    .arrow-list li:after {      position: absolute;      left: 0;      top: 0;      font-family: 'fontawesome';      content: "\f101"; }.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {  clear: both; }.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {  float: left;  width: 50%; }.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {  float: right;  text-align: right;  width: 50%; }.comment-navigation .nav-previous >a,.posts-navigation .nav-previous >a,.post-navigation .nav-previous >a,.comment-navigation .nav-next >a,.posts-navigation .nav-next >a,.post-navigation .nav-next >a {  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.comment-navigation .nav-previous:hover >a,.posts-navigation .nav-previous:hover >a,.post-navigation .nav-previous:hover >a,.comment-navigation .nav-next:hover >a,.posts-navigation .nav-next:hover >a,.post-navigation .nav-next:hover >a {  color: var(--main-color-one); }/*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*//* Text meant only for screen readers. */.screen-reader-text {  border: 0;  clip: rect(1px, 1px, 1px, 1px);  -webkit-clip-path: inset(50%);  clip-path: inset(50%);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute !important;  width: 1px;  word-wrap: normal !important;  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }.screen-reader-text:focus {  background-color: #f1f1f1;  border-radius: 3px;  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  clip: auto !important;  -webkit-clip-path: none;  clip-path: none;  color: #21759b;  display: block;  font-size: 14px;  font-size: 0.875rem;  font-weight: bold;  height: auto;  left: 5px;  line-height: normal;  padding: 15px 23px 14px;  text-decoration: none;  top: 5px;  width: auto;  z-index: 100000;  /* Above WP toolbar. */ }/* Do not show the outline on the skip link target. */#content[tabindex="-1"]:focus {  outline: 0; }/*--------------------------------------------------------------# Globals--------------------------------------------------------------*/.padding-left-0 {  padding-left: 0; }.padding-right-0 {  padding-left: 0; }.gray-bg {  background-color: #f8f8f8; }.section-bg-1 {  background-color: #00999f; }.padding-top-10 {  padding-top: 10px; }.padding-top-20 {  padding-top: 20px; }.padding-top-30 {  padding-top: 30px; }.padding-top-40 {  padding-top: 40px; }.padding-top-50 {  padding-top: 50px; }.padding-top-60 {  padding-top: 60px; }.padding-top-65 {  padding-top: 65px; }.padding-top-70 {  padding-top: 70px; }.padding-top-75 {  padding-top: 75px; }.padding-top-80 {  padding-top: 80px; }.padding-top-90 {  padding-top: 90px; }.padding-top-100 {  padding-top: 100px; }.padding-top-105 {  padding-top: 105px; }.padding-top-110 {  padding-top: 110px; }.padding-top-115 {  padding-top: 115px; }.padding-top-120 {  padding-top: 120px; }.padding-bottom-10 {  padding-bottom: 10px; }.padding-bottom-20 {  padding-bottom: 20px; }.padding-bottom-30 {  padding-bottom: 30px; }.padding-bottom-40 {  padding-bottom: 40px; }.padding-bottom-50 {  padding-bottom: 50px; }.padding-bottom-60 {  padding-bottom: 60px; }.padding-bottom-65 {  padding-bottom: 65px; }.padding-bottom-70 {  padding-bottom: 70px; }.padding-bottom-75 {  padding-bottom: 75px; }.padding-bottom-80 {  padding-bottom: 80px; }.padding-bottom-85 {  padding-bottom: 85px; }.padding-bottom-90 {  padding-bottom: 90px; }.padding-bottom-100 {  padding-bottom: 100px; }.padding-bottom-110 {  padding-bottom: 110px; }.padding-bottom-105 {  padding-bottom: 105px; }.padding-bottom-115 {  padding-bottom: 115px; }.padding-bottom-120 {  padding-bottom: 120px; }.padding-bottom-130 {  padding-bottom: 130px; }.padding-bottom-135 {  padding-bottom: 135px; }.padding-120 {  padding-top: 120px;  padding-bottom: 120px; }.padding-110 {  padding-top: 110px;  padding-bottom: 110px; }.padding-100 {  padding-top: 100px;  padding-bottom: 100px; }.padding-20 {  padding-top: 20px;  padding-bottom: 20px; }.padding-30 {  padding-top: 30px;  padding-bottom: 30px; }.padding-40 {  padding-top: 40px;  padding-bottom: 40px; }.padding-50 {  padding-top: 50px;  padding-bottom: 50px; }.padding-60 {  padding-top: 60px;  padding-bottom: 60px; }.padding-70 {  padding-top: 70px;  padding-bottom: 70px; }.padding-80 {  padding-top: 80px;  padding-bottom: 80px; }.padding-90 {  padding-top: 90px;  padding-bottom: 90px; }.padding-10 {  padding-top: 10px;  padding-bottom: 10px; }.margin-top-10 {  margin-top: 10px; }.margin-top-20 {  margin-top: 20px; }.margin-top-25 {  margin-top: 25px; }.margin-top-30 {  margin-top: 30px; }.margin-top-35 {  margin-top: 35px; }.margin-top-40 {  margin-top: 40px; }.margin-top-50 {  margin-top: 50px; }.margin-top-55 {  margin-top: 55px; }.margin-top-60 {  margin-top: 60px; }.margin-top-70 {  margin-top: 70px; }.margin-top-80 {  margin-top: 80px; }.margin-top-90 {  margin-top: 90px; }.margin-top-100 {  margin-top: 100px; }.margin-bottom-0 {  margin-bottom: 0px !important; }.margin-bottom-10 {  margin-bottom: 10px; }.margin-bottom-15 {  margin-bottom: 15px; }.margin-bottom-20 {  margin-bottom: 20px; }.margin-bottom-30 {  margin-bottom: 30px; }.margin-bottom-35 {  margin-bottom: 35px; }.margin-bottom-40 {  margin-bottom: 40px; }.margin-bottom-45 {  margin-bottom: 45px; }.margin-bottom-50 {  margin-bottom: 50px; }.margin-bottom-55 {  margin-bottom: 55px; }.margin-bottom-60 {  margin-bottom: 60px; }.margin-bottom-70 {  margin-bottom: 70px; }.margin-bottom-80 {  margin-bottom: 80px; }.margin-bottom-90 {  margin-bottom: 90px; }.margin-top-100 {  margin-bottom: 100px; }.margin-top-120 {  margin-top: 120px; }.min-height-600 {  min-height: 600px; }/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft {  float: left;  clear: both;  margin-right: 20px; }.alignright {  float: right;  clear: both;  margin-left: 20px; }.aligncenter {  clear: both;  display: block;  margin: 0 auto 1.75em; }.alignfull {  margin: 1.5em 0;  max-width: 100%; }.alignwide {  max-width: 1100px; }/*--------------------------------------------------------------# Clearings--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {  content: "";  display: table;  table-layout: fixed; }.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {  clear: both; }/*--------------------------------------------------------------## Posts and pages--------------------------------------------------------------*/.sticky {  display: block; }.updated:not(.published) {  display: none; }.blog-pagination ul li {  display: inline-block; }.blog-pagination ul li + li {  margin: 0 5px; }.blog-pagination {  display: block;  width: 100%;  }.blog-pagination ul {  margin: 0;  padding: 0;  list-style: none; }.blog-pagination ul li a, .blog-pagination ul li span {  display: block;  width: 40px;  height: 40px;  border: 1px solid #e2e2e2;  line-height: 40px;  text-align: center;  font-weight: 600;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.blog-pagination ul li span.current, .blog-pagination ul li a:hover {  background-color: var(--main-color-one);  color: #fff; }/*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {  border: none;  margin-bottom: 0;  margin-top: 0;  padding: 0; }/* Make sure embeds and iframes fit their containers. */embed,iframe,object {  max-width: 100%; }/* Make sure logo link wraps around logo image. */.custom-logo-link {  display: inline-block; }/*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption {  margin-bottom: 1.5em;  max-width: 100%;  clear: both; }.wp-caption img[class*="wp-image-"] {  display: block;  margin-left: auto;  margin-right: auto; }.wp-caption .wp-caption-text {  margin: 0.8075em 0; }.wp-caption-text {  text-align: center; }/*--------------------------------------------------------------## Galleries--------------------------------------------------------------*/.gallery {  margin-bottom: 1.5em; }.gallery-item {  display: inline-block;  text-align: center;  vertical-align: top;  width: 100%; }.gallery-columns-2 .gallery-item {  max-width: 50%; }.gallery-columns-3 .gallery-item {  max-width: 33.33%; }.gallery-columns-4 .gallery-item {  max-width: 25%; }.gallery-columns-5 .gallery-item {  max-width: 20%; }.gallery-columns-6 .gallery-item {  max-width: 16.66%; }.gallery-columns-7 .gallery-item {  max-width: 14.28%; }.gallery-columns-8 .gallery-item {  max-width: 12.5%; }.gallery-columns-9 .gallery-item {  max-width: 11.11%; }.gallery-caption {  display: block; }/*----------------------------------------    # Unit test------------------------------------------*/.wp-link-pages a {  margin: 0 5px;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.wp-link-pages {  margin-bottom: 30px;  margin-top: 25px; }.wp-link-pages span, .wp-link-pages a {  border: 1px solid #e2e2e2;  padding: 5px 15px;  display: inline-block; }.wp-link-pages .current,.wp-link-pages a:hover {  background-color: var(--main-color-one);  color: #fff;  border-color: var(--main-color-one); }.wp-link-pages span:first-child {  margin-right: 5px; }dl, ol, ul {  padding-left: 15px; }.post-password-form input {  display: block;  border: 1px solid #e2e2e2;  height: 50px;  border-radius: 3px;  padding: 0 20px; }.post-password-form label {  font-weight: 600;  color: #333; }.post-password-form input[type=submit] {  width: 100px;  height: 50px;  background-color: var(--main-color-one);  color: #fff;  font-size: 16px;  font-weight: 600;  letter-spacing: 1px;  border: none;  cursor: pointer;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in; }.post-password-form input[type=submit]:hover {  background-color: #121A2F; }.footer-widget .table td, .footer-widget .table th {  padding: 0.50rem !important; }/*--------------------------------------------------------------# Gutenberg	Default Style--------------------------------------------------------------*/.single-post-details-item .entry-content >.alignwide {  max-width: 1100px; }.single-post-details-item .entry-content >.alignfull {  margin: 1.5em 0;  max-width: 100%; }.wp-block-video video {  max-width: 636px; }.wp-block-image img {  display: block; }.wp-block-image.alignleft,.wp-block-image.alignright {  width: 100%; }.wp-block-image.alignfull img {  width: 100vw; }.wp-block-gallery:not(.components-placeholder) {  margin: 1.5em auto; }.wp-block-cover-text p {  padding: 1.5em 14px; }ul.wp-block-latest-posts.alignwide,ul.wp-block-latest-posts.alignfull,ul.wp-block-latest-posts.is-grid.alignwide,ul.wp-block-latest-posts.is-grid.alignwide {  padding: 0 14px; }.wp-block-table {  display: block;  overflow-x: auto; }.wp-block-table table {  border-collapse: collapse;  width: 100%; }.wp-block-table td, .wp-block-table th {  padding: .5em; }.wp-block-embed.type-video >.wp-block-embed__wrapper {  position: relative;  width: 100%;  height: 0;  padding-top: 56.25%; }.wp-block-embed.type-video >.wp-block-embed__wrapper >iframe {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  bottom: 0;  right: 0; }.wp-block-quote.is-large {  margin: 0 auto 16px; }.wp-block-pullquote >p:first-child {  margin-top: 0; }.wp-block-separator {  margin: 3em auto;  padding: 0; }@media screen and (min-width: 768px) {  .wp-block-cover-text p {    padding: 1.5em 0; } }wp-block-video video {  max-width: 636px; }.wp-block-image img {  display: block; }.wp-block-image.alignleft,.wp-block-image.alignright {  width: 100%; }.wp-block-image.alignfull img {  width: 100vw; }.wp-block-gallery:not(.components-placeholder) {  margin: 1.5em auto; }.wp-block-cover-text p {  padding: 1.5em 14px; }ul.wp-block-latest-posts.alignwide,ul.wp-block-latest-posts.alignfull,ul.wp-block-latest-posts.is-grid.alignwide,ul.wp-block-latest-posts.is-grid.alignwide {  padding: 0 14px; }.wp-block-table {  display: block;  overflow-x: auto; }.wp-block-table table {  border-collapse: collapse;  width: 100%; }.wp-block-table td, .wp-block-table th {  padding: .5em; }.wp-block-embed.type-video >.wp-block-embed__wrapper {  position: relative;  width: 100%;  height: 0;  padding-top: 56.25%; }.wp-block-embed.type-video >.wp-block-embed__wrapper >iframe {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  bottom: 0;  right: 0; }.wp-block-quote.is-large {  margin: 0 auto 16px; }.wp-block-pullquote >p:first-child {  margin-top: 0; }.wp-block-quote:not(.is-large):not(.is-style-large) {  border-left: 4px solid #000;  padding-left: 1em; }.wp-block-separator {  margin: 3em auto;  padding: 0; }@media screen and (min-width: 768px) {  .wp-block-cover-text p {    padding: 1.5em 0; } }.wp-block-pullquote {  border-top: 4px solid #555d66;  border-bottom: 4px solid #555d66;  color: #40464d; }/*--------------------------------------------------------------## Block Color Palette Colors--------------------------------------------------------------*/.has-strong-blue-color {  color: #0073aa; }.has-strong-blue-background-color {  background-color: #0073aa; }.has-lighter-blue-color {  color: #229fd8; }.has-lighter-blue-background-color {  background-color: #229fd8; }.has-very-light-gray-color {  color: #eee; }.has-very-light-gray-background-color {  background-color: #eee; }.has-very-dark-gray-color {  color: #444; }.has-very-dark-gray-background-color {  background-color: #444; }/*---------------------    ## Breadcumb ----------------------*/.breadcrumb-area {  padding: 110px 0 115px 0;  background-image: url(../img/bg/breadcrumb-bg.jpg);  position: relative;  z-index: 0;  background-size: cover;  background-position: center;  text-align: center; }  .breadcrumb-area:before {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    content: '';    background-color: rgba(255, 255, 255, 0.8);    z-index: -1; }  .breadcrumb-area.extra {    padding-bottom: 138px; }  .breadcrumb-area .page-title {    font-size: 40px;    line-height: 50px;    font-weight: 600;    color: var(--heading-color);    text-transform: capitalize;    margin-bottom: 15px; }  .breadcrumb-area .page-list {    margin: 0;    padding: 0; }    .breadcrumb-area .page-list li {      display: inline-block;      position: relative;      padding-left: 30px;      font-size: 16px;      font-weight: 600;      color: var(--main-color-two); }      .breadcrumb-area .page-list li:first-child {        padding-left: 0; }        .breadcrumb-area .page-list li:first-child a {          color: var(--paragraph-color); }        .breadcrumb-area .page-list li:first-child:after {          display: none; }      .breadcrumb-area .page-list li:after {        position: absolute;        left: 10px;        top: 0;        content: "\f101";        font-family: 'fontawesome';        color: var(--paragraph-color); }      .breadcrumb-area .page-list li a {        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .breadcrumb-area .page-list li a:hover {          color: var(--main-color-two); }/*--------------------------------------------------------------	## Comments--------------------------------------------------------------*/.comment-content a {  word-wrap: break-word; }.bypostauthor {  display: block; }.comments-area {  margin-top: 30px; }.comments-area .comments-title {  font-size: 30px;  line-height: 34px;  font-weight: 600;  margin-bottom: 25px; }.comments-area .comment-list .comment-respond {  margin-bottom: 30px; }.comments-area .comment-list {  margin: 0;  padding: 0;  list-style: none;  list-style-type: none;  margin-bottom: 20px; }.comments-area .comment-list li {  margin-bottom: 30px; }.comments-area .comment-list li:last-child {  margin-bottom: 0; }.comments-area .comment-list li ul.children {  margin: 0;  padding: 0;  list-style: none;  list-style-type: none; }.comments-area .comment-list li ul {  list-style: none; }.comments-area .comment-list li ul.children li {  margin-left: 50px;  list-style-type: none;  list-style: none; }.comments-area .comment-list li .single-comment-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start; }.comments-area .comment-list li .single-comment-wrap .thumb {  margin-right: 20px;  min-width: 80px;  border-radius: 50%; }.comments-area .comment-list li .single-comment-wrap .thumb img {  margin-bottom: 10px;  border-radius: 50%;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }.comments-area .comment-list li .single-comment-wrap .date,.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time {  display: block;  font-size: 14px;  line-height: 20px;  margin-bottom: 20px; }.comments-area .comment-list li .single-comment-wrap .content {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;  position: relative; }.comments-area .comment-list li .single-comment-wrap .content .title {  font-size: 18px;  line-height: 28px;  font-weight: 600;  font-family: var(--heading-font); }.comments-area .comment-list li .single-comment-wrap .content .comment-content {  max-width: 620px; }.comments-area .comment-list li .single-comment-wrap .content p {  font-size: 16px;  line-height: 26px;  word-break: break-word; }.comments-area .comment-list li .single-comment-wrap .content p:last-child {  margin-bottom: 0; }.comments-area .comment-list li .single-comment-wrap .content .reply {  position: absolute;  top: 0;  right: 0;  color: var(--paragraph-color);  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.comments-area .comment-list li .single-comment-wrap .content .reply:hover {  color: var(--main-color-one); }.comments-area .reply-title,.comments-area .comment-reply-title {  font-size: 30px;  line-height: 34px;  font-weight: 600;  margin-bottom: 20px; }.comments-area .form-submit {  margin-bottom: 0; }.comment-form .form-group.textarea .form-control {  min-height: 160px;  resize: none;  line-height: 26px; }.comment-form .form-group.textarea .form-control:focus {  outline: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; }  @media (max-width: 991px){    .comment-form-wrap {      margin-bottom: 30px;    }  }.comment-form .form-group .form-control {  height: 50px;  line-height: 50px;  border: 1px solid #e2e2e2; }.comment-form .submit-btn {  height: 50px;  width: 180px;  border-radius: 5px;  font-weight: 400;  background-color: var(--main-color-one);  border: none;  cursor: pointer;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in;  color: #fff; }.comment-form .submit-btn:hover {  background-color: var(--secondary-color);  color: #fff; }.comment-respond {  /*margin-top: 20px;*/ }.comments-area .comment-list .children li:last-child {  margin-bottom: 30px; }.comments-area .comment-list li ul.children {  margin-top: 30px; }.comment-form-cookies-consent input[type=checkbox] {  margin-right: 5px; }/*--------------------------------------------------------------	## WIdgets--------------------------------------------------------------*/.widget {  background-color: #f4f4f4;  margin-bottom: 30px;  padding: 25px 30px 30px 30px; }.widget select {  width: 100%;  height: 50px;  padding: 10px 20px; }.widget.footer-widget .widget-title {  padding-left: 0px; }  .widget.footer-widget .widget-title:after {    display: none; }.widget .widget-title {  font-size: 22px;  font-weight: 600;  line-height: 31px;  margin-bottom: 20px;  position: relative;  text-transform: capitalize;  padding-left: 10px; }  .widget .widget-title:after {    position: absolute;    left: 0;    top: 6px;    width: 3px;    height: 20px;    background-color: var(--main-color-one);    content: ''; }.widget.widget_calendar {  padding-right: 24px;  padding-left: 24px; }.widget:last-child {  margin-bottom: 0px; }.widget.widget_nav_menu ul li.menu-item-has-children:after {  display: none; }.widget.footer-widget .subscribe-form .form-group .form-control {  background-color: #f8f8f8;  color: var(--paragraph-color); }  .widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {    /* WebKit browsers */    color: var(--paragraph-color); }  .widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */    color: var(--paragraph-color); }  .widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {    /* Mozilla Firefox 19+ */    color: var(--paragraph-color); }  .widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {    /* Internet Explorer 10+ */    color: var(--paragraph-color); }.widget.footer-widget .subscribe-form .submit-btn {  background-color: var(--main-color-two); }  .widget.footer-widget .subscribe-form .submit-btn:hover {    background-color: var(--main-color-one);    color: #fff; }.widget.footer-widget {  background-color: transparent !important;  padding: 0;  margin-bottom: 30px; }.widget ul {  margin: 0;  padding: 0;  list-style: none; }.widget ul li ul {  margin-left: 20px; }.widget ul li {  display: block;  margin: 8px 0;  -ms-word-wrap: break-word;  word-break: break-word;  text-transform: capitalize; }.widget.widget_nav_menu ul li {  position: relative;  padding-left: 15px; }  .widget.widget_nav_menu ul li:after {    position: absolute;    left: 0;    top: 0;    font-family: 'fontawesome';    content: "\f101";    font-weight: 900;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;   }  .widget.widget_nav_menu ul li:hover {    color: var(--main-color-two); }    .widget.widget_nav_menu ul li:hover a {      color: var(--main-color-two); }.widget ul li:first-child {  margin-top: 0px; }.widget ul li:last-child {  margin-bottom: 0px; }.widget ul li a {  color: inherit;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.widget ul li a:hover {  color: var(--main-color-two); }.footer-widget.widget_nav_menu ul li a {  position: relative;  padding-left: 5px; }.widget_search .search-form {  position: relative; }.widget_search .search-form .form-group {  margin-bottom: 0; }.widget_search .search-form .form-group .form-control {  height: 50px;  border: 1px solid rgba(0, 0, 0, 0.2);  padding: 0 70px 0 15px; }.widget_search .search-form .submit-btn {  position: absolute;  right: 0;  top: 0;  width: 60px;  height: 50px;  line-height: 50px;  padding: 0;  font-size: 18px;  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;  background-color: var(--main-color-one);  color: #fff;  -webkit-transition: .3s ease-in;  -o-transition: .3s ease-in;  transition: .3s ease-in;  border: none;  cursor: pointer; }.widget_search .search-form .submit-btn:hover {  background-color: var(--secondary-color);  color: #fff; }.widget_author_meta {  text-align: center; }.widget_author_meta .thumb {  width: 80px;  height: 80px;  margin: 0 auto;  margin-bottom: 20px; }.widget_author_meta .thumb img {  border-radius: 50%; }.widget_author_meta .content .name {  font-size: 21px;  font-weight: 700; }.widget_author_meta .content p {  font-size: 16px;  line-height: 26px; }.widget_author_meta .content ul {  margin-top: 25px; }.widget_author_meta .content ul li {  display: inline-block;  margin: 0 5px; }.widget_author_meta .content ul li a {  display: block;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 50%;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }.widget_author_meta .content ul li a:hover {  background-color: var(--main-color-two);  color: #fff; }.widget_tag_cloud .tagcloud a {  display: inline-block;  padding: 5px 15px;  border: 1px solid rgba(0, 0, 0, 0.1);  margin: 5px;  color: inherit;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  border-radius: 5px;  font-size: 16px !important; }.widget_tag_cloud .tagcloud a:hover {  background-color: var(--main-color-one);  color: #fff; }.widget ul li ul.sub-menu {  position: initial; }.widget ul li ul.sub-menu {  visibility: visible;  opacity: 1;  background-color: transparent;  border-top: none;  -webkit-box-shadow: none;  box-shadow: none;  margin-top: 10px; }.widget ul li ul.sub-menu li a {  padding: 0 0 0px 10px; }.widget ul li ul.sub-menu li a:hover {  background-color: transparent; }.widget.widget_nav_menu ul {  margin: 0;  padding: 0;  list-style: none; }.widget.widget_nav_menu ul li {  margin: 15px 0; }.widget.widget_nav_menu ul li:first-child {  margin-top: 0; }.widget.widget_nav_menu ul li:last-child {  margin-bottom: 0; }.widget.widget_nav_menu ul li a {  border: none; }.widget.widget_nav_menu ul li >ul {  margin-left: 15px; }.widget.footer-widget.widget_calendar table {  margin-bottom: 0; }.widget.footer-widget.widget_calendar caption {  padding-bottom: 0; }.widget.footer-widget .widget-title {  color: var(--heading-color); }.widget.footer-widget p,.footer-widget.widget_tag_cloud .tagcloud a,.widget.footer-widget.widget_calendar caption,.widget.footer-widget.widget_calendar th,.widget.footer-widget.widget_calendar td {  color: var(--paragraph-color); }.widget.footer-widget ul li a,.widget.footer-widget ul li {  color: var(--paragraph-color); }.widget.footer-widget ul li a:hover {  color: var(--main-color-two); }.widget .contact-info .details {  display: block;  margin-bottom: 10px; }.widget .social_share {  margin: 0;  padding: 0;  list-style: none;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; }  .widget .social_share li {    width: calc(100% / 3);    margin: 0;    display: block;    padding: 20px 0 12px 0;    text-align: center;    border-radius: 5px;    color: #fff; }    .widget .social_share li i {      display: block;      margin-bottom: 10px;      font-size: 20px; }    .widget .social_share li.facebook {      background-color: #3b5999; }    .widget .social_share li.twitter {      background-color: #55acee; }    .widget .social_share li.instagram {      background-color: #e4405f; }    .widget .social_share li a:hover {      color: #fff; }    .widget .social_share li + li {      margin-left: 10px; }.widget .recent_post_item {  margin: 0;  padding: 0;  list-style: none; }  .widget .recent_post_item li {    display: block; }    .widget .recent_post_item li + li {      margin-top: 20px; }    .widget .recent_post_item li.single-recent-post-item {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-item-align: start;      align-self: flex-start; }      .widget .recent_post_item li.single-recent-post-item .thumb {        width: 60px;        height: 60px;        margin-right: 15px; }      .widget .recent_post_item li.single-recent-post-item .content {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1; }        .widget .recent_post_item li.single-recent-post-item .content .title {          font-size: 16px;          line-height: 20px;          font-weight: 600; }        .widget .recent_post_item li.single-recent-post-item .content .time {          font-size: 14px;          font-weight: 500; }.widget .about-widget .social-share {  margin: 0;  padding: 0;  list-style: none; }  .widget .about-widget .social-share li {    display: inline-block; }    .widget .about-widget .social-share li + li {      margin-left: 10px; }.widget .get_service_form .form-group select {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }  .widget .get_service_form .form-group select:focus {    outline: none;    -webkit-box-shadow: none;    box-shadow: none; }.widget .get_service_form .form-group .form-control {  height: 50px;  border: 1px solid #e2e2e2; }.widget .get_service_form .submit-btn {  width: 100%;  border: none;  padding: 10px 0;  border-radius: 3px;  background-color: var(--main-color-one);  color: #fff;  cursor: pointer;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .widget .get_service_form .submit-btn:hover {    background-color: var(--main-color-two); }.popular_news_wrapper li + li {  border-top: 1px solid #e2e2e2;  padding-top: 15px !important; }.popular_news_wrapper li .class-single-popular-item .title {  font-size: 16px;  line-height: 26px;  font-weight: 600;  margin-bottom: 2px; }.popular_news_wrapper li .class-single-popular-item .post-meta {  margin: 0;  padding: 0;  list-style: none; }  .popular_news_wrapper li .class-single-popular-item .post-meta li {    display: inline-block; }    .popular_news_wrapper li .class-single-popular-item .post-meta li + li {      margin-left: 20px;      border-top: none;      padding-top: 0px !important; }    .popular_news_wrapper li .class-single-popular-item .post-meta li a {      font-size: 14px;      font-weight: 600;      color: var(--main-color-two); }/*----------------------------------------------    # Nav bar ----------------------------------------------*/.navbar.navbar-area.white .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }.navbar.navbar-area .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");  background-color: #fff;  width: 50px;  height: 33px; }.navbar-area {  padding: 0; }  .navbar-area.style-two {    position: absolute;    left: 0;    width: 100%;    top: 1px;    z-index: 1; }    .navbar-area.style-two .nav-container {      background-color: var(--main-color-one);      padding: 0 30px;	      margin: 0 12px;	  }      .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav {        text-align: left; }        .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav li {          color: rgba(255, 255, 255, 0.8); }          .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {            color: #fff; }          .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav li:hover:before {            color: #fff; }          .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav li:hover a {            color: #fff; }          .navbar-area.style-two .nav-container .navbar-collapse .navbar-nav li a {            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }    .navbar-area.style-two .navbar-right-content .boxed-btn {      background-color: var(--main-color-two); }      .navbar-area.style-two .navbar-right-content .boxed-btn:hover {        background-color: #fff;        color: var(--main-color-two); }  @media (max-width: 991px){    .navbar-area .navbar-right-content {      float: left;      margin-left: 0;    }  }    .navbar-area .navbar-right-content .boxed-btn {      font-weight: 600;      text-transform: capitalize; }  .navbar-area .nav-container .navbar-brand .site-title {    font-weight: 700;    font-size: 30px;    font-family: var(--heading-font);    line-height: 90px;    color: var(--main-color-one); }  .navbar-area .nav-container .navbar-collapse .navbar-nav {    display: block;    width: 100%;    text-align: right; }    .navbar-area .nav-container .navbar-collapse .navbar-nav li {      display: inline-block;      font-size: 16px;      font-weight: 500;      line-height: 90px;      color: #272727;      font-weight: 600; }      .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {        margin-left: 30px; }      .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {        color: var(--main-color-one); }      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {        position: relative;        padding-right: 15px; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {          position: absolute;          right: 0;          top: 50%;          content: '\f107';          font-family: 'fontawesome';          -ms-transform: translateY(-50%);          /* IE 9 */          -webkit-transform: translateY(-50%);          /* Chrome, Safari, Opera */          transform: translateY(-50%);          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }		  		  		.navbar-area .navbar-right-content {			margin-left: 30px; 			float: right;			margin-top: 20px;			line-height: initial !important;		  }		.navbar-area .navbar-right-content a {			font-weight: 600 !important;		  }		.navbar-area .navbar-right-content a:hover {			color: #fff !important;		  }				          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover >.sub-menu {          visibility: visible;          opacity: 1;          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);         }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {          position: absolute;          text-align: left;          min-width: 220px;          margin: 0;          padding: 10px 0 0;          padding-top: 0;          list-style: none;          left: 0;          top: 100%;          -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);          background-color: #fff;          z-index: 9999;          border-top: 4px solid var(--main-color-one);          visibility: hidden;          opacity: 0;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {            display: block;            margin-left: 0;            line-height: 24px;            font-size: 16px; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {              border-top: 1px solid #e2e2e2; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {              display: block;              padding: 15px 20px;              background-color: #fff;              white-space: nowrap;              color: #272727;              -webkit-transition: all 0.3s ease-in;              -moz-transition: all 0.3s ease-in;              -o-transition: all 0.3s ease-in;              transition: all 0.3s ease-in; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {                background-color: var(--main-color-one);                color: #fff; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {            position: relative;            z-index: 0;            padding-right: 0px; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {              position: absolute;              right: 15px;              top: 50%;              content: '\f105';              font-family: 'fontawesome';              -ms-transform: translateY(-50%);              /* IE 9 */              -webkit-transform: translateY(-50%);              /* Chrome, Safari, Opera */              transform: translateY(-50%); }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children >.sub-menu {              left: 100%;              top: 20px; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children >.sub-menu .sub-menu .sub-menu {                left: auto;                right: 100%; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover >.sub-menu {              visibility: visible;              opacity: 1; }              .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover >.sub-menu li:hover:before {                color: #fff; }      .navbar-area .nav-container .navbar-collapse .navbar-nav li a {        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {          color: var(--main-color-one); }@media only screen and (max-width: 991px) {  .navbar-area .nav-container {    position: relative;    z-index: 0;    min-height: 80px;    padding: 10px 20px; }    .navbar-area .nav-container .navbar-brand {      display: block; }      .navbar-area .nav-container .navbar-brand .navbar-toggler {        position: absolute;        right: 0;		border: 0;		padding: 0; }    .navbar-area .nav-container .navbar-collapse .navbar-nav {      display: block;      margin-top: 20px; }      .navbar-area .nav-container .navbar-collapse .navbar-nav li {        display: block;        text-align: left;        line-height: 30px;        padding: 10px 0;        border-bottom: 1px solid #e2e2e2; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {          border-bottom: none; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {          margin-left: 0; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {          top: 25px;          right: 20px; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {          padding-bottom: 0; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover >.sub-menu {            visibility: visible;            height: auto;            opacity: 1; }        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {          position: initial;          display: block;          width: 100%;          border-top: none;          -webkit-box-shadow: none;          box-shadow: none;          margin-left: 0;          padding-bottom: 0;          visibility: hidden;          opacity: 0;          height: 0;          overflow: hidden;          max-height: 250px;          overflow-y: scroll;          -webkit-transition: height 500ms;          -moz-transition: height 500ms;          -o-transition: height 500ms;          transition: height 500ms; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {            content: "\f107"; }          .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {            padding: 0; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {              top: 30px;              color: #fff; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {              border-top: none; }            .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {              border-top: 1px solid #e2e2e2; } }@media only screen and (max-width: 575px) {  .navbar-area .nav-container {    margin: 0 15px; } }/*--------------------------------------------------------------	## Header--------------------------------------------------------------*/.header-area-wrapper {  position: relative;  z-index: 0; }.header-area {  position: relative;  z-index: 0;  overflow: hidden;  background-position: center;  background-size: cover; }  .header-area.bg-overlay {    background-color: #000;    background-position: center;    background-size: cover;    position: relative;    z-index: 0; }    .header-area.bg-overlay:after {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      background-color: rgba(0, 0, 0, 0.7);      content: '';      z-index: -1; }  .header-area .header-two-carousel .owl-item.active .single-header-slider-two .header-inner .title {    -webkit-animation: 1s .2s fadeInUp both;    animation: 1s .2s fadeInUp both; }  .header-area .header-two-carousel .owl-item.active .single-header-slider-two .header-inner p {    -webkit-animation: 1s .2s fadeInUp both;    animation: 1s .2s fadeInUp both; }  .header-area .header-two-carousel .owl-item.active .single-header-slider-two .header-inner .btn-wrapper {    -webkit-animation: 1s .2s flipInX both;    animation: 1s .2s flipInX both; }  .header-area .header-two-carousel .owl-nav div {    position: absolute;    left: 30px;    top: 50%;    -ms-transform: translateY(-50%);    /* IE 9 */    -webkit-transform: translateY(-50%);    /* Chrome, Safari, Opera */    transform: translateY(-50%);    width: 40px;    height: 50px;    line-height: 50px;    text-align: center;    color: #fff;    border: 1px solid rgb(255, 255, 255);    font-size: 20px;    border-radius: 3px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .header-area .header-two-carousel .owl-nav div:hover {      border-color: var(--main-color-two);      color: var(--main-color-two); }    .header-area .header-two-carousel .owl-nav div.owl-next {      left: auto;      right: 30px; }  .header-area .single-header-slider-two {    padding: 270px 0 190px 0;    position: relative;    z-index: 0; }    .header-area .single-header-slider-two:after {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      background-color: rgba(0, 0, 0, 0.4);      content: '';      z-index: -1; }    .header-area .single-header-slider-two .header-inner {      max-width: 100%;      padding: 0;      text-align: center; }      .header-area .single-header-slider-two .header-inner .title {        font-size: 50px;        line-height: 60px;        color: #fff;        font-weight: 700;        margin-bottom: 25px;        color: #fff;        text-transform: capitalize; }      .header-area .single-header-slider-two .header-inner p {        font-size: 18px;        line-height: 30px;        color: #626262;        max-width: 500px;        margin: 0 auto;        color: rgba(255, 255, 255, 0.8); }      .header-area .single-header-slider-two .header-inner .btn-wrapper {        margin-top: 6px; }        .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn {          margin: 0 10px; }          @media (max-width: 410px){            .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn {              margin-bottom: 10px; }          }          .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn:first-child {            margin-left: 0; }          .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn:last-child {            margin-right: 0; }          .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn.blank {            background-color: transparent;            border: 1px solid #e3e3e3;            color: #fff; }            .header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn.blank:hover {              background-color: white;              color: var(--main-color-two); }  .header-area .single-header-slider {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap; }    .header-area .single-header-slider .bg-image {      width: 50%;      background-position: center;      background-size: cover; }      .header-area .single-header-slider .bg-image .bg-image-wrap {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        height: 100%; }    .header-area .single-header-slider .content-area {      width: 50%;      background-color: #f5f5f5;      z-index: 2;      padding: 110px 0 120px 0; }  .header-area .header-inner {    max-width: 560px;    padding-left: 40px; }    .header-area .header-inner .btn-wrapper {      color: var(--heading-color);      font-size: 18px;      font-weight: 600;      text-transform: capitalize; }      .header-area .header-inner .btn-wrapper .video-play-btn {        margin-left: 20px;        background-color: var(--main-color-two);        color: #fff;        width: 50px;        height: 50px;        line-height: 50px; }        .header-area .header-inner .btn-wrapper .video-play-btn:before {          width: 60px;          height: 60px;          line-height: 60px;          background-color: var(--main-color-two); }		  		  .header-area .title {    font-size: 50px;    line-height: 60px;    color: #fff;    font-weight: 700;    margin-bottom: 25px;    color: var(--heading-color);    text-transform: capitalize; }  .header-area p {    font-size: 18px;    line-height: 30px;    color: #626262; }/*--------------------------  ##  Footer Widget--------------------------*/.about-widget .footer-logo {  margin-bottom: 27px;  display: block; }.copyright-area {  border-top: 1px solid #e2e2e2; }.copyright-area-inner .copyright-text {  text-align: center;  color: var(--paragraph-color);  display: block; }  .copyright-area-inner .copyright-text a {    color: var(--main-color-two); }.copyright-area-inner .social-share {  margin: 0;  padding: 0;  list-style: none; }  .copyright-area-inner .social-share li {    display: inline-block; }    .copyright-area-inner .social-share li + li {      margin-left: 15px; }    .copyright-area-inner .social-share li a {      color: rgba(255, 255, 255, 0.6);      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .copyright-area-inner .social-share li a:hover {        color: var(--main-color-one); }/*-----------------------------    ## Top Bar -----------------------------*/.top-bar-area {  border-bottom: 1px solid #e5e5e5; }.top-bar-area.style-two {  border-bottom: 0px solid #e5e5e5; }  .top-bar-area .left-content {    display: inline-block;    height: 100%; }    @media (max-width: 991px){      .top-bar-area.style-two .left-content {        height: initial;        width: 100%;        margin-bottom: 30px;      }      .top-bar-area.style-two .right-content {        float: left;        display: block;      }      .top-bar-area.style-two .info-list li {           margin-right: 6px;      }		.top-bar-area.style-two .info-list li:last-child {			margin-right: 0px;		}      .top-bar-area.style-two .info-list li + li:after {        display: none;      }      .top-bar-area.style-two .info-list li + li {        margin-left: 0;      }      .navbar-area.style-two .nav-container {        padding: 20px 30px;      }    }			@media (max-width: 767px){		.top-bar-area.style-two .info-list li {			margin-bottom: 15px;		}		.top-bar-area.style-two .info-list li:last-child {			margin-bottom: 0px;		}	}      .navbar-area.style-two .navbar-right-content {        margin-top: 0;		list-style: none;      }      .navbar-area.style-two .navbar-right-content a:hover {        color: var(--main-color-two) !important;      }  .top-bar-area .right-content {    float: right;    display: inline-block; }@media (max-width: 767px){  .top-bar-area .left-content {    height: initial;    margin-bottom: 12px;  }  .top-bar-area .right-content {    float: left;    display: block;  }}@media (max-width: 470px){  .top-bar-area .icon-list li + li:after {    display: none;  }  .top-bar-area .icon-list li + li {    margin-left: 0 !important;  }}  .top-bar-area .brand-logo {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    height: 100%;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }  .top-bar-area .info-list {    margin: 0;    padding: 0;    list-style: none; }    .top-bar-area .info-list li {      display: inline-block;      position: relative; }      .top-bar-area .info-list li .single-info-item {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -ms-flex-item-align: start;        align-self: flex-start; }        .top-bar-area .info-list li .single-info-item:hover .icon {          background-color: var(--main-color-two);          color: #fff;          border-color: var(--main-color-two); }        .top-bar-area .info-list li .single-info-item:hover .content .title {          color: var(--main-color-two); }        .top-bar-area .info-list li .single-info-item .icon {          border: 1px solid #d8d6d6;          display: inline-block;          width: 50px;          height: 50px;          border-radius: 10px;          line-height: 50px;          text-align: center;          font-size: 20px;          color: var(--main-color-two);          margin-right: 20px;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .top-bar-area .info-list li .single-info-item .content {          -webkit-box-flex: 1;          -ms-flex: 1;          flex: 1; }          .top-bar-area .info-list li .single-info-item .content .title {            font-size: 16px;            font-weight: 600;            line-height: 26px;            text-transform: capitalize;            margin-bottom: 0;            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }          .top-bar-area .info-list li .single-info-item .content .details {            font-size: 14px;            line-height: 20px;            text-transform: capitalize; }      .top-bar-area .info-list li + li {        margin-left: 60px; }        .top-bar-area .info-list li + li:after {          position: absolute;          left: -23px;          top: 2px;          width: 5px;          height: 16px;          content: '.....';          font-size: 20px;          font-weight: 700;          color: #d8d6d6;          -webkit-transform: rotate(90deg);          -ms-transform: rotate(90deg);          transform: rotate(90deg);          letter-spacing: 3px; }  .top-bar-area .icon-list {    margin: 0;    padding: 0;    list-style: none; }    .top-bar-area .icon-list li {      display: inline-block;      position: relative; }      .top-bar-area .icon-list li i {        color: var(--main-color-two); }      .top-bar-area .icon-list li + li {        margin-left: 20px; }        .top-bar-area .icon-list li + li:after {          position: absolute;          left: -12px;          top: 5px;          width: 1px;          height: 16px;          background-color: #e5e5e5;          content: ''; }      .top-bar-area .icon-list li.account {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -ms-flex-item-align: start;        align-self: flex-start; }        .top-bar-area .icon-list li.account img {          margin-right: 10px; }/*----------------------------    ## About Company----------------------------*/.about-company {  position: relative; }  .about-company .content-area {    background-color: #fff;    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);    padding: 55px 60px 60px 60px;    position: absolute;    z-index: 2;    width: 150%;    border-radius: 5px;    top: 50%;    -ms-transform: translateY(-50%);    /* IE 9 */    -webkit-transform: translateY(-50%);    /* Chrome, Safari, Opera */    transform: translateY(-50%); }    @media (max-width: 991px){      .about-company .content-area {        position: initial;        transform: initial;        width: initial;        margin-bottom: 30px;      }      .about-company .img-wrapper img {        width: 100%;      }    }.about-us-two .content-area .title {  font-size: 40px;  line-height: 50px;  font-weight: 600;  text-transform: capitalize;  margin-bottom: 25px; }  .about-us-two .content-area .title span {    color: var(--main-color-two);    display: block; }.about-us-three .content-area {  padding-left: 40px; }  .about-us-three .content-area .subtitle {    font-size: 16px;    text-transform: capitalize;    font-weight: 600;    color: var(--main-color-two);    display: block;    margin-bottom: 10px; }	  .about-us-three .content-area .title {    font-size: 40px;    font-weight: 600;    line-height: 50px;    margin-bottom: 25px; }.about-us-three .countup-area {  padding-left: 40px; }  .about-us-three .img-wraper {    margin-bottom: 30px;  }  .about-us-three .img-wraper img {    width: 100%;  }/*-----------------------------    ## Counter Up------------------------------*/.counterup-area.counterup-bg {  background-image: url(../img/bg/counter-up-bg.jpg);  background-position: center;  background-size: cover;  position: relative;  background-attachment: fixed;  z-index: 0; }  .counterup-area.counterup-bg:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.6);    content: '';    z-index: -1; }	@media (max-width: 991px){		.about-us-three .content-area, .about-us-three .countup-area {			padding-left: 0;		}	}		@media (max-width: 450px){		.about-us-three .countup-area {			text-align: center;		}	}/*------------------------------    ## Call To Action------------------------------*/.call-to-action-inner {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }    @media (max-width: 767px){	  .call-to-action-inner {		  flex-direction: column;	  }  }  .call-to-action-inner .left-content .title {    font-size: 30px;    line-height: 40px;    font-weight: 700;    color: #fff; }  .call-to-action-inner .left-content .subtitle {    font-size: 18px;    line-height: 28px;    font-style: italic;    color: rgba(255, 255, 255, 0.8); }  .call-to-action-inner .right-content .btn-wrapper {    margin-top: 14px; }    .call-to-action-inner .right-content .btn-wrapper .boxed-btn {      border: 1px solid rgba(255, 255, 255, 0.6);      border-radius: 30px; }      .call-to-action-inner .right-content .btn-wrapper .boxed-btn:hover {        background-color: #fff;        color: var(--main-color-one); }.call-to-action-two-area.cta-bg-2 {  background-image: url(../img/bg/call-to-action-bg.jpg);  background-size: cover;  background-position: center;  position: relative;  z-index: 0; }  .call-to-action-two-area.cta-bg-2:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.8);    content: '';    z-index: -1; }.call-to-action-two-inner {  text-align: center; }  .call-to-action-two-inner .title {    font-size: 40px;    line-height: 50px;    font-weight: 700;    color: #fff;    text-transform: capitalize;    margin-bottom: 24px; }    .call-to-action-two-inner .title span {      color: var(--main-color-one);      text-transform: uppercase; }  .call-to-action-two-inner p {    color: rgba(255, 255, 255, 0.8); }/*--------------------------------    ## Talented Team--------------------------------*/.talented-team-area {  background-image: url(../img/bg/talented-team-bg.jpg);  background-size: cover;  background-position: center;  position: relative;  z-index: 0; }  .talented-team-area:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.85);    content: '';    z-index: -1; }  .talented-team-area .img-wrapper .design-carousel .owl-item.active .single-design-item:after {    -webkit-animation: 1s .2s fadeInRight both;    animation: 1s .2s fadeInRight both; }  .talented-team-area .img-wrapper .design-carousel .owl-item.active .single-design-item .hover {    -webkit-animation: 1s .2s fadeInUp both;    animation: 1s .2s fadeInUp both; }  .talented-team-area .img-wrapper .design-carousel .owl-nav div {    position: absolute;    right: 30%;    bottom: 90px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    font-size: 20px; }    .talented-team-area .img-wrapper .design-carousel .owl-nav div.owl-next {      left: auto;      right: 23%; }    .talented-team-area .img-wrapper .design-carousel .owl-nav div:hover {      color: var(--main-color-two); }  .talented-team-area .img-wrapper .single-design-item {    position: relative;    z-index: 0;    margin-bottom: 30px;    margin-left: 30px;    display: inline-block; }    .talented-team-area .img-wrapper .single-design-item img {      width: auto; }    .talented-team-area .img-wrapper .single-design-item:after {      position: absolute;      left: -30px;      top: 30px;      width: 100%;      height: 100%;      background-color: var(--main-color-one);      content: '';      z-index: -1; }    .talented-team-area .img-wrapper .single-design-item .hover {      position: absolute;      width: 100%;      bottom: 30px;      left: 30px;      background-color: #fff;      padding: 25px 30px 28px 30px; }      .talented-team-area .img-wrapper .single-design-item .hover .title {        font-size: 22px;        line-height: 32px;        font-weight: 600; }      .talented-team-area .img-wrapper .single-design-item .hover .subtitle {        font-size: 16px;        font-weight: 600;        color: var(--main-color-two); }  .talented-team-area .content-area .title {    font-size: 40px;    line-height: 50px;    font-weight: 600;    text-transform: capitalize;    margin-bottom: 25px;    color: #fff; }    .talented-team-area .content-area .title span {      color: var(--main-color-one); }  .talented-team-area .content-area p {    color: rgba(255, 255, 255, 0.8); }/*--------------------------------    ## Request Call Back--------------------------------*/.request-call-back {  position: relative;  z-index: 1; }  .request-call-back:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-image: url(../img/bg/request-call-bg.png);    content: '';    background-repeat: no-repeat;    background-position: center;	z-index: -1;}  .request-call-back .img-wrapper {    text-align: right; }/*---------------------------    ## We Are Best----------------------------*/.we-are-best-area.we-are-best-bg {  background-size: cover;  background-position: center;  background-image: url(../img/bg/we-are-best.jpg);  position: relative;  z-index: 0; }  .we-are-best-area.we-are-best-bg:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(255, 255, 255, 0.8);    content: '';    z-index: -1; }.we-are-best-area .img-wrapper {  text-align: right; }  @media (max-width: 991px){    .we-are-best-area .img-wrapper {      text-align: left;      margin-bottom: 20px;    }    .we-are-best-area .img-wrapper, .we-are-best-area .img-with-video, .we-are-best-area .img-with-video img   {      width: 100%;    }  }/*---------------------------    ## Why Us---------------------------*/.why-people-chose-us .img-wrapper {  position: relative;  z-index: 0;   margin-bottom: 30px;}  .why-people-chose-us .img-wrapper:after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: var(--main-color-one);    content: '';    opacity: .9; }  .why-people-chose-us .img-wrapper .img-with-video {    position: absolute;    left: 0;    top: 0;    display: block;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    width: 100%;    height: 100%;    z-index: 1; }    .why-people-chose-us .img-wrapper .img-with-video .video-play-btn {      color: var(--main-color-one); }.why-people-chose-us .content-area {  padding-left: 40px; }  .why-people-chose-us .content-area .title {    font-size: 40px;    line-height: 50px;    font-weight: 600;    text-transform: capitalize;    margin-bottom: 20px; }  .why-people-chose-us .content-area p {    font-size: 16px;    line-height: 30px; }  .why-people-chose-us .content-area .arrow-list li {    line-height: 30px; }    .why-people-chose-us .content-area .arrow-list li:after {      color: var(--main-color-two); }/*------------------------------    ## Professional Creative-------------------------------*/.professional-creative-area .content-area >.title {  font-size: 40px;  line-height: 50px;  font-weight: 600;  text-transform: capitalize;  margin-bottom: 25px; }/*-------------------------------    ## Login -------------------------------*/.login-form-wrapper {  border: 1px solid #e5e5e5;  padding: 50px 60px 60px 60px;  border-radius: 3px; }    @media (max-width: 450px){	  .login-form-wrapper {		  padding: 50px 20px 60px 20px;	  }  }  .login-form-wrapper .title {    display: block;    text-align: center;    font-size: 30px;    line-height: 40px;    font-weight: 600;    margin-bottom: 20px;    text-transform: capitalize; }  .login-form-wrapper .form-group .form-control {    height: 50px; }  .login-form-wrapper .submit-btn {    display: block;    border: none;    background-color: var(--main-color-one);    color: #fff;    width: 100%;    padding: 10px 20px;    border-radius: 3px;    cursor: pointer;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .login-form-wrapper .submit-btn:hover {      background-color: var(--main-color-two); }  .login-form-wrapper .social-icon {    margin: 0;    padding: 0;    list-style: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    margin: 30px 0; }    .login-form-wrapper .social-icon li {      display: inline-block; }      .login-form-wrapper .social-icon li a {        display: block;        padding: 10px 20px;        background-color: #3b5999;        color: rgba(255, 255, 255, 0.8);        border-radius: 3px; }        .login-form-wrapper .social-icon li a.twitter {          background-color: #55acee; }        .login-form-wrapper .social-icon li a.google {          background-color: #dd4b39; }      .login-form-wrapper .social-icon li + li {        margin-left: 10px; }  .login-form-wrapper .extra-links {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between; }    .login-form-wrapper .extra-links a {      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .login-form-wrapper .extra-links a:hover {        color: var(--main-color-one); }				@media (max-width: 380px){	.login-form-wrapper .social-icon {		display: block;	}	.login-form-wrapper .social-icon li + li {		margin-left: 0;	}	.login-form-wrapper .social-icon li  {		margin-bottom: 10px;	}}/*---------------------------------------    ## Back Top---------------------------------------*/.back-to-top {  position: fixed;  right: 30px;  bottom: 30px;  width: 50px;  height: 50px;  background-color: var(--main-color-one);  color: #fff;  text-align: center;  line-height: 46px;  border-radius: 50%;  z-index: 99;  font-size: 25px;  cursor: pointer;  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  display: none; }/*-------------------------    ## Preloader Css---------------------------*/.pre-wrap {  position: fixed;  content: '';  -webkit-transform: translate(-100%, -240%);  -ms-transform: translate(-100%, -240%);  transform: translate(-100%, -240%);  font-size: 62px; }.preloader-inner {  position: fixed;  left: 0;  top: 0;  z-index: 9;  background-color: #fff;  width: 100%;  height: 100%;  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; }  .preloader-inner .cancel-preloader {    position: absolute;    bottom: 30px;    right: 30px; }    .preloader-inner .cancel-preloader a {      background-color: #fff;      font-weight: 600;      text-transform: capitalize;      color: var(--main-color-one);      width: 200px;      height: 50px;      text-align: center;      line-height: 50px;      border-radius: 30px;      display: block;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .preloader-inner .cancel-preloader a:hover {        background-color: var(--secondary-color);        color: #fff; }.spinner {  margin: 120px auto;  width: 60px;  height: 60px;  position: relative;  text-align: center;  -webkit-animation: sk-rotate 2.0s infinite linear;  animation: sk-rotate 2.0s infinite linear; }.dot1, .dot2 {  width: 60%;  height: 60%;  display: inline-block;  position: absolute;  top: 0;  background-color: var(--main-color-one);  border-radius: 100%;  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;  animation: sk-bounce 2.0s infinite ease-in-out; }.dot2 {  top: auto;  bottom: 0;  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s; }@-webkit-keyframes sk-rotate {  100% {    -webkit-transform: rotate(360deg); } }@keyframes sk-rotate {  100% {    transform: rotate(360deg);    -webkit-transform: rotate(360deg); } }@-webkit-keyframes sk-bounce {  0%, 100% {    -webkit-transform: scale(0); }  50% {    -webkit-transform: scale(1); } }@keyframes sk-bounce {  0%, 100% {    transform: scale(0);    -webkit-transform: scale(0); }  50% {    transform: scale(1);    -webkit-transform: scale(1); } }/*----------------------------------------  ## Search Popup----------------------------------------*/.search-popup.active .search-popup-form {  visibility: visible;  opacity: 1; }.search-popup .search-popup-form {  min-width: 600px;  position: absolute;  position: fixed;  top: 50%;  left: 50%;  -webkit-transition: 0.5s ease;  -moz-transition: 0.5s ease;  -o-transition: 0.5s ease;  transition: 0.5s ease;  visibility: hidden;  opacity: 0;  -ms-transform: translate(-50%, -50%);  /* IE 9 */  -webkit-transform: translate(-50%, -50%);  /* Chrome, Safari, Opera */  transform: translate(-50%, -50%);  z-index: 9; }.search-popup .search-popup-form .form-element .input-field {  border: none;  border-top-right-radius: 6px;  border-bottom-right-radius: 6px; }.search-popup .search-popup-form .submit-btn {  position: absolute;  right: 0;  top: 0;  width: 80px;  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;  background-color: var(--main-color-one); }.body-overlay {  position: fixed;  width: 100%;  height: 100%;  display: block;  background-color: rgba(0, 0, 0, 0.54);  z-index: 9;  content: '';  left: 0;  top: 0;  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in;  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }.body-overlay.active {  visibility: visible;  opacity: .80; }/*----------------------------------------  ## Video Popup----------------------------------------*/.video-play-btn {  display: inline-block;  width: 70px;  height: 70px;  line-height: 70px;  text-align: center;  font-size: 16px;  background-color: #fff;  border-radius: 50%;  color: var(--heading-color-one);  position: relative;  z-index: 1; }  .video-play-btn:before {    content: "";    position: absolute;    z-index: 0;    left: 50%;    top: 50%;    -ms-transform: translateX(-50%) translateY(-50%);    /* IE 9 */    -webkit-transform: translateX(-50%) translateY(-50%);    /* Chrome, Safari, Opera */    transform: translateX(-50%) translateY(-50%);    display: block;    width: 80px;    height: 80px;    background: rgba(255, 255, 255, 0.7);    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;    z-index: -1; }  .video-play-btn:hover {    color: #313131; }@-webkit-keyframes pulse-border {  0% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    opacity: 0; } }@-moz-keyframes pulse-border {  0% {    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    opacity: 0; } }@-o-keyframes pulse-border {  0% {    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    opacity: 0; } }@keyframes pulse-border {  0% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);    opacity: 0; } }/*---------------------------------------    ## Button---------------------------------------*/.btn-wrapper {  display: block; }.boxed-btn {  background-color: var(--main-color-one);  color: #fff;  display: inline-block;  padding: 13px 40px;  min-width: 160px;  text-align: center;  border-radius: 3px;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .boxed-btn:hover {    background-color: var(--main-color-two);    color: #fff; }  .boxed-btn.btn-rounded {    border-radius: 30px; }  .boxed-btn.reverse-color {    background-color: var(--main-color-two); }    .boxed-btn.reverse-color:hover {      background-color: var(--main-color-one); }.desktop-center {  text-align: center; }.desktop-left {  text-align: left; }.desktop-right {  text-align: right; }@media only screen and (max-width: 768px) {  .tablet-center {    text-align: center; }  .tablet-left {    text-align: left; }  .tablet-right {    text-align: right; } }@media only screen and (max-width: 414px) {  .mobile-center {    text-align: center; }  .mobile-left {    text-align: left; }  .mobile-right {    text-align: right; } }/*----------------------------------------  ## Section title----------------------------------------*/.section-title.desktop-left .separator {  margin: 22px 0 28px 0; }.section-title.desktop-right .separator {  margin: 22px 0 28px auto; }.section-title.white .title {  color: #fff; }.section-title.white p {  color: rgba(255, 255, 255, 0.7); }.section-title .title {  font-size: 40px;  line-height: 50px;  font-weight: 700;  color: var(--heading-color);  text-transform: capitalize; }.section-title .subtitle {  font-size: 16px;  line-height: 26px;  text-transform: capitalize;  color: var(--main-color-two);  margin-bottom: 10px;  display: block;  font-weight: 600; }.section-title p {  color: var(--paragraph-color);  font-size: 16px;  line-height: 26px;  margin-top: 22px; }.section-title .separator {  display: block;  width: 100px;  background-color: var(--main-color-two);  height: 1px;  margin: 22px auto 28px auto;  position: relative; }  .section-title .separator:after {    position: absolute;    left: 50%;    top: -4px;    -ms-transform: translateX(-50%);    /* IE 9 */    -webkit-transform: translateX(-50%);    /* Chrome, Safari, Opera */    transform: translateX(-50%);    content: '';    background-color: var(--main-color-one);    width: 8px;    height: 8px; }/*--------------------------  ##  Subscribe Form--------------------------*/.subscribe-form {  position: relative;  z-index: 0; }  .subscribe-form .form-group .form-control {    height: 50px;    border: 1px solid rgba(255, 255, 255, 0.2);    background-color: transparent;    padding-right: 70px; }  .subscribe-form .submit-btn {    position: absolute;    right: 0;    top: 0;    height: 50px;    width: 60px;    border-top-right-radius: 5px;    border-bottom-right-radius: 5px;    cursor: pointer;    border: none;    background-color: var(--main-color-one);    color: #fff;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .subscribe-form .submit-btn:hover {      background-color: var(--secondary-color); }/*--------------------------------------    ## Projects--------------------------------------*/.single-proejct-item {  overflow: hidden; }  .single-proejct-item:hover .thumb .hover .hover-inner {    visibility: visible;    opacity: 1;    -ms-transform: translateY(0%);    /* IE 9 */    -webkit-transform: translateY(0%);    /* Chrome, Safari, Opera */    transform: translateY(0%); }  .single-proejct-item .thumb {    position: relative; }    .single-proejct-item .thumb .hover {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .single-proejct-item .thumb .hover .hover-inner {        background-color: var(--main-color-one);        text-align: center;        padding: 25px 0 30px 0;        width: 100%;        -ms-transform: translateY(-350%);        /* IE 9 */        -webkit-transform: translateY(-350%);        /* Chrome, Safari, Opera */        transform: translateY(-350%);        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in;        visibility: hidden;        opacity: 0; }        .single-proejct-item .thumb .hover .hover-inner .title {          font-size: 24px;          text-transform: capitalize;          font-weight: 600;          color: #fff; }        .single-proejct-item .thumb .hover .hover-inner .cats {          color: rgba(255, 255, 255, 0.8); }          .single-proejct-item .thumb .hover .hover-inner .cats a {            color: rgba(255, 255, 255, 0.8); }.recent-work-filter-nav {  margin-bottom: 40px; }  .recent-work-filter-nav ul {    margin: 0;    padding: 0;    list-style: none; }    .recent-work-filter-nav ul li {      display: inline-block;      font-size: 16px;      font-weight: 600;      text-transform: uppercase;      padding: 5px 20px;      border-radius: 3px;      cursor: pointer; }      .recent-work-filter-nav ul li.active {        background-color: var(--main-color-one);        color: #fff; }.masonry-item {  margin-bottom: 10px;  width: calc(100% / 3 - 10px); }.recent-work-masonry {  margin-left: 5px; }  @media (max-width: 991px){    .masonry-item {      width: calc(100% / 2 - 10px);     }  }/*-----------------------------    ## Team Member-----------------------------*/.single-team-member {  position: relative; }  .single-team-member:hover .hover {    visibility: visible;    opacity: 1;    -ms-transform: translateY(0%);    /* IE 9 */    -webkit-transform: translateY(0%);    /* Chrome, Safari, Opera */    transform: translateY(0%); }  .single-team-member .hover {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: var(--main-color-one);    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    visibility: hidden;    opacity: 0;    -ms-transform: translateY(-100%);    /* IE 9 */    -webkit-transform: translateY(-100%);    /* Chrome, Safari, Opera */    transform: translateY(-100%);    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .single-team-member .hover .hover-inner {      text-align: center; }      .single-team-member .hover .hover-inner .name {        color: #fff;        font-size: 24px;        line-height: 34px;        font-weight: 600; }      .single-team-member .hover .hover-inner .subtitle {        font-size: 16px;        color: rgba(255, 255, 255, 0.8); }      .single-team-member .hover .hover-inner .social-icon {        margin: 0;        padding: 0;        list-style: none;        margin-top: 30px; }        .single-team-member .hover .hover-inner .social-icon li {          display: inline-block; }          .single-team-member .hover .hover-inner .social-icon li + li {            margin-left: 10px; }          .single-team-member .hover .hover-inner .social-icon li a {            display: block;            width: 40px;            height: 40px;            border: 1px solid rgba(255, 255, 255, 0.8);            line-height: 40px;            text-align: center;            color: rgba(255, 255, 255, 0.8);            -webkit-transition: all 0.3s ease-in;            -moz-transition: all 0.3s ease-in;            -o-transition: all 0.3s ease-in;            transition: all 0.3s ease-in; }            .single-team-member .hover .hover-inner .social-icon li a:hover {              background-color: var(--main-color-two);              color: #fff; }/*----------------------------    ## Counter up Item----------------------------*/.single-counterup-item {  background-color: #fff;  text-align: center;  padding: 60px 0 55px 0;  margin-bottom: 30px; }  .single-counterup-item .icon {    font-size: 60px;    line-height: 60px;    margin-bottom: 20px;    color: var(--main-color-two); }  .single-counterup-item .content .count-wrap {    font-size: 40px;    line-height: 50px;    font-weight: 700;    font-family: var(--heading-font);    color: var(--heading-color);    margin-bottom: 12px; }  .single-counterup-item .content .title {    font-size: 22px;    font-weight: 600;    line-height: 34px;    margin-bottom: 0;    text-transform: capitalize; }.single-counterup-two .count-wrap {  font-size: 30px;  line-height: 40px;  font-weight: 700;  font-family: var(--heading-font);  color: var(--heading-color);  margin-bottom: 5px; }.single-counterup-two .title {  font-size: 16px;  font-weight: 600;  line-height: 26px;  margin-bottom: 0;  text-transform: capitalize;  font-family: var(--body-font);  color: var(--paragraph-color); }/*---------------------------   ## Service ---------------------------*/.full-width-service-item {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start; }        .full-width-service-item:nth-child(even) .thumb {    -webkit-box-ordinal-group: 3;    -ms-flex-order: 2;    order: 2;    margin-right: 0;    margin-left: 60px; }  .full-width-service-item:nth-child(even) .content .post-header .icon {    background-color: #FF8915; }  .full-width-service-item:nth-child(even) .content .boxed-btn:hover {    background-color: var(--main-color-two);    color: #fff;    border-color: var(--main-color-two); }  .full-width-service-item .thumb {    margin-right: 60px; }  .full-width-service-item .content {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1; }    .full-width-service-item .content .post-header {      margin-bottom: 25px;      display: -webkit-box;      display: -ms-flexbox;      display: flex; }      .full-width-service-item .content .post-header .icon {        font-size: 45px;        height: 80px;        width: 80px;        text-align: center;        line-height: 80px;        color: #fff;        background-color: var(--main-color-one);        margin-right: 20px; }      .full-width-service-item .content .post-header .title {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1;        font-size: 30px;        line-height: 40px;        font-weight: 600;        padding-top: 20px;        text-transform: capitalize; }    .full-width-service-item .content .boxed-btn {      background-color: transparent;      border: 1px solid #b9b9b9;      color: var(--paragraph-color);      margin-top: 20px; }      .full-width-service-item .content .boxed-btn:hover {        background-color: var(--main-color-one);        color: #fff;        border-color: var(--main-color-one); }.single-service-item-two {  text-align: center;  margin-bottom: 30px;}  .single-service-item-two:hover .thumb:after {    visibility: visible;    opacity: 1;    -webkit-animation: 10s 0s rotate infinite;    animation: 10s 0s rotate infinite; }  .single-service-item-two .thumb {    margin-bottom: 25px;    position: relative;    display: inline-block; }  .single-service-item-two .thumb img {    width: 170px;	height: 170px;	border-radius: 50%;	}    .single-service-item-two .thumb:after {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      border-radius: 50%;      content: '';      border: 5px dashed var(--main-color-two);      visibility: hidden;      opacity: 0;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }  .single-service-item-two .content .title {    font-size: 22px;    font-weight: 600;    line-height: 32px;    margin-bottom: 18px; }		@media (max-width: 991px){	.full-width-service-item {	  display: block;	}	.full-width-service-item img {	  width: 100%;	  margin-bottom: 30px;	}	.full-width-service-item:nth-child(even) .thumb {	  margin-left: 0;	}	.full-width-service-item .thumb {		margin-right: 0;	}}@-webkit-keyframes rotate {  0% {    -ms-transform: rotate(0deg);    /* IE 9 */    -webkit-transform: rotate(0deg);    /* Chrome, Safari, Opera */    transform: rotate(0deg); }  100% {    -ms-transform: rotate(360deg);    /* IE 9 */    -webkit-transform: rotate(360deg);    /* Chrome, Safari, Opera */    transform: rotate(360deg); } }@-moz-keyframes rotate {  0% {    -ms-transform: rotate(0deg);    /* IE 9 */    -webkit-transform: rotate(0deg);    /* Chrome, Safari, Opera */    transform: rotate(0deg); }  100% {    -ms-transform: rotate(360deg);    /* IE 9 */    -webkit-transform: rotate(360deg);    /* Chrome, Safari, Opera */    transform: rotate(360deg); } }@-o-keyframes rotate {  0% {    -ms-transform: rotate(0deg);    /* IE 9 */    -webkit-transform: rotate(0deg);    /* Chrome, Safari, Opera */    transform: rotate(0deg); }  100% {    -ms-transform: rotate(360deg);    /* IE 9 */    -webkit-transform: rotate(360deg);    /* Chrome, Safari, Opera */    transform: rotate(360deg); } }@keyframes rotate {  0% {    -ms-transform: rotate(0deg);    /* IE 9 */    -webkit-transform: rotate(0deg);    /* Chrome, Safari, Opera */    transform: rotate(0deg); }  100% {    -ms-transform: rotate(360deg);    /* IE 9 */    -webkit-transform: rotate(360deg);    /* Chrome, Safari, Opera */    transform: rotate(360deg); } }.single-service-item-03 {  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1); }  .single-service-item-03:hover .thumb .icon {    color: var(--main-color-two); }  .single-service-item-03:hover .content .title {    color: var(--main-color-two); }    .single-service-item-03 img {      width: 100%;    }  .single-service-item-03 .thumb {    position: relative; }    .single-service-item-03 .thumb .icon {      position: absolute;      left: 20px;      bottom: 0;      width: 70px;      height: 70px;      background-color: #fff;      text-align: center;      line-height: 70px;      font-size: 30px;      color: var(--main-color-one);      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }  .single-service-item-03 .content {    padding: 25px 30px 30px 30px; }    .single-service-item-03 .content .title {      font-size: 22px;      font-weight: 600;      line-height: 32px;      text-transform: capitalize;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      margin-bottom: 18px; }      .single-service-item-03 .content .title:hover {        color: var(--main-color-two); }    .single-service-item-03 .content p {      margin-bottom: 0; }      .single-service-details {        margin-bottom: 30px;      }.single-service-details .thumb {  margin-bottom: 22px; }.single-service-details .title {  font-size: 24px;  line-height: 34px;  font-weight: 600;  margin-bottom: 24px; }/*----------------------------    ## Testimonial----------------------------*/.single-testimonial-item {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  .single-testimonial-item .left {    width: 50%; }    .single-testimonial-item .left .img-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      height: 100%;      position: relative;      background-position: top center;      background-repeat: no-repeat;      background-color: #009AA2;    }      .single-testimonial-item .left .img-wrap .hover {        position: absolute;        bottom: 0;        left: 0;        width: 100%;        background-color: var(--main-color-two);        text-align: center;        padding: 20px 0 25px; }        .single-testimonial-item .left .img-wrap .hover .name {          font-size: 24px;          line-height: 34px;          font-weight: 600;          color: #fff;          margin-bottom: 0; }        .single-testimonial-item .left .img-wrap .hover .designation {          color: rgba(255, 255, 255, 0.8); }  .single-testimonial-item .right {    width: 50%;    padding: 60px 50px 60px 50px;    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }    @media (max-width: 767px){      .single-testimonial-item .right {        padding: 40px 20px 40px 20px;      }	  .single-testimonial-item .left, .single-testimonial-item .right {			width: 100%;		}		.single-testimonial-item .left .img-wrap {			height: 450px;		}		.single-testimonial-item {			flex-direction: column;		}    }    .single-testimonial-item .right .icon {      width: 50px;      height: 50px;      line-height: 50px;      background-color: var(--main-color-two);      color: #fff;      text-align: center;      font-size: 20px;      border-radius: 50%;      margin-bottom: 20px; }    .single-testimonial-item .right p {      font-size: 22px;      line-height: 35px;      font-style: italic;      color: var(--heading-color); }    .single-testimonial-item .right .sign {      margin-top: 20px; }.single-testimonial-item-02 {  text-align: center;  padding: 60px 60px 55px 60px;  background-color: #fff;  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);  margin: 10px; }  .single-testimonial-item-02 .icon {    font-size: 50px;    line-height: 50px;    color: var(--main-color-two);    margin-bottom: 20px; }  .single-testimonial-item-02 p {    font-size: 18px;    line-height: 30px;    font-style: italic; }  .single-testimonial-item-02 .author-meta {    margin-top: 20px; }    .single-testimonial-item-02 .author-meta .name {      font-size: 22px;      font-weight: 600; }    .single-testimonial-item-02 .author-meta .designation {      font-size: 14px;      color: var(--main-color-two); }/*----------------------------    ## Blog----------------------------*/.single-blog-grid {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start;  margin-bottom: 30px; }    .single-blog-grid .thumb {    position: relative;    margin-right: 30px; }    .single-blog-grid .thumb .date-wrap {      position: absolute;      left: 0;      top: 0;      background-color: var(--main-color-one);      font-size: 16px;      line-height: 20px;      font-weight: 600;      color: #fff;      text-align: center;      width: 60px;      height: 60px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .single-blog-grid .thumb .date-wrap .date {        display: block; }  .single-blog-grid .content {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1; }    .single-blog-grid .content .title {      font-size: 22px;      line-height: 32px;      font-weight: 600;      margin-bottom: 15px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .single-blog-grid .content .title:hover {        color: var(--main-color-two); }    .single-blog-grid .content .readmore {      font-weight: 600;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .single-blog-grid .content .readmore:hover {        color: var(--main-color-two);		border-bottom: 2px solid var(--main-color-two);		}    .single-blog-grid .content .post-meta {      margin: 0;      padding: 0;      list-style: none;      margin-bottom: 20px; }      .single-blog-grid .content .post-meta li {        display: inline-block;        font-size: 14px;        font-weight: 600;        text-transform: capitalize; }        .single-blog-grid .content .post-meta li + li {          margin-left: 30px; }        .single-blog-grid .content .post-meta li a {          color: var(--main-color-two); }		  	  @media (max-width: 767px){		  .single-blog-grid {			  flex-direction: column;		  }		  .single-blog-grid img {			  width: 100%;			  margin-bottom: 15px;		  }		  .single-blog-grid .thumb {			  margin-left: 0;		  }	  }        @media (max-width: 520px){          .single-blog-grid .content .post-meta li {            display: block;          }          .single-blog-grid .content .post-meta li + li {            margin-left: 0;          }        }.single-blog-grid-02 {  border-bottom: 1px solid #e5e5e5;  padding-bottom: 5px;  margin-bottom: 30px; }  .single-blog-grid-02 .thumb {    margin-bottom: 25px; }  .single-blog-grid-02 .thumb img {    width: 100%; }  .single-blog-grid-02 .content .title {    font-size: 22px;    line-height: 32px;    font-weight: 600;    margin-bottom: 15px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    text-transform: capitalize; }    .single-blog-grid-02 .content .title:hover {      color: var(--main-color-two); }  .single-blog-grid-02 .content .post-meta {    margin: 0;    padding: 0;    list-style: none;    margin-bottom: 20px; }    .single-blog-grid-02 .content .post-meta li {      display: inline-block;      font-size: 14px;      font-weight: 600;      text-transform: capitalize; }      .single-blog-grid-02 .content .post-meta li + li {        margin-left: 30px; }      .single-blog-grid-02 .content .post-meta li a {        color: var(--main-color-two); }.single-blog-classic-item.format-quote {  background-color: var(--main-color-one);  padding: 65px 30px 25px 65px;  border-radius: 5px;  position: relative; }  .single-blog-classic-item.format-quote:after {    position: absolute;    left: 30px;    top: 20px;    font-family: "fontawesome";    content: "\f10d";    font-size: 40px;    color: rgba(255, 255, 255, 0.8); }  .single-blog-classic-item.format-quote .title {    font-size: 20px;    line-height: 30px;    font-style: italic;    color: rgba(255, 255, 255, 0.8); }  .single-blog-classic-item.format-quote .quote-by {    font-size: 16px;    font-weight: 600;    color: #fff;    text-transform: uppercase;    display: block;    margin-top: 22px; }.single-blog-classic-item.format-video .thumb .hover {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }  .single-blog-classic-item.format-video .thumb .hover .video-play-btn {    color: var(--main-color-one); }.single-blog-classic-item .thumb {  position: relative;  z-index: 0;  margin-bottom: 25px; }  .single-blog-classic-item .thumb .time-wrap {    position: absolute;    left: 0px;    top: 0px;    width: 90px;    height: 90px;    background-color: var(--main-color-one);    text-align: center;    font-size: 22px;    line-height: 30px;    font-weight: 600;    color: #fff;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }    .single-blog-classic-item .thumb .time-wrap .month {      display: block; }.single-blog-classic-item .content .title {  font-size: 24px;  line-height: 34px;  font-weight: 600; }  .single-blog-classic-item .content .title a {    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .single-blog-classic-item .content .title a:hover {      color: var(--main-color-one); }.single-blog-classic-item .content .post-meta {  margin: 0;  padding: 0;  list-style: none;  margin-bottom: 25px; }  .single-blog-classic-item .content .post-meta li {    display: inline-block;    font-weight: 600; }    .single-blog-classic-item .content .post-meta li + li {      margin-left: 30px; }    .single-blog-classic-item .content .post-meta li a {      color: var(--main-color-two); }.single-blog-classic-item .content .readmore {  margin-top: 20px;  display: block;  font-weight: 600;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .single-blog-classic-item .content .readmore:hover {    color: var(--main-color-one); }.gallery-carousel .owl-nav div {  position: absolute;  left: 20px;  top: 50%;  width: 40px;  height: 40px;  border: 1px solid rgba(255, 255, 255, 0.8);  text-align: center;  line-height: 40px;  font-size: 20px;  color: rgba(255, 255, 255, 0.8);  border-radius: 3px; }  .gallery-carousel .owl-nav div.owl-next {    left: auto;    right: 20px; }.single-blog-details-item .entry-footer .tags {  margin: 0;  padding: 0;  list-style: none; }  .single-blog-details-item .entry-footer .tags li {    display: inline-block; }    .single-blog-details-item .entry-footer .tags li + li {      margin-left: 10px; }    .single-blog-details-item .entry-footer .tags li.title {      font-size: 16px;      font-weight: 700;      color: var(--heading-color); }    .single-blog-details-item .entry-footer .tags li a {      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .single-blog-details-item .entry-footer .tags li a:hover {        color: var(--main-color-two); }.single-blog-details-item .thumb {  margin-bottom: 25px; }.single-blog-details-item .title {  font-size: 24px;  line-height: 34px;  font-weight: 600;  margin-bottom: 12px; }.single-blog-details-item p {  line-height: 1.6; }.single-blog-details-item blockquote:not([class]) {  background-color: var(--main-color-one);  padding: 70px 30px 30px 30px;  border-radius: 3px;  position: relative;  color: rgba(255, 255, 255, 0.8); }  .single-blog-details-item blockquote:not([class]) p {    color: rgba(255, 255, 255, 0.8);    margin-bottom: 0; }  .single-blog-details-item blockquote:not([class]):after {    position: absolute;    left: 30px;    top: 25px;    content: "\f10d";    font-family: 'fontawesome';    color: var(--main-color-two);    font-size: 25px; }.single-blog-details-item .post-meta {  margin: 0;  padding: 0;  list-style: none;  margin-bottom: 22px; }  .single-blog-details-item .post-meta li {    display: inline-block;    font-weight: 600;    text-transform: capitalize;    color: var(--main-color-two); }    .single-blog-details-item .post-meta li + li {      margin-left: 20px; }.single-blog-details-item .entry-footer {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  border-top: 1px solid #e2e2e2;  border-bottom: 1px solid #e2e2e2;  padding-top: 18px;  padding-bottom: 8px;  margin-top: 36px; }.social-share {  margin: 0;  padding: 0;  list-style: none; }  .social-share li {    display: inline-block; }    .social-share li + li {      margin-left: 5px; }    .social-share li.title {      font-size: 16px;      font-weight: 700;      color: var(--heading-color); }    .social-share li a {      display: inline-block;      width: 30px;      height: 30px;      border-radius: 50%;      border: 1px solid #e2e2e2;      text-align: center;      line-height: 30px;      font-size: 14px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .social-share li a:hover {        background-color: var(--main-color-one);        color: #fff;        border-color: var(--main-color-one); }				@media(max-width: 480px){			.single-blog-details-item .entry-footer {				display: block;			}		}/*-------------------------------    ## Request A Call Back--------------------------------*/.request-call-back .form-group textarea {  padding: 20px;  border: 1px solid #d8d6d6;  resize: none;  width: 100%;  border-radius: 5px; }.request-call-back .form-group select {  color: var(--paragraph-color);  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }  .request-call-back .form-group select.form-control {    height: 50px; }  .request-call-back .form-group select:focus {    outline: none;    -webkit-box-shadow: none;    box-shadow: none; }.request-call-back .form-group .form-control {  height: 50px;  padding: 0 20px;  border: 1px solid #d8d6d6; }  .request-call-back .form-group .form-control::-webkit-input-placeholder {    /* WebKit browsers */    color: var(--paragraph-color); }  .request-call-back .form-group .form-control:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */    color: var(--paragraph-color); }  .request-call-back .form-group .form-control::-moz-placeholder {    /* Mozilla Firefox 19+ */    color: var(--paragraph-color); }  .request-call-back .form-group .form-control:-ms-input-placeholder {    /* Internet Explorer 10+ */    color: var(--paragraph-color); }.request-call-back .submit-btn {  background-color: #fff;  border: none;  background-color: var(--main-color-two);  font-size: 16px;  line-height: 26px;  font-weight: 600;  text-transform: uppercase;  color: #fff;  padding: 10px 30px;  border-radius: 3px;  cursor: pointer;  -webkit-transition: all 0.3s ease-in;  -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in;  transition: all 0.3s ease-in; }  .request-call-back .submit-btn:hover {    background-color: var(--main-color-one); }/*--------------------------------    ## We are best item--------------------------------*/.single-we-are-best-item .title {  font-size: 22px;  line-height: 32px;  font-weight: 600;  margin-bottom: 15px; }/*------------------------------    ## Video With Image------------------------------*/.img-with-video {  position: relative;  z-index: 0;  display: inline-block; }  .img-with-video .hover {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center; }    .img-with-video .hover .video-play-btn {      color: var(--main-color-two); }/*---------------------------    ## Company Feature---------------------------*/.single-company-feature-item {  position: relative;  z-index: 0;  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);  padding: 33px 30px 30px 30px;  text-align: center;  margin-bottom: 30px; }  .single-company-feature-item .number {    font-size: 80px;    font-weight: 700;    line-height: 80px;    color: rgba(119, 119, 119, 0.1);    position: absolute;    left: 50%;    top: 50%;    -ms-transform: translate(-50%, -50%);    /* IE 9 */    -webkit-transform: translate(-50%, -50%);    /* Chrome, Safari, Opera */    transform: translate(-50%, -50%); }  .single-company-feature-item .title {    font-size: 22px;    line-height: 32px;    font-weight: 600;    text-transform: capitalize;    margin-bottom: 20px; }/*-------------------------------    ## Portfolio Item-------------------------------*/.single-portfolio-item-01 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-item-align: start;  align-self: flex-start; }  .single-portfolio-item-01:nth-child(even) .thumb {    -webkit-box-ordinal-group: 3;    -ms-flex-order: 2;    order: 2;    margin-right: 0;    margin-left: 40px; }  .single-portfolio-item-01 .thumb {    margin-right: 40px; }  .single-portfolio-item-01 .content {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1; }    .single-portfolio-item-01 .content .title {      font-size: 30px;      line-height: 40px;      font-weight: 600;      text-transform: capitalize;      margin-bottom: 20px; }      @media (max-width: 991px){        .single-portfolio-item-01 {          display: block;        }        .single-portfolio-item-01 .thumb {          margin-right: 0;          margin-bottom: 30px;        }        .single-portfolio-item-01 .thumb img {		  width: 100%;        }        .single-portfolio-item-01:nth-child(even) .thumb {          margin-left: 0px;        }      }.single-portfolio-item-02 .thumb {  position: relative; }.single-portfolio-item-02 .thumb img {  width: 100%; }  .single-portfolio-item-02 .thumb:hover .hover {    visibility: visible;    opacity: 1; }  .single-portfolio-item-02 .thumb .hover {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 153, 159, 0.6);    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    visibility: hidden;    opacity: 0; }    .single-portfolio-item-02 .thumb .hover .post-meta {      margin: 0;      padding: 0;      list-style: none; }      .single-portfolio-item-02 .thumb .hover .post-meta li {        display: inline-block; }        .single-portfolio-item-02 .thumb .hover .post-meta li + li {          margin-left: 10px; }        .single-portfolio-item-02 .thumb .hover .post-meta li a {          display: block;          width: 40px;          height: 40px;          border: 1px solid rgba(255, 255, 255, 0.6);          text-align: center;          line-height: 40px;          color: rgba(255, 255, 255, 0.8);          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }          .single-portfolio-item-02 .thumb .hover .post-meta li a:hover {            background-color: #fff;            color: var(--main-color-one); }.single-portfolio-item-02 .content {  background-color: #fff;  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);  margin: -60px 80px 0 80px;  text-align: center;  padding: 30px 30px 30px 30px;  z-index: 1;  position: relative; }  .single-portfolio-item-02 .content .title {    font-size: 24px;    line-height: 34px;    font-weight: 600;    margin-bottom: 0;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .single-portfolio-item-02 .content .title:hover {      color: var(--main-color-one); }.single-portfolio-item-03:hover .thumb .hover {  visibility: visible;  opacity: 1; }.single-portfolio-item-03 .thumb {  position: relative; }  .single-portfolio-item-03 .thumb .hover {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(255, 255, 255, 0.6);    text-align: center;    padding: 60px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    visibility: hidden;    opacity: 0;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .single-portfolio-item-03 .thumb .hover .title {      font-size: 30px;      line-height: 40px;      font-weight: 600;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      margin-bottom: 20px; }      .single-portfolio-item-03 .thumb .hover .title:hover {        color: var(--main-color-one); }    .single-portfolio-item-03 .thumb .hover .image-popup {      font-size: 50px;      line-height: 60px;      color: var(--main-color-one); }.portfolio-filter-nav {  margin-bottom: 40px;  text-align: center; }  .portfolio-filter-nav ul {    margin: 0;    padding: 0;    list-style: none; }    .portfolio-filter-nav ul li {      display: inline-block;      font-size: 16px;      font-weight: 600;      text-transform: uppercase;      padding: 5px 20px;      border-radius: 3px;      cursor: pointer; }      .portfolio-filter-nav ul li.active {        background-color: var(--main-color-one);        color: #fff; }.single-potfolio-04 {  overflow: hidden; }  .single-potfolio-04:hover .thumb .hover .hover-inner {    visibility: visible;    opacity: 1;    -ms-transform: translateY(0%);    /* IE 9 */    -webkit-transform: translateY(0%);    /* Chrome, Safari, Opera */    transform: translateY(0%); }  .single-potfolio-04 .thumb {    position: relative; }    .single-potfolio-04 .thumb .hover {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .single-potfolio-04 .thumb .hover .hover-inner {        position: absolute;        left: 0;        bottom: 0;        background-color: var(--main-color-one);        text-align: center;        padding: 25px 0 30px 0;        width: 100%;        -ms-transform: translateY(-350%);        /* IE 9 */        -webkit-transform: translateY(-350%);        /* Chrome, Safari, Opera */        transform: translateY(-350%);        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in;        visibility: hidden;        opacity: 0; }        .single-potfolio-04 .thumb .hover .hover-inner .title {          font-size: 24px;          text-transform: capitalize;          font-weight: 600;          color: #fff; }        .single-potfolio-04 .thumb .hover .hover-inner .cats {          color: rgba(255, 255, 255, 0.8); }          .single-potfolio-04 .thumb .hover .hover-inner .cats a {            color: rgba(255, 255, 255, 0.8); }.portfolio-masonr-item {  width: calc(100% / 4 - 10px);  margin-bottom: 10px; }  @media (max-width: 991px){    .portfolio-masonr-item {      width: calc(100% / 2 - 10px);    }  }  @media (max-width: 575px){    .portfolio-masonr-item {      width: calc(100% / 1 - 10px);    }    .portfolio-masonr-item img {      width: 100%;    }  }.portfolio-details-page .thumb {  margin-bottom: 30px; }.portfolio-details-page .content .title {  font-size: 24px;  line-height: 34px;  font-weight: 600;  margin-bottom: 18px; }.portfolio-details-page .related-projects .title {  font-size: 24px;  line-height: 34px;  font-weight: 600;  margin-bottom: 37px; }.portfolio-details-page .related-projects .single-related-project {  overflow: hidden; }  .portfolio-details-page .related-projects .single-related-project:hover .thumb .hover .hover-inner {    visibility: visible;    opacity: 1;    -ms-transform: translateY(0%);    /* IE 9 */    -webkit-transform: translateY(0%);    /* Chrome, Safari, Opera */    transform: translateY(0%); }  .portfolio-details-page .related-projects .single-related-project .thumb {    position: relative; }    .portfolio-details-page .related-projects .single-related-project .thumb .hover {      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; }      .portfolio-details-page .related-projects .single-related-project .thumb .hover .hover-inner {        position: absolute;        left: 0;        bottom: 0;        background-color: var(--main-color-one);        text-align: center;        padding: 25px 0 30px 0;        width: 100%;        -ms-transform: translateY(-350%);        /* IE 9 */        -webkit-transform: translateY(-350%);        /* Chrome, Safari, Opera */        transform: translateY(-350%);        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in;        visibility: hidden;        opacity: 0; }        .portfolio-details-page .related-projects .single-related-project .thumb .hover .hover-inner .title {          font-size: 24px;          text-transform: capitalize;          font-weight: 600;          color: #fff; }        .portfolio-details-page .related-projects .single-related-project .thumb .hover .hover-inner .cats {          color: rgba(255, 255, 255, 0.8); }          .portfolio-details-page .related-projects .single-related-project .thumb .hover .hover-inner .cats a {            color: rgba(255, 255, 255, 0.8); }.portfolio-sidebar .widget .widget-title {  padding-left: 0; }  .portfolio-sidebar .widget .widget-title:after {    display: none; }.portfolio-sidebar .widget .project-info li {  font-weight: 600;  color: var(--heading-color); }  .portfolio-sidebar .widget .project-info li .right {    float: right;    color: var(--paragraph-color); }/* Faq Page */.single-faq-item {  margin-bottom: 30px;}.single-faq-item h4 {  font-size: 22px;  font-weight: 700;  margin-bottom: 15px;}/* 404 Page */.error-content h1 {  font-size: 70px;  letter-spacing: 10px;  margin-bottom: 30px;  font-weight: 700;  color: #00999f;}.error-content h2 {  font-size: 30px;  margin-bottom: 20px;  font-weight: 700;}.error-content p {  margin-bottom: 20px;}#map {  height: 650px;}.single-contact-box {  text-align: center;  border: 1px solid #E6E6E6;  padding: 60px 30px;  margin-bottom: 30px;}.single-contact-box i {  font-size: 24px;  color: #fff;  height: 50px;  width: 50px;  line-height: 50px;  border-radius: 50%;  background: #009AA1;  margin-bottom: 20px;  display: inline-block;}.contact-form input, .contact-form textarea {  width: 100%;  text-indent: 15px;  border: 1px solid #ccc;  margin-bottom: 20px;  border-radius: 4px;}.contact-form input {  height: 50px;}.contact-form textarea {  padding-top: 10px;}.contact-form button {  border: 0px;  cursor: pointer;}.contact-form h3 {  margin-bottom: 20px;  font-weight: 700;}/* Additional Css */.mtm-10 {	margin-top: -10px;}.padd-0 {	padding: 0 !important;}@media (max-width: 575px){	.padd-0 {		padding: 0 15px 0 15px !important;	}}@media (max-width: 991px){	.padding-top-120, .padding-top-110, .padding-top-100, .padding-top-115, .padding-top-90 {		padding-top: 80px;	}	.padding-top-80 {		padding-top: 60px;	}	.padding-bottom-120, .padding-bottom-110, .padding-bottom-90 {		padding-bottom: 80px;	}	.padding-bottom-80 {		padding-bottom: 50px;	}	.padding-120 {		padding: 80px 0;	}		.our-service-area {		padding-bottom: 0;	}		.header-area .header-inner {		padding: 0 40px;		max-width: 100%;	}	.header-area .title {		font-size: 40px;	}		.about-us-two .img-wrapper {		margin-bottom: 30px;	}		.talented-team-area .img-wrapper {		margin-bottom: 30px;	}	.talented-team-area .img-wrapper .owl-controls {		display: none;	}		.single-blog-grid-02:last-child {			}		.countup-area .single-counterup-two {		margin-bottom: 30px;	}	.about-us-three {		margin-bottom: -30px;	}			.service-content-area {		margin-bottom: -30px;	}		.port-1 {		margin-bottom: -40px;	}		.port-2 {		margin-bottom: -40px;	}	.port-3 {		margin-bottom: -40px;	}		.port-details {		margin-bottom: -30px;	}	.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {		border-bottom: 0px;	}		.single-related-project img {		width: 100%;	}		.recent-work-filter-nav ul li {		margin-bottom: 10px;	}	.recent-work-filter-nav ul li:last-child {		margin-bottom: 0px;	}		.navbar-toggler {		padding: 0;	}	.navbar-area .navbar-right-content {		margin-left: 0;	}		.professional-creative-area .img-wrapper img{		width: 100%;	}	.professional-creative-area .content-area{		margin-bottom: 30px;	}	.why-people-chose-us .content-area {		padding-left: 0px;	}		.blog-classic .blog-pagination {		margin-bottom: 30px;	}	}@media (max-width: 767px){	.padding-top-120, .padding-top-110, .padding-top-100, .padding-top-90 {		padding-top: 50px;	}	.padding-bottom-120, .padding-bottom-110, .padding-bottom-100, .padding-top-115 {		padding-bottom: 50px;	}		.padding-120 {		padding: 50px 0;	}	.header-area .single-header-slider .content-area {		padding: 50px 0 60px 0;	}	.header-area .title {		font-size: 35px;	}		.header-area .single-header-slider .bg-image {		height: 450px;	}	.header-area .single-header-slider {		flex-direction: column;	}	.header-area .single-header-slider .bg-image {		width: 100%;	}	.header-area .single-header-slider .content-area {		width: 100%;	}	.port-1 {		margin-bottom: -70px;	}	.port-2 {		margin-bottom: -70px;	}	.port-3 {		margin-bottom: -70px;	}		.blog-grid-page {		margin-bottom: -20px;	}		.portfolio-filter-nav ul li {		margin-bottom: 10px;	}		.portfolio-filter-nav ul li:last-child {		margin-bottom: 0px;	}		.single-blog-grid .thumb {		margin-right: 0;	}}	@media (max-width: 575px){	.top-bar-area {		padding: 20px;	}	.header-area.style-02 .owl-controls {		display: none;	}			.padding-top-120, .padding-top-110, .padding-top-100, .padding-top-115, .padding-top-90 {		padding-top: 35px;	}	.padding-bottom-120, .padding-bottom-110, .padding-bottom-90 {		padding-bottom: 35px;	}		.breadcrumb-area {		padding: 60px 0 65px 0;	}	.port-1 {		margin-bottom: -80px;	}	.port-2 {		margin-bottom: -80px;	}	.port-3 {		margin-bottom: -80px;	}		.call-to-action-inner {		text-align: center;	}		.footer-widget-area {		margin-bottom: -30px;	}		.blog-grid-page {		margin-bottom: 0px;	}}@media (max-width: 400px){		.header-area .single-header-slider-two .header-inner .btn-wrapper .boxed-btn {		margin: 0;		margin-right: 10px;		margin-bottom: 10px;	}	.about-company .content-area {		padding: 55px 30px 60px 30px;	}}.header-area .single-header-slider .bg-image .bg-image-wrap {	position: relative;	z-index: 1;}.header-area .single-header-slider .bg-image .bg-image-wrap:after {	position: absolute;	content: "";	left: 0;	top: 0;	height: 100%;	width: 100%;	background: #00999f63;	opacity: 0.8;	z-index: -1;}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/5293(这个说明仅在演示里会看到,下载的源码里没有)*/