ul li {color: rgb(68,68,68);font-size: 18px}
ul.sub-menu li {color: rgb(68,68,68);font-size: 16px}
.video-responsive {
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.mobile {display: none}
.wpcf7-list-item.first.last {
	font-size: 15px;
	font-weight: 600
}

.our-history .left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.vertical-menu {
	width: 18%;
	max-width: 270px;
	float: left;
	background: #66666A;
	bottom: 0;
	margin-top: 20px;
	position: sticky;
	top: 100px;

}

.main-page-sidebar {
	background-color: #66666a;
	display: inline-block;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: block;
}

.main-content {
	margin-left: 18%;
	overflow: hidden;
}

.main-content .row {
	padding: 30px 20px 30px 30px;
}

.main-content .content {
	padding: 0 15px 10px 15px;
	margin-top: 70px;
}

.main-content .row h2 {
	font-family: 'Sneak-Regular';
	font-size: 30px;
	font-weight: normal
}

.main-content .row h3 {
	font-family: 'Sneak-Regular';
	font-size: 24px;
	font-weight: normal
}

.main-content .row .block {
	margin-top: 30px
}

.main-content .row .block .row {
	padding: 0
}

.main-content .row,
.main-content .row p {
	font-family: 'Sneak-Regular';
	font-size: 18px;
	font-weight: normal
}

.main-content .hero {
	min-height: 300px;
	width: 100%;
	background-size: cover;
	position: relative
}

.main-content .hero .claim {
	font-family: 'TiemposFine-Regular';
	position: absolute;
	left: 50%;
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 3.6em;
	line-height: 1.1em;
	width: 60%;
	text-align: center;
}
.main-content .hero .claim a {    font-family: 'Sneak-Regular';
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    background: #ffffff;
    padding: 13px 30px;
    box-shadow: none;
    border: 0px solid RGBA(0,0,0,1);}
.main-content .hero .claim a:hover {background-color: #000;color: #fff}
.main-content .container {
	margin: 0 auto;
	padding: 0;
	background-color: #f5f6f5;
}

.main-content .container.tablecont p {
	padding-right: 45px;
}

.main-content .container.tablecont.left p,
.main-content .container.tablecont.left h2,
.main-content .container.tablecont.left .contimg,
.main-content .container.tablecont.left a.readmore {
	padding-right: 0;
	padding-left: 45px;
}

.main-content .container.tablecont.left p.brownbg {
	margin-left: 45px;
	padding: 22px
}

.main-content .container.tablecont p:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}
.main-content .container.tablecont p.mh {    min-height: 60px;}

.main-content .container.tablecont h2 {
	padding-top: 0
}

.main-content .container .hero {
	margin-top: 121px;
}

.main-content .container .contimg {
	width: 100%;
	margin: 30px 0 10px 0;
}
.main-content .container .contimg.maxico img {max-width: 55px}

.main-content .container .contimg.h80 img {
	height: 80px
}

.main-content .container .contimg.h140 img {
	height: 140px
}

.main-content .container .row ul {
	padding: 0;
}

.main-content .container .row ul li {
	margin-top: 20px;
  list-style: disc;
  display: list-item;
  margin-left: 18px;
}

.main-content .container .row ul li strong {
	width: 100%;
	margin-bottom: 12px;
}

.main-content.full {
	margin-left: 0;
	width: 100%
}

.main-content.full .container.full {
	width: 100%;
	max-width: 100%
}

/* certificados */
.certificate p {
	padding-right: 0 !important;
	min-height: 40px
}

.descargar {
	font-size: 18px;
	margin: 14px 0;
	color: var(--primary);
}

.descargar:hover {
	color: var(--dark) !important;
}

.descargar i {
	margin-right: 10px
}

.certificate img {
	height: 100px;
	width: auto;
}

.certificate img.big {
	height: 280px;
	border: solid 1px #868686;
}

#sidebar-menu {
	padding: 0;
}

#sidebar-menu .mm-active>.has-arrow:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#sidebar-menu ul li {
	border-bottom: 1.5px solid #EFEFEF;
	position: relative;
}

#sidebar-menu ul li a {
	flex-grow: 1;
	display: block;
	padding: 30px 30px 30px 30px;
	color: #ffffff;
	position: relative;
	font-size: 15px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	font-family: "Sneak-Regular", sans-serif;
	font-weight: 500;
}

#sidebar-menu ul li i {
	position: absolute;
	right: 3px;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%);
	min-width: 1.5rem;
	padding-bottom: 0.125em;
	font-size: 1.1rem;
	line-height: 1.40625rem;
	vertical-align: middle;
	color: #ffffff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0.75;
}

#sidebar-menu a:hover {
	color: #d7e4ec;
	background: rgba(34, 34, 34, 0.75);
}

#sidebar-menu a:hover:after {
	display: none
}

#sidebar-menu a.active {
	color: #d7e4ec;
	background: rgba(34, 34, 34, 0.75);
}

#sidebar-menu i {
	display: none
}

#sidebar-menu li.active i {
	color: #fff;
	float: right;
	display: inline-block
}

#sidebar-menu ul li .badge {
	margin-top: 4px;
}

#sidebar-menu ul li ul.sub-menu {
	padding: 0;
}

#sidebar-menu ul li ul.sub-menu li a {
	padding: 0.4rem 3.2rem 0.4rem 1.5rem;
	font-size: 13px;
	color: #7c8a96;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
	padding: 0;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
	padding: 0.4rem 4.2rem 0.4rem 1.5rem;
	font-size: 13.5px;
}

.menu-title {
	text-transform: uppercase;
	flex-grow: 1;
	border-bottom: 1.5px solid #EFEFEF;
	display: block;
	padding: 50px 20px 30px 30px;
	color: #ffffff;
	position: relative;
	font-size: 15px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	font-family: "Sneak-Regular", sans-serif;
	font-weight: 500;
	opacity: 1;
	line-height: 18px
}

.mm-active {
	color: #0f9cf3 !important;
}

.mm-active>a {
	color: #0f9cf3 !important;
}

.mm-active>a i {
	color: #0f9cf3 !important;
}

.mm-active>i {
	color: #0f9cf3 !important;
}

.mm-active .active {
	color: #0f9cf3 !important;
}

.mm-active .active i {
	color: #0f9cf3 !important;
}


.vertical-collpsed .main-content {
	margin-right: 70px;
}

.vertical-collpsed .navbar-brand-box {
	width: 70px !important;
}

.vertical-collpsed .logo span.logo-lg {
	display: none;
}

.vertical-collpsed .logo span.logo-sm {
	display: block;
}

.vertical-collpsed .vertical-menu {
	position: absolute;
	width: 70px !important;
	z-index: 5;
}

.vertical-collpsed .vertical-menu .simplebar-mask,
.vertical-collpsed .vertical-menu .simplebar-content-wrapper {
	overflow: visible !important;
}

.vertical-collpsed .vertical-menu .simplebar-scrollbar {
	display: none !important;
}

