/* ----------------------------------



Main Font    : Poppins
Main Color   : #1cb9c8

-------------------------------------

Table of contents
        
    01. Template default css
    02. Navbar
        - Navbar Default
        - Navbar Sticky
        - Navbar Transparent
        - Nav With Topbar
    03. Banner
    04. Features
    05. About Area
    06. Services
        - Carousel
        - Grid
        - Static
    07. Portfolio
        - Grid Colum
        - Masonary Colum
    08. Team
        - Carousel
        - Grid
        - Static
    09. Pricing Area
    10. Fun Factor
    11. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
    12. Clients Area
    13. Faq
    14. Concat Area
    15. Subscribe Form
    16. Error 404
    17. Footer
    18. PHP Contact Form
    19. Others

*/


/*
** General Styles for HTML tags
*/

/* TABLE CSS START HERE 
 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #333;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #333;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #333;
    border-top-style: solid;
    border-top-width: 1px;
	color:#000;
}

th {
  background-color: #c1c1c1;
  color: white;
}

.table-bordered > strong {
font-weight:800;
}


.
/* TABLE CSS ENDS HERE */

.shadow{
  box-shadow: 0 1rem 3rem rgba(0,0,0,.500)!important;
}

.row{
  display: flex;
  flex-wrap: wrap;
}

.justify-content-between{
  justify-content: space-between;
}

.contacts.row::before,
.contacts.row::after{
  content: none;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: 2px solid #333;
  border-top-color: rgb(51, 51, 51);
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: rgb(51, 51, 51);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(51, 51, 51);
  border-left-style: solid;
  border-left-width: 1px;
}

/* TABLE CSS START HERE */
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  overflow-x: auto;
  display: table;
  table-layout: fixed;
  display: block;
  color: #333333;
}

.table-responsive>.table {
  margin-bottom: 0;
  background-color: #ededed;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-top-color: #333;
  border-top-style: solid;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-bottom-color: #333;
  border-bottom-style: solid;
  line-height: 1.42857;
  padding-bottom: 15px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 15px;
  vertical-align: top;
}

.table>thead>tr>th {
  border-bottom-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  vertical-align: bottom;
}

.table h1 {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
  white-space: nowrap;
}

.table-responsive>.table-bordered {
  border: 0;
}

.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.table-responsive>.table-bordered>thead>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>thead>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
  border-bottom: 0;
}

}


/* TABLE CSS ENDS HERE */




/* LINE seperator*/
.sep1 {
  border-bottom: 1px dotted #333;
  margin-bottom: 35px;
  margin-top: 75px;
  clear: both;
}

.clear {
  clear: both;
}

.media {
  align-items: flex-start;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
}

.clear {
  clear: both;
}

.align-items-top {
  padding-top: 20px;
}



#google_translate_element {
  color: transparent;
}

#google_translate_element a {
  display: none;
}

.txt {
  font-size: 18px;
  --line-height: 42px;
  height: 50px;
  margin: 0 0 5px;
  text-align: center;
  font-weight: 500;
}

a.href2:link {
  text-decoration: none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-right: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  text-align: justify;
}

a.href2:visited {
  text-decoration: none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-right: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  text-align: justify;
}

a.href2:active {
  text-decoration: none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-right: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  text-align: justify;
}

.top-header .row::before,
.top-header .row::after
{
  content: none;
}

.contacts a{
  color: #fff;
}
.hd-social{
  text-align: right;
}

.hd-social ul{
  display: flex;
  justify-content: flex-end;
}

.hd-social ul li{
  margin: 0 5px;
}

.hd-social ul li a{
  color: #fff;
}

.hd-social ul li a:hover{
  color: #b9b6b6;
  
}

.hd-social ul li a i{
  font-size: 2rem;
  color: inherit;
}

.contacts a:hover{
  color: #b9b6b6;
}
a.href2:hover {
  text-decoration: none;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-right: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  TEXT-DECORATION: underline;
  text-align: justify;
}


a.href3:link {
  margin: 0px 0px 5px 5px;
  FONT-SIZE: 18px;
  text-align: justify;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333
}

a.href3:visited {
  margin: 0px 0px 5px 5px;
  FONT-SIZE: 18px;
  text-align: justify;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333
}

a.href3:active {
  margin: 0px 0px 5px 5px;
  FONT-SIZE: 18px;
  text-align: justify;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333
}

a.href3:hover {
  margin: 0px 0px 5px 5px;
  FONT-SIZE: 18px;
  text-align: justify;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #cc0000
}


a.href4:link {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 30px;
  FONT-SIZE: 16px;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333;
  text-decoration: none;
}

a.href4:visited {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 30px;
  FONT-SIZE: 16px;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333;
  text-decoration: none;
}

a.href4:active {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 30px;
  FONT-SIZE: 16px;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #333333;
  text-decoration: none;
}

a.href4:hover {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 30px;
  FONT-SIZE: 16px;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #ff6600;
  text-decoration: none;
}

