/* Docle - DIgital Agency HTML Template  *//*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------1.	Import Css2.	Global3.	Typography4.	Loading5.	Header6.	Slider7.	Services Section8.	About Section9.	Portfolio Section10.	Choose Section11.	Pricing Section12.	Faqs Section13.	Team Section14.	Partner Section15.	Couter Section16.	Testimonials Section17.	Blog Section18.	Page title19.	Project Details20.	Blog Detail21.	Contact22.	Fotter--------------------------------------------------------------*//***====================================================================1.	Import Css==================================================================== ***/@import url(bootstrap.css);@import url(jquery.fancybox.css);@import url(owl.carousel.css);@import url(../rev-slider/css/layers.css);@import url(../rev-slider/css/navigation.css);@import url(../rev-slider/css/settings.css);/***====================================================================2.	Global==================================================================== ***/@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");p {  font-family: 'Open Sans', sans-serif;  font-size: 1em;  font-weight: 400;  line-height: 1.75; }a {  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }a:hover {  color: #77cad2;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }body {  font-size: 16px;  font-family: 'Teko', sans-serif;  font-weight: 400;  color: #472c35;  overflow: hidden; }/***====================================================================3.	Typography==================================================================== ***/h1 {  font-size: 6.25em;  line-height: 1;  font-weight: bold; }/* 100px */h2 {  font-size: 4.5em;  line-height: 1.2;  font-weight: bold; }/* 72px */h3 {  font-size: 3em;  line-height: 1.2;  font-weight: bold;  text-transform: uppercase; }/* 48px */h4 {  font-size: 1.5em;  line-height: 1.2;  font-weight: 400; }/* 24px */h5 {  font-size: 1.125em;  line-height: 1.2;  font-weight: 400; }/* 18px */h6 {  font-size: 1em;  line-height: 1.5;  font-weight: 500; }/* 16px *//***====================================================================4.	Loading==================================================================== ***/.preloader {  position: fixed;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  z-index: 999999;  background-color: white;  background-color: #1c1e22; }.preloader__gradient {  background: #432ff6;  background: linear-gradient(100deg, #432ff6 0%, #f174e3 100%); }.preloader .icon {  position: fixed;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  z-index: 5;  background-color: rgba(0, 0, 0, 0);  background-position: center center;  background-repeat: no-repeat;  background-image: url(../icon/favicon.png);  transition: all 200ms ease;  -webkit-animation-name: rotateMe;  -webkit-animation-duration: 2s;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: linear;  -moz-animation-name: rotateMe;  -moz-animation-duration: 2s;  -moz-animation-iteration-count: infinite;  -moz-animation-timing-function: linear;  -ms-animation-name: rotateMe;  -ms-animation-duration: 2s;  -ms-animation-iteration-count: infinite;  -ms-animation-timing-function: linear;  animation-name: rotateMe;  animation-duration: 2s;  animation-iteration-count: infinite;  animation-timing-function: linear; }.page-loaded .preloader .icon {  opacity: 0; }@keyframes rotateMe {  from {    transform: rotate(0deg) scale(1); }  to {    transform: rotate(360deg); } }@-webkit-keyframes rotateMe {  from {    transform: rotate(0deg) scale(1); }  to {    transform: rotate(360deg); } }@-moz-keyframes rotateMe {  from {    transform: rotate(0deg) scale(1); }  to {    transform: rotate(360deg); } }@-o-keyframes rotateMe {  from {    transform: rotate(0deg) scale(1); }  to {    transform: rotate(360deg); } }@keyframes rotateMe {  from {    transform: rotate(0deg) scale(1); }  to {    transform: rotate(360deg); } }/***====================================================================5.	Header==================================================================== ***/.header {  position: relative;  z-index: 9999;  width: 100%;  /* Mobile Menu */ }  .header .main-header {    display: flex;    padding: 30px 0 20px 0;    /*padding-left: 8px;*/    /*margin-right: -8px;*/    position: relative; }    .header .main-header:after {      content: '';      width: 100%;      height: 1px;      background: rgba(255, 255, 255, 0.102);      position: absolute;      z-index: 9;      bottom: 0;      left: 0; }    .header .main-header .main-header-logo {      width: 22%;      padding-top: 10px; }    .header .main-header .main-header-logo a img {    width: 180PX; }    .header .main-header .main-nav-header {      width: 56%;      padding-left: 50px;      /* Sub Menu */ }      .header .main-header .main-nav-header .header-top .slogan {        display: inline-block;        background: #77cad2;        padding: 6px 19px; }        .header .main-header .main-nav-header .header-top .slogan .text-slogan {          color: #472c35;          font-weight: 300; }      .header .main-header .main-nav-header .header-top .list-social {        float: right;        padding-right: 60px;        padding-top: 10px; }        .header .main-header .main-nav-header .header-top .list-social li {          display: inline-block;          padding-left: 25px; }          .header .main-header .main-nav-header .header-top .list-social li a {            /*color: rgba(255, 255, 255, 0.502);*/            color: rgb(255 255 255);            font-size: 14px; }            .header .main-header .main-nav-header .header-top .list-social li a:hover {              color: #77cad2; }            .header .main-header .main-nav-header .header-top .list-social li a.active {              color: #77cad2; }      .header .main-header .main-nav-header .mobile-button {        display: none;        width: 26px;        height: 26px;        float: right;        background-color: transparent;        cursor: pointer;        -webkit-transition: all 0.3s ease;        -moz-transition: all 0.3s ease;        -ms-transition: all 0.3s ease;        -o-transition: all 0.3s ease;        transition: all 0.3s ease;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        -o-transform: translateY(-50%);        transform: translateY(-50%); }        .header .main-header .main-nav-header .mobile-button:before, .header .main-header .main-nav-header .mobile-button:after,        .header .main-header .main-nav-header .mobile-button span {          background-color: #77cad2;          -webkit-transition: all ease 0.3s;          -moz-transition: all ease 0.3s;          transition: all ease 0.3s; }        .header .main-header .main-nav-header .mobile-button:before, .header .main-header .main-nav-header .mobile-button:after {          content: '';          position: absolute;          top: 0;          height: 3px;          width: 100%;          left: 0;          top: 50%;          -webkit-transform-origin: 50% 50%;          -ms-transform-origin: 50% 50%;          transform-origin: 50% 50%; }        .header .main-header .main-nav-header .mobile-button span {          position: absolute;          width: 100%;          height: 3px;          left: 0;          top: 50%;          overflow: hidden;          text-indent: 200%; }        .header .main-header .main-nav-header .mobile-button:before {          -webkit-transform: translate3d(0, -7px, 0);          -moz-transform: translate3d(0, -7px, 0);          transform: translate3d(0, -7px, 0); }        .header .main-header .main-nav-header .mobile-button:after {          -webkit-transform: translate3d(0, 7px, 0);          -moz-transform: translate3d(0, 7px, 0);          transform: translate3d(0, 7px, 0); }      .header .main-header .main-nav-header .mobile-button.active span {        opacity: 0; }      .header .main-header .main-nav-header .mobile-button.active:before {        -webkit-transform: rotate3d(0, 0, 1, 45deg);        -moz-transform: rotate3d(0, 0, 1, 45deg);        transform: rotate3d(0, 0, 1, 45deg); }      .header .main-header .main-nav-header .mobile-button.active:after {        -webkit-transform: rotate3d(0, 0, 1, -45deg);        -moz-transform: rotate3d(0, 0, 1, -45deg);        transform: rotate3d(0, 0, 1, -45deg); }      .header .main-header .main-nav-header .main-nav {        padding-top: 25px; }        .header .main-header .main-nav-header .main-nav .menu li a.menu-main:active {          color: #77cad2; }        .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children {          position: relative;          display: inline-block;          padding-right: 35px; }          .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children a.menu-main {            position: relative;            color: white;            font-size: 1.125em;            font-weight: 500;            text-transform: uppercase; }            .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children a.menu-main.active {              color: #77cad2; }            .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children a.menu-main:hover {              color: #77cad2; }          .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children a.menu-main.active:after {            opacity: 1;            visibility: visible;            width: 100%; }        .header .main-header .main-nav-header .main-nav .menu li.menu-item-has-children:nth-last-child(1) {          padding-right: 0; }        .header .main-header .main-nav-header .main-nav .sub-menu {          position: absolute;          top: 40px;          left: 0;          width: 250px;          padding: 15px 0px;          z-index: 9999;          background-color: white;          opacity: 0;          visibility: hidden;          display: block !important;          -webkit-transition: all 0.3s ease;          -moz-transition: all 0.3s ease;          -ms-transition: all 0.3s ease;          -o-transition: all 0.3s ease;          transition: all 0.3s ease;          -webkit-transform: translateY(15px);          -moz-transform: translateY(15px);          -ms-transform: translateY(15px);          -o-transform: translateY(15px);          transform: translateY(15px); }          .header .main-header .main-nav-header .main-nav .sub-menu li {            display: block; }            .header .main-header .main-nav-header .main-nav .sub-menu li a {              position: relative;              display: block;              font-size: 1.125em;              color: #472c35;              padding: 5px 20px;              font-weight: 500;              text-transform: uppercase; }              .header .main-header .main-nav-header .main-nav .sub-menu li a.active {                color: #77cad2; }              .header .main-header .main-nav-header .main-nav .sub-menu li a:hover {                color: #77cad2; }          .header .main-header .main-nav-header .main-nav .sub-menu .right-sub-menu {            left: auto;            right: 0; }          .header .main-header .main-nav-header .main-nav .sub-menu .sub-menu-2 {            position: absolute;            top: 0;            left: 234px;            width: 250px;            padding: 15px 0px;            z-index: 9999;            background-color: white;            opacity: 0;            visibility: hidden;            -webkit-transition: all 0.3s ease;            -moz-transition: all 0.3s ease;            -ms-transition: all 0.3s ease;            -o-transition: all 0.3s ease;            transition: all 0.3s ease;            -webkit-transform: translateY(15px);            -moz-transform: translateY(15px);            -ms-transform: translateY(15px);            -o-transform: translateY(15px);            transform: translateY(15px); }            .header .main-header .main-nav-header .main-nav .sub-menu .sub-menu-2 li {              display: block; }              .header .main-header .main-nav-header .main-nav .sub-menu .sub-menu-2 li a {                position: relative;                display: block;                font-size: 14px;                color: #472c35;                padding: 5px 20px;                font-weight: 600; }            .header .main-header .main-nav-header .main-nav .sub-menu .sub-menu-2 .right-sub-menu {              left: auto;              right: 0; }          .header .main-header .main-nav-header .main-nav .sub-menu li:hover .sub-menu-2 {            opacity: 1;            visibility: visible;            -webkit-transform: translateY(0);            -moz-transform: translateY(0);            -ms-transform: translateY(0);            -o-transform: translateY(0);            transform: translateY(0); }      .header .main-header .main-nav-header li:hover .sub-menu {        opacity: 1;        visibility: visible;        -webkit-transform: translateY(0);        -moz-transform: translateY(0);        -ms-transform: translateY(0);        -o-transform: translateY(0);        transform: translateY(0); }    .header .main-header .btn-header {      width: 22%;      text-align: end;      padding-top: 10px; }      .header .main-header .btn-header .btn-action {      position: relative;      padding: 22px 52px 16px 40px;      background: #77cad2;      display: inline-block;      overflow: hidden;      width: 220px;      text-align: center;}        .header .main-header .btn-header .btn-action span.more {          position: relative;          z-index: 99;          font-size: 18px;          font-weight: 600;          text-transform: uppercase;          color: black; }        .header .main-header .btn-header .btn-action span {          position: relative;          z-index: 99;          color: black; }          .header .main-header .btn-header .btn-action span i {            font-size: 12px; }        .header .main-header .btn-header .btn-action:before {          content: "";          width: 38px;          height: 38px;          border-radius: 50%;          position: absolute;          left: -32px;          bottom: -7px;          background: #FFFFFF;          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }        .header .main-header .btn-header .btn-action:after {          content: "";          width: 3px;          height: 100%;          position: absolute;          top: 0;          right: 0;          background: #ffffff; }        .header .main-header .btn-header .btn-action:hover:before {          width: 100%;          height: 100%;          border-radius: 0;          left: 0;          bottom: 0;          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }  .header #main-nav-mobi {    display: block;    margin: 0 auto;    width: 100%;    position: absolute;    top: 100%;    left: 0;    z-index: 9999;    background-color: #f6f6f6; }    .header #main-nav-mobi ul {      display: block;      list-style: none;      margin: 0;      padding: 0; }      .header #main-nav-mobi ul li {        margin: 0;        text-align: left;        cursor: pointer;        padding-left: 16px;        border-top: 1px solid #ebebeb;        position: relative; }        .header #main-nav-mobi ul li a {          color: #999;          display: inline-block;          font-size: 14px;          text-transform: uppercase;          line-height: 48px;          font-weight: 600; }          .header #main-nav-mobi ul li a:hover {            color: #77cad2; }        .header #main-nav-mobi ul li a.active {          color: #77cad2 !important; }        .header #main-nav-mobi ul li:first-child {          border-top: 0px; }    .header #main-nav-mobi .menu-item-has-children .arrow {      cursor: pointer;      display: inline-block;      font-size: 20px;      font-family: "FontAwesome";      line-height: 48px;      position: absolute;      right: 3px;      text-align: center;      top: 0;      width: 48px; }      .header #main-nav-mobi .menu-item-has-children .arrow:before {        content: "\f103";        color: #b1b1b1; }    .header #main-nav-mobi .menu-item-has-children .arrow.active:before {      content: "\f102"; }    .header #main-nav-mobi ul ul li {      background-color: #f2f2f2;      border-color: #ebebeb; }.header.style-2 .container {  max-width: 1550px;  width: 100%; }  .header.style-2 .container .main-header {    padding: 22px 0 28px 8px; }    .header.style-2 .container .main-header .main-header-logo {      width: 17%; }    .header.style-2 .container .main-header .main-nav-header {      width: 65%;      padding-left: 16px; }      .header.style-2 .container .main-header .main-nav-header .header-top .list-social {        float: right;        padding-right: 0;        padding-top: 0; }      .header.style-2 .container .main-header .main-nav-header .main-nav {        padding-top: 30px; }        .header.style-2 .container .main-header .main-nav-header .main-nav ul#menu-primary-menu {          float: left; }    .header.style-2 .container .main-header .btn-header {      width: 18%; }/***====================================================================6.	Slider==================================================================== ***/.flat-slider {  margin-top: -143px; }  .flat-slider .tp-leftarrow.tparrows.custom.noSwipe {    visibility: visible !important;    opacity: 1 !important; }  .flat-slider .tp-rightarrow.tparrows.custom.noSwipe {    visibility: visible !important;    opacity: 1 !important; }  .flat-slider .btn-silde .btn-action {    padding: 22px 49px 16px 45px;    background: #77cad2;    overflow: hidden;    width: 220px;}    .flat-slider .btn-silde .btn-action span {      color: #472c35;      transition: all 0.3s ease; }      .flat-slider .btn-silde .btn-action span::before {        background: #472c35;        transition: all 0.3s ease; }      .flat-slider .btn-silde .btn-action span::after {        background: #ffffff;        transition: all 0.3s ease; }    .flat-slider .btn-silde .btn-action:hover span {      color: #77cad2;      transition: all 0.3s ease; }      .flat-slider .btn-silde .btn-action:hover span::before {        background: #77cad2;        transition: all 0.3s ease; }      .flat-slider .btn-silde .btn-action:hover span::after {        background: #77cad2;        transition: all 0.3s ease; }    .flat-slider .btn-silde .btn-action:before {      background: #ffffff; }    .flat-slider .btn-silde .btn-action:after {      background: #ffffff; }  .flat-slider .img-slider {    margin-top: 107px !important; }  .flat-slider .rev_slider_wrapper.fullwidthbanner-container {    height: 860px !important; }  .flat-slider div#rev-slider1 {    height: 100% !important; }  .flat-slider .tp-fullwidth-forcer {    height: 860px !important; }  .flat-slider .text-right {    text-align: right !important; }  .flat-slider .sub-title-slider {    font-family: "Teko", sans-serif;    text-transform: uppercase;    color: #77cad2 !important;    font-weight: bold !important; }  .flat-slider .title-slider {    font-family: "Teko", sans-serif;    font-weight: bold !important; }  .flat-slider .tp-caption.tp-resizeme.get-connect-slider.text-white {    min-width: 650px !important; }  .flat-slider #rev-slider1 ul li .image-slider {    z-index: 0; }.flat-slider.style-2 {  margin-top: -134px; }  .flat-slider.style-2 .title-slider {    font-weight: 300 !important; }  .flat-slider.style-2 .tp-caption.tp-resizeme.get-connect-slider.text-white {    min-width: 1200px !important; }  .flat-slider.style-2 .text {    font-family: 'Open Sans', sans-serif; }/***====================================================================7.	Services Section==================================================================== ***/..section-services {    padding-bottom: 70px;    padding-top: 100px;}       section.tf-section.section-services {   padding: 40px 0px; }      .section-services .services-main {    display: flex; }    .section-services .services-main .services-list-main {      width: 70%;      padding-top: 0px;      margin-left: 0px; }      .section-services .services-main .services-list-main .list-services-box {        display: flex;        flex-wrap: wrap; }        .section-services .services-main .services-list-main .list-services-box .box-item {          width: 50%;          text-align: center;          padding: 0 55px; }          .section-services .services-main .services-list-main .list-services-box .box-item .icon-box {            text-align: center;            position: relative;            display: inline-block;            padding-top: 0px;      /*width: 200px; height: 150px; overflow: hidden;*/ }             .section-services .services-main .services-list-main .list-services-box .box-item .icon-box img {    object-fit: cover;    background-position: center;    background-size: cover;    background-repeat: no-repeat;    overflow: hidden;    width: 200px;    height: 150px;}            .section-services .services-main .services-list-main .list-services-box .box-item .icon-box span.icon {              font-size: 52px;              transition: all 0.3s ease; }            .section-services .services-main .services-list-main .list-services-box .box-item .icon-box .number {              position: absolute;              top: 0;              left: -23px;              width: 40px;              height: 40px;              border-radius: 50%;              background: #77cad2;              padding-top: 12px; }              .section-services .services-main .services-list-main .list-services-box .box-item .icon-box .number span {                font-family: "Teko", sans-serif;                font-size: 18px;                color: white; }          .section-services .services-main .services-list-main .list-services-box .box-item .content-box {            padding-top: 30px;            padding-bottom: 40px; }            .section-services .services-main .services-list-main .list-services-box .box-item .content-box .title {              text-transform: uppercase;              font-weight: 600;              padding-bottom: 10px; }              .section-services .services-main .services-list-main .list-services-box .box-item .content-box .title a:hover {                color: #77cad2; }            .section-services .services-main .services-list-main .list-services-box .box-item .content-box .btn-readmore {              width: 40px;              height: 40px;              margin-top: 40px;              display: inline-block;              box-shadow: 0px 18px 32.68px 5.32px rgba(0, 0, 0, 0.05);              position: relative; }              .section-services .services-main .services-list-main .list-services-box .box-item .content-box .btn-readmore:hover span:before,              .section-services .services-main .services-list-main .list-services-box .box-item .content-box .btn-readmore:hover span:after {                background: #77cad2; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(1):hover .icon-box span.icon {          color: #77cad2;          transition: all 0.3s ease; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(1) .content-box .title a:hover {          color: #77cad2; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(2) {          margin-left: -9px; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(2):hover .icon-box span.icon {            color: #edc92a;            transition: all 0.3s ease; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(2) .number {            background: #edc92a; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(2) .content-box .title a:hover {            color: #edc92a; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(3):hover .icon-box span.icon {          color: #44dddf;          transition: all 0.3s ease; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(3) .number {          background: #44dddf; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(3) .content-box .title a:hover {          color: #44dddf; }        .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(4) {          margin-left: -9px; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(4):hover .icon-box span.icon {            color: #46c64f;            transition: all 0.3s ease; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(4) .number {            background: #46c64f; }          .section-services .services-main .services-list-main .list-services-box .box-item:nth-child(4) .content-box .title a:hover {            color: #46c64f; }      .section-services .services-main .services-list-main .owl-nav {        position: absolute;        top: 380px;        right: -360px;        display: flex; }        .section-services .services-main .services-list-main .owl-nav .owl-prev.disabled:after,        .section-services .services-main .services-list-main .owl-nav .owl-next.disabled:after {          opacity: 1 !important;          transition: all 0.5s ease;          transform: rotate(135deg);          clip: rect(0px, 70px, 50px, 0px); }        .section-services .services-main .services-list-main .owl-nav .owl-prev::before {          content: "\eac9";          font-size: 18px;          font-family: 'IcoFont';          color: rgba(255, 255, 255, 0.5); }        .section-services .services-main .services-list-main .owl-nav .owl-next::before {          content: "\eaca";          font-size: 18px;          font-family: 'IcoFont';          color: rgba(255, 255, 255, 0.5); }        .section-services .services-main .services-list-main .owl-nav .owl-prev,        .section-services .services-main .services-list-main .owl-nav .owl-next {          width: 60px;          height: 60px;          border-radius: 50%;          background: rgba(255, 255, 255, 0.102);          margin-right: 20px;          font-size: 0;          display: flex;          justify-content: center;          align-items: center;          position: relative; }          .section-services .services-main .services-list-main .owl-nav .owl-prev::after,          .section-services .services-main .services-list-main .owl-nav .owl-next::after {            content: '';            width: 100%;            height: 100%;            clip: rect(0px, 0px, 0px, 0px);            border: 1px solid #ffffff;            border-radius: 50%;            position: absolute;            top: 0;            left: 0;            opacity: 0;            transition: all 0.5s ease; }          .section-services .services-main .services-list-main .owl-nav .owl-prev:hover::after,          .section-services .services-main .services-list-main .owl-nav .owl-next:hover::after {            opacity: 1;            transition: all 0.5s ease;            transform: rotate(135deg);            clip: rect(0px, 70px, 50px, 0px); }      .section-services .services-main .services-list-main .owl-dots {        display: none; }    .section-services .services-main .services-control {      width: 30%;      margin-right: -9px; }      .section-services .services-main .services-control .box-left-control {        text-align: right;        background: #3a3839;        background-size: cover;        padding: 100px 30px 340px 45px; }        .section-services .services-main .services-control .box-left-control .main-control .sub-title {          text-transform: uppercase;          color: #77cad2;          font-weight: 400; }          .section-services .services-main .services-control .box-left-control .main-control .sub-title .whitespace {            width: 2px; }        .section-services .services-main .services-control .box-left-control .main-control .title-parent {          position: relative; }          .section-services .services-main .services-control .box-left-control .main-control .title-parent .title {            color: white;            padding-top: 12px; }            .section-services .services-main .services-control .box-left-control .main-control .title-parent .title .word span:nth-child(1) {              color: #77cad2; }          .section-services .services-main .services-control .box-left-control .main-control .title-parent .title:nth-child(2) {            position: absolute;            top: 0;            left: 53px;            width: 49px;            color: #edc92a;            overflow: hidden; }        .section-services .services-main .services-control .box-left-control .main-control .text {          color: rgba(255, 255, 255, 0.6); }      .section-services .services-main .services-control .btn-view-all {        text-align: center;        padding-top: 72px; }        .section-services .services-main .services-control .btn-view-all .btn-action {          position: relative;          padding: 21px 53px 17px 44px;          background: #77cad2;          display: inline-block; }          .section-services .services-main .services-control .btn-view-all .btn-action:before {            background: white; }          .section-services .services-main .services-control .btn-view-all .btn-action:after {            background: #77cad2; }          .section-services .services-main .services-control .btn-view-all .btn-action span.flus-icon::before {            content: '';            width: 9px;            height: 3px;            position: absolute;            top: -8px;            left: 0;            background: white; }          .section-services .services-main .services-control .btn-view-all .btn-action span.flus-icon::after {            content: '';            width: 3px;            height: 9px;            position: absolute;            top: -11px;            left: 3px;            background: white; }.section-services.style-2 {  padding-top: 110px;  padding-left: 16px;  padding-bottom: 110px; }  .section-services.style-2 .intro-heading h3 {    text-transform: none; }    .section-services.style-2 .intro-heading h3 .whitespace {      width: 9px; }  .section-services.style-2 .services-main .services-list-main {    padding-top: 54px;    width: 100%; }    .section-services.style-2 .services-main .services-list-main .list-services-box {      flex-wrap: nowrap; }      .section-services.style-2 .services-main .services-list-main .list-services-box .box-item {        width: 33.33%;        padding: 0 50px; }      .section-services.style-2 .services-main .services-list-main .list-services-box .box-item:nth-child(2) {        margin-left: 10px; }      .section-services.style-2 .services-main .services-list-main .list-services-box .box-item:nth-child(3) {        margin-top: 0;        margin-right: 0; }  .section-services.style-2 .btn-view-all {    text-align: center;    padding-top: 20px; }/***====================================================================8.	About Section==================================================================== ***/.section-about {  background: rgba(71, 44, 53, 0.051);  /*padding-left: 16px;*/  padding-bottom: 80px;  padding-top: 80px  }  .section-about .main-about {    display: flex; }    .section-about .main-about .content-left .progress-about {      display: flex;      padding-top: 30px;      margin-left: -3px; }      .section-about .main-about .content-left .progress-about .couter {        border-radius: 5px;        background-color: #77cad2;        width: 121px;        height: auto;        text-align: center;        padding: 16px 25px 8px 25px; }        .section-about .main-about .content-left .progress-about .couter .chart {          position: relative; }          .section-about .main-about .content-left .progress-about .couter .chart span.percent {            font-family: "Teko", sans-serif;            font-size: 18px;            font-weight: bold;            display: inline-block;            color: white;            position: absolute;            top: 27px;            left: 21px; }            .section-about .main-about .content-left .progress-about .couter .chart span.percent::after {              content: '%';              font-family: "Teko", sans-serif;              font-size: 18px;              font-weight: bold;              color: white; }        .section-about .main-about .content-left .progress-about .couter .themesflat-counter {          width: 72px;          height: 72px;          border-radius: 50%;          border: 1px solid rgba(255, 255, 255, 0.1);          padding-top: 24px; }        .section-about .main-about .content-left .progress-about .couter .number-wrap {          font-size: 18px;          font-weight: bold;          color: white; }          .section-about .main-about .content-left .progress-about .couter .number-wrap span.number {            font-size: 18px;            font-weight: bold; }      .section-about .main-about .content-left .progress-about .info {        width: 79%;        background: #472c35;        margin-left: 6px;        border-radius: 5px;        padding: 32px 30px; }        .section-about .main-about .content-left .progress-about .info img {          float: left;          padding-right: 11px; }        .section-about .main-about .content-left .progress-about .info h4 {          color: white;          font-weight: 500;          padding-top: 8px; }    .section-about .main-about .content-right {      width: 51%; }      .section-about .main-about .content-right .intro-content {        padding-left: 30px;        padding-top: 0px; }        .section-about .main-about .content-right .intro-content .sub-title {          text-transform: uppercase;          color: #77cad2; }        .section-about .main-about .content-right .intro-content .title-parent {          position: relative; }          .section-about .main-about .content-right .intro-content .title-parent .title {            font-size: 42px;            padding-top: 18px;            padding-bottom: 20px;          line-height: 46px; }            .section-about .main-about .content-right .intro-content .title-parent .title span.color {              color: #77cad2; }            .section-about .main-about .content-right .intro-content .title-parent .title .whitespace {              width: 9px; }        .section-about .main-about .content-right .intro-content .text {          padding-bottom: 0px; }        .section-about .main-about .content-right .intro-content .team {          padding-top: 22px; }          .section-about .main-about .content-right .intro-content .team .list-img-team {            float: left;            padding-right: 21px; }            .section-about .main-about .content-right .intro-content .team .list-img-team .number-team {              display: inline-block;              background: #77cad2;              padding: 15px 5px 10px 5px; }              .section-about .main-about .content-right .intro-content .team .list-img-team .number-team span {                color: white;                font-size: 14px;                font-weight: bold; }          .section-about .main-about .content-right .intro-content .team .info h5 {            text-transform: uppercase;            font-weight: 500;            padding-top: 7px; }          .section-about .main-about .content-right .intro-content .team .info p {            font-size: 14px; }.section-about.s1 {  padding-top: 120px; }/***====================================================================9.	Portfolio Section==================================================================== ***/.section-portfolio {  padding-top: 110px;  padding-left: 16px;  padding-bottom: 110px; }  .section-portfolio .intro-heading {    text-align: center; }    .section-portfolio .intro-heading p {      padding-top: 6px; }    .section-portfolio .intro-heading hr.divider {      background-color: #472c35;      width: 48px;      height: 5px;      display: inline-block;      margin-top: -4px;      margin-left: -16px;      opacity: 1; }  .section-portfolio .main-portfolio {    padding-top: 45px;    display: flex; }    .section-portfolio .main-portfolio .list-portfolio {      width: 370px;      margin-right: 30px; }      .section-portfolio .main-portfolio .list-portfolio .box-item .img-box img {        width: 100%; }      .section-portfolio .main-portfolio .list-portfolio .box-item.s1 {        position: relative; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s1:hover .img-box {          overflow: hidden; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s1:hover .img-box img {            transform: scale(1.2);            -webkit-transition: all 0.5s ease;            -moz-transition: all 0.5s ease;            -ms-transition: all 0.5s ease;            -o-transition: all 0.5s ease;            transition: all 0.5s ease; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s1:hover .box-item-content .content-box {          visibility: visible;          opacity: 1;          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s1:hover .box-item-content .content-box::before {            left: -33px;            transition: all 0.5s ease;            transition-delay: 0.4s; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s1:hover .box-item-content .content-box:after {            right: -43px;            transition: all 0.5s ease;            transition-delay: 0.4s; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .img-box {          overflow: hidden; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .img-box img {            -webkit-transition: all 0.5s ease;            -moz-transition: all 0.5s ease;            -ms-transition: all 0.5s ease;            -o-transition: all 0.5s ease;            transition: all 0.5s ease; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content {          position: absolute;          top: 0;          left: 0;          height: 100%;          overflow: hidden; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box {            height: 100%;            background: #77cad2;            padding: 52px 52px 52px 31px;            visibility: hidden;            opacity: 0;            -webkit-transition: all 0.5s ease;            -moz-transition: all 0.5s ease;            -ms-transition: all 0.5s ease;            -o-transition: all 0.5s ease;            transition: all 0.5s ease; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box .info-box img {              float: left;              padding-right: 8px;              margin-top: -7px; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box .info-box h4 a {              color: white;              font-weight: 500; }              .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box .info-box h4 a:hover {                color: #472c35; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box .text-box p {              padding-top: 17px;              padding-left: 8px;              color: rgba(255, 255, 255, 0.6); }            .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box:before {              content: "";              position: absolute;              top: 13px;              left: -51px;              background: #edc92a;              width: 51px;              height: 51px;              border-radius: 50%;              transition: all 0.5s ease; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s1 .box-item-content .content-box:after {              content: "";              position: absolute;              bottom: 27px;              right: -79px;              background: #edc92a;              width: 79px;              height: 79px;              border-radius: 50%;              transition: all 0.5s ease; }      .section-portfolio .main-portfolio .list-portfolio .box-item.s2 {        position: relative;        overflow: hidden; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s2:hover .img-box {          overflow: hidden; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s2:hover .img-box img {            transform: scale(1.2);            -webkit-filter: grayscale(0%);            -ms-filter: grayscale(0%);            -moz-filter: grayscale(0%);            -webkit-transition: all 0.5s ease;            -moz-transition: all 0.5s ease;            -ms-transition: all 0.5s ease;            -o-transition: all 0.5s ease;            transition: all 0.5s ease; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .img-box img {          -webkit-filter: grayscale(100%);          -ms-filter: grayscale(100%);          -moz-filter: grayscale(100%);          filter: grayscale(100%);          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s2:hover .box-item-content {          bottom: 5px;          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s2:hover .box-item-content .content-box {            opacity: 1;            visibility: visible; }        .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content {          position: absolute;          z-index: 9;          bottom: -65px;          left: 0;          width: 100%;          padding: 0 5px;          -webkit-transition: all 0.5s ease;          -moz-transition: all 0.5s ease;          -ms-transition: all 0.5s ease;          -o-transition: all 0.5s ease;          transition: all 0.5s ease; }          .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content .content-box {            background: #472c35;            padding: 40px 31px 37px 31px;            border-radius: 5px;            opacity: 0;            visibility: hidden;            -webkit-transition: all 0.5s ease;            -moz-transition: all 0.5s ease;            -ms-transition: all 0.5s ease;            -o-transition: all 0.5s ease;            transition: all 0.5s ease; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content .content-box .info-box img {              float: left;              padding-right: 8px;              margin-top: -7px; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content .content-box .info-box h4 a {              color: white;              font-weight: 500; }              .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content .content-box .info-box h4 a:hover {                color: #77cad2; }            .section-portfolio .main-portfolio .list-portfolio .box-item.s2 .box-item-content .content-box .text-box {              display: none; }      .section-portfolio .main-portfolio .list-portfolio .box-item:nth-child(2) {        margin-top: 30px; }    .section-portfolio .main-portfolio .list-portfolio:nth-child(3) {      margin-right: 0; }  .section-portfolio .main-portfolio.s2 {    padding-top: 30px; }  .section-portfolio .btn-view-all {    text-align: center;    padding-top: 70px; }    .section-portfolio .btn-view-all .btn-action {      padding: 21px 53px 17px 43px;      background: #472c35; }      .section-portfolio .btn-view-all .btn-action:before {        background: #77cad2; }      .section-portfolio .btn-view-all .btn-action:after {        background: #ffffff; }.section-portfolio.style-2 {  background: rgba(71, 44, 53, 0.051); }  .section-portfolio.style-2 .main-portfolio {    display: block; }    .section-portfolio.style-2 .main-portfolio .list-portfolio {      width: 100%;      display: flex; }      .section-portfolio.style-2 .main-portfolio .list-portfolio .box-item {        width: 20%;        margin-right: 30px; }        .section-portfolio.style-2 .main-portfolio .list-portfolio .box-item .img-box {          position: relative; }          .section-portfolio.style-2 .main-portfolio .list-portfolio .box-item .img-box a {            width: 100%; }      .section-portfolio.style-2 .main-portfolio .list-portfolio .box-item:nth-child(2) {        margin-top: 0; }      .section-portfolio.style-2 .main-portfolio .list-portfolio .box-item:nth-child(5) {        margin-right: 0; }.section-portfolio .box-item .img-box {  position: relative; }  .section-portfolio .box-item .img-box a {    width: 100%; }/***====================================================================10.	Choose Section==================================================================== ***/.section-choose-us {  background: #3a3839;  background-size: cover;  background-position: center center;  /*padding-left: 16px;*/  padding-top: 80px;  padding-bottom: 80px; }  .section-choose-us .main-choose-us .heading-title {    color: #77cad2;    text-transform: uppercase; }    .section-choose-us .main-choose-us .heading-title .whitespace {      width: 20px; }  .section-choose-us .main-choose-us .main-content {    display: flex; }    .section-choose-us .main-choose-us .main-content .intro-content {      width: 50%; }      .section-choose-us .main-choose-us .main-content .intro-content .title {        color: white;        text-transform: none;        font-weight: 500;        padding-top: 37px;        margin-left: -3px;        line-height: 1.21; }        .section-choose-us .main-choose-us .main-content .intro-content .title span {          font-weight: 500 !important; }        .section-choose-us .main-choose-us .main-content .intro-content .title .whitespace {          width: 8px; }      .section-choose-us .main-choose-us .main-content .intro-content .list-featured {        padding-top: 50px;        display: flex;        flex-wrap: wrap; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item {          width: 40%;          position: relative;          display: inline-block; }          .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:hover .content {            opacity: 1;            visibility: visible; }          .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item h5 {            color: rgba(255, 255, 255, 0.6);            font-weight: 400;            cursor: pointer; }          .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item .content {            position: absolute;            top: -132px;            left: -80px;            width: 270px;            height: 124px;            background: #472c35;            border-radius: 5px;            padding: 14px 9px;            opacity: 0;            visibility: hidden;            -webkit-transition: all 0.5s ease-in-out;            -moz-transition: all 0.5s ease-in-out;            -ms-transition: all 0.5s ease-in-out;            -o-transition: all 0.5s ease-in-out;            transition: all 0.5s ease-in-out; }            .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item .content img {              float: left;              padding-right: 8px;              margin-top: 6px; }            .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item .content p {              color: rgba(255, 255, 255, 0.6);              display: flex; }            .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item .content:before {              content: '';              position: absolute;              bottom: -7px;              left: 41%;              width: 0;              height: 0;              border-left: 7px solid transparent;              border-right: 7px solid transparent;              border-top: 7px solid #472c35; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(2) {          margin-left: -33px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(3) {          margin-left: 102px;          margin-top: 41px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(4) {          margin-left: -35px;          margin-top: 41px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(5) {          margin-left: 1px;          margin-top: 41px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(6) {          margin-left: -29px;          margin-top: 41px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(7) {          margin-left: 101px;          margin-top: 41px; }        .section-choose-us .main-choose-us .main-content .intro-content .list-featured .item:nth-child(8) {          margin-left: -29px;          margin-top: 41px; }    .section-choose-us .main-choose-us .main-content .box-video {      background: url("../images/background/3.png") no-repeat;      background-size: cover;      background-position: center center;      width: 50%;      margin-left: 30px;      margin-top: -90px;      display: flex;      justify-content: center;      align-items: center; }      .section-choose-us .main-choose-us .main-content .box-video .crirle {        width: 100px;        height: 100px;        background: #77cad2;        border-radius: 50%;        display: flex;        justify-content: center;        align-items: center;        position: relative; }        .section-choose-us .main-choose-us .main-content .box-video .crirle span.icon-play-button {          font-size: 60px;          color: white; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .title {  padding-top: 17px; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .list-featured .item {  width: 50%;  margin-left: 0 !important; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .list-featured .item:nth-child(2) {  padding-left: 16px; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .list-featured .item:nth-child(4) {  padding-left: 16px; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .list-featured .item:nth-child(6) {  padding-left: 16px; }.section-choose-us.style-2 .main-choose-us .main-content .intro-content .list-featured .item:nth-child(8) {  padding-left: 16px; }.section-choose-us.style-2 .main-choose-us .main-content .box-video {  margin-top: 81px; }/***====================================================================11.	Pricing Section==================================================================== ***/.section-pricing {  padding-top: 110px;  padding-left: 16px;  padding-bottom: 110px; }  .section-pricing .list-pricing {    display: flex;    padding-top: 45px; }    .section-pricing .list-pricing .themesflat-pricing {      width: 33.33%;      border: 1px solid rgba(103, 103, 103, 0.1);      margin-right: 30px; }      .section-pricing .list-pricing .themesflat-pricing .pricing-item {        text-align: center;        position: relative;        z-index: 99; }        .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb {          padding: 43px 30px 60px 30px; }          .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb .price {            font-size: 60px;            font-weight: bold;            color: #472c35; }            .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb .price span {              font-size: 60px;              text-transform: none;              color: #77cad2;              font-weight: bold;              padding-left: 12px; }          .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb .package {            font-weight: 500;            color: #77cad2;            padding-top: 11px; }          .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb ul.list-table {            margin: 0;            padding-top: 43px; }            .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb ul.list-table li {              font-family: 'Open Sans', sans-serif;              font-size: 14px;              font-weight: 400;              color: #472c35;              border-top: 1px solid rgba(71, 44, 53, 0.102);              padding: 10px 0px 13px 0; }              .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb ul.list-table li i {                color: #77cad2;                font-size: 24px;                margin-right: 4px; }            .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb ul.list-table li:nth-last-child(1) {              border-bottom: 1px solid rgba(71, 44, 53, 0.102); }          .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb .btn-pricing {            padding-top: 52px; }            .section-pricing .list-pricing .themesflat-pricing .pricing-item .thumb .btn-pricing .btn-action {              padding: 21px 52px 17px 46px; }    .section-pricing .list-pricing .themesflat-pricing:nth-child(3) {      margin-right: 0; }/***====================================================================12.	Faqs Section==================================================================== ***/.section-faqs {  /*padding-left: 16px;*/   padding-top: 80px  }  .section-faqs .main-faqs h1 {    text-transform: uppercase; }    .section-faqs .main-faqs h1 span.whitespace {      width: 20px; }  .section-faqs .main-faqs .main-content {    display: flex; }    .section-faqs .main-faqs .main-content .intro-content {      width: 50%; }      .section-faqs .main-faqs .main-content .intro-content h3 {        text-transform: none;        font-weight: 500;        padding-top: 17px;        margin-left: -2px; }        .section-faqs .main-faqs .main-content .intro-content h3 span {          font-weight: 500; }        .section-faqs .main-faqs .main-content .intro-content h3 .whitespace {          width: 8px; }      .section-faqs .main-faqs .main-content .intro-content .flat-question {        padding-top: 49px; }        .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle {          padding-bottom: 36px;          cursor: pointer; }          .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle .toggle-title {            font-size: 18px;            font-weight: bold;            transition: all 0.3s ease; }            .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle .toggle-title:hover {              color: #77cad2;              transition: all 0.3s ease; }            .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle .toggle-title.active {              color: #77cad2; }            .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle .toggle-title span {              font-size: 18px;              font-weight: bold;              padding-right: 21px; }          .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle .toggle-content {            font-family: 'Open Sans', sans-serif;            font-size: 16px;            padding: 13px 100px 1px 48px;            line-height: 1.8; }        .section-faqs .main-faqs .main-content .intro-content .flat-question .accordion .accordion-toggle:nth-last-child(1) {          padding-bottom: 0; }    .section-faqs .main-faqs .main-content .img-faq {      margin-left: 16px;      padding-top: 24px;      padding-bottom: 17px; }.section-faqs.style-2 {  padding-top: 40px;  padding-bottom: 110px; }.section-faqs.ab {  padding-top: 124px;  padding-bottom: 103px; }/***====================================================================13.	Team Section==================================================================== ***/.section-team {  /*padding-left: 16px;*/  padding-top: 80px;  padding-bottom: 80px; }  .section-team .main-team .main-content {    display: flex; margin-top: 60px;}    .section-team .main-team .main-content .team-box {      position: relative;      display: flex;      flex-direction: column;      align-items: center;      justify-content: center;      padding-left: 30px;      margin-top: -22px; }      .section-team .main-team .main-content .team-box:hover .info {        opacity: 1;        visibility: visible;        -webkit-transition: all 0.5s ease-in-out;        -moz-transition: all 0.5s ease-in-out;        -ms-transition: all 0.5s ease-in-out;        -o-transition: all 0.5s ease-in-out;        transition: all 0.5s ease-in-out;        transform: none; }      .section-team .main-team .main-content .team-box:hover .img-team img {        -webkit-filter: grayscale(0%);        -ms-filter: grayscale(0%);        -moz-filter: grayscale(0%);        transition: all 0.3s ease; }      .section-team .main-team .main-content .team-box .info {        background: #77cad2;        width: 270px;        height: 91px;        border-radius: 5px;        position: relative;        z-index: 9;        padding: 20px 18px;        margin-bottom: 0px;        opacity: 0;        visibility: hidden;        transform: rotate3d(1, 1, 1, 90deg);        -webkit-transition: all 0.5s ease-in-out;        -moz-transition: all 0.5s ease-in-out;        -ms-transition: all 0.5s ease-in-out;        -o-transition: all 0.5s ease-in-out;        transition: all 0.5s ease-in-out; }        .section-team .main-team .main-content .team-box .info:before {          content: '';          position: absolute;          bottom: -7px;          left: 47%;          width: 0;          height: 0;          border-left: 9px solid transparent;          border-right: 9px solid transparent;          border-top: 9px solid #77cad2; }        .section-team .main-team .main-content .team-box .info a {          background: #472c35;          color: white;          width: 50px;          height: 50px;          display: block;          border-radius: 50%;          text-align: center;          padding-top: 18px;          font-size: 12px;          float: left;          margin-right: 22px; }          .section-team .main-team .main-content .team-box .info a .fa-facebook-f:before {            content: "\f39e"; }          .section-team .main-team .main-content .team-box .info a:hover {            background: #edc92a; }        .section-team .main-team .main-content .team-box .info h5 {          text-transform: uppercase;          font-weight: bold;          color: white;          padding-top: 4px; }        .section-team .main-team .main-content .team-box .info p {          font-size: 14px;          color: white; }      .section-team .main-team .main-content .team-box .img-team {        position: relative; }        .section-team .main-team .main-content .team-box .img-team img {          -webkit-filter: grayscale(100%);          -ms-filter: grayscale(100%);          -moz-filter: grayscale(100%);          transition: all 0.3s ease; }    .section-team .main-team .main-content .team-box:nth-child(1) {      padding-left: 0; }.section-team.style-2 .main-team .main-content {  margin-top: 67px; }  .section-team.style-2 .main-team .main-content .team-box:hover .info a {    background: #472c35;    color: white;    transition: all 0.5s ease; }  .section-team.style-2 .main-team .main-content .team-box .info {    opacity: 1;    visibility: visible;    background: #f2f2f2;    position: relative;    z-index: 9;    transform: none;    margin-top: 5px; }    .section-team.style-2 .main-team .main-content .team-box .info::before {      display: none; }    .section-team.style-2 .main-team .main-content .team-box .info a {      background: white;      color: #472c35;      transition: all 0.5s ease; }    .section-team.style-2 .main-team .main-content .team-box .info h5 {      color: #472c35; }    .section-team.style-2 .main-team .main-content .team-box .info p {      color: #472c35; }section.tf-section.section-team.style-2.s1 {  padding-bottom: 45px; }/***====================================================================14.	Partner Section==================================================================== ***/.section-partner {  padding-bottom: 80px; }  .section-partner .partners {    border-top: 1px solid rgba(71, 44, 53, 0.102);    padding: 50px 0px; }    .section-partner .partners img {      opacity: 0.2;      transition: all 500ms ease; }      .section-partner .partners img:hover {        opacity: 1;        transition: all 500ms ease; }.section-partner.style-2 {  background: #77cad2;  padding-top: 60px;  padding-bottom: 63px; }  .section-partner.style-2 .partners {    border: none; }    .section-partner.style-2 .partners img {      opacity: 0.5;      transition: all 500ms ease; }      .section-partner.style-2 .partners img:hover {        opacity: 1;        transition: all 500ms ease; }.section-partner.s1 {  padding-bottom: 68px;  position: relative; }  .section-partner.s1::after {    content: '';    width: 100%;    height: 3px;    background: #edc92a;    position: absolute;    bottom: 0;    left: 0; }/***====================================================================15.	Couter Section==================================================================== ***/.section-counter {  background: url("../images/background/counter.jpg") no-repeat;  background-size: cover;  background-position: center center;  padding-top: 110px;  padding-left: 17px;  padding-bottom: 110px; }  .section-counter .main-counter .heading-title {    text-align: center; }    .section-counter .main-counter .heading-title h2.title {      color: white;      padding-top: 23px;      line-height: 1; }      .section-counter .main-counter .heading-title h2.title .whitespace {        width: 14px; }  .section-counter .main-counter .list-counter {    display: flex;    padding-top: 50px; }    .section-counter .main-counter .list-counter .themesflat-content-box {      width: 25%;      border: 2px solid rgba(255, 255, 255, 0.1);      margin-right: 30px; }      .section-counter .main-counter .list-counter .themesflat-content-box .counter-item {        padding: 47px 29px 11px 29px; }        .section-counter .main-counter .list-counter .themesflat-content-box .counter-item h5 {          color: #77cad2;          font-weight: bold; }        .section-counter .main-counter .list-counter .themesflat-content-box .counter-item .number-wrap {          margin-left: -3px;          margin-top: -2px; }          .section-counter .main-counter .list-counter .themesflat-content-box .counter-item .number-wrap span {            color: white;            font-size: 72px;            text-transform: uppercase;            font-weight: 300; }    .section-counter .main-counter .list-counter .themesflat-content-box:nth-child(2) h5 {      color: #edc92a; }    .section-counter .main-counter .list-counter .themesflat-content-box:nth-child(3) h5 {      color: #5cc976; }    .section-counter .main-counter .list-counter .themesflat-content-box:nth-child(4) {      margin-right: 0; }      .section-counter .main-counter .list-counter .themesflat-content-box:nth-child(4) h5 {        color: #5bd3de; }.section-counter.style-2 {  background: rgba(71, 44, 53, 0.051); }  .section-counter.style-2 .main-counter .heading-title h2.title {    color: #472c35; }  .section-counter.style-2 .main-counter .list-counter .themesflat-content-box {    border: 2px solid rgba(71, 44, 53, 0.1); }    .section-counter.style-2 .main-counter .list-counter .themesflat-content-box .number-wrap span {      color: #472c35; }/***====================================================================16.	Testimonials Section==================================================================== ***/.section-testimonials {  background: rgba(71, 44, 53, 0.051);  padding-top: 110px;  padding-left: 16px;  padding-bottom: 210px; }  .section-testimonials .main-testimonials .intro-heading .title .whitespace {    width: 10px; }  .section-testimonials .owl-dots {    display: none; }  .section-testimonials .owl-carousel .owl-stage-outer {    padding-top: 40px; }  .section-testimonials .themesflat-carousel-box {    position: relative;    padding-top: 40px;    cursor: w-resize; }    .section-testimonials .themesflat-carousel-box .owl-nav {      position: absolute;      left: 46%;      bottom: -89px;      display: flex; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev.disabled:after,      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next.disabled:after {        opacity: 1 !important;        transition: all 0.5s ease;        transform: rotate(135deg);        clip: rect(0px, 50px, 35px, 0px); }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev.disabled::before {        color: #77cad2; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next.disabled::before {        color: #77cad2; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev::before {        content: "\eac9";        font-size: 18px;        font-family: 'IcoFont';        color: #472c35; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next::before {        content: "\eaca";        font-size: 18px;        font-family: 'IcoFont';        color: #472c35; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev.disabled,      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next.disabled {        border: none;        background: rgba(252, 85, 70, 0.102); }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev.disabled:after,      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next.disabled:after {        opacity: 1 !important;        transform: rotate(135deg);        clip: rect(0px, 50px, 35px, 0px);        transition: all 0.5s ease; }      .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev,      .section-testimonials .themesflat-carousel-box .owl-nav .owl-next {        width: 40px;        height: 40px;        border-radius: 50%;        background: transparent;        margin-right: 12px;        font-size: 0;        display: flex;        justify-content: center;        align-items: center;        position: relative;        border: 1px solid rgba(71, 44, 53, 0.1); }        .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev::after,        .section-testimonials .themesflat-carousel-box .owl-nav .owl-next::after {          content: '';          width: 100%;          height: 100%;          clip: rect(0px, 0px, 0px, 0px);          border: 1px solid #77cad2;          border-radius: 50%;          position: absolute;          z-index: 99;          top: 0;          left: 0;          opacity: 0;          transition: all 0.5s ease; }        .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev:hover,        .section-testimonials .themesflat-carousel-box .owl-nav .owl-next:hover {          border: none;          background: rgba(252, 85, 70, 0.102);          transition: all 0.5s ease; }        .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev:hover:before,        .section-testimonials .themesflat-carousel-box .owl-nav .owl-next:hover:before {          color: #77cad2;          transition: all 0.5s ease; }        .section-testimonials .themesflat-carousel-box .owl-nav .owl-prev:hover::after,        .section-testimonials .themesflat-carousel-box .owl-nav .owl-next:hover::after {          opacity: 1;          transition: all 0.5s ease;          transform: rotate(135deg);          clip: rect(0px, 50px, 35px, 0px); }    .section-testimonials .themesflat-carousel-box .themesflat-testimonial {      background: white;      border-radius: 5px; }      .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item {        padding: 43px 35px 32px 30px; }        .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .img-item {          padding-left: 26px;          background: #fff;          position: absolute;          width: 70px;          height: 70px;          border-radius: 50%;          padding-top: 18px;          top: -37px;          border: 1px solid #f6f4f5; }          .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .img-item img {            width: auto; }        .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .text {          font-weight: 400;          line-height: 1.5; }        .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author {          padding-top: 19px; }          .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info {            float: left;            padding-right: 22px; }            .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info img {              width: auto;              float: left;              padding-right: 2px; }            .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info ul {              display: inline-block; }            .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info li {              list-style-type: none;              background: #77cad2;              width: 30px;              height: 50px;              padding-top: 16px;              display: inline-block;              text-align: center; }              .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info li a {                color: white; }                .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .info li a:hover {                  color: #edc92a; }          .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .name {            padding-top: 7px; }            .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .name h5 {              text-transform: uppercase;              font-weight: 500; }            .section-testimonials .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .name p {              font-size: 14px; }.section-testimonials.style-2 {  background: url("../images/background/testimonials.jpg") no-repeat;  background-size: cover;  background-position: center center;  padding-top: 80px; }  .section-testimonials.style-2 .themesflat-carousel-box .themesflat-testimonial {    background: rgba(255, 255, 255, 0.078); }    .section-testimonials.style-2 .themesflat-carousel-box .themesflat-testimonial .testimonials-item .img-item {      background: #595959;      border: 2px solid #4b4b4b;      padding-left: 24px;      position: absolute;      width: 70px;      height: 70px;      border-radius: 50%;      padding-top: 18px;      top: -36px;      left: 33px; }    .section-testimonials.style-2 .themesflat-carousel-box .themesflat-testimonial .testimonials-item .text {      color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .name h5 {      color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .themesflat-testimonial .testimonials-item .author .name p {      color: #97868c; }  .section-testimonials.style-2 .themesflat-carousel-box .owl-prev {    border: 1px solid rgba(255, 255, 255, 0.1);    color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .owl-prev::before {      color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .owl-prev:hover {      color: #77cad2; }  .section-testimonials.style-2 .themesflat-carousel-box .owl-next {    border: 1px solid rgba(255, 255, 255, 0.1);    color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .owl-next::before {      color: white; }    .section-testimonials.style-2 .themesflat-carousel-box .owl-next:hover {      color: #77cad2; }.section-testimonials.ab {  position: relative; }  .section-testimonials.ab::after {    content: '';    width: 100%;    height: 3px;    background: #edc92a;    position: absolute;    bottom: 0;    left: 0; }.section-testimonials.s1 {  padding-bottom: 117px; }/***====================================================================17.	Blog Section==================================================================== ***/.section-blog {  /*padding-left: 16px;*/ }  .section-blog .blog-main {    display: flex; }    .section-blog .blog-main .blog-control {      width: 31.6%;      margin-right: 30px; }      .section-blog .blog-main .blog-control .box-left-control {        text-align: left;        background: #3a3839;        background-size: cover;        background-position: center center;        padding: 118px 45px 300px 28px; }        .section-blog .blog-main .blog-control .box-left-control .main-control .sub-title {          text-transform: uppercase;          color: #77cad2;          font-weight: 400; }          .section-blog .blog-main .blog-control .box-left-control .main-control .sub-title span.whitespace {            width: 3px; }        .section-blog .blog-main .blog-control .box-left-control .main-control .title-parent {          position: relative; }          .section-blog .blog-main .blog-control .box-left-control .main-control .title-parent .title {            color: white;            padding-top: 12px; }            .section-blog .blog-main .blog-control .box-left-control .main-control .title-parent .title .whitespace {              width: 16px; }          .section-blog .blog-main .blog-control .box-left-control .main-control .title-parent .title:nth-child(2) {            position: absolute;            top: 0;            left: 53px;            width: 49px;            color: #77cad2;            overflow: hidden; }        .section-blog .blog-main .blog-control .box-left-control .main-control .text {          color: rgba(255, 255, 255, 0.6); }    .section-blog .blog-main .blog-list-main {      width: 65.8%; }      .section-blog .blog-main .blog-list-main .owl-nav {        position: absolute;        left: -370px;        top: 500px;        display: flex; }        .section-blog .blog-main .blog-list-main .owl-nav .owl-prev.disabled:after,        .section-blog .blog-main .blog-list-main .owl-nav .owl-next.disabled:after {          opacity: 1 !important;          transition: all 0.5s ease;          transform: rotate(135deg);          clip: rect(0px, 70px, 50px, 0px); }        .section-blog .blog-main .blog-list-main .owl-nav .owl-prev::before {          content: "\eac9";          font-size: 24px;          font-family: 'IcoFont';          color: rgba(255, 255, 255, 0.5); }        .section-blog .blog-main .blog-list-main .owl-nav .owl-next::before {          content: "\eaca";          font-size: 24px;          font-family: 'IcoFont';          color: rgba(255, 255, 255, 0.5); }        .section-blog .blog-main .blog-list-main .owl-nav .owl-prev.disabled:after,        .section-blog .blog-main .blog-list-main .owl-nav .owl-next.disabled:after {          opacity: 1 !important;          transition: all 0.5s ease;          transform: rotate(135deg);          clip: rect(0px, 70px, 50px, 0px); }        .section-blog .blog-main .blog-list-main .owl-nav .owl-prev,        .section-blog .blog-main .blog-list-main .owl-nav .owl-next {          width: 60px;          height: 60px;          border-radius: 50%;          background: rgba(255, 255, 255, 0.102);          margin-right: 20px;          font-size: 0;          display: flex;          justify-content: center;          align-items: center;          position: relative; }          .section-blog .blog-main .blog-list-main .owl-nav .owl-prev::after,          .section-blog .blog-main .blog-list-main .owl-nav .owl-next::after {            content: '';            width: 100%;            height: 100%;            clip: rect(0px, 0px, 0px, 0px);            border: 1px solid #ffffff;            border-radius: 50%;            position: absolute;            top: 0;            left: 0;            opacity: 0;            transition: all 0.5s ease; }          .section-blog .blog-main .blog-list-main .owl-nav .owl-prev:hover::after,          .section-blog .blog-main .blog-list-main .owl-nav .owl-next:hover::after {            opacity: 1;            transition: all 0.5s ease;            transform: rotate(135deg);            clip: rect(0px, 70px, 50px, 0px); }      .section-blog .blog-main .blog-list-main .list-blog-box {        display: flex;        padding-top: 120px; }        .section-blog .blog-main .blog-list-main .list-blog-box .blog-big {          width: 61.5%; }        .section-blog .blog-main .blog-list-main .list-blog-box .blog-sm {          width: 35%;          margin-left: 31px; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-sm p.text {            display: none; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-sm .blog-item:nth-child(2) {            margin-top: 42px; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-sm .btn-blog {            display: none; }        .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box {          position: relative; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box .category {            position: absolute;            z-index: 3;            top: 10px;            right: 10px;            background: #77cad2;            color: white;            padding: 6px 14px 2px 14px;            font-size: 16px;            font-weight: 600;            border-radius: 3px; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box .category:hover {              color: #edc92a; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box .click-img {            position: relative;            overflow: hidden;            width: 100%; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box .click-img img {              -webkit-filter: grayscale(100%);              -ms-filter: grayscale(100%);              -moz-filter: grayscale(100%);              transition: all 0.3s ease;              -webkit-transition: all 0.5s ease;              -moz-transition: all 0.5s ease;              -ms-transition: all 0.5s ease;              -o-transition: all 0.5s ease;              transition: all 0.5s ease; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .img-box .click-img:hover img {              transform: scale(1.2);              -webkit-filter: grayscale(0%);              -ms-filter: grayscale(0%);              -moz-filter: grayscale(0%);              transition: all 0.3s ease;              -webkit-transition: all 0.5s ease;              -moz-transition: all 0.5s ease;              -ms-transition: all 0.5s ease;              -o-transition: all 0.5s ease;              transition: all 0.5s ease; }        .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content {          padding-top: 19px;          padding-right: 35px; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog .time {            float: left;            padding-right: 50px; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog .time a {              font-size: 16px;              font-weight: 400;              color: #472c35; }              .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog .time a:hover {                color: #77cad2; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog li {            list-style-type: none;            font-size: 14px; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog li a {              color: #6b575e; }              .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content .meta-blog li a:hover {                color: #77cad2; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content h4.title {            display: inline-block;            padding-top: 8px; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content h4.title a {              font-size: 24px;              font-weight: 600;              color: #472c35; }              .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content h4.title a:hover {                color: #77cad2; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .content p.text {            font-size: 14px;            padding-top: 15px; }        .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .btn-blog {          padding-top: 25px; }          .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .btn-blog .btn-action {            padding: 17px 41px 11px 42px; }            .section-blog .blog-main .blog-list-main .list-blog-box .blog-item .btn-blog .btn-action span {              font-size: 16px; }.section-blog.style-2 {  padding-top: 120px;  padding-bottom: 120px; }  .section-blog.style-2 .blog-main .blog-list-main {    width: 100%; }    .section-blog.style-2 .blog-main .blog-list-main .list-blog-box {      padding-top: 45px; }      .section-blog.style-2 .blog-main .blog-list-main .list-blog-box .blog-item {        margin-right: 30px; }        .section-blog.style-2 .blog-main .blog-list-main .list-blog-box .blog-item .content {          padding-right: 0; }          .section-blog.style-2 .blog-main .blog-list-main .list-blog-box .blog-item .content p.text {            padding-right: 20px; }        .section-blog.style-2 .blog-main .blog-list-main .list-blog-box .blog-item .img-box img {          width: 100%; }      .section-blog.style-2 .blog-main .blog-list-main .list-blog-box .blog-item:nth-child(3) {        margin-right: 0; }.section-blog.style-2.s1 {  padding-top: 70px; }.section-blog.style-2.s1 .blog-main .blog-list-main .list-blog-box {  padding-top: 50px; }/***====================================================================18.	Page title==================================================================== ***/.tp-bullets {  display: block !important; }.page-title {  background: url("../images/background/back2.png") no-repeat;  /*background: url("../images/background/page-title.jpg") no-repeat;*/  background-size: cover;  background-position: center center;  padding: 292px 0 150px 18px;  margin-top: -142px;  position: relative; }  .page-title::after {    content: '';    width: 611px;    height: 529px;    background: url(../images/background/persion.png) no-repeat;    position: absolute;    bottom: 0;    right: 228px; }  .page-title .main-page h1.title {    color: white; }  .page-title .main-page .list-page {    padding-top: 15px; }    .page-title .main-page .list-page li {      font-size: 24px;      color: #77cad2;      text-transform: uppercase;      display: inline-block;      padding-right: 4px;      font-weight: bold; }      .page-title .main-page .list-page li a,      .page-title .main-page .list-page li span {        color: white; }      .page-title .main-page .list-page li span {        font-size: 22px;        font-weight: 400; }.page-title.contact {  padding: 264px 0 335px 18px; }  .page-title.contact::after {    content: '';    background: url(../images/background/persion-contact.png) no-repeat;    top: 0;    height: 100%; }/***====================================================================19.	Project Details==================================================================== ***/.section-portfolio-details {  padding-bottom: 120px;  padding-top: 120px;  padding-left: 16px; }  .section-portfolio-details .main-project-details {    display: flex; }    .section-portfolio-details .main-project-details .project-content {      width: 66%;      margin-right: 30px; }      .section-portfolio-details .main-project-details .project-content .themesflat-portfolio {        padding-bottom: 42px; }      .section-portfolio-details .main-project-details .project-content p {        font-size: 16px;        color: #6b575e;        padding-top: 29px;        line-height: 1.9em; }      .section-portfolio-details .main-project-details .project-content .video-detail {        display: flex;        padding-top: 24px;        padding-bottom: 13px; }        .section-portfolio-details .main-project-details .project-content .video-detail .box-video {          padding-left: 0;          padding-right: 0;          background: url("../images/background/video.jpg") no-repeat;          background-size: cover;          background-position: center center;          width: 75%;          display: flex;          justify-content: center;          align-items: center; }          .section-portfolio-details .main-project-details .project-content .video-detail .box-video .crirle {            width: 100px;            height: 100px;            background: #77cad2;            border-radius: 50%;            display: flex;            justify-content: center;            align-items: center;            position: relative; }            .section-portfolio-details .main-project-details .project-content .video-detail .box-video .crirle span.icon-play-button {              font-size: 60px;              color: #fff; }          .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box {            position: relative;            background: url("../images/background/video.jpg") no-repeat;            background-position: center center;            padding: 130px 0;            background-color: #cccccc;            box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.05);            border: none; }            .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .overlay {              background: #cccccc;              opacity: 0.6;              width: 100%;              height: 100%;              position: absolute;              z-index: 9;              top: 0;              left: 0; }            .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox {              width: 100%;              text-align: center;              top: 36%; }              .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox a.fancybox {                display: inline-block;                background: #77cad2;                width: 96px;                height: 96px;                border-radius: 50%;                position: relative;                z-index: 999; }                .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox a.fancybox span i {                  font-size: 28px;                  padding-top: 33%;                  color: white; }                .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox a.fancybox::before {                  content: '';                  width: 100%;                  height: 100%;                  border-radius: 50%;                  border: 3px solid #77cad2;                  position: absolute;                  top: 0;                  left: 0;                  -webkit-transition: all 0.5s ease;                  -moz-transition: all 0.5s ease;                  -ms-transition: all 0.5s ease;                  -o-transition: all 0.5s ease;                  transition: all 0.5s ease; }              .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i {                position: absolute;                top: 23%;                left: 45%;                color: #6b575e;                font-size: 20px;                width: 96px;                height: 96px;                border-radius: 50%;                padding: 20px 40px;                line-height: 60px;                background: #77cad2;                -webkit-transition: all 0.3s ease-in-out;                -moz-transition: all 0.3s ease-in-out;                -ms-transition: all 0.3s ease-in-out;                -o-transition: all 0.3s ease-in-out;                transition: all 0.3s ease-in-out; }                .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i:before {                  font-size: 24px; }                .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i:after {                  content: '';                  width: 96px;                  height: 96px;                  border: 2px solid black; }              .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox .box-content {                background: #ffa800;                width: 100%;                height: auto;                text-align: center;                margin-top: 50px;                padding: 10px 0; }                .section-portfolio-details .main-project-details .project-content .video-detail .box-video .box .flat-video-fancybox .box-content .title-video {                  font-weight: 400;                  margin: 0; }        .section-portfolio-details .main-project-details .project-content .video-detail img {          margin-left: 30px; }      .section-portfolio-details .main-project-details .project-content .featured {        background: #472c35;        margin-top: 40px;        margin-bottom: 12px;        padding: 41px 51px 36px 51px; }        .section-portfolio-details .main-project-details .project-content .featured h4 {          color: white;          line-height: 1.7; }      .section-portfolio-details .main-project-details .project-content .review {        position: relative;        margin-top: 42px;        padding-top: 70px; }        .section-portfolio-details .main-project-details .project-content .review h4.title {          font-weight: 600;          padding-bottom: 34px; }        .section-portfolio-details .main-project-details .project-content .review::before {          content: '';          width: 100%;          height: 1px;          background: rgba(71, 44, 53, 0.102);          position: absolute;          top: 0;          left: 0; }      .section-portfolio-details .main-project-details .project-content .form-review h4.title {        font-weight: 600;        padding-bottom: 6px; }      .section-portfolio-details .main-project-details .project-content .form-review p {        font-size: 14px; }        .section-portfolio-details .main-project-details .project-content .form-review p span {          color: #ff0101; }      .section-portfolio-details .main-project-details .project-content .form-review p.r {        padding-top: 0 !important;        margin-top: -10px;        float: left;        padding-right: 20px; }      .section-portfolio-details .main-project-details .project-content .form-review .list-star {        margin-top: -7px; }        .section-portfolio-details .main-project-details .project-content .form-review .list-star li {          display: inline-block; }          .section-portfolio-details .main-project-details .project-content .form-review .list-star li a {            color: #6b575e; }            .section-portfolio-details .main-project-details .project-content .form-review .list-star li a i {              font-size: 14px; }              .section-portfolio-details .main-project-details .project-content .form-review .list-star li a i:before {                margin-right: -2px; }      .section-portfolio-details .main-project-details .project-content .boxitem .box-item-content .info {        padding-top: 46px; }        .section-portfolio-details .main-project-details .project-content .boxitem .box-item-content .info img {          float: left;          padding-right: 4px; }        .section-portfolio-details .main-project-details .project-content .boxitem .box-item-content .info h4 {          font-size: 36px;          font-weight: 500; }      .section-portfolio-details .main-project-details .project-content .img-detail {        padding-top: 40px;        padding-bottom: 40px;        display: flex; }        .section-portfolio-details .main-project-details .project-content .img-detail img.img-dt {          padding-right: 20px;          width: 50%; }/***====================================================================20.	Blog Detail==================================================================== ***/.section-blog-details {  padding-bottom: 120px;  padding-top: 120px;  padding-left: 16px; }  .section-blog-details .main-blog-details {    display: flex; }    .section-blog-details .main-blog-details .blog-content {      width: 66%;      margin-right: 30px; }      .section-blog-details .main-blog-details .blog-content .themesflat-blog {        padding-bottom: 42px; }      .section-blog-details .main-blog-details .blog-content p {        font-size: 16px;        color: #6b575e;        padding-top: 29px;        line-height: 1.9em; }      .section-blog-details .main-blog-details .blog-content .video-detail {        display: flex;        padding-top: 24px;        padding-bottom: 13px; }        .section-blog-details .main-blog-details .blog-content .video-detail .box-video {          padding-left: 0;          padding-right: 0;          background: url("../images/blog/blog-video.jpg") no-repeat;          background-size: cover;          background-position: center center;          width: 100%;          display: flex;          justify-content: center;          align-items: center; }          .section-blog-details .main-blog-details .blog-content .video-detail .box-video .crirle {            width: 100px;            height: 100px;            background: #77cad2;            border-radius: 50%;            display: flex;            justify-content: center;            align-items: center;            position: relative; }            .section-blog-details .main-blog-details .blog-content .video-detail .box-video .crirle span.icon-play-button {              font-size: 60px;              color: #fff; }          .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box {            position: relative;            background: url("../images/background/video.jpg") no-repeat;            background-position: center center;            padding: 132px 0;            background-color: #cccccc;            box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.05);            border: none; }            .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .overlay {              background: #cccccc;              opacity: 0.6;              width: 100%;              height: 100%;              position: absolute;              z-index: 9;              top: 0;              left: 0; }            .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox {              width: 100%;              text-align: center;              top: 36%; }              .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox a.fancybox {                display: inline-block;                background: #77cad2;                width: 96px;                height: 96px;                border-radius: 50%;                position: relative;                z-index: 999; }                .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox a.fancybox span i {                  font-size: 28px;                  padding-top: 33%;                  color: white; }                .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox a.fancybox::before {                  content: '';                  width: 100%;                  height: 100%;                  border-radius: 50%;                  border: 3px solid #77cad2;                  position: absolute;                  top: 0;                  left: 0;                  -webkit-transition: all 0.5s ease;                  -moz-transition: all 0.5s ease;                  -ms-transition: all 0.5s ease;                  -o-transition: all 0.5s ease;                  transition: all 0.5s ease; }              .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i {                position: absolute;                top: 23%;                left: 45%;                color: #6b575e;                font-size: 20px;                width: 96px;                height: 96px;                border-radius: 50%;                padding: 20px 40px;                line-height: 60px;                background: #77cad2;                -webkit-transition: all 0.3s ease-in-out;                -moz-transition: all 0.3s ease-in-out;                -ms-transition: all 0.3s ease-in-out;                -o-transition: all 0.3s ease-in-out;                transition: all 0.3s ease-in-out; }                .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i:before {                  font-size: 24px; }                .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox .overlay-inner i:after {                  content: '';                  width: 96px;                  height: 96px;                  border: 2px solid black; }              .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox .box-content {                background: #ffa800;                width: 100%;                height: auto;                text-align: center;                margin-top: 50px;                padding: 10px 0; }                .section-blog-details .main-blog-details .blog-content .video-detail .box-video .box .flat-video-fancybox .box-content .title-video {                  font-weight: 400;                  margin: 0; }        .section-blog-details .main-blog-details .blog-content .video-detail img {          margin-left: 30px; }      .section-blog-details .main-blog-details .blog-content .soundcloud {        display: flex;        padding-top: 25px;        padding-bottom: 6px; }        .section-blog-details .main-blog-details .blog-content .soundcloud .left {          width: 23%; }        .section-blog-details .main-blog-details .blog-content .soundcloud .right {          margin-left: 32px; }          .section-blog-details .main-blog-details .blog-content .soundcloud .right .top {            display: flex; }            .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-left {              width: 50%;              padding-top: 16px; }              .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-left a {                float: left;                font-size: 20px;                margin-top: 7px;                margin-left: -4px;                margin-right: 8px; }              .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-left p {                padding-top: 0;                font-size: 10px;                color: #472c35; }              .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-left p.psd {                font-weight: bold;                margin-top: -15px; }            .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-right {              width: 50%;              text-align: right; }              .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-right p {                padding-top: 0;                font-size: 10px;                margin-top: 14px; }              .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-right .list-btn {                margin-top: -19px; }                .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-right .list-btn a {                  background: #f6f4f5;                  margin-left: 7px;                  font-size: 10px;                  font-family: 'Open Sans', sans-serif;                  padding: 5px;                  border-radius: 3px; }                  .section-blog-details .main-blog-details .blog-content .soundcloud .right .top .st-right .list-btn a:hover {                    background: #77cad2; }      .section-blog-details .main-blog-details .blog-content .featured {        background: #472c35;        margin-top: 40px;        margin-bottom: 12px;        padding: 41px 51px 36px 51px; }        .section-blog-details .main-blog-details .blog-content .featured h4 {          color: white;          line-height: 1.7; }      .section-blog-details .main-blog-details .blog-content .review {        position: relative;        margin-top: 42px;        padding-top: 70px; }        .section-blog-details .main-blog-details .blog-content .review h4.title {          font-weight: 600;          padding-bottom: 34px; }        .section-blog-details .main-blog-details .blog-content .review::before {          content: '';          width: 100%;          height: 1px;          background: rgba(71, 44, 53, 0.102);          position: absolute;          top: 0;          left: 0; }      .section-blog-details .main-blog-details .blog-content .form-review h4.title {        font-weight: 600;        padding-bottom: 6px; }      .section-blog-details .main-blog-details .blog-content .form-review p {        font-size: 14px; }        .section-blog-details .main-blog-details .blog-content .form-review p span {          color: #ff0101; }      .section-blog-details .main-blog-details .blog-content .form-review p.r {        padding-top: 0 !important;        margin-top: -10px;        float: left;        padding-right: 20px; }      .section-blog-details .main-blog-details .blog-content .form-review .list-star {        margin-top: -7px; }        .section-blog-details .main-blog-details .blog-content .form-review .list-star li {          display: inline-block; }          .section-blog-details .main-blog-details .blog-content .form-review .list-star li a {            color: #6b575e; }            .section-blog-details .main-blog-details .blog-content .form-review .list-star li a i {              font-size: 14px; }              .section-blog-details .main-blog-details .blog-content .form-review .list-star li a i:before {                margin-right: -2px; }      .section-blog-details .main-blog-details .blog-content .boxitem .box-item-content .info {        padding-top: 46px; }        .section-blog-details .main-blog-details .blog-content .boxitem .box-item-content .info img {          float: left;          padding-right: 4px; }        .section-blog-details .main-blog-details .blog-content .boxitem .box-item-content .info h4 {          font-size: 36px;          font-weight: 500; }      .section-blog-details .main-blog-details .blog-content .img-detail {        padding-top: 40px;        padding-bottom: 40px;        display: flex; }        .section-blog-details .main-blog-details .blog-content .img-detail img.img-dt {          padding-right: 20px;          width: 50%; }/***====================================================================21.	Contact==================================================================== ***/.section-contact {  position: relative;  margin-top: -218px;  z-index: 99;  padding-left: 16px;  padding-bottom: 110px; }  .section-contact .contact-main .map-contact {    position: relative; }    .section-contact .contact-main .map-contact .themesflat-map-1 iframe {      border: 0;      width: 68%;      height: 770px; margin-top: 235px; }    .section-contact .contact-main .map-contact .info-contact {      position: absolute;      bottom: 212px;      right: 0;      background: white;      padding: 76px 6px 0px 30px;      width: 370px;      height: 561px;      border-bottom: 3px solid #edc92a; }      .section-contact .contact-main .map-contact .info-contact .address {        padding-bottom: 26px; }      .section-contact .contact-main .map-contact .info-contact .telephone {        padding-top: 51px;        padding-bottom: 26px; }        .section-contact .contact-main .map-contact .info-contact .telephone span {          margin-top: -3px; }      .section-contact .contact-main .map-contact .info-contact .email {        padding-top: 51px;        padding-bottom: 26px; }        .section-contact .contact-main .map-contact .info-contact .email span {          margin-top: -3px; }      .section-contact .contact-main .map-contact .info-contact .social.padding-top-70 {        padding-top: 51px; }        .section-contact .contact-main .map-contact .info-contact .social.padding-top-70 ul.list-social {          width: 72%;          float: right;          margin: 0;          line-height: 0; }          .section-contact .contact-main .map-contact .info-contact .social.padding-top-70 ul.list-social li {            display: inline-block;            padding-right: 30px;            margin-top: 2px; }            .section-contact .contact-main .map-contact .info-contact .social.padding-top-70 ul.list-social li a {              font-size: 14px; }              .section-contact .contact-main .map-contact .info-contact .social.padding-top-70 ul.list-social li a:hover {                color: #77cad2; }      .section-contact .contact-main .map-contact .info-contact h5 {        font-weight: 600;        display: inline;        width: 28%; }      .section-contact .contact-main .map-contact .info-contact span {        font-family: 'Open Sans', sans-serif;        font-size: 14px;        float: right;        width: 72%;        margin-top: -9px;        line-height: 1.7; }  .section-contact .contact-main .form-main-contact {    padding-top: 58px;    display: flex; }    .section-contact .contact-main .form-main-contact .form-contact {      width: 68%;      margin-right: 30px; }      .section-contact .contact-main .form-main-contact .form-contact h4 {        font-weight: 600;        padding-bottom: 36px; }      .section-contact .contact-main .form-main-contact .form-contact p {        font-size: 14px;        margin-bottom: 8px; }    .section-contact .contact-main .form-main-contact .slidebar {      width: 32.5%; }    .section-contact .contact-main .form-main-contact .themesflat-contact-form.style-2 {      padding-top: 36px; }/***====================================================================22.	Fotter==================================================================== ***/.footer {  background: #3a3839; }  .footer .main-footer {    padding-top: 120px;    padding-left: 0px;    padding-bottom: 15px; }    .footer .main-footer .list-footer {      display: flex; }      .footer .main-footer .list-footer .widget-about {        width: 30%; }     .footer .main-footer .list-footer .widget-about .logo a img {    width: 180px; }       .footer .main-footer .list-footer .widget-about .text {          color: white;          padding-top: 26px;          padding-left: 2px;          letter-spacing: 0.6px; }        .footer .main-footer .list-footer .widget-about .location {          padding-top: 63px;          margin-left: 2px; }          .footer .main-footer .list-footer .widget-about .location .icon-location {            float: left;            padding-right: 16px; }          .footer .main-footer .list-footer .widget-about .location p {            font-size: 14px;            margin-top: 0px; }        .footer .main-footer .list-footer .widget-about .info {          color: rgba(255, 255, 255, 0.6); }      .footer .main-footer .list-footer .widget-link {        width: 16%;        margin-top: -4px; }        .footer .main-footer .list-footer .widget-link .widget-title {          color: white;          text-transform: uppercase; }        .footer .main-footer .list-footer .widget-link .list-wrap {          padding-top: 20px; }          .footer .main-footer .list-footer .widget-link .list-wrap li {            padding-bottom: 7px; }            .footer .main-footer .list-footer .widget-link .list-wrap li a {        cursor: pointer;      color: rgba(255, 255, 255, 0.6);              font-size: 16px;              font-family: 'Open Sans', sans-serif;              -webkit-transition: all 0.5s ease;              -moz-transition: all 0.5s ease;              -ms-transition: all 0.5s ease;              -o-transition: all 0.5s ease;              transition: all 0.5s ease;              position: relative; }              .footer .main-footer .list-footer .widget-link .list-wrap li a:before {                content: '';                position: absolute;                bottom: 0;                left: 0;                width: 1px;                height: 2px;                background: #77cad2;                opacity: 0;                visibility: hidden;                -webkit-transition: all 0.5s ease;                -moz-transition: all 0.5s ease;                -ms-transition: all 0.5s ease;                -o-transition: all 0.5s ease;                transition: all 0.5s ease; }              .footer .main-footer .list-footer .widget-link .list-wrap li a:hover {                color: #77cad2;                -webkit-transition: all 0.5s ease;                -moz-transition: all 0.5s ease;                -ms-transition: all 0.5s ease;                -o-transition: all 0.5s ease;                transition: all 0.5s ease; }                .footer .main-footer .list-footer .widget-link .list-wrap li a:hover:before {                  opacity: 1;                  visibility: visible;                  width: 100%;                  -webkit-transition: all 0.5s ease;                  -moz-transition: all 0.5s ease;                  -ms-transition: all 0.5s ease;                  -o-transition: all 0.5s ease;                  transition: all 0.5s ease; }      .footer .main-footer .list-footer .widget-link.v2 {        padding-left: 15px; }      .footer .main-footer .list-footer .widget-link.v1 {		  width: 20%;        padding-left: 60px; }        .footer .main-footer .list-footer .widget-link.v2 .list-wrap li {          padding-bottom: 15px; }      .footer .main-footer .list-footer .widget-contact-form {        width: 50%;        padding-left: 160px; }        .footer .main-footer .list-footer .widget-contact-form .heading {          position: relative; }          .footer .main-footer .list-footer .widget-contact-form .heading img {            position: absolute;            z-index: 2;            top: -25px;            left: 0; }          .footer .main-footer .list-footer .widget-contact-form .heading h3 {            color: white;            z-index: 3;            text-transform: none;            font-weight: 500;            margin-top: -7px; }          .footer .main-footer .list-footer .widget-contact-form .heading p {            color: white;            font-size: 14px;            padding-top: 6px; }        .footer .main-footer .list-footer .widget-contact-form .fomr-contact {          padding-top: 27px; }          .footer .main-footer .list-footer .widget-contact-form .fomr-contact .form-group {            position: relative; }            .footer .main-footer .list-footer .widget-contact-form .fomr-contact .form-group input {              width: 100%;              background: transparent;              border: 2px solid rgba(255, 255, 255, 0.1);              padding: 22px 0px 22px 18px;              font-size: 14px;              font-family: 'Open Sans', sans-serif;              color: rgba(255, 255, 255, 0.6); }              .footer .main-footer .list-footer .widget-contact-form .fomr-contact .form-group input:focus {                border-color: #77cad2; }            .footer .main-footer .list-footer .widget-contact-form .fomr-contact .form-group button.btn {              z-index: 999;              background: #77cad2;              font-size: 16px;              font-weight: bold;              text-transform: uppercase;              color: white;              position: absolute;              top: 3px;              right: 3px;              padding: 21px 19px 15px 20px;              border-radius: 3px; }              .footer .main-footer .list-footer .widget-contact-form .fomr-contact .form-group button.btn:hover {                background: #edc92a;                color: #472c35; }        .footer .main-footer .list-footer .widget-contact-form h6.copyright {          color: white;          padding-top:0px;          letter-spacing: 0.6px; margin-top: 140px; }          .footer .main-footer .list-footer .widget-contact-form h6.copyright span {            color: #77cad2;            font-weight: 600; }    .footer .main-footer .bottom-footer {      display: flex;      padding-left: 2px;      padding-bottom: 23px; }      .footer .main-footer .bottom-footer .content {        width: 70%; }        .footer .main-footer .bottom-footer .content h5 {          display: inline-block;          color: rgba(255, 255, 255, 0.6);          text-transform: uppercase;          letter-spacing: 0.4px;          padding-left: 56px; }          .footer .main-footer .bottom-footer .content h5 span {            color: #77cad2;            margin-left: -3px; }        .footer .main-footer .bottom-footer .content ul {          /*padding-left: 56px;*/          display: inline-block; }          .footer .main-footer .bottom-footer .content ul li {            display: inline-block;            padding-right: 29px; }            .footer .main-footer .bottom-footer .content ul li a {              color: rgba(255, 255, 255, 0.6);              text-transform: uppercase;              font-weight: 500;              letter-spacing: 0.4px; }              .footer .main-footer .bottom-footer .content ul li a:hover {                color: #77cad2; }      .footer .main-footer .bottom-footer .info {        width: 30%;        text-align: right; }        .footer .main-footer .bottom-footer .info .list-social li {          display: inline-block;          padding-left: 29px; }          .footer .main-footer .bottom-footer .info .list-social li a {            color: white;            font-size: 14px; }            .footer .main-footer .bottom-footer .info .list-social li a:hover {              color: #77cad2; }            .footer .main-footer .bottom-footer .info .list-social li a.active {              color: #77cad2; }    .footer .main-footer hr {      background: rgba(255, 255, 255, 0.6);      margin-top: 60px;      margin-bottom: 40px; }/*# sourceMappingURL=style.css.map *//* pp */.contact_wrap_cls input {    margin-bottom: 15px;}.contact_wrap_cls textarea {    margin-bottom: 15px;}.contact-wrap.contact_wrap_cls {    padding: 30px;    background: #77cad2;    border-radius: 20px;    margin: 40px 0px;}.contact_wrap_cls button.btn.btn-primary {    background: #3a3839;    border-color: #3a3839;    display: block;    margin: 10px auto 0;}.get_started_btn {    z-index: 999;    background: #77cad2;    font-size: 16px;    font-weight: bold;    text-transform: uppercase;    color: white;    position: absolute;    top: -28px;    right: 217px;    padding: 21px 19px 15px 20px;    border-radius: 3px;}ul#menu-primary-menu li a.menu-main {    cursor: pointer;}
.play-btn {
    width: 100px;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
    opacity: 0;
    top: -247px;
    left: 298px;
}
.col-md-6:hover .play-btn{
      opacity: 1;
}
.img-fluid {
    /* max-width: 83%; */
    min-width: 180%;
    margin-top: -76px;
    height: auto;
    /* width: 100%; */
}