.vertical-collpsed .vertical-menu .simplebar-offset {
	bottom: 0 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .menu-title,
.vertical-collpsed .vertical-menu #sidebar-menu .badge,
.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {
	display: none !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {
	height: inherit !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {
	display: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li {
	position: relative;
	white-space: nowrap;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a {
	padding: 15px 20px;
	min-height: 55px;
	-webkit-transition: none;
	transition: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:hover,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:active,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:focus {
	color: #383c40;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i {
	font-size: 18px;
	margin-right: 4px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span {
	display: none;
	padding-right: 25px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
	position: relative;
	width: calc(190px + 70px);
	color: #0f9cf3;
	background-color: whitesmoke;
	-webkit-transition: none;
	transition: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
	color: #0f9cf3;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span {
	display: inline;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul {
	display: block;
	right: 70px;
	position: absolute;
	width: 190px;
	height: auto !important;
	-webkit-box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
	box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul ul {
	-webkit-box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
	box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 20px;
	position: relative;
	width: 190px;
	z-index: 6;
	color: #7c8a96;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
	color: #383c40;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
	padding: 5px 0;
	z-index: 9999;
	display: none;
	background-color: #ffffff;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li:hover>ul {
	display: block;
	right: 190px;
	height: auto !important;
	margin-top: -36px;
	position: absolute;
	width: 190px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li>a span.pull-right {
	position: absolute;
	left: 20px;
	top: 12px;
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li.active a {
	color: #f8f9fa;
}

/* table of content - start
==================================================================================================== */
/* ==================================================
Project Name 	:  Appal
File 			:  CSS Base
Version 		:  1.0.0
Last change 	:  23 February 2019
Author 			:  Marvel Theme
Developer:		:  Rakibul Islam Dewan

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

* 1 - global area

* 2 - header section
* 3 - footer section

* 4 - client section
* 5 - sidebar section
* 6 - breadcrumb section

- All home pages
* 7 - mobile app home page
    - 7.1 - home page 1
    - 7.2 - home page 2
    - 7.3 - home page 3
    - 7.4 - home page 4
    - 7.5 - home page 5
    - 7.6 - home page 6

* 8 - sass landing home page
    - 8.1 - home page 7
    - 8.2 - home page 8
    - 8.3 - home page 9
    - 8.4 - home page 10

* 9 - app store home page
    - 8.1 - home page 11
    - 8.2 - home page 12

- All Inner Pages
* 10 - App Page
     - 10.1 - app page content
     - 10.2 - app details page

* 11 - about page

* 12 - blog page
	 - 12.1 - blog page
	 - 12.2 -blog details page

* 13 - team page
* 14 - pricing plan page
* 15 - testimonial / review page
* 16 - contact pages

* 17 - others pages
	 - 17.1 - 404 page
	 - 17.2 - coming soon page
	 - 17.3 - register page
================================================== */
/* table of content - end
==================================================================================================== */

body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 26px;
	font-style: normal;
	color: #535e72;
	font-family: "Sneak-Regular", sans-serif;
	font-weight: 400;
	background-color: #ffffff;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: rgb(245 246 245)
}

.container {
	max-width: 1600px;
}

.container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}

::-moz-selection {
	color: #ffffff;
	background: #f6716f;
}

::selection {
	color: #ffffff;
	background: #f6716f;
}

a,
button {
	cursor: pointer;
	line-height: normal;
	display: inline-block;
	text-decoration: none;
	font-weight: 500;
	font-family: "Sneak-Regular", sans-serif;
	text-transform: none;
}

a:hover,
button:hover {
	text-decoration: none;
}

button {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
}

button:focus {
	outline: none;
}

img {
	height: auto;
	max-width: 100%;
}

.image-container {
	overflow: hidden;
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: normal;
	font-weight: 700;
	color: #272d3a;
	font-family: "Sneak-Regular", sans-serif;
}

strong,
span,
small,
label,
i {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	display: inline-block;
	font-family: "Sneak-Regular", sans-serif;
}

strong {
	font-weight: 700;
}

.form-item {
	position: relative;
	margin-bottom: 30px;
}

.form-item input {
	width: 100%;
	height: 50px;
	padding: 0px 20px;
	border-radius: 3px;
	border: 1px solid #e3e8fe;
	background-color: #f7f9fe;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-item input:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #ffffff;
}

.form-textarea {
	position: relative;
	margin-bottom: 30px;
}

.form-textarea textarea {
	width: 100%;
	padding: 20px;
	min-height: 120px;
	border-radius: 3px;
	border: 1px solid #e3e8fe;
	background-color: #f7f9fe;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-textarea textarea:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #ffffff;
}

:-moz-placeholder {
	text-transform: capitalize;
}

::-moz-placeholder {
	text-transform: capitalize;
}

:-ms-input-placeholder {
	text-transform: capitalize;
}

::-webkit-input-placeholder {
	text-transform: capitalize;
}

/* owl settings - start
================================================== */
/*
.owl-theme .owl-dots {
  margin-top: 60px !important; }
  .owl-theme .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px 5px;
    position: relative;
    border-radius: 100%;
    background: #d8e7fc; }
    .owl-theme .owl-dots .owl-dot span {
      top: 50%;
      left: 50%;
      opacity: 0;
      width: 4px;
      height: 4px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      border-radius: 100%;
      background: #138afd;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .owl-theme .owl-dots .owl-dot:hover span {
      opacity: 1;
      background: #138afd; }
  .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
    background: #138afd; }

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
  margin: 0px;
  width: 45px;
  height: 45px;
  background: none;
  position: relative; }
  .owl-theme .owl-nav .owl-next > span,
  .owl-theme .owl-nav .owl-prev > span {
    color: transparent;
    background: transparent; }
  .owl-theme .owl-nav .owl-next:before,
  .owl-theme .owl-nav .owl-prev:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 16px;
    font-weight: 900;
    line-height: 45px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    color: #272d3a;
    font-family: "unicons";
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #272d3a; }
  .owl-theme .owl-nav .owl-next:hover,
  .owl-theme .owl-nav .owl-prev:hover {
    background: none; }
    .owl-theme .owl-nav .owl-next:hover:before,
    .owl-theme .owl-nav .owl-prev:hover:before {
      color: #ffffff;
      background: #138afd;
      border-color: #138afd; }

.owl-theme .owl-nav .owl-prev {
  margin-right: 5px; }
  .owl-theme .owl-nav .owl-prev:before {
    content: '\e82a'; }

.owl-theme .owl-nav .owl-next:before {
  content: '\e82c'; }

/* owl settings - end
================================================== */

/* list style settings - start
================================================== */
.ul-li>ul {
	margin: 0px;
	padding: 0px;
	display: table;
}

.ul-li>ul>li {
	float: left;
	list-style: none;
	display: inline-block;
}

.ul-li-block {
	width: 100%;
	display: table;
}

.ul-li-block>ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: table;
}

.ul-li-block>ul>li {
	width: 100%;
	display: table;
	list-style: none;
}

.ul-li-right>ul {
	margin: 0px;
	padding: 0px;
	float: right;
	display: table;
}

.ul-li-right>ul>li {
	float: left;
	list-style: none;
	display: inline-block;
}

.ul-li-center>ul {
	padding: 0px;
	margin: 0 auto;
	display: table;
}

.ul-li-center>ul>li {
	float: left;
	list-style: none;
	display: inline-block;
}

/* list style settings - end
================================================== */
/* social links - start
================================================== */
.social-links>ul>li {
	margin-right: 15px;
}

.social-links>ul>li:last-child {
	margin-right: 0px;
}

.social-links>ul>li>a {
	z-index: 1;
	width: 40px;
	height: 40px;
	color: #8d96a6;
	font-size: 14px;
	overflow: hidden;
	line-height: 42px;
	text-align: center;
	position: relative;
	border-radius: 100%;
	background-color: #e3e8fe;
}

.social-links>ul>li>a:before {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	content: '';
	opacity: 0;
	position: absolute;
	border-radius: 100%;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #138afd;
}

.social-links>ul>li>a:hover {
	color: #ffffff;
}

.social-links>ul>li>a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* social links - end
================================================== */
/* post meta - start
================================================== */
.post-meta>ul>li {
	margin-right: 30px;
}

.post-meta>ul>li:last-child {
	margin-right: 0px;
}

.post-meta>ul>li i {
	font-size: 16px;
	color: #138afd;
}

.post-meta>ul>li>a {
	color: #535e72;
}

.post-meta>ul>li>.post-admin {
	font-weight: 700;
	color: #272d3a;
}

.post-meta>ul>li>.post-admin .admin-image {
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: -12px 0px;
	margin-right: 10px;
	border-radius: 100%;
	border: 1px solid #e3e8fe;
}

/* post meta - end
================================================== */
/* rating star - start
================================================== */
.rating-star .review-text {
	font-size: 14px;
	margin-left: 10px;
	color: #272d3a;
}

.rating-star>ul {
	float: left;
}

.rating-star>ul>li {
	font-size: 14px;
	color: #e3e8fe;
	margin-right: 3px;
}

.rating-star>ul>li:last-child {
	margin-right: 0px;
}

.rating-star>ul .rated {
	color: #f2b01e;
}

/* rating star - end
================================================== */
/* pagination - start
================================================== */
.pagination-nav>.pagination {
	border-radius: 0px;
}

.pagination-nav>.pagination>.page-item {
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-right: 5px;
	border-radius: 100%;
}

.pagination-nav>.pagination>.page-item>.page-link {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	border-radius: 0px;
	color: #535e72;
}

.pagination-nav>.pagination>.page-item>.page-link:hover {
	color: #138afd;
	background-color: #ffffff;
}

.pagination-nav>.pagination .prev-item .page-link {
	font-size: 24px;
}

.pagination-nav>.pagination .next-item .page-link {
	font-size: 24px;
}

/* pagination - end
================================================== */
/* padding - margin setting - start
================================================== */
.sec-ptb-160 {
	padding: 160px 0px;
}

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

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

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

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

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

/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.custom-btn {
	z-index: 1;
	height: 55px;
	font-size: 16px;
	overflow: hidden;
	line-height: 54px;
	padding: 0px 45px;
	text-align: center;
	color: #ffffff;
	border-radius: 3px;
	position: relative;
	font-weight: 500;
	background-color: #f6716f;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.custom-btn:after,
.custom-btn:before {
	top: 0px;
	width: 0px;
	left: 100%;
	content: '';
	z-index: -1;
	height: 100%;
	position: absolute;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	-webkit-transition-timing-function: inherit;
	-o-transition-timing-function: inherit;
	transition-timing-function: inherit;
	background-color: rgba(255, 255, 255, 0.2);
}

.custom-btn:before {
	z-index: -1;
	background-color: #138afd;
}

.custom-btn:after {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.custom-btn:hover {
	color: #ffffff;
}

.custom-btn:hover:after,
.custom-btn:hover:before {
	left: 0;
	width: 100%;
	-webkit-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
}

.custom-btn:hover:before {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.custom-btn:hover:after {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
}

.custom-btn-underline {
	font-size: 16px;
	position: relative;
	color: #138afd;
}

.custom-btn-underline:after,
.custom-btn-underline:before {
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	content: '';
	position: absolute;
	background-color: currentColor;
}

.custom-btn-underline:before {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
}

.custom-btn-underline:after {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition: -webkit-transform .3s ease .2s;
	transition: -webkit-transform .3s ease .2s;
	-o-transition: transform .3s ease .2s;
	transition: transform .3s ease .2s;
	transition: transform .3s ease .2s, -webkit-transform .3s ease .2s;
}

.custom-btn-underline:hover {
	color: #138afd;
}

.custom-btn-underline:hover:before {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}

.custom-btn-underline:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.store-btn {
	z-index: 1;
	overflow: hidden;
	color: #ffffff;
	position: relative;
	padding: 15px 30px;
	border-radius: 3px;
}

.store-btn:after,
.store-btn:before {
	top: 0px;
	width: 0px;
	left: 100%;
	content: '';
	z-index: -1;
	height: 100%;
	position: absolute;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	-webkit-transition-timing-function: inherit;
	-o-transition-timing-function: inherit;
	transition-timing-function: inherit;
	background-color: rgba(255, 255, 255, 0.1);
}

.store-btn:before {
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.1);
}

.store-btn:after {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.store-btn:hover {
	color: #ffffff;
}

.store-btn:hover:after,
.store-btn:hover:before {
	left: 0;
	width: 100%;
	-webkit-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
}

.store-btn:hover:before {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.store-btn:hover:after {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
}

.store-btn>.icon {
	float: left;
	font-size: 36px;
	margin: -2px 0px;
	color: #ffffff;
	margin-right: 15px;
}

.store-btn .title-text {
	display: table;
	font-size: 16px;
	color: #ffffff;
}

.store-btn .title-text small {
	width: 100%;
	display: table;
	font-size: 14px;
	text-transform: lowercase;
	color: rgba(255, 255, 255, 0.8);
}

.store-btn.bg-default-blue:before {
	background-color: #f6716f;
}

.store-btn.bg-default-black:before {
	background-color: #138afd;
}

.store-btn.bg-default-pink:before {
	background-color: #272d3a;
}

/* button style - end
================================================== */
/* title text - start
================================================== */
.section-title .sub-title {
	font-size: 16px;
	color: #f6716f;
	font-weight: 500;
	text-transform: capitalize;
}

.section-title .title-text {
	font-size: 36px;
	font-weight: 700;
	text-transform: initial;
}

.section-title .paragraph-text {
	font-size: 16px;
	line-height: 26px;
}

/* title text - end
================================================== */
/* back to top - start
================================================== */
#thetop {
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	position: absolute;
}

#backtotop {
	right: 15px;
	width: 50px;
	height: 50px;
	z-index: 999;
	bottom: 40px;
	display: none;
	position: fixed;
	border-radius: 100%;
	background-color: #128bfd;
	-webkit-box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.3);
}

#backtotop #scroll {
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff;
	font-size: 24px;
	line-height: 52px;
	text-align: center;
	position: relative;
}

/* back to top - end
================================================== */
/* preloader - start
================================================== */
/*
#preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  position: fixed;
  overflow: visible;
  background: #ffffff url('../images/preloader.gif') no-repeat center center;
}
*/
/* preloader - end
================================================== */
/* custom colors - start
================================================== */
.bg-default-pink {
	background-color: #f6716f;
}

.bg-default-blue {
	background-color: #138afd;
}

.bg-default-black {
	background-color: #272d3a;
}

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

.bg-black {
	background-color: #000000;
}

.bg-rating-star {
	background-color: #f2b01e;
}

.bg-deep-gray {
	background-color: #e3e8fe;
}

.bg-light-gray {
	background-color: #f7f9fe;
}

.bg-twitter {
	background-color: #1da1f2;
}

.bg-youtube {
	background-color: #ff0000;
}

.bg-facebook {
	background-color: #3b5998;
}

.bg-linkedin {
	background-color: #007bb5;
}

.bg-pinterest {
	background-color: #bd081c;
}

.bg-google-plus {
	background-color: #db4437;
}

.bg-instagram-magenta {
	background-color: #c32aa3;
}

/* custom colors - end
================================================== */
/* animation - start
================================================== */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

	/* animation: spin 20s infinite linear; */
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

	/* animation: spin 20s infinite linear; */
}

@-webkit-keyframes zoominout {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	/* animation: zoominout 1.5s alternate infinite ease-in; */
}

@keyframes zoominout {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	/* animation: zoominout 1.5s alternate infinite ease-in; */
}

@-webkit-keyframes updown {
	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	/* animation: updown 1s infinite alternate; */
}

@keyframes updown {
	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	/* animation: updown 1s infinite alternate; */
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
		box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
	}

	100% {
		-webkit-box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
		box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
	}

	/* animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); */
}

@keyframes pulse {
	0% {
		-webkit-box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
		box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
	}

	100% {
		-webkit-box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
		box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
	}

	/* animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); */
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	60% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	/* animation: ripple infinite 4s; */
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	60% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	/* animation: ripple infinite 4s; */
}

/* animation - end
================================================== */
/* transition - start
================================================== */
a,
button {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* transition - end
================================================== */
/* 1 - global area - end
==================================================================================================== */
/* 2 - header section - start
==================================================================================================== */
.header-section {
	padding: 50px 0px;
	/* main-menubar - start
	================================================== */
	/* main-menubar - end
	================================================== */
	/* btns-group - start
	================================================== */
	/* btns-group - end
	================================================== */
	/* sub menu - start
	================================================== */
	/* sub menu - end
	================================================== */
	/* inner sub menu - start
	================================================== */
	/* inner sub menu - end
	================================================== */
}

.menu-tabs-mobile {display: none}

.header-section .container-fluid {
	max-width: 1750px;
	padding-left: 15px;
	padding-right: 15px;
}

.header-section .brand-logo .brand-link {
	width: 100%;
	display: block;
}

.header-section .main-menubar>ul>li {
	padding: 14px 0px;
	margin-right: 40px;
}

.header-section .main-menubar>ul>li:last-child {
	margin-right: 0px;
}

.header-section .main-menubar>ul>li>a {
	font-size: 16px;
	position: relative;
	font-weight: 500;
	text-transform: capitalize;
}

.header-section .main-menubar>ul>li:hover>a {
	color: #138afd;
}

.header-section .main-menubar>ul>li:hover>a:after {
	color: #138afd;
}

.header-section .main-menubar>ul>.active>a {
	color: #138afd;
}

.header-section .main-menubar>ul>.active>a:after {
	color: #138afd;
}

.header-section .btns-group>ul {
	margin: -2px 0px;
}

.header-section .btns-group>ul>li .custom-btn {
	width: 100%;
	display: block;
	padding: 0px 38px;
}

.header-section .btns-group>ul>li .mobile-menu-btn {
	width: 55px;
	height: 55px;
	font-size: 26px;
	line-height: 60px;
	margin-left: 35px;
	color: #ffffff;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
}

.header-section .main-menubar>ul>.menu-item-has-child {
	position: relative;
}

.header-section .main-menubar>ul>.menu-item-has-child>a {
	padding-right: 15px;
}

.header-section .main-menubar>ul>.menu-item-has-child>a:after {
	top: 5px;
	right: 0px;
	font-size: 10px;
	content: "\f100";
	position: absolute;
	font-weight: 900;
	font-family: 'Flaticon';
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-section .main-menubar>ul>.menu-item-has-child:hover>a:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu {
	z-index: 2;
	top: 120%;
	opacity: 0;
	left: -30px;
	margin: 0px;
	min-width: 220px;
	padding: 20px 0px;
	visibility: hidden;
	position: absolute;
	border-radius: 5px;
	border-top-left-radius: 0px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.15);
	box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.15);
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li {
	width: 100%;
	display: table;
	padding-left: 20px;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a {
	width: 100%;
	height: 45px;
	padding: 0px 20px;
	line-height: 45px;
	position: relative;
	color: #535e72;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:after,
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:before {
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 2px;
	content: '';
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:before {
	background-color: #e3e8fe;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li:hover>a {
	padding-left: 30px;
	color: #272d3a;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li:hover>a:before {
	background-color: #138afd;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.active>a {
	padding-left: 30px;
	color: #272d3a;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.active>a:before {
	background-color: #138afd;
}

.header-section .main-menubar>ul>.menu-item-has-child:hover>.sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child {
	position: relative;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu {
	z-index: 2;
	top: -20px;
	opacity: 0;
	left: 100%;
	margin: 0px;
	min-width: 220px;
	padding: 20px 0px;
	visibility: hidden;
	position: absolute;
	border-radius: 5px;
	border-top-left-radius: 0px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.1);
	box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.1);
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li {
	width: 100%;
	display: table;
	padding-left: 20px;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a {
	width: 100%;
	height: 45px;
	padding: 0px 20px;
	line-height: 45px;
	position: relative;
	color: #535e72;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:after,
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:before {
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 2px;
	content: '';
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:before {
	background-color: #e3e8fe;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li:hover>a {
	padding-left: 30px;
	color: #272d3a;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li:hover>a:before {
	background-color: #138afd;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>.active>a {
	padding-left: 30px;
	color: #272d3a;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>.active>a:before {
	background-color: #138afd;
}

.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
}


/* header changes in different pages - start
================================================== */
/* white-content - start */
.header-section.white-content .main-menubar>ul>li>a {
	color: #ffffff;
}

.header-section.white-content .main-menubar>ul>li>a:after {
	color: #ffffff;
}

.header-section.white-content .main-menubar>ul>li:hover>a {
	color: #ffffff;
}

.header-section.white-content .main-menubar>ul>li:hover>a:after {
	color: #ffffff;
}

.header-section.white-content .main-menubar>ul .active>a {
	color: #ffffff;
}

.header-section.white-content .main-menubar>ul .active>a:after {
	color: #ffffff;
}

.header-section.white-content .btns-group>ul>li .custom-btn {
	border: 1px solid #ffffff;
	background-color: rgba(255, 255, 255, 0.1);
}

.header-section.white-content .btns-group>ul>li .custom-btn:hover {
	border-color: #138afd;
}

/* white-content - end */
/* black-content - start */
.header-section.black-content .main-menubar>ul>li>a {
	color: #272d3a;
}

.header-section.black-content .main-menubar>ul>li:hover>a {
	color: #138afd;
}

.header-section.black-content .main-menubar>ul .active>a {
	color: #138afd;
}

.header-section.black-content .btns-group>ul>li .mobile-menu-btn {
	color: #272d3a;
}

/* black-content - end */
/* header changes in different pages - end
================================================== */
/* sticky-header - start
================================================== */
.sticky-header {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	position: fixed;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sticky-header:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	content: '';
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sticky-header.stuck {
	padding: 30px 0px;
}

.sticky-header.stuck:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	position: absolute;
	background-color: #138afd;
	-webkit-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
	box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
}

.black-content.sticky-header.stuck:before {
	background-color: #ffffff;
}

/* sticky-header - end
================================================== */
/* sidebar menu - start
================================================== */
.sidebar-menu-wrapper {
	display: block;
}

.sidebar-menu-wrapper .sidebar-menu {
	top: 0;
	right: -500px;
	height: 100vh;
	z-index: 9999;
	position: fixed;
	min-width: 480px;
	max-width: 480px;
	padding: 40px 60px;
	overflow-y: scroll;
	background-color: #ffffff;
	-webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
	-o-transition: 0.6s cubic-bezier(1, 0, 0, 1);
	transition: 0.6s cubic-bezier(1, 0, 0, 1);
	/* btns-group - start */
	/* btns-group - end */
	/* menu items - start */
	/* menu items - end */
	/* menu items >> sub menu - start */
	/* menu items >> sub menu - end */
	/* contact-info - start */
	/* contact-info - end */
}

.sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
	overflow: visible !important;
}

.sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
	width: 40px;
	height: 40px;
	font-size: 14px;
	cursor: pointer;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	border-radius: 3px;
	background-color: #138afd;
}

.sidebar-menu-wrapper .sidebar-menu .sidebar-title {
	font-size: 21px;
	text-transform: capitalize;
}

.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li {
	margin-right: 10px;
}

.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li:last-child {
	margin-right: 0px;
}

.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li .store-btn {
	width: 100%;
	padding: 15px;
	display: block;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>li {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>li:last-child {
	margin-bottom: 0px;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>li>a {
	font-size: 16px;
	color: #535e72;
	text-transform: capitalize;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>li:hover>a {
	color: #272d3a;
	text-decoration: underline;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.active>a {
	color: #272d3a;
	text-decoration: underline;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li {
	padding-left: 30px;
	position: relative;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:before {
	top: 50%;
	left: 0px;
	width: 4px;
	height: 4px;
	z-index: 1;
	content: '';
	position: absolute;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #e3e8fe;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li>a {
	font-size: 14px;
	padding: 10px 0px;
	color: #535e72;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:hover:before {
	background-color: #138afd;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:hover>a {
	color: #272d3a;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>.active:before {
	background-color: #138afd;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>.active>a {
	color: #272d3a;
}

.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li {
	font-size: 16px;
	margin-bottom: 15px;
}

.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li:last-child {
	margin-bottom: 0px;
}

.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li .icon {
	font-size: 18px;
	margin-right: 15px;
	color: #138afd;
}

.sidebar-menu-wrapper .sidebar-menu.active {
	right: 0px;
	-webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
	box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}

.sidebar-menu-wrapper .overlay {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-menu-wrapper .overlay.active {
	opacity: 1;
	display: block;
}

.sidebar-menu::-webkit-scrollbar {
	width: 0px;
}

/* sidebar menu - end
================================================== */
/* 2 - header section - end
==================================================================================================== */
/* 3 - footer section - start
==================================================================================================== */
.footer-section {
	background-size: 100% 59%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.footer-section .item-title {
	font-size: 24px;
	margin-bottom: 40px;
	text-transform: capitalize;
}

.footer-section .newsletter-section .section-title .title-text {
	margin: 0 auto;
	font-size: 30px;
	max-width: 370px;
}

.footer-section .newsletter-section .newsletter-form {
	overflow: hidden;
	border-radius: 5px;
	padding: 45px 70px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.footer-section .newsletter-section .newsletter-form .form-item #email-input {
	width: 100%;
	height: 70px;
	display: table;
	padding: 0px 30px;
	border-radius: 3px;
	border: 1px solid #e3e8fe;
	background-color: #ffffff;
}

.footer-section .newsletter-section .newsletter-form .form-item .form-item-btn {
	top: 50%;
	right: 10px;
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0px 40px;
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-section .newsletter-section p {
	color: #687596;
	font-size: 16px;
	font-weight: 500;
}

.footer-section .btns-group>ul>li {
	margin-right: 30px;
}

.footer-section .btns-group>ul>li:last-child {
	margin-right: 0px;
}

.footer-section .footer-content .about-content>p {
	font-weight: 500;
}

.footer-section .footer-content .useful-links>ul>li {
	margin-bottom: 15px;
}

.footer-section .footer-content .useful-links>ul>li:last-child {
	margin-bottom: 0px;
}

.footer-section .footer-content .useful-links>ul>li>a {
	color: #535e72;
}

.footer-section .footer-content .useful-links>ul>li>a:hover {
	color: #138afd;
	text-decoration: underline;
}

.footer-section .footer-content .contact-info>ul>li {
	margin-bottom: 20px;
}

.footer-section .footer-content .contact-info>ul>li:last-child {
	margin-bottom: 0px;
}

.footer-section .footer-content .contact-info>ul>li>a .icon {
	float: left;
	font-size: 24px;
	margin: -5px 0px;
	margin-right: 15px;
	color: #138afd;
}

.footer-section .footer-content .contact-info>ul>li>a .info-text {
	display: table;
	line-height: 24px;
	color: #535e72;
	font-weight: 500;
}

.footer-section .footer-content .contact-info>ul>li>a .info-text:hover {
	color: #138afd;
	text-decoration: underline;
}

.footer-section .footer-bottom {
	padding: 50px 0px;
	border-top: 2px solid #eef1ff;
}

.footer-section .footer-bottom .useful-links>ul>li {
	margin-right: 35px;
}

.footer-section .footer-bottom .useful-links>ul>li:last-child {
	margin-right: 0px;
}

.footer-section .footer-bottom .useful-links>ul>li>a {
	color: #535e72;
}

.footer-section .footer-bottom .useful-links>ul>li>a:hover {
	color: #138afd;
	text-decoration: underline;
}

/* 3 - footer section - end
==================================================================================================== */
/* 4 - client section - start
==================================================================================================== */
.client-section {
	padding: 60px 0px;
}

.client-section .client-carousel .item .client-logo {
	width: 100%;
	height: 60px;
	overflow: hidden;
	position: relative;
}

.client-section .client-carousel .item .client-logo .after-image,
.client-section .client-carousel .item .client-logo .before-image {
	left: 50%;
	width: 85%;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.client-section .client-carousel .item .client-logo .before-image {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.client-section .client-carousel .item .client-logo .after-image {
	top: 150%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.client-section .client-carousel .item .client-logo:hover .before-image {
	top: -50%;
}

.client-section .client-carousel .item .client-logo:hover .after-image {
	top: 50%;
}

/* 4 - client section - end
==================================================================================================== */
/* 5 - sidebar section - start
==================================================================================================== */
.sidebar-section {
	/* widget_search - satrt */
	/* widget_search - end */
	/* widget_categories - start */
	/* widget_categories - end */
	/* widget_cixposttype - start */
	/* widget_cixposttype - end */
	/* widget_tag_cloud - start */
	/* widget_tag_cloud - end */
	/* widget_instagram - start */
	/* widget_instagram - end */
	/* widget_newsletter - start */
	/* widget_newsletter - end */
}

.sidebar-section .widget_title {
	font-size: 24px;
	padding: 0px 30px;
	position: relative;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e3e8fe;
}

.sidebar-section .widget_title:before {
	top: 0px;
	left: -1px;
	width: 3px;
	content: '';
	height: 30px;
	position: absolute;
	background-color: #138afd;
}

.sidebar-section .widget {
	padding: 30px;
	border-radius: 3px;
	margin-bottom: 50px;
	border: 1px solid #e3e8fe;
}

.sidebar-section .widget:last-child {
	margin-bottom: 0px;
}

.sidebar-section .widget_search .form-item .search-btn {
	top: 0px;
	right: 0px;
	z-index: 1;
	width: auto;
	height: 50px;
	font-size: 18px;
	padding: 0px 25px;
	line-height: 50px;
	position: absolute;
	color: #ffffff;
	text-align: center;
	background-color: #138afd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.sidebar-section .widget_categories>ul>li {
	margin-bottom: 25px;
}

.sidebar-section .widget_categories>ul>li:last-child {
	margin-bottom: 0px;
}

.sidebar-section .widget_categories>ul>li>a,
.sidebar-section .widget_categories>ul>li>.badge {
	font-size: 16px;
	color: #535e72;
	font-weight: 500;
}

.sidebar-section .widget_categories>ul>li>a {
	position: relative;
}

.sidebar-section .widget_categories>ul>li>a:before {
	left: 0px;
	right: 0px;
	opacity: 0;
	content: '';
	height: 2px;
	width: 100%;
	bottom: -5px;
	position: absolute;
	background-color: #138afd;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-section .widget_categories>ul>li:hover>a {
	color: #138afd;
}

.sidebar-section .widget_categories>ul>li:hover>.badge {
	color: #138afd;
}

.sidebar-section .widget_categories>ul>li:hover>a:before {
	opacity: 1;
	bottom: -2px;
}

.sidebar-section .widget_cixposttype>ul>li {
	margin-bottom: 30px;
}

.sidebar-section .widget_cixposttype>ul>li:last-child {
	margin-bottom: 0px;
}

.sidebar-section .widget_cixposttype>ul>li .post-date {
	width: 100%;
	display: table;
	margin-bottom: 15px;
}

.sidebar-section .widget_cixposttype>ul>li .item-title {
	color: #535e72;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}

.sidebar-section .widget_cixposttype>ul>li:hover .item-title {
	color: #138afd;
}

.sidebar-section .widget_tag_cloud>ul {
	margin: -5px;
}

.sidebar-section .widget_tag_cloud>ul>li {
	padding: 5px;
}

.sidebar-section .widget_tag_cloud>ul>li>a {
	width: auto;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	padding: 0px 15px;
	text-align: center;
	color: #535e72;
	border: 1px solid #e3e8fe;
}

.sidebar-section .widget_tag_cloud>ul>li>a:hover {
	color: #ffffff;
	border-color: #138afd;
	background-color: #138afd;
}

.sidebar-section .widget_instagram {
	/* .widget_title {
			&:before {background-color: #e8be84;}
		} */
}

.sidebar-section .widget_instagram>ul {
	margin: -5px;
}

.sidebar-section .widget_instagram>ul>li {
	padding: 5px;
	width: 106px;
	height: 106px;
}

.sidebar-section .widget_instagram>ul>li>a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.sidebar-section .widget_instagram>ul>li>a:before {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	content: '';
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.7);
}

.sidebar-section .widget_instagram>ul>li>a:after {
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	font-size: 60px;
	content: '\ea56';
	color: #ffffff;
	position: absolute;
	font-family: "unicons";
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-section .widget_instagram>ul>li>a:hover:before {
	opacity: 1;
}

.sidebar-section .widget_instagram>ul>li>a:hover:after {
	opacity: 1;
	font-size: 36px;
}

.sidebar-section .widget_newsletter .form-item .submit-btn {
	top: 0px;
	right: 0px;
	z-index: 1;
	width: auto;
	height: 50px;
	font-size: 18px;
	padding: 0px 25px;
	line-height: 50px;
	position: absolute;
	color: #ffffff;
	text-align: center;
	background-color: #138afd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* 5 - sidebar section - end
==================================================================================================== */
/* 6 - breadcrumb section - start
==================================================================================================== */
.breadcrumb-section {
	z-index: 1;
	overflow: hidden;
	padding-top: 217px;
	position: relative;
	padding-bottom: 30px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/* section-title - satrt */
	/* section-title - end */
	/* breadcrumb-content - start */
	/* breadcrumb-content - end */
	/* breadcrumb-nav - start */
	/* breadcrumb-nav - end */
}

.breadcrumb-section .section-title {
	margin-top: 30px;
	margin-bottom: 160px;
}

.breadcrumb-section .section-title .title-text {
	font-size: 36px;
	color: #ffffff;
	font-weight: 700;
	text-transform: initial;
}

.breadcrumb-section .section-title .paragraph-text {
	font-size: 16px;
	max-width: 430px;
	color: #ffffff;
}

.breadcrumb-section .breadcrumb-content .page-name {
	width: auto;
	height: 35px;
	font-size: 12px;
	padding: 0px 45px;
	line-height: 35px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb {
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 0px;
	background-color: transparent;
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item {
	font-size: 16px;
	margin-right: 16px;
	padding-right: 16px;
	color: #ffffff;
	position: relative;
	text-transform: capitalize;
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:before {
	top: 50%;
	right: -2px;
	margin: 0px;
	padding: 0px;
	content: '-';
	position: absolute;
	color: #ffffff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:last-child:before {
	display: none;
}

.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item>a {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	text-transform: capitalize;
}

.breadcrumb-section .design-image-1 {
	bottom: 0px;
	right: 290px;
	padding-top: 25px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .image-1 {
	width: 432px;
}

.breadcrumb-section .design-image-1 .man-image-1 {
	top: 58px;
	left: -30px;
	width: 137px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .man-image-2 {
	top: 61px;
	right: 22px;
	width: 170px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .shape-image-1 {
	top: 117px;
	left: 154px;
	width: 37px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .medal-image-1 {
	top: 34px;
	left: 135px;
	width: 75px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .shape-image-2 {
	top: 54px;
	right: 48px;
	width: 37px;
	position: absolute;
}

.breadcrumb-section .design-image-1 .medal-image-2 {
	top: 0px;
	right: 43px;
	width: 53px;
	position: absolute;
}

.breadcrumb-section .design-image-2 {
	left: -65px;
	width: 337px;
	bottom: -106px;
	position: absolute;
}

.breadcrumb-section .spin-image {
	-webkit-animation: spin 5s infinite linear;
	animation: spin 5s infinite linear;
}

.breadcrumb-section .cross-image-1 {
	top: 305px;
	left: 150px;
	position: absolute;
}

.breadcrumb-section .cross-image-2 {
	left: 520px;
	bottom: 120px;
	position: absolute;
}

.breadcrumb-section .box-image-1 {
	top: 170px;
	left: 745px;
	position: absolute;
}

.breadcrumb-section .box-image-2 {
	right: 170px;
	bottom: 145px;
	position: absolute;
}

.breadcrumb-section .circle-half-1 {
	top: 160px;
	left: 1045px;
	position: absolute;
}

.breadcrumb-section .circle-half-2 {
	top: 218px;
	right: 160px;
	position: absolute;
}

.breadcrumb-section .flow-image-1 {
	top: 115px;
	left: 440px;
	position: absolute;
}

.breadcrumb-section .flow-image-2 {
	top: 355px;
	left: 970px;
	position: absolute;
}

.breadcrumb-section .zoominout-image {
	-webkit-animation: zoominout 1.5s alternate infinite ease-in;
	animation: zoominout 1.5s alternate infinite ease-in;
}

.breadcrumb-section .circle-image-1 {
	top: 140px;
	right: 500px;
	position: absolute;
}

/* 6 - breadcrumb section - end
==================================================================================================== */
/* 7 - mobile app -->> home page - start
==================================================================================================== */
==================================================*/

/* 7.3 - home page 3 - start
================================================== */
.home-page-3 {
	padding-top: 124px;
}

/* header-section - start */
.home-page-3 .header-section {
	padding: 35px 0px;
}

.home-page-3 .header-section .btns-group .custom-btn {
	background-color: #138afd;
}

.home-page-3 .header-section .btns-group .custom-btn:before {
	background-color: #f6716f;
}

.home-page-3 .sticky-header.stuck {
	padding: 30px 0px;
}

/* header-section - end */
/* banner-section - start */
.slider-section .mobileapp-main-carousel {
	width: 1750px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.2);
	box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.2);
}

.slider-section .mobileapp-main-carousel .item {
	height: 900px;
	position: relative;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.slider-section .mobileapp-main-carousel .item.first-item {
	overflow: hidden;
	padding-top: 150px;
}

.slider-section .mobileapp-main-carousel .item.first-item h3 {
	height: 35px;
	display: table;
	font-size: 14px;
	padding: 0px 25px;
	line-height: 37px;
	text-align: center;
	color: #ffffff;
	margin: 0 auto 20px;
	font-weight: 500;
	text-transform: capitalize;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
}

.slider-section .mobileapp-main-carousel .item.first-item h2 {
	font-size: 36px;
	line-height: 48px;
	color: #ffffff;
	margin-bottom: 50px;
	font-weight: 500;
}

.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form {
	margin-bottom: 50px;
}

.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form>p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
}

.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item {
	width: 430px;
	display: table;
	margin: 0 auto 20px;
}

.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item input {
	height: 60px;
	padding: 0px 30px;
}

.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item .submit-btn {
	top: 50%;
	right: 5px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	padding: 0px 30px;
	color: #ffffff;
	position: absolute;
	border-radius: 3px;
	font-weight: 500;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #138afd;
}

.slider-section .mobileapp-main-carousel .item.first-item .phone-image {
	width: 355px;
	display: table;
	margin: 0 auto 0px;
}

.slider-section .mobileapp-main-carousel .item.second-item {
	padding-top: 100px;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content {
	padding-top: 172px;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .title-text {
	font-size: 47px;
	color: #ffffff;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .paragraph-text {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form {
	width: 425px;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item {
	margin-bottom: 20px;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item .email-input {
	width: 100%;
	height: 60px;
	display: table;
	padding: 0px 30px;
	border-radius: 3px;
	border: 1px solid #e3e8fe;
	background-color: #ffffff;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item .form-item-btn {
	top: 50%;
	right: 8px;
	width: auto;
	height: 45px;
	line-height: 45px;
	padding: 0px 40px;
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-image {
	position: relative;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-image .phone-image {
	width: 425px;
	top: unset !important;
	left: unset !important;
	position: unset !important;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-1,
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-2 {
	width: 400px;
	position: absolute;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-1 {
	top: 73px !important;
	left: -92px !important;
}

.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-2 {
	top: 440px !important;
	left: -92px !important;
}

.slider-section .owl-theme .owl-dots {
	top: 50%;
	right: 30px;
	position: absolute;
	margin-top: 0px !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-section .owl-theme .owl-dots .owl-dot {
	display: table;
	margin: 10px 0px;
	background: rgba(255, 255, 255, 0.5);
}

.slider-section .owl-theme .owl-dots .owl-dot span {
	background-color: #ffffff;
}

/* banner-section - end */
/* client-section - start */
.home-page-3 .client-section {
	z-index: 1;
	position: relative;
	margin-bottom: -30px;
}

/* client-section - end */
/* features-section - start */
.features-section .feature-item .feature-image-3 {
	position: relative;
	padding-top: 156px;
}

.features-section .feature-item .feature-image-3 .bg-image {
	width: 580px;
	margin-left: -70px;
	margin-right: -40px;
}

.features-section .feature-item .feature-image-3 .phone-image {
	z-index: 1;
	left: 52px;
	top: 113px;
	width: 303px;
	position: absolute;
}

.features-section .feature-item .feature-image-3 .man-image-1 {
	z-index: 2;
	left: -15px;
	bottom: 24px;
	width: 139px;
	position: absolute;
}

.features-section .feature-item .feature-image-3 .man-image-2 {
	z-index: 2;
	right: 0px;
	bottom: 24px;
	width: 189px;
	position: absolute;
}

.features-section .feature-item .feature-image-3 .comment-image {
	z-index: 2;
	top: 228px;
	left: 138px;
	width: 120px;
	position: absolute;
}

.features-section .feature-item .feature-image-3 .leaf-image-1 {
	top: 0px;
	left: -5px;
	width: 180px;
	position: absolute;
}

.features-section .feature-item .feature-image-3 .leaf-image-2 {
	top: 55px;
	right: 40px;
	width: 180px;
	position: absolute;
}

.features-section .feature-item:nth-child(2) .feature-image-3 {
	padding-top: 110px;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .bg-image {
	margin: 0px;
	width: 554px;
	margin-left: -84px;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .phone-image {
	top: 116px;
	left: 85px;
	width: 246px;
	position: absolute;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .man-image-1 {
	left: -26px;
	bottom: 0px;
	width: 212px;
	position: absolute;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .man-image-2 {
	right: 0px;
	width: 195px;
	bottom: -4px;
	position: absolute;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .leaf-image-1 {
	top: 27px;
	left: -12px;
	width: 212px;
	position: absolute;
}

.features-section .feature-item:nth-child(2) .feature-image-3 .leaf-image-2 {
	top: 0px;
	right: 57px;
	width: 180px;
	position: absolute;
}

/* features-section - end */
/* 7.3 - home page 3 - end
================================================== */

#subscribe {
	background: url(../assets/a.jpg) fixed center center;
	background-size: cover;
	padding: 80px 0;
}

#subscribe .subscribe-title {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}

#subscribe .subscribe-text {
	color: #fff;

}

#subscribe .subscribe-btn-container {
	text-align: center;
	padding-top: 20px;
}

#subscribee {
	background: url(../assets2/b.jpg) fixed center center;
	background-size: cover;
	padding: 80px 0;
}

#subscribee .subscribe-title {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}

#subscribee .subscribe-text {
	color: #fff;

}

#subscribee .subscribe-btn-container {
	text-align: center;
	padding-top: 20px;
}


/* MEDIA */
@media only screen and (max-width: 1440px) {
	/* .mobile-nav-toggle {
         left: 120px;
    }
    */
}

@media only screen and (max-width: 1366px) {
	#nav-menu-links {
		right: 135px;
	}

	.card-portfolio {
		height: 630px;
	}

	.portfolio,
	#ingredients .section-title p {
		font-size: 26px;
		line-height: 30px;
	}

	.our-purpose .text-purpose p {
		font-size: 40px;
		line-height: 46px;
	}
}

@media only screen and (max-width: 1280px) {

	#nav-menu-links {
		right: 93px;
	}
}

@media only screen and (max-width: 1150px) {
.iframecatalogue {min-height: 1500px}
.logo-sticky {margin: auto 10px}
.logo-sticky img {max-height: 53px}
.top-header .menu-main-tabs {
    padding: 2.5rem 1rem;}
}
@media only screen and (max-width: 1024px) {
	.newsletter .wpcf7-form-control-wrap.email {
		width: 100%;
		margin-bottom: 15px;
	}

	input#newsletter {
		width: 100%;
	}

	/* .mobile-nav-toggle {
         left: 80px;
    }
    */
	#nav-menu-links {
		right: 55px;
	}

	.card-portfolio {
		height: 730px;
	}
}

@media (max-width: 991px) {
    .iframecatalogue {min-height: 2000px}
	.mobile {display: block}
  .desktop {display: none}
	.single-post .contflex-post {order: 2}
	.single-post .cont-img {background: none !important}
	footer .container .row .text-center.text-sm-start {display: flex;text-align: left}
	.text-justify,.oferta ul li, .home-page .about p , .main-content p  {text-align:left;}
	.top-header .logo-nav, .top-header .menu-tabs  {display: none !important}
	.n2_clear {margin-bottom: 40px}
  header .container {padding: 0}
  header .ico-menu-mobil {position:absolute; right:15px; top:8px;z-index:99; cursor: pointer; display: inline-block;margin: 0 auto;-webkit-transition: all .7s ease;-moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
  header .ico-menu-mobil .bar { display: block;height:2px; width:30px;background-color: #fff; margin: 6px auto; -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease; -o-transition: all .7s ease;transition: all .7s ease;}
  header.active .ico-menu-mobil .top {-webkit-transform: translateY(6px) rotateZ(45deg);-moz-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg);-o-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg);}
  header.active .ico-menu-mobil .bottom { -webkit-transform: translateY(-10px) rotateZ(-40deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
  header.active .ico-menu-mobil .middle { width: 0;}
  header.fixed .ico-menu-mobil .bar,
  header.active .ico-menu-mobil .bar {background: #fff}
	.home header.header-scrolled {height: 121px}
	.home header.header-scrolled .menu-tabs-mobile .logo-sticky {margin-top: 40px}
	.home header.header-scrolled .menu-tabs-mobile #toolbar {top: 4px}
	.home header.header-scrolled .menu-tabs-mobile #mobile-menu {top: 50px;}
	.home header .menu-tabs-mobile .content-menu {margin-top: 10px;background: rgba(0,0,0,0.8);}
	.home header .menu-tabs-mobile .content-menu .sub-menu {background: transparent}
	.home header .menu-tabs-mobile .content-menu .menu-main-tabs {padding: 25px 20px}
	.home header .menu-tabs-mobile #toolbar {top: 27px}
	.home header .menu-tabs-mobile #mobile-menu {top: 71px;}
	.home header .menu-tabs-mobile .logo-sticky {margin-top: 63px;}
  .menu-tabs-mobile {display: inline-block;width: 100%;height: 100px;}
  .menu-tabs-mobile #toolbar {display: flex;position: absolute;top: 6px;right: 0;}
  .menu-tabs-mobile .logo-sticky {display: inline-block;margin-top: 40px;}
  .menu-tabs-mobile .logo-sticky img {max-height: 52px;}
  .menu-tabs-mobile .content-menu {opacity: 1;
    height: auto;
    width: 100%;
    left: 0;
    position: absolute;
    background: #000
  }
  .menu-tabs-mobile .content-menu .menu-principal-eng-container,.menu-tabs-mobile .content-menu .menu-principal-esp-container  {display: none}
  header.active .menu-tabs-mobile .content-menu .menu-principal-eng-container,header.active .menu-tabs-mobile .content-menu .menu-principal-esp-container {display: inline-block}
  .menu-tabs-mobile .content-menu .sub-menu {background: #000;display: inline-block;visibility: visible !important;opacity: 1 !important;margin-top:0 !important;display: inline-block;}
  .menu-tabs-mobile .content-menu .sub-menu  li {margin-bottom: 2px}
  .menu-tabs-mobile .content-menu .menu-main-tabs{display: inline-block;height: auto;padding: 46px 20px;min-width: 140px;}
  .menu-tabs-mobile .content-menu .menu-main-tabs a{vertical-align: top;margin-right: 20px;min-width: 140px}

	.main-content .row {
    padding: 0px 20px 30px 21px;
}
.row.greybg, .row.greenbg, .row.whitebg, .row.full.aroma-chemicals {
    padding: 30px 30px 6px !important;
}
.greenbg .grid-container {
    background: #fff;
    padding: 0 20px;
}
.order2 {order: 2;margin-top: 30px}
.pr-3 {padding-right: 0 !important}
.brownbg.mr45 {margin-right: 0;    padding: 10px 20px !important;}
.certificate {margin-top: 20px}
.main-content {margin-left: 0}
.main-content .container.tablecont p {padding-right: 0}

.main-content .container.tablecont.left p, .main-content .container.tablecont.left h2, .main-content .container.tablecont.left .contimg, .main-content .container.tablecont.left a.readmore {padding-left: 0}
.grid {    display: grid;
    grid-template-columns: 50% 50%;}
.grid div {margin-top: 0}

.certificate img.big {height: auto}
  #mobile-menu {display: block;right: 0;top: 50px;}
.div-center.paddr0 {padding-right: inherit !important}
  footer {padding:36px 0 0;}
	.vertical-menu {
		display: none;
	}
	.newslist .row .col p {
	    padding: 0 28px;
	}
	.main-content {
		margin-right: 0 !important;
	}

	body.sidebar-enable .vertical-menu {
		display: block;
	}

	.top-header .menu-tabs {
		display: none;
	}

	.main-content .hero .claim {
		width: 90%;
		font-size: 50px;
		line-height: 58px
	}
}

@media only screen and (max-width: 768px) {
  .cont-marketreport {padding: inherit;}
  .cont-marketreport .row div:first-child {background-color: #F2EBE2 !important;}
  .cont-marketreport .row:nth-child(2n) div:nth-child(2n) {background-color: white}
  .iframecatalogue {min-height: 3800px}
	.clm-custom {
		width: 100%;
	}


		.bottom-header .menu-tabs {
			display: none;
		}




	.mt-m-3 {
		margin-top: 1rem !important;
	}

	#header {
		height: 60px;
		padding: 10px 0;
	}

	footer .container .row {
		display: inline-block;
		width: 100%
	}

	footer .container .row .col:first-child {
		width: 100%;
		text-align: center !important;
	}

	footer section {
		text-align: left;
	}

	footer .bottom-footer ul li {
		margin-right: 3px
	}

  .main-content .hero .claim {
    font-size: 32px;
    line-height: 46px;
}

	/* .mobile-nav-toggle {
         position: fixed;
         left: 30px;
         top: 20px;
    }
     .mobile-nav-toggle {
         left: 20px;
    }
    */
	#nav-menu-links {
		right: 26px;
	}

	.about a {
		margin-bottom: 10px;
	}

	.cta {
		height: auto;
	}

	.hero-blog {
		padding: 90px 10px;
	}

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

	.logo-footer {
		width: 60%;
		height: auto;
		object-fit: contain;
	}

	ul#menu-information-1 li.menu-item,
	ul#menu-information-eng-1 li.menu-item {
		display: inline-block !important;
	}

	#nav_menu-3 .widget-title {

	}

	li a {
		padding: 0 6px 5px 0;
	}

	.hero-blog .row {
		--bs-gutter-x: 20px;
	}

	.pt-100 {
		margin-top: 40px;
	}

	.card-portfolio a {
		position: relative;
	}

	.card-portfolio {
		height: auto;
	}

	.mt-25 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 500px) {
	.header .logo-nav {
		margin-top: 24px;
	}

	.header .logo-nav img {
		max-width: 200px
	}

	.header-scrolled .logo-nav {
		padding: 0;
		margin-top: -25px;
	}

	footer .container .row {
		display: inline-block;
		width: 100%
	}

	footer section {
		text-align: left;
	}

	footer .bottom-footer ul li {
		margin-right: 3px
	}

	.blog {
		padding: 50px 0 18px
	}

	.clm-custom .img-fluid {
		margin-top: 0
	}
}

@media only screen and (max-width: 425px) {
    .iframecatalogue {min-height: 4000px}
	.lgx-grid-item {
		border-bottom: solid 1px #ccc;
		padding-bottom: 20px;
	}

	.support {
		padding: 60px 0;
	}

	.support .list-item {
		margin-bottom: 60px;
	}

	.our-purpose h1.title {
		margin-top: -40px;
		font-size: 60px;
	}

	#hero,
	.carousel-item {
		height: 100vh;
	}

	.carousel-caption {
		/* display: none !important;
         */
	}

	.hero--menu ul {
		flex-direction: column;
	}

	.hero--menu ul li {
		padding: 10px 0;
	}

	.grid-container {
		grid-template-columns: auto;
	}

	.hero--newsletter {
		padding: 75px 20px;
	}

	/* .mobile-nav-toggle {
         left: 15px;
    }
    */
	#hero p {
		font-size: 16px;
		line-height: 1;
		margin-bottom: 15px;
	}

	#hero h1 {
		font-size: 28px;
		line-height: 32px;
	}

	#hero .hero-img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.our-purpose .text-purpose p {
		font-size: 22px;
		line-height: 31px;
	}

	#dna.pt-100 {
		padding-top: 10px;
	}

	.owl-carousel .owl-nav .owl-next {
		right: 10px;
	}

	.cta h2,
	#sourcing p {
		font-size: 25px;
		line-height: 31px;
	}

	.essence .text-bottom {
		margin-bottom: 60px;
	}

	.essence {
		padding: 60px 0 30px;
	}

	.portfolio,
	#ingredients,
	.commitment,
	#services,
	#people {
		padding: 60px 0;
	}

	.news-page {
		padding: 80px 0;
	}

	#sustainibility .items {
		padding: 80px 0 30px;
	}

	.tech {
		padding: 50px 0;
		margin-bottom: 100px;
	}

	.tech h2.title {
		position: relative;
	}

	#header .logo img {
		max-height: 40px;
	}

	.single-news-page {
		padding: 0px 0 180px;
	}
}