a.href5:link {
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 15px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href5:visited {
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 15px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href5:active {
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 15px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href5:hover {
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 15px;
  font-weight: bold;
  text-decoration: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #C30000
}


/* below is for go back button on product_details.php */
a.href6:link {
  background-color: #f1f1f1;
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href6:visited {
  background-color: #f1f1f1;
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href6:active {
  background-color: #f1f1f1;
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #101010
}

a.href6:hover {
  background-color: #f1f1f1;
  padding: 6px 6px 6px 6px;
  FONT-SIZE: 16px;
  font-weight: bold;
  text-decoration: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #C30000
}

/* below is for top links GetBreadcrumb function in product_details.php */
a.href7:link {
  FONT-SIZE: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #ff0000
}

a.href7:visited {
  FONT-SIZE: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #ff0000
}

a.href7:active {
  FONT-SIZE: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #ff0000
}

a.href7:hover {
  FONT-SIZE: 13px;
  font-weight: bold;
  text-decoration: underline;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #ff6600
}

/* below is for forgot pass and new user link at checkout page */
a.href8:link {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #ff0000;
  text-align: justify;
}

a.href8:visited {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #ff0000;
  text-align: justify;
}

a.href8:active {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #ff0000;
  text-align: justify;
}

a.href8:hover {
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  TEXT-DECORATION: underline;
  text-align: justify;
}

a.href9:link {
  margin: 0 0 0px 0;
  FONT-SIZE: 20px;
  TEXT-DECORATION: none;
  text-align: center;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #cc0000
}

a.href9:visited {
  margin: 0 0 0px 0;
  FONT-SIZE: 20px;
  TEXT-DECORATION: none;
  text-align: center;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #cc0000
}

a.href9:active {
  margin: 0 0 0px 0;
  FONT-SIZE: 20px;
  TEXT-DECORATION: none;
  text-align: center;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #cc0000
}

a.href9:hover {
  margin: 0 0 0px 0;
  FONT-SIZE: 20px;
  TEXT-DECORATION: none;
  text-align: center;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  COLOR: #009900
}

/* YOUTUBE RESPONSIVE CODE */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* YOUTUBE RESPONSIVE CODE ENDS */
















* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  overflow-x: hidden;
  background-color: #ffffff;
  color: #666666;
}

html,
body,
.wrapper {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #232323;
  font-weight: normal;
  line-height: 1.2;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0;
  margin: 0;
}


h1 {
  margin-bottom: 15px;
}

h2 {
  margin-bottom: 15px;
}

h3 {
  margin-bottom: 0px;
  text-align: justify;
}

h4 {
  margin-bottom: 15px;
}

h5,
h5 {
  margin-bottom: 10px;
}
  
img {
  border: none;
  outline: none;
  max-width: 100%;
}

img.image[src=""] {
  display: none;
}





label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a,
.btn,
button {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  outline: medium none;
}

a img,
iframe {
  border: none;
}

p {
  color: #666666;
  line-height: 26px;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: 400;
  text-align: justify;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #eee;
}

pre {
  display: block;
  margin: 0 0 30px;
  padding: 9.5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #333;
  border: 1px solid #ededed;
  border-radius: inherit;
  background-color: #f9f9f9;
  font-size: 13px;
  line-height: 1.42857143;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: inherit;
}

ul {
  margin: 0;
  list-style-type: none;
}

a,
a:active,
a:focus,
a:hover {
  outline: none;
  text-decoration: none;
  color: #232323;
}

a:hover {
  color: #232323;
}

a {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
}

b,
strong {
  font-weight: 900;
}

.btn.active,
.btn:active {
  background-image: inherit !important;
}

.btn.focus,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover {
  outline: 0;
}

.btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.btn.active,
.btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 50px;
}

/* Default CSS */
.container-half {
  margin: 0 auto;
  width: 60%;
  padding: 0 15px;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.bg-contain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.-bg-fixed {
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
}

.bg-fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;

}

.bg-gray {
  background-color: #f7f7f7;
}

.bg-theme-small {
  background-color: #edf5ff;
}

.bg-light {
  background-color: #ffffff;
}

.bg-theme {
  background-color: #1cb9c8;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light a {
  color: #ffffff;
}

.shadow {
  position: relative;
  z-index: 1;
}

.shadow.dark::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.dark-hard::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.light::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme::after {
  background: #1cb9c8 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme-hard::after {
  background: #1cb9c8 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.default-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.default-padding-top {
  padding-top: 120px;
}

.default-padding-bottom {
  padding-bottom: 120px;
}

.default-padding.bottom-less {
  padding-top: 90px;
  padding-bottom: 90px;
}

.default-padding.bottom-30 {
  padding-top: 120px;
  padding-bottom: 30px;
}

.default-padding.bottom-20 {
  padding-top: 120px;
  padding-bottom: 20px;
}

.padding-xl {
  padding-top: 180px;
  padding-bottom: 180px;
}

.carousel-shadow {
  padding-bottom: 105px;
}

.btn {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: inherit;
  overflow: hidden;
}

.btn-md {
  padding: 10px 40px 10px;
  margin: 5px;
}

.btn-sm {
  padding: 8px 35px;
  font-size: 12px;
}

.btn.btn-sm-pro {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  padding: 4px 35px;
  display: inline-block;
}

.btn-border-light {
  border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover,
.btn.btn-sm-pro.btn-border-light:focus {
  background-color: #ffffff;
  color: #232323;
  border: 2px solid #ffffff;
}

.btn-dark {
  background-color: #232323;
  color: #ffffff;
  border: 2px solid #232323;
}

.btn-dark.border {
  background-color: transparent;
  color: #232323;
  border: 2px solid #232323;
}

.btn-dark.border:hover {
  background-color: #232323;
  color: #ffffff !important;
  border: 2px solid #232323;
}

.btn.btn-light {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #232323;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.effect:hover,
.btn.btn-light.effect:focus {
  background-color: #1cb9c8;
  color: #ffffff !important;
  border: 2px solid #1cb9c8;
}

.btn.btn-light.border {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.border:hover {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 2px solid #ffffff !important;
  color: #232323 !important;
}

.btn-dark:hover,
.btn-dark:focus {
  color: #232323 !important;
  background: transparent;
}

.bg-dark {
  background: #1d2024 none repeat scroll 0 0;
}

.btn-theme {
  background-color: #1cb9c8;
  color: #ffffff !important;
  border: 2px solid #1cb9c8;
}

.btn-theme.border {
  background-color: transparent;
  color: #1cb9c8 !important;
  border: 2px solid #1cb9c8;
}

.btn-theme.border:hover {
  background-color: #1cb9c8;
  color: #ffffff !important;
  border: 2px solid #1cb9c8;
}

.btn-theme.effect:hover,
.btn-theme.effect:focus {
  background: #1cb9c8 none repeat scroll 0 0;
  border: 2px solid #1cb9c8;
  color: #ffffff;

}

.btn.btn-sm-lm {
  font-size: 12px;
  padding: 4px 35px;
}

.bg-theme a.btn-theme.btn:hover,
.bg-theme a.btn-theme.btn:focus {
  border: 2px solid #ffffff;
  color: #ffffff;
}



.bg-cover {
  background-position: center center;
  background-size: cover;
}

.container-full {
  padding: 0 0px;
  width: 100%;
}

.oh {
  overflow: hidden;
}

.less-margin {
  margin: 0;
}

.logo {
  max-width: 200px;
}

header {
  position: relative;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position: relative;
  z-index: 1;
  margin-left: 3px;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
  border: medium none;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0;
}

.attr-nav .social.right li {
  margin-left: 20px;
}

.attr-nav .social li a {
  font-size: 16px;
}

/* Navbar */
nav.bootsnav.navbar-default.info-topbar .navbar-header {
  display: none;
}

nav.bootsnav.navbar-default.info-topbar ul li a {
  margin-right: 30px;
  padding: 35px 0;
}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
  margin-right: 0;
  padding: 35px 20px;
}

.attr-nav>a.btn-theme.effect:hover,
.attr-nav>a.btn-theme.effect,
.attr-nav>a.btn-theme.effect:focus {
  background: #1cb9c8 none repeat scroll 0 0;
  border: 2px solid #1cb9c8;
  color: #ffffff !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
  margin-right: 30px;
  padding: 35px 0;
}

.attr-nav.social li {
  display: inline-block;
  padding: 25px 0 !important;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.attr-nav.social li a {
  border: 1px solid #f4f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #1cb9c8;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  padding: 0 !important;
  text-align: center;
  width: 40px;
}

nav.navbar.bootsnav.sticked .attr-nav.social li {
  display: inline-block;
  padding: 20px 0 !important;
}

.site-heading h2 {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}

.site-heading h4 {
  text-transform: uppercase;
}

.site-heading.clean h2 {
  padding-bottom: 0;
}

.site-heading.clean h2 span {
  color: #1cb9c8;
}

.site-heading h2 span {
  color: #1cb9c8;
}

.site-heading.barber h2 span {
  color: #bc9355;
}

.site-heading p {
  margin: 0;
}

.site-heading h2::before {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}

.bg-theme .site-heading h2::before,
.shadow .site-heading h2::before,
.half-bg .site-heading h2::before {
  background: #ffffff none repeat scroll 0 0;
}

.site-heading h2 span {
  color: #1cb9c8;
}

.site-heading {
  margin-bottom: 20px;
  overflow: hidden;
  margin-top: -5px;
}

.site-heading.single {
  margin-bottom: 35px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.top-border {
  border-top: 1px solid #e7e7e7;
}

/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area {
  padding: 70px 0;
}

.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  padding: 15px;
  position: relative;
  z-index: 1;
}

.breadcrumb-area .breadcrumb::after {
  background: #232323 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.breadcrumb-area h1 {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 40px;
  margin-top: -10px;
}

.breadcrumb>li+li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding: 0 5px;
  color: #ffffff;
  display: none;
}

.breadcrumb-area .breadcrumb li i {
  margin-right: 5px;
}

.breadcrumb-area .breadcrumb li {
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.breadcrumb-area .breadcrumb li::after {
  border: 2px solid #ffffff;
  content: "";
  height: 10px;
  left: -7px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.breadcrumb-area .breadcrumb li:first-child::after {
  display: none;
}

.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb li {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
}

.breadcrumb-area .breadcrumb li.active {
  color: #1cb9c8;
}


/* Topbar CSS */
.top-bar-area {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
  overflow: hidden;
}

.top-bar-area .row {
  align-items: center;
  display: flex;
  float: none;
  vertical-align: middle;
}

.top-bar-area .info.box li {
  display: inline-block;
  text-align: left;
  float: left;
}

.top-bar-area .info.box li .icon,
.top-bar-area .info.box li .info {
  display: table-cell;
  vertical-align: middle;
}

.top-bar-area .info.box li .info span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.top-bar-area .info.box li .icon i {
  color: #666666;
  font-size: 30px;
}

.top-bar-area.bg-light .info.box li .icon i {
  color: #1cb9c8;
}

.top-bar-area .info.box li .icon {
  padding-right: 15px;
}

.top-bar-area .address-info.text-right .info.box li {
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}

.top-bar-area .address-info.text-left .info.box li {
  margin-right: 15px;
  padding-right: 15px;
  position: relative;
}

.top-bar-area .address-info.text-right .info.box li::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 200px;
  left: 0;
  position: absolute;
  top: -50%;
  width: 1px;
}

.top-bar-area .address-info.text-left .info.box li::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 200px;
  right: 0;
  position: absolute;
  top: -50%;
  width: 1px;
}

.top-bar-area .address-info.text-right .info.box li:first-child::after {
  display: none;
}

.top-bar-area .address-info.text-left .info.box li:last-child::after {
  display: none;
}

.top-bar-area .address-info.text-right .info.box li:first-child {
  border: medium none;
  margin-left: 0;
  padding-left: 0;
}

.top-bar-area .address-info.text-left .info.box li:last-child {
  border: medium none;
  margin-right: 0;
  padding-right: 0;
}

.top-bar-area .address-info.text-right .info {
  display: inline-block;
}

.top-bar-area .link.text-right a {
  margin-left: 5px;
}

.top-bar-area .social li {
  display: inline-block;
}

.top-bar-area .social li a {
  color: #666666;
  display: inline-block;
  font-size: 20px;
}

.top-bar-area .social.text-right li {
  margin-left: 15px;
}

.top-bar-area.one-line li {
  margin-right: 15px;
  padding-right: 15px;
}

.top-bar-area.bg-dark li {
  color: #ffffff;
}

.top-bar-area.one-line.bg-dark li {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.top-bar-area.one-line li:last-child {
  border: medium none;
  margin-right: 0;
  padding-right: 0;
}

.top-bar-area.one-line li i {
  margin-right: 5px;
}

.top-bar-area.one-line li i {
  color: #1cb9c8;
}

.top-bar-area.one-line .link a {
  border-left: 1px solid #e7e7e7;
  font-weight: 500;
  margin-left: 13px;
  padding-left: 15px;
  text-transform: uppercase;
}

.top-bar-area.one-line.bg-dark .link a {
  border-left: 1px solid #ffffff;
}

.top-bar-area.one-line .link a:hover,
.top-bar-area.one-line .link a:last-child:hover {
  color: #1cb9c8;
}

.top-bar-area.one-line .link a:last-child {
  color: #232323;
}

.top-bar-area.one-line.bg-dark .link a:last-child {
  color: #ffffff;
}

.top-bar-area.one-line .link a:first-child {
  border: medium none;
  padding-left: 0;
}


/* ============================================================== 
     # Banner 
=================================================================== */
body,
.banner-area,
.banner-area div {
  height: 100%;
}

.banner-area.auto-height,
.banner-area.auto-height div {
  height: auto;
  min-height: 100%;
}

.banner-area .box-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-area .box-table {
  display: table;
  width: 100%;
}

.banner-area .box-cell,
.banner-area .box-cell div {
  height: auto;
}

.banner-area {
  position: relative;
  overflow: hidden;
}

.banner-area .wavesshape {
  bottom: -2px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
}

.banner-area .wavesshape.shape {
  bottom: -50px;
  height: auto;
}

.banner-area .content {
  position: relative;
  z-index: 9;
}

div#bootcarousel {
  z-index: 1;
}

.banner-area.wavesshape {
  position: relative;
  z-index: 1;
}

.banner-area.triangle-shadow {
  position: relative;
  z-index: 1;
}

.banner-area.triangle-shadow::before {
  border-bottom: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-top: 80px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 101;
}

.banner-area.shadow-inner .content {
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.banner-area.content-double .double-items {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
  vertical-align: middle;
}

.banner-area .banner-carousel .owl-item.center img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.banner-area .banner-carousel .owl-item img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}

/* Animation delays */
.banner-area .item h1:first-child,
.banner-area .item h2:first-child,
.banner-area .item h3:first-child,
.banner-area .item h4:first-child,
.banner-area .item h5:first-child,
.banner-area .item h6:first-child {
  animation-delay: .5s;
}

.banner-area .item h1:nth-child(2),
.banner-area .item h2:nth-child(2),
.banner-area .item h3:nth-child(2),
.banner-area .item h4:nth-child(2),
.banner-area .item h5:nth-child(2),
.banner-area .item h6:nth-child(2) {
  animation-delay: .7s;
}

.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
  animation-delay: .9s;
}

.banner-area .item p {
  animation-delay: .5s;
}

.banner-area .item ul {
  animation-delay: .6s;
}

.banner-area .item a,
.banner-area .item button {
  animation-delay: .7s;
}

/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}

.carousel-inner .item>.slider-thumb {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
  height: 100%;
  position: absolute;
  width: 100%;
}

#particles-js,
#ripple {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.banner-area .carousel-control {
  background: transparent none repeat scroll 0 0;
  font-size: 40px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1;
}

.banner-area .carousel-control.shadow {
  background: transparent none repeat scroll 0 0;
  color: #ffffff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-shadow: inherit;
  top: 50%;
  width: 50px;
  z-index: 1;
}

.banner-area .carousel-control.shadow::after {
  background: #1e2726 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.banner-area .carousel-control.left {
  left: -50px;
}

.banner-area:hover .carousel-control.left {
  left: 0;
}

.banner-area:hover .carousel-control.shadow.left {
  left: 20px;
}

.banner-area .carousel-control.right {
  right: -50px;
}

.banner-area:hover .carousel-control.right {
  right: 0;
}

.banner-area:hover .carousel-control.shadow.right {
  right: 20px;
}

/* Content */

.banner-area .transparent-nav .content {
  padding-top: 60px;
}

.banner-area .content {
  overflow: hidden;
}

.banner-area .content h1 {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
  line-height: 1.1;
}

.banner-area .heading-uppercase .content h1 {
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.2;
}

.banner-area .text-center .content h1 {
  line-height: 1.2;
}

.banner-area .content h1 span {
  color: #1cb9c8;
  font-weight: 700;
}

.banner-area .content p {
  font-size: 18px;
  line-height: 30px;
}

.banner-area .content a {
  margin-top: 15px;
  margin-right: 8px;
}

.banner-area .text-right .content a {
  margin-left: 8px;
}

.banner-area .text-center .content a {
  margin: 15px 4px 0;
}

.banner-area .text-center.inc-top-heading .content a {
  margin: 5px 4px 0;
}

.banner-area .inc-top-heading h3 {
  text-transform: uppercase;
}

.banner-area .inc-top-heading a {
  margin-top: 5px;
}

.banner-area .text-center p {
  padding: 0 15%;
}

.banner-area .text-dark p {
  color: #232323;
}

.banner-area.video-bg-live .mbYTP_wrapper {
  z-index: 1 !important;
}


/* ============================================================== 
     # Video Button Play
=================================================================== */
.video-play-button {
  color: #1cb9c8;
  font-size: 30px;
  left: 50%;
  padding-left: 7px;
  position: absolute;
  top: 20%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
  color: #1cb9c8;
}


/* ============================================================== 
     # About
=================================================================== */

.about-area .about-info {
  border-left: 1px solid #e7e7e7;
  padding-left: 30px;
}

.about-area.full-width .about-info {
  border: medium none;
  padding-left: 15px;
}

.about-area.inc-video .about-info {
  border: medium none;
}

.about-area.reverse.inc-video .about-info {
  padding-left: 15px;
  padding-right: 15px;
}

.about-area.reverse.inc-video .video-info {
  float: right;
}

.about-area .management-quote {
  padding-right: 30px;
}

.about-area .management-quote .management-items p {
  padding-top: 50px;
  position: relative;
}

.about-area .management-quote .management-items p::before {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 120px;
  left: 5px;
  letter-spacing: -10px;
  opacity: 0.09;
  position: absolute;
  top: 55px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.about-area .about-info li {
  float: left;
  margin-top: 30px;
  width: 50%;
}

.about-area.full-width .single-item {
  margin-bottom: 30px;
}

.about-area .about-info li:first-child,
.about-area .about-info li:nth-child(2) {
  margin-top: 10px;
}

.about-area .about-items .item a {
  padding: 50px 30px;
  display: block;
  -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
}

.about-area .about-info li i,
.about-area .about-items .item i {
  color: #1cb9c8;
  display: inline-block;
  font-size: 50px;
  margin-bottom: 20px;
}

.about-area .about-info li h4,
.about-area .about-info li h5,
.about-area .about-items .item h4,
.about-area .about-items .item h5 {
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}

.about-area h2 {
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.about-area .author {
  align-items: center;
  border-top: 1px dashed #e7e7e7;
  display: flex;
  padding-top: 20px;
}

.about-area .author .thumb {
  max-width: 100px;
}

.about-area .author .info {
  font-family: "Poppins", sans-serif;
  padding-left: 15px;
}

.about-area .author .info span {
  display: block;
  text-transform: uppercase;
}

.about-area .author .info b {
  color: #1cb9c8;
  display: block;
  font-weight: 500;
}

.about-area .management-quote .management-items .owl-dots {
  margin-top: 20px;
  text-align: center;
}

.about-area .management-quote .management-items .owl-dots .owl-dot span {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #cccccc;
  height: 20px;
  margin: 0 5px;
  width: 20px;
}

.about-area .management-quote .management-items .owl-dots .owl-dot.active span {
  background: #1cb9c8 none repeat scroll 0 0;
  border: 2px solid transparent;
}

.about-area .about-list {
  border-left: 1px solid #e7e7e7;
  padding-left: 30px;
}

.about-area .about-list ul {
  margin-bottom: -5px;
}

.about-area .about-list li .icon,
.about-area .about-list li .info {
  display: table-cell;
  vertical-align: top;
}

.about-area .about-list li .info {
  padding-top: 5px;
}

.about-area .about-list li .icon i {
  color: #1cb9c8;
  display: inline-block;
  font-size: 50px;
  min-width: 70px;
}

.about-area .about-list li .info h5 {
  font-weight: 600;
  text-transform: capitalize;
}

.about-area .about-list li {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 20px;
}

.about-area .about-list li p:last-child {
  margin-bottom: 0;
}

.about-area .about-list li:first-child {
  border: medium none;
  margin-top: 0;
  padding-top: 0;
}

.about-area .about-content .thumb img {
  position: relative;
  z-index: 1;
}

.about-area.full-width.mt .about-items {
  margin-top: 50px;
}

.about-area .about-content .info h4 {
  color: #1cb9c8;
  font-weight: 600;
  text-transform: uppercase;
}

.about-area .about-content .info h2 {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 20px;
  margin-top: -5px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.about-area .about-content .info a {
  margin-top: 10px;
}

.about-area .about-content .info a.btn-contact {
  padding: 10px;
}

.about-area .about-content .info h2::after {
  background: #232323 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.about-area .about-content ul {
  margin-bottom: 15px;
  margin-top: 25px;
}

.about-area .about-content ul li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.about-area .about-content ul li .icon,
.about-area .about-content ul li .info {
  display: table-cell;
  vertical-align: top;
}

.about-area .about-content ul li .info span {
  color: #232323;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-area .about-content ul li .info {
  padding-left: 15px;
}

.about-area .about-content ul li .icon i {
  color: #1cb9c8;
  font-size: 40px;
}

.about-area.side-bg .about-content ul li .icon i {
  color: #ffffff;
  font-size: 40px;
}

.about-area .about-content ul li .icon i.fa-clock {
  font-weight: 500;
}

.about-area .about-content ul li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.about-area .about-content .about-list {
  border: none;
}

.about-area.side-bg {
  position: relative;
  z-index: 1;
}

.about-area.side-bg::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 50%;
  background: #1cb9c8;
  z-index: -1;
}


/* ============================================================== 
     # Top Features
=================================================================== */

.top-features-area {
  margin-bottom: -50px;
}

.top-features-area .features-items {
  padding: 50px 30px;
  position: relative;
  top: -50px;
  background: #ffffff;
  z-index: 1;
  border-radius: 5px;
  float: left;
  width: 100%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.top-features-area .features-items i {
  display: inline-block;
  font-size: 50px;
  margin-bottom: 30px;
  color: #1cb9c8;
}

.top-features-area .features-items h4 {
  text-transform: capitalize;
  font-weight: 600;
}

.top-features-area .features-items span {
  color: #e7e7e7;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 800;
  display: block;
  margin-top: 20px;
  margin-bottom: -5px;
}

/* ============================================================== 
     # Services
=================================================================== */

.services-inc-area.half-bg {
  position: relative;
  z-index: 1;
}


.services-inc-area{
    overflow-x:hidden;
}

.services-inc-area.half-bg::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.services-area .services-items .equal-height {
  margin-bottom: 30px;
  right: -1px;
}

.services-inc-area.inc-colum .equal-height {
  margin-bottom: 30px;
}

.services-items.colum-items .single-item {
  margin-bottom: 30px;
}

.services-area .services-items .item {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  padding: 50px 30px;
}

.services-area .services-items .item i {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #1cb9c8;
  display: inline-block;
  font-size: 50px;
  height: 100px;
  line-height: 95px;
  position: relative;
  text-align: center;
  width: 100px;
}

.services-area .services-items .item i::after {
  border-bottom: 2px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-left: 2px solid;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
}

.services-area .services-items .item:hover i::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area .services-items .item .icon {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}

.services-area .services-items .item h4 {
  font-weight: 600;
  text-transform: capitalize;
  display: block;
}

.services-area .services-items .item p {
  margin: 0;
}

.services-area .services-items .item a {
  color: #666666;
  display: inline-block;
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
}

.services-area .services-items .item a:hover {
  color: #1cb9c8;
}

/* Services Shadow */

.services-area.shadow .services-items .item {
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: inherit;
  position: relative;
  z-index: 1;
}

.services-area.shadow .services-items .item::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area.shadow .services-items .item:hover:after {
  background: #ffffff;
  opacity: 1;
}

.services-area.shadow .services-items .item i,
.services-area.shadow .services-items .item h4,
.services-area.shadow .services-items .item p,
.services-area.shadow .services-items .item i {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area.shadow .services-items .item:hover p,
.services-area.shadow .services-items .item:hover h4 {
  color: #666666;
  opacity: 1;
}

.services-area.shadow .services-items .item:hover i {
  color: #1cb9c8;
  opacity: 1;
}

.services-area.shadow .services-items .item a {
  color: #1cb9c8;
}

.services-area.shadow .services-items .item i {
  border: medium none;
  color: #ffffff;
  height: inherit;
  line-height: inherit;
  width: inherit;
  border-radius: inherit;
}

.services-area.shadow .services-items .item a i {
  float: right;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 1px;
  color: #1cb9c8;
}

.services-area.shadow .services-items .item i::after {
  border: none;
  border-radius: inherit !important;
}


/* Thumbnail Services */

.services-inc-area .services-items .item {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.services-inc-area .item .thumb {
  position: relative;
  z-index: 1;
}

.services-inc-area .item .overlay>a {
  bottom: 0;
  display: flex;
  left: 0;
  width: 100%;
  padding: 15px 30px;
  position: absolute;
  z-index: 1;
  align-items: center;
}

.services-inc-area .services-items.overlay-gap .item .overlay>a {
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: auto;
}

.services-inc-area .services-items.overlay-gap .item .overlay i {
  font-size: 40px;
}

.services-inc-area .item .thumb .overlay>a::after {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.services-inc-area .item .overlay i {
  color: #ffffff;
  display: inline-block;
  font-size: 50px;
}

.services-inc-area .item .overlay h4 {
  border-left: 1px solid #ffffff;
  margin-left: 15px;
  padding-left: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 18px;
}

.services-inc-area .item .overlay h4 a {
  color: #ffffff;
}

.services-inc-area .item .overlay>a {
  color: #1cb9c8;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 5px;
}

.services-inc-area .item .info {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px;
}

.services-inc-area .item .info a {
  color: #666666;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.services-inc-area .item .info a:hover {
  color: #1cb9c8;
}

.services-inc-area .services-carousel .owl-nav {
  margin: 0;
}

.services-inc-area .services-carousel .owl-nav .owl-prev,
.services-inc-area .services-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #1cb9c8;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.services-inc-area .services-carousel .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.services-inc-area .services-items.services-carousel .owl-dots {
  margin: -25px 0 0;
  position: absolute;
  right: -45px;
  top: 50%;
}

.services-inc-area .services-items.services-carousel .owl-dots .owl-dot {
  display: block;
}

.services-inc-area .services-items.services-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #cccccc;
  height: 20px;
  margin: 10px 0;
  width: 20px;
}

.services-inc-area .services-items.services-carousel .owl-dots .owl-dot.active span {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: #1cb9c8;
}


/* Services item cell */

.services-area .services-items.item-cell .item .icon,
.services-area .services-items.item-cell .item .info {
  display: table-cell;
  vertical-align: bottom;
}

.services-area .services-items.item-cell .item .info {
  padding-left: 25px;
}

.services-area .services-items.item-cell .item {
  padding: 50px 20px;
}

.services-area .services-items.item-cell .item .icon {
  position: relative;
  z-index: 1;
}

.services-area .services-items.item-cell .item .icon span {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 900;
  left: 0;
  opacity: 0.06;
  position: absolute;
  top: 0;
}

.services-area .services-items.item-cell .item .icon i {
  border: medium none;
  height: inherit;
  line-height: inherit;
  width: inherit;
}

.services-area .services-items.item-cell .item .icon i::after {
  display: none;
}


/* Services Single */

.services-single-area .sidebar-item {
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  padding: 30px;
}

.services-single-area .sidebar-item:last-child {
  margin-bottom: 0;
}

.services-single-area .sidebar-item .title h4 {
  font-weight: 500;
  margin-top: -5px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.services-single-area .sidebar-item .title h4::before {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
  z-index: -1;
}

.services-single-area .sidebar-item.link li {
  display: block;
  margin-bottom: 15px;
}

.services-single-area .sidebar-item.link li a {
  color: #666666;
  font-size: 16px;
}

.services-single-area .sidebar-item.link li:last-child {
  margin-bottom: 0;
}

.services-single-area .sidebar-item li {
  display: block;
  margin-bottom: 30px;
}

.services-single-area .sidebar-item li .icon,
.services-single-area .sidebar-item li span {
  display: table-cell;
  vertical-align: top;
}

.services-single-area .sidebar-item li span {
  padding-left: 15px;
}

.services-single-area .sidebar-item li .icon i.fa-clock,
.services-single-area .sidebar-item li .icon i.fa-envelope-open {
  font-weight: 500;
}

.services-single-area .sidebar-item li .icon i {
  color: #1cb9c8;
  display: inline-block;
  font-size: 50px;
}

.services-single-area .sidebar-item.project li span {
  float: left;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 0;
  text-transform: capitalize;
}

.services-single-area .sidebar-item.project li {
  margin-bottom: 15px;
  text-align: right;
}

.services-single-area .sidebar-item.project li:last-child {
  margin-bottom: 0;
}

.services-single-area .info h2 {
  font-weight: 600;
}

.services-single-area .services-content img {
  margin-bottom: 30px;
}

.services-single-area .info h4 {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/* ============================================================== 
     # Work Place
=================================================================== */
.work-place-area .work-place-items .item {
  display: flex;
}

.work-place-area .work-place-items .item .info {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 80px;
}

.work-place-area ul {
  padding-left: 20px;
}

.work-place-area ul li {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}

.work-place-area ul li::after {
  border-radius: 50%;
  color: #1cb9c8;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-size: 19px;
  font-weight: 900;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.work-place-area ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.work-place-items .info a {
  margin-top: 30px;
}

.work-place-area .work-place-items .info h2 {
  font-weight: 600;
  margin-bottom: 25px;
}

.work-place-area .work-place-items .info h4 {
  color: #1cb9c8;
  font-weight: 600;
  text-transform: uppercase;
}

.work-place-area .work-place-items.workplace-carousel .owl-dots {
  bottom: 25px;
  left: 50%;
  position: absolute;
  width: 50%;
}

.work-place-area .work-place-items.workplace-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 20px;
  width: 20px;
}

.work-place-area .work-place-items.workplace-carousel .owl-dots .owl-dot.active span {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: #1cb9c8;
}

.work-place-area .work-place-items.workplace-carousel .owl-nav {
  margin: 0;
}

.work-place-area .work-place-items.workplace-carousel .owl-nav .owl-prev,
.work-place-area .work-place-items.workplace-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #1cb9c8;
  font-size: 30px;
  height: 40px;
  left: 15px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.work-place-area .work-place-items.workplace-carousel .owl-nav .owl-next {
  left: auto;
  right: 15px;
}


/* ============================================================== 
     # Skill
=================================================================== */
.skill-area.full .row {
  display: flex;
}

.skill-area.full .skill-items {
  padding: 80px;
}

.skill-area.full .skill-items h2 {
  margin-bottom: 50px;
}

.skill-area .info {
  padding-right: 30px;
}

.skill-area .skill-items {
  margin-top: 30px;
}

.skill-area .info h2 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.skill-area .info h2 span {
  color: #1cb9c8;
}

.skill-area .skill-items .progress {
  background: #e7e7e7 none repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 5px;
  margin-bottom: 25px;
}

.skill-area .skill-items .progress .progress-bar {
  background: #1cb9c8 none repeat scroll 0 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.skill-area .skill-items .progress-box:last-child .progress {
  margin-bottom: 0;
}

.skill-area .skill-items .progress-box h5 {
  color: #666666;
  font-weight: 600;
  text-transform: uppercase;
}

.skill-area .tab-content h2,
.skill-area .tab-content h3,
.skill-area .tab-content h4 {
  font-weight: 500;
  text-transform: capitalize;
}

.skill-area .tab-items .nav-pills a {
  border: medium none;
  border-radius: inherit;
  float: left;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 50px;
  padding: 10px 0;
  position: relative;
  text-align: left;
  z-index: 1;
}

.skill-area .tab-items .nav-pills .active a,
.skill-area .tab-items .nav-pills a:focus {
  background: transparent none repeat scroll 0 0;
  color: #1cb9c8;
}

.skill-area .tab-items .nav-pills a:hover {
  color: #1cb9c8;
  background: transparent none repeat scroll 0 0;
}

.skill-area .tab-items .nav-pills {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 25px;
  margin-top: -10px;
}

.skill-area .tab-items .nav-pills .active a::after {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 60px;
}

.skill-area .tab-content p:last-child {
  margin-bottom: 0;
}




/* ============================================================== 
     # Portfolio
=================================================================== */
.portfolio-area .portfolio-carousel .owl-nav,
.portfolio-area .portfolio-carousel-3-colo .owl-nav {
  margin: 0;
}

.portfolio-area .portfolio-carousel .owl-nav .owl-prev,
.portfolio-area .portfolio-carousel-3-col .owl-nav .owl-prev,
.portfolio-area .portfolio-carousel .owl-nav .owl-next,
.portfolio-area .portfolio-carousel-3-col .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.portfolio-area .portfolio-carousel .owl-nav .owl-next,
.portfolio-area .portfolio-carousel-3-col .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.portfolio-area .mix-item-menu button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 0 5px;
  padding: 5px 10px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  color: #232323;
}

.portfolio-area .mix-item-menu {
  margin-bottom: 20px;
  margin-top: -10px;
}

.portfolio-area .mix-item-menu button::after {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #1cb9c8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: -12px;
  top: 50%;
  width: 10px;
}

.portfolio-area .mix-item-menu button:last-child::after {
  display: none;
}

.portfolio-area .mix-item-menu button.active {
  color: #1cb9c8;
}

.portfolio-area.inc-colum {
  padding-bottom: 105px;
}

.pf-item {
  padding-bottom: 5px;
}

.pf-item img {
  border: 2px solid #dedede;
}

.pf-item1 {
  padding-bottom: 25px;
}

.pf-item img1 {
  border: 2px solid #dedede;
}

.portfolio-area .portfolio-items.col-3 .pf-item {
  float: left;
  padding: 15px;
  width: 33.3333%;
}

.portfolio-area .portfolio-items.col-2 .pf-item {
  float: left;
  padding: 15px;
  width: 50%;
}

.portfolio-area .portfolio-items.col-4 .pf-item {
  float: left;
  padding: 15px;
  width: 25%;
}


/* Effect(3) left slide */
.effect-left-swipe {
  position: relative;
  overflow: hidden;
  background: #232323;
}

.effect-left-swipe * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.portfolio-area .effect-left-swipe a i {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #1cb9c8;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.effect-left-swipe img {
  --max-width: 100%;
  width: 100%;
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.effect-left-swipe:after {
  background: #1d2024 none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  opacity: 0;
}

.effect-left-swipe .icons {
  height: auto;
  bottom: 25px;
  left: 30px;
  position: absolute;
  text-align: left;
  z-index: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.effect-left-swipe .icons .cat span {
  color: #ffffff;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  position: relative;
  padding-right: 5px;
}

.effect-left-swipe .icons .cat span::after {
  bottom: 0;
  content: ",";
  position: absolute;
  right: 0;
}

.effect-left-swipe .icons .cat span:last-child::after {
  display: none;
}

.effect-left-swipe .cat,
.effect-left-swipe h4 {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.swipe-inline .effect-left-swipe .icons {
  bottom: 20px;
  left: 30px;
}

.swipe-inline .effect-left-swipe .cat {
  display: inline-block;
  margin-right: 3px;
  width: auto;
}

.effect-left-swipe h4 {
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.portfolio-area .portfolio-items.col-4 .pf-item h4 {
  font-size: 16px;
}

.effect-left-swipe h4 a {
  color: #ffffff;
}

.effect-left-swipe .cat {
  display: inline-block;
}

.effect-left-swipe:hover img,
.effect-left-swipe.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.effect-left-swipe:hover:after,
.effect-left-swipe.hover:after {
  opacity: .5;
}

.effect-left-swipe:hover .icons .cat,
.effect-left-swipe.hover .icons .cat,
.effect-left-swipe:hover .icons h4,
.effect-left-swipe.hover .icons h4 {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.effect-left-swipe:hover h4,
.effect-left-swipe.hover h4,
.effect-left-swipe:hover .cat,
.effect-left-swipe.hover .cat {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.effect-left-swipe>a {
  color: #ffffff;
  font-size: 20px;
  opacity: 0;
  position: absolute;
  right: 30px;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  z-index: 1;
}

.effect-left-swipe:hover>a,
.effect-left-swipe.hover>a {
  opacity: 1;
  top: 30px;
}


/* ============================================================== 
     # Team
=================================================================== */

.team-area .team-items .single-item {
  margin-bottom: 30px;
}

.team-area .team-items .item {
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.team-area .team-items .item .info {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px;
}

.team-area .team-items .item .info h4 {
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.team-area .team-items .item .info p:last-child {
  margin-bottom: 0;
}

.team-area .team-items .item .info span {
  color: #1cb9c8;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.team-area .team-items.team-standard .item .info span {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}

.team-area .team-items.team-standard .item .info span::after {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}

.team-area .team-items .item .thumb {
  position: relative;
  z-index: 1;
}

.team-area .info .social li {
  display: inline-block;
}

.team-area .info .social li a {
  color: #666666;
  display: inline-block;
  font-size: 20px;
  margin: 0 10px;
}

.team-area .info .social {
  border-top: 1px dashed #dbdbdb;
  padding-top: 20px;
}

.team-area .team-items .item .thumb .icon {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 50px;
  left: 50%;
  margin-bottom: -25px;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.team-area .team-items .item .thumb .icon::after {
  color: #1cb9c8;
  content: "\f508";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: 900;
  height: 100%;
  left: 0;
  letter-spacing: -2px;
  position: absolute;
  top: 5px;
  width: 100%;
}

.team-area .team-items.team-standard .thumb {
  overflow: hidden;
}

.team-area .team-items.team-standard .item:hover .thumb::after {
  opacity: 1;
}

.team-area .team-items.team-standard .thumb .social ul {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 30px;
}

.team-area .team-items.team-standard .thumb .social li {
  display: inline-block;
}

.team-area .team-items.team-standard .thumb .social li a {
  color: #1cb9c8;
  display: inline-block;
  font-size: 20px;
  margin: 5px 10px 0;
}

.team-area .team-items.team-standard .thumb .social {
  bottom: -55px;
  left: 0;
  padding: 15px 25px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.team-area .team-items.team-standard .item:hover .thumb .social {
  bottom: 0;
}

.team-area .team-items.team-carousel .owl-nav {
  margin: 0;
}

.team-area .team-items.team-carousel .owl-nav .owl-prev,
.team-area .team-items.team-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #1cb9c8;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.team-area .team-items.team-carousel .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.team-area .team-items.team-carousel .owl-dots {
  margin: -25px 0 0;
  position: absolute;
  right: -45px;
  top: 50%;
}

.team-area .team-items.team-carousel .owl-dots .owl-dot {
  display: block;
}

.team-area .team-items.team-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #cccccc;
  height: 20px;
  margin: 10px 0;
  width: 20px;
}

.team-area .team-items.team-carousel .owl-dots .owl-dot.active span {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: #1cb9c8;
}


/* Team Single */

.team-items.single .bio h4 {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.team-items.single .bio {
  -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  padding: 30px;
  text-align: center;
}

.team-items.single .bio span {
  color: #1cb9c8;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.team-items.single .bio li {
  display: inline-block;
}

.team-items.single .bio li a {
  color: #666666;
  display: inline-block;
  font-size: 20px;
  margin: 0 10px;
}

.team-items.single .bio ul {
  margin-top: 10px;
}

.team-items.single .content h2 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.team-items.single .content h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.team-items.single .content h3 {
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 20px;
  text-transform: capitalize;
}

.team-items.single .profile {
  padding-right: 30px;
}

.team-items.single .content .progress {
  height: 5px;
}

.team-items.single .content .progress .progress-bar {
  background: #1cb9c8 none repeat scroll 0 0;
}

.team-items.single .progress-box h5 {
  color: #666666;
  font-weight: 600;
  text-transform: capitalize;
}

.team-items.single .progress-box .progress {
  margin-bottom: 30px;
}

.team-items.single .progress-box:last-child .progress {
  margin-bottom: 0;
}

.team-area .team-items.single .content ul li {
  border-top: 1px solid #e7e7e7;
  padding: 15px 0;
}

.team-area .team-items.single .content ul li:first-child {
  border-top: medium none navy;
  padding-top: 0;
}

.team-area .team-items.single ul li:last-child {
  padding-bottom: 0;
}

.team-area .team-items.single .content ul li i {
  color: #1cb9c8;
  font-size: 20px;
  min-width: 25px;
}


/* ============================================================== 
     # Pricing Table
=================================================================== */

.pricing-area .pricing-item {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 30px;
  position: relative;
  z-index: 1;
  border: 1px solid #1cb9c8;
}

.pricing-area .col-md-3,
.pricing-area .col-md-4,
.pricing-area .col-md-6 {
  margin-bottom: 30px;
}

.pricing-area .pricing-item .title {}

.pricing-area .pricing-item .title h4 {
  color: #666666;
  display: inline-block;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.pricing-area .pricing-item.active .title h4::after,
.pricing-area .pricing-item.active .title h4::before {
  background: #ffffff none repeat scroll 0 0;
}

.pricing-area .pricing-item i {
  color: #1cb9c8;
  display: inline-block;
  font-size: 80px;
  margin-bottom: 15px;
}

.pricing-area .pricing-item h2 {
  color: #666666;
  font-size: 50px;
  font-weight: 600;
  margin: 0;
}

.pricing-area .pricing-item.active h2 {
  color: #ffffff;
}

.pricing-area .pricing-item h2 sup {
  bottom: auto;
  font-size: 30px;
  font-weight: 500;
  right: 5px;
  top: -15px;
}

.pricing-area .pricing-item h2 sub {
  font-size: 15px;
}

.pricing-area .pricing-item .footer a {
  margin-top: 20px;
}

.pricing-area .pricing-item li {
  line-height: 40px;
}

.pricing-area .pricing-item li.pricing-header {
  color: #666666;
  line-height: inherit;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}

.pricing-area .pricing-item li.pricing-header::after {
  background: #f4f4f4 none repeat scroll 0 0;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  bottom: 0;
  content: "";
  height: 100%;
  left: -50%;
  position: absolute;
  width: 200%;
  z-index: -1;
}

.pricing-area .pricing-item.active li.pricing-header::after {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: transparent;
}

.pricing-simple li.pricing-header span.badge {
  background: #ffffff none repeat scroll 0 0;
  border-radius: inherit;
  color: #1cb9c8;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 13px 0;
  position: absolute;
  right: -87px;
  text-transform: uppercase;
  top: -68px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  width: 200px;
}


/* ============================================================== 
     # Achivement
=================================================================== */

.achivement-area .info {
  padding-right: 30px;
}

.achivement-area .info h2 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.achivement-area .info h2::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}

.achivement-area .info a {
  margin-top: 15px;
}

.achivement-area .achivement-items .fun-fact {
  padding: 50px 30px;
  position: relative;
  z-index: 1;
}

.achivement-area .achivement-items .fun-fact::after {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.57);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.achivement-area .achivement-items .item {
  margin-top: 30px;
}

.achivement-area .achivement-items .item:first-child,
.achivement-area .achivement-items .item:nth-child(2) {
  margin-top: 0;
}

.achivement-area .achivement-items .fun-fact .timer {
  color: #1cb9c8;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.achivement-area .achivement-items .fun-fact .medium {
  color: #232323;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 600;
}


/* ============================================================== 
     # Work Process
=================================================================== */
.work-process-area {
  background-color: #f2f2f2;
}

.work-process-area .thumb {
  padding-right: 0px;
  background-color: #f6f6f6;
}

.work-process-area .process-item .icon,
.work-process-area .process-item .info {
  display: table-cell;
  vertical-align: top;
}

.work-process-area .process-item .info {
  padding-left: 0px;
}

.work-process-area .process-item .icon i {
  color: #1cb9c8;
  font-size: 60px;
}

.work-process-area .process-item .info span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 10px;
  opacity: 0.2;
}

.work-process-area .process-item .info h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.work-process-area .process-items h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.work-process-area .process-items .heading {
  margin-bottom: 30px;
}

.work-process-area .process-item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.work-process-area .process-item p:last-child {
  margin-bottom: 0;
}

.work-process-area .process-item:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}



/* ============================================================== 
     # Faq Accordion
=================================================================== */

.faq-area {
  overflow: hidden;
}

.faq-items .panel-group,
.acd-items .panel-group {
  margin-bottom: 0;
}

.faq-area .faq-items {
  margin-top: -15px;
}

.acd-items .panel-heading .panel-title a span {
  background: #ff5a6e none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  width: 30px;
}

.acd-items .panel-heading .panel-title a {
  color: #232323;
  display: block;
  font-weight: 600;
  padding: 19px 0 20px 15px;
  position: relative;
}

.acd-items .panel-heading {
  padding: 0;
}

.faq-area .acd-items .panel-body {
  padding: 30px 15px;
}

.acd-items .panel.panel-default {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  margin: 0 0 10px;
}

.acd-items .panel.panel-default:last-child {
  margin-bottom: 0;
}

.acd-items .panel-body p:last-child {
  margin: 0;
}

.faq-items .panel-body {
  padding: 20px;
}

.faq-items .acd-items .panel .panel-body {
  border-color: #e7e7e7;
}

.acd-arrow .panel-group.symb .panel-heading a::after {
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 17px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #232323;
}

.acd-arrow.left .panel-group.symb .panel-heading a::after {
  content: "\f01b" !important;
  font-size: 20px;
  position: absolute;
  right: auto;
  left: 10px;
  top: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f01a" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.faq-area .faq-items .panel-group {
  margin: 0;
}

.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


/* ============================================================== 
     # Product 
=================================================================== */

.buspro-product-area .product-single {
  margin-bottom: 30px;
}

.product-list .product-thumb {
  position: relative;
  z-index: 1;
}

.product-list .product-thumb .overlay {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  bottom: -35px;
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  left: 15px;
  padding: 15px;
  position: absolute;
  right: 15px;
  text-align: center;
}

.product-list .product-thumb .overlay li {
  display: inline-block;
}

.product-list .product-thumb .overlay li a {
  border: 1px solid;
  border-radius: 50%;
  color: #1cb9c8;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 3px;
  text-align: center;
  width: 40px;
}

.product-list .product-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  padding: 65px 30px 30px;
}

.product-list .product-content h4 {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.product-list .product-content h4 a:hover {
  color: #1cb9c8;
}

.product-list .product-content span {
  color: #232323;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 3px;
}

.product-list .product-content span del {
  color: #999999;
}


/* ============================================================== 
     # Error Page
=================================================================== */

.error-page-area .error-box {
  position: relative;
}

.error-page-area .error-box h1 {
  color: #666666;
  font-size: 300px;
  font-weight: 600;
  left: 50%;
  line-height: 1;
  opacity: 0.09;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: -1;
}

.error-page-area h2 {
  font-weight: 600;
  text-transform: uppercase;
}

.error-page-area a {
  margin-top: 15px;
}

.error-box .search {
  margin-bottom: 15px;
  margin-top: 30px;
  text-align: center;
}

.error-box .search form {
  margin: auto;
  position: relative;
  width: 400px;
}

.error-box .search .input-group {
  width: 100%;
}

.error-box .search form input {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  box-shadow: inherit;
}

.error-box .search form button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  line-height: 50px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

/* ============================================================== 
     # Blog
=================================================================== */

.product-des h3{
  font-weight: 500;
}

.product-des h3 p{
  font-size: 1.7rem;
}

.blog-area .single-item {
  margin-bottom: 30px;
}

.blog-area.full-blog .single-item {
  margin-bottom: 50px;
}

.blog-area .thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-area .item .thumb img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.blog-area .item:hover .thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-area .thumb .post-formats {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  width: 50px;
  z-index: 1;
}

.blog-area .thumb .post-formats::after {
  background: #1cb9c8 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.blog-area .info {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 30px;
  background: #ffffff none repeat scroll 0 0;
}

.blog-area .info a:hover {
  color: #1cb9c8;
}

.blog-area .info h4 {
  margin-bottom: 20px;
}

.blog-area .info h2,
.blog-area .info h3,
.blog-area .info h4 {
  font-weight: 500;
  text-transform: capitalize;
}

.blog-area .info .cats {
  margin-bottom: 10px;
}

.blog-area .info .cats i {
  margin-right: 5px;
}

.blog-area .info .cats a {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.blog-area .info .cats a:hover {
  color: #1cb9c8;
}

.blog-area .info .cats a::after {
  bottom: 0;
  content: ",";
  font-family: "Times New Roman";
  font-size: 15px;
  position: absolute;
  right: 0;
}

.blog-area .info .cats a:last-child::after {
  display: none;
}

.blog-area .info .meta li {
  color: #666666;
  float: left;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.blog-area .info .meta li i {
  margin-right: 5px;
}

.blog-area .info .meta>a {
  color: #1cb9c8;
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}

.blog-area .info .meta {
  border-top: 1px solid #e7e7e7;
  float: left;
  padding-top: 15px;
  width: 100%;
  margin-bottom: -5px;
}

.blog-area .blog-carousel .owl-nav {
  margin: 0;
}

.blog-area .blog-carousel .owl-nav .owl-prev,
.blog-area .blog-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #1cb9c8;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.blog-area .blog-carousel .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.blog-area .blog-carousel .owl-dots {
  margin: -25px 0 0;
  position: absolute;
  right: -45px;
  top: 50%;
}

.blog-area .blog-carousel .owl-dots .owl-dot {
  display: block;
}

.blog-area .blog-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #cccccc;
  height: 20px;
  margin: 10px 0;
  width: 20px;
}

.blog-area .blog-carousel .owl-dots .owl-dot.active span {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: #1cb9c8;
}

.blog-area.left-sidebar .blog-content {
  float: right;
}

/* Pagination */

.blog-area .pagi-area .pagination li a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #1cb9c8;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 50px;
}

.blog-area .pagi-area .pagination li.active a {
  background: #1cb9c8 none repeat scroll 0 0;
  border-color: transparent;
  color: #ffffff;
}

.blog-area .pagi-area .pagination {
  margin-bottom: -10px;
  margin-top: -5px;
}

/* Sidebar */

.blog-area .sidebar .title {
  display: block;
}

.blog-area .sidebar .title h4 {
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: -5px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.blog-area .sidebar .title h4::before {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
  z-index: -1;
}

.blog-area .sidebar input[type="text"] {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.blog-area .sidebar form {
  position: relative;
}

.blog-area .sidebar input[type="submit"] {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.blog-area .sidebar input[type="submit"]:hover {
  background: #1cb9c8 none repeat scroll 0 0;
}

.blog-area .sidebar .sidebar-item {
  float: left;
  margin-bottom: 50px;
  width: 100%;
}

.blog-area .sidebar .sidebar-item.gallery {
  margin-bottom: 40px;
}

.blog-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0;
}

.blog-area .sidebar .sidebar-item.category .sidebar-info,
.blog-area .sidebar .sidebar-item.archives .sidebar-info {
  margin-top: -5px;
}

.blog-area .sidebar .sidebar-item.category li {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}

.blog-area .sidebar .sidebar-item.category li a {
  display: inline-block;
  text-transform: capitalize;
  padding-left: 25px;
}

.blog-area .sidebar .sidebar-item li a:hover {
  color: #1cb9c8;
}

.sidebar-item.category ul li a::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  height: 8px;
  left: 0;
  position: absolute;
  width: 8px;
  top: 10px;
}

.blog-area .sidebar .sidebar-item.category li a span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #666666;
  font-weight: 500;
  padding: 0 8px;
  position: absolute;
  right: 0;
  top: 10px;
}

.blog-area .sidebar .sidebar-item.category li:first-child a span {
  top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child {
  margin-top: 0;
  padding-top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child a::after {
  top: 0;
}

.blog-area .sidebar .sidebar-item.category li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sidebar-item.recent-post li a {
  color: #333333;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.sidebar-item.recent-post li a:last-child {
  display: inline-block;
  font-weight: 400;
}

.sidebar-item.recent-post .meta-title {
  color: #999999;
  font-family: "Poppins", sans-serif;
  margin-top: 5px;
}

.sidebar-item.recent-post li a:hover {
  color: #1cb9c8;
}

.color-yellow .sidebar-item.recent-post li a:hover {
  color: #ff9800;
}

.sidebar-item.recent-post li a span {
  display: inline-block;
  color: #232323;
}

.sidebar-item.recent-post li span {
  display: inline-block;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.sidebar-item.recent-post .meta-title a {
  text-transform: capitalize;
  color: #999999;
}

.sidebar-item.recent-post li {
  color: #cdd0d3;
}

.sidebar-item.recent-post li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.sidebar-item.recent-post li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.sidebar-item.recent-post li:last-child {
  margin: 0;
}

.sidebar-item.recent-post li .thumb {
  display: table-cell;
  padding-top: 5px;
  vertical-align: top;
  width: 80px;
}

.sidebar-item.recent-post .thumb img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sidebar-item.recent-post li .info {
  box-shadow: inherit;
  color: #837f7e;
  display: table-cell;
  line-height: 26px;
  padding: 0 0 0 20px;
  vertical-align: top;
}

.sidebar-item.gallery ul li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px 10px 0;
  width: 33.333%;
  float: left;
}

.sidebar-item.gallery ul li img {
  min-height: 70px;
  width: 100%;
}

.sidebar-item.archives ul li {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.sidebar-item.archives ul li:last-child {
  margin-bottom: 0;
}

.sidebar-item.archives ul li a {
  color: #666666;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;
  padding-left: 25px;
}

.sidebar-item.archives ul li a::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  height: 8px;
  left: 0;
  position: absolute;
  width: 8px;
}

.sidebar-item.social-sidebar li {
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.sidebar-item.social-sidebar li a {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 5px;
  text-align: center;
  width: 60px;
}

.sidebar-item.social-sidebar li a:hover {
  color: #ffffff !important;
}

.sidebar-item.social-sidebar li.facebook a {
  background: #3B5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
  background: #1DA1F2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
  background: #BD081C none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
  background: #DB4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
  background: #0077B5 none repeat scroll 0 0;
}

.sidebar-item.tags ul li {
  display: inline-block;
}

.sidebar-item.tags ul li a {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 8px;
  margin-right: 5px;
  padding: 10px 25px;
  text-transform: capitalize;
}

.sidebar-item.tags ul li a:hover {
  color: #1cb9c8;
}


/* Blog Single */
.blog-area.single .item .content-box span {
  background: #1cb9c8 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 15px;
  padding: 3px 20px;
  text-transform: uppercase;
}

.blog-area.single .item .content-box h2,
.blog-area.single .item .content-box h3,
.blog-area.single .item .content-box h4 {
  font-weight: 500;
}

.blog-area.single .content-box .cats {
  float: left;
  margin-right: 5px;
}

.blog-area.single .content-box .meta .date {
  float: right;
  font-family: "Poppins", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.blog-area.single .content-box .meta {
  overflow: hidden;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
}

.blog-area.single .content-box .cats a:last-child::after {
  display: none;
}

.blog-area.single .item {
  margin-bottom: 0;
}

.blog-area .item blockquote {
  background: #f6f6f6 none repeat scroll 0 0;
  border-color: #1cb9c8;
  color: #414141;
  font-size: 15px;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.blog-area .item blockquote p {
  margin: 0;
  position: relative;
  z-index: 1;
  font-style: italic;
}

.author-bio {
  display: block;
  margin-top: 30px;
  width: 100%;
}

.author-bio .avatar {
  display: table-cell;
  vertical-align: top;
  width: 200px;
}

.author-bio .content {
  display: table-cell;
  padding: 0 0 0 30px;
  vertical-align: middle;
}

.author-bio .content p {
  margin: 0;
  position: relative;
  z-index: 1;
  padding-top: 5px;
}

.author-bio .content p::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 60px;
  left: 0;
  letter-spacing: -4px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.author-bio .content h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px;
  text-transform: uppercase;
}

.blog-area.single .post-pagi-area {
  background: #f9f9f9 none repeat scroll 0 0;
  margin: 30px 0 45px;
  overflow: hidden;
  padding: 15px;
}

.blog-area.single .post-pagi-area a {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}

.blog-area.single .post-pagi-area a:hover {
  color: #1cb9c8;
}

.blog-area.single.color-yellow .post-pagi-area a:hover {
  color: #ff9800;
}

.blog-area.single .post-pagi-area a:last-child {
  float: right;
}

.blog-area.single .post-pagi-area a:first-child i {
  margin-right: 3px;
}

.blog-area.single .post-pagi-area a:last-child i {
  margin-left: 3px;
}

.blog-area.single .post-tags span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
}

.blog-area.single .post-tags a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #232323;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  padding: 3px 25px;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.comments-area .commen-item .comments-info p {
  display: block;
  margin: 0;
}

.blog-area .contact-comments .submit {
  margin-bottom: 0;
}

.blog-area.single .post-tags a:hover {
  color: #1cb9c8;
}

.blog-area.single.color-yellow .post-tags a:hover {
  color: #ff9800;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comments-list .commen-item .avatar {
  float: left;
  height: 100px;
  width: 100px;
}

.comments-list .commen-item .content {
  display: table-cell;
  vertical-align: top;
}

.comments-list .commen-item .avatar img {
  height: 80px;
  width: 80px;
}

.comments-list .commen-item {
  margin-bottom: 30px;
}

.comments-list .commen-item.reply {
  padding-left: 80px;
}

.comments-area {
  margin-top: 40px;
}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.comments-info a {
  border: 1px solid #e7e7e7;
  color: #232323;
  display: inline-block;
  font-size: 12px;
  margin-top: 15px;
  padding: 1px 10px;
  text-transform: uppercase;
}

.comments-info a:hover {
  color: #1cb9c8;
}

.color-yellow .comments-info a:hover {
  color: #ff9800;
}

.comments-info a i {
  margin-right: 10px;
}

.comments-form input,
.comments-form textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #e7e7e7;
  border-image: none;
  border-radius: inherit;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: inherit;
}

.comments-form textarea {
  min-height: 180px;
  padding: 15px;
}

.blog-area.full-blog.single-blog .form-group.submit {
  margin-bottom: 0;
}

.comments-form button {
  background-color: #1d2024;
  border: 1px solid transparent;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 12px 40px;
  text-transform: uppercase;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.comments-form button:hover {
  color: #ffffff;
  background-color: #1cb9c8;
  border: 1px solid transparent;
}

.comments-area .commen-item .comments-info {
  margin-bottom: 15px;
}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.blog-area .contact-comments .comments {
  margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
  float: left;
  padding: 0 15px;
}

/* ============================================================== 
     # Clients
=================================================================== */

.clients-area h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

.clients-area h4::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.clients-area.bg-light h4::after {
  background: #1cb9c8 none repeat scroll 0 0;
}

.clients-area .left-info {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 30px;
}

.clients-area.bg-light .left-info {
  border-right: 1px solid #e7e7e7;
}

.clients-area .clients-box {
  padding-left: 30px;
}

.clients-area .clients-items img {
  width: auto;
  margin: auto;
}

.clients-area .row {
  align-items: center;
  display: flex;
}


/* ============================================================== 
     # Contact Area
=================================================================== */

.contact-area .contact-items {
  overflow: hidden;
}

.contact-area .contact-form h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.contact-area .contact-form p {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 20px;
}

.contact-area .contact-form p::after {
  background: #1cb9c8 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}

.contact-area .contact-form input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}

.contact-area .contact-form textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 180px;
  padding: 15px 12px;
}

.contact-area .contact-form button {
  background: #1cb9c8 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
}

.button {
  background: #1cb9c8 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
}

.contact-area .contact-form button i {
  margin-left: 2px;
}

.contact-area form img.loader {
  margin-left: 5px;
}

.contact-area .contact-form {
  margin-top: -5px;
}

.contact-area .address-items h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: capitalize;
}

.contact-area .address-items li {
  display: block;
  margin-bottom: 30px;
}

.contact-area .address-items li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contact-area .address-items li .icon,
.contact-area .address-items li span {
  display: table-cell;
  vertical-align: top;
}

.contact-area .address-items li span {
  padding-left: 15px;
}

.contact-area .address-items li .icon i {
  color: #1cb9c8;
  display: inline-block;
  font-size: 50px;
}

.contact-area .address-items li .icon i.fa-clock,
.contact-area .address-items li .icon i.fa-envelope-open {
  font-weight: 500;
}

form .alert-notification {
  padding: 0;
}

form .alert-notification .alert-success h3 {
  color: green;
}

form .alert-notification h3 {
  margin-bottom: 5px;
}

form .alert-notification .alert {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  margin-top: 30px;
}


/* Google Maps */

.google-maps iframe {
  height: 500px;
  margin-bottom: -10px;
  padding: 3px;
  width: 100%;
}

.maps-area.full .google-maps iframe {
  border: medium none;
  height: 500px;
  margin-bottom: -10px;
}

.maps-area {
  overflow: hidden;
}

/* Call Back Area */
.callback-area {
  position: relative;
}

.callback-area .side-icon {
  color: #666666;
  font-size: 300px;
  font-weight: 600;
  left: 50%;
  line-height: 1;
  opacity: 0.09;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.callback-area h2 {
  font-weight: 600;
}

.callback-area .heading {
  margin-bottom: 25px;
  padding-bottom: 5px;
  position: relative;
  z-index: 1;
}

.callback-area .heading::after {
  background: #232323 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.callback-area input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

.callback-area button {
  background: #1cb9c8 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  box-shadow: inherit;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 35px;
  text-transform: uppercase;
}

.callback-area .loader {
  margin-left: 5px;
}


/* ============================================================== 
     # Login Register
=================================================================== */
form.white-popup-block {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  margin: auto;
  overflow: hidden;
  padding: 50px 30px;
  position: relative;
  width: 50%;
}

form.white-popup-block button.mfp-close {
  color: red;
}

form.white-popup-block li {
  display: inline-block;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

form.white-popup-block li a {
  background: #002147 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 50px;
  line-height: 53px;
  text-align: center;
  width: 50px;
}

form.white-popup-block li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

form.white-popup-block li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

form.white-popup-block li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

form.white-popup-block li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

form.white-popup-block li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid #e7e7e7;
}

form.white-popup-block .col-md-6:last-child {
  border-left: 1px solid;
}

form.white-popup-block h3,
form.white-popup-block h4 {
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}

form.white-popup-block .login-social {
  padding-right: 30px;
}

form.white-popup-block .login-custom {
  border-left: 1px solid #e7e7e7;
  padding-left: 30px;
}

form.white-popup-block input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

form.white-popup-block .lost-pass-link {
  float: right;
}

form.white-popup-block .lost-pass-link:hover {
  text-decoration: underline;
}

form.white-popup-block label {
  float: left;
}

form.white-popup-block label input {
  float: left;
  margin-right: 5px;
  min-height: 20px;
}

form.white-popup-block button[type="submit"] {
  background: #1cb9c8 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  padding: 8px 50px;
  text-transform: uppercase;
}

form.white-popup-block .link-bottom {
  display: block;
  float: left;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
}

form.white-popup-block .link-bottom a:hover {
  text-decoration: underline;
}

.login-area form.white-popup-block {
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  width: auto;
}
.rounded{
  border-radius: 0.375rem;
}

/* Variables */
/* Define your variables here if needed */

/* Mixins */
/* Define your mixins here if needed */
.contact-area-h {
  padding: 20px 0;
}

.contact-area-h form label{
  color: #fff;
}

.contact-area-h .site-heading h2::before{
  left: 20px;
}
.contact-area-h .row{
  background-color: #1cb9c8;
}

 .contact-area-h select{
  height: 50px;
}

.review{
  min-height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;

  background: #18181b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
 
}

.client-wrapper p {
    line-height: 1.6;
}

.client-items{
    overflow-x:hidden;
}

.services-items{
    overflow-x:hidden;
}

.client-wrapper img {
    width: 100%;
    height: auto;
}

.client-wrapper .button {
    position: relative;
    display: table;
    padding: 0.75em 0 0;
    background: #000;
    color: #fff;
    text-decoration: none;
    margin-top: 1.5em;
    text-transform: uppercase;
}

.client-wrapper .button:hover {
    background: #272727;
}

.c-title{
  margin: 0;
  padding: 0;
  color: #fff;
  margin-bottom: 4rem;

}
.client-wrapper {
  
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 1.5em;
}





/* Start Swiper */
.swiper {
    padding: 1.5em;
}

.swiper .content-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ".";
    width: 100%;
    justify-items: center;
    align-items: center;
}

.swiper .content-wrapper .content {
    padding: 3em 1.5em;
    text-align: center;
    display: grid;
    justify-items: center;
    align-items: center;
    margin: 0 auto;
    color: #000;
}

.swiper .content-wrapper .content:first-child {
    margin: 0;
}

.swiper .content-wrapper .content .swiper-avatar {
    width: 100%;
    max-width: 125px;
    height: auto;
}

.swiper .content-wrapper .content .swiper-avatar img {
    border-radius: 500px;
}

.swiper .content-wrapper .content .cite {
    font-size: 14px;
    font-weight: bold;
}

.swiper .swiper-slide {
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0;
    opacity: 0.2;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
}

.swiper .swiper-slide.swiper-slide-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    transform: scale(1.1);
}

.swiper .swiper-nav-wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: auto;
    padding-top: 3em;
}

.swiper .swiper-nav-wrapper .swiper-button-next,
.swiper .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.swiper .swiper-nav-wrapper .swiper-button-prev,
.swiper .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.swiper-pagination {
    margin: 0;
    padding: 0;
    width: auto;
    position: relative !important;
    display: block;
    width: auto;
}

.swiper-pagination .swiper-pagination-bullets {
    margin: 0;
}

.swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    background: #fff !important;
    transition: all 0.2s ease-in-out;
}

.swiper-pagination-bullet-active {
    transform: scale(1.5);
}





/* ============================================================== 
     # Footer
=================================================================== */

.whats-app {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 3px 4px 3px #9990;
  left: 10px;
  z-index: 100;
}

.my-float {
  margin-top: 10px;
}


.float1 {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 40px;
  left: 10px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float1 {
  margin-top: 17px;
}


.footer-top .content li {
  display: inline-block;
  margin-left: 100px;
  text-align: left;
}

.footer-top {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  overflow: hidden;
  padding: 30px 0;
}

.footer-top .row {
  align-items: center;
  display: flex;
}

.footer-top .form form {
  float: right;
  width: 70%;
}

.footer-top .form form input {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
  box-shadow: inherit;
  min-height: 60px;
  padding-left: 30px;
  width: 100%;
}

.footer-top .form form .input-group-addon {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  padding: 0;
}

.footer-top .form form .input-group-addon button {
  background: #1cb9c8 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  min-height: 60px;
  padding: 0 30px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 9;
}

.footer-top form .input-group.stylish-input-group {
  position: relative;
  width: 100%;
}

footer .f-items {
  overflow: hidden;
}

footer.bg-dark p {
  color: #cccccc;
}

.footer-top .logo a {
  display: inline-block;
  margin-top: 10px;
}

footer .footer-top img {
  height: auto;
  padding-bottom: 10px;
}

footer .f-item h4 {
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
}

footer.bg-dark .f-item h4 {
  color: #ffffff;
}

footer .f-item.link li {
  float: left;
  margin-bottom: 15px;
  width: 100%;
  padding-right: 15px;
}

footer.col-3 .f-item.link li {
  padding-right: 0;
  width: 100%;
}

footer .f-item.link li a {
  display: inline-block;
  font-size: 14px;
  padding-left: 15px;
  position: relative;
}

footer .f-item.link li a:hover {
  color: #1cb9c8;
}

footer .f-item.link li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 6px;
}

footer .f-item.link li:last-child {
  margin: 0;
}

footer .f-item .address h5 {
  text-transform: uppercase;
}

footer .f-item .address li {
  margin-bottom: 15px;
}

footer .f-item .address li:last-child {
  margin: 0;
}

footer .f-item .address h5 i {
  color: #1cb9c8;
  margin-right: 5px;
}

footer .f-item .social li {
  display: inline-block;
  margin-right: 5px;
}

footer .f-item .social li a {
 
  color: #777;
  display: inline-block;
 font-size: 2rem;
  text-align: center;
  width: 40px;
  padding-top: 10px;
}

footer.bg-dark .f-item .social li a {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item .social {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 25px;
}

footer.bg-dark li a {
  color: #cccccc;
}

footer.bg-dark .f-item .social {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item.recent-post li a:last-child {
  display: inline-block;
  font-weight: 400;
}

footer .f-item.recent-post .meta-title,
footer .f-item.recent-post .meta-title a {
  color: #666666;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  text-transform: uppercase !important;
}

footer.bg-dark .f-item.recent-post .meta-title,
footer.bg-dark .f-item.recent-post .meta-title a {
  color: #ffffff;
}

footer.bg-dark .f-item.recent-post .meta-title a {
  color: #1cb9c8;
}

footer .f-item.recent-post .meta-title {
  margin-top: 5px;
  text-transform: uppercase;
}

footer .f-item.recent-post li a span {
  display: inline-block;
  color: #cdd0d3;
}

footer .f-item.recent-post li a:hover {
  color: #1cb9c8;
}

footer .f-item.recent-post li span {
  display: inline-block;
}

footer .f-item.recent-post li span i {
  margin-right: 5px;
}

footer .f-item.recent-post .meta-title a {
  text-transform: capitalize;
}

footer .f-item.recent-post li {
  color: #cdd0d3;
}

footer .f-item.recent-post li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

footer.bg-dark .f-item.recent-post li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item.recent-post li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

footer .f-item.recent-post li .thumb {
  display: table-cell;
  vertical-align: top;
  width: 80px;
}

footer .f-item .thumb img {
  width: 100%;
  margin-top: 5px;
}

footer .f-item.recent-post li .info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
  line-height: 26px;
  color: #837f7e;
}

footer .f-item .twitter-item a {
  color: #1cb9c8;
  margin-left: 5px;
}

footer .f-item .twitter-item .twitter-context {
  color: #666666;
}

footer .f-item .twitter-item .twitter-context i {
  color: #1cb9c8;
  margin-right: 5px;
}

footer .f-item .twitter-item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

footer.bg-dark .f-item .twitter-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item .twitter-item:last-child {
  border: medium none;
  margin-bottom: 0;
  padding: 0;
}

/* Footer Bottom */

.footer-bottom {
  border-top: 1px solid #e7e7e7;
  padding: 20px 0;
}

footer.bg-dark .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom.bg-theme-small {
  border-top: medium none;
}

.footer-bottom li {
  display: inline-block;
}

.footer-bottom li a {
  display: inline-block;
  margin-left: 15px;
}

.footer-bottom li a:hover {
  color: #1cb9c8;
}

.footer-bottom p {
  margin: 0;
}


/* ============================================================== 
     # Preloader 
=================================================================== */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(assets/img/amar.gif) center no-repeat #fff;
  text-align: center;
}


/* ============================================================== 
     # Demo 
=================================================================== */

.demo-area.demo-conten.default-padding {
  padding-bottom: 30px;
}

.demo-area .single-item {
  position: relative;
  z-index: 1;
}

.demo-area .item {
  margin-bottom: 50px
}

.demo-area .single-item .info {
  padding: 15px 10px;
  text-align: center;
}

.demo-area .single-item .info h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}

.banner-area .demo-banner h1 {
  font-weight: 700;
  margin-bottom: 30px;
}

.banner-area .demo-banner img {
  height: auto;
  margin-bottom: 20px;
  max-height: 80px;
}

.demo-area .def-heading h2 {
  font-weight: 900;
  margin: 30px 0;
  text-transform: uppercase;
  color: #333333;
}

.demo-footer {
  padding-bottom: 80px;
}

.introduction-area h2 span {
  color: #fd0060;
}

.introduction-area h4 {
  font-weight: 300;
  line-height: 30px;
}

.introduction-area h2 {
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.demo-area .site-heading h2 {
  color: #ffffff;
}

.introduction-area h2::before {
  background: #fd0060 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 50px;
}

.introduction-area h2::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  width: 25px;
}

footer.demo .copyright {
  margin-top: 15px;
}

.demo-area .comming-soon.item img {
  opacity: 0.3;
}

.banner-area.demo-banner {
  padding: 50px 0;
}

.demo-area .site-heading {
  margin-bottom: 30px;
}

.demo-area img {
  background: #ffffff none repeat scroll 0 0;
  padding: 10px;